zerg-ztc 0.1.3 → 0.1.5

package/src/agent/commands/update.ts

@@ -0,0 +1,32 @@
+import { Command } from './types.js';
+import { getVersion } from '../../utils/version.js';
+import { checkForUpdate } from '../../utils/update.js';
+
+export const updateCommand: Command = {
+  name: 'update',
+  description: 'Check for updates and install the latest version',
+  handler: async (_args, ctx) => {
+    try {
+      ctx.addMessage({ role: 'system', content: 'Checking for updates...' });
+      const current = getVersion();
+      const info = await checkForUpdate(current);
+      if (!info.hasUpdate) {
+        ctx.addMessage({ role: 'system', content: `ZTC is up to date (v${current}).` });
+        return;
+      }
+      ctx.addMessage({ role: 'system', content: `Updating to v${info.latest}...` });
+      const result = await ctx.shell.run('npm install -g zerg-ztc@latest');
+      if (result.exitCode === 0) {
+        ctx.addMessage({ role: 'system', content: `✓ Updated to v${info.latest}. Restart ZTC to use the new version.` });
+      } else {
+        ctx.addMessage({
+          role: 'system',
+          content: `Update failed (exit ${result.exitCode}).\n${result.stderr || result.stdout || ''}`.trim()
+        });
+      }
+    } catch (err) {
+      const message = err instanceof Error ? err.message : 'Update failed';
+      ctx.addMessage({ role: 'system', content: `Update failed: ${message}` });
+    }
+  }
+};

package/src/cli.tsx

@@ -1,11 +1,11 @@
 #!/usr/bin/env node
 import React from 'react';
 import { render } from 'ink';
-import { resolve, dirname } from 'path';
-import { statSync, readFileSync } from 'fs';
-import { fileURLToPath } from 'url';
+import { resolve } from 'path';
+import { statSync } from 'fs';
 import { App } from './App.js';
 import { configStore } from './config.js';
+import { getVersion } from './utils/version.js';
 
 // --- CLI Entry Point ---
 
