feat(tui): add ctrl+r history search with fuzzy filtering

Author: jiahaoxiang2000

packages/opencode/src/cli/cmd/tui/component/dialog-history-search.tsx

@@ -0,0 +1,37 @@
+import { createMemo } from "solid-js"
+import { DialogSelect } from "@tui/ui/dialog-select"
+import { useDialog } from "@tui/ui/dialog"
+import type { PromptInfo } from "./prompt/history"
+
+export interface DialogHistorySearchProps {
+  items: PromptInfo[]
+  onSelect: (item: PromptInfo) => void
+}
+
+export function DialogHistorySearch(props: DialogHistorySearchProps) {
+  const dialog = useDialog()
+
+  const options = createMemo(() => {
+    const seen = new Set<string>()
+    return props.items
+      .slice()
+      .reverse()
+      .filter((item) => {
+        if (!item.input.trim().length) return false
+        if (seen.has(item.input)) return false
+        seen.add(item.input)
+        return true
+      })
+      .map((item) => ({
+        title: item.input,
+        value: item,
+        description: undefined,
+        onSelect: () => {
+          props.onSelect(item)
+          dialog.clear()
+        },
+      }))
+  })
+
+  return <DialogSelect title="Search History" placeholder="Type to search..." options={options()} />
+}

packages/opencode/src/cli/cmd/tui/component/prompt/history.tsx

@@ -14,18 +14,18 @@ export type PromptInfo = {
     | Omit<FilePart, "id" | "messageID" | "sessionID">
     | Omit<AgentPart, "id" | "messageID" | "sessionID">
     | (Omit<TextPart, "id" | "messageID" | "sessionID"> & {
-        source?: {
-          text: {
-            start: number
-            end: number
-            value: string
-          }
+      source?: {
+        text: {
+          start: number
+          end: number
+          value: string
         }
-      })
+      }
+    })
   )[]
 }
 
-const MAX_HISTORY_ENTRIES = 50
+const MAX_HISTORY_ENTRIES = 100
 
 export const { use: usePromptHistory, provider: PromptHistoryProvider } = createSimpleContext({
   name: "PromptHistory",
@@ -51,7 +51,7 @@ export const { use: usePromptHistory, provider: PromptHistoryProvider } = create
       // Rewrite file with only valid entries to self-heal corruption
       if (lines.length > 0) {
         const content = lines.map((line) => JSON.stringify(line)).join("\n") + "\n"
-        writeFile(historyFile.name!, content).catch(() => {})
+        writeFile(historyFile.name!, content).catch(() => { })
       }
     })
 
@@ -61,6 +61,9 @@ export const { use: usePromptHistory, provider: PromptHistoryProvider } = create
     })
 
     return {
+      get items() {
+        return store.history
+      },
       move(direction: 1 | -1, input: string) {
         if (!store.history.length) return undefined
         const current = store.history.at(store.index)
@@ -97,11 +100,14 @@ export const { use: usePromptHistory, provider: PromptHistoryProvider } = create
 
         if (trimmed) {
           const content = store.history.map((line) => JSON.stringify(line)).join("\n") + "\n"
-          writeFile(historyFile.name!, content).catch(() => {})
+          writeFile(historyFile.name!, content).catch(() => { })
           return
         }
 
-        appendFile(historyFile.name!, JSON.stringify(entry) + "\n").catch(() => {})
+        appendFile(historyFile.name!, JSON.stringify(entry) + "\n").catch(() => { })
+      },
+      reset() {
+        setStore("index", 0)
       },
     }
   },

packages/opencode/src/cli/cmd/tui/component/prompt/index.tsx

@@ -27,6 +27,7 @@ import { useDialog } from "@tui/ui/dialog"
 import { DialogProvider as DialogProviderConnect } from "../dialog-provider"
 import { DialogAlert } from "../../ui/dialog-alert"
 import { useToast } from "../../ui/toast"
+import { DialogHistorySearch } from "../dialog-history-search"
 
 export type PromptProps = {
   sessionID?: string
@@ -763,6 +764,24 @@ export function Prompt(props: PromptProps) {
                 }
                 if (store.mode === "normal") autocomplete.onKeyDown(e)
                 if (!autocomplete.visible) {
+                  if (keybind.match("history_search", e)) {
+                    e.preventDefault()
+                    const historyItems = history.items
+                    dialog.replace(() => (
+                      <DialogHistorySearch
+                        items={historyItems}
+                        onSelect={(item) => {
+                          input.setText(item.input)
+                          setStore("prompt", item)
+                          setStore("mode", item.mode ?? "normal")
+                          restoreExtmarksFromParts(item.parts)
+                          history.reset()
+                        }}
+                      />
+                    ))
+                    return
+                  }
+
                   if (
                     (keybind.match("history_previous", e) && input.cursorOffset === 0) ||
                     (keybind.match("history_next", e) && input.cursorOffset === input.plainText.length)

packages/opencode/src/config/config.ts

@@ -558,6 +558,7 @@ export namespace Config {
         .describe("Delete word backward in input"),
       history_previous: z.string().optional().default("up").describe("Previous history item"),
       history_next: z.string().optional().default("down").describe("Next history item"),
+      history_search: z.string().optional().default("ctrl+r").describe("Search history"),
       session_child_cycle: z.string().optional().default("<leader>right").describe("Next child session"),
       session_child_cycle_reverse: z.string().optional().default("<leader>left").describe("Previous child session"),
       terminal_suspend: z.string().optional().default("ctrl+z").describe("Suspend terminal"),

packages/sdk/js/src/v2/gen/types.gen.ts

@@ -1106,6 +1106,10 @@ export type KeybindsConfig = {
    * Next history item
    */
   history_next?: string
+  /**
+   * Search history
+   */
+  history_search?: string
   /**
    * Next child session
    */

packages/sdk/openapi.json

@@ -7407,6 +7407,11 @@
             "default": "down",
             "type": "string"
           },
+          "history_search": {
+            "description": "Search history",
+            "default": "ctrl+r",
+            "type": "string"
+          },
           "session_child_cycle": {
             "description": "Next child session",
             "default": "<leader>right",