@ebowwa/coder 0.7.63 → 0.7.65

package/packages/src/interfaces/ui/terminal/shared/status-line.ts

@@ -0,0 +1,366 @@
+/**
+ * Status Line Component for Coder CLI
+ *
+ * Displays:
+ * - Context left until auto-compact (%)
+ * - Token count
+ * - Permission mode (with cycle hint)
+ * - Version number
+ */
+
+import chalk from "chalk";
+import type { PermissionMode } from "../../../../types/index.js";
+import {
+  getContextWindow as getContextWindowBase,
+  getModelDisplayName as getModelDisplayNameBase,
+  MODEL_DISPLAY_NAMES,
+} from "../../../../core/models.js";
+
+// ============================================
+// VERSION INFO
+// ============================================
+
+export const VERSION = "0.2.0";
+export const BUILD_TIME = new Date().toISOString();
+
+// ============================================
+// TYPES
+// ============================================
+
+export interface StatusLineOptions {
+  /** Current permission mode */
+  permissionMode: PermissionMode;
+  /** Total tokens used in context */
+  tokensUsed: number;
+  /** Maximum context tokens */
+  maxTokens: number;
+  /** Current model */
+  model: string;
+  /** Is loading/spinning */
+  isLoading?: boolean;
+  /** Is in plan mode */
+  isPlanMode?: boolean;
+  /** Show verbose status */
+  verbose?: boolean;
+  /** Terminal width */
+  terminalWidth?: number;
+}
+
+export interface ContextInfo {
+  /** Percentage of context remaining (0-100) */
+  percentRemaining: number;
+  /** Human-readable token count */
+  tokenDisplay: string;
+  /** Whether auto-compact is imminent (< 10%) */
+  isLow: boolean;
+  /** Whether context is critical (< 5%) */
+  isCritical: boolean;
+}
+
+// ============================================
+// PERMISSION MODE DISPLAY
+// ============================================
+
+const permissionModeDisplay: Record<PermissionMode, { symbol: string; label: string; color: string }> = {
+  default: { symbol: "○", label: "default", color: "gray" },
+  acceptEdits: { symbol: "●", label: "accept edits", color: "green" },
+  bypassPermissions: { symbol: "⏵⏵", label: "bypass permissions", color: "yellow" },
+  plan: { symbol: "◐", label: "plan", color: "cyan" },
+  dontAsk: { symbol: "■", label: "don't ask", color: "red" },
+  interactive: { symbol: "◉", label: "interactive", color: "blue" },
+};
+
+/**
+ * Get display info for a permission mode
+ */
+export function getPermissionModeDisplay(mode: PermissionMode): { symbol: string; label: string; color: string } {
+  return permissionModeDisplay[mode] || permissionModeDisplay.default;
+}
+
+/**
+ * Format permission mode with cycle hint
+ */
+export function formatPermissionMode(mode: PermissionMode): string {
+  const display = getPermissionModeDisplay(mode);
+  const colorFn = ((chalk as unknown) as Record<string, unknown>)[display.color] as ((s: string) => string) | undefined ?? chalk.gray;
+
+  // Show cycle hint only for certain modes
+  const cycleHint = mode === "bypassPermissions" || mode === "acceptEdits"
+    ? chalk.dim(" (shift+tab to cycle)")
+    : "";
+
+  return `${colorFn(display.symbol)} ${colorFn(display.label + " on")}${cycleHint}`;
+}
+
+/**
+ * Format permission mode without cycle hint (simplified)
+ */
+function formatPermissionModeSimple(mode: PermissionMode): string {
+  const display = getPermissionModeDisplay(mode);
+  const colorFn = ((chalk as unknown) as Record<string, unknown>)[display.color] as ((s: string) => string) | undefined ?? chalk.gray;
+  return `${colorFn(display.symbol)} ${colorFn(display.label)}`;
+}
+
+// ============================================
+// CONTEXT CALCULATIONS
+// ============================================
+
+/** Context window sizes by model */
+const modelContextWindows: Record<string, number> = {
+  "claude-opus-4-6": 200_000,
+  "claude-sonnet-4-6": 200_000,
+  "claude-haiku-4-5-20251001": 200_000,
+  "claude-haiku-4-5": 200_000,
+  "claude-opus-4-5": 200_000,
+  "claude-sonnet-4-5": 200_000,
+  "claude-3-5-sonnet": 200_000,
+  "claude-3-opus": 200_000,
+  "claude-3-sonnet": 200_000,
+  "claude-3-haiku": 200_000,
+  "glm-5": 200_000,  // GLM-5: 200K context, 128K max output
+};
+
+/** Default context window if model not found */
+const DEFAULT_CONTEXT_WINDOW = 200_000;
+
+/** Buffer percentage for auto-compact (compact when < 8% remaining) */
+const AUTO_COMPACT_THRESHOLD = 0.08;
+
+/**
+ * Get the context window size for a model
+ */
+export function getContextWindow(model: string): number {
+  // Check for exact match first
+  if (modelContextWindows[model]) {
+    return modelContextWindows[model];
+  }
+
+  // Check for partial matches (e.g., "opus" in model name)
+  const modelLower = model.toLowerCase();
+  for (const [key, value] of Object.entries(modelContextWindows)) {
+    if (modelLower.includes(key.split("-")[1] ?? "")) {
+      return value;
+    }
+  }
+
+  return DEFAULT_CONTEXT_WINDOW;
+}
+
+/**
+ * Calculate context information
+ */
+export function calculateContextInfo(tokensUsed: number, model: string): ContextInfo {
+  const maxTokens = getContextWindow(model);
+  const remaining = maxTokens - tokensUsed;
+  const percentRemaining = Math.max(0, Math.min(100, (remaining / maxTokens) * 100));
+
+  return {
+    percentRemaining: Math.round(percentRemaining * 10) / 10,
+    tokenDisplay: formatTokenCount(tokensUsed),
+    isLow: percentRemaining < 15,
+    isCritical: percentRemaining < 8,
+  };
+}
+
+/**
+ * Format token count for display
+ */
+export function formatTokenCount(tokens: number): string {
+  if (tokens < 1000) {
+    return `${tokens} tokens`;
+  } else if (tokens < 1_000_000) {
+    return `${(tokens / 1000).toFixed(1)}k tokens`;
+  } else {
+    return `${(tokens / 1_000_000).toFixed(2)}M tokens`;
+  }
+}
+
+/**
+ * Format context remaining percentage
+ */
+export function formatContextPercent(percentRemaining: number): string {
+  if (percentRemaining < 5) {
+    return chalk.red(`${percentRemaining.toFixed(1)}%`);
+  } else if (percentRemaining < 15) {
+    return chalk.yellow(`${percentRemaining.toFixed(1)}%`);
+  } else if (percentRemaining < 30) {
+    return chalk.dim(`${percentRemaining.toFixed(1)}%`);
+  }
+  return chalk.dim(`${percentRemaining.toFixed(1)}%`);
+}
+
+// ============================================
+// STATUS LINE RENDERING
+// ============================================
+
+/**
+ * Render the full status line
+ * Simplified format: "Context left until auto-compact: 8%, 0 tokens, ○ default"
+ */
+export function renderStatusLine(options: StatusLineOptions): string {
+  const {
+    tokensUsed,
+    model,
+    permissionMode,
+    isLoading = false,
+    verbose = false,
+  } = options;
+
+  const contextInfo = calculateContextInfo(tokensUsed, model);
+
+  // Build status parts
+  const parts: string[] = [];
+
+  // 1. Context left until auto-compact (with color based on remaining %)
+  const contextValue = contextInfo.isCritical
+    ? chalk.red(`${contextInfo.percentRemaining.toFixed(0)}%`)
+    : contextInfo.isLow
+      ? chalk.yellow(`${contextInfo.percentRemaining.toFixed(0)}%`)
+      : `${contextInfo.percentRemaining.toFixed(0)}%`;
+
+  parts.push(`Context left until auto-compact: ${contextValue}`);
+  parts.push(tokensUsed === 0 ? "0 tokens" : `${tokensUsed} tokens`);
+
+  // 2. Add permission mode
+  parts.push(formatPermissionMode(permissionMode));
+
+  // 3. Add version in verbose mode
+  if (verbose) {
+    parts.push(`currentVersion: ${VERSION}`);
+  }
+
+  // Join with comma-space
+  let statusLine = parts.join(", ");
+
+  // Add loading indicator
+  if (isLoading) {
+    statusLine = `${chalk.cyan("⠋")} ${statusLine}`;
+  }
+
+  return statusLine;
+}
+
+/**
+ * Render a compact status line for narrow displays
+ */
+export function renderCompactStatusLine(options: StatusLineOptions): string {
+  const { tokensUsed, model, permissionMode, isLoading = false } = options;
+  const contextInfo = calculateContextInfo(tokensUsed, model);
+  const permDisplay = getPermissionModeDisplay(permissionMode);
+
+  // Compact: "8% | 5.0k | bypass"
+  const parts = [
+    formatContextPercent(contextInfo.percentRemaining),
+    contextInfo.tokenDisplay.split(" ")[0] ?? "0", // Just the number
+    permDisplay.label.split(" ")[0] ?? permDisplay.label, // First word of label (e.g., "bypass" from "bypass permissions")
+  ];
+
+  let line = parts.join(chalk.dim(" | "));
+
+  if (isLoading) {
+    line = `${chalk.cyan("⠋")} ${line}`;
+  }
+
+  return line;
+}
+
+/**
+ * Render minimal status (just context percentage)
+ */
+export function renderMinimalStatusLine(permissionMode: PermissionMode): string {
+  // Just return empty or a simple indicator - permission mode no longer shown
+  return "";
+}
+
+// ============================================
+// AUTO-COMPACT WARNING
+// ============================================
+
+/**
+ * Check if auto-compact warning should be shown
+ */
+export function shouldShowAutoCompactWarning(contextInfo: ContextInfo): boolean {
+  return contextInfo.percentRemaining < 15;
+}
+
+/**
+ * Render auto-compact warning message
+ */
+export function renderAutoCompactWarning(contextInfo: ContextInfo): string {
+  if (contextInfo.isCritical) {
+    return chalk.red(`\n⚠ Context critical: ${contextInfo.percentRemaining.toFixed(1)}% remaining. Auto-compact imminent.`);
+  } else if (contextInfo.isLow) {
+    return chalk.yellow(`\n⚠ Context low: ${contextInfo.percentRemaining.toFixed(1)}% remaining.`);
+  }
+  return "";
+}
+
+// ============================================
+// FOOTER STATUS
+// ============================================
+
+/**
+ * Render footer status line (shown at bottom of screen)
+ */
+export function renderFooterStatus(options: StatusLineOptions): string {
+  const { permissionMode, tokensUsed, model, isLoading = false } = options;
+  const contextInfo = calculateContextInfo(tokensUsed, model);
+  const permDisplay = getPermissionModeDisplay(permissionMode);
+  const colorFn = ((chalk as unknown) as Record<string, unknown>)[permDisplay.color] as ((s: string) => string) | undefined ?? chalk.gray;
+
+  // Build compact footer
+  const contextStr = contextInfo.isCritical
+    ? chalk.red(`${contextInfo.percentRemaining.toFixed(0)}%`)
+    : contextInfo.isLow
+      ? chalk.yellow(`${contextInfo.percentRemaining.toFixed(0)}%`)
+      : chalk.dim(`${contextInfo.percentRemaining.toFixed(0)}%`);
+
+  const permStr = `${colorFn(permDisplay.symbol)} ${permDisplay.label}`;
+
+  const parts = [
+    `Context: ${contextStr}`,
+    permStr,
+  ];
+
+  let footer = parts.join(chalk.dim(" | "));
+
+  if (isLoading) {
+    footer = `${chalk.cyan("⠋")} ${footer}`;
+  }
+
+  return footer;
+}
+
+// ============================================
+// MODEL DISPLAY
+// ============================================
+
+/**
+ * Get display name for a model
+ * Re-exports from models.ts for backwards compatibility
+ */
+export function getModelDisplayName(model: string): string {
+  return getModelDisplayNameBase(model);
+}
+
+// ============================================
+// EXPORTS
+// ============================================
+
+export default {
+  VERSION,
+  BUILD_TIME,
+  renderStatusLine,
+  renderCompactStatusLine,
+  renderMinimalStatusLine,
+  renderFooterStatus,
+  renderAutoCompactWarning,
+  calculateContextInfo,
+  formatPermissionMode,
+  formatTokenCount,
+  formatContextPercent,
+  getContextWindow,
+  shouldShowAutoCompactWarning,
+  getModelDisplayName,
+  getPermissionModeDisplay,
+};

