@thejeetsingh/kalcode 2.0.0

package/src/ui/terminal.ts

@@ -0,0 +1,337 @@
+import chalk from "chalk";
+import type { TokenUsage } from "../types.js";
+import { VERSION } from "../constants.js";
+
+// ─── Claude Code–style color palette (minimal, semantic) ────────────
+const DIM = chalk.dim;
+const BOLD = chalk.bold;
+const RED = chalk.red;
+const YELLOW = chalk.yellow;
+const GREEN = chalk.green;
+const CYAN = chalk.cyan;
+
+// ─── Helpers ─────────────────────────────────────────────────────────
+
+function stripAnsi(str: string): string {
+  return str.replace(/\x1b\[[0-9;]*m/g, "");
+}
+
+function visibleLength(str: string): number {
+  return stripAnsi(str).length;
+}
+
+function padRight(str: string, width: number): string {
+  const vis = visibleLength(str);
+  if (vis >= width) return str;
+  return str + " ".repeat(width - vis);
+}
+
+function getWidth(): number {
+  return Math.min(88, Math.max(60, process.stdout.columns || 80));
+}
+
+function shortModelName(modelId: string): string {
+  const parts = modelId.split("/");
+  let name = parts.length > 1 ? parts[1]! : modelId;
+  // Strip common verbose suffixes for compact display
+  name = name
+    .replace(/-instruct(?:-\d+)?$/, "")
+    .replace(/-chat$/, "");
+  if (name.length > 28) name = name.slice(0, 28) + "…";
+  return name;
+}
+
+function shortenPath(p: string): string {
+  const home = process.env.HOME || "";
+  if (home && p.startsWith(home)) return "~" + p.slice(home.length);
+  return p;
+}
+
+function truncLine(line: string, max = 120): string {
+  return line.length > max ? line.slice(0, max) + "…" : line;
+}
+
+function truncPath(p: string, max: number): string {
+  if (p.length <= max) return p;
+  // Keep the last components that fit
+  const parts = p.split("/");
+  let result = parts[parts.length - 1]!;
+  for (let i = parts.length - 2; i >= 0; i--) {
+    const candidate = parts[i] + "/" + result;
+    if (candidate.length + 2 > max) break;
+    result = candidate;
+  }
+  return "…/" + result;
+}
+
+// ─── Welcome Screen (Claude Code style boxed panel) ─────────────────
+
+export function renderWelcome(model: string): void {
+  const w = getWidth();
+  const midCol = Math.floor(w * 0.50);
+  const leftW = midCol - 1;
+  const rightW = w - midCol - 2;
+
+  // Top border with version embedded: ┌─ kalcode v2.0.0 ──...──┐
+  const vTag = ` kalcode v${VERSION} `;
+  const topFill = w - 2 - vTag.length - 1;
+  console.log("");
+  console.log(`┌─${vTag}${"─".repeat(Math.max(0, topFill))}┐`);
+
+  const leftLines: string[] = [
+    "",
+    `   ${BOLD("Welcome!")}`,
+    "",
+    `      ${DIM("┌──┐")}`,
+    `      ${DIM("│")}${CYAN("kc")}${DIM("│")}`,
+    `      ${DIM("└──┘")}`,
+    "",
+    `   ${shortModelName(model)} ${DIM("· NVIDIA NIM")}`,
+    `   ${DIM(truncPath(shortenPath(process.cwd()), leftW - 4))}`,
+    "",
+  ];
+
+  const rightLines: string[] = [
+    "",
+    ` ${YELLOW("Tips for getting started")}`,
+    ` Run ${BOLD("/init")} to create a KALCODE.md file`,
+    ` with instructions for kalcode`,
+    "",
+    ` ${YELLOW("Recent activity")}`,
+    ` ${DIM("No recent activity")}`,
+    "",
+    "",
+    "",
+  ];
+
+  const rows = Math.max(leftLines.length, rightLines.length);
+  for (let i = 0; i < rows; i++) {
+    const l = padRight(leftLines[i] || "", leftW);
+    const r = padRight(rightLines[i] || "", rightW);
+    console.log(`│${l}│${r}│`);
+  }
+
+  console.log(`└${"─".repeat(leftW)}┴${"─".repeat(rightW)}┘`);
+}
+
+// ─── Separator + Hints (shown between welcome and prompt) ───────────
+
+export function renderSeparator(): void {
+  console.log("");
+  console.log(DIM("─".repeat(getWidth())));
+}
+
+export function renderHints(): void {
+  const left = DIM("  ? for shortcuts");
+  const right = DIM("/help for commands  /model to switch model");
+  const w = getWidth();
+  const gap = Math.max(2, w - visibleLength(left) - visibleLength(right));
+  console.log(left + " ".repeat(gap) + right);
+  console.log("");
+}
+
+// ─── Status line (no-op; state is shown in welcome + hints) ─────────
+
+export function renderStatusLine(_opts: {
+  model: string;
+  askMode: boolean;
+  autoAccept: boolean;
+  compact: boolean;
+}): void {
+  // Intentionally empty — status context is in the welcome box
+}
+
+// ─── Help (Claude Code style boxed panel) ───────────────────────────
+
+export function renderHelp(): void {
+  const w = getWidth();
+  const inner = w - 2;
+
+  // Top border
+  const hTag = " Commands ";
+  const hFill = inner - hTag.length - 1;
+  console.log("");
+  console.log(`┌─${hTag}${"─".repeat(Math.max(0, hFill))}┐`);
+
+  const sections: [string, [string, string][]][] = [
+    ["Session", [
+      ["/help", "Show this help"],
+      ["/clear", "Clear conversation"],
+      ["/retry", "Retry last message"],
+      ["/model", "Switch model (TUI picker)"],
+      ["/compact", "Toggle compact output"],
+      ["/ask", "Toggle read-only mode"],
+      ["/auto", "Toggle auto-accept"],
+      ["/skills", "List available skills"],
+      ["/", "Show slash commands"],
+      ["/exit", "Quit"],
+    ]],
+    ["Context", [
+      ["/add <f>", "Add file to context"],
+      ["/drop <f>", "Remove file from context"],
+      ["/files", "List context files"],
+    ]],
+    ["Git", [
+      ["/diff", "Show uncommitted changes"],
+      ["/status", "Git status"],
+      ["/log", "Recent commits"],
+      ["/undo", "Undo last commit"],
+      ["/commit", "Commit all changes"],
+      ["/init", "Create KALCODE.md"],
+    ]],
+  ];
+
+  for (const [title, cmds] of sections) {
+    const titleLine = `  ${BOLD(title)}`;
+    console.log(`│${padRight(titleLine, inner)}│`);
+    for (const [cmd, desc] of cmds) {
+      const line = `    ${BOLD(cmd.padEnd(14))}${DIM(desc)}`;
+      console.log(`│${padRight(line, inner)}│`);
+    }
+    console.log(`│${" ".repeat(inner)}│`);
+  }
+
+  console.log(`└${"─".repeat(inner)}┘`);
+  console.log("");
+}
+
+// ─── Tool calls (Claude Code style ● marker + ⎿ continuation) ──────
+
+export function renderToolCall(
+  name: string,
+  args: Record<string, unknown>,
+): void {
+  const display = toolDisplayName(name);
+  const summary = formatToolSummary(name, args);
+  console.log("");
+  console.log(
+    summary
+      ? `  ${CYAN("●")} ${BOLD(display)} ${DIM(summary)}`
+      : `  ${CYAN("●")} ${BOLD(display)}`,
+  );
+}
+
+export function renderToolResult(
+  name: string,
+  result: string,
+  compact: boolean,
+): void {
+  const lines = result.split("\n").filter((l) => l.length > 0);
+  if (lines.length === 0) return;
+
+  const cont = `  ${DIM("⎿")}  `;
+
+  if (name === "writeFile" || name === "editFile") {
+    console.log(`${cont}${DIM(truncLine(lines[0]!))}`);
+    return;
+  }
+
+  const maxLines = compact ? 4 : 8;
+  const visible =
+    lines.length <= maxLines
+      ? lines
+      : [...lines.slice(0, maxLines - 1), `… ${lines.length - maxLines + 1} more lines`];
+
+  for (const line of visible) {
+    console.log(`${cont}${DIM(truncLine(line))}`);
+  }
+}
+
+// ─── Model info ─────────────────────────────────────────────────────
+
+export function renderModelInfo(
+  current: string,
+  available: { id: string; name: string; params: string }[],
+): void {
+  console.log("");
+  console.log(`  Current: ${BOLD(shortModelName(current))}`);
+  console.log("");
+  for (const m of available) {
+    const active = m.id === current;
+    const marker = active ? GREEN("●") : DIM("○");
+    const name = active ? BOLD(m.name) : m.name;
+    const params = DIM(`(${m.params})`);
+    console.log(`  ${marker} ${name} ${params}`);
+  }
+  console.log("");
+}
+
+// ─── Misc renders ───────────────────────────────────────────────────
+
+export function renderError(message: string): void {
+  console.log(`  ${RED("✗")} ${RED(message)}`);
+}
+
+export function renderUsage(usage: TokenUsage | null): void {
+  if (!usage) return;
+  const { prompt_tokens, completion_tokens, total_tokens } = usage;
+  console.log(
+    DIM(`\n  ${total_tokens} tokens · ${prompt_tokens} in · ${completion_tokens} out`),
+  );
+}
+
+export function renderThinking(): void {
+  process.stdout.write(DIM("  thinking…"));
+}
+
+export function clearThinking(): void {
+  process.stdout.write("\r\x1b[2K");
+}
+
+export function renderRetryWait(attempt: number, waitSec: number): void {
+  process.stdout.write(
+    `\r\x1b[2K  ${YELLOW("⏳")} ${DIM(`Rate limited — retry ${attempt} in ${waitSec}s`)}`,
+  );
+}
+
+export function renderInterrupted(): void {
+  console.log("");
+  console.log(`  ${YELLOW("⚠")} ${YELLOW("Interrupted")}`);
+}
+
+// ─── Private helpers ────────────────────────────────────────────────
+
+function toolDisplayName(name: string): string {
+  switch (name) {
+    case "readFile":
+      return "Read";
+    case "writeFile":
+      return "Write";
+    case "editFile":
+      return "Edit";
+    case "runCommand":
+      return "Bash";
+    case "grep":
+      return "Grep";
+    case "glob":
+      return "Glob";
+    case "listDirectory":
+      return "List";
+    default:
+      return name;
+  }
+}
+
+function formatToolSummary(
+  name: string,
+  args: Record<string, unknown>,
+): string {
+  switch (name) {
+    case "readFile":
+    case "writeFile":
+    case "editFile":
+      return String(args.filePath || "");
+    case "runCommand": {
+      const cmd = String(args.command || "");
+      return cmd.length > 80 ? cmd.slice(0, 80) + "…" : cmd;
+    }
+    case "grep":
+      return `"${args.pattern}" in ${args.path || "."}`;
+    case "glob":
+      return String(args.pattern || "");
+    case "listDirectory":
+      return String(args.dirPath || ".");
+    default:
+      return "";
+  }
+}

package/tsconfig.json

@@ -0,0 +1,15 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "outDir": "./dist",
+    "rootDir": ".",
+    "types": ["bun"]
+  },
+  "include": ["src/**/*", "bin/**/*", "api/**/*"]
+}

package/vercel.json

@@ -0,0 +1,12 @@
+{
+  "rewrites": [
+    {
+      "source": "/v1/chat/completions",
+      "destination": "/api/v1/chat/completions"
+    },
+    {
+      "source": "/health",
+      "destination": "/api/health"
+    }
+  ]
+}