ispbills-icli 8.0.0 → 8.1.1

package/README.md

@@ -108,26 +108,65 @@ icli --reasoning "audit the config on olt#1"   # stream reasoning inline
 
 ### Slash commands & keys (REPL)
 
-Inside the REPL, type `/` to see the menu. Shortcuts:
+Type `/` to open the command menu. It filters as you type, shows an inline
+suggestion (accept with **Tab** or **→**), and runs the highlighted command on
+**Enter**.
+
+**Devices & diagnostics**
+
+| Slash | Description |
+|---|---|
+| `/check [device]` | Run full diagnostics on a device |
+| `/status [device]` | Health summary across the fleet |
+| `/reachable` | Which devices are up / unreachable |
+| `/uptime [device]` | Device uptime and last reboot |
+| `/cpu [device]` | CPU, memory and temperature load |
+| `/interfaces [device]` | Interface / port status and errors |
+| `/config [device]` | Show the running configuration |
+| `/audit [device]` | Audit config and suggest fixes |
+| `/backup [device]` | Back up the device configuration |
+| `/reboot [device]` | Reboot a device (asks to confirm) |
+| `/alarms` | Active alarms and recent faults |
+
+**Access network**
 
 | Slash | Description |
 |---|---|
-| `/check`, `/vlan`, `/onu`, `/customer`, `/ping`, `/online` | Common NOC queries |
-| `/new` | Start a fresh conversation |
-| `/history` | Show conversation history |
-| `/clear` | Clear the screen |
-| `/update` | Update iCli |
-| `/logout` | Log out |
-| `/help` | Show help |
-| `/exit` | Quit |
+| `/onu [id]` | ONU status and signal levels |
+| `/optical [device]` | Optical RX/TX power (dBm) |
+| `/vlan [id]` | VLAN usage — free or in use |
+| `/pppoe [user]` | PPPoE session detail |
+| `/online` · `/offline` | Online / offline customers & ONUs |
+| `/bandwidth [device]` | Traffic / bandwidth usage |
+
+**Lookups**
+
+| Slash | Description |
+|---|---|
+| `/mac [addr]` | Locate a MAC address on the network |
+| `/arp [device]` · `/route [device]` | ARP / routing tables |
+| `/dhcp` | DHCP leases and pool usage |
+| `/ping [host]` · `/trace [host]` | Ping / traceroute a host |
+| `/customer [name/IP]` | Look up a customer |
+
+**Session**
+
+| Slash | Description |
+|---|---|
+| `/autopilot` | Toggle autopilot — proposed fixes are applied automatically (also **Shift+Tab**) |
+| `/model [name]` | Show or set the AI model |
+| `/reasoning` | Toggle reasoning display (also **Ctrl+T**) |
+| `/new` · `/history` · `/clear` | Reset conversation · show history · clear screen |
+| `/update` · `/logout` · `/help` · `/exit` | Update · log out · help · quit |
 
 **Keys**
 
 | Key | Action |
 |---|---|
 | **Enter** | Send message (or run the highlighted slash command) |
-| **/** then **↑/↓** | Open the slash menu and move the selection; **Tab** completes, **Enter** runs |
+| **/** then **↑/↓** | Open the slash menu and move the selection; **Tab** / **→** completes, **Enter** runs |
 | **↑/↓** (empty input) | Navigate input history |
+| **Shift+Tab** | Toggle autopilot mode |
 | **Ctrl+T** | Toggle reasoning display |
 | **Ctrl+L** | Clear the transcript |
 | **Esc** | Cancel the in-flight request |
@@ -135,6 +174,10 @@ Inside the REPL, type `/` to see the menu. Shortcuts:
 | **Ctrl+A/E** | Jump to start / end of the line |
 | **Ctrl+U/K/W** | Delete to start / to end / previous word |
 
+**Autopilot** — when on (⚡ shown in the footer), any fix the AI proposes as a
+plan is applied automatically without waiting for you to type `apply fix`.
+Toggle it with **Shift+Tab** or `/autopilot`.
+
 The REPL runs as a full-height app in the terminal's alternate screen: the banner
 stays pinned at the top, the transcript fills the middle, and the input box is
 pinned to the bottom — the same layout as GitHub Copilot CLI. On exit, the session

