ispbills-icli 8.5.7 → 8.5.9

package/bin/icli.js

@@ -320,6 +320,9 @@ async function main() {
   if (has('--experimental')) {
     cfg.tui = { ...(cfg.tui || {}), experimental: true };
   }
+  if (has('--cloud')) {
+    cfg.tui = { ...(cfg.tui || {}), cloud: true };
+  }
   if (flag('--allow-tool')) {
     const tool = flag('--allow-tool');
     cfg.tui = { ...(cfg.tui || {}), allowedTools: [...(cfg.tui?.allowedTools || []), tool] };

package/package.json

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

package/src/tui/app.js

@@ -442,6 +442,17 @@ export function App({ cfg, display = {}, onExternal, onExit, initialQuestion, sh
     if (!trusted && !choice) openTrustDialog(process.cwd());
   }, [trusted, choice, openTrustDialog]);
 
+  // §2 (stage 3): auth check — once the folder is trusted, warn if no token.
+  const authNoticeRef = useRef(false);
+  useEffect(() => {
+    if (!trusted || authNoticeRef.current) return;
+    const isAuth = Boolean(cfg?.user?.name || cfg?.user?.email || cfg?.apiKey || cfg?._token);
+    if (!isAuth) {
+      authNoticeRef.current = true;
+      pushNotice(`${glyphs.warn} Not authenticated — run /login to connect.`, C.warning, false);
+    }
+  }, [trusted, cfg, pushNotice]);
+
   const doExit = useCallback(() => { onExit?.(plain.current); exit(); }, [exit, onExit]);
 
   const maybeProcessQueue = useCallback(() => {
@@ -695,7 +706,7 @@ export function App({ cfg, display = {}, onExternal, onExit, initialQuestion, sh
         setChoice({
           title: '⚙ Tool request',
           note: toolDesc,
-          sel: 0, text: '', focusText: false, allowText: false,
+          sel: 0, text: '', focusText: false, allowText: true,
           isToolApproval: true,
           options: [
             { label: '1. Yes', value: 'yes, proceed with this tool call' },
@@ -1779,7 +1790,7 @@ export function App({ cfg, display = {}, onExternal, onExit, initialQuestion, sh
       case 'activity': return html`<${StatusLines} key=${it.id} lines=${it.status} busy=${false} />`;
       case 'notice': return html`<${Notice} key=${it.id} text=${it.text} color=${it.color} />`;
       case 'info': return html`<${LabeledNotice} key=${it.id} label="ℹ  Info" text=${it.text} color=${C.muted} bodyColor=${it.color || C.white} cols=${c} ts=${it.ts} />`;
-      case 'error': return html`<${LabeledNotice} key=${it.id} label="✖ Error" text=${it.text} color=${C.error} bodyColor=${it.color || C.white} cols=${c} ts=${it.ts} />`;
+      case 'error': return html`<${LabeledNotice} key=${it.id} label="✗ Error" text=${it.text} color=${C.error} bodyColor=${it.color || C.white} cols=${c} ts=${it.ts} />`;
       case 'system': return html`<${LabeledNotice} key=${it.id} label="⚙ System" text=${it.text} color=${C.muted} bodyColor=${it.color || C.white} cols=${c} ts=${it.ts} />`;
       case 'shell': return html`<${ShellOutput} key=${it.id} command=${it.command} output=${it.output} code=${it.code} cols=${c} ts=${it.ts} />`;
       case 'help': return html`<${HelpOverlay} key=${it.id} cols=${c} ts=${it.ts} />`;

package/src/tui/components.js

@@ -90,7 +90,7 @@ function formatTs(ts) {
 function SpeakerLine({ label, color, cols = 80, ts, rightLabel = '' }) {
   const stamp = ts ? `[${formatTs(ts)}]` : '';
   return html`
-    <${Box} paddingX=${2} marginTop=${1} width=${cols}>
+    <${Box} paddingX=${1} marginTop=${1} width=${cols}>
       <${Text} color=${color} bold>${label}<//>
       <${Box} flexGrow=${1} />
       ${rightLabel ? html`<${Text} color=${C.muted}>${rightLabel}<//>` : null}
@@ -118,10 +118,10 @@ export function TabBar({ active = 'session', cols = 80, mode = 'ask' }) {
           const on = t.id === active;
           return html`
             <${Box} key=${t.id}>
-              ${i > 0 ? html`<${Text} color="cyan" backgroundColor="blue">   <//>` : null}
+              ${i > 0 ? html`<${Text} backgroundColor="blue">   <//>` : null}
               ${on
                 ? html`<${Text} color="white" bold backgroundColor="blue">[${t.label}]<//>`
-                : html`<${Text} color="cyan" backgroundColor="blue">${t.label}<//>`}
+                : html`<${Text} color="white" dimColor backgroundColor="blue">${t.label}<//>`}
             <//>`;
         })}
       <//>
@@ -221,7 +221,7 @@ export function UserMessage({ text, cols = 80, ts }) {
     <${Box} flexDirection="column" marginTop=${1}>
       <${Sep} cols=${cols} />
       <${SpeakerLine} label="You" color=${C.brand} cols=${cols} ts=${ts} />
-      <${Box} paddingX=${2}>
+      <${Box} paddingX=${1}>
         <${Text}>${withMentions(text)}<//>
       <//>
     <//>`;
@@ -251,11 +251,13 @@ function StreamingText({ text = '' }) {
 }
 
 export function AssistantMessage({ text, cols = 80, ts, label = `${glyphs.copilotDot} iCopilot`, streaming = false }) {
+  // §11: response content box capped at 100 columns; separators stay full-width (§6).
+  const bodyWidth = Math.min(cols, 100);
   return html`
     <${Box} flexDirection="column" marginTop=${1}>
       <${Sep} cols=${cols} />
       <${SpeakerLine} label=${label} color=${C.accent} cols=${cols} ts=${ts} />
-      <${Box} paddingX=${2} flexDirection="column">
+      <${Box} paddingX=${1} flexDirection="column" width=${bodyWidth}>
         ${streaming ? html`<${StreamingText} text=${text} />` : html`<${Markdown} content=${text} />`}
       <//>
     <//>`;
@@ -516,6 +518,7 @@ export function Choice({ title, note, options = [], sel = 0, allowText = false,
         <${Box} paddingX=${2} marginTop=${1}>
           <${Text} color=${C.accent} bold>⚙ Tool request<//>
         <//>
+        <${Sep} cols=${80} />
         ${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

@@ -3,7 +3,7 @@
 // the input and is navigable with the arrow keys.
 import { html, useState, useEffect, useCallback, useRef } from './dom.js';
 import { Box, Text, useInput } from 'ink';
-import { C, glyphs } from './theme.js';
+import { C, glyphs, asciiSafe } from './theme.js';
 import { SLASH_COMMANDS } from '../commands.js';
 import { readFileSync, writeFileSync, rmSync, readdirSync, statSync } from 'fs';
 import { join, basename, dirname, resolve } from 'path';
@@ -530,6 +530,6 @@ export function Composer({
           <//>`
         : null}
 
-      <${Text} color=${C.separator}>${'─'.repeat(Math.max(1, width))}<//>
+      <${Text} color=${C.separator}>${(asciiSafe() ? '-' : '─').repeat(Math.max(1, width))}<//>
     <//>`;
 }

package/src/tui/run.js

@@ -14,7 +14,7 @@ const LOGO = [
 ];
 const COLORS = ['35', '95', '94', '96', '97'];
 
-async function animateSplash() {
+async function animateSplash(cfg = {}) {
   if (!process.stdout.isTTY) return;
   for (let frame = 0; frame < COLORS.length; frame++) {
     const color = COLORS[frame];
@@ -23,6 +23,21 @@ async function animateSplash() {
     await new Promise((resolve) => setTimeout(resolve, 110));
     if (frame !== COLORS.length - 1) process.stdout.write(`\x1b[${LOGO.length}A`);
   }
+  // §3: welcome text, quick-start tips and a visible /login instruction.
+  const DIM = '\x1b[2m';
+  const ACCENT = '\x1b[38;5;141m';
+  const WARN = '\x1b[38;5;179m';
+  const R = '\x1b[0m';
+  process.stdout.write(`\n  ${ACCENT}iCopilot${R} ${DIM}— IspBills network engineer in your terminal${R}\n\n`);
+  process.stdout.write(`  ${DIM}Quick start:${R}\n`);
+  process.stdout.write(`    ${ACCENT}@${R}${DIM}  mention files or devices${R}\n`);
+  process.stdout.write(`    ${ACCENT}/${R}${DIM}  slash commands${R}\n`);
+  process.stdout.write(`    ${ACCENT}?${R}${DIM}  quick help overlay${R}\n`);
+  process.stdout.write(`    ${ACCENT}!${R}${DIM}  run a shell command${R}\n`);
+  const isAuth = Boolean(cfg?.user?.name || cfg?.user?.email || cfg?.apiKey || cfg?._token);
+  if (!isAuth) {
+    process.stdout.write(`\n  ${WARN}⚠ Not authenticated — run ${R}${ACCENT}/login${R}${WARN} to connect.${R}\n`);
+  }
   process.stdout.write('\n');
 }
 
@@ -33,7 +48,7 @@ export async function runTui(cfg, opts = {}) {
   const showAnimation = banner || !seen;
 
   if (showAnimation) {
-    await animateSplash();
+    await animateSplash(cfg);
     cfg.tui = { ...(cfg.tui || {}), bannerSeen: true };
     try { saveConfig(cfg); } catch {}
   }