ispbills-icli 8.7.8 → 8.7.9

package/package.json

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

package/src/banner.js

@@ -13,7 +13,7 @@ const LOGO = [
 const LOGO_WIDTH = Math.max(...LOGO.map((l) => l.length));
 
 /**
- * Full iPolot banner. On narrow terminals falls back to a compact header.
+ * Full iCopilot banner. On narrow terminals falls back to a compact header.
  * A full-width rule frames the header so it uses the whole window.
  *
  * @param {object} cfg   Loaded config ({ url, user, _model }).
@@ -26,9 +26,9 @@ export function printBanner(cfg = {}, opts = {}) {
   console.log();
   if (width >= LOGO_WIDTH) {
     for (const line of LOGO) console.log(ACCENT + BOLD + line + RESET);
-    console.log(`             ${DIM}iPolot — network engineer in your terminal${RESET}`);
+    console.log(`             ${DIM}iCopilot — network engineer in your terminal${RESET}`);
   } else {
-    console.log(` ${BOLD}iPolot${RESET} ${DIM}— IspBills AI terminal${RESET}`);
+    console.log(` ${BOLD}iCopilot${RESET} ${DIM}— IspBills AI terminal${RESET}`);
   }
   console.log();
 

package/src/tui/app.js

@@ -439,7 +439,7 @@ export function App({ cfg, display = {}, onExternal, onExit, initialQuestion, sh
   const [deviceError, setDeviceError] = useState(null);
   const chipsRows = (!busy && chips.length && !choice && !search && !sessionPicker && !diffState) ? 1 : 0;
   const composerRows = 2;
-  const chromeRows = 2 + composerRows + 1 + chipsRows + 2; // +2 for two footer rows
+  const chromeRows = 2 + composerRows + 1 + chipsRows + 1; // tabBar + composer + sep + chips + 1 footer row
   const viewportRows = Math.max(3, rows - chromeRows);
   const scrollPage = Math.max(4, viewportRows - 2);
 
@@ -916,7 +916,7 @@ export function App({ cfg, display = {}, onExternal, onExit, initialQuestion, sh
           options: [
             { label: '1. Yes', value: TOOL_APPROVAL_ONCE },
             { label: `2. Yes, and approve ${toolName} for the rest of the session`, value: TOOL_APPROVAL_SESSION },
-            { label: '3. No, and tell iPolot what to do differently (Esc)', value: null },
+            { label: '3. No, and tell iCopilot what to do differently (Esc)', value: null },
           ],
         });
       } else if (type === 'prompt' || type === 'choice') {
@@ -1685,7 +1685,7 @@ export function App({ cfg, display = {}, onExternal, onExit, initialQuestion, sh
       return;
     }
     if (q === '/app') {
-      pushNotice('iPolot web app — open your IspBills instance in the browser with /o or by typing the URL.', C.muted);
+      pushNotice('iCopilot web app — open your IspBills instance in the browser with /o or by typing the URL.', C.muted);
       return;
     }
     if (q === '/user' || q.startsWith('/user ')) {
@@ -1776,7 +1776,7 @@ export function App({ cfg, display = {}, onExternal, onExit, initialQuestion, sh
     if (value == null) {
       if (currentChoice?.isToolApproval || /⚙ Tool request|tool request|approval|shell:/i.test(`${currentChoice?.title || ''} ${currentChoice?.note || ''}`)) {
         setChoice({
-          title: 'Tell iPolot what to do differently:',
+          title: 'Tell iCopilot what to do differently:',
           note: '',
           sel: 0,
           text: '',
@@ -2133,23 +2133,23 @@ export function App({ cfg, display = {}, onExternal, onExit, initialQuestion, sh
   const tokenCount = approxTokens(convo.current);
   const tokenLabel = contextUsageLabel(tokenCount);
   const modelLabel = streamerMode ? '' : shortModel(model || modelRef.current || 'server default');
-  // §8: progressive path shortening — reserve space for right section
-  const footerRightEstLen = (modelLabel.length || 0) + (tokenLabel.length || 0) + 8;
+  // §8: single footer row (GH Copilot CLI style) — cwd·branch on left, mode·model·tokens on right
+  const modeLabel = mode === 'autopilot' ? 'AUTOPILOT' : mode === 'plan' ? 'PLAN' : null;
+  const footerRightEstLen = (modeLabel ? modeLabel.length + 3 : 0) + (modelLabel.length || 0) + (tokenLabel.length || 0) + 8;
   const cwdMaxLen = Math.max(12, cols - footerRightEstLen - (branch ? branch.length + 6 : 0) - 4);
   const cwd = shortenPath(process.cwd(), cwdMaxLen);
-  const footerLeft = [cwd, branch ? `${glyphs.gitBranch}${branch}` : null].filter(Boolean).join(midDot());
-  const footerInfoRight = streamerMode ? '' : [modelLabel, tokenLabel].filter(Boolean).join(midDot());
-  // Status row: working indicator when busy, key hints when idle, hint message when set
-  const footerStatusLeft = busy
+  const footerLeft = busy
     ? `${glyphs.spinner} Working\u2026`
     : hint
     ? hint
-    : activeTab !== 'session'
-    ? `Enter → Session  ${midDot()}  r refresh  ${midDot()}  Tab next tab  ${midDot()}  1-9 insert command`
-    : `? help  ${midDot()}  / commands  ${midDot()}  @ mention  ${midDot()}  \u2191\u2193 history  ${midDot()}  Tab mode`;
-  const footerStatusColor = busy ? C.warning : hint ? C.accent : C.brand;
-  const footerStatusRight = busy ? `Ctrl+C cancel` : mode === 'autopilot' ? 'AUTOPILOT' : mode === 'plan' ? 'PLAN' : '';
-  const footerStatusRightColor = busy ? C.warning : mode === 'autopilot' ? C.warning : mode === 'plan' ? C.accent : C.muted;
+    : [cwd, branch ? `${glyphs.gitBranch}${branch}` : null].filter(Boolean).join(midDot());
+  const footerLeftColor = busy ? C.warning : hint ? C.accent : C.muted;
+  const footerRight = busy
+    ? `Ctrl+C cancel`
+    : streamerMode
+    ? ''
+    : [modeLabel, modelLabel, tokenLabel].filter(Boolean).join(midDot());
+  const footerRightColor = busy ? C.warning : mode === 'autopilot' ? C.warning : mode === 'plan' ? C.accent : C.muted;
   const composerMode = shellMode ? 'shell' : mode;
 
   // ── Viewport slicing ───────────────────────────────────────────────────────
@@ -2175,9 +2175,8 @@ export function App({ cfg, display = {}, onExternal, onExit, initialQuestion, sh
 
   const scrollPct = maxScrollRef.current > 0 ? Math.round((scrollOffset / maxScrollRef.current) * 100) : 100;
   const scrollIndicator = hasAbove
-    ? html`<${Box} paddingX=${1} justifyContent="space-between" width=${cols}>
-        <${Text} color=${C.muted} dimColor>${glyphs.up} ${aboveCount} above ${midDot()} PgUp/PgDn ${midDot()} scroll<//>
-        <${Text} color=${C.muted} dimColor>${scrollPct}%<//>
+    ? html`<${Box} paddingX=${1} justifyContent="flex-end" width=${cols}>
+        <${Text} color=${C.muted} dimColor>${glyphs.up} ${aboveCount} above ${midDot()} ${scrollPct}%<//>
       <//>`
     : null;
 
@@ -2194,7 +2193,7 @@ export function App({ cfg, display = {}, onExternal, onExit, initialQuestion, sh
         />
         ${diffState.commentInput
           ? html`<${Choice}
-              title=${`Tell iPolot what stands out about ${diffState.commentInput.file}:${diffState.commentInput.lineNumber || '?'}`}
+              title=${`Tell iCopilot what stands out about ${diffState.commentInput.file}:${diffState.commentInput.lineNumber || '?'}`}
               note=${diffState.commentInput.content}
               sel=${0}
               allowText=${true}
@@ -2270,16 +2269,9 @@ export function App({ cfg, display = {}, onExternal, onExit, initialQuestion, sh
         <${Text} color=${C.separator}>${'─'.repeat(Math.max(1, cols))}<//>
         <${Box} paddingX=${1} width=${cols}>
           <${Box} flexGrow=${1}>
-            <${Text} color=${footerStatusColor} bold=${busy} wrap="truncate-end">${footerStatusLeft}<//>
+            <${Text} color=${footerLeftColor} bold=${busy} dimColor=${!busy && !hint} wrap="truncate-end">${footerLeft}<//>
           <//>
-          <${Text} color=${footerStatusRightColor} bold wrap="truncate-end">${footerStatusRight}<//>
-        <//>
-
-        <${Box} paddingX=${1} width=${cols}>
-          <${Box} flexGrow=${1}>
-            <${Text} color=${C.muted} dimColor wrap="truncate-end">${footerLeft}<//>
-          <//>
-          <${Text} color=${C.muted} dimColor wrap="truncate-end">${footerInfoRight}<//>
+          <${Text} color=${footerRightColor} bold=${mode === 'autopilot' || mode === 'plan'} dimColor=${!busy && !modeLabel} wrap="truncate-end">${footerRight}<//>
         <//>
       <//>
     <//>`;

package/src/tui/components.js

@@ -168,7 +168,7 @@ export function Banner({ cfg = {}, model, width = 80, compact = false, streamerM
   if (compact) {
     return html`
       <${Box} marginBottom=${1}>
-        <${Text} color=${C.accent} bold>${glyphs.ring} iPolot <//>
+        <${Text} color=${C.accent} bold>${glyphs.ring} iCopilot <//>
         <${Text} color=${C.muted}>${midDot()}<//>
         <${Text} color=${C.muted}>${m}<//>
         ${cfg.user?.name ? html`<${Text} color=${C.muted}>${midDot()}<//>` : null}
@@ -183,7 +183,7 @@ export function Banner({ cfg = {}, model, width = 80, compact = false, streamerM
       <//>
 
       <${Box} marginTop=${1} justifyContent="center">
-        <${Text} color=${C.accent} bold>${glyphs.ring} iPolot<//>
+        <${Text} color=${C.accent} bold>${glyphs.ring} iCopilot<//>
         <${Text} color=${C.muted}>  ${dash()}  IspBills network engineer in your terminal<//>
       <//>
 
@@ -271,7 +271,7 @@ export function AssistantMessage({ text, cols = 80, ts, label, streaming = false
       <${Sep} cols=${cols} />
       <${Box} flexDirection="row" justifyContent="space-between" width=${cols} paddingX=${1}>
         <${Box}>
-          <${Text} color=${C.accent} bold>${glyphs.copilotDot} <//><${Text} bold>iPolot${streaming ? ' ●' : ''}<//>
+          <${Text} color=${C.accent} bold>${glyphs.copilotDot} <//><${Text} bold>iCopilot${streaming ? ' ●' : ''}<//>
         <//>
         <${Text} color=${C.muted}>${stamp}<//>
       <//>
@@ -686,7 +686,7 @@ export function Choice({ title, note, options = [], sel = 0, allowText = false,
           ${allowText
             ? html`<${Box} key="freetext" marginTop=${1}>
                 <${Text} color=${focusText ? C.accent : C.muted}>${focusText ? glyphs.prompt + ' ' : '  '}<//>
-                <${Text} color=${C.muted}>Tell iPolot what to do differently: <//>
+                <${Text} color=${C.muted}>Tell iCopilot what to do differently: <//>
                 <${Text} color=${C.white}>${text}<//>${focusText ? html`<${Text} inverse> <//>` : null}
               <//>` 
             : null}