package/package.json

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

package/src/commands.js

@@ -1,23 +1,58 @@
 import { RESET, BOLD, DIM, GRAY, WHITE, ACCENT, GREEN } from './ui.js';
 
-/** All slash commands, used for the menu, help and Tab completion. */
+/**
+ * All slash commands, used for the menu, help and Tab completion.
+ *
+ * `group` is only used to organise the /help output. `local: true` marks
+ * commands the REPL handles itself (they never hit the AI backend).
+ */
 export const SLASH_COMMANDS = [
-  { cmd: '/check',    hint: '[device]',  desc: 'Run diagnostics on a device'  },
-  { cmd: '/vlan',     hint: '[id]',      desc: 'Check VLAN usage'             },
-  { cmd: '/onu',      hint: '[id]',      desc: 'Show ONU status and signal'   },
-  { cmd: '/customer', hint: '[name/IP]', desc: 'Look up a customer'           },
-  { cmd: '/ping',     hint: '[host]',    desc: 'Ping a host'                  },
-  { cmd: '/online',   hint: '',          desc: 'List online sessions'         },
-  { cmd: '/new',      hint: '',          desc: 'Start a fresh conversation'   },
-  { cmd: '/history',  hint: '',          desc: 'Show conversation history'    },
-  { cmd: '/clear',    hint: '',          desc: 'Clear the screen'             },
-  { cmd: '/update',   hint: '',          desc: 'Update iCli to the latest version' },
-  { cmd: '/logout',   hint: '',          desc: 'Log out and clear credentials' },
-  { cmd: '/help',     hint: '',          desc: 'Show help'                    },
-  { cmd: '/exit',     hint: '',          desc: 'Exit iCli'                    },
+  // ── Devices & diagnostics ──
+  { cmd: '/check',      hint: '[device]',    desc: 'Run full diagnostics on a device',        group: 'Devices'   },
+  { cmd: '/status',     hint: '[device]',    desc: 'Health summary across the fleet',         group: 'Devices'   },
+  { cmd: '/reachable',  hint: '',            desc: 'Which devices are up / unreachable',      group: 'Devices'   },
+  { cmd: '/uptime',     hint: '[device]',    desc: 'Device uptime and last reboot',           group: 'Devices'   },
+  { cmd: '/cpu',        hint: '[device]',    desc: 'CPU, memory and temperature load',        group: 'Devices'   },
+  { cmd: '/interfaces', hint: '[device]',    desc: 'Interface / port status and errors',      group: 'Devices'   },
+  { cmd: '/config',     hint: '[device]',    desc: 'Show the running configuration',          group: 'Devices'   },
+  { cmd: '/audit',      hint: '[device]',    desc: 'Audit config and suggest fixes',          group: 'Devices'   },
+  { cmd: '/backup',     hint: '[device]',    desc: 'Back up the device configuration',        group: 'Devices'   },
+  { cmd: '/reboot',     hint: '[device]',    desc: 'Reboot a device (asks to confirm)',       group: 'Devices'   },
+  { cmd: '/alarms',     hint: '',            desc: 'Active alarms and recent faults',         group: 'Devices'   },
+
+  // ── Optical / access network ──
+  { cmd: '/onu',        hint: '[id]',        desc: 'ONU status and signal levels',            group: 'Access'    },
+  { cmd: '/optical',    hint: '[device]',    desc: 'Optical RX/TX power (dBm)',               group: 'Access'    },
+  { cmd: '/vlan',       hint: '[id]',        desc: 'VLAN usage — free or in use',             group: 'Access'    },
+  { cmd: '/pppoe',      hint: '[user]',      desc: 'PPPoE session detail',                    group: 'Access'    },
+  { cmd: '/online',     hint: '',            desc: 'List online PPPoE sessions',              group: 'Access'    },
+  { cmd: '/offline',    hint: '[olt/router]', desc: 'List offline OLTs, routers or ONUs',     group: 'Access'    },
+  { cmd: '/down',       hint: '[circuit]',   desc: 'List down circuits / uplinks',            group: 'Access'    },
+  { cmd: '/bandwidth',  hint: '[device]',    desc: 'Traffic / bandwidth usage',               group: 'Access'    },
+
+  // ── Layer 2/3 lookups ──
+  { cmd: '/mac',        hint: '[addr]',      desc: 'Locate a MAC address on the network',     group: 'Lookup'    },
+  { cmd: '/arp',        hint: '[device]',    desc: 'ARP table for a device',                  group: 'Lookup'    },
+  { cmd: '/route',      hint: '[device]',    desc: 'Routing table for a device',              group: 'Lookup'    },
+  { cmd: '/dhcp',       hint: '',            desc: 'DHCP leases and pool usage',              group: 'Lookup'    },
+  { cmd: '/ping',       hint: '[host]',      desc: 'Ping a host through the network',         group: 'Lookup'    },
+  { cmd: '/trace',      hint: '[host]',      desc: 'Traceroute the path to a host',           group: 'Lookup'    },
+  { cmd: '/customer',   hint: '[name/IP]',   desc: 'Look up a customer',                      group: 'Lookup'    },
+
+  // ── Session & app ──
+  { cmd: '/autopilot',  hint: '',            desc: 'Toggle autopilot (auto-apply fixes)',     group: 'Session', local: true },
+  { cmd: '/model',      hint: '[name]',      desc: 'Show or set the AI model',                group: 'Session', local: true },
+  { cmd: '/reasoning',  hint: '',            desc: 'Toggle reasoning display (Ctrl+T)',       group: 'Session', local: true },
+  { cmd: '/new',        hint: '',            desc: 'Start a fresh conversation',              group: 'Session', local: true },
+  { cmd: '/history',    hint: '',            desc: 'Show conversation history',               group: 'Session', local: true },
+  { cmd: '/clear',      hint: '',            desc: 'Clear the screen',                        group: 'Session', local: true },
+  { cmd: '/update',     hint: '',            desc: 'Update iCli to the latest version',       group: 'Session', local: true },
+  { cmd: '/logout',     hint: '',            desc: 'Log out and clear credentials',           group: 'Session', local: true },
+  { cmd: '/help',       hint: '',            desc: 'Show help',                               group: 'Session', local: true },
+  { cmd: '/exit',       hint: '',            desc: 'Exit iCli',                               group: 'Session', local: true },
 ];
 