@@ -75,12 +75,84 @@ if (cwdIndex >= 0) {
 async function main(): Promise<void> {
   await configStore.load(true);
 
+  const isTty = Boolean(process.stdout.isTTY);
+  const useAltScreen = isTty
+    && process.env.ZTC_ALT_SCREEN === '1'
+    && process.env.ZTC_NO_ALT_SCREEN !== '1'
+    && process.env.ZTC_SCROLLBACK !== '1';
+
+  if (useAltScreen) {
+    process.stdout.write('\x1b[?1049h');
+    process.stdout.write('\x1b[?25l');
+  }
+
+  if (isTty) {
+    // Clear screen and move cursor home for a clean start
+    process.stdout.write('\x1b[2J');
+    process.stdout.write('\x1b[H');
+  }
+
+  // In scrollback mode, print a static header once at startup
+  const scrollback = !useAltScreen;
+  if (scrollback && isTty) {
+    const version = getVersion();
+    const dateLabel = new Date().toLocaleDateString('en-US', {
+      month: 'short',
+      day: '2-digit',
+      year: 'numeric'
+    });
+    const cols = process.stdout.columns || 80;
+    const title = 'Zerg Terminal Client';
+    const right = `${dateLabel} • v${version} • Ctrl+C exit • /help`;
+    const padding = Math.max(0, cols - title.length - right.length - 4);
+    const borderLine = '─'.repeat(cols - 2);
+
+    console.log(`┌${borderLine}┐`);
+    console.log(`│ ${title}${' '.repeat(padding)}${right} │`);
+    console.log(`└${borderLine}┘`);
+    console.log(''); // Extra line after header
+  }
+
+  // Enable bracketed paste mode so we can detect paste boundaries
+  process.stdout.write('\x1b[?2004h');
+
+  // Enable Kitty keyboard protocol (progressive enhancement)
+  // This allows detection of Cmd+V and other modifier combinations
+  // Flags: 1 = disambiguate escape codes, 2 = report event types, 4 = report alternate keys, 8 = report all keys
+  // Using flags=1 for basic disambiguation which reports Cmd+V as CSI sequence
+  process.stdout.write('\x1b[>1u');
+
+  if (useAltScreen) {
+    // Wrap stdout.write to use synchronized output (reduces flicker)
+    // DECSM/DECRM 2026 tells terminal to batch updates
+    const originalWrite = process.stdout.write.bind(process.stdout);
+    let syncPending = false;
+    process.stdout.write = function(chunk: any, encoding?: any, callback?: any): boolean {
+      if (!syncPending) {
+        syncPending = true;
+        originalWrite('\x1b[?2026h'); // Begin synchronized update
+        setImmediate(() => {
+          originalWrite('\x1b[?2026l'); // End synchronized update
+          syncPending = false;
+        });
+      }
+      return originalWrite(chunk, encoding, callback);
+    } as typeof process.stdout.write;
+  }
+
   // Render the app
-  // Note: FullScreen component handles alternate screen buffer
   const { waitUntilExit } = render(<App />);
 
   // Handle clean exit
   waitUntilExit().then(() => {
+    // Disable Kitty keyboard protocol
+    process.stdout.write('\x1b[<u');
+    // Disable bracketed paste mode
+    process.stdout.write('\x1b[?2004l');
+    if (useAltScreen) {
+      process.stdout.write('\x1b[?25h');
+      process.stdout.write('\x1b[?1049l');
+    }
     console.log('Goodbye from ZTC! 👋');
     process.exit(0);
   });
@@ -88,14 +160,4 @@ async function main(): Promise<void> {
 
 void main();
 
-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';
-  }
-}
+// getVersion moved to utils/version.ts

package/src/components/ActivityLine.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import { AgentState } from '../types.js';
+import { InkNode } from '../ui/ink/index.js';
+import { buildActivityLineView } from '../ui/views/activity_line.js';
+
+interface ActivityLineProps {
+  state: AgentState;
+  spinnerLabel?: string | null;
+  spinnerFrame?: string | null;
+  inputMode?: 'queue' | 'interrupt';
+}
+
+export const ActivityLine: React.FC<ActivityLineProps> = ({
+  state,
+  spinnerLabel,
+  spinnerFrame,
+  inputMode
+}) => {
+  const node = buildActivityLineView({ state, spinnerLabel, spinnerFrame, inputMode });
+  return <InkNode node={node} />;
+};
+
+export default ActivityLine;

package/src/components/FullScreen.tsx

@@ -1,14 +1,14 @@
-import React, { useEffect, PropsWithChildren } from 'react';
+import React, { PropsWithChildren, useState, useEffect } from 'react';
 import { Box } from 'ink';
 
 /**
  * FullScreen component that uses the alternate screen buffer.
- * 
+ *
  * This prevents flickering by:
  * 1. Switching to the alternate screen buffer (like vim, htop, less do)
  * 2. Tracking terminal resize events
  * 3. Restoring the original terminal state on exit
- * 
+ *
  * ANSI escape codes:
  * - \x1b[?1049h - Enter alternate screen buffer
  * - \x1b[?1049l - Exit alternate screen buffer
@@ -18,43 +18,25 @@ import { Box } from 'ink';
 
 interface FullScreenProps extends PropsWithChildren {
   debug?: boolean;
+  scrollback?: boolean;
 }
 
-const initialSize = {
-  columns: process.stdout.columns || 80,
-  rows: process.stdout.rows || 24,
-};
-
-export const FullScreen: React.FC<FullScreenProps> = ({ children, debug = false }) => {
-  const isTty = Boolean(process.stdout.isTTY);
-  const useAltScreen = isTty && process.env.ZTC_ALT_SCREEN === '1';
-
-  useEffect(() => {
-    if (!useAltScreen) {
-      return;
-    }
-
-    // Enter alternate screen buffer
-    process.stdout.write('\x1b[?1049h');
-    // Hide cursor (we'll draw our own)
-    process.stdout.write('\x1b[?25l');
-    // Clear the alternate screen
-    process.stdout.write('\x1b[2J');
-    // Move cursor to top-left
-    process.stdout.write('\x1b[H');
+function getTerminalSize() {
+  return {
+    columns: process.stdout.columns || 80,
+    rows: process.stdout.rows || 24,
+  };
+}
 
-    // Cleanup: restore terminal state
-    return () => {
-      // Show cursor
-      process.stdout.write('\x1b[?25h');
-      // Exit alternate screen buffer (restores original content)
-      process.stdout.write('\x1b[?1049l');
-    };
-  }, [useAltScreen]);
+export const FullScreen: React.FC<FullScreenProps> = ({ children, debug = false, scrollback = false }) => {
+  const { rows, columns } = useScreenSize();
 
   return (
-    <Box 
+    <Box
       flexDirection="column"
+      width={columns}
+      height={scrollback ? undefined : rows}
+      overflow={scrollback ? undefined : 'hidden'}
       borderStyle={debug ? 'single' : undefined}
       borderColor={debug ? 'red' : undefined}
     >
@@ -67,7 +49,31 @@ export const FullScreen: React.FC<FullScreenProps> = ({ children, debug = false
  * Hook to get current screen size with resize tracking
  */
 export function useScreenSize() {
-  return initialSize;
+  const [size, setSize] = useState(getTerminalSize);
+
+  useEffect(() => {
+    const updateSize = () => {
+      const current = getTerminalSize();
+      setSize(prev => {
+        if (prev.rows !== current.rows || prev.columns !== current.columns) {
+          return current;
+        }
+        return prev;
+      });
+    };
+
+    process.stdout.on('resize', updateSize);
+
+    // Also check on an interval as a fallback for some terminals
+    const interval = setInterval(updateSize, 1000);
+
+    return () => {
+      process.stdout.off('resize', updateSize);
+      clearInterval(interval);
+    };
+  }, []);
+
+  return size;
 }
 
 export default FullScreen;