package/packages/src/interfaces/ui/terminal/shared/system-prompt.ts

@@ -0,0 +1,146 @@
+/**
+ * System Prompt Building
+ * Shared between CLI and TUI modes
+ */
+
+import { loadClaudeMd, buildClaudeMdPrompt } from "../../../../core/claude-md.js";
+import { getGitStatus } from "../../../../core/git-status.js";
+
+// ============================================
+// GIT STATUS TYPE
+// ============================================
+
+export interface GitStatusInfo {
+  branch: string;
+  ahead: number;
+  behind: number;
+  staged: string[];
+  unstaged: string[];
+  untracked: string[];
+}
+
+// ============================================
+// SYSTEM PROMPT BUILDER
+// ============================================
+
+/**
+ * Build the default system prompt with optional git status and CLAUDE.md content
+ */
+export async function buildDefaultSystemPrompt(
+  workingDirectory: string,
+  options?: {
+    gitStatus?: GitStatusInfo | null;
+    teammateMode?: boolean;
+    agentId?: string;
+    agentName?: string;
+    teamName?: string;
+  }
+): Promise<string> {
+  let prompt = `You are Coder, an AI coding assistant.
+
+You help users with software engineering tasks:
+- Reading, writing, and editing code
+- Running commands and scripts
+- Searching and exploring codebases
+- Debugging and fixing issues
+
+Guidelines:
+1. Be helpful, direct, and thorough
+2. Explain your reasoning when asked
+3. Follow user preferences and project conventions
+4. Use tools effectively to accomplish tasks
+5. Ask clarifying questions when needed
+
+Available tools:
+- Read: Read file contents
+- Write: Write new files
+- Edit: Make precise edits to files
+- Bash: Execute shell commands
+- Glob: Find files by pattern
+- Grep: Search file contents
+
+Working directory: ${workingDirectory}`;
+
+  // Add git status information if available
+  if (options?.gitStatus) {
+    const { branch, ahead, behind, staged, unstaged, untracked } = options.gitStatus;
+    prompt += `\n\nGit Status:`;
+    prompt += `\nBranch: ${branch}`;
+    if (ahead > 0 || behind > 0) {
+      prompt += ` (${ahead} ahead, ${behind} behind)`;
+    }
+    if (staged.length > 0 || unstaged.length > 0 || untracked.length > 0) {
+      prompt += `\nChanges: ${staged.length} staged, ${unstaged.length} unstaged, ${untracked.length} untracked`;
+    }
+  }
+
+  // Load CLAUDE.md files
+  const claudeMdContent = await buildClaudeMdPrompt();
+  if (claudeMdContent) {
+    prompt += `\n\n${claudeMdContent}`;
+  }
+
+  // Teammate mode adjustments
+  if (options?.teammateMode && options.teamName) {
+    prompt += `\n\nYou are running as a teammate agent in the "${options.teamName}" team.`;
+    prompt += `\nAgent ID: ${options.agentId}`;
+    prompt += `\nAgent Name: ${options.agentName}`;
+  }
+
+  return prompt;
+}
+
+/**
+ * Get git status for the working directory
+ */
+export async function fetchGitStatus(workingDirectory: string): Promise<GitStatusInfo | null> {
+  try {
+    const status = await getGitStatus(workingDirectory);
+    return status;
+  } catch {
+    return null;
+  }
+}
+
+/**
+ * Build complete system prompt with all options
+ */
+export async function buildCompleteSystemPrompt(
+  workingDirectory: string,
+  options?: {
+    systemPrompt?: string;
+    appendSystemPrompt?: string;
+    teammateMode?: boolean;
+    agentId?: string;
+    agentName?: string;
+    teamName?: string;
+  }
+): Promise<string> {
+  // Use custom system prompt if provided
+  if (options?.systemPrompt) {
+    let prompt = options.systemPrompt;
+    if (options.appendSystemPrompt) {
+      prompt += `\n\n${options.appendSystemPrompt}`;
+    }
+    return prompt;
+  }
+
+  // Get git status
+  const gitStatus = await fetchGitStatus(workingDirectory);
+
+  // Build default prompt
+  let prompt = await buildDefaultSystemPrompt(workingDirectory, {
+    gitStatus,
+    teammateMode: options?.teammateMode,
+    agentId: options?.agentId,
+    agentName: options?.agentName,
+    teamName: options?.teamName,
+  });
+
+  // Append additional prompt if provided
+  if (options?.appendSystemPrompt) {
+    prompt += `\n\n${options.appendSystemPrompt}`;
+  }
+
+  return prompt;
+}