opencode-navigator 0.21.7 → 0.21.8

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 ## 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.
@@ -108,6 +112,7 @@
 
 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

package/README.md

@@ -437,8 +437,14 @@ 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$
 })()

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
@@ -6304,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
@@ -7520,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.7",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)
@@ -7548,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.7"
+}),_$createComponent(UpgradeNotesBinding,{api,preferences,version:"0.21.8"
 }),_$createComponent(McpPersistence,{api,controller:mcp
 })]
 }})
@@ -7581,12 +7585,12 @@ return result.data?.type==="text"?result.data.content:undefined
 })
 const{createVersionStatus,createVersionUpdateActions,createOpenCodeV1VersionUpdater
 }=await loadNavigatorUpdates()
-const versionStatus=createVersionStatus(api,"0.21.7")
-const versionUpdates=createVersionUpdateActions(api,versionStatus,createOpenCodeV1VersionUpdater(api,meta),()=>preferences.rememberNavigatorVersionBeforeUpdate("0.21.7"))
+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.7",status:versionStatus,get onOpenCodeUpdate(){return versionUpdates.openCode
+},navigatorVersion:"0.21.8",status:versionStatus,get onOpenCodeUpdate(){return versionUpdates.openCode
 },get onNavigatorUpdate(){return versionUpdates.navigator
 }})
 }})
@@ -7602,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.7")
-const versionUpdates=createVersionUpdateActions(adapter.api,versionStatus,createOpenCodeV2VersionUpdater(context),()=>preferences.rememberNavigatorVersionBeforeUpdate("0.21.7"))
+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.7",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
@@ -7625,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.7",
+  "version": "0.21.8",
   "description": "Search, navigate, and manage OpenCode sessions from the TUI",
   "type": "module",
   "packageManager": "bun@1.4.2",