camelagi 0.5.49 → 0.5.51

package/tui/src/components/SlashMenu.tsx

@@ -0,0 +1,46 @@
+// Simple, robust rendering: one <text content="..." fg/bg /> per row.
+// (Earlier multi-slot t`` template approach was hitting layout drift in
+// OpenTUI when slots had wide padded content.)
+
+import { theme } from "../theme.js"
+import type { SlashCommand } from "../commands/registry.js"
+
+export interface SlashMenuProps {
+  commands: SlashCommand[]
+  selectedIndex: number
+  /** When true, drop the leading "/" — items are arg suggestions, not commands. */
+  argMode?: boolean
+}
+
+const MAX_VISIBLE = 12
+
+export function SlashMenu({ commands, selectedIndex, argMode }: SlashMenuProps) {
+  if (commands.length === 0) return null
+
+  const start = Math.max(
+    0,
+    Math.min(selectedIndex - Math.floor(MAX_VISIBLE / 2), commands.length - MAX_VISIBLE),
+  )
+  const visible = commands.slice(start, Math.max(start, 0) + MAX_VISIBLE)
+  const longest = Math.max(...commands.map(c => c.name.length))
+
+  return (
+    <box flexDirection="column" paddingLeft={1} paddingRight={1}>
+      {visible.map((cmd, i) => {
+        const realIdx = start + i
+        const active = realIdx === selectedIndex
+        const marker = active ? "› " : "  "
+        const prefix = argMode ? "" : "/"
+        const line = `${marker}${prefix}${cmd.name.padEnd(longest)}   ${cmd.description}`
+        return (
+          <text
+            key={cmd.name}
+            content={line}
+            fg={active ? theme.assistant : theme.dim}
+            bg={active ? theme.userBg : undefined}
+          />
+        )
+      })}
+    </box>
+  )
+}

package/tui/src/components/SubagentBlock.tsx

@@ -0,0 +1,16 @@
+import { fg, t } from "@opentui/core"
+import type { ChatEntry } from "../state/reducer.js"
+import { theme } from "../theme.js"
+
+type Subagent = Extract<ChatEntry, { kind: "subagent" }>
+
+export function SubagentBlock({ entry }: { entry: Subagent }) {
+  const parts = [`subagent: ${entry.agentId}`]
+  if (entry.toolCount != null) parts.push(`${entry.toolCount} tools`)
+  if (entry.duration != null) parts.push(`${entry.duration}s`)
+  return (
+    <box flexDirection="column" marginTop={1}>
+      <text content={t`${fg(entry.done ? theme.toolDone : theme.accent)(entry.done ? "• " : "◆ ")}${fg(theme.assistant)(parts.join("  ·  "))}`} />
+    </box>
+  )
+}

package/tui/src/components/ToolBlock.tsx

@@ -0,0 +1,24 @@
+// Dispatches per-tool renderers. Add a new tool? Add a case here +
+// a renderer in components/tools/.
+
+import type { ChatEntry } from "../state/reducer.js"
+import { BashTool } from "./tools/BashTool.js"
+import { EditTool } from "./tools/EditTool.js"
+import { ReadTool } from "./tools/ReadTool.js"
+import { WriteTool } from "./tools/WriteTool.js"
+import { SearchTool } from "./tools/SearchTool.js"
+import { DefaultTool } from "./tools/DefaultTool.js"
+
+type Tool = Extract<ChatEntry, { kind: "tool" }>
+
+export function ToolBlock({ tool }: { tool: Tool }) {
+  switch (tool.name) {
+    case "Bash":           return <BashTool tool={tool} />
+    case "Edit":           return <EditTool tool={tool} />
+    case "Write":          return <WriteTool tool={tool} />
+    case "Read":           return <ReadTool tool={tool} />
+    case "Glob":
+    case "Grep":           return <SearchTool tool={tool} />
+    default:               return <DefaultTool tool={tool} />
+  }
+}

package/tui/src/components/Welcome.tsx

