opencode-navigator 0.21.7 → 0.22.0

package/dist/sidebar-settings.js

@@ -0,0 +1,828 @@
+import {SIDEBAR_SECTIONS,SECTION_DEFINITIONS,PLUGIN_ID,DEFAULT_SEARCH_KEY
+} from "./chunk-dz8cfnfs.js"
+import"./chunk-qmntexwm.js";
+import {memo as _$memo4} from "@opentui/solid"
+import {use as _$use} from "@opentui/solid"
+import {createComponent as _$createComponent6} from "@opentui/solid"
+import {effect as _$effect7} from "@opentui/solid"
+import {createTextNode as _$createTextNode7} from "@opentui/solid"
+import {insertNode as _$insertNode7} from "@opentui/solid"
+import {insert as _$insert5} from "@opentui/solid"
+import {setProp as _$setProp7} from "@opentui/solid"
+import {createElement as _$createElement7} from "@opentui/solid"
+import {TextAttributes as TextAttributes5} from "@opentui/core"
+import {For as For3} from "solid-js"
+import {DialogSurface as DialogSurface2,Tab} from "./tui.js"
+import {useTerminalDimensions} from "@opentui/solid"
+import {createEffect,createMemo as createMemo2,onCleanup as onCleanup2,onMount} from "solid-js"
+import {useDialogScroll,useDialogState,useDialogs as useDialogs2,useIcons as useIcons4} from "./tui.js"
+import {createMemo} from "solid-js"
+import {supportsSidebarSection} from "./tui.js"
+import {supportsPermissionMode} from "./tui.js"
+function behaviorSettingsOptions(api,preferences,icons){const permission=preferences.autoApprovePermissions()
+const permissionDescription=permission?"on for new sessions":"off for new sessions"
+return [...supportsPermissionMode(api)?[{title:`${icons.icon(permission === true ? "checked" : "unchecked")} Default auto-approve permissions`,value:"auto_approve_permissions",description:permission===undefined?"follow OpenCode startup mode":permissionDescription
+}]:[],{title:`${icons.icon(preferences.selectedStartInChat() ? "checked" : "unchecked")} Start new sessions in chat`,value:"start_in_chat",description:preferences.selectedStartInChat()?"skip Home \xB7 on":"show Home \xB7 off"
+},{title:`${icons.icon(preferences.selectedPersistMcp() ? "checked" : "unchecked")} Remember MCP states`,value:"persist_mcp",description:preferences.selectedPersistMcp()?"on":"off"
+},{title:`${icons.icon("settings")} Icon style`,value:"lsp_icon_style",description:preferences.selectedLspIconStyle()==="nerd"?"Nerd Font":"Text fallback"
+},{title:`${icons.icon(preferences.selectedCornerFont() ? "checked" : "unchecked")} Multiline corner font`,value:"corner_font",description:preferences.selectedCornerFont()?"Installed":"Not installed \xB7 rectangular highlights"
+},{title:`${icons.icon("sections")} Row density`,value:"row_density",description:preferences.selectedRowDensity()==="compact"?"Compact":"Comfortable"
+},{title:`${icons.icon("sections")} Sidebar shortcut`,value:"toggle_key",description:preferences.selectedToggleKey()
+},{title:`${icons.icon("selected")} Focus shortcut`,value:"focus_key",description:preferences.selectedFocusKey()
+},{title:`${icons.icon("search")} Search Everything shortcut`,value:"search_key",description:preferences.selectedSearchKey?.()??DEFAULT_SEARCH_KEY
+},{title:`${icons.icon("retry")} Limits refresh interval`,value:"limits_refresh",description:`${preferences.selectedLimitsRefreshMinutes()} min \xB7 minimum 1 min`
+},{title:`${icons.icon("sections")} Toolbar overflow`,value:"toolbar_overflow",description:preferences.selectedToolbarOverflow?.()==="wrap"?"Wrap into rows":"Single row with More menu"
+},{title:`${icons.icon("edit")} Pinned toolbar\u2026`,value:"toolbar_manager",description:"Add, reorder, or configure action and Skill buttons"
+}]
+}
+import {supportsTitleVisibility} from "./tui.js"
+function titleVisibilityOptions(api,preferences,icons){if(!supportsTitleVisibility(api))
+return []
+const title=preferences.selectedShowSessionTitle()
+const date=preferences.selectedShowSessionDate()
+return [{title:`${icons.icon(title ? "checked" : "unchecked")} Session title`,value:"session_title",description:title?"visible":"hidden"
+},{title:`${icons.icon(date ? "checked" : "unchecked")} Creation date`,value:"session_date",description:date?"visible":"hidden"
+}]
+}
+function createSettingsGroups(api,preferences,icons){const supportedSections=()=>SIDEBAR_SECTIONS.filter((name)=>supportsSidebarSection(api,name))
+const groups=createMemo(()=>[{id:"scope",tab:"Scope",title:"Preference scope",options:[{title:`${icons.icon(preferences.preferenceScope() === "global" ? "radioOn" : "radioOff")} Global`,value:"scope:global",description:"applies to every worktree"
+},{title:`${icons.icon(preferences.preferenceScope() === "worktree" ? "radioOn" : "radioOff")} Current worktree`,value:"scope:worktree",description:preferences.canUseWorktreeScope()?preferences.preferenceScopeLabel():"unavailable outside a worktree"
+}]
+},{id:"presets",tab:"Presets",title:"Layout presets",options:[...Object.keys(preferences.layoutPresets()).sort((left,right)=>left.localeCompare(right)).map((name)=>({title:`${icons.icon("presets")} ${name}`,value:`preset:custom:${encodeURIComponent(name)}`,description:preferences.workspaceProfiles?.()[name]?`profile \xB7 ${preferences.workspaceProfiles()[name]}`:"enter to apply or edit"
+})),{title:`${icons.icon("add")} Save as\u2026`,value:"save_preset",description:"create a preset from the current layout"
+}]
+},{id:"sections",tab:"Sections",title:"Sections & order",options:[...titleVisibilityOptions(api,preferences,icons),...preferences.selectedSectionOrder().filter((name)=>supportsSidebarSection(api,name)).map((name,index)=>{const section=SECTION_DEFINITIONS.find((candidate)=>candidate.name===name)
+return{title:`${icons.icon(preferences.selectedSections()[section.name] ? "checked" : "unchecked")} ${index + 1}. ${icons.section(section.name)} ${section.label}`,value:section.name,description:preferences.selectedSections()[section.name]?"visible":"hidden"
+}})]
+},{id:"behavior",tab:"Behavior",title:"Behavior",options:behaviorSettingsOptions(api,preferences,icons)
+},{id:"defaults",tab:"Defaults",title:"Defaults & help",options:[{title:`${icons.icon("save")} Save current layout as default`,value:"save_layout",description:`${supportedSections().filter((name) => preferences.selectedSections()[name]).length} visible \xB7 ${supportedSections().filter((name) => preferences.selectedExpanded()[name]).length} expanded`
+},{title:`${icons.icon("export")} Copy portable settings`,value:"export_settings",description:"versioned layout and MCP JSON"
+},{title:`${icons.icon("add")} Import portable settings\u2026`,value:"import_settings",description:"preview pasted JSON before applying"
+},{title:`${icons.icon("retry")} Reload settings from file`,value:"reload_settings",description:"sync saved changes from other OpenCode sessions"
+},{title:`${icons.icon("reset")} Restore configured layout`,value:"reset_sections",description:"visibility and expansion"
+},{title:`${icons.icon("reset")} Restore configured behavior`,value:"reset_settings",description:"startup, MCP memory, icons, shortcuts, limits, actions"
+},{title:`${icons.icon("reset")} Clear remembered MCP states`,value:"reset_mcp",description:`scope: ${preferences.preferenceScopeLabel()}`
+},{title:`${icons.section("skills")} Manage trusted skills`,value:"trusted_skills",description:`${preferences.skippedSkillCount()} trusted`
+},{title:`${icons.icon("help")} Open quick setup guide`,value:"wizard",description:"tips and section settings"
+}]
+}])
+const orderedGroups=createMemo(()=>["sections","scope","presets","behavior","defaults"].map((id)=>groups().find((group)=>group.id===id)))
+return orderedGroups
+}
+function registerSettingsKeymap(input){return input.api.keymap.registerLayer({mode:"modal",priority:1000,commands:[{name:`${PLUGIN_ID}.settings.previous`,run:()=>input.move(-1)},{name:`${PLUGIN_ID}.settings.next`,run:()=>input.move(1)},{name:`${PLUGIN_ID}.settings.select`,run:()=>input.select()},{name:`${PLUGIN_ID}.settings.groups`,run:()=>{if(input.activeGroup()!=="sections")
+return
+if(input.options()[input.active()]?.value==="mcp")
+input.openMcpGroups()
+if(input.options()[input.active()]?.value==="skills")
+input.openSkillGroups()
+}},{name:`${PLUGIN_ID}.settings.quick-actions`,run:()=>{if(input.activeGroup()==="sections"&&input.options()[input.active()]?.value==="quick_actions")
+input.openQuickActions()
+}},{name:`${PLUGIN_ID}.settings.item-limit`,run:()=>{const section=input.options()[input.active()]?.value
+if(input.activeGroup()==="sections"&&SIDEBAR_SECTIONS.includes(section))
+input.openLimitPrompt(section)
+}},{name:`${PLUGIN_ID}.settings.previous-tab`,run:()=>input.switchGroup(-1)},{name:`${PLUGIN_ID}.settings.next-tab`,run:()=>input.switchGroup(1)},{name:`${PLUGIN_ID}.settings.move-up`,run:()=>input.reorder(input.options()[input.active()]?.value,-1)},{name:`${PLUGIN_ID}.settings.move-down`,run:()=>input.reorder(input.options()[input.active()]?.value,1)}],bindings:[{key:"up",cmd:`${PLUGIN_ID}.settings.previous`},{key:"down",cmd:`${PLUGIN_ID}.settings.next`},{key:"tab",cmd:`${PLUGIN_ID}.settings.next-tab`},{key:"shift+tab",cmd:`${PLUGIN_ID}.settings.previous-tab`},{key:"space",cmd:`${PLUGIN_ID}.settings.select`},{key:"return",cmd:`${PLUGIN_ID}.settings.select`},{key:"l",cmd:`${PLUGIN_ID}.settings.item-limit`},{key:"a",cmd:`${PLUGIN_ID}.settings.quick-actions`},{key:"g",cmd:`${PLUGIN_ID}.settings.groups`},{key:"left",cmd:`${PLUGIN_ID}.settings.move-up`},{key:"right",cmd:`${PLUGIN_ID}.settings.move-down`},{key:"shift+up",cmd:`${PLUGIN_ID}.settings.move-up`},{key:"shift+down",cmd:`${PLUGIN_ID}.settings.move-down`}]
+})
+}
+import {createComponent as _$createComponent4} from "@opentui/solid"
+import {setProp as _$setProp5} from "@opentui/solid"
+import {effect as _$effect5} from "@opentui/solid"
+import {createTextNode as _$createTextNode5} from "@opentui/solid"
+import {insertNode as _$insertNode5} from "@opentui/solid"
+import {createElement as _$createElement5} from "@opentui/solid"
+import {createComponent as _$createComponent3} from "@opentui/solid"
+import {effect as _$effect3} from "@opentui/solid"
+import {createTextNode as _$createTextNode3} from "@opentui/solid"
+import {insertNode as _$insertNode3} from "@opentui/solid"
+import {insert as _$insert3} from "@opentui/solid"
+import {setProp as _$setProp3} from "@opentui/solid"
+import {createElement as _$createElement3} from "@opentui/solid"
+import {TextAttributes as TextAttributes3} from "@opentui/core"
+import {Show,createSignal,onCleanup} from "solid-js"
+import {supportsSidebarSection as supportsSidebarSection3} from "./tui.js"
+import {DialogSurface,createDialogStack,useDialogs,useIcons as useIcons3} from "./tui.js"
+var ONBOARDING_STEPS=[{title:"A control center that stays compact",summary:"Navigator brings session state, search, and controls into OpenCode's existing sidebar.",icon:"help",features:[{icon:"sections",title:"Progressive disclosure",description:"Expand only the context you need right now."},{icon:"scope",title:"Current context",description:"Follow the active session, workspace, and worktree."},{icon:"actions",title:"Mouse and keyboard",description:"Use the same controls with either input method."}]
+},{title:"Stay oriented while agents work",summary:"Keep current work visible without turning the sidebar into another dashboard.",icon:"todo",features:[{icon:"todo",title:"Todo filters",description:"Separate active, finished, and cancelled work."},{icon:"subagents",title:"Live subagents",description:"See running, retrying, recent, and failed child sessions; open them directly."
+},{icon:"info",title:"Provider limits",description:"Link a matching Codex account for model quotas and confirmed banked resets."
+}]
+},{title:"Find anything and launch Skills safely",summary:"Search complete source lists without expanding every sidebar section.",icon:"search",features:[{icon:"search",title:"Search Everything",description:"Search Skills, Subagents, MCP, and Actions in shared tabs."
+},{icon:"search",title:"Full source lists",description:"Search beyond sidebar visibility and item limits."},{icon:"skills",title:"Skill confirmation",description:"Review a skill and its source before inserting its command."
+}]
+},{title:"Run actions and check language tools",summary:"Keep frequent OpenCode commands and LSP health within one compact section.",icon:"actions",features:[{icon:"actions",title:"Quick Actions",description:"Rename, inspect timelines, copy, export, or compact the session."
+},{icon:"lsp",title:"Compact LSP status",description:"Spot connected and failed language servers at a glance."
+},{icon:"settings",title:"Configurable commands",description:"Choose action visibility, order, and shortcuts."
+}]
+},{title:"Control MCP without losing context",summary:"Manage individual servers or entire working sets directly from Navigator.",icon:"mcp",features:[{icon:"mcp",title:"Live server controls",description:"Connect, disconnect, filter, and favorite servers."},{icon:"actions",title:"Bulk operations",description:"Change eligible servers together and retry failures."
+},{icon:"presets",title:"Safe presets",description:"Preview connections and disconnections before Apply."}]
+},{title:"Make Navigator fit each workspace",summary:"Use the same controls with mouse or keyboard and keep only the context you need.",icon:"settings",features:[{icon:"sections",title:"Flexible layout",description:"Choose section visibility, order, expansion, and item limits."
+},{icon:"presets",title:"Scoped presets",description:"Save layouts globally or for the current worktree."},{icon:"settings",title:"Accessible controls",description:"Change shortcuts or use Text fallback without a restart."
+}]
+}];
+import {effect as _$effect} from "@opentui/solid"
+import {memo as _$memo} from "@opentui/solid"
+import {createComponent as _$createComponent} from "@opentui/solid"
+import {createTextNode as _$createTextNode} from "@opentui/solid"
+import {insertNode as _$insertNode} from "@opentui/solid"
+import {insert as _$insert} from "@opentui/solid"
+import {setProp as _$setProp} from "@opentui/solid"
+import {createElement as _$createElement} from "@opentui/solid"
+import {TextAttributes} from "@opentui/core"
+import {For} from "solid-js"
+import {SelectionBox,useIcons} from "./tui.js"
+function OnboardingStep(props){const icons=useIcons()
+const theme=()=>props.api.theme.current
+return(()=>{var _el$=_$createElement("box"),_el$2=_$createElement("text"),_el$3=_$createTextNode(` `),_el$4=_$createElement("text"),_el$5=_$createElement("box"),_el$6=_$createElement("text"),_el$7=_$createTextNode(`Toggle: `),_el$8=_$createTextNode(` \xB7 Focus: `),_el$9=_$createTextNode(` \xB7 Icons: `),_el$1=_$createElement("box")
+_$insertNode(_el$,_el$2)
+_$insertNode(_el$,_el$4)
+_$insertNode(_el$,_el$5)
+_$insertNode(_el$,_el$6)
+_$insertNode(_el$,_el$1)
+_$setProp(_el$,"gap",1)
+_$insertNode(_el$2,_el$3)
+_$insert(_el$2,()=>icons.icon(props.step.icon),_el$3)
+_$insert(_el$2,()=>props.step.title,null)
+_$setProp(_el$4,"wrapMode","word")
+_$insert(_el$4,()=>props.step.summary)
+_$setProp(_el$5,"border",["top","bottom"])
+_$setProp(_el$5,"paddingTop",1)
+_$setProp(_el$5,"paddingBottom",1)
+_$setProp(_el$5,"gap",1)
+_$insert(_el$5,_$createComponent(For,{get each(){return props.step.features
+},children:(feature)=>(()=>{var _el$14=_$createElement("box"),_el$15=_$createElement("text"),_el$16=_$createElement("text"),_el$17=_$createElement("b"),_el$18=_$createTextNode(` \xB7 `)
+_$insertNode(_el$14,_el$15)
+_$insertNode(_el$14,_el$16)
+_$setProp(_el$14,"flexDirection","row")
+_$setProp(_el$14,"gap",1)
+_$setProp(_el$15,"flexShrink",0)
+_$insert(_el$15,()=>icons.icon(feature.icon))
+_$insertNode(_el$16,_el$17)
+_$insertNode(_el$16,_el$18)
+_$setProp(_el$16,"flexGrow",1)
+_$setProp(_el$16,"minWidth",0)
+_$setProp(_el$16,"wrapMode","word")
+_$insert(_el$17,()=>feature.title)
+_$insert(_el$16,()=>feature.description,null)
+_$effect((_p$)=>{var _v$6=theme().accent,_v$7=theme().textMuted
+_v$6!==_p$.e&&(_p$.e=_$setProp(_el$15,"fg",_v$6,_p$.e))
+_v$7!==_p$.t&&(_p$.t=_$setProp(_el$16,"fg",_v$7,_p$.t))
+return _p$
+},{e:undefined,t:undefined
+})
+return _el$14
+})()
+}))
+_$insertNode(_el$6,_el$7)
+_$insertNode(_el$6,_el$8)
+_$insertNode(_el$6,_el$9)
+_$setProp(_el$6,"wrapMode","word")
+_$insert(_el$6,()=>props.preferences.toggleKey(),_el$8)
+_$insert(_el$6,()=>props.preferences.focusKey(),_el$9)
+_$insert(_el$6,()=>icons.style()==="text"?"Text fallback":"Nerd Font",null)
+_$setProp(_el$1,"flexDirection","row")
+_$setProp(_el$1,"justifyContent","space-between")
+_$insert(_el$1,_$createComponent(SelectionBox,{paddingLeft:1,paddingRight:1,onMouseDown:(event)=>event.stopPropagation(),onMouseUp:(event)=>{event.stopPropagation()
+props.onBack()
+},get children(){var _el$10=_$createElement("text"),_el$11=_$createTextNode(` Back`)
+_$insertNode(_el$10,_el$11)
+_$insert(_el$10,()=>icons.icon("left"),_el$11)
+_$effect((_$p)=>_$setProp(_el$10,"fg",theme().textMuted,_$p))
+return _el$10
+}}),null)
+_$insert(_el$1,_$createComponent(SelectionBox,{paddingLeft:1,paddingRight:1,get backgroundColor(){return theme().primary
+},onMouseDown:(event)=>event.stopPropagation(),onMouseUp:(event)=>{event.stopPropagation()
+props.onAdvance()
+},get children(){var _el$12=_$createElement("text"),_el$13=_$createTextNode(` `)
+_$insertNode(_el$12,_el$13)
+_$insert(_el$12,()=>props.final?"Configure sidebar":"Next",_el$13)
+_$insert(_el$12,()=>icons.icon("right"),null)
+_$effect((_$p)=>_$setProp(_el$12,"fg",theme().selectedListItemText,_$p))
+return _el$12
+}}),null)
+_$effect((_p$)=>{var _v$=theme().accent,_v$2=TextAttributes.BOLD,_v$3=theme().textMuted,_v$4=theme().borderSubtle,_v$5=theme().textMuted
+_v$!==_p$.e&&(_p$.e=_$setProp(_el$2,"fg",_v$,_p$.e))
+_v$2!==_p$.t&&(_p$.t=_$setProp(_el$2,"attributes",_v$2,_p$.t))
+_v$3!==_p$.a&&(_p$.a=_$setProp(_el$4,"fg",_v$3,_p$.a))
+_v$4!==_p$.o&&(_p$.o=_$setProp(_el$5,"borderColor",_v$4,_p$.o))
+_v$5!==_p$.i&&(_p$.i=_$setProp(_el$6,"fg",_v$5,_p$.i))
+return _p$
+},{e:undefined,t:undefined,a:undefined,o:undefined,i:undefined
+})
+return _el$
+})()
+}
+import {memo as _$memo2} from "@opentui/solid"
+import {effect as _$effect2} from "@opentui/solid"
+import {createComponent as _$createComponent2} from "@opentui/solid"
+import {createTextNode as _$createTextNode2} from "@opentui/solid"
+import {insertNode as _$insertNode2} from "@opentui/solid"
+import {insert as _$insert2} from "@opentui/solid"
+import {setProp as _$setProp2} from "@opentui/solid"
+import {createElement as _$createElement2} from "@opentui/solid"
+import {TextAttributes as TextAttributes2} from "@opentui/core"
+import {For as For2} from "solid-js"
+import {supportsSidebarSection as supportsSidebarSection2} from "./tui.js"
+import {SelectionBox as SelectionBox2,useIcons as useIcons2} from "./tui.js"
+function SectionConfig(props){const icons=useIcons2()
+const theme=()=>props.api.theme.current
+const sections=SECTION_DEFINITIONS.filter((section)=>supportsSidebarSection2(props.api,section.name))
+const finishIndex=sections.length
+return(()=>{var _el$=_$createElement2("box"),_el$2=_$createElement2("text"),_el$3=_$createTextNode2(` Choose your sidebar sections`),_el$4=_$createElement2("text"),_el$6=_$createElement2("box")
+_$insertNode2(_el$,_el$2)
+_$insertNode2(_el$,_el$4)
+_$insertNode2(_el$,_el$6)
+_$setProp2(_el$,"gap",1)
+_$insertNode2(_el$2,_el$3)
+_$insert2(_el$2,()=>icons.icon("sections"),_el$3)
+_$insertNode2(_el$4,_$createTextNode2(`Select what appears now. You can change visibility, order, limits, scope, and presets later with the gear button.`))
+_$setProp2(_el$4,"wrapMode","word")
+_$insert2(_el$,_$createComponent2(For2,{each:sections,children:(section,index)=>_$createComponent2(SelectionBox2,{flexDirection:"row",gap:1,paddingLeft:1,paddingRight:1,get backgroundColor(){return _$memo2(()=>props.active===index())()?theme().backgroundElement:undefined
+},onMouseOver:()=>props.onActive(index()),onMouseDown:(event)=>event.stopPropagation(),onMouseUp:(event)=>{event.stopPropagation()
+props.preferences.toggleSection(section.name)
+},get children(){return [(()=>{var _el$1=_$createElement2("text")
+_$setProp2(_el$1,"flexShrink",0)
+_$insert2(_el$1,()=>icons.icon(props.preferences.sections()[section.name]?"checked":"unchecked"))
+_$effect2((_$p)=>_$setProp2(_el$1,"fg",props.preferences.sections()[section.name]?theme().accent:theme().textMuted,_$p))
+return _el$1
+})(),(()=>{var _el$10=_$createElement2("text"),_el$11=_$createTextNode2(` `)
+_$insertNode2(_el$10,_el$11)
+_$insert2(_el$10,()=>icons.section(section.name),_el$11)
+_$insert2(_el$10,()=>section.label,null)
+_$effect2((_$p)=>_$setProp2(_el$10,"fg",props.active===index()?theme().text:theme().textMuted,_$p))
+return _el$10
+})()]
+}})
+}),_el$6)
+_$setProp2(_el$6,"flexDirection","row")
+_$setProp2(_el$6,"justifyContent","space-between")
+_$insert2(_el$6,_$createComponent2(SelectionBox2,{paddingLeft:1,paddingRight:1,onMouseDown:(event)=>event.stopPropagation(),onMouseUp:(event)=>{event.stopPropagation()
+props.onBack()
+},get children(){var _el$7=_$createElement2("text"),_el$8=_$createTextNode2(` Back`)
+_$insertNode2(_el$7,_el$8)
+_$insert2(_el$7,()=>icons.icon("left"),_el$8)
+_$effect2((_$p)=>_$setProp2(_el$7,"fg",theme().textMuted,_$p))
+return _el$7
+}}),null)
+_$insert2(_el$6,_$createComponent2(SelectionBox2,{paddingLeft:2,paddingRight:2,get backgroundColor(){return _$memo2(()=>props.active===finishIndex)()?theme().primary:undefined
+},onMouseOver:()=>props.onActive(finishIndex),onMouseDown:(event)=>event.stopPropagation(),onMouseUp:(event)=>{event.stopPropagation()
+props.onFinish()
+},get children(){var _el$9=_$createElement2("text"),_el$0=_$createTextNode2(` Finish`)
+_$insertNode2(_el$9,_el$0)
+_$insert2(_el$9,()=>icons.icon("done"),_el$0)
+_$effect2((_$p)=>_$setProp2(_el$9,"fg",props.active===finishIndex?theme().selectedListItemText:theme().textMuted,_$p))
+return _el$9
+}}),null)
+_$effect2((_p$)=>{var _v$=theme().accent,_v$2=TextAttributes2.BOLD,_v$3=theme().textMuted
+_v$!==_p$.e&&(_p$.e=_$setProp2(_el$2,"fg",_v$,_p$.e))
+_v$2!==_p$.t&&(_p$.t=_$setProp2(_el$2,"attributes",_v$2,_p$.t))
+_v$3!==_p$.a&&(_p$.a=_$setProp2(_el$4,"fg",_v$3,_p$.a))
+return _p$
+},{e:undefined,t:undefined,a:undefined
+})
+return _el$
+})()
+}
+function FirstRunWizard(props){const icons=useIcons3()
+const dialogs=useDialogs(props.api)
+const [active,setActive]=createSignal(0)
+const [step,setStep]=createSignal(0)
+const theme=()=>props.api.theme.current
+const sections=SECTION_DEFINITIONS.filter((section)=>supportsSidebarSection3(props.api,section.name))
+const finishIndex=sections.length
+const stepCount=ONBOARDING_STEPS.length + 1
+const configuring=()=>step()===ONBOARDING_STEPS.length
+function finish(){dialogs.back()
+}
+function move(offset){if(configuring())
+setActive((value)=>(value + offset + finishIndex + 1)%(finishIndex + 1))
+else
+setStep((value)=>Math.max(0,Math.min(ONBOARDING_STEPS.length,value + offset)))
+}
+function back(){setStep((value)=>Math.max(0,value-1))
+}
+function advance(){if(!configuring())
+setStep((value)=>Math.min(ONBOARDING_STEPS.length,value + 1))
+}
+function select(){if(!configuring()){advance()
+return
+}
+const index=active()
+if(index===finishIndex)
+finish()
+else
+props.preferences.toggleSection(sections[index].name)
+}
+const unregister=props.api.keymap.registerLayer({mode:"modal",priority:1000,commands:[{name:`${PLUGIN_ID}.wizard.previous`,run(){move(-1)
+}},{name:`${PLUGIN_ID}.wizard.next`,run(){move(1)
+}},{name:`${PLUGIN_ID}.wizard.select`,run:select
+},{name:`${PLUGIN_ID}.wizard.back`,run:back
+},{name:`${PLUGIN_ID}.wizard.forward`,run:advance
+}],bindings:[{key:"up",cmd:`${PLUGIN_ID}.wizard.previous`
+},{key:"down",cmd:`${PLUGIN_ID}.wizard.next`
+},{key:"tab",cmd:`${PLUGIN_ID}.wizard.next`
+},{key:"left",cmd:`${PLUGIN_ID}.wizard.back`
+},{key:"right",cmd:`${PLUGIN_ID}.wizard.forward`
+},{key:"space",cmd:`${PLUGIN_ID}.wizard.select`
+},{key:"return",cmd:`${PLUGIN_ID}.wizard.select`
+}]
+})
+onCleanup(unregister)
+return _$createComponent3(DialogSurface,{get api(){return props.api
+},get children(){return [(()=>{var _el$=_$createElement3("box"),_el$2=_$createElement3("text"),_el$3=_$createTextNode3(` Navigator setup`),_el$4=_$createElement3("text"),_el$5=_$createTextNode3(`Step `),_el$6=_$createTextNode3(`/`),_el$7=_$createTextNode3(` \xB7 `)
+_$insertNode3(_el$,_el$2)
+_$insertNode3(_el$,_el$4)
+_$setProp3(_el$,"flexDirection","row")
+_$setProp3(_el$,"justifyContent","space-between")
+_$insertNode3(_el$2,_el$3)
+_$insert3(_el$2,()=>icons.icon("help"),_el$3)
+_$insertNode3(_el$4,_el$5)
+_$insertNode3(_el$4,_el$6)
+_$insertNode3(_el$4,_el$7)
+_$setProp3(_el$4,"onMouseDown",(event)=>event.stopPropagation())
+_$setProp3(_el$4,"onMouseUp",(event)=>{event.stopPropagation()
+finish()
+})
+_$insert3(_el$4,()=>step() + 1,_el$6)
+_$insert3(_el$4,stepCount,_el$7)
+_$insert3(_el$4,()=>icons.key("esc"),null)
+_$effect3((_p$)=>{var _v$=TextAttributes3.BOLD,_v$2=theme().text,_v$3=theme().textMuted
+_v$!==_p$.e&&(_p$.e=_$setProp3(_el$2,"attributes",_v$,_p$.e))
+_v$2!==_p$.t&&(_p$.t=_$setProp3(_el$2,"fg",_v$2,_p$.t))
+_v$3!==_p$.a&&(_p$.a=_$setProp3(_el$4,"fg",_v$3,_p$.a))
+return _p$
+},{e:undefined,t:undefined,a:undefined
+})
+return _el$
+})(),_$createComponent3(Show,{get when(){return configuring()
+},get fallback(){return _$createComponent3(OnboardingStep,{get api(){return props.api
+},get preferences(){return props.preferences
+},get step(){return ONBOARDING_STEPS[step()]
+},get final(){return step()===ONBOARDING_STEPS.length-1
+},onBack:back,onAdvance:advance
+})
+},get children(){return _$createComponent3(SectionConfig,{get api(){return props.api
+},get preferences(){return props.preferences
+},get active(){return active()
+},onActive:setActive,onBack:back,onFinish:finish
+})
+}})]
+}})
+}
+import {setProp as _$setProp4} from "@opentui/solid"
+import {effect as _$effect4} from "@opentui/solid"
+import {createTextNode as _$createTextNode4} from "@opentui/solid"
+import {insertNode as _$insertNode4} from "@opentui/solid"
+import {createElement as _$createElement4} from "@opentui/solid"
+function openLimitsRefreshPrompt(api,preferences,dialogs){const scope=preferences.preferenceScopeLabel()
+dialogs.prompt({title:"Limits refresh interval",description:()=>(()=>{var _el$=_$createElement4("text")
+_$insertNode4(_el$,_$createTextNode4(`Automatic refresh in minutes (minimum 1; default 5). Manual Refresh stays immediate.`))
+_$effect4((_$p)=>_$setProp4(_el$,"fg",api.theme.current.textMuted,_$p))
+return _el$
+})(),value:String(preferences.selectedLimitsRefreshMinutes()),onConfirm(value){if(preferences.preferenceScopeLabel()!==scope)
+throw new Error("Preference scope changed; reopen this setting")
+if(!/^\d+$/.test(value.trim()))
+throw new Error("Enter whole minutes (at least 1 minute)")
+preferences.setLimitsRefreshMinutes(Number(value))
+dialogs.back()
+}})
+}
+async function load(input){const path=import.meta.url.includes("/dist/")?"./toolbar-settings.js":"./open-toolbar"
+try{return await import(path)
+} catch(error){input.api.ui.toast({variant:"error",title:"Toolbar",message:String(error)})
+return
+}}
+async function openToolbarManager(input){const route=JSON.stringify(input.api.route.current)
+const target=input.skills?.target().key
+const wasOpen=input.api.ui.dialog.open
+const module=await load(input)
+if(route===JSON.stringify(input.api.route.current)&&target===input.skills?.target().key&&(!wasOpen||input.api.ui.dialog.open)&&!input.api.lifecycle?.signal?.aborted)
+module?.openToolbarManager(input)
+}
+function createSettingsSelection(input){const dialogClosed=()=>("open" in input.api.ui.dialog)&&!input.api.ui.dialog.open
+function openLimitPrompt(section){const index=input.options().findIndex((option)=>option.value===section)
+if(index!==-1)
+input.setActive(index)
+input.dialogs.prompt({title:`${SECTION_DEFINITIONS.find((item) => item.name === section).label} item limit`,description:()=>(()=>{var _el$=_$createElement5("text")
+_$insertNode5(_el$,_$createTextNode5(`Visible items before Show all. Enter 0 for All.`))
+_$effect5((_$p)=>_$setProp5(_el$,"fg",input.api.theme.current.textMuted,_$p))
+return _el$
+})(),value:String(input.preferences.selectedSectionItemLimit(section)),onConfirm(value){if(!/^\d+$/.test(value.trim()))
+throw new Error("Enter a non-negative whole number (0 for All)")
+input.preferences.setSectionItemLimit(section,Number(value))
+input.dialogs.back()
+}})
+}
+function openShortcut(value){const bindings={toggle_key:{title:"Sidebar shortcut",get:input.preferences.selectedToggleKey,set:input.preferences.setToggleKey
+},focus_key:{title:"Focus shortcut",get:input.preferences.selectedFocusKey,set:input.preferences.setFocusKey
+},search_key:{title:"Search Everything shortcut",get:input.preferences.selectedSearchKey,set:input.preferences.setSearchKey
+}}
+const binding=bindings[value]
+input.dialogs.prompt({title:binding.title,description:()=>(()=>{var _el$3=_$createElement5("text")
+_$insertNode5(_el$3,_$createTextNode5(`Use OpenCode key syntax, for example alt+s.`))
+_$effect5((_$p)=>_$setProp5(_el$3,"fg",input.api.theme.current.textMuted,_$p))
+return _el$3
+})(),value:binding.get(),onConfirm(key){binding.set(key)
+input.dialogs.back()
+}})
+}
+function saveLayout(){input.preferences.saveLayoutAsDefault().then(()=>input.api.ui.toast({variant:"success",title:"Navigator settings",message:"Current layout saved as default",duration:3000
+})).catch((error)=>input.api.ui.toast({variant:"error",title:"Navigator settings",message:error instanceof Error?error.message:"Failed to save the default layout",duration:5000
+}))
+}
+function exportSettings(){const copied=input.api.renderer.copyToClipboardOSC52(input.preferences.exportPortableSettings())
+input.api.ui.toast({variant:copied?"success":"warning",title:"Portable settings",message:copied?"Layout, MCP, and toolbar overflow copied as JSON":"Terminal clipboard is unavailable",duration:4000
+})
+}
+function importSettings(){const path=import.meta.url.includes("/dist/")?"./settings-import.js":"../ui/settings-import-dialog"
+import(path).then((module)=>{if(!dialogClosed())
+module.openSettingsImport(input)
+}).catch((error)=>input.api.ui.toast({variant:"error",title:"Portable settings",message:String(error)
+}))
+}
+function select(value=input.options()[input.active()]?.value){if(!value)
+return
+const index=input.options().findIndex((option)=>option.value===value)
+if(index!==-1)
+input.setActive(index)
+if(value==="scope:global"||value==="scope:worktree")
+input.preferences.setPreferenceScope(value==="scope:global"?"global":"worktree")
+else if(value.startsWith("preset:custom:"))
+input.openPreset(decodeURIComponent(value.slice("preset:custom:".length)))
+else
+switch(value){case "toolbar_manager":{openToolbarManager(input)
+break
+}
+case "toolbar_overflow":{input.preferences.toggleToolbarOverflow()
+break
+}
+case "save_preset":{input.promptPreset()
+break
+}
+case "save_layout":{saveLayout()
+break
+}
+case "export_settings":{exportSettings()
+break
+}
+case "import_settings":{importSettings()
+break
+}
+case "reload_settings":{input.preferences.reloadFromFile().then(()=>input.api.ui.toast({variant:"success",title:"Navigator settings",message:"Saved settings reloaded",duration:3000
+})).catch((error)=>input.api.ui.toast({variant:"error",title:"Navigator settings",message:error instanceof Error?error.message:"Could not reload saved settings",duration:5000
+}))
+break
+}
+case "reset_sections":{input.preferences.resetSections()
+break
+}
+case "session_title":{input.preferences.toggleSessionTitleVisibility()
+break
+}
+case "session_date":{input.preferences.toggleSessionDateVisibility()
+break
+}
+case "persist_mcp":{input.preferences.toggleMcpPersistence()
+break
+}
+case "limits_refresh":{openLimitsRefreshPrompt(input.api,input.preferences,input.dialogs)
+break
+}
+case "start_in_chat":{input.preferences.toggleStartInChat()
+break
+}
+case "auto_approve_permissions":{input.preferences.setAutoApprovePermissions(input.preferences.autoApprovePermissions()!==true)
+break
+}
+case "lsp_icon_style":{input.preferences.toggleLspIconStyle()
+break
+}
+case "corner_font":{input.preferences.toggleCornerFont()
+break
+}
+case "row_density":{input.preferences.toggleRowDensity()
+break
+}
+case "toggle_key":{openShortcut("toggle_key")
+break
+}
+case "focus_key":{openShortcut("focus_key")
+break
+}
+case "search_key":{openShortcut("search_key")
+break
+}
+case "reset_settings":{input.preferences.resetPluginSettings()
+break
+}
+case "reset_mcp":{input.preferences.resetMcpStates()
+break
+}
+case "trusted_skills":{const path=import.meta.url.includes("/dist/")?"./trusted-skills.js":"../ui/trusted-skills-dialog"
+import(path).then((module)=>{if(dialogClosed())
+return
+const{TrustedSkillsDialog
+}=module
+input.dialogs.open(()=>_$createComponent4(TrustedSkillsDialog,{get api(){return input.api
+},get preferences(){return input.preferences
+}}))
+}).catch((error)=>input.api.ui.toast({variant:"error",title:"Trusted skills",message:String(error)
+}))
+break
+}
+case "wizard":{input.dialogs.open(()=>_$createComponent4(FirstRunWizard,{get api(){return input.api
+},get preferences(){return input.preferences
+}}))
+break
+}
+default:{input.preferences.toggleSelectedSection(value)
+}}}
+function openQuickActions(){input.setActive(input.options().findIndex((option)=>option.value==="quick_actions"))
+const path=import.meta.url.includes("/dist/")?"./quick-actions-settings.js":"../ui/quick-actions-dialog"
+import(path).then((module)=>{if(dialogClosed())
+return
+const{QuickActionsDialog
+}=module
+input.dialogs.open(()=>_$createComponent4(QuickActionsDialog,{get api(){return input.api
+},get preferences(){return input.preferences
+}}))
+}).catch((error)=>{input.api.ui.toast({variant:"error",title:"Quick actions",message:String(error),duration:4000
+})
+})
+}
+function openMcpGroups(){if(!input.mcp)
+return
+input.setActive(input.options().findIndex((option)=>option.value==="mcp"))
+const path=import.meta.url.includes("/dist/")?"./mcp-groups.js":"../ui/mcp-groups-dialog"
+import(path).then((module)=>{if(dialogClosed())
+return
+const{McpGroupsDialog
+}=module
+input.dialogs.open(()=>_$createComponent4(McpGroupsDialog,{get api(){return input.api
+},get preferences(){return input.preferences
+},get mcp(){return input.mcp
+}}))
+}).catch((error)=>{input.api.ui.toast({variant:"error",title:"MCP groups",message:String(error),duration:4000
+})
+})
+}
+function openSkillGroups(){if(!input.skills)
+return
+input.setActive(input.options().findIndex((option)=>option.value==="skills"))
+const path=import.meta.url.includes("/dist/")?"./skill-groups.js":"../ui/skill-groups-dialog"
+import(path).then((module)=>{if(dialogClosed())
+return
+const{SkillGroupsDialog
+}=module
+input.dialogs.open(()=>_$createComponent4(SkillGroupsDialog,{get api(){return input.api
+},get preferences(){return input.preferences
+},get skills(){return input.skills
+}}))
+}).catch((error)=>{input.api.ui.toast({variant:"error",title:"Skill groups",message:String(error),duration:4000
+})
+})
+}
+return{openLimitPrompt,openMcpGroups,openSkillGroups,openQuickActions,select
+}}
+function createSettingsDialogController(props){let body
+const theme=()=>props.api.theme.current
+const icons=useIcons4()
+const dialogs=useDialogs2(props.api)
+const scroll=useDialogScroll()
+const dimensions=useTerminalDimensions()
+const bodyHeight=createMemo2(()=>Math.max(4,Math.floor(dimensions().height*0.75)-10))
+const orderedGroups=createSettingsGroups(props.api,props.preferences,icons)
+const initialGroup=orderedGroups().find((group)=>group.options.some((option)=>option.value===props.activeValue))
+const [activeGroup,setActiveGroup]=useDialogState("tab",initialGroup?.id??orderedGroups()[0].id)
+const options=createMemo2(()=>orderedGroups().find((group)=>group.id===activeGroup())?.options??[])
+const optionId=(value)=>`${PLUGIN_ID}.settings.${value}`
+const initialActive=options().findIndex((option)=>option.value===props.activeValue)
+const [active,setActive]=useDialogState("selection",Math.max(0,initialActive))
+createEffect(()=>{if(active()>=options().length)
+setActive(Math.max(0,options().length-1))
+})
+const contentHeight=createMemo2(()=>Math.min(bodyHeight(),Math.max(1,options().length*2-1)))
+const footerHint=createMemo2(()=>{const common=`${icons.key("tab")} switch \xB7 ${icons.key("up/down")} navigate`
+if(activeGroup()==="sections")
+return `${common} \xB7 ${icons.key("enter")} toggle \xB7 l item limit${options()[active()]?.value === "quick_actions" ? " \xB7 a actions" : ""}${["mcp", "skills"].includes(options()[active()]?.value ?? "") ? " \xB7 g groups" : ""} \xB7 ${icons.key("left/right")} or ${icons.key("shift+up/down")} reorder`
+if(activeGroup()==="presets")
+return `${common} \xB7 ${icons.key("enter")} manage`
+if(activeGroup()==="behavior")
+return `${common} \xB7 ${icons.key("enter")} change`
+if(activeGroup()==="defaults")
+return `${common} \xB7 ${icons.key("enter")} run`
+return `${common} \xB7 ${icons.key("enter")} select`
+})
+onMount(()=>{queueMicrotask(()=>{const option=options()[active()]
+if(option)
+body?.scrollChildIntoView(optionId(option.value))
+})
+})
+function move(offset){const next=(active() + offset + options().length)%options().length
+setActive(next)
+const option=options()[next]
+if(option)
+body?.scrollChildIntoView(optionId(option.value))
+}
+function switchGroup(offset){const index=orderedGroups().findIndex((group)=>group.id===activeGroup())
+const group=orderedGroups()[(index + offset + orderedGroups().length)%orderedGroups().length]
+setActiveGroup(group.id)
+setActive(0)
+queueMicrotask(()=>{const option=options()[0]
+if(option)
+body?.scrollChildIntoView(optionId(option.value))
+})
+}
+function reorder(value,direction){if(!value||!SIDEBAR_SECTIONS.includes(value))
+return
+props.preferences.moveSelectedSection(value,direction)
+queueMicrotask(()=>{const next=options().findIndex((candidate)=>candidate.value===value)
+if(next===-1)
+return
+setActive(next)
+body?.scrollChildIntoView(optionId(value))
+})
+}
+function runPresetAction(action,name){const path=import.meta.url.includes("/dist/")?"./layout-preset-actions.js":"./layout-preset-actions"
+import(path).then((module)=>{if("open" in props.api.ui.dialog&&!props.api.ui.dialog.open)
+return
+const factory=module.createLayoutPresetActions
+const actions=factory({api:props.api,preferences:props.preferences,mcp:props.mcp,dialogs
+})
+if(action==="open"&&name)
+actions.open(name)
+else
+actions.prompt()
+}).catch((error)=>props.api.ui.toast({variant:"error",title:"Layout presets",message:String(error)
+}))
+}
+const selection=createSettingsSelection({api:props.api,preferences:props.preferences,mcp:props.mcp,skills:props.skills,dialogs,options,active,setActive,openPreset:(name)=>runPresetAction("open",name),promptPreset:()=>runPresetAction("prompt")
+})
+const unregister=registerSettingsKeymap({api:props.api,active,activeGroup,options,move,switchGroup,reorder,select:selection.select,openQuickActions:selection.openQuickActions,openMcpGroups:selection.openMcpGroups,openSkillGroups:selection.openSkillGroups,openLimitPrompt:selection.openLimitPrompt
+})
+onCleanup2(unregister)
+return{active,activeGroup,contentHeight,dialogs,footerHint,icons,openLimitPrompt:selection.openLimitPrompt,openQuickActions:selection.openQuickActions,openMcpGroups:selection.openMcpGroups,openSkillGroups:selection.openSkillGroups,options,optionId,orderedGroups,reorder,select:selection.select,setActive,setActiveGroup,setBody(node){body=node
+scroll.ref(node)
+},restoreScroll:scroll.restore,saveScroll:scroll.save,theme
+}}
+import {createComponent as _$createComponent5} from "@opentui/solid"
+import {createTextNode as _$createTextNode6} from "@opentui/solid"
+import {insertNode as _$insertNode6} from "@opentui/solid"
+import {effect as _$effect6} from "@opentui/solid"
+import {insert as _$insert4} from "@opentui/solid"
+import {setProp as _$setProp6} from "@opentui/solid"
+import {createElement as _$createElement6} from "@opentui/solid"
+import {memo as _$memo3} from "@opentui/solid"
+import {TextAttributes as TextAttributes4} from "@opentui/core"
+import {Show as Show2} from "solid-js"
+import {SelectionBox as SelectionBox3} from "./tui.js"
+function SettingsOptionRow(props){const model=props.controller
+const index=()=>model.options().findIndex((candidate)=>candidate.value===props.option.value)
+const selected=()=>model.active()===index()
+const section=()=>props.option.value
+return _$createComponent5(SelectionBox3,{get id(){return model.optionId(props.option.value)
+},flexDirection:"row",gap:2,paddingLeft:1,paddingRight:1,get backgroundColor(){return _$memo3(()=>!!selected())()?model.theme().backgroundElement:undefined
+},onMouseOver:()=>model.setActive(index()),onMouseDown:(event)=>event.stopPropagation(),onMouseUp:(event)=>{event.stopPropagation()
+model.select(props.option.value)
+},get children(){return [(()=>{var _el$=_$createElement6("text")
+_$setProp6(_el$,"flexShrink",0)
+_$insert4(_el$,()=>props.option.title)
+_$effect6((_p$)=>{var _v$=selected()?TextAttributes4.BOLD:undefined,_v$2=model.theme().text
+_v$!==_p$.e&&(_p$.e=_$setProp6(_el$,"attributes",_v$,_p$.e))
+_v$2!==_p$.t&&(_p$.t=_$setProp6(_el$,"fg",_v$2,_p$.t))
+return _p$
+},{e:undefined,t:undefined
+})
+return _el$
+})(),(()=>{var _el$2=_$createElement6("text")
+_$setProp6(_el$2,"flexGrow",1)
+_$insert4(_el$2,()=>props.option.description)
+_$effect6((_$p)=>_$setProp6(_el$2,"fg",model.theme().borderSubtle,_$p))
+return _el$2
+})(),_$createComponent5(Show2,{get when(){return SIDEBAR_SECTIONS.includes(section())
+},get children(){var _el$3=_$createElement6("box"),_el$8=_$createElement6("text"),_el$9=_$createTextNode6(` Items: `),_el$0=_$createElement6("text"),_el$1=_$createElement6("text")
+_$insertNode6(_el$3,_el$8)
+_$insertNode6(_el$3,_el$0)
+_$insertNode6(_el$3,_el$1)
+_$setProp6(_el$3,"flexDirection","row")
+_$setProp6(_el$3,"flexShrink",0)
+_$setProp6(_el$3,"gap",1)
+_$insert4(_el$3,_$createComponent5(Show2,{get when(){return props.option.value==="quick_actions"
+},get children(){var _el$4=_$createElement6("text"),_el$5=_$createTextNode6(` Actions`)
+_$insertNode6(_el$4,_el$5)
+_$setProp6(_el$4,"onMouseDown",(event)=>event.stopPropagation())
+_$setProp6(_el$4,"onMouseUp",(event)=>{event.stopPropagation()
+model.openQuickActions()
+})
+_$insert4(_el$4,()=>model.icons.icon("actions"),_el$5)
+_$effect6((_$p)=>_$setProp6(_el$4,"fg",model.theme().accent,_$p))
+return _el$4
+}}),_el$8)
+_$insert4(_el$3,_$createComponent5(Show2,{get when(){return props.option.value==="mcp"||props.option.value==="skills"
+},get children(){var _el$6=_$createElement6("text"),_el$7=_$createTextNode6(` Groups`)
+_$insertNode6(_el$6,_el$7)
+_$setProp6(_el$6,"onMouseDown",(event)=>event.stopPropagation())
+_$setProp6(_el$6,"onMouseUp",(event)=>{event.stopPropagation()
+if(props.option.value==="skills")
+model.openSkillGroups()
+else
+model.openMcpGroups()
+})
+_$insert4(_el$6,()=>model.icons.icon("sections"),_el$7)
+_$effect6((_$p)=>_$setProp6(_el$6,"fg",model.theme().accent,_$p))
+return _el$6
+}}),_el$8)
+_$insertNode6(_el$8,_el$9)
+_$setProp6(_el$8,"onMouseDown",(event)=>event.stopPropagation())
+_$setProp6(_el$8,"onMouseUp",(event)=>{event.stopPropagation()
+model.openLimitPrompt(section())
+})
+_$insert4(_el$8,()=>model.icons.icon("todo"),_el$9)
+_$insert4(_el$8,()=>props.preferences.selectedSectionItemLimit?.(section())||"All",null)
+_$setProp6(_el$0,"onMouseDown",(event)=>{event.stopPropagation()
+model.reorder(props.option.value,-1)
+})
+_$insert4(_el$0,()=>model.icons.icon("up"))
+_$setProp6(_el$1,"onMouseDown",(event)=>{event.stopPropagation()
+model.reorder(props.option.value,1)
+})
+_$insert4(_el$1,()=>model.icons.icon("down"))
+_$effect6((_p$)=>{var _v$3=model.theme().accent,_v$4=model.theme().accent,_v$5=model.theme().accent
+_v$3!==_p$.e&&(_p$.e=_$setProp6(_el$8,"fg",_v$3,_p$.e))
+_v$4!==_p$.t&&(_p$.t=_$setProp6(_el$0,"fg",_v$4,_p$.t))
+_v$5!==_p$.a&&(_p$.a=_$setProp6(_el$1,"fg",_v$5,_p$.a))
+return _p$
+},{e:undefined,t:undefined,a:undefined
+})
+return _el$3
+}})]
+}})
+}
+function SettingsDialog(props){const model=createSettingsDialogController(props)
+return _$createComponent6(DialogSurface2,{get api(){return props.api
+},get children(){return [(()=>{var _el$=_$createElement7("box"),_el$2=_$createElement7("text"),_el$3=_$createTextNode7(` Navigator settings`),_el$4=_$createElement7("text")
+_$insertNode7(_el$,_el$2)
+_$insertNode7(_el$,_el$4)
+_$setProp7(_el$,"flexDirection","row")
+_$setProp7(_el$,"justifyContent","space-between")
+_$insertNode7(_el$2,_el$3)
+_$insert5(_el$2,()=>model.icons.icon("settings"),_el$3)
+_$setProp7(_el$4,"onMouseDown",(event)=>event.stopPropagation())
+_$setProp7(_el$4,"onMouseUp",(event)=>{event.stopPropagation()
+model.dialogs.back()
+})
+_$insert5(_el$4,()=>model.icons.key("esc"))
+_$effect7((_p$)=>{var _v$=TextAttributes5.BOLD,_v$2=model.theme().text,_v$3=model.theme().textMuted
+_v$!==_p$.e&&(_p$.e=_$setProp7(_el$2,"attributes",_v$,_p$.e))
+_v$2!==_p$.t&&(_p$.t=_$setProp7(_el$2,"fg",_v$2,_p$.t))
+_v$3!==_p$.a&&(_p$.a=_$setProp7(_el$4,"fg",_v$3,_p$.a))
+return _p$
+},{e:undefined,t:undefined,a:undefined
+})
+return _el$
+})(),(()=>{var _el$5=_$createElement7("text")
+_$insertNode7(_el$5,_$createTextNode7(`Adjust sections and behavior. Changes apply immediately.`))
+_$effect7((_$p)=>_$setProp7(_el$5,"fg",model.theme().textMuted,_$p))
+return _el$5
+})(),(()=>{var _el$7=_$createElement7("box")
+_$setProp7(_el$7,"flexDirection","row")
+_$setProp7(_el$7,"gap",1)
+_$insert5(_el$7,_$createComponent6(For3,{get each(){return model.orderedGroups()
+},children:(group)=>_$createComponent6(Tab,{get api(){return props.api
+},get selected(){return model.activeGroup()===group.id
+},paddingLeft:1,paddingRight:1,onMouseDown:()=>{model.setActiveGroup(group.id)
+model.setActive(0)
+},get children(){return [_$memo4(()=>model.icons.tab(group.id))," ",_$memo4(()=>group.tab)]
+}})
+}))
+return _el$7
+})(),(()=>{var _el$8=_$createElement7("scrollbox"),_el$9=_$createElement7("box")
+_$insertNode7(_el$8,_el$9)
+var _ref$=model.setBody
+typeof _ref$==="function"?_$use(_ref$,_el$8):model.setBody=_el$8
+_$setProp7(_el$8,"id",`${PLUGIN_ID}.settings.body`)
+_$setProp7(_el$8,"scrollX",false)
+_$setProp7(_el$8,"verticalScrollbarOptions",{visible:true
+})
+_$setProp7(_el$8,"horizontalScrollbarOptions",{visible:false
+})
+_$setProp7(_el$9,"gap",1)
+_$insert5(_el$9,_$createComponent6(For3,{get each(){return model.options()
+},children:(option)=>_$createComponent6(SettingsOptionRow,{get preferences(){return props.preferences
+},controller:model,option
+})
+}))
+_$effect7((_p$)=>{var{restoreScroll:_v$4,saveScroll:_v$5}=model,_v$6=model.contentHeight()
+_v$4!==_p$.e&&(_p$.e=_$setProp7(_el$8,"renderBefore",_v$4,_p$.e))
+_v$5!==_p$.t&&(_p$.t=_$setProp7(_el$8,"renderAfter",_v$5,_p$.t))
+_v$6!==_p$.a&&(_p$.a=_$setProp7(_el$8,"height",_v$6,_p$.a))
+return _p$
+},{e:undefined,t:undefined,a:undefined
+})
+return _el$8
+})(),(()=>{var _el$0=_$createElement7("text")
+_$insert5(_el$0,()=>model.footerHint())
+_$effect7((_$p)=>_$setProp7(_el$0,"fg",model.theme().textMuted,_$p))
+return _el$0
+})()]
+}})
+}
+export{SettingsDialog
+}