opencode-navigator 0.21.1 → 0.21.3

package/dist/tui.js

@@ -3,7 +3,7 @@ import {insert as _$insert,setProp as _$setProp,createElement as _$createElement
 
 
 
-import {createSignal as createSignal2,createSignal,createEffect,onCleanup,createContext,useContext,createContext as createContext2,createSignal as createSignal3,useContext as useContext2,createEffect as createEffect2,splitProps,untrack,splitProps as splitProps2,For,createEffect as createEffect3,onCleanup as onCleanup2,createEffect as createEffect4,Show,splitProps as splitProps3,createSignal as createSignal4,createSignal as createSignal5,createSignal as createSignal6,onCleanup as onCleanup3,batch,createSignal as createSignal8,createSignal as createSignal7,createEffect as createEffect5,createSignal as createSignal9,onCleanup as onCleanup4,createSignal as createSignal10,createSignal as createSignal11,Index,createSignal as createSignal12,onCleanup as onCleanup5,createEffect as createEffect7,onCleanup as onCleanup7,batch as batch2,createEffect as createEffect6,createMemo,createSignal as createSignal13,onCleanup as onCleanup6,onMount,For as For2,For as For3,Show as Show2,createMemo as createMemo2,Show as Show3,createSignal as createSignal14,onCleanup as onCleanup8,For as For4,For as For5,For as For8,createMemo as createMemo4,onMount as onMount3,For as For7,createMemo as createMemo3,onMount as onMount2,Show as Show5,createEffect as createEffect8,createSignal as createSignal15,onCleanup as onCleanup9,Show as Show4,For as For6,For as For9,createEffect as createEffect9,createMemo as createMemo5,onCleanup as onCleanup10,createEffect as createEffect10,createMemo as createMemo6,untrack as untrack2,For as For10,createEffect as createEffect11,createMemo as createMemo8,onCleanup as onCleanup11,onMount as onMount4,createMemo as createMemo7,Show as Show6,onCleanup as onCleanup12,createEffect as createEffect12,onCleanup as onCleanup13,createSignal as createSignal16,createMemo as createMemo9,createEffect as createEffect13,onCleanup as onCleanup14,onMount as onMount5,onCleanup as onCleanup15,onMount as onMount6,For as For11,createSignal as createSignal17,createSignal as createSignal18,Show as Show7,createSignal as createSignal20,createSignal as createSignal19,onCleanup as onCleanup16,For as For12,Show as Show10,createMemo as createMemo11,createComputed,createMemo as createMemo10,createSignal as createSignal21,untrack as untrack3,Show as Show8,createComputed as createComputed2,untrack as untrack4,Show as Show9,createEffect as createEffect14,createSignal as createSignal22,createMemo as createMemo13,createSignal as createSignal25,createMemo as createMemo12,For as For13,Show as Show14,Show as Show11,Show as Show12,createSignal as createSignal23,createContext as createContext3,useContext as useContext3,Show as Show13,createSignal as createSignal24,onCleanup as onCleanup17,Show as Show17,createSignal as createSignal26,untrack as untrack5,createSignal as createSignal27,createEffect as createEffect15,For as For14,createSignal as createSignal28,onMount as onMount7,Show as Show15,Show as Show16,For as For15,Show as Show19,createMemo as createMemo15,Show as Show18,createMemo as createMemo14,createSignal as createSignal29,createEffect as createEffect16,onCleanup as onCleanup18,For as For20,Match,Switch,createMemo as createMemo19,onCleanup as onCleanup22,For as For16,Show as Show20,createSignal as createSignal30,createEffect as createEffect17,createMemo as createMemo16,onCleanup as onCleanup19,untrack as untrack6,For as For18,Show as Show23,createEffect as createEffect18,createMemo as createMemo17,createSignal as createSignal31,onCleanup as onCleanup20,untrack as untrack7,For as For17,Show as Show22,Show as Show21,Show as Show27,createEffect as createEffect19,createMemo as createMemo18,createSignal as createSignal32,onCleanup as onCleanup21,untrack as untrack8,For as For19,Show as Show25,Show as Show24,Show as Show26,createEffect as createEffect20,createMemo as createMemo20,onCleanup as onCleanup23,untrack as untrack9,Show as Show28,createMemo as createMemo21,onCleanup as onCleanup24,createEffect as createEffect21,onCleanup as onCleanup25,untrack as untrack10,createSignal as createSignal33,onCleanup as onCleanup26,onMount as onMount8} from "solid-js"
+import {createSignal as createSignal2,createSignal,createEffect,onCleanup,createContext,useContext,createContext as createContext2,createSignal as createSignal3,useContext as useContext2,createEffect as createEffect2,splitProps,untrack,splitProps as splitProps2,For,createEffect as createEffect3,onCleanup as onCleanup2,createEffect as createEffect4,Show,splitProps as splitProps3,createSignal as createSignal4,createSignal as createSignal5,createSignal as createSignal6,onCleanup as onCleanup3,batch,createSignal as createSignal8,createSignal as createSignal7,createEffect as createEffect5,createSignal as createSignal9,onCleanup as onCleanup4,createSignal as createSignal10,createSignal as createSignal11,Index,createSignal as createSignal12,onCleanup as onCleanup5,createEffect as createEffect7,onCleanup as onCleanup7,batch as batch2,createEffect as createEffect6,createMemo,createSignal as createSignal13,onCleanup as onCleanup6,onMount,For as For2,For as For3,Show as Show2,createMemo as createMemo2,Show as Show3,createSignal as createSignal14,onCleanup as onCleanup8,For as For4,For as For5,For as For8,createMemo as createMemo4,onMount as onMount3,For as For7,createMemo as createMemo3,onMount as onMount2,Show as Show5,createEffect as createEffect8,createSignal as createSignal15,onCleanup as onCleanup9,Show as Show4,For as For6,For as For9,createEffect as createEffect9,createMemo as createMemo5,onCleanup as onCleanup10,createEffect as createEffect10,createMemo as createMemo6,untrack as untrack2,For as For10,createEffect as createEffect11,createMemo as createMemo8,onCleanup as onCleanup11,onMount as onMount4,createMemo as createMemo7,Show as Show6,onCleanup as onCleanup12,createEffect as createEffect12,onCleanup as onCleanup13,createSignal as createSignal16,createMemo as createMemo9,createEffect as createEffect13,onCleanup as onCleanup14,onMount as onMount5,onCleanup as onCleanup15,onMount as onMount6,For as For11,createSignal as createSignal17,createSignal as createSignal18,Show as Show7,createSignal as createSignal20,createSignal as createSignal19,onCleanup as onCleanup16,For as For12,Show as Show10,createMemo as createMemo11,createComputed,createMemo as createMemo10,createSignal as createSignal21,untrack as untrack3,Show as Show8,createComputed as createComputed2,untrack as untrack4,Show as Show9,createSignal as createSignal23,createEffect as createEffect14,createSignal as createSignal22,on,createMemo as createMemo13,createSignal as createSignal26,createMemo as createMemo12,For as For13,Show as Show14,Show as Show11,Show as Show12,createSignal as createSignal24,createContext as createContext3,useContext as useContext3,Show as Show13,createSignal as createSignal25,onCleanup as onCleanup17,Show as Show19,createSignal as createSignal27,untrack as untrack5,createSignal as createSignal28,createSignal as createSignal29,createEffect as createEffect15,For as For14,Show as Show15,Show as Show16,Show as Show17,Show as Show18,For as For15,Show as Show21,createMemo as createMemo15,Show as Show20,createMemo as createMemo14,createSignal as createSignal30,createEffect as createEffect16,onCleanup as onCleanup18,For as For20,Match,Switch,createMemo as createMemo19,onCleanup as onCleanup22,For as For16,Show as Show22,createSignal as createSignal31,createEffect as createEffect17,createMemo as createMemo16,onCleanup as onCleanup19,untrack as untrack6,For as For18,Show as Show25,createEffect as createEffect18,createMemo as createMemo17,createSignal as createSignal32,onCleanup as onCleanup20,untrack as untrack7,For as For17,Show as Show24,Show as Show23,Show as Show29,createEffect as createEffect19,createMemo as createMemo18,createSignal as createSignal33,onCleanup as onCleanup21,untrack as untrack8,For as For19,Show as Show27,Show as Show26,Show as Show28,createEffect as createEffect20,createMemo as createMemo20,onCleanup as onCleanup23,untrack as untrack9,Show as Show30,createMemo as createMemo21,onCleanup as onCleanup24,createEffect as createEffect21,onCleanup as onCleanup25,untrack as untrack10,createSignal as createSignal34,onCleanup as onCleanup26,onMount as onMount7} from "solid-js"
 var SIDEBAR_SECTIONS=["limits","todo","subagents","skills","quick_actions","lsp","mcp"]
 var QUICK_ACTION_IDS=["session.rename","session.timeline","session.copy","session.export","session.compact","session.list","session.new","session.fork","messages.copy","session.first","session.last","session.messages_last_user","session.message.next","session.message.previous","permission.mode"]
 function preferencesScope(path){return path.worktree||path.directory||"global"
@@ -5464,46 +5464,67 @@ return _el$
 
 
 
+
+
+
+
+
+
+
 var graphemes=new Intl.Segmenter(undefined,{granularity:"grapheme"
 })
-function truncateEnd(value,maxWidth){if(Bun.stringWidth(value)<=maxWidth)
+function truncateEnd(value,width){if(Bun.stringWidth(value)<=width)
 return value
-if(maxWidth<=0)
+if(width<=0)
 return ""
-const ellipsis=maxWidth>=3?"...":".".repeat(maxWidth)
-const contentWidth=maxWidth-Bun.stringWidth(ellipsis)
+const ellipsis=width>=3?"...":".".repeat(width)
 let result=""
 for(const{segment
-} of graphemes.segment(value)){if(Bun.stringWidth(result + segment)>contentWidth)
+} of graphemes.segment(value)){if(Bun.stringWidth(result + segment)>width-ellipsis.length)
 break
 result += segment
 }
 return result + ellipsis
 }
+function SectionHeaderControl(props){const [width,setWidth]=createSignal22()
+const control=useSidebarItem(props.api,props.interaction,{id:props.action.id,position:()=>props.position,disabled:props.action.disabled,activate:props.action.onActivate
+},()=>props.api.theme.current.accent,"control")
+createEffect14(on(()=>[props.action.label(),props.resetWidth],()=>setWidth(undefined)))
+const label=()=>width()===undefined||props.iconOnly?props.action.label():truncateEnd(props.action.label(),width()-2)
+return _$createComponent(SelectionBox,{ref:(node)=>control.ref(node),get id(){return props.action.id
+},get iconOnly(){return props.iconOnly
+},get width(){return props.iconOnly?3:undefined
+},get flexShrink(){return props.iconOnly?0:1
+},minWidth:3,overflow:"hidden",get alignItems(){return props.iconOnly?"center":undefined
+},get backgroundColor(){return control.backgroundColor()
+},onSizeChange:function(){setWidth(this.width)
+},get onMouseOver(){return control.onMouseOver
+},get onMouseOut(){return control.onMouseOut
+},onMouseDown:(event)=>event.stopPropagation(),onMouseUp:(event)=>{event.stopPropagation()
+control.activate(event)
+},get children(){var _el$=_$createElement("text")
+_$setProp(_el$,"wrapMode","none")
+_$setProp(_el$,"height",1)
+_$insert(_el$,label)
+_$effect((_$p)=>_$setProp(_el$,"fg",control.foregroundColor(),_$p))
+return _el$
+}})
+}
 function Section(props){const icons=useIcons()
-const [actionWidth,setActionWidth]=createSignal22()
+const [headerWidth,setHeaderWidth]=createSignal23(0)
 const icon=()=>props.section?icons.section(props.section):props.icon
 const theme=()=>props.api.theme.current
 const item=useSidebarItem(props.api,props.interaction,{id:props.sectionId??`section.${props.title}`,position:()=>({section:props.navigationSection??0,row:0,column:0
 }),activate:props.onToggle
 })
-const action=props.headerAction?useSidebarItem(props.api,props.interaction,{id:props.headerAction.id,position:()=>({section:props.navigationSection??0,row:0,column:1
-}),disabled:props.headerAction.disabled,activate:props.headerAction.onActivate
-},()=>theme().accent,"control"):undefined
-createEffect14(()=>{props.headerAction?.label()
-setActionWidth(undefined)
-})
-const actionLabel=()=>{const label=props.headerAction?.label()??""
-const width=actionWidth()
-return width===undefined?label:truncateEnd(label,width-2)
-}
 return(()=>{var _el$=_$createElement("box")
 _$setProp(_el$,"gap",1)
 _$insert(_el$,_$createComponent(SelectionBox,{ref:(node)=>item.ref(node),get id(){return props.sectionId
-},flexDirection:"row",height:1,justifyContent:"space-between",gap:1,paddingLeft:1,paddingRight:1,get backgroundColor(){return item.backgroundColor()
+},flexDirection:"row",height:1,justifyContent:"space-between",gap:1,get backgroundColor(){return item.backgroundColor()
 },get onMouseOver(){return item.onMouseOver
 },get onMouseOut(){return item.onMouseOut
-},onMouseDown:(event)=>item.activate(event),onSizeChange:()=>setActionWidth(undefined),get children(){return [(()=>{var _el$2=_$createElement("text"),_el$3=_$createElement("span"),_el$4=_$createTextNode(` `),_el$5=_$createElement("span"),_el$6=_$createElement("b")
+},onMouseDown:(event)=>item.activate(event),onSizeChange:function(){setHeaderWidth(this.width)
+},get children(){return [(()=>{var _el$2=_$createElement("text"),_el$3=_$createElement("span"),_el$4=_$createTextNode(` `),_el$5=_$createElement("span"),_el$6=_$createElement("b")
 _$insertNode(_el$2,_el$3)
 _$insertNode(_el$2,_el$4)
 _$insertNode(_el$2,_el$5)
@@ -5525,28 +5546,23 @@ return _p$
 },{e:undefined,t:undefined,a:undefined
 })
 return _el$2
-})(),(()=>{var _el$7=_$createElement("box"),_el$8=_$createElement("text")
-_$insertNode(_el$7,_el$8)
+})(),(()=>{var _el$7=_$createElement("box")
 _$setProp(_el$7,"flexDirection","row")
 _$setProp(_el$7,"gap",1)
 _$setProp(_el$7,"flexGrow",1)
 _$setProp(_el$7,"minWidth",0)
 _$setProp(_el$7,"justifyContent","flex-end")
-_$insert(_el$7,_$createComponent(Show9,{when:action,children:(control)=>_$createComponent(SelectionBox,{ref:(node)=>control().ref(node),get id(){return props.headerAction?.id
-},flexShrink:1,minWidth:3,overflow:"hidden",get backgroundColor(){return control().backgroundColor()
-},onSizeChange:function(){setActionWidth(this.width)
-},get onMouseOver(){return control().onMouseOver
-},get onMouseOut(){return control().onMouseOut
-},onMouseDown:(event)=>event.stopPropagation(),onMouseUp:(event)=>{event.stopPropagation()
-control().activate(event)
-},get children(){var _el$9=_$createElement("text")
-_$setProp(_el$9,"wrapMode","none")
-_$setProp(_el$9,"height",1)
-_$insert(_el$9,actionLabel)
-_$effect((_$p)=>_$setProp(_el$9,"fg",control().foregroundColor(),_$p))
-return _el$9
-}})
-}),_el$8)
+_$insert(_el$7,()=>props.headerControls,null)
+_$insert(_el$7,_$createComponent(Show9,{get when(){return props.headerAction
+},children:(action)=>_$createComponent(SectionHeaderControl,{get api(){return props.api
+},get interaction(){return props.interaction
+},get action(){return action()
+},get resetWidth(){return headerWidth()
+},get position(){return{section:props.navigationSection??0,row:0,column:1
+}}})
+}),null)
+_$insert(_el$7,_$createComponent(Show9,{get when(){return props.summary
+},get children(){var _el$8=_$createElement("text")
 _$setProp(_el$8,"wrapMode","none")
 _$setProp(_el$8,"truncate",true)
 _$setProp(_el$8,"height",1)
@@ -5557,6 +5573,8 @@ _v$5!==_p$.t&&(_p$.t=_$setProp(_el$8,"flexShrink",_v$5,_p$.t))
 return _p$
 },{e:undefined,t:undefined
 })
+return _el$8
+}}),null)
 return _el$7
 })()]
 }}),null)
@@ -5851,8 +5869,8 @@ return _el$5
 function createSidebarBookmark(input){const{api,interaction,row,position,favorite,disabled,onToggle
 }=input
 const id=`${input.id}.favorite`
-const [rowHovered,setRowHovered]=createSignal23(false)
-const [controlHovered,setControlHovered]=createSignal23(false)
+const [rowHovered,setRowHovered]=createSignal24(false)
+const [controlHovered,setControlHovered]=createSignal24(false)
 const control=useSidebarItem(api,interaction,{id,position:()=>({...position(),column:0
 }),disabled,activate:()=>{onToggle()
 queueMicrotask(()=>interaction?.select(id))
@@ -5968,7 +5986,7 @@ return _el$2
 function SectionFilter(props){const icons=useIcons()
 let input
 let unregisterInput
-const [inputFocused,setInputFocused]=createSignal24(false)
+const [inputFocused,setInputFocused]=createSignal25(false)
 const theme=()=>props.api.theme.current
 const item=useSidebarItem(props.api,props.interaction,{id:props.id??`filter.${props.placeholder}`,position:()=>props.position??{section:0,row:0,column:0
 },activate:()=>{if(!input)
@@ -6098,7 +6116,7 @@ return _el$
 }})
 }
 function McpSection(props){const icons=useIcons()
-const [query,setQuery]=createSignal25("")
+const [query,setQuery]=createSignal26("")
 const model=createMcpSectionModel(props,query)
 const navigationSection=()=>props.navigationSection??6
 const summary=createMemo13(()=>`${model.active()}/${model.list().length}${model.errors() ? ` \xB7 ${model.errors()} ${icons.icon("error")}` : ""}`)
@@ -6185,6 +6203,10 @@ return _$createComponent(SectionWithHeaderAction,{get api(){return props.api
 
 
 
+
+
+
+
 
 
 
@@ -6194,7 +6216,7 @@ function QuickActionRow(props){const{api,interaction
 }=useSidebarList()
 const icons=useIcons()
 const theme=()=>api.theme.current
-const [width,setWidth]=createSignal29(0)
+const [width,setWidth]=createSignal30(0)
 const shortcut=createMemo14(()=>{const bindings=api.keymap.getCommandBindings({visibility:"registered",commands:[props.action.command]
 })
 return api.keys.formatBindings(bindings.get(props.action.command))
@@ -6238,7 +6260,7 @@ _$insert(_el$2,()=>props.action.label)
 _$effect((_$p)=>_$setProp(_el$2,"fg",row.foregroundColor(),_$p))
 return _el$2
 })()
-},get metadata(){return _$createComponent(Show18,{get when(){return visibleShortcut()
+},get metadata(){return _$createComponent(Show20,{get when(){return visibleShortcut()
 },children:(value)=>(()=>{var _el$3=_$createElement("text")
 _$setProp(_el$3,"flexShrink",0)
 _$setProp(_el$3,"wrapMode","none")
@@ -6247,7 +6269,7 @@ _$effect((_$p)=>_$setProp(_el$3,"fg",row.focused()?row.foregroundColor():theme()
 return _el$3
 })()
 })
-},get details(){return _$createComponent(Show18,{get when(){return props.disabled
+},get details(){return _$createComponent(Show20,{get when(){return props.disabled
 },children:(reason)=>(()=>{var _el$4=_$createElement("text")
 _$setProp(_el$4,"wrapMode","word")
 _$insert(_el$4,reason)
@@ -6275,7 +6297,7 @@ return _$createComponent(Section,{get api(){return props.api
 },onToggle:()=>props.preferences.toggleSectionExpanded("quick_actions"),get children(){return [_$createComponent(SidebarRowList,{get api(){return props.api
 },get interaction(){return props.interaction
 },get density(){return props.preferences.rowDensity?.()??"compact"
-},get children(){return [_$createComponent(Show19,{get when(){return actions().length===0
+},get children(){return [_$createComponent(Show21,{get when(){return actions().length===0
 },get children(){var _el$=_$createElement("text")
 _$insertNode(_el$,_$createTextNode(`No quick actions selected`))
 _$effect((_$p)=>_$setProp(_el$,"fg",props.api.theme.current.textMuted,_$p))
@@ -6489,7 +6511,7 @@ return _el$
 }})
 }
 function SkillsSection(props){const dialogs=useDialogs(props.api)
-const [query,setQuery]=createSignal30("")
+const [query,setQuery]=createSignal31("")
 const model=createSkillSectionModel(props,query)
 const navigationSection=()=>props.navigationSection??3
 function selectSkill(item){if(!props.preferences.shouldConfirmSkill(item)){model.useSkill(item)
@@ -6522,7 +6544,7 @@ _$insert(_el$,_$createComponent(SectionFilter,{get api(){return props.api
 }},get query(){return query()
 },placeholder:"Filter skills...",onInput:setQuery
 }),null)
-_$insert(_el$,_$createComponent(Show20,{get when(){return model.filtered().length>0
+_$insert(_el$,_$createComponent(Show22,{get when(){return model.filtered().length>0
 },get fallback(){return(()=>{var _el$2=_$createElement("text")
 _$insertNode(_el$2,_$createTextNode(`No matching skills`))
 _$effect((_$p)=>_$setProp(_el$2,"fg",props.api.theme.current.textMuted,_$p))
@@ -6533,7 +6555,7 @@ return _el$2
 },get grouped(){return model.grouped
 },get density(){return props.preferences.rowDensity?.()??"compact"
 },get children(){return _$createComponent(For16,{get each(){return model.visibility.visible()
-},children:(item,index)=>[_$createComponent(Show20,{get when(){return _$memo(()=>!!model.grouped())()&&(index()===0||model.visibility.visible()[index()-1]?.bucket!==item.bucket)
+},children:(item,index)=>[_$createComponent(Show22,{get when(){return _$memo(()=>!!model.grouped())()&&(index()===0||model.visibility.visible()[index()-1]?.bucket!==item.bucket)
 },get children(){var _el$4=_$createElement("text")
 _$setProp(_el$4,"height",1)
 _$setProp(_el$4,"wrapMode","none")
@@ -6578,8 +6600,8 @@ return _el$
 function createSubagentSectionModel(props){const list=createMemo17(()=>props.controller.list(props.sessionID))
 const recent=createMemo17(()=>props.controller.recent?.(props.sessionID)??[])
 const rows=createMemo17(()=>buildSubagentView(list(),recent()))
-const [query,setQuery]=createSignal31("")
-const [mode,setMode]=createSignal31("all")
+const [query,setQuery]=createSignal32("")
+const [mode,setMode]=createSignal32("all")
 const counts=createMemo17(()=>countSubagentView(rows(),query()))
 const tabs=createMemo17(()=>["all","active","recent",...counts().errors>0?["errors"]:[]])
 const filtered=createMemo17(()=>filterSubagentView(rows(),mode(),query()))
@@ -6660,7 +6682,7 @@ return()=>_c$()?`${props.item.run.startedBeforeObservation ? `${icons.icon("rece
 _$effect((_$p)=>_$setProp(_el$3,"fg",row.focused()?row.foregroundColor():theme().textMuted,_$p))
 return _el$3
 })()
-},get details(){return [_$createComponent(Show21,{get when(){return props.item.run?.errorMessage
+},get details(){return [_$createComponent(Show23,{get when(){return props.item.run?.errorMessage
 },get children(){var _el$4=_$createElement("text"),_el$5=_$createTextNode(`: `)
 _$insertNode(_el$4,_el$5)
 _$setProp(_el$4,"wrapMode","word")
@@ -6668,12 +6690,12 @@ _$insert(_el$4,()=>cancelled()?"Cancelled":"Error",_el$5)
 _$insert(_el$4,()=>props.item.run?.errorMessage,null)
 _$effect((_$p)=>_$setProp(_el$4,"fg",row.focused()?row.foregroundColor():failed()?theme().error:theme().textMuted,_$p))
 return _el$4
-}}),_$createComponent(Show21,{get when(){return props.item.unavailable
+}}),_$createComponent(Show23,{get when(){return props.item.unavailable
 },get children(){var _el$6=_$createElement("text")
 _$insertNode(_el$6,_$createTextNode(`Worker status unavailable`))
 _$effect((_$p)=>_$setProp(_el$6,"fg",theme().warning,_$p))
 return _el$6
-}}),_$createComponent(Show21,{get when(){return _$memo(()=>props.item.status.type==="retry")()?props.item.status:undefined
+}}),_$createComponent(Show23,{get when(){return _$memo(()=>props.item.status.type==="retry")()?props.item.status:undefined
 },children:(status)=>(()=>{var _el$0=_$createElement("text"),_el$1=_$createTextNode(`Retry #`),_el$10=_$createTextNode(` \xB7 `),_el$11=_$createTextNode(`s \xB7 `)
 _$insertNode(_el$0,_el$1)
 _$insertNode(_el$0,_el$10)
@@ -6685,7 +6707,7 @@ _$insert(_el$0,()=>status().message,null)
 _$effect((_$p)=>_$setProp(_el$0,"fg",row.focused()?row.foregroundColor():theme().warning,_$p))
 return _el$0
 })()
-}),_$createComponent(Show21,{get when(){return _$memo(()=>!!idle())()&&!props.item.run?.errorMessage
+}),_$createComponent(Show23,{get when(){return _$memo(()=>!!idle())()&&!props.item.run?.errorMessage
 },get children(){var _el$8=_$createElement("text")
 _$insertNode(_el$8,_$createTextNode(`Finished`))
 _$effect((_$p)=>_$setProp(_el$8,"fg",theme().textMuted,_$p))
@@ -6701,7 +6723,7 @@ function SubagentList(props){return _$createComponent(SidebarRowList,{get api(){
 const item=()=>props.itemById(id)??initial
 const startsGroup=()=>index()===0||props.visible[index()-1]?.group!==item().group
 return(()=>{var _el$=_$createElement("box")
-_$insert(_el$,_$createComponent(Show22,{get when(){return startsGroup()
+_$insert(_el$,_$createComponent(Show24,{get when(){return startsGroup()
 },get children(){var _el$2=_$createElement("text"),_el$3=_$createElement("b")
 _$insertNode(_el$2,_el$3)
 _$insert(_el$3,()=>item().group)
@@ -6727,7 +6749,7 @@ return _$createComponent(Section,{get api(){return props.api
 },sectionId:`${PLUGIN_ID}.section.subagents`,get navigationSection(){return navigationSection()
 },title:"SUBAGENTS",section:"subagents",get summary(){return `${model.list().length} active \xB7 ${model.recent().length} recent`
 },get open(){return props.preferences.expanded().subagents
-},onToggle:()=>props.preferences.toggleSectionExpanded("subagents"),get children(){return [_$createComponent(Show23,{get when(){return model.parentID()
+},onToggle:()=>props.preferences.toggleSectionExpanded("subagents"),get children(){return [_$createComponent(Show25,{get when(){return model.parentID()
 },children:(id)=>_$createComponent(McpBulkAction,{get api(){return props.api
 },get interaction(){return props.interaction
 },id:`${PLUGIN_ID}.subagents.parent`,get position(){return{section:navigationSection(),row:1,column:0
@@ -6761,7 +6783,7 @@ _$insert(_el$2,_$createComponent(For18,{get each(){return model.tabs()
 },onActivate:()=>model.setMode(value)
 })
 }))
-_$insert(_el$,_$createComponent(Show23,{get when(){return model.filtered().length===0
+_$insert(_el$,_$createComponent(Show25,{get when(){return model.filtered().length===0
 },get children(){var _el$3=_$createElement("text")
 _$insertNode(_el$3,_$createTextNode(`No matching subagents`))
 _$effect((_$p)=>_$setProp(_el$3,"fg",props.api.theme.current.textMuted,_$p))
@@ -6845,7 +6867,7 @@ _$insert(_el$2,()=>icons.icon(done()?"done":active()?"busy":cancelled()?"close":
 _$setProp(_el$3,"flexGrow",1)
 _$setProp(_el$3,"wrapMode","word")
 _$insert(_el$3,()=>props.item.content)
-_$insert(_el$,_$createComponent(Show24,{get when(){return props.item.priority==="high"||props.item.priority==="medium"||props.item.priority==="low"
+_$insert(_el$,_$createComponent(Show26,{get when(){return props.item.priority==="high"||props.item.priority==="medium"||props.item.priority==="low"
 },get children(){var _el$4=_$createElement("text"),_el$5=_$createElement("b"),_el$6=_$createTextNode(` `)
 _$insertNode(_el$4,_el$5)
 _$setProp(_el$4,"width",2)
@@ -6881,7 +6903,7 @@ _$insert(_el$2,_$createComponent(For19,{each:["all","active","finished"],childre
 },onActivate:()=>props.setMode(value)
 })
 }))
-_$insert(_el$,_$createComponent(Show25,{get when(){return props.view.rows.length>0
+_$insert(_el$,_$createComponent(Show27,{get when(){return props.view.rows.length>0
 },get fallback(){return _$createComponent(EmptyTodo,{get api(){return props.api
 },get mode(){return props.mode
 }})
@@ -6891,7 +6913,7 @@ _$insert(_el$,_$createComponent(Show25,{get when(){return props.view.rows.length
 },get children(){return _$createComponent(For19,{get each(){return props.visibility.visible()
 },children:(row,index)=>{const startsGroup=()=>index()===0||props.visibility.visible()[index()-1].group!==row.group
 return(()=>{var _el$3=_$createElement("box")
-_$insert(_el$3,_$createComponent(Show25,{get when(){return startsGroup()
+_$insert(_el$3,_$createComponent(Show27,{get when(){return startsGroup()
 },get children(){var _el$4=_$createElement("text"),_el$5=_$createElement("b")
 _$insertNode(_el$4,_el$5)
 _$insert(_el$5,()=>row.group)
@@ -6928,7 +6950,7 @@ return _el$6
 
 
 function TodoGuidanceControl(props){const state=()=>props.controller.guidance(props.sessionID)
-return _$createComponent(Show26,{get when(){return state().available
+return _$createComponent(Show28,{get when(){return state().available
 },get children(){var _el$=_$createElement("box")
 _$insert(_el$,_$createComponent(SectionTab,{get api(){return props.api
 },get interaction(){return props.interaction
@@ -6938,7 +6960,7 @@ _$insert(_el$,_$createComponent(SectionTab,{get api(){return props.api
 },get disabled(){return state().saving
 },onActivate:()=>void props.controller.setGuidance(props.sessionID,!state().enabled)
 }),null)
-_$insert(_el$,_$createComponent(Show26,{get when(){return state().error
+_$insert(_el$,_$createComponent(Show28,{get when(){return state().error
 },children:(message)=>(()=>{var _el$2=_$createElement("text")
 _$setProp(_el$2,"wrapMode","word")
 _$insert(_el$2,message)
@@ -6953,7 +6975,7 @@ function TodoSection(props){const list=createMemo18(()=>props.controller.list(pr
 const icons=useIcons()
 const unavailable=()=>hostCapabilityUnavailable(props.api,"todo")
 const managed=()=>("guidance" in props.controller)?props.controller:undefined
-const [mode,setMode]=createSignal32("all")
+const [mode,setMode]=createSignal33("all")
 const targetKey=createMemo18(()=>props.controller.target?.(props.sessionID).key??props.sessionID)
 createEffect19(()=>{targetKey()
 setMode("all")
@@ -6976,10 +6998,10 @@ return _$createComponent(Section,{get api(){return props.api
 },sectionId:`${PLUGIN_ID}.section.todo`,get navigationSection(){return navigationSection()
 },title:"TODO",section:"todo",get summary(){return _$memo(()=>!!(unavailable()||managed()?.missing(props.sessionID)))()?"\u2014":`${view().counts.completed}/${list().length}`
 },get open(){return props.preferences.expanded().todo
-},onToggle:()=>props.preferences.toggleSectionExpanded("todo"),get children(){return _$createComponent(Show27,{get when(){return unavailable()
+},onToggle:()=>props.preferences.toggleSectionExpanded("todo"),get children(){return _$createComponent(Show29,{get when(){return unavailable()
 },get fallback(){return(()=>{var _el$=_$createElement("box")
 _$setProp(_el$,"gap",1)
-_$insert(_el$,_$createComponent(Show27,{get when(){return managed()?.guidance(props.sessionID).available
+_$insert(_el$,_$createComponent(Show29,{get when(){return managed()?.guidance(props.sessionID).available
 },get children(){return _$createComponent(TodoGuidanceControl,{get api(){return props.api
 },get controller(){return managed()
 },get sessionID(){return props.sessionID
@@ -6987,7 +7009,7 @@ _$insert(_el$,_$createComponent(Show27,{get when(){return managed()?.guidance(pr
 },get navigationSection(){return navigationSection()
 }})
 }}),null)
-_$insert(_el$,_$createComponent(Show27,{get when(){return managed()?.missing(props.sessionID)
+_$insert(_el$,_$createComponent(Show29,{get when(){return managed()?.missing(props.sessionID)
 },get fallback(){return _$createComponent(SectionRequestBody,{get api(){return props.api
 },get interaction(){return props.interaction
 },id:`${PLUGIN_ID}.retry.todo`,get position(){return{section:navigationSection(),row:1,column:0
@@ -7131,7 +7153,7 @@ _$setProp(_el$2,"flexDirection","row")
 _$setProp(_el$2,"justifyContent","space-between")
 _$setProp(_el$2,"gap",1)
 _$setProp(_el$3,"flexGrow",1)
-_$insert(_el$3,_$createComponent(Show28,{get when(){return props.preferences.showSessionTitle()
+_$insert(_el$3,_$createComponent(Show30,{get when(){return props.preferences.showSessionTitle()
 },get children(){var _el$4=_$createElement("text"),_el$5=_$createElement("b")
 _$insertNode(_el$4,_el$5)
 _$setProp(_el$4,"wrapMode","word")
@@ -7139,7 +7161,7 @@ _$insert(_el$5,()=>props.title)
 _$effect((_$p)=>_$setProp(_el$4,"fg",theme().text,_$p))
 return _el$4
 }}),null)
-_$insert(_el$3,_$createComponent(Show28,{get when(){return _$memo(()=>!!props.preferences.showSessionDate())()&&created()
+_$insert(_el$3,_$createComponent(Show30,{get when(){return _$memo(()=>!!props.preferences.showSessionDate())()&&created()
 },children:(value)=>(()=>{var _el$6=_$createElement("text")
 _$insert(_el$6,value)
 _$effect((_$p)=>_$setProp(_el$6,"fg",theme().textMuted,_$p))
@@ -7292,7 +7314,7 @@ return false
 }
 function enabled(value){return typeof value==="function"?value():value!==false
 }
-function createV2Keymap(context){const [revision,setRevision]=createSignal33(0)
+function createV2Keymap(context){const [revision,setRevision]=createSignal34(0)
 const layers=new Map
 let sequence=0
 function layerActive(layer){const mode=layer.mode??"base"
@@ -7405,7 +7427,7 @@ function createV2UI(context){let dialogOpen=false
 function DialogPrompt(props){let active=true
 onCleanup26(()=>{active=false
 })
-onMount8(async ()=>{const value=await context.ui.dialog.prompt({title:props.title,placeholder:props.placeholder,value:props.value
+onMount7(async ()=>{const value=await context.ui.dialog.prompt({title:props.title,placeholder:props.placeholder,value:props.value
 })
 if(!active)
 return
@@ -7419,7 +7441,7 @@ return _$createElement("box")
 function DialogConfirm(props){let active=true
 onCleanup26(()=>{active=false
 })
-onMount8(async ()=>{const confirmed=await context.ui.dialog.confirm({title:props.title,message:props.message
+onMount7(async ()=>{const confirmed=await context.ui.dialog.confirm({title:props.title,message:props.message
 })
 if(!active)
 return
@@ -7564,8 +7586,8 @@ const preferences=createPreferencesController(api,config,createPreferencesStore(
 const limitsPath=import.meta.url.includes("/dist/tui.js")?"./provider-limits.js":"../provider-limits"
 const limitsModule=await import(limitsPath)
 const LimitsSection=limitsModule.ProviderLimitsSection
-const{controller:limits,codex,accountSource,selectModel,capabilities
-}=limitsModule.createProviderQuotaIntegration(api,preferences,"0.21.1",hostContext)
+const{controller:limits,codex,accountSource,selectModel,modelSelection
+}=limitsModule.createProviderQuotaIntegration(api,preferences,"0.21.3",hostContext)
 const mcp=createMcpController(api,preferences.persistMcp,preferences)
 const interaction=createSidebarInteraction(api,()=>openKeyboardHelp(api,preferences.lspIconStyle,preferences.cornerFont))
 const startup=createStartupSessionController(api,preferences)
@@ -7593,7 +7615,7 @@ api.slots.register({order:100,slots:{app(){return _$createComponent(IconProvider
 },interaction,skills,subagents,mcp
 }),_$createComponent(FirstRunWizardPersistence,{api,preferences
 }),_$createComponent(StartupSessionBinding,{api,controller:startup
-}),_$createComponent(UpgradeNotesBinding,{api,preferences,version:"0.21.1"
+}),_$createComponent(UpgradeNotesBinding,{api,preferences,version:"0.21.3"
 }),_$createComponent(McpPersistence,{api,controller:mcp
 })]
 }})
@@ -7606,7 +7628,7 @@ api.slots.register({order:100,slots:{app(){return _$createComponent(IconProvider
 },sidebar_content(_context,props){return _$createComponent(IconProvider,{get style(){return preferences.lspIconStyle
 },get multilineCorners(){return preferences.cornerFont
 },get children(){return _$createComponent(SidebarContent,{api,get onNewSession(){return startup.handleNewSession
-},mcp,limitsSection:(navigationSection)=>_$createComponent(LimitsSection,{api,preferences,interaction,controller:limits,codex,capabilities,navigationSection
+},mcp,limitsSection:(navigationSection)=>_$createComponent(LimitsSection,{api,preferences,interaction,controller:limits,codex,modelSelection,navigationSection
 }),todo,subagents,skills,preferences,interaction,get sessionID(){return props.session_id
 }})
 }})
@@ -7624,12 +7646,12 @@ throw result.error
 }
 return result.data?.type==="text"?result.data.content:undefined
 })
-const versionStatus=createVersionStatus(api,"0.21.1")
-const versionUpdates=createVersionUpdateActions(api,versionStatus,createOpenCodeV1VersionUpdater(api,meta),()=>preferences.rememberNavigatorVersionBeforeUpdate("0.21.1"))
+const versionStatus=createVersionStatus(api,"0.21.3")
+const versionUpdates=createVersionUpdateActions(api,versionStatus,createOpenCodeV1VersionUpdater(api,meta),()=>preferences.rememberNavigatorVersionBeforeUpdate("0.21.3"))
 api.slots.register({order:90,slots:{sidebar_footer(_context,props){return _$createComponent(IconProvider,{get style(){return preferences.lspIconStyle
 },get multilineCorners(){return preferences.cornerFont
 },get children(){return _$createComponent(VersionFooter,{api,get sessionID(){return props.session_id
-},navigatorVersion:"0.21.1",status:versionStatus,get onOpenCodeUpdate(){return versionUpdates.openCode
+},navigatorVersion:"0.21.3",status:versionStatus,get onOpenCodeUpdate(){return versionUpdates.openCode
 },get onNavigatorUpdate(){return versionUpdates.navigator
 }})
 }})
@@ -7643,15 +7665,15 @@ return
 return new TextDecoder().decode(await context.client.file.read({location:context.location,path:".opencode/navigator.json"
 }))
 },todo,context)
-const versionStatus=createVersionStatus(adapter.api,"0.21.1")
-const versionUpdates=createVersionUpdateActions(adapter.api,versionStatus,createOpenCodeV2VersionUpdater(context),()=>preferences.rememberNavigatorVersionBeforeUpdate("0.21.1"))
+const versionStatus=createVersionStatus(adapter.api,"0.21.3")
+const versionUpdates=createVersionUpdateActions(adapter.api,versionStatus,createOpenCodeV2VersionUpdater(context),()=>preferences.rememberNavigatorVersionBeforeUpdate("0.21.3"))
 const disposeFooter=context.ui.slot({append:"sidebar.footer",render:()=>_$createComponent(IconProvider,{get style(){return preferences.lspIconStyle
 },get multilineCorners(){return preferences.cornerFont
 },get children(){var _el$=_$createElement("box")
 _$setProp(_el$,"flexDirection","row")
 _$setProp(_el$,"justifyContent","space-between")
 _$insert(_el$,_$createComponent(VersionSummary,{get api(){return adapter.api
-},navigatorVersion:"0.21.1",status:versionStatus,get onOpenCodeUpdate(){return versionUpdates.openCode
+},navigatorVersion:"0.21.3",status:versionStatus,get onOpenCodeUpdate(){return versionUpdates.openCode
 },get onNavigatorUpdate(){return versionUpdates.navigator
 }}),null)
 _$insert(_el$,_$createComponent(SettingsFooterButton,{get api(){return adapter.api

package/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/package.json",
   "name": "opencode-navigator",
-  "version": "0.21.1",
+  "version": "0.21.3",
   "description": "Search, navigate, and manage OpenCode sessions from the TUI",
   "type": "module",
   "packageManager": "bun@1.4.2",