@@ -0,0 +1,75 @@
+// CamelAGI welcome banner
+
+import { fg, t, bold } from "@opentui/core"
+import { theme } from "../theme.js"
+
+export interface WelcomeProps {
+  cwd: string
+  model: string
+  version: string
+}
+
+const TIPS = [
+  "Type /  to see commands",
+  "Shift+Tab cycles permission modes",
+  "Esc interrupts a running task",
+]
+
+const CAMEL = [
+  "      🐪      ",
+  "   CamelAGI   ",
+]
+
+export function Welcome({ cwd, model, version }: WelcomeProps) {
+  const cwdShort = shortenPath(cwd)
+  const modelLabel = shortenModel(model)
+
+  return (
+    <box flexDirection="column" marginTop={1} marginBottom={1}>
+      <box
+        flexDirection="row"
+        borderStyle="rounded"
+        borderColor={theme.border}
+        title={` CamelAGI v${version} `}
+        titleAlignment="left"
+        paddingLeft={2}
+        paddingRight={2}
+        paddingTop={1}
+        paddingBottom={1}
+      >
+        <box flexDirection="column" width={30} paddingRight={2}>
+          {CAMEL.map((line, i) => (
+            <text key={i} content={t`${bold(fg(theme.assistant)(line))}`} />
+          ))}
+          <text content="" />
+          <text content={modelLabel} fg={theme.assistant} />
+          <text content={cwdShort} fg={theme.dim} />
+        </box>
+        <box flexDirection="column" flexGrow={1}>
+          <text content={t`${bold(fg(theme.assistant)("Getting started"))}`} />
+          {TIPS.map((tip, i) => (
+            <text key={i} content={tip} fg={theme.assistant} />
+          ))}
+          <text content="" />
+          <text content="─────────────────────────────────────" fg={theme.border} />
+          <text content="" />
+          <text content="Connect to gateway at ws://127.0.0.1:18305" fg={theme.dim} />
+          <text content="Run 'camel serve' in another terminal first" fg={theme.dim} />
+        </box>
+      </box>
+    </box>
+  )
+}
+
+function shortenModel(model: string): string {
+  const last = model.split("/").pop() ?? model
+  return last
+    .split("-")
+    .map(part => part[0]?.toUpperCase() + part.slice(1))
+    .join(" ")
+}
+
+function shortenPath(p: string): string {
+  const home = process.env.HOME ?? ""
+  return home && p.startsWith(home) ? "~" + p.slice(home.length) : p
+}

package/tui/src/components/tools/BashTool.tsx

@@ -0,0 +1,27 @@
+// Codex-style Bash block: action header + brief description, no stdout
+// dump (the agent summarizes the output in its response — showing it twice
+// just clutters the chat). Command is kept on a dim secondary line so it's
+// still visible when you need it.
+
+import { fg, t } from "@opentui/core"
+import type { ChatEntry } from "../../state/reducer.js"
+import { theme } from "../../theme.js"
+import { ToolHeader } from "./ToolHeader.js"
+
+type Tool = Extract<ChatEntry, { kind: "tool" }>
+
+export function BashTool({ tool }: { tool: Tool }) {
+  const command = String(tool.args.command ?? "")
+  const description = tool.args.description ? String(tool.args.description) : undefined
+  // Surface the agent's description as the tool subtitle (Codex pattern).
+  // The actual command stays one line below in dim.
+  return (
+    <box flexDirection="column" marginTop={1}>
+      <ToolHeader tool={tool} primary={undefined} secondary={description ?? command} verbOverride="Ran" />
+      <text content={t`  ${fg(theme.branch)("└ ")}${fg(theme.dim)("$ " + command)}`} />
+      {tool.status === "error" && tool.result ? (
+        <text content={t`  ${fg(theme.branch)("└ ")}${fg(theme.toolError)((tool.result.split("\n")[0] ?? "").slice(0, 200))}`} />
+      ) : null}
+    </box>
+  )
+}

package/tui/src/components/tools/DefaultTool.tsx

