opencode-navigator 0.21.6 → 0.21.8

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 ## Unreleased
 
+## [0.21.8] - 2026-10-09
+
+- Make the unfilled part of Limits scales substantially quieter, matching the theme-derived sidebar-divider tone. Keep the filled segment, reset text, and remaining values readable in both icon modes and after theme changes.
+
+## [0.21.7] - 2026-10-09
+
+- Remove the vertical guide and its reserved gutter from Limits in both icon modes. Keep full-width quota scales, reset-left/remaining-right details, and one blank row between quota windows.
+
 ## [0.21.6] - 2026-10-09
 
 - Refine Limits with a continuous muted guide, full-width thin-line quota scales, and reset-left/remaining-right details. Keep long reset text from overlapping the remaining value and preserve Text fallback, resize clipping, and existing controls.
@@ -104,6 +112,8 @@
 
 Earlier release notes are available on [GitHub Releases](https://github.com/St1ggy/opencode-navigator/releases).
 
+[0.21.8]: https://github.com/St1ggy/opencode-navigator/compare/v0.21.7...v0.21.8
+[0.21.7]: https://github.com/St1ggy/opencode-navigator/compare/v0.21.6...v0.21.7
 [0.21.6]: https://github.com/St1ggy/opencode-navigator/compare/v0.21.5...v0.21.6
 [0.21.5]: https://github.com/St1ggy/opencode-navigator/compare/v0.21.4...v0.21.5
 [0.21.4]: https://github.com/St1ggy/opencode-navigator/compare/v0.21.3...v0.21.4

package/README.md

@@ -432,13 +432,19 @@ Codex account** and **Unlink Codex account** for the outdated manual association
 bindings are reused; conflicting bindings remain isolated until a deliberate relink.
 
 Limits starts with **[Provider name] Model name · variant**. Activate the model or
-variant with the mouse or keyboard to open OpenCode's native selector. A muted
-vertical guide joins the quota windows, with one guide-only row between them
-(`|` in Text fallback). Each window uses two compact rows: a full-width adaptive
+variant with the mouse or keyboard to open OpenCode's native selector. Quota
+windows have one blank row between them, without a vertical guide or gutter.
+Each window uses two compact rows: a full-width adaptive
 thin-line scale, then muted reset time on the left and remaining headroom aligned
 to the right. The remaining value keeps its own space; long reset text is clipped.
-Both rows stay within the sidebar's padding when it resizes. Healthy views omit
-account IDs, technical scope/window-duration suffixes, source explanations, and update timestamps. Account scope and native window durations remain in the data model;
+Both rows stay within the sidebar's padding when it resizes.
+
+The filled part of each scale uses muted text; the unfilled part uses the much
+quieter, theme-derived sidebar-divider tone. Reset time and remaining values keep
+their readable colors in both icon modes and when the theme changes.
+
+Healthy views omit account IDs, technical scope/window-duration suffixes, source
+explanations, and update timestamps. Account scope and native window durations remain in the data model;
 durations describe provider quota windows, not time remaining until reset. Balances retain their native
 currency or point unit; a missing total does not become a full progress scale.
 

package/dist/provider-limits.js

@@ -365,7 +365,7 @@ import {insert as _$insert} from "@opentui/solid"
 import {setProp as _$setProp} from "@opentui/solid"
 import {createElement as _$createElement} from "@opentui/solid"
 import {createSignal as createSignal4} from "solid-js"
-import {useIcons} from "./tui.js"
+import {subtleLineColor,useIcons} from "./tui.js"
 function measurement(window,remaining){if(remaining!==undefined)
 return `${remaining}${window.unit === "%" ? "" : " "}${window.unit} left`
 if(window.used!==undefined)
@@ -389,18 +389,20 @@ const [columns,setColumns]=createSignal4(0)
 const view=()=>quotaPresentation(props.window)
 const scale=()=>{const ratio=view().ratio
 if(ratio===undefined)
-return "Scale unknown"
+return{filled:"Scale unknown",unfilled:""
+}
 const width=columns()
 const filled=Math.round(ratio*width)
 const symbols=icons.style()==="text"?["=","-"]:["\u2501","\u2500"]
-return symbols[0].repeat(filled) + symbols[1].repeat(width-filled)
-}
+return{filled:symbols[0].repeat(filled),unfilled:symbols[1].repeat(width-filled)
+}}
+const unfilledColor=()=>subtleLineColor(props.api.theme.current.backgroundPanel,props.api.theme.current.borderSubtle)
 const valueWidth=()=>Math.min(columns(),Bun.stringWidth(view().value))
 const gap=()=>columns()>valueWidth()?1:0
 const resetWidth=()=>Math.max(0,columns()-valueWidth()-gap())
-return(()=>{var _el$=_$createElement("box"),_el$2=_$createElement("text"),_el$3=_$createElement("box"),_el$4=_$createElement("text"),_el$5=_$createElement("text")
+return(()=>{var _el$=_$createElement("box"),_el$2=_$createElement("text"),_el$3=_$createElement("span"),_el$4=_$createElement("box"),_el$5=_$createElement("text"),_el$6=_$createElement("text")
 _$insertNode(_el$,_el$2)
-_$insertNode(_el$,_el$3)
+_$insertNode(_el$,_el$4)
 _$setProp(_el$,"width","100%")
 _$setProp(_el$,"minWidth",0)
 _$setProp(_el$,"flexShrink",1)
@@ -408,37 +410,41 @@ _$setProp(_el$,"height",2)
 _$setProp(_el$,"overflow","hidden")
 _$setProp(_el$,"onSizeChange",function(){setColumns(this.width)
 })
+_$insertNode(_el$2,_el$3)
 _$setProp(_el$2,"width","100%")
 _$setProp(_el$2,"minWidth",0)
 _$setProp(_el$2,"height",1)
 _$setProp(_el$2,"wrapMode","none")
 _$setProp(_el$2,"truncate",true)
-_$insert(_el$2,scale)
-_$insertNode(_el$3,_el$4)
-_$insertNode(_el$3,_el$5)
-_$setProp(_el$3,"width","100%")
-_$setProp(_el$3,"minWidth",0)
-_$setProp(_el$3,"height",1)
-_$setProp(_el$3,"flexDirection","row")
-_$setProp(_el$3,"overflow","hidden")
+_$insert(_el$2,()=>scale().filled,_el$3)
+_$insert(_el$3,()=>scale().unfilled)
+_$insertNode(_el$4,_el$5)
+_$insertNode(_el$4,_el$6)
+_$setProp(_el$4,"width","100%")
 _$setProp(_el$4,"minWidth",0)
 _$setProp(_el$4,"height",1)
-_$setProp(_el$4,"wrapMode","none")
-_$setProp(_el$4,"truncate",true)
-_$insert(_el$4,()=>view().reset)
+_$setProp(_el$4,"flexDirection","row")
+_$setProp(_el$4,"overflow","hidden")
+_$setProp(_el$5,"minWidth",0)
 _$setProp(_el$5,"height",1)
 _$setProp(_el$5,"wrapMode","none")
 _$setProp(_el$5,"truncate",true)
-_$insert(_el$5,()=>view().value)
-_$effect((_p$)=>{var _v$=props.api.theme.current.textMuted,_v$2=resetWidth(),_v$3=props.api.theme.current.textMuted,_v$4=valueWidth(),_v$5=gap(),_v$6=props.api.theme.current.text
+_$insert(_el$5,()=>view().reset)
+_$setProp(_el$6,"height",1)
+_$setProp(_el$6,"wrapMode","none")
+_$setProp(_el$6,"truncate",true)
+_$insert(_el$6,()=>view().value)
+_$effect((_p$)=>{var _v$=props.api.theme.current.textMuted,_v$2={fg:unfilledColor()
+},_v$3=resetWidth(),_v$4=props.api.theme.current.textMuted,_v$5=valueWidth(),_v$6=gap(),_v$7=props.api.theme.current.text
 _v$!==_p$.e&&(_p$.e=_$setProp(_el$2,"fg",_v$,_p$.e))
-_v$2!==_p$.t&&(_p$.t=_$setProp(_el$4,"width",_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,"width",_v$4,_p$.o))
-_v$5!==_p$.i&&(_p$.i=_$setProp(_el$5,"marginLeft",_v$5,_p$.i))
-_v$6!==_p$.n&&(_p$.n=_$setProp(_el$5,"fg",_v$6,_p$.n))
+_v$2!==_p$.t&&(_p$.t=_$setProp(_el$3,"style",_v$2,_p$.t))
+_v$3!==_p$.a&&(_p$.a=_$setProp(_el$5,"width",_v$3,_p$.a))
+_v$4!==_p$.o&&(_p$.o=_$setProp(_el$5,"fg",_v$4,_p$.o))
+_v$5!==_p$.i&&(_p$.i=_$setProp(_el$6,"width",_v$5,_p$.i))
+_v$6!==_p$.n&&(_p$.n=_$setProp(_el$6,"marginLeft",_v$6,_p$.n))
+_v$7!==_p$.s&&(_p$.s=_$setProp(_el$6,"fg",_v$7,_p$.s))
 return _p$
-},{e:undefined,t:undefined,a:undefined,o:undefined,i:undefined,n:undefined
+},{e:undefined,t:undefined,a:undefined,o:undefined,i:undefined,n:undefined,s:undefined
 })
 return _el$
 })()
@@ -549,41 +555,21 @@ return _p$
 return _el$
 })()
 }
-import {effect as _$effect3} from "@opentui/solid"
-import {insertNode as _$insertNode3} from "@opentui/solid"
-import {createComponent as _$createComponent4} from "@opentui/solid"
 import {insert as _$insert3} from "@opentui/solid"
+import {createComponent as _$createComponent4} from "@opentui/solid"
 import {setProp as _$setProp3} from "@opentui/solid"
 import {createElement as _$createElement3} from "@opentui/solid"
 import {For} from "solid-js"
-import {useIcons as useIcons2} from "./tui.js"
-function QuotaWindowGroup(props){const icons=useIcons2()
-const guide=()=>Array.from({length:Math.max(0,props.windows.length*3-1)
-},()=>icons.style()==="text"?"|":"\u2502").join(`
-`)
-return(()=>{var _el$=_$createElement3("box"),_el$2=_$createElement3("text"),_el$3=_$createElement3("box")
-_$insertNode3(_el$,_el$2)
-_$insertNode3(_el$,_el$3)
+function QuotaWindowGroup(props){return(()=>{var _el$=_$createElement3("box")
 _$setProp3(_el$,"width","100%")
 _$setProp3(_el$,"minWidth",0)
-_$setProp3(_el$,"flexDirection","row")
+_$setProp3(_el$,"gap",1)
 _$setProp3(_el$,"overflow","hidden")
-_$setProp3(_el$2,"width",1)
-_$setProp3(_el$2,"marginRight",1)
-_$setProp3(_el$2,"flexShrink",0)
-_$setProp3(_el$2,"wrapMode","none")
-_$insert3(_el$2,guide)
-_$setProp3(_el$3,"width","100%")
-_$setProp3(_el$3,"flexGrow",1)
-_$setProp3(_el$3,"flexShrink",1)
-_$setProp3(_el$3,"minWidth",0)
-_$setProp3(_el$3,"gap",1)
-_$insert3(_el$3,_$createComponent4(For,{get each(){return props.windows
+_$insert3(_el$,_$createComponent4(For,{get each(){return props.windows
 },children:(window)=>_$createComponent4(QuotaWindowRow,{get api(){return props.api
 },window
 })
 }))
-_$effect3((_$p)=>_$setProp3(_el$2,"fg",props.api.theme.current.textMuted,_$p))
 return _el$
 })()
 }
@@ -645,25 +631,25 @@ return found??{id,name:id,sources:[],reason:"No independent quota/balance API or
 import {insert as _$insert9} from "@opentui/solid"
 import {mergeProps as _$mergeProps} from "@opentui/solid"
 import {setProp as _$setProp10} from "@opentui/solid"
-import {effect as _$effect10} from "@opentui/solid"
+import {effect as _$effect9} from "@opentui/solid"
 import {createTextNode as _$createTextNode4} from "@opentui/solid"
-import {insertNode as _$insertNode7} from "@opentui/solid"
+import {insertNode as _$insertNode6} from "@opentui/solid"
 import {createElement as _$createElement10} from "@opentui/solid"
 import {memo as _$memo7} from "@opentui/solid"
 import {createComponent as _$createComponent13} from "@opentui/solid"
 import {Show as Show7} from "solid-js"
 import {useDialogs as useDialogs3} from "./tui.js"
 import {setProp as _$setProp5} from "@opentui/solid"
-import {effect as _$effect5} from "@opentui/solid"
+import {effect as _$effect4} from "@opentui/solid"
 import {createTextNode as _$createTextNode} from "@opentui/solid"
-import {insertNode as _$insertNode4} from "@opentui/solid"
+import {insertNode as _$insertNode3} from "@opentui/solid"
 import {createElement as _$createElement5} from "@opentui/solid"
 import {memo as _$memo2} from "@opentui/solid"
 import {createComponent as _$createComponent7} from "@opentui/solid"
 import {Show as Show2} from "solid-js"
-import {useDialogs as useDialogs2,useIcons as useIcons3} from "./tui.js"
+import {useDialogs as useDialogs2,useIcons as useIcons2} from "./tui.js"
 import {createComponent as _$createComponent6} from "@opentui/solid"
-import {effect as _$effect4} from "@opentui/solid"
+import {effect as _$effect3} from "@opentui/solid"
 import {insert as _$insert4} from "@opentui/solid"
 import {setProp as _$setProp4} from "@opentui/solid"
 import {createElement as _$createElement4} from "@opentui/solid"
@@ -714,11 +700,11 @@ item.activate(event)
 _$setProp4(_el$,"wrapMode","none")
 _$setProp4(_el$,"truncate",true)
 _$insert4(_el$,()=>props.label)
-_$effect4((_$p)=>_$setProp4(_el$,"fg",item.foregroundColor(),_$p))
+_$effect3((_$p)=>_$setProp4(_el$,"fg",item.foregroundColor(),_$p))
 return _el$
 }})
 }
-function CodexAccountControls(props){const icons=useIcons3()
+function CodexAccountControls(props){const icons=useIcons2()
 const model=()=>props.controller.current().model
 const accountLink=createCodexAccountLink({api:props.api,preferences:props.preferences,adapter:props.codex,model,dialogs:useDialogs2(props.api)
 })
@@ -731,8 +717,8 @@ const action=(id,row,label,onActivate)=>_$createComponent7(LimitsAction,{get api
 return _$createComponent7(Show2,{get when(){return eligible()
 },get children(){return [_$createComponent7(Show2,{get when(){return _$memo2(()=>!!!props.model.accountID)()&&(!props.model.hostConnection||props.model.hostConnection.status==="ready")
 },get children(){return [(()=>{var _el$=_$createElement5("text")
-_$insertNode4(_el$,_$createTextNode(`Link the matching Codex account once for this connection`))
-_$effect5((_$p)=>_$setProp5(_el$,"fg",props.api.theme.current.textMuted,_$p))
+_$insertNode3(_el$,_$createTextNode(`Link the matching Codex account once for this connection`))
+_$effect4((_$p)=>_$setProp5(_el$,"fg",props.api.theme.current.textMuted,_$p))
 return _el$
 })(),_$memo2(()=>action("link",2,`${icons.icon("scope")} Link Codex CLI account`,()=>void accountLink.link()))]
 }}),_$createComponent7(Show2,{get when(){return _$memo2(()=>!!(props.model.accountID&&props.model.accountSource!=="host"))()&&props.controller.snapshot()?.availability==="unauthenticated"
@@ -744,9 +730,9 @@ return _el$
 }
 import {createComponent as _$createComponent9} from "@opentui/solid"
 import {Show as Show3} from "solid-js"
-import {useIcons as useIcons4} from "./tui.js"
+import {useIcons as useIcons3} from "./tui.js"
 import {createComponent as _$createComponent8} from "@opentui/solid"
-import {effect as _$effect6} from "@opentui/solid"
+import {effect as _$effect5} from "@opentui/solid"
 import {insert as _$insert5} from "@opentui/solid"
 import {setProp as _$setProp6} from "@opentui/solid"
 import {createElement as _$createElement6} from "@opentui/solid"
@@ -788,11 +774,11 @@ control.activate(event)
 _$setProp6(_el$,"wrapMode","none")
 _$setProp6(_el$,"height",1)
 _$insert5(_el$,label)
-_$effect6((_$p)=>_$setProp6(_el$,"fg",control.foregroundColor(),_$p))
+_$effect5((_$p)=>_$setProp6(_el$,"fg",control.foregroundColor(),_$p))
 return _el$
 }})
 }
-function LimitsHeaderControls(props){const icons=useIcons4()
+function LimitsHeaderControls(props){const icons=useIcons3()
 return [_$createComponent9(Show3,{get when(){return props.credits
 },get children(){return _$createComponent9(SectionHeaderControl,{get api(){return props.api
 },get interaction(){return props.interaction
@@ -806,9 +792,9 @@ return [_$createComponent9(Show3,{get when(){return props.credits
 }}})]
 }
 import {insert as _$insert6} from "@opentui/solid"
-import {effect as _$effect7} from "@opentui/solid"
+import {effect as _$effect6} from "@opentui/solid"
 import {createTextNode as _$createTextNode2} from "@opentui/solid"
-import {insertNode as _$insertNode5} from "@opentui/solid"
+import {insertNode as _$insertNode4} from "@opentui/solid"
 import {memo as _$memo4} from "@opentui/solid"
 import {createComponent as _$createComponent10} from "@opentui/solid"
 import {setProp as _$setProp7} from "@opentui/solid"
@@ -829,9 +815,9 @@ _$insert6(_el$,_$createComponent10(LimitsAction,{get api(){return props.api
 }),null)
 _$insert6(_el$,_$createComponent10(Show4,{get when(){return props.model.variant||props.selection?.variants(props.model).length
 },get children(){return [(()=>{var _el$2=_$createElement7("text"),_el$3=_$createTextNode2(` \xB7 `)
-_$insertNode5(_el$2,_el$3)
+_$insertNode4(_el$2,_el$3)
 _$setProp7(_el$2,"flexShrink",0)
-_$effect7((_$p)=>_$setProp7(_el$2,"fg",props.api.theme.current.textMuted,_$p))
+_$effect6((_$p)=>_$setProp7(_el$2,"fg",props.api.theme.current.textMuted,_$p))
 return _el$2
 })(),_$createComponent10(LimitsAction,{get api(){return props.api
 },get interaction(){return props.interaction
@@ -844,7 +830,7 @@ return _el$2
 return _el$
 })()
 }
-import {effect as _$effect8} from "@opentui/solid"
+import {effect as _$effect7} from "@opentui/solid"
 import {insert as _$insert7} from "@opentui/solid"
 import {setProp as _$setProp8} from "@opentui/solid"
 import {createElement as _$createElement8} from "@opentui/solid"
@@ -884,22 +870,22 @@ return _$createComponent11(Show5,{get when(){return _$memo5(()=>!!props.controll
 },children:(value)=>(()=>{var _el$=_$createElement8("text")
 _$setProp8(_el$,"wrapMode","word")
 _$insert7(_el$,value)
-_$effect8((_$p)=>_$setProp8(_el$,"fg",props.api.theme.current.textMuted,_$p))
+_$effect7((_$p)=>_$setProp8(_el$,"fg",props.api.theme.current.textMuted,_$p))
 return _el$
 })()
 })
 }
 import {createComponent as _$createComponent12} from "@opentui/solid"
-import {effect as _$effect9} from "@opentui/solid"
+import {effect as _$effect8} from "@opentui/solid"
 import {createTextNode as _$createTextNode3} from "@opentui/solid"
-import {insertNode as _$insertNode6} from "@opentui/solid"
+import {insertNode as _$insertNode5} from "@opentui/solid"
 import {memo as _$memo6} from "@opentui/solid"
 import {insert as _$insert8} from "@opentui/solid"
 import {setProp as _$setProp9} from "@opentui/solid"
 import {createElement as _$createElement9} from "@opentui/solid"
 import {Show as Show6,createSignal as createSignal7} from "solid-js"
-import {SelectionBox as SelectionBox3,useIcons as useIcons5} from "./tui.js"
-function Section(props){const icons=useIcons5()
+import {SelectionBox as SelectionBox3,useIcons as useIcons4} from "./tui.js"
+function Section(props){const icons=useIcons4()
 const [headerWidth,setHeaderWidth]=createSignal7(0)
 const icon=()=>props.section?icons.section(props.section):props.icon
 const theme=()=>props.api.theme.current
@@ -914,10 +900,10 @@ _$insert8(_el$,_$createComponent12(SelectionBox3,{ref:(node)=>item.ref(node),get
 },get onMouseOut(){return item.onMouseOut
 },onMouseDown:(event)=>item.activate(event),onSizeChange:function(){setHeaderWidth(this.width)
 },get children(){return [(()=>{var _el$2=_$createElement9("text"),_el$3=_$createElement9("span"),_el$4=_$createTextNode3(` `),_el$5=_$createElement9("span"),_el$6=_$createElement9("b")
-_$insertNode6(_el$2,_el$3)
-_$insertNode6(_el$2,_el$4)
-_$insertNode6(_el$2,_el$5)
-_$insertNode6(_el$2,_el$6)
+_$insertNode5(_el$2,_el$3)
+_$insertNode5(_el$2,_el$4)
+_$insertNode5(_el$2,_el$5)
+_$insertNode5(_el$2,_el$6)
 _$setProp9(_el$2,"flexShrink",0)
 _$setProp9(_el$2,"wrapMode","none")
 _$insert8(_el$3,()=>icons.icon(props.open?"expanded":"collapsed"))
@@ -925,7 +911,7 @@ _$insert8(_el$5,(()=>{var _c$=_$memo6(()=>!!icon())
 return()=>_c$()?`${icon()} `:""
 })())
 _$insert8(_el$6,()=>props.title)
-_$effect9((_p$)=>{var _v$=item.foregroundColor(),_v$2={fg:item.focused()?item.foregroundColor():theme().accent
+_$effect8((_p$)=>{var _v$=item.foregroundColor(),_v$2={fg:item.focused()?item.foregroundColor():theme().accent
 },_v$3={fg:item.focused()?item.foregroundColor():theme().accent
 }
 _v$!==_p$.e&&(_p$.e=_$setProp9(_el$2,"fg",_v$,_p$.e))
@@ -956,7 +942,7 @@ _$setProp9(_el$8,"wrapMode","none")
 _$setProp9(_el$8,"truncate",true)
 _$setProp9(_el$8,"height",1)
 _$insert8(_el$8,()=>props.summary)
-_$effect9((_p$)=>{var _v$4=item.focused()?item.foregroundColor():theme().textMuted,_v$5=props.headerAction?0:1
+_$effect8((_p$)=>{var _v$4=item.focused()?item.foregroundColor():theme().textMuted,_v$5=props.headerAction?0:1
 _v$4!==_p$.e&&(_p$.e=_$setProp9(_el$8,"fg",_v$4,_p$.e))
 _v$5!==_p$.t&&(_p$.t=_$setProp9(_el$8,"flexShrink",_v$5,_p$.t))
 return _p$
@@ -999,8 +985,8 @@ return _$createComponent13(Section,{get api(){return props.api
 },get open(){return props.preferences.expanded().limits
 },onToggle:()=>props.preferences.toggleSectionExpanded("limits"),get children(){return _$createComponent13(Show7,{get when(){return model()
 },get fallback(){return(()=>{var _el$=_$createElement10("text")
-_$insertNode7(_el$,_$createTextNode4(`Open a session to view model limits`))
-_$effect10((_$p)=>_$setProp10(_el$,"fg",props.api.theme.current.textMuted,_$p))
+_$insertNode6(_el$,_$createTextNode4(`Open a session to view model limits`))
+_$effect9((_$p)=>_$setProp10(_el$,"fg",props.api.theme.current.textMuted,_$p))
 return _el$
 })()
 },children:(selected)=>(()=>{var _el$3=_$createElement10("box")

package/dist/tui.js

@@ -724,7 +724,7 @@ setPosition(body.scrollTop)
 
 
 
-import {RGBA,TextAttributes,TextAttributes as TextAttributes2,TextAttributes as TextAttributes3,TextAttributes as TextAttributes6,TextAttributes as TextAttributes4,TextAttributes as TextAttributes5,TextAttributes as TextAttributes7,RGBA as RGBA2,parseColor,TextAttributes as TextAttributes8,TextAttributes as TextAttributes9,TextAttributes as TextAttributes12,TextAttributes as TextAttributes10,TextAttributes as TextAttributes11,TextAttributes as TextAttributes13,TextAttributes as TextAttributes14,TextAttributes as TextAttributes16,TextAttributes as TextAttributes15,TextAttributes as TextAttributes17,ScrollBoxRenderable,RGBA as RGBA3,TextAttributes as TextAttributes18} from "@opentui/core"
+import {RGBA,TextAttributes,TextAttributes as TextAttributes2,TextAttributes as TextAttributes3,RGBA as RGBA2,parseColor,TextAttributes as TextAttributes6,TextAttributes as TextAttributes4,TextAttributes as TextAttributes5,TextAttributes as TextAttributes7,RGBA as RGBA3,parseColor as parseColor2,TextAttributes as TextAttributes8,TextAttributes as TextAttributes9,TextAttributes as TextAttributes12,TextAttributes as TextAttributes10,TextAttributes as TextAttributes11,TextAttributes as TextAttributes13,TextAttributes as TextAttributes14,TextAttributes as TextAttributes16,TextAttributes as TextAttributes15,TextAttributes as TextAttributes17,ScrollBoxRenderable,TextAttributes as TextAttributes18} from "@opentui/core"
 
 function SelectionBox(props){const icons=useIcons()
 const [local,boxProps]=splitProps(props,["ref","iconOnly"])
@@ -1080,6 +1080,11 @@ return _p$
 return _el$
 }}))
 }
+
+function subtleLineColor(background,border){const from=parseColor(background)
+const to=parseColor(border)
+return RGBA2.fromValues(from.r + (to.r-from.r)*0.45,from.g + (to.g-from.g)*0.45,from.b + (to.b-from.b)*0.45)
+}
 function McpErrorDialog(props){return _$createComponent(SelectionMenu,{get api(){return props.api
 },get title(){return `MCP error \xB7 ${props.name}`
 },height:12,get options(){return [{title:`Status \xB7 ${props.status}`,value:"error",description:props.error,icon:"error"
@@ -3036,7 +3041,7 @@ return scored.map(({item})=>item)
 
 
 
-function mixColor(from,to,amount){return RGBA2.fromValues(from.r + (to.r-from.r)*amount,from.g + (to.g-from.g)*amount,from.b + (to.b-from.b)*amount)
+function mixColor(from,to,amount){return RGBA3.fromValues(from.r + (to.r-from.r)*amount,from.g + (to.g-from.g)*amount,from.b + (to.b-from.b)*amount)
 }
 function createSearchDialogController(props){const context=searchContext(props.api)
 const skillTarget=props.skills.target()
@@ -3052,9 +3057,9 @@ const theme=()=>props.api.theme.current
 const icons=useIcons()
 const commandRevision=createQuickActionRevision(props.api)
 const dialogs=useDialogs(props.api)
-const resultColors=createMemo(()=>{const background=parseColor(theme().backgroundPanel)
+const resultColors=createMemo(()=>{const background=parseColor2(theme().backgroundPanel)
 const contrast=background.r*0.299 + background.g*0.587 + background.b*0.114>0.5?0:1
-return{title:mixColor(parseColor(theme().text),RGBA2.fromValues(contrast,contrast,contrast),0.45),description:mixColor(parseColor(theme().textMuted),background,0.4)
+return{title:mixColor(parseColor2(theme().text),RGBA3.fromValues(contrast,contrast,contrast),0.45),description:mixColor(parseColor2(theme().textMuted),background,0.4)
 }})
 const dimensions=useTerminalDimensions3()
 let input
@@ -6190,8 +6195,6 @@ return _$createComponent(SectionWithHeaderAction,{get api(){return props.api
 
 
 
-
-
 
 
 
@@ -6306,10 +6309,9 @@ return _el$
 
 
 
-
 function SectionBoundary(props){const dividerColor=()=>{const{backgroundPanel,borderSubtle
 }=props.api.theme.current
-return RGBA3.fromValues(backgroundPanel.r + (borderSubtle.r-backgroundPanel.r)*0.45,backgroundPanel.g + (borderSubtle.g-backgroundPanel.g)*0.45,backgroundPanel.b + (borderSubtle.b-backgroundPanel.b)*0.45)
+return subtleLineColor(backgroundPanel,borderSubtle)
 }
 return(()=>{var _el$=_$createElement("box")
 _$spread(_el$,_$mergeProps(()=>props.divided?{border:["bottom"],borderColor:dividerColor(),paddingBottom:1
@@ -7522,7 +7524,7 @@ const limitsPath=import.meta.url.includes("/dist/tui.js")?"./provider-limits.js"
 const limitsModule=await import(limitsPath)
 const LimitsSection=limitsModule.ProviderLimitsSection
 const{controller:limits,codex,accountSource,selectModel,modelSelection
-}=limitsModule.createProviderQuotaIntegration(api,preferences,"0.21.6",hostContext)
+}=limitsModule.createProviderQuotaIntegration(api,preferences,"0.21.8",hostContext)
 const mcp=createMcpController(api,preferences.persistMcp,preferences)
 const interaction=createSidebarInteraction(api,()=>openKeyboardHelp(api,preferences.lspIconStyle,preferences.cornerFont))
 const startup=createStartupSessionController(api,preferences)
@@ -7550,7 +7552,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.6"
+}),_$createComponent(UpgradeNotesBinding,{api,preferences,version:"0.21.8"
 }),_$createComponent(McpPersistence,{api,controller:mcp
 })]
 }})
@@ -7583,12 +7585,12 @@ return result.data?.type==="text"?result.data.content:undefined
 })
 const{createVersionStatus,createVersionUpdateActions,createOpenCodeV1VersionUpdater
 }=await loadNavigatorUpdates()
-const versionStatus=createVersionStatus(api,"0.21.6")
-const versionUpdates=createVersionUpdateActions(api,versionStatus,createOpenCodeV1VersionUpdater(api,meta),()=>preferences.rememberNavigatorVersionBeforeUpdate("0.21.6"))
+const versionStatus=createVersionStatus(api,"0.21.8")
+const versionUpdates=createVersionUpdateActions(api,versionStatus,createOpenCodeV1VersionUpdater(api,meta),()=>preferences.rememberNavigatorVersionBeforeUpdate("0.21.8"))
 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.6",status:versionStatus,get onOpenCodeUpdate(){return versionUpdates.openCode
+},navigatorVersion:"0.21.8",status:versionStatus,get onOpenCodeUpdate(){return versionUpdates.openCode
 },get onNavigatorUpdate(){return versionUpdates.navigator
 }})
 }})
@@ -7604,15 +7606,15 @@ return new TextDecoder().decode(await context.client.file.read({location:context
 },todo,context)
 const{createVersionStatus,createVersionUpdateActions,createOpenCodeV2VersionUpdater
 }=await loadNavigatorUpdates()
-const versionStatus=createVersionStatus(adapter.api,"0.21.6")
-const versionUpdates=createVersionUpdateActions(adapter.api,versionStatus,createOpenCodeV2VersionUpdater(context),()=>preferences.rememberNavigatorVersionBeforeUpdate("0.21.6"))
+const versionStatus=createVersionStatus(adapter.api,"0.21.8")
+const versionUpdates=createVersionUpdateActions(adapter.api,versionStatus,createOpenCodeV2VersionUpdater(context),()=>preferences.rememberNavigatorVersionBeforeUpdate("0.21.8"))
 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.6",status:versionStatus,get onOpenCodeUpdate(){return versionUpdates.openCode
+},navigatorVersion:"0.21.8",status:versionStatus,get onOpenCodeUpdate(){return versionUpdates.openCode
 },get onNavigatorUpdate(){return versionUpdates.navigator
 }}),null)
 _$insert(_el$,_$createComponent(SettingsFooterButton,{get api(){return adapter.api
@@ -7627,5 +7629,5 @@ await adapter.dispose()
 var plugin={id:PLUGIN_ID,tui:setupOpenCodeV1,setup:setupOpenCodeV2
 }
 var plugin_default=plugin
-export{DEFAULT_SECTION_EXPANSION,DialogAction,DialogHeader,DialogSurface,FOCUS_COMMAND,FirstRunWizard,GuardedConfirmation,KeyboardHelpDialog,LspBadge,McpSection,SelectionMenu as PresetMenu,QUICK_ACTIONS,Section,SectionFilter,SelectionBox,SelectionMenu,SettingsDialog,SidebarFocusBinding,SidebarToggleBinding,SkillsSection,createDialogStack,createMcpController,createPreferencesController,createSidebarInteraction,createSkillController,createSubagentController,createTodoController,plugin_default as default,isEffectivelyVisible,lspIcon,matchesFilter,openFirstRunWizard,openKeyboardHelp,openSettings,showFirstRunWizard,useDialogScroll,useDialogState,useDialogs,useIcons
+export{DEFAULT_SECTION_EXPANSION,DialogAction,DialogHeader,DialogSurface,FOCUS_COMMAND,FirstRunWizard,GuardedConfirmation,KeyboardHelpDialog,LspBadge,McpSection,SelectionMenu as PresetMenu,QUICK_ACTIONS,Section,SectionFilter,SelectionBox,SelectionMenu,SettingsDialog,SidebarFocusBinding,SidebarToggleBinding,SkillsSection,createDialogStack,createMcpController,createPreferencesController,createSidebarInteraction,createSkillController,createSubagentController,createTodoController,plugin_default as default,isEffectivelyVisible,lspIcon,matchesFilter,openFirstRunWizard,openKeyboardHelp,openSettings,showFirstRunWizard,subtleLineColor,useDialogScroll,useDialogState,useDialogs,useIcons
 }

package/package.json

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