- {language.t("prompt.action.stop")}
-
-
- )
- }
-
- return (
-
- {language.t("prompt.action.send")}
-
- )
- }
-
- const contextItems = createMemo(() => {
- const items = prompt.context.items()
- if (store.mode !== "shell") return items
- return items.filter((item) => !item.comment?.trim())
- })
-
- const hasUserPrompt = createMemo(() => {
- const sessionID = props.controls.session.id
- if (!sessionID) return false
- const messages = sync().data.message[sessionID]
- if (!messages) return false
- return messages.some((m) => m.role === "user")
- })
-
- const history = props.history ?? createPersistedPromptInputHistory()
-
- const suggest = createMemo(() => !hasUserPrompt())
-
- const placeholder = createMemo(() =>
- promptPlaceholder({
- mode: store.mode,
- commentCount: commentCount(),
- example: suggest() ? (store.mode === "shell" ? "git status" : language.t(EXAMPLES[store.placeholder])) : "",
- suggest: suggest(),
- t: (key, params) => language.t(key as Parameters
- {(promptReady(), null)}
- (slashPopoverRef = el)}
- atFlat={atFlat()}
- atActive={atActive() ?? undefined}
- atKey={atKey}
- setAtActive={setAtActive}
- onAtSelect={handleAtSelect}
- slashFlat={slashFlat()}
- slashActive={slashActive() ?? undefined}
- setSlashActive={setSlashActive}
- onSlashSelect={handleSlashSelect}
- slashMenu={store.slashMenu}
- slashMenuQuery={store.slashMenuQuery}
- onSlashMenuInput={(value) => {
- setStore("slashMenuQuery", value)
- slashOnInput(value)
- }}
- onSlashMenuKeyDown={handleSlashMenuKeyDown}
- commandKeybind={command.keybind}
- commandKeybindParts={command.keybindParts}
- newLayoutDesigns={false}
- t={(key) => language.t(key as Parameters[0])}
- />
-
- {
- const active = comments.active()
- return !!item.commentID && item.commentID === active?.id && item.path === active?.file
- }}
- openComment={openComment}
- remove={(item) => {
- if (item.commentID) comments.remove(item.path, item.commentID)
- prompt.context.remove(item.key)
- }}
- newLayoutDesigns={false}
- t={(key) => language.t(key as Parameters[0])}
- />
-
- dialog.show(() =>
-
-
-
-
-
- )
-}
diff --git a/packages/app/src/components/prompt-input/at-options.test.ts b/packages/app/src/components/prompt-input/at-options.test.ts
deleted file mode 100644
index 7f8dcfbe6e..0000000000
--- a/packages/app/src/components/prompt-input/at-options.test.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { describe, expect, test } from "bun:test"
-import type { AtOption } from "./slash-popover"
-import { atOptionCategory, compareAtCategories } from "./at-options"
-
-const options: AtOption[] = [
- { type: "reference", name: "effect", path: "/refs/effect", display: "effect", description: "" },
- { type: "agent", name: "general", display: "general" },
- { type: "resource", name: "docs", uri: "mcp://docs", client: "mcp", display: "docs" },
- { type: "file", path: "src/open.ts", display: "src/open.ts", recent: true },
- { type: "file", path: "src/found.ts", display: "src/found.ts" },
-]
-
-describe("atOptionCategory", () => {
- test("categorizes every option shape", () => {
- expect(options.map(atOptionCategory)).toEqual(["reference", "agent", "resource", "recent", "file"])
- })
-})
-
-describe("compareAtCategories", () => {
- test("ranks file groups before references, agents, and resources", () => {
- const sorted = ["reference", "agent", "resource", "recent", "file"]
- .map((category) => ({ category }))
- .sort(compareAtCategories)
- .map((group) => group.category)
- expect(sorted).toEqual(["recent", "file", "reference", "agent", "resource"])
- })
-})
diff --git a/packages/app/src/components/prompt-input/at-options.ts b/packages/app/src/components/prompt-input/at-options.ts
deleted file mode 100644
index c0771335b4..0000000000
--- a/packages/app/src/components/prompt-input/at-options.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import type { AtOption } from "./slash-popover"
-
-export function atOptionCategory(item: AtOption) {
- if (item.type === "reference") return "reference"
- if (item.type === "agent") return "agent"
- if (item.type === "resource") return "resource"
- if (item.recent) return "recent"
- return "file"
-}
-
-// Files are the dominant @ use case, so file groups (recent open tabs, then
-// search results) rank ahead of references, agents, and MCP resources.
-const rank = (category: string) => {
- if (category === "recent") return 0
- if (category === "file") return 1
- if (category === "reference") return 2
- if (category === "agent") return 3
- return 4
-}
-
-export function compareAtCategories(a: { category: string }, b: { category: string }) {
- return rank(a.category) - rank(b.category)
-}
diff --git a/packages/app/src/components/prompt-input/attachments.test.ts b/packages/app/src/components/prompt-input/attachments.test.ts
deleted file mode 100644
index 104921697d..0000000000
--- a/packages/app/src/components/prompt-input/attachments.test.ts
+++ /dev/null
@@ -1,108 +0,0 @@
-import { describe, expect, test } from "bun:test"
-import { attachmentMime, pickAttachmentFiles } from "./files"
-import { pasteMode } from "./paste"
-
-describe("attachmentMime", () => {
- test("keeps PDFs when the browser reports the mime", async () => {
- const file = new File(["%PDF-1.7"], "guide.pdf", { type: "application/pdf" })
- expect(await attachmentMime(file)).toBe("application/pdf")
- })
-
- test("normalizes structured text types to text/plain", async () => {
- const file = new File(['{"ok":true}\n'], "data.json", { type: "application/json" })
- expect(await attachmentMime(file)).toBe("text/plain")
- })
-
- test("accepts text files even with a misleading browser mime", async () => {
- const file = new File(["export const x = 1\n"], "main.ts", { type: "video/mp2t" })
- expect(await attachmentMime(file)).toBe("text/plain")
- })
-
- test("rejects binary files", async () => {
- const file = new File([Uint8Array.of(0, 255, 1, 2)], "blob.bin", { type: "application/octet-stream" })
- expect(await attachmentMime(file)).toBeUndefined()
- })
-})
-
-describe("pickAttachmentFiles", () => {
- test("reads the current project directory for every native picker invocation", async () => {
- const paths: string[] = []
- const files: File[] = []
- const file = new File(["hello"], "hello.txt", { type: "text/plain" })
- let directory = "C:\\Projects\\LoremIpsum"
- const picker = async (options?: { defaultPath?: string }, onFile?: (file: File) => Promise {
- const target = e.target
- if (!(target instanceof HTMLElement)) return
- if (target.closest('[data-action="prompt-attach"], [data-action="prompt-submit"]')) {
- return
- }
- editorRef?.focus()
- }}
- >
-
-
-
-
-
-
- {
- const list = e.currentTarget.files
- if (list) void addAttachments(Array.from(list))
- e.currentTarget.value = ""
- }}
- />
-
-
-
-
-
-
-
-
-
- 0.5 ? "auto" : "none",
- }}
- >
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- }
- >
-
-
-
-
-
- {props.controls.model.selection.current()?.name ??
- language.t("dialog.model.select.title")}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {typeLabel(attachment.filename, attachment.mime)}
-
-
- }
- >
- 
props.onOpen(attachment)}
- />
-
- )
- const name = () => (
-
-
- )
- }}
-
-
-
-
-
- {(item) => (
-
-
-
- {(attachment) => {
- const image = attachment.mime.startsWith("image/")
- const media = () => (
-
-
- }
- >
-
-
- props.onOpenComment?.(item)}
- />
-
-
-
- )}
-
- {attachment.filename}
-
- )
- const remove = () => (
-
- )
- // v2 keeps the remove button outside the tooltip trigger so hovering it dismisses the tooltip
- return (
-
- {media()}
- {name()}
- {remove()}
-
-
- }
- >
-
-
- {media()}
-
-
-
-
- {remove()}
-
- {
- if (props.popover === "slash") props.setSlashPopoverRef(el)
- }}
- class="absolute inset-x-0 -top-2 -translate-y-full origin-bottom-left max-h-80 min-h-10
- overflow-auto no-scrollbar flex flex-col p-2"
- classList={{
- "z-[70] rounded-[10px] bg-v2-background-bg-base shadow-[var(--v2-elevation-raised)]": props.newLayoutDesigns,
- "rounded-[12px] bg-surface-raised-stronger-non-alpha shadow-[var(--shadow-lg-border-base)]":
- !props.newLayoutDesigns,
- }}
- onMouseDown={(e) => e.preventDefault()}
- >
-
-
- 0}
- fallback={
-
- {(item) => {
- const key = props.atKey(item)
-
- if (item.type === "agent") {
- return (
-
- )
- }
-
- if (item.type === "resource") {
- return (
-
- )
- }
-
- if (item.type === "reference") {
- return (
-
- )
- }
-
- const isDirectory = item.path.endsWith("/")
- const directory = isDirectory ? item.path : getDirectory(item.path)
- const filename = isDirectory ? "" : getFilename(item.path)
-
- return (
-
- )
- }}
-
-
-
-
-
-
- 0}
- fallback={
-
- {(cmd) => {
- const keybind = () => props.commandKeybind(cmd.id)
- const keybindParts = () => props.commandKeybindParts(cmd.id)
- return (
-
- )
- }}
-
-
-
-
-
-
- {props.t("prompt.popover.emptyResults")}
-
- }
- >
-
- requestAnimationFrame(() => el.focus())}
- value={props.slashMenuQuery}
- onInput={(event) => props.onSlashMenuInput(event.currentTarget.value)}
- onKeyDown={props.onSlashMenuKeyDown}
- onMouseDown={(event) => event.stopPropagation()}
- aria-label={props.t("prompt.menu.commands")}
- placeholder="/"
- class="w-full bg-transparent outline-none text-[13px] leading-5 text-v2-text-text-base placeholder:text-v2-text-text-faint"
- />
-
-
- {props.t("prompt.popover.emptyCommands")}
-
- }
- >
-
+ Ask anything...
+
}
/>
diff --git a/packages/app/test-browser/prompt-at-options.test.ts b/packages/app/test-browser/prompt-at-options.test.ts
deleted file mode 100644
index 77ca3bb494..0000000000
--- a/packages/app/test-browser/prompt-at-options.test.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { describe, expect, test } from "bun:test"
-import { createRoot } from "solid-js"
-import { useFilteredList } from "@opencode-ai/ui/hooks"
-import type { AtOption } from "@/components/prompt-input/slash-popover"
-import { atOptionCategory, compareAtCategories } from "@/components/prompt-input/at-options"
-
-const options: AtOption[] = [
- { type: "reference", name: "effect", path: "/refs/effect", display: "effect", description: "" },
- { type: "agent", name: "general", display: "general" },
- { type: "resource", name: "docs", uri: "mcp://docs", client: "mcp", display: "docs" },
- { type: "file", path: "src/open.ts", display: "src/open.ts", recent: true },
- { type: "file", path: "src/found.ts", display: "src/found.ts" },
-]
-
-describe("@ menu ordering through useFilteredList", () => {
- test("flattens with files first on an empty query", async () => {
- await createRoot(async (dispose) => {
- const list = useFilteredList