ispbills-icli 8.6.0 → 8.6.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ispbills-icli",
-  "version": "8.6.0",
+  "version": "8.6.2",
   "description": "iCli — IspBills AI network engineer in your terminal",
   "keywords": [
     "ispbills",

package/src/tui/app.js

@@ -1822,7 +1822,7 @@ export function App({ cfg, display = {}, onExternal, onExit, initialQuestion, sh
     <${Box} flexDirection="column" width=${cols}>
       <${Static} key=${clearEpoch} items=${staticItems}>
         ${(it) => it.type === 'banner'
-          ? html`<${Box} key=${it.id} flexDirection="column" alignItems="center" marginBottom=${1}>
+          ? html`<${Box} key=${it.id} flexDirection="column" alignItems="center">
               <${Banner} cfg=${cfg} model=${model} width=${cols} compact=${compact} streamerMode=${streamerMode} />
             <//>`
           : renderItem(it)}
@@ -1872,7 +1872,9 @@ export function App({ cfg, display = {}, onExternal, onExit, initialQuestion, sh
           <//>`
         : null}
 
-      <${TabBar} active=${activeTab} cols=${cols} mode=${composerMode} />
+      <${Box} marginTop=${1}>
+        <${TabBar} active=${activeTab} cols=${cols} mode=${composerMode} />
+      <//>
 
       ${tabPanel && !diffState
         ? html`<${Box} flexDirection="column" paddingX=${1} paddingY=${1}>

package/src/tui/components.js

@@ -87,11 +87,17 @@ function formatTs(ts) {
   }
 }
 
-function SpeakerLine({ label, color, cols = 80, ts, rightLabel = '' }) {
+// glyphColor: when set, the first 2 chars (glyph + space) render in glyphColor,
+// and the rest of the label renders in color (bold white). Matches spec §6.
+function SpeakerLine({ label, color, glyphColor, cols = 80, ts, rightLabel = '' }) {
   const stamp = ts ? `[${formatTs(ts)}]` : '';
+  const parts = glyphColor ? [String(label).slice(0, 2), String(label).slice(2)] : null;
   return html`
     <${Box} paddingX=${1} marginTop=${1} width=${cols}>
-      <${Text} color=${color} bold>${label}<//>
+      ${parts
+        ? html`<${Text} color=${glyphColor} bold>${parts[0]}<//><${Text} color=${color} bold>${parts[1]}<//>` 
+        : html`<${Text} color=${color} bold>${label}<//>` 
+      }
       <${Box} flexGrow=${1} />
       ${rightLabel ? html`<${Text} color=${C.muted}>${rightLabel}<//>` : null}
       ${rightLabel && stamp ? html`<${Text} color=${C.muted}> <//>` : null}
@@ -256,7 +262,7 @@ export function AssistantMessage({ text, cols = 80, ts, label = `${glyphs.copilo
   return html`
     <${Box} flexDirection="column" marginTop=${1}>
       <${Sep} cols=${cols} />
-      <${SpeakerLine} label=${label} color=${C.accent} cols=${cols} ts=${ts} />
+      <${SpeakerLine} label=${label} color="white" glyphColor=${C.accent} cols=${cols} ts=${ts} />
       <${Box} paddingX=${1} flexDirection="column" width=${bodyWidth}>
         ${streaming ? html`<${StreamingText} text=${text} />` : html`<${Markdown} content=${text} />`}
       <//>
@@ -403,7 +409,7 @@ export function LabeledNotice({ label, text, color = C.gray, cols = 80, ts, body
     <${Box} flexDirection="column" marginTop=${1}>
       <${Sep} cols=${cols} />
       <${SpeakerLine} label=${label} color=${color} cols=${cols} ts=${ts} />
-      <${Box} paddingX=${2}>
+      <${Box} paddingX=${1}>
         <${Text} color=${bodyColor}>${text}<//>
       <//>
     <//>`;