tui: show enable/disable state in permission toggle and make it searchable by 'toggle permissions'

Author: thdxr

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

@@ -159,8 +159,9 @@ export function Prompt(props: PromptProps) {
   command.register(() => {
     return [
       {
-        title: "Toggle permissions",
+        title: autoaccept() ? "Disable permissions" : "Enable permissions",
         value: "permission.auto_accept.toggle",
+        search: "toggle permissions",
         keybind: "permission_auto_accept_toggle",
         category: "Agent",
         onSelect: (dialog) => {

packages/opencode/src/cli/cmd/tui/ui/dialog-select.tsx

@@ -33,6 +33,7 @@ export interface DialogSelectOption<T = any> {
   title: string
   value: T
   description?: string
+  search?: string
   footer?: JSX.Element | string
   category?: string
   disabled?: boolean
@@ -85,8 +86,8 @@ export function DialogSelect<T>(props: DialogSelectProps<T>) {
     // users typically search by the item name, and not its category.
     const result = fuzzysort
       .go(needle, options, {
-        keys: ["title", "category"],
-        scoreFn: (r) => r[0].score * 2 + r[1].score,
+        keys: ["title", "category", "search"],
+        scoreFn: (r) => r[0].score * 2 + r[1].score + r[2].score,
       })
       .map((x) => x.obj)