-/** readline completer for slash commands. */
+/** readline completer for slash commands (used by the non-Ink fallback REPL). */
 export function slashCompleter(line) {
   if (line.startsWith('/')) {
     const hits = SLASH_COMMANDS.map((s) => s.cmd + ' ').filter((s) => s.startsWith(line));
@@ -27,28 +62,66 @@ export function slashCompleter(line) {
 }
 
 /**
- * Map an IspBills AI shortcut command to a natural-language question.
+ * Map a NOC shortcut command to a natural-language question for the AI.
  * Returns null for commands that are handled locally by the REPL.
  */
 export function slashToQuestion(line) {
   const [sc, ...rest] = line.trim().split(/\s+/);
   const arg = rest.join(' ');
+  const on = (withArg, without) => (arg ? withArg : without);
   switch (sc) {
-    case '/check':    return arg ? `run diagnostics on ${arg}` : 'check status of all devices';
-    case '/vlan':     return arg ? `is vlan ${arg} in use or free?` : 'list all vlans in use';
-    case '/onu':      return arg ? `show ONU ${arg} status and signal level` : 'list all ONUs';
-    case '/customer': return arg ? `look up customer ${arg}` : 'show recent customers';
-    case '/ping':     return arg ? `ping ${arg} through the network` : 'which devices are reachable?';
-    case '/online':   return 'list currently online PPPoE sessions';
-    default:          return null;
+    // Devices & diagnostics
+    case '/check':      return on(`run full diagnostics on ${arg} and summarise any problems`, 'run diagnostics across all devices and flag anything unhealthy');
+    case '/status':     return on(`give a health summary for ${arg}`, 'give a health summary of every device in the fleet');
+    case '/reachable':  return 'which devices are reachable right now and which are down?';
+    case '/uptime':     return on(`what is the uptime and last reboot time of ${arg}?`, 'show uptime for all devices and flag any that rebooted recently');
+    case '/cpu':        return on(`show CPU, memory and temperature load on ${arg}`, 'show CPU and memory load across all devices and flag anything overloaded');
+    case '/interfaces': return on(`show interface/port status and error counters on ${arg}`, 'show interface status across devices and flag ports with errors or that are down');
+    case '/config':     return on(`show the running configuration of ${arg}`, 'which device config do you want to see? list the devices');
+    case '/audit':      return on(`audit the configuration of ${arg} and suggest concrete fixes`, 'audit the fleet configuration and suggest concrete improvements');
+    case '/backup':     return on(`back up the running configuration of ${arg}`, 'back up the running configuration of all devices');
+    case '/reboot':     return on(`reboot ${arg} safely`, 'which device should I reboot? list the devices first');
+    case '/alarms':     return 'show active alarms and recent faults across the network';
+
+    // Optical / access
+    case '/onu':        return on(`show ONU ${arg} status and optical signal level`, 'list all ONUs with their status and signal levels');
+    case '/optical':    return on(`show optical RX/TX power in dBm for ${arg} and flag weak signals`, 'show optical RX/TX power across ONUs and flag any weak or out-of-range signals');
+    case '/vlan':       return on(`is VLAN ${arg} in use or free across the network?`, 'list all VLANs and show which are in use or free');
+    case '/pppoe':      return on(`show PPPoE session detail for ${arg}`, 'summarise current PPPoE sessions');
+    case '/online':     return 'list currently online PPPoE sessions';
+    case '/offline': {
+      const t = arg.toLowerCase();
+      if (/olt/.test(t))                return 'list all OLTs that are currently offline or unreachable';
+      if (/rout|nas|mikrotik|router/.test(t)) return 'list all routers / NAS devices that are currently offline or unreachable';
+      if (/onu|ont/.test(t))            return 'list all ONUs that are currently offline';
+      if (/cust|client|user/.test(t))   return 'list all customers that are currently offline';
+      return arg
+        ? `list all ${arg} that are currently offline`
+        : 'list everything that is currently offline — OLTs, routers and ONUs';
+    }
+    case '/down':       return on(`is the ${arg} circuit / uplink down? show its status`, 'list all down circuits, uplinks or backbone links across the network');
+    case '/bandwidth':  return on(`show traffic and bandwidth usage on ${arg}`, 'show current bandwidth usage across the network and flag the top talkers');
+
+    // Layer 2/3 lookups
+    case '/mac':        return on(`locate MAC address ${arg} — which device and port is it on?`, 'how do I locate a MAC address? ask me for the address');
+    case '/arp':        return on(`show the ARP table for ${arg}`, 'show ARP tables and flag any duplicate or suspicious entries');
+    case '/route':      return on(`show the routing table for ${arg}`, 'show routing tables across the network');
+    case '/dhcp':       return 'show DHCP leases and pool usage, and flag pools that are nearly exhausted';
+    case '/ping':       return on(`ping ${arg} through the network and report latency and loss`, 'which hosts should I ping? list reachable devices');
+    case '/trace':      return on(`traceroute the path to ${arg} and show each hop`, 'what host should I traceroute?');
+    case '/customer':   return on(`look up customer ${arg} with their device, plan and session status`, 'show recently active customers');
+
+    default:            return null; // locally handled command
   }
 }
 
 export function printSlashMenu() {
   console.log(`\n  ${BOLD}Slash commands${RESET}`);
-  for (const { cmd, hint, desc } of SLASH_COMMANDS) {
-    const key = (cmd + (hint ? ' ' + hint : '')).padEnd(20);
-    console.log(`  ${ACCENT}${key}${RESET}${DIM}${desc}${RESET}`);
+  let group = null;
+  for (const { cmd, hint, desc, group: g } of SLASH_COMMANDS) {
+    if (g !== group) { group = g; console.log(`  ${DIM}${group}${RESET}`); }
+    const key = (cmd + (hint ? ' ' + hint : '')).padEnd(22);
+    console.log(`    ${ACCENT}${key}${RESET}${DIM}${desc}${RESET}`);
   }
   console.log();
 }

package/src/tui/app.js

@@ -4,7 +4,7 @@
 // IspBills backend.
 import { html, useState, useEffect, useRef, useCallback } from './dom.js';
 import { Box, Text, useStdout, useApp, useInput } from 'ink';
-import { C, glyphs, midDot } from './theme.js';
+import { C, glyphs, midDot, dash } from './theme.js';
 import {
   Banner, UserMessage, AssistantMessage, StatusLines, Reasoning,
   Plan, Connect, Notice, Thinking,
@@ -12,6 +12,7 @@ import {
 import { Composer } from './composer.js';
 import { streamChat } from '../client.js';
 import { slashToQuestion, SLASH_COMMANDS } from '../commands.js';
+import { saveConfig } from '../config.js';
 import { shortModel } from '../ui.js';
 
 function useTerminalSize() {
@@ -71,17 +72,25 @@ export function App({ cfg, display = {}, onExternal, onExit, initialQuestion })
   const [busy, setBusy] = useState(false);
   const [model, setModel] = useState(cfg._model);
   const [showReasoning, setShowReasoning] = useState(!!display.reasoning);
+  const [autopilot, setAutopilot] = useState(false);
   const [hint, setHint] = useState('');
 
   const convo = useRef([]);      // [{role, content}] for the backend
   const plain = useRef([]);      // plain-text transcript for exit reprint
   const abortRef = useRef(null); // AbortController of the in-flight turn
   const ctrlC = useRef(0);       // timestamp of the last lone Ctrl+C
+  const apRef = useRef(false);   // live autopilot flag (read inside runTurn)
+  const modelRef = useRef(cfg._model); // preferred model to request
+
+  const setAutopilotMode = useCallback((next) => {
+    apRef.current = next;
+    setAutopilot(next);
+  }, []);
 
   const push = useCallback((item) => setItems((xs) => [...xs, { id: nextId(), ...item }]), []);
   const log = (line) => plain.current.push(line);
 
-  const runTurn = useCallback(async (question) => {
+  const runTurn = useCallback(async (question, depth = 0) => {
     push({ type: 'user', text: question });
     log(`\n${glyphs.prompt} ${question}\n`);
     convo.current.push({ role: 'user', content: question });
@@ -93,9 +102,13 @@ export function App({ cfg, display = {}, onExternal, onExit, initialQuestion })
     const abort = new AbortController();
     abortRef.current = abort;
 
+    const context = { autopilot: apRef.current };
+    if (modelRef.current) context.model = modelRef.current;
+
     try {
       const { reply, text, meta } = await streamChat(cfg, [...convo.current], {
         signal: abort.signal,
+        context,
         onEvent: (ev) => {
           if (ev.type === 'status') s.status = [...s.status, ev.line];
           else if (ev.type === 'reasoning') s.reasoning += ev.delta;
@@ -109,6 +122,15 @@ export function App({ cfg, display = {}, onExternal, onExit, initialQuestion })
       else if (type === 'connect') { push({ type: 'connect', reply }); log('[connect] ' + (reply.device?.kind || '')); }
       else { push({ type: 'assistant', text: text || '(no response)' }); log(text || ''); }
       if (text) convo.current.push({ role: 'assistant', content: text });
+
+      // Autopilot: auto-confirm a proposed plan without waiting for the user.
+      if (type === 'plan' && apRef.current && depth < 3) {
+        push({ type: 'notice', text: `${glyphs.bolt} autopilot ${dash()} applying fix…`, color: C.yellow });
+        setLive(null);
+        setBusy(false);
+        abortRef.current = null;
+        return runTurn('apply fix', depth + 1);
+      }
     } catch (e) {
       if (abort.signal.aborted) push({ type: 'notice', text: `${glyphs.cross} Cancelled.`, color: C.yellow });
       else push({ type: 'notice', text: `${glyphs.cross} ${e.message}`, color: C.red });
@@ -138,9 +160,36 @@ export function App({ cfg, display = {}, onExternal, onExit, initialQuestion })
       setShowReasoning((v) => { push({ type: 'notice', text: `Reasoning display ${!v ? 'on' : 'off'}.` }); return !v; });
       return;
     }
+    if (q === '/autopilot' || q === '/auto') {
+      const next = !apRef.current;
+      setAutopilotMode(next);
+      push({ type: 'notice',
+        text: next
+          ? `${glyphs.bolt} Autopilot ON ${dash()} proposed fixes will be applied automatically. Toggle with Shift+Tab.`
+          : `Autopilot OFF ${dash()} fixes will wait for your confirmation.`,
+        color: next ? C.yellow : C.gray });
+      return;
+    }
+    if (q === '/model' || q.startsWith('/model ')) {
+      const name = q.slice('/model'.length).trim();
+      if (!name) {
+        push({ type: 'notice', text: `Current model: ${model || modelRef.current || 'server default'}.\nUse /model <name> to request a different model.` });
+      } else {
+        modelRef.current = name;
+        setModel(name);
+        cfg._model = name;
+        try { saveConfig(cfg); } catch {}
+        push({ type: 'notice', text: `${glyphs.check} Model set to ${name}. It applies to your next message.`, color: C.green });
+      }
+      return;
+    }
     if (q === '/help' || q === 'help') {
-      const lines = SLASH_COMMANDS.map((c) => `  ${(c.cmd + (c.hint ? ' ' + c.hint : '')).padEnd(20)}${c.desc}`).join('\n');
-      push({ type: 'notice', text: 'Commands:\n' + lines + '\n\n  Keys: Ctrl+T reasoning · Ctrl+L clear · Ctrl+C cancel · Ctrl+C twice to exit' });
+      let group = null;
+      const lines = SLASH_COMMANDS.map((c) => {
+        const head = c.group !== group ? ((group = c.group), `\n  ${c.group}\n`) : '';
+        return head + `    ${(c.cmd + (c.hint ? ' ' + c.hint : '')).padEnd(22)}${c.desc}`;
+      }).join('\n');
+      push({ type: 'notice', text: 'Commands:' + lines + '\n\n  Keys: Shift+Tab autopilot · Ctrl+T reasoning · Ctrl+L clear · Ctrl+C twice to exit' });
       return;
     }
     if (q === '/history') {
@@ -158,7 +207,7 @@ export function App({ cfg, display = {}, onExternal, onExit, initialQuestion })
       else { push({ type: 'notice', text: `Unknown command: ${q}. Type /help.` }); return; }
     }
     runTurn(question);
-  }, [doExit, push, runTurn, onExternal]);
+  }, [doExit, push, runTurn, onExternal, setAutopilotMode, model, cfg]);
 
   // Global keys (Composer handles text editing; here we handle app-level keys).
   useInput((input, key) => {
@@ -171,6 +220,12 @@ export function App({ cfg, display = {}, onExternal, onExit, initialQuestion })
       return;
     }
     if (key.escape && busy) { abortRef.current?.abort(); return; }
+    if (key.tab && key.shift && !busy) {
+      const next = !apRef.current;
+      setAutopilotMode(next);
+      setHint(next ? 'Autopilot ON' : 'Autopilot OFF');
+      return;
+    }
     if (key.ctrl && input === 't') { setShowReasoning((v) => !v); return; }
     if (key.ctrl && input === 'l' && !busy) { setItems([]); return; }
   });
@@ -193,7 +248,8 @@ export function App({ cfg, display = {}, onExternal, onExit, initialQuestion })
   };
 
   const ctx = [model ? shortModel(model) : null, cfg.user?.name, cfg.user?.role].filter(Boolean).join(midDot());
-  const footerRight = hint || `/help ${midDot()} Ctrl+T reasoning ${midDot()} Ctrl+C exit`;
+  const modeTag = autopilot ? `${glyphs.bolt} autopilot ${midDot()} ` : '';
+  const footerRight = hint || `${modeTag}/help ${midDot()} Shift+Tab autopilot ${midDot()} Ctrl+C exit`;
 
   // Tail-slice the transcript to what fits the middle region so nothing is
   // clipped mid-line on small terminals.
@@ -215,7 +271,7 @@ export function App({ cfg, display = {}, onExternal, onExit, initialQuestion })
 
   return html`
     <${Box} flexDirection="column" width=${cols} height=${rows}>
-      <${Box} flexShrink=${0} flexDirection="column">
+      <${Box} flexShrink=${0} flexDirection="column" alignItems="center">
         <${Banner} cfg=${cfg} model=${model} width=${cols} compact=${compact} />
       <//>
 
@@ -236,7 +292,7 @@ export function App({ cfg, display = {}, onExternal, onExit, initialQuestion })
         <${Composer} onSubmit=${onSubmit} busy=${busy} width=${cols} />
         <${Box} paddingX=${1} width=${cols}>
           <${Box} flexGrow=${1}><${Text} color=${C.gray} wrap="truncate-end">${ctx}<//><//>
-          <${Text} color=${hint ? C.yellow : C.gray} wrap="truncate-end">${footerRight}<//>
+          <${Text} color=${hint || autopilot ? C.yellow : C.gray} wrap="truncate-end">${footerRight}<//>
         <//>
       <//>
     <//>`;

package/src/tui/components.js

@@ -36,11 +36,11 @@ export function Banner({ cfg = {}, model, width = 80, compact = false }) {
   }
 
   return html`
-    <${Box} flexDirection="column" marginBottom=${1}>
+    <${Box} flexDirection="column" marginBottom=${1} alignItems="center">
       ${wide
-        ? html`<${Box} flexDirection="column">
+        ? html`<${Box} flexDirection="column" alignItems="center">
             ${LOGO.map((l, i) => html`<${Text} key=${'l' + i} color=${C.accent} bold>${l}<//>`)}
-            <${Text} color=${C.gray}>           iCopilot ${dash()} network engineer in your terminal<//>
+            <${Text} color=${C.gray}>iCopilot ${dash()} network engineer in your terminal<//>
           <//>`
         : html`<${Text} color=${C.accent} bold>iCopilot ${html`<${Text} color=${C.gray}>${dash()} IspBills AI terminal<//>`}<//>`}
       <${Box} marginTop=${1}>
@@ -51,7 +51,7 @@ export function Banner({ cfg = {}, model, width = 80, compact = false }) {
             <${Text} color=${label === 'model' ? C.cyan : C.white}>${val}<//>
           <//>`)}
       <//>
-      ${cfg.url ? html`<${Text} color=${C.gray}>url   ${html`<${Text} color=${C.accent}>${cfg.url}<//>`}<//>` : null}
+      ${cfg.url ? html`<${Text} color=${C.gray}>${cfg.url}<//>` : null}
     <//>`;
 }
 

package/src/tui/composer.js

@@ -46,7 +46,7 @@ export function Composer({ onSubmit, busy, width = 80 }) {
       submit(value.slice(0, cursor) + first + value.slice(cursor));
       return;
     }
-    if (key.tab) {
+    if (key.tab && !key.shift) {
       if (menuOpen) { const c = matches[sel].cmd + ' '; setText(c, c.length); }
       return;
     }
@@ -75,7 +75,12 @@ export function Composer({ onSubmit, busy, width = 80 }) {
 
     // ── Cursor movement ──
     if (key.leftArrow) { setCursor((c) => Math.max(0, c - 1)); return; }
-    if (key.rightArrow) { setCursor((c) => Math.min(value.length, c + 1)); return; }
+    if (key.rightArrow) {
+      // At end of a slash token, Right accepts the highlighted completion.
+      if (menuOpen && cursor >= value.length) { const c = matches[sel].cmd + ' '; setText(c, c.length); return; }
+      setCursor((c) => Math.min(value.length, c + 1));
+      return;
+    }
     if (key.ctrl && input === 'a') { setCursor(0); return; }           // line start
     if (key.ctrl && input === 'e') { setCursor(value.length); return; } // line end
 
@@ -107,6 +112,8 @@ export function Composer({ onSubmit, busy, width = 80 }) {
   const at = value[cursor] ?? ' ';
   const after = value.slice(cursor + 1);
   const empty = value.length === 0;
+  const sug = menuOpen && matches[sel] ? matches[sel].cmd : '';
+  const ghost = sug && sug.startsWith(value) && cursor >= value.length ? sug.slice(value.length) : '';
 
   return html`
     <${Box} flexDirection="column" width=${width}>
@@ -139,7 +146,7 @@ export function Composer({ onSubmit, busy, width = 80 }) {
               <${Text} color=${C.gray}>${busy ? 'Working…' : 'Ask about your network, or type / for commands'}<//>
             <//>`
           : html`<${Box} flexGrow=${1}>
-              <${Text}>${before}<//><${Text} inverse>${at}<//><${Text}>${after}<//>
+              <${Text}>${before}<//><${Text} inverse>${at}<//><${Text}>${after}<//><${Text} color=${C.gray}>${ghost}<//>
             <//>`}
       <//>
     <//>`;