@@ -0,0 +1,38 @@
+import type { ChatEntry } from "../../state/reducer.js"
+import { theme } from "../../theme.js"
+import { ToolHeader } from "./ToolHeader.js"
+
+const PREVIEW_LINES = 6
+
+type Tool = Extract<ChatEntry, { kind: "tool" }>
+
+export function DefaultTool({ tool }: { tool: Tool }) {
+  const argSummary = summarizeArgs(tool.args)
+  const result = tool.result ?? (tool.status === "running" ? "" : "")
+  const lines = result ? result.split("\n").filter(l => l.length > 0) : []
+  const truncated = lines.length > PREVIEW_LINES
+  const preview = truncated ? lines.slice(0, PREVIEW_LINES) : lines
+
+  return (
+    <box flexDirection="column" marginTop={1}>
+      <ToolHeader tool={tool} primary={argSummary} />
+      {preview.map((line, i) => (
+        <text key={i} content={"    " + line} fg={theme.dim} />
+      ))}
+      {truncated ? (
+        <text content={`    …(+${lines.length - PREVIEW_LINES} more)`} fg={theme.dim} />
+      ) : null}
+    </box>
+  )
+}
+
+function summarizeArgs(args: Record<string, unknown>): string | undefined {
+  const primary = (args.url ?? args.query ?? args.path ?? args.file_path) as string | undefined
+  if (typeof primary === "string") return truncate(primary, 60)
+  if (Object.keys(args).length === 0) return undefined
+  try { return truncate(JSON.stringify(args), 80) } catch { return undefined }
+}
+
+function truncate(s: string, n: number) {
+  return s.length > n ? s.slice(0, n - 1) + "…" : s
+}

package/tui/src/components/tools/DiffView.tsx

@@ -0,0 +1,91 @@
+// Codex-style diff view: line-numbered rows, green/red tint, no patch header.
+
+import { diffLines } from "diff"
+import { theme } from "../../theme.js"
+
+const DEFAULT_VISIBLE = 14
+
+export interface DiffViewProps {
+  oldText: string
+  newText: string
+  expanded?: boolean
+}
+
+export function diffStats(oldText: string, newText: string): { added: number; removed: number } {
+  const changes = diffLines(oldText ?? "", newText ?? "")
+  let added = 0
+  let removed = 0
+  for (const c of changes) {
+    const segs = c.value.split("\n")
+    if (segs[segs.length - 1] === "") segs.pop()
+    if (c.added) added += segs.length
+    else if (c.removed) removed += segs.length
+  }
+  return { added, removed }
+}
+
+export function DiffView({ oldText, newText, expanded = false }: DiffViewProps) {
+  const rows = buildRows(oldText ?? "", newText ?? "")
+  const visible = expanded ? rows : rows.slice(0, DEFAULT_VISIBLE)
+  const truncated = !expanded && rows.length > DEFAULT_VISIBLE
+
+  return (
+    <box flexDirection="column" width="100%">
+      {visible.map((r, i) => <DiffRow key={i} {...r} />)}
+      {truncated ? (
+        <text content={`  …(+${rows.length - DEFAULT_VISIBLE} more lines)`} fg={theme.dim} />
+      ) : null}
+    </box>
+  )
+}
+
+type Row = { kind: "add" | "remove" | "context"; lineNo: number; text: string }
+
+function buildRows(oldText: string, newText: string): Row[] {
+  const changes = diffLines(oldText, newText)
+  const rows: Row[] = []
+  let newLineNo = 1
+  let oldLineNo = 1
+  for (const c of changes) {
+    const segs = c.value.split("\n")
+    if (segs[segs.length - 1] === "") segs.pop()
+    for (const seg of segs) {
+      if (c.added) {
+        rows.push({ kind: "add", lineNo: newLineNo++, text: seg })
+      } else if (c.removed) {
+        rows.push({ kind: "remove", lineNo: oldLineNo++, text: seg })
+      } else {
+        // Skip pure-empty context rows — they show up as orphan line numbers.
+        if (seg.length > 0) {
+          rows.push({ kind: "context", lineNo: newLineNo, text: seg })
+        }
+        newLineNo++
+        oldLineNo++
+      }
+    }
+  }
+  // Trim leading/trailing empty context rows — they're just noise from
+  // trailing newlines and look like orphan line numbers.
+  while (rows.length && rows[0].kind === "context" && rows[0].text === "") rows.shift()
+  while (rows.length && rows[rows.length - 1].kind === "context" && rows[rows.length - 1].text === "") rows.pop()
+  return rows
+}
+
+function DiffRow({ kind, lineNo, text }: Row) {
+  const num = String(lineNo).padStart(3, " ")
+  if (kind === "add") {
+    return (
+      <box width="100%" backgroundColor={theme.diffAdd}>
+        <text content={`${num} +${text}`} fg={theme.diffAddFg} bg={theme.diffAdd} />
+      </box>
+    )
+  }
+  if (kind === "remove") {
+    return (
+      <box width="100%" backgroundColor={theme.diffRemove}>
+        <text content={`${num} -${text}`} fg={theme.diffRemoveFg} bg={theme.diffRemove} />
+      </box>
+    )
+  }
+  return <text content={`${num}  ${text}`} fg={theme.dim} />
+}

