ispbills-icli 8.6.2 → 8.6.4

package/package.json

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

package/src/commands.js

@@ -129,6 +129,7 @@ export const SLASH_COMMANDS = [
   { cmd: '/logout',        hint: '',         desc: 'Log out and clear credentials',           group: 'Help', local: true },
   { cmd: '/help',          hint: '',         desc: 'Show help',                               group: 'Help', local: true },
   { cmd: '/exit',          hint: '',         desc: 'Exit iCli',                               group: 'Help', local: true },
+  { cmd: '/quit',          hint: '',         desc: 'Alias for /exit',                         group: 'Help', local: true },
 ];
 
 export function slashCompleter(line) {

package/src/tui/app.js

@@ -761,7 +761,7 @@ export function App({ cfg, display = {}, onExternal, onExit, initialQuestion, sh
     if (q.startsWith('!')) { runShellCommand(q.slice(1)); return; }
     if (q === '?') { push({ type: 'help', text: 'help' }); return; }
 
-    if (q === '/exit' || q === 'exit' || q === 'quit') { doExit(); return; }
+    if (q === '/exit' || q === '/quit' || q === 'exit' || q === 'quit') { doExit(); return; }
     if (q === '/clear') { clearAll(); return; }
     if (q === '/new') {
       sessionIdRef.current = Date.now().toString(36);
@@ -1892,7 +1892,7 @@ export function App({ cfg, display = {}, onExternal, onExit, initialQuestion, sh
 
       <${Box} flexDirection="column">
         ${choice
-          ? html`<${Choice} ...${choice} />`
+          ? html`<${Choice} ...${choice} cols=${cols} />`
           : sessionPicker
           ? html`<${SessionPicker} sessions=${sessionPicker.sessions} sel=${sessionPicker.sel} sort=${sessionPicker.sort} cols=${cols} />`
           : html`<${Composer}

package/src/tui/components.js

@@ -117,17 +117,30 @@ export function TabBar({ active = 'session', cols = 80, mode = 'ask' }) {
   const modeBadge = mode !== 'ask'
     ? ` ${mode === 'autopilot' ? '⚡ AUTO' : mode === 'shell' ? '⌘ SHELL' : '📋 PLAN'}`
     : '';
+  const badgeLen = modeBadge ? modeBadge.length + 2 : 0;
+  const available = cols - 2 - badgeLen; // -2 for paddingX={1}
+
+  // §11: clip tab labels when terminal is narrow (~50 cols)
+  // Full:  [Session]   Devices   Customers   Alarms  = ~42 chars
+  // Short: [Ses]   Dev   Cus   Alm              = ~26 chars
+  const fullWidth = TABS.reduce((sum, t, i) => {
+    const w = t.id === active ? t.label.length + 2 : t.label.length;
+    return sum + (i > 0 ? 3 : 0) + w;
+  }, 0);
+  const abbreviated = fullWidth > available;
+
   return html`
     <${Box} width=${cols} backgroundColor="blue">
       <${Box} paddingX=${1} flexGrow=${1}>
         ${TABS.map((t, i) => {
           const on = t.id === active;
+          const lbl = abbreviated ? t.label.slice(0, 3) : t.label;
           return html`
             <${Box} key=${t.id}>
               ${i > 0 ? html`<${Text} backgroundColor="blue">   <//>` : null}
               ${on
-                ? html`<${Text} color="white" bold backgroundColor="blue">[${t.label}]<//>`
-                : html`<${Text} color="white" dimColor backgroundColor="blue">${t.label}<//>`}
+                ? html`<${Text} color="white" bold backgroundColor="blue">[${lbl}]<//>`
+                : html`<${Text} color="white" dimColor backgroundColor="blue">${lbl}<//>`}
             <//>`;
         })}
       <//>
@@ -280,7 +293,7 @@ export function ShellOutput({ command, output, cols = 80, ts, code = 0 }) {
         ts=${ts}
         rightLabel=${code === 0 ? '' : `exit ${code}`}
       />
-      <${Box} paddingX=${2} flexDirection="column">
+      <${Box} paddingX=${1} flexDirection="column">
         <${Text} color=${C.warning}>$ ${command}<//>
         <${Text}>${output || '(no output)'}<//>
       <//>
@@ -509,23 +522,23 @@ export function Thinking({ label = 'Working', startedAt }) {
   }, []);
   const secs = startedAt ? Math.max(0, Math.round((Date.now() - startedAt) / 1000)) : 0;
   return html`
-    <${Box} marginTop=${1} paddingX=${2}>
+    <${Box} marginTop=${1} paddingX=${1}>
       <${Text} color=${C.warning}><${Spinner} type=${spinnerType()} /><//>
       <${Text} color=${C.warning} bold> ${label}<//>
       <${Text} color=${C.muted}>… (${secs}s ${midDot()}esc to interrupt)<//>
     <//>`;
 }
 
-export function Choice({ title, note, options = [], sel = 0, allowText = false, text = '', focusText = false, isToolApproval = false }) {
+export function Choice({ title, note, options = [], sel = 0, allowText = false, text = '', focusText = false, isToolApproval = false, cols = 80 }) {
   // §13: tool approval uses exact spec format with Sep-style header
   if (isToolApproval) {
     return html`
       <${Box} flexDirection="column" marginTop=${1}>
-        <${Sep} cols=${80} />
+        <${Sep} cols=${cols} />
         <${Box} paddingX=${2} marginTop=${1}>
           <${Text} color=${C.accent} bold>⚙ Tool request<//>
         <//>
-        <${Sep} cols=${80} />
+        <${Sep} cols=${cols} />
         ${note ? html`<${Box} paddingX=${2} marginTop=${1}><${Text} color=${C.muted}>${note}<//><//>` : null}
         <${Box} flexDirection="column" marginTop=${1} paddingX=${2}>
           ${options.map((o, i) => {

package/src/tui/composer.js

@@ -357,7 +357,11 @@ export function Composer({
       return;
     }
     if (key.ctrl && input === 's') { submit(value, { preserve: true }); return; }
-    if (key.ctrl && input === 'f') { onSearch?.(); return; }
+    if (key.ctrl && input === 'f') {
+      // §18: Ctrl+F = cursor forward one char when input non-empty; §17: open search when empty
+      if (value.length === 0) { onSearch?.(); return; }
+      setCursor((c) => Math.min(value.length, c + 1)); return;
+    }
     if (key.shift && enter) {
       snapshot('type');
       setValue((v) => insertAt(v, cursor, '\n'));
@@ -418,7 +422,7 @@ export function Composer({
       return;
     }
     if (key.home || (key.ctrl && input === 'a')) { setCursor(0); return; }
-    if (key.end || (key.ctrl && input === 'e' && value.indexOf('\n') === -1)) { setCursor(value.length); return; }
+    if (key.end || (key.ctrl && input === 'e' && value.indexOf('\n') === -1 && value.length > 0)) { setCursor(value.length); return; }
     if (key.ctrl && key.home) { setCursor(0); return; }
     if (key.ctrl && key.end) { setCursor(value.length); return; }
     if (key.meta && key.leftArrow) { setCursor(wordLeft(value, cursor)); return; }