zerg-ztc 0.1.3 → 0.1.5

package/src/ui/views/message_list.ts

@@ -278,7 +278,17 @@ function renderTable(lines: string[]): LayoutNode[] {
 
 function renderMarkdownLines(lines: string[]): LayoutNode[] {
   const normalized: string[] = [];
+  let inCodeBlock = false;
   lines.forEach(line => {
+    if (line.trim().startsWith('```')) {
+      inCodeBlock = !inCodeBlock;
+      normalized.push(line);
+      return;
+    }
+    if (inCodeBlock) {
+      normalized.push(line);
+      return;
+    }
     if (line.includes('||') && line.includes('|')) {
       const segments = line.split('||').map(segment => segment.trim()).filter(Boolean);
       segments.forEach(segment => {
@@ -288,6 +298,7 @@ function renderMarkdownLines(lines: string[]): LayoutNode[] {
         normalized.push(out);
       });
     } else {
+      // Preserve the original line - don't collapse whitespace as it breaks formatting
       normalized.push(line);
     }
   });
@@ -373,10 +384,11 @@ function clipMessage(message: Message, available: number): Message | null {
 
 interface MessageListProps {
   messages: Message[];
-  height: number;
+  height?: number;
   maxMessages?: number;
   debug?: boolean;
   expandToolOutputs?: boolean;
+  scrollback?: boolean;
 }
 
 export function buildMessageListView({
@@ -384,30 +396,34 @@ export function buildMessageListView({
   height,
   maxMessages = 50,
   debug = false,
-  expandToolOutputs = false
+  expandToolOutputs = false,
+  scrollback = false
 }: MessageListProps): LayoutNode {
   const recentMessages = messages.slice(-maxMessages);
-  const visibleMessages: Message[] = [];
-  let remaining = height;
-  for (let i = recentMessages.length - 1; i >= 0; i -= 1) {
-    const msg = recentMessages[i];
-    const estimate = estimateMessageLines(msg);
-    if (estimate <= remaining) {
-      visibleMessages.unshift(msg);
-      remaining -= estimate;
-      continue;
-    }
-    if (visibleMessages.length === 0) {
-      const clipped = clipMessage(msg, remaining);
-      if (clipped) {
-        visibleMessages.unshift(clipped);
+  let visibleMessages: Message[] = recentMessages;
+  if (!scrollback && typeof height === 'number') {
+    visibleMessages = [];
+    let remaining = height;
+    for (let i = recentMessages.length - 1; i >= 0; i -= 1) {
+      const msg = recentMessages[i];
+      const estimate = estimateMessageLines(msg);
+      if (estimate <= remaining) {
+        visibleMessages.unshift(msg);
+        remaining -= estimate;
+        continue;
       }
+      if (visibleMessages.length === 0) {
+        const clipped = clipMessage(msg, remaining);
+        if (clipped) {
+          visibleMessages.unshift(clipped);
+        }
+      }
+      break;
     }
-    break;
   }
 
   return box([
-    box([], { flexGrow: 1 }),
+    !scrollback ? box([], { flexGrow: 1 }) : box([], {}),
     box(visibleMessages.map(msg => messageView(msg, expandToolOutputs)), { flexDirection: 'column' }),
     messages.length === 0
       ? box([text('No messages yet. Type something to begin.', { color: 'gray', dimColor: true })], {
@@ -418,9 +434,9 @@ export function buildMessageListView({
       : box([], {})
   ], {
     flexDirection: 'column',
-    height,
+    height: scrollback ? undefined : height,
     paddingX: 1,
-    flexGrow: 1,
+    flexGrow: scrollback ? undefined : 1,
     borderStyle: debug ? 'single' : undefined,
     borderColor: debug ? 'gray' : undefined
   });

package/src/ui/views/status_bar.ts

@@ -11,7 +11,9 @@ interface StatusBarProps {
   provider?: string;
   model?: string;
   emulationId?: string;
+  inputMode?: 'queue' | 'interrupt';
   toast?: string | null;
+  spinnerLabel?: string | null;
   debug?: boolean;
 }
 
@@ -36,11 +38,15 @@ export function buildStatusBarView({
   provider,
   model,
   emulationId,
+  inputMode,
   toast,
+  spinnerLabel,
   debug = false
 }: StatusBarProps): LayoutNode {
   const config = getStatusConfig(state);
   const isActive = state.status !== 'idle' && state.status !== 'error';
+  const useSpinnerLabel = spinnerLabel && (state.status === 'thinking' || state.status === 'streaming');
+  const label = useSpinnerLabel ? spinnerLabel : config.label;
 
   const connectionColors = {
     connected: 'green',
@@ -62,7 +68,7 @@ export function buildStatusBarView({
   return box([
     box([
       text(isActive ? '⠋ ' : `${config.icon} `, { color: config.color }),
-      text(config.label, { color: config.color }),
+      text(label, { color: config.color }),
       state.error ? text(` - ${state.error}`, { color: 'red' }) : text('', {}),
       toastLabel ? text(' • ', { color: 'gray', dimColor: true }) : text('', {}),
       toastLabel ? text(toastLabel, { color: 'yellow' }) : text('', {})
@@ -78,6 +84,8 @@ export function buildStatusBarView({
       (provider || model) ? text(' • ', { color: 'gray', dimColor: true }) : text('', {}),
       emulationId ? text(`emu:${emulationId}`, { color: 'gray', dimColor: true }) : text('', {}),
       emulationId ? text(' • ', { color: 'gray', dimColor: true }) : text('', {}),
+      inputMode ? text(`mode:${inputMode}`, { color: 'gray', dimColor: true }) : text('', {}),
+      inputMode ? text(' • ', { color: 'gray', dimColor: true }) : text('', {}),
       state.tokensUsed !== undefined && state.tokensUsed > 0
         ? text(`${state.tokensUsed.toLocaleString()} tok`, { color: 'gray', dimColor: true })
         : text('', {}),
@@ -98,6 +106,8 @@ export function buildStatusBarView({
     flexDirection: 'row',
     justifyContent: 'space-between',
     paddingX: 1,
+    height: 1,
+    flexShrink: 0,
     borderStyle: debug ? 'single' : undefined,
     borderColor: debug ? 'gray' : undefined
   });

package/src/utils/spinner_frames.ts

@@ -0,0 +1 @@
+export const SPINNER_FRAMES = ['-', '\\', '|', '/'];

package/src/utils/spinner_verbs.ts

@@ -0,0 +1,23 @@
+export const DEFAULT_SPINNER_VERBS = [
+  'Thinking',
+  'Reticulating splines',
+  'Allocating time slices',
+  'Negotiating with entropy',
+  'Consulting the archives',
+  'Organizing thoughts',
+  'Compiling context',
+  'Assembling response',
+  'Tracing dependencies',
+  'Resolving intent'
+];
+
+export function parseSpinnerVerbs(input: string): string[] {
+  return input
+    .split(/[,|;\n]+/g)
+    .map(part => part.trim())
+    .filter(Boolean);
+}
+
+export function formatSpinnerVerbs(verbs: string[]): string {
+  return verbs.length === 0 ? '(none)' : verbs.join(', ');
+}

package/src/utils/tool_trace.ts

@@ -138,7 +138,11 @@ export function formatToolStart(tool: string, args: Record<string, unknown>, emu
     return `⏺ ${label}${argsText}`;
   }
   if (style === 'codex') {
-    return `• ${label}${argsText}`;
+    if (tool === 'run_command') {
+      const command = args.command ? String(args.command) : '';
+      return `! ${command}`;
+    }
+    return `⏺ ${label}${argsText}`;
   }
   return `> ${label}${argsText}`;
 }
@@ -150,7 +154,13 @@ export function formatToolEnd(tool: string, result: string, durationMs?: number,
     return `⎿ ${summary}`;
   }
   if (style === 'codex') {
-    return `  ${summary}`;
+    if (tool === 'run_command') {
+      const { lines } = buildOutputLines(tool, result);
+      if (lines.length === 0) {
+        return `  ⎿  (No content)`;
+      }
+    }
+    return `  ⎿  ${summary}`;
   }
   return `< ${summary}`;
 }

package/src/utils/update.ts

@@ -0,0 +1,44 @@
+const PACKAGE_NAME = 'zerg-ztc';
+
+export interface UpdateCheck {
+  current: string;
+  latest: string;
+  hasUpdate: boolean;
+}
+
+function parseVersion(value: string): number[] {
+  return value.split('.').map(part => Number(part.replace(/[^0-9]/g, '')) || 0);
+}
+
+export function compareVersions(a: string, b: string): number {
+  const pa = parseVersion(a);
+  const pb = parseVersion(b);
+  const len = Math.max(pa.length, pb.length);
+  for (let i = 0; i < len; i += 1) {
+    const av = pa[i] ?? 0;
+    const bv = pb[i] ?? 0;
+    if (av > bv) return 1;
+    if (av < bv) return -1;
+  }
+  return 0;
+}
+
+export async function fetchLatestVersion(): Promise<string> {
+  const res = await fetch(`https://registry.npmjs.org/${PACKAGE_NAME}/latest`, {
+    headers: { 'Accept': 'application/json' }
+  });
+  if (!res.ok) {
+    throw new Error(`Version check failed (${res.status})`);
+  }
+  const data = await res.json() as { version?: string };
+  return data.version || '0.0.0';
+}
+
+export async function checkForUpdate(current: string): Promise<UpdateCheck> {
+  const latest = await fetchLatestVersion();
+  return {
+    current,
+    latest,
+    hasUpdate: compareVersions(latest, current) > 0
+  };
+}

package/src/utils/version.ts

@@ -0,0 +1,15 @@
+import { readFileSync } from 'fs';
+import { dirname, resolve } from 'path';
+import { fileURLToPath } from 'url';
+
+export function getVersion(): string {
+  try {
+    const here = dirname(fileURLToPath(import.meta.url));
+    const pkgPath = resolve(here, '../../package.json');
+    const raw = readFileSync(pkgPath, 'utf-8');
+    const parsed = JSON.parse(raw) as { version?: string };
+    return parsed.version || '0.0.0';
+  } catch {
+    return '0.0.0';
+  }
+}