package/tui/src/components/tools/EditGroup.tsx

@@ -0,0 +1,97 @@
+// Renders a run of consecutive Edit/Write tools on the same file as a
+// single block. Avoids the "Updated math.swift" header repeating 7×
+// when the agent batches edits.
+
+import { fg, t } from "@opentui/core"
+import type { ChatEntry } from "../../state/reducer.js"
+import { theme } from "../../theme.js"
+import { ToolHeader } from "./ToolHeader.js"
+import { DiffView, diffStats } from "./DiffView.js"
+
+type Tool = Extract<ChatEntry, { kind: "tool" }>
+
+export function EditGroup({ tools }: { tools: Tool[] }) {
+  if (tools.length === 1) {
+    // Group of 1 — caller should have rendered the single tool directly,
+    // but handle gracefully.
+  }
+
+  const filePath = String(tools[0]!.args.file_path ?? "")
+  const allWrites = tools.every(t => t.name === "Write")
+  const verb = allWrites ? "Added" : "Updated"
+
+  // Aggregate stats across every edit in the group.
+  let totalAdd = 0
+  let totalRemove = 0
+  for (const tool of tools) {
+    if (tool.name === "Write") {
+      const c = String(tool.args.content ?? "")
+      const lines = c.split("\n")
+      if (lines[lines.length - 1] === "") lines.pop()
+      totalAdd += lines.length
+    } else {
+      const s = diffStats(
+        String(tool.args.old_string ?? ""),
+        String(tool.args.new_string ?? ""),
+      )
+      totalAdd += s.added
+      totalRemove += s.removed
+    }
+  }
+
+  // Use the latest tool's status for the header glyph (running/done/error).
+  const headerTool = tools[tools.length - 1]!
+
+  return (
+    <box flexDirection="column" width="100%" marginTop={1}>
+      <ToolHeader
+        tool={headerTool}
+        primary={shortenPath(filePath)}
+        secondary={`+${totalAdd} -${totalRemove}  ·  ${tools.length} edits`}
+        verbOverride={verb}
+      />
+      <box flexDirection="column" width="100%" paddingLeft={2}>
+        {tools.map((tool, i) => (
+          <Hunk key={tool.id} tool={tool} index={i} total={tools.length} />
+        ))}
+      </box>
+    </box>
+  )
+}
+
+function Hunk({ tool, index, total }: { tool: Tool; index: number; total: number }) {
+  const showSep = index < total - 1
+  if (tool.name === "Write") {
+    const content = String(tool.args.content ?? "")
+    const lines = content.split("\n")
+    if (lines[lines.length - 1] === "") lines.pop()
+    return (
+      <box flexDirection="column" width="100%">
+        {lines.map((line, i) => {
+          const num = String(i + 1).padStart(3, " ")
+          return (
+            <box key={i} width="100%" backgroundColor={theme.diffAdd}>
+              <text content={`${num} +${line}`} fg={theme.diffAddFg} bg={theme.diffAdd} />
+            </box>
+          )
+        })}
+        {showSep ? <text content={t`${fg(theme.dim)("  ⋯")}`} /> : null}
+      </box>
+    )
+  }
+  return (
+    <box flexDirection="column" width="100%">
+      <DiffView
+        oldText={String(tool.args.old_string ?? "")}
+        newText={String(tool.args.new_string ?? "")}
+      />
+      {showSep ? <text content={t`${fg(theme.dim)("  ⋯")}`} /> : null}
+    </box>
+  )
+}
+
+function shortenPath(p: string): string {
+  const parts = p.split("/")
+  if (parts.length <= 2) return p
+  return ".../" + parts.slice(-2).join("/")
+}

package/tui/src/components/tools/EditTool.tsx

