ispbills-icli 8.5.9 → 8.6.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ispbills-icli",
-  "version": "8.5.9",
+  "version": "8.6.1",
   "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)}
@@ -1830,10 +1830,10 @@ export function App({ cfg, display = {}, onExternal, onExit, initialQuestion, sh
 
       ${live
         ? html`<${Box} flexDirection="column">
-            <${StatusLines} lines=${live.status} busy=${busy} />
+            ${live.text ? html`<${AssistantMessage} text=${live.text} cols=${cols} ts=${startedAt || Date.now()} streaming=${true} />` : null}
             ${live.reasoning ? html`<${Reasoning} text=${live.reasoning} show=${showReasoning} />` : null}
             ${live.reply?.steps ? html`<${Plan} reply=${live.reply} live=${true} />` : null}
-            ${live.text ? html`<${AssistantMessage} text=${live.text} cols=${cols} ts=${startedAt || Date.now()} streaming=${true} />` : null}
+            <${StatusLines} lines=${live.status} busy=${busy} />
             <${Thinking} label=${live.reply ? 'Planning' : live.text ? 'Responding' : 'Working'} startedAt=${startedAt} />
           <//>`
         : null}
@@ -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

@@ -315,17 +315,18 @@ export function StatusLines({ lines = [], busy = false }) {
         const em = String(line).match(LEAD_EMOJI);
         const body = em ? String(line).slice(em[0].length) : String(line).replace(/^[\s◈◆●○◎⇢→>*✓✗×!⚠·-]+/u, '');
         const ci = body.indexOf(':');
-        const action = ci > -1 ? body.slice(0, ci) : body;
+        const action = ci > -1 ? body.slice(0, ci).trim() : body.trim();
         const detail = ci > -1 ? body.slice(ci + 1).trim() : '';
+        // §6/§23: render as [Tool call: name  detail]  ✓/spinner chip
+        const chipLabel = detail ? `${em ? em[1] : ''}${action}  ${detail}` : `${em ? em[1] : ''}${action}`;
         return html`
-          <${Box} key=${'s' + i}>
+          <${Box} key=${'s' + i} marginTop=${0}>
+            <${Text} color=${C.muted}>  <//>
+            <${Text} color=${running ? C.warning : C.muted}>[<//>
+            <${Text} color=${running ? C.white : C.muted} bold=${running}>${chipLabel.trim()}<//><${Text} color=${running ? C.warning : C.muted}>]<//><${Text}> <//>
             ${running
               ? html`<${Text} color=${C.accent}><${Spinner} type=${spinnerType()} /><//>`
-              : html`<${Text} color=${C.green}>${glyphs.check}<//>`}
-            <${Text}> <//>
-            ${em ? html`<${Text}>${em[1]} <//>` : null}
-            <${Text} color=${running ? C.white : C.gray} bold=${running}>${action}<//>
-            ${detail ? html`<${Text} color=${C.gray}>: ${detail}<//>` : null}
+              : html`<${Text} color=${C.success}>${glyphs.check}<//>`}
           <//>`;
       })}
     <//>`;