@@ -0,0 +1,41 @@
+import { fg, t } from "@opentui/core"
+import type { ChatEntry } from "../../state/reducer.js"
+import { theme } from "../../theme.js"
+import { ToolHeader } from "./ToolHeader.js"
+import { DiffView, diffStats } from "./DiffView.js"
+
+type Tool = Extract<ChatEntry, { kind: "tool" }>
+
+export function EditTool({ tool }: { tool: Tool }) {
+  const filePath = String(tool.args.file_path ?? "")
+  const oldString = String(tool.args.old_string ?? "")
+  const newString = String(tool.args.new_string ?? "")
+
+  const showDiff = tool.status !== "denied" && tool.status !== "error"
+  const stats = diffStats(oldString, newString)
+
+  return (
+    <box flexDirection="column" width="100%" marginTop={1}>
+      <ToolHeader
+        tool={tool}
+        primary={shortenPath(filePath)}
+        secondary={`+${stats.added} -${stats.removed}`}
+        verbOverride="Updated"
+      />
+      {showDiff ? (
+        <box flexDirection="column" width="100%" paddingLeft={2}>
+          <DiffView oldText={oldString} newText={newString} />
+        </box>
+      ) : null}
+      {tool.result && (tool.status === "error" || tool.status === "denied") ? (
+        <text content={t`  ${fg(theme.branch)("└ ")}${fg(theme.toolError)(tool.result)}`} />
+      ) : null}
+    </box>
+  )
+}
+
+function shortenPath(p: string): string {
+  const parts = p.split("/")
+  if (parts.length <= 2) return p
+  return ".../" + parts.slice(-2).join("/")
+}

package/tui/src/components/tools/ReadTool.tsx

@@ -0,0 +1,41 @@
+import { fg, t } from "@opentui/core"
+import type { ChatEntry } from "../../state/reducer.js"
+import { theme } from "../../theme.js"
+import { ToolHeader } from "./ToolHeader.js"
+
+type Tool = Extract<ChatEntry, { kind: "tool" }>
+
+export function ReadTool({ tool }: { tool: Tool }) {
+  const filePath = String(tool.args.file_path ?? "")
+  const offset = tool.args.offset != null ? Number(tool.args.offset) : undefined
+  const limit = tool.args.limit != null ? Number(tool.args.limit) : undefined
+
+  const result = tool.result ?? ""
+  const lineCount = result ? result.split("\n").length : 0
+  const summary = tool.status === "running"
+    ? "reading…"
+    : tool.status === "done"
+      ? `${lineCount} line${lineCount === 1 ? "" : "s"}`
+      : tool.status === "error"
+        ? (result || "error").split("\n")[0].slice(0, 80)
+        : ""
+
+  const range = offset != null || limit != null
+    ? `lines ${offset ?? 1}–${limit ? (offset ?? 0) + limit : "end"}`
+    : undefined
+
+  return (
+    <box flexDirection="column" marginTop={1}>
+      <ToolHeader tool={tool} primary={shortenPath(filePath)} secondary={range} />
+      {summary ? (
+        <text content={t`  ${fg(theme.branch)("└ ")}${fg(theme.dim)(summary)}`} />
+      ) : null}
+    </box>
+  )
+}
+
+function shortenPath(p: string): string {
+  const parts = p.split("/")
+  if (parts.length <= 2) return p
+  return ".../" + parts.slice(-2).join("/")
+}

package/tui/src/components/tools/SearchTool.tsx

@@ -0,0 +1,27 @@
+import { fg, t } from "@opentui/core"
+import type { ChatEntry } from "../../state/reducer.js"
+import { theme } from "../../theme.js"
+import { ToolHeader } from "./ToolHeader.js"
+
+type Tool = Extract<ChatEntry, { kind: "tool" }>
+
+export function SearchTool({ tool }: { tool: Tool }) {
+  const pattern = String(tool.args.pattern ?? tool.args.query ?? "")
+  const path = tool.args.path ? String(tool.args.path) : undefined
+  const result = tool.result ?? ""
+  const matchLines = result.split("\n").filter(l => l.trim().length > 0)
+  const summary = tool.status === "running"
+    ? "searching…"
+    : tool.status === "done"
+      ? `${matchLines.length} match${matchLines.length === 1 ? "" : "es"}`
+      : ""
+
+  return (
+    <box flexDirection="column" marginTop={1}>
+      <ToolHeader tool={tool} primary={pattern} secondary={path} />
+      {summary ? (
+        <text content={t`  ${fg(theme.branch)("└ ")}${fg(theme.dim)(summary)}`} />
+      ) : null}
+    </box>
+  )
+}

package/tui/src/components/tools/ToolHeader.tsx

@@ -0,0 +1,48 @@
+import { fg, t } from "@opentui/core"
+import type { ChatEntry } from "../../state/reducer.js"
+import { theme } from "../../theme.js"
+
+type Tool = Extract<ChatEntry, { kind: "tool" }>
+
+export function statusVisual(status: Tool["status"]) {
+  switch (status) {
+    case "running": return { glyph: "●", color: theme.toolRunning, label: "running" }
+    case "done":    return { glyph: "●", color: theme.bullet,      label: "done" }
+    case "error":   return { glyph: "✗", color: theme.toolError,   label: "error" }
+    case "denied":  return { glyph: "⏸", color: theme.toolDenied,  label: "denied" }
+  }
+}
+
+export function ToolHeader({
+  tool,
+  primary,
+  secondary,
+  verbOverride,
+}: {
+  tool: Tool
+  primary?: string
+  secondary?: string
+  /** Display label (Codex action-verb style). Falls back to tool.name. */
+  verbOverride?: string
+}) {
+  const { glyph, color } = statusVisual(tool.status)
+  const name = verbOverride ?? toolVerb(tool.name)
+  const content = primary && secondary
+    ? t`${fg(color)(glyph + " ")}${fg(theme.assistant)(name)}  ${fg(theme.dim)(primary)}  ${fg(theme.dim)(secondary)}`
+    : primary
+      ? t`${fg(color)(glyph + " ")}${fg(theme.assistant)(name)}  ${fg(theme.dim)(primary)}`
+      : secondary
+        ? t`${fg(color)(glyph + " ")}${fg(theme.assistant)(name)}  ${fg(theme.dim)(secondary)}`
+        : t`${fg(color)(glyph + " ")}${fg(theme.assistant)(name)}`
+  return <text content={content} />
+}
+
+/** Map tool ids to action-verb labels (Codex aesthetic). Only the loud
+ *  ones get verbs; everything else keeps its native name. */
+function toolVerb(name: string): string {
+  switch (name) {
+    case "Bash": return "Ran"
+    case "Glob": return "Searched"
+    default:     return name
+  }
+}

package/tui/src/components/tools/WriteTool.tsx

@@ -0,0 +1,54 @@
+import { fg, t } from "@opentui/core"
+import type { ChatEntry } from "../../state/reducer.js"
+import { theme } from "../../theme.js"
+import { ToolHeader } from "./ToolHeader.js"
+
+const PREVIEW_LINES = 14
+
+type Tool = Extract<ChatEntry, { kind: "tool" }>
+
+export function WriteTool({ tool }: { tool: Tool }) {
+  const filePath = String(tool.args.file_path ?? "")
+  const content = String(tool.args.content ?? "")
+  const lines = content.split("\n")
+  if (lines.length > 0 && lines[lines.length - 1] === "") lines.pop()
+  const truncated = lines.length > PREVIEW_LINES
+  const preview = truncated ? lines.slice(0, PREVIEW_LINES) : lines
+
+  return (
+    <box flexDirection="column" width="100%" marginTop={1}>
+      <ToolHeader
+        tool={tool}
+        primary={shortenPath(filePath)}
+        secondary={`+${lines.length} -0`}
+        verbOverride="Added"
+      />
+      <box flexDirection="column" width="100%" paddingLeft={2}>
+        {preview.map((line, i) => {
+          const num = String(i + 1).padStart(3, " ")
+          return (
+            <box key={i} width="100%" backgroundColor={theme.diffAdd}>
+              <text
+                content={`${num} +${line}`}
+                fg={theme.diffAddFg}
+                bg={theme.diffAdd}
+              />
+            </box>
+          )
+        })}
+        {truncated ? (
+          <text content={`  …(+${lines.length - PREVIEW_LINES} more)`} fg={theme.dim} />
+        ) : null}
+      </box>
+      {tool.result && tool.status === "error" ? (
+        <text content={t`  ${fg(theme.branch)("└ ")}${fg(theme.toolError)(tool.result)}`} />
+      ) : null}
+    </box>
+  )
+}
+
+function shortenPath(p: string): string {
+  const parts = p.split("/")
+  if (parts.length <= 2) return p
+  return ".../" + parts.slice(-2).join("/")
+}

package/tui/src/config.ts

@@ -0,0 +1,6 @@
+// CamelAGI gateway. The TUI connects via WebSocket.
+// Override at launch: CAMELAGI_WS_URL=ws://192.168.1.5:18305
+export const WS_URL =
+  process.env.CAMELAGI_WS_URL ?? "ws://127.0.0.1:18305"
+
+export const DEFAULT_MODEL = "claude-sonnet-4-20250514"