@chances-ai/client 24.0.0

package/dist/web-ui/code-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-view.js","sourceRoot":"","sources":["../../src/web-ui/code-view.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AACH,OAAO,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,UAAU,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAiB;IACpD,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC5D,OAAO,CACL,KAAC,GAAG,IAAC,WAAW,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,YAC/B,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,GAAI,GAClD,CACP,CAAC;AACJ,CAAC"}

package/dist/web-ui/code-viewer.d.ts

@@ -0,0 +1,11 @@
+import type { GitStatusResult, ReadFileResult, RpcClient } from "../client-core/index.js";
+export interface CodeViewerProps {
+    client: RpcClient;
+    openFile: ReadFileResult | null;
+    gitStatus: GitStatusResult | null;
+    /** A turn is running — on its falling edge an agent edit may have landed, so a
+     *  loaded diff is invalidated + refetched (codex M5 SHOULD: stale-diff fix). */
+    busy?: boolean;
+}
+export declare function CodeViewer({ client, openFile, gitStatus, busy }: CodeViewerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=code-viewer.d.ts.map

package/dist/web-ui/code-viewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-viewer.d.ts","sourceRoot":"","sources":["../../src/web-ui/code-viewer.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAQ1F,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,cAAc,GAAG,IAAI,CAAC;IAChC,SAAS,EAAE,eAAe,GAAG,IAAI,CAAC;IAClC;oFACgF;IAChF,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,eAAe,2CAyFhF"}

package/dist/web-ui/code-viewer.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * (v23 M5 / docs/6.6 §3) The right-pane code viewer — read-only. Renders the
+ * store's open file (`RpcClient.openFileInViewer` → `read_file`) with the shared
+ * `CodeView` (highlight.js segments), or, when the file is changed in git, a
+ * Code/Diff toggle that fetches `RpcClient.gitDiff(path)` and renders the shared
+ * `DiffBlock`. Binary / truncated files degrade gracefully.
+ *
+ * Reuses the SAME renderers as the transcript (`CodeView`/`DiffBlock`/`Theme`) —
+ * no Monaco, no second highlight path. Browser-safe, no node.
+ */
+import { useEffect, useState } from "react";
+import { Button } from "./button.js";
+import { CodeView } from "./code-view.js";
+import { DiffBlock } from "./diff-view.js";
+import { langFromPath } from "./helpers.js";
+import { Box, Txt } from "./primitives.js";
+import { useUiTheme } from "./theme-context.js";
+export function CodeViewer({ client, openFile, gitStatus, busy }) {
+    const theme = useUiTheme();
+    const [tab, setTab] = useState("code");
+    const [diff, setDiff] = useState(null);
+    const path = openFile?.path ?? null;
+    const changed = path !== null && (gitStatus?.files ?? []).some((f) => f.path === path);
+    // Reset to the code tab whenever a different file opens.
+    useEffect(() => {
+        setTab("code");
+        setDiff(null);
+    }, [path]);
+    // (codex M5 SHOULD) When a turn finishes, an agent edit may have changed the
+    // open file — drop the cached diff so the Diff tab refetches fresh content
+    // (otherwise it shows the pre-turn diff). Keyed on the falling edge of `busy`.
+    useEffect(() => {
+        if (!busy)
+            setDiff(null);
+    }, [busy]);
+    // Lazily fetch the diff when the diff tab is first shown for a changed file.
+    useEffect(() => {
+        if (tab !== "diff" || path === null || diff !== null)
+            return;
+        let live = true;
+        void client.gitDiff(path).then((r) => {
+            if (live)
+                setDiff(r.diff);
+        });
+        return () => {
+            live = false;
+        };
+    }, [tab, path, diff, client]);
+    if (!openFile) {
+        return (_jsx(Box, { style: { height: "100%" }, alignItems: "center", justifyContent: "center", children: _jsx(Txt, { color: theme.synComment, fontSize: 13, children: "Select a file to view" }) }));
+    }
+    return (_jsxs(Box, { style: { height: "100%", overflow: "hidden" }, children: [_jsxs(Box, { flexDirection: "row", alignItems: "center", gap: 8, paddingHorizontal: 10, paddingVertical: 6, borderBottomWidth: 1, borderColor: "var(--ch-border)", children: [_jsx(Txt, { color: "var(--ch-fg)", fontSize: 12, style: { flex: 1, whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis", fontFamily: "ui-monospace, monospace" }, children: openFile.path }), changed ? (_jsxs(_Fragment, { children: [_jsx(Button, { label: "Code", color: tab === "code" ? theme.accent : theme.synComment, onPress: () => setTab("code") }), _jsx(Button, { label: "Diff", color: tab === "diff" ? theme.accent : theme.synComment, onPress: () => setTab("diff") })] })) : null] }), _jsx(Box, { style: { flex: 1, overflow: "auto" }, paddingVertical: 6, children: openFile.binary ? (_jsx(Txt, { color: theme.synComment, fontSize: 13, style: { paddingLeft: 10 }, children: "Binary file \u2014 not shown" })) : tab === "diff" && changed ? (diff === null ? (_jsx(Txt, { color: theme.synComment, fontSize: 13, style: { paddingLeft: 10 }, children: "Loading diff\u2026" })) : diff === "" ? (_jsx(Txt, { color: theme.synComment, fontSize: 13, style: { paddingLeft: 10 }, children: "No diff" })) : (_jsx(DiffBlock, { diff: diff, anchored: true }))) : (_jsxs(_Fragment, { children: [_jsx(CodeView, { code: openFile.content, lang: langFromPath(openFile.path) }), openFile.truncated ? (_jsx(Txt, { color: theme.warning, fontSize: 12, style: { paddingLeft: 10, paddingTop: 6 }, children: "\u2026 file truncated (open externally to see the rest)" })) : null] })) })] }));
+}
+//# sourceMappingURL=code-viewer.js.map

package/dist/web-ui/code-viewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-viewer.js","sourceRoot":"","sources":["../../src/web-ui/code-viewer.tsx"],"names":[],"mappings":"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"}

package/dist/web-ui/commands.d.ts

@@ -0,0 +1,23 @@
+/**
+ * (v22 / docs/6.5b §C5) Client-side slash commands for the web panel. UNLIKE the
+ * TUI's slashes (dispatched through the engine's PluginHost), the web speaks ACP
+ * to the engine and has no command backend — so these are PURE client-side
+ * actions on the RpcClient / store / view (clear the transcript, toggle theme,
+ * show help). It's a small extensible registry; engine-backed commands (/resume,
+ * /compact, /mcp, …) are a CLI-architecture concern and intentionally absent.
+ */
+/** A web slash command. `run` performs a pure client-side action. */
+export interface WebCommand {
+    /** Without the leading slash, e.g. `clear`. */
+    name: string;
+    description: string;
+    run: () => void;
+}
+/** Suggestions for the typeahead: when the input is a bare `/token` (no space
+ *  yet — a command word, not arguments), the commands whose name starts with the
+ *  token. Empty `/` lists all. A non-slash input or one past the first space
+ *  yields nothing (it's a prompt / arguments). Pure — unit-tested. */
+export declare function suggestWebCommands(input: string, commands: readonly WebCommand[]): WebCommand[];
+/** Parse the command word out of a `/name …` line (lowercased, no slash). */
+export declare function parseCommandName(input: string): string;
+//# sourceMappingURL=commands.d.ts.map

package/dist/web-ui/commands.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"commands.d.ts","sourceRoot":"","sources":["../../src/web-ui/commands.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,qEAAqE;AACrE,MAAM,WAAW,UAAU;IACzB,+CAA+C;IAC/C,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,GAAG,EAAE,MAAM,IAAI,CAAC;CACjB;AAED;;;sEAGsE;AACtE,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,UAAU,EAAE,GAAG,UAAU,EAAE,CAM/F;AAED,6EAA6E;AAC7E,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEtD"}

package/dist/web-ui/commands.js

@@ -0,0 +1,26 @@
+/**
+ * (v22 / docs/6.5b §C5) Client-side slash commands for the web panel. UNLIKE the
+ * TUI's slashes (dispatched through the engine's PluginHost), the web speaks ACP
+ * to the engine and has no command backend — so these are PURE client-side
+ * actions on the RpcClient / store / view (clear the transcript, toggle theme,
+ * show help). It's a small extensible registry; engine-backed commands (/resume,
+ * /compact, /mcp, …) are a CLI-architecture concern and intentionally absent.
+ */
+/** Suggestions for the typeahead: when the input is a bare `/token` (no space
+ *  yet — a command word, not arguments), the commands whose name starts with the
+ *  token. Empty `/` lists all. A non-slash input or one past the first space
+ *  yields nothing (it's a prompt / arguments). Pure — unit-tested. */
+export function suggestWebCommands(input, commands) {
+    if (!input.startsWith("/"))
+        return [];
+    const token = input.slice(1);
+    if (token.includes(" "))
+        return []; // past the command word → arguments/prompt
+    const lower = token.toLowerCase();
+    return commands.filter((c) => c.name.toLowerCase().startsWith(lower));
+}
+/** Parse the command word out of a `/name …` line (lowercased, no slash). */
+export function parseCommandName(input) {
+    return input.slice(1).split(/\s+/)[0].toLowerCase();
+}
+//# sourceMappingURL=commands.js.map

package/dist/web-ui/commands.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"commands.js","sourceRoot":"","sources":["../../src/web-ui/commands.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAUH;;;sEAGsE;AACtE,MAAM,UAAU,kBAAkB,CAAC,KAAa,EAAE,QAA+B;IAC/E,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC;QAAE,OAAO,EAAE,CAAC;IACtC,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAC7B,IAAI,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC;QAAE,OAAO,EAAE,CAAC,CAAC,2CAA2C;IAC/E,MAAM,KAAK,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC;IAClC,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;AACxE,CAAC;AAED,6EAA6E;AAC7E,MAAM,UAAU,gBAAgB,CAAC,KAAa;IAC5C,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAE,CAAC,WAAW,EAAE,CAAC;AACvD,CAAC"}

package/dist/web-ui/control-panel.d.ts

@@ -0,0 +1,9 @@
+import type { RpcClient } from "../client-core/index.js";
+import { type Mode } from "./theme-context.js";
+export interface ControlPanelProps {
+    client: RpcClient;
+    /** Initial colour mode (defaults to dark). */
+    defaultMode?: Mode;
+}
+export declare function ControlPanel({ client, defaultMode }: ControlPanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=control-panel.d.ts.map

package/dist/web-ui/control-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"control-panel.d.ts","sourceRoot":"","sources":["../../src/web-ui/control-panel.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAiBzD,OAAO,EAA6B,KAAK,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAG1E,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,SAAS,CAAC;IAClB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,IAAI,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,WAAoB,EAAE,EAAE,iBAAiB,2CA6H/E"}

package/dist/web-ui/control-panel.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * (v17 M1 B3; v22) The composed control panel — the single component `apps/web`
+ * mounts. It owns colour-mode state and wires the client-core `RpcClient` (store +
+ * transcript) to the presentational pieces: header (model picker + theme toggle),
+ * the scrolling transcript, and the footer (permission card + prompt composer +
+ * status line).
+ *
+ * v22 retired Tamagui: the root sets ui-core's `themeCssVars(mode)` as inline CSS
+ * custom properties (`--ch-bg`/`--ch-fg`/`--ch-border` + the palette), so the
+ * whole subtree resolves chrome colors from one source of truth without a
+ * provider. Transcript CONTENT colors still come from the ui-core `Theme` via
+ * `UiThemeProvider` (the shared palette). HeroUI v3 components (modals, pickers)
+ * need no provider — they arrive in later commits.
+ *
+ * It is a pure function of the injected `RpcClient` — no transport, no engine,
+ * no `node:*` — so the whole tree is browser-safe and the `vite build` that
+ * bundles it is the end-to-end browser-safety proof (docs/6.1 §4 / M1 B3).
+ */
+import { useMemo, useState } from "react";
+import { themeCssVars } from "@chances-ai/ui-core";
+import { ApprovalBadge } from "./approval-badge.js";
+import { Button } from "./button.js";
+import { CodeViewer } from "./code-viewer.js";
+import { EnvironmentPanel } from "./environment-panel.js";
+import { FileTree } from "./file-tree.js";
+import { HelpView } from "./help-view.js";
+import { useClientState, useTranscript } from "./hooks.js";
+import { ModelPicker } from "./model-picker.js";
+import { PermissionPrompt } from "./permission.js";
+import { Box } from "./primitives.js";
+import { Progress } from "./progress.js";
+import { PromptInput } from "./prompt-input.js";
+import { QuestionView } from "./question-view.js";
+import { SessionSidebar } from "./session-sidebar.js";
+import { StatusBar } from "./status-bar.js";
+import { themeFor, UiThemeProvider } from "./theme-context.js";
+import { Transcript } from "./transcript.js";
+export function ControlPanel({ client, defaultMode = "dark" }) {
+    const [mode, setMode] = useState(defaultMode);
+    const [helpOpen, setHelpOpen] = useState(false);
+    const state = useClientState(client.store);
+    const lines = useTranscript(client.view);
+    const theme = themeFor(mode);
+    const controlsLocked = state.busy || state.status !== "ready";
+    // (v22) Client-side slash commands — pure actions on the client/view/UI (the
+    // web has no engine command backend; see commands.ts). `setMode`'s functional
+    // form keeps the registry stable across renders.
+    const commands = useMemo(() => [
+        { name: "clear", description: "clear the transcript", run: () => client.view.clearLines() },
+        { name: "theme", description: "toggle light / dark", run: () => setMode((m) => (m === "dark" ? "light" : "dark")) },
+        { name: "help", description: "show commands + shortcuts", run: () => setHelpOpen(true) },
+    ], [client]);
+    const runCommand = (name) => {
+        commands.find((c) => c.name === name)?.run();
+    };
+    // (v23 M5) The 3-pane IDE — file tree / code viewer / environment panel — is
+    // shown only when the agent advertises read-only workspace queries; a plain ACP
+    // server (no `workspaceQueries`) degrades to the conversation column alone.
+    const showWorkspace = state.workspaceQueriesSupported;
+    return (_jsx(UiThemeProvider, { value: theme, children: _jsxs("div", { "data-theme": mode, style: {
+                ...themeCssVars(mode),
+                height: "100vh",
+                display: "flex",
+                flexDirection: "column",
+                background: "var(--ch-bg)",
+                color: "var(--ch-fg)",
+            }, children: [_jsxs(Box, { flexDirection: "row", alignItems: "center", gap: 12, paddingHorizontal: 16, paddingVertical: 10, borderBottomWidth: 1, borderColor: "var(--ch-border)", flexWrap: "wrap", children: [_jsx("span", { style: { color: theme.accent, fontWeight: 700 }, children: "chances" }), _jsx(Box, { flex: 1 }), _jsx(ApprovalBadge, { mode: state.approvalMode, disabled: state.status !== "ready" || !state.approvalSupported, onCycle: () => void client.cycleApprovalMode() }), _jsx(ModelPicker, { models: state.models, selected: state.selected, disabled: controlsLocked, onSelect: (m) => void client.setModel(m) }), _jsx(Button, { label: mode === "dark" ? "☀ light" : "☾ dark", color: theme.synComment, onPress: () => setMode(mode === "dark" ? "light" : "dark") })] }), _jsxs("div", { style: { flex: 1, display: "flex", flexDirection: "row", minHeight: 0 }, children: [showWorkspace ? (_jsx("div", { style: { width: 220, flexShrink: 0, borderRight: "1px solid var(--ch-border)", overflow: "hidden" }, children: _jsx(SessionSidebar, { state: state, onNewChat: () => client.view.clearLines() }) })) : null, _jsxs("div", { style: { flex: 1, display: "flex", flexDirection: "column", minWidth: 0 }, children: [_jsx("div", { style: { flex: 1, paddingLeft: 16, paddingRight: 16, overflowY: "auto" }, children: _jsx(Transcript, { lines: lines, committedCount: client.view.committedCount }) }), showWorkspace ? (_jsx(Box, { borderTopWidth: 1, borderColor: "var(--ch-border)", children: _jsx(EnvironmentPanel, { client: client, gitStatus: state.gitStatus, busy: state.busy }) })) : null, _jsxs(Box, { paddingHorizontal: 16, paddingVertical: 10, gap: 8, borderTopWidth: 1, borderColor: "var(--ch-border)", children: [state.pendingPermission ? (_jsx(PermissionPrompt, { pending: state.pendingPermission, onAnswer: (allow, remember) => client.answerPermission(allow, remember) })) : null, state.pendingQuestion ? (_jsx(QuestionView, { pending: state.pendingQuestion, onAnswer: (a) => client.answerQuestion(a) })) : null, state.busy ? _jsx(Progress, { active: true }) : null, _jsx(PromptInput, { busy: state.busy, disabled: state.status !== "ready", onSubmit: (t) => client.prompt(t), onAbort: () => client.abort(), commands: commands, onCommand: runCommand }), _jsx(StatusBar, { state: state })] })] }), showWorkspace ? (_jsxs("div", { style: { width: 340, flexShrink: 0, borderLeft: "1px solid var(--ch-border)", display: "flex", flexDirection: "column", minHeight: 0 }, children: [_jsx("div", { style: { flex: 1, minHeight: 0, borderBottom: "1px solid var(--ch-border)", overflow: "hidden" }, children: _jsx(FileTree, { client: client, gitStatus: state.gitStatus, openPath: state.openFile?.path }) }), _jsx("div", { style: { flex: 1, minHeight: 0, overflow: "hidden" }, children: _jsx(CodeViewer, { client: client, openFile: state.openFile, gitStatus: state.gitStatus, busy: state.busy }) })] })) : null] }), helpOpen ? _jsx(HelpView, { commands: commands, onClose: () => setHelpOpen(false) }) : null] }) }));
+}
+//# sourceMappingURL=control-panel.js.map

package/dist/web-ui/control-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"control-panel.js","sourceRoot":"","sources":["../../src/web-ui/control-panel.tsx"],"names":[],"mappings":"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"}

package/dist/web-ui/diff-view.d.ts

@@ -0,0 +1,8 @@
+export interface DiffBlockProps {
+    diff: string;
+    /** write ⇒ whole-file-anchored (show the line-number gutter); edit ⇒ snippet. */
+    anchored: boolean;
+}
+/** Render a parsed `linesDiff` block. */
+export declare function DiffBlock({ diff, anchored }: DiffBlockProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=diff-view.d.ts.map

package/dist/web-ui/diff-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"diff-view.d.ts","sourceRoot":"","sources":["../../src/web-ui/diff-view.tsx"],"names":[],"mappings":"AAYA,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,iFAAiF;IACjF,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,yCAAyC;AACzC,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,cAAc,2CAS3D"}

package/dist/web-ui/diff-view.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * (v17 M1 B3; v22) Structured write/edit diff, the web twin of the TUI's
+ * `StructuredDiff`. ui-core's `parseDiff` (the shared correctness core) turns a
+ * `linesDiff` block into rows; each row renders as a full-width line with an
+ * add/remove background, an optional line-number gutter (anchored = write), and
+ * word-level intra-line highlights for sub-threshold pairs.
+ */
+import { parseDiff } from "@chances-ai/ui-core";
+import { diffRowBg, MONO, wordBg } from "./helpers.js";
+import { Box, Txt } from "./primitives.js";
+import { useUiTheme } from "./theme-context.js";
+/** Render a parsed `linesDiff` block. */
+export function DiffBlock({ diff, anchored }) {
+    const { rows } = parseDiff(diff, { anchored });
+    return (_jsx(Box, { borderRadius: 4, overflow: "hidden", marginTop: 4, children: rows.map((row, i) => (_jsx(DiffLine, { row: row, anchored: anchored }, i))) }));
+}
+function DiffLine({ row, anchored }) {
+    const theme = useUiTheme();
+    if (row.kind === "elision") {
+        return (_jsx(Txt, { color: theme.synComment, fontSize: 12, style: { fontFamily: MONO, display: "block", paddingLeft: 8, paddingRight: 8 }, children: row.text }));
+    }
+    const sigil = row.kind === "add" ? "+" : "-";
+    return (_jsxs(Box, { flexDirection: "row", backgroundColor: diffRowBg(row.kind, theme), paddingHorizontal: 8, children: [anchored ? (_jsxs(Txt, { color: theme.synComment, fontSize: 12, style: { fontFamily: MONO, userSelect: "none" }, children: [String(row.lineNo ?? "").padStart(4), " "] })) : null, _jsxs(Txt, { flex: 1, fontSize: 12, style: { fontFamily: MONO, whiteSpace: "pre-wrap", overflowWrap: "anywhere" }, children: [sigil, " ", row.words
+                        ? row.words.map((w, i) => (_jsx(Txt, { backgroundColor: w.changed ? wordBg(row.kind, theme) : undefined, children: w.text }, i)))
+                        : row.text] })] }));
+}
+//# sourceMappingURL=diff-view.js.map

package/dist/web-ui/diff-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"diff-view.js","sourceRoot":"","sources":["../../src/web-ui/diff-view.tsx"],"names":[],"mappings":";AAAA;;;;;;GAMG;AACH,OAAO,EAAE,SAAS,EAAgB,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAQhD,yCAAyC;AACzC,MAAM,UAAU,SAAS,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAkB;IAC1D,MAAM,EAAE,IAAI,EAAE,GAAG,SAAS,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC/C,OAAO,CACL,KAAC,GAAG,IAAC,YAAY,EAAE,CAAC,EAAE,QAAQ,EAAC,QAAQ,EAAC,SAAS,EAAE,CAAC,YACjD,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CACpB,KAAC,QAAQ,IAAS,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,IAA/B,CAAC,CAAkC,CACnD,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAED,SAAS,QAAQ,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAuC;IACtE,MAAM,KAAK,GAAG,UAAU,EAAE,CAAC;IAC3B,IAAI,GAAG,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;QAC3B,OAAO,CACL,KAAC,GAAG,IACF,KAAK,EAAE,KAAK,CAAC,UAAU,EACvB,QAAQ,EAAE,EAAE,EACZ,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,YAE7E,GAAG,CAAC,IAAI,GACL,CACP,CAAC;IACJ,CAAC;IACD,MAAM,KAAK,GAAG,GAAG,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IAC7C,OAAO,CACL,MAAC,GAAG,IAAC,aAAa,EAAC,KAAK,EAAC,eAAe,EAAE,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,iBAAiB,EAAE,CAAC,aACvF,QAAQ,CAAC,CAAC,CAAC,CACV,MAAC,GAAG,IAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,aACxF,MAAM,CAAC,GAAG,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,IACtC,CACP,CAAC,CAAC,CAAC,IAAI,EACR,MAAC,GAAG,IAAC,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,YAAY,EAAE,UAAU,EAAE,aACtG,KAAK,EAAE,GAAG,EACV,GAAG,CAAC,KAAK;wBACR,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,KAAC,GAAG,IAAS,eAAe,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,YAC1E,CAAC,CAAC,IAAI,IADC,CAAC,CAEL,CACP,CAAC;wBACJ,CAAC,CAAC,GAAG,CAAC,IAAI,IACR,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/web-ui/environment-panel.d.ts

@@ -0,0 +1,9 @@
+import type { GitStatusResult, RpcClient } from "../client-core/index.js";
+export interface EnvironmentPanelProps {
+    client: RpcClient;
+    gitStatus: GitStatusResult | null;
+    /** A turn is running — when it flips back to false we refresh (an edit landed). */
+    busy: boolean;
+}
+export declare function EnvironmentPanel({ client, gitStatus, busy }: EnvironmentPanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=environment-panel.d.ts.map

package/dist/web-ui/environment-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"environment-panel.d.ts","sourceRoot":"","sources":["../../src/web-ui/environment-panel.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAI1E,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,SAAS,CAAC;IAClB,SAAS,EAAE,eAAe,GAAG,IAAI,CAAC;IAClC,mFAAmF;IACnF,IAAI,EAAE,OAAO,CAAC;CACf;AAED,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,qBAAqB,2CAkElF"}

package/dist/web-ui/environment-panel.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * (v23 M5 / docs/6.6 §3) The center-column "environment" card — the conversation's
+ * git context: branch, ahead/behind, changed-file count, and aggregate
+ * insertions/deletions. Refreshes `git_status` on mount and whenever a turn
+ * finishes (so an agent edit reflects immediately), plus a whole-tree
+ * `git_diff` for the +N/-M shortstat.
+ *
+ * Reads the shared store `gitStatus`; the shortstat is component-local. Hidden by
+ * the panel when the agent doesn't advertise `workspaceQueries`. Browser-safe.
+ */
+import { useEffect, useState } from "react";
+import { Box, Txt } from "./primitives.js";
+import { useUiTheme } from "./theme-context.js";
+export function EnvironmentPanel({ client, gitStatus, busy }) {
+    const theme = useUiTheme();
+    const [shortstat, setShortstat] = useState({ added: 0, removed: 0 });
+    // Refresh status + the aggregate shortstat on mount and after each turn ends.
+    useEffect(() => {
+        if (busy)
+            return; // refresh on the falling edge (turn just finished) + on mount
+        let live = true;
+        void client.refreshGitStatus();
+        void client.gitDiff().then((r) => {
+            if (live)
+                setShortstat(r.shortstat);
+        });
+        return () => {
+            live = false;
+        };
+    }, [busy, client]);
+    if (!gitStatus || !gitStatus.repo) {
+        return (_jsx(Box, { flexDirection: "row", alignItems: "center", gap: 8, paddingHorizontal: 12, paddingVertical: 6, children: _jsx(Txt, { color: theme.synComment, fontSize: 12, children: "no git repository" }) }));
+    }
+    const changed = gitStatus.files.length;
+    return (_jsxs(Box, { flexDirection: "row", alignItems: "center", gap: 14, paddingHorizontal: 12, paddingVertical: 6, style: { fontFamily: "ui-monospace, monospace", flexWrap: "wrap" }, children: [_jsx(Txt, { color: theme.synComment, fontSize: 11, style: { textTransform: "uppercase", letterSpacing: 0.5 }, children: "env" }), _jsxs(Txt, { color: theme.accent, fontSize: 12, children: ["\u2387 ", gitStatus.branch ?? "(detached)"] }), gitStatus.ahead > 0 ? (_jsxs(Txt, { color: theme.synComment, fontSize: 12, children: ["\u2191", gitStatus.ahead] })) : null, gitStatus.behind > 0 ? (_jsxs(Txt, { color: theme.synComment, fontSize: 12, children: ["\u2193", gitStatus.behind] })) : null, _jsxs(Txt, { color: "var(--ch-fg)", fontSize: 12, children: [changed, " changed"] }), _jsxs(Box, { flexDirection: "row", gap: 6, children: [_jsxs(Txt, { color: theme.success, fontSize: 12, children: ["+", shortstat.added] }), _jsxs(Txt, { color: theme.error, fontSize: 12, children: ["-", shortstat.removed] })] })] }));
+}
+//# sourceMappingURL=environment-panel.js.map

package/dist/web-ui/environment-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"environment-panel.js","sourceRoot":"","sources":["../../src/web-ui/environment-panel.tsx"],"names":[],"mappings":"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"}

package/dist/web-ui/file-tree.d.ts

@@ -0,0 +1,9 @@
+import type { GitStatusResult, RpcClient } from "../client-core/index.js";
+export interface FileTreeProps {
+    client: RpcClient;
+    gitStatus: GitStatusResult | null;
+    /** The currently-open file (for row highlight). */
+    openPath?: string;
+}
+export declare function FileTree({ client, gitStatus, openPath }: FileTreeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=file-tree.d.ts.map

package/dist/web-ui/file-tree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-tree.d.ts","sourceRoot":"","sources":["../../src/web-ui/file-tree.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAa,eAAe,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAKrF,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,SAAS,CAAC;IAClB,SAAS,EAAE,eAAe,GAAG,IAAI,CAAC;IAClC,mDAAmD;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAID,wBAAgB,QAAQ,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,aAAa,2CAkGtE"}

package/dist/web-ui/file-tree.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * (v23 M5 / docs/6.6 §3) The right-pane file tree — a lazy, one-level-at-a-time
+ * explorer over the workspace, fed by `RpcClient.listFiles(dir)` (the
+ * `_chances/unstable/list_files` query). Folders fetch their children on first
+ * expand (no whole-tree walk); a file opens in the code viewer
+ * (`RpcClient.openFileInViewer`). Git status badges come from the shared store
+ * `gitStatus` (matched by repo-relative path).
+ *
+ * Pure-presentational over the injected client — browser-safe, no node.
+ */
+import { useEffect, useState } from "react";
+import { gitBadge } from "./helpers.js";
+import { Box, Txt } from "./primitives.js";
+import { useUiTheme } from "./theme-context.js";
+const childPath = (dir, name) => (dir === "." || dir === "" ? name : `${dir}/${name}`);
+export function FileTree({ client, gitStatus, openPath }) {
+    const theme = useUiTheme();
+    // dir → its immediate children (lazy cache); expanded set of dir paths.
+    const [childrenByDir, setChildrenByDir] = useState({});
+    const [expanded, setExpanded] = useState({});
+    const [error, setError] = useState(null);
+    async function loadDir(dir) {
+        if (childrenByDir[dir])
+            return;
+        try {
+            const res = await client.listFiles(dir);
+            setChildrenByDir((prev) => ({ ...prev, [dir]: res.entries }));
+        }
+        catch (e) {
+            setError(e.message ?? String(e));
+        }
+    }
+    // Load the workspace root on mount.
+    useEffect(() => {
+        void loadDir(".");
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    function toggle(dir) {
+        setExpanded((prev) => ({ ...prev, [dir]: !prev[dir] }));
+        void loadDir(dir);
+    }
+    const statusByPath = new Map((gitStatus?.files ?? []).map((f) => [f.path, f.status]));
+    function renderEntries(dir, depth) {
+        const entries = childrenByDir[dir];
+        if (!entries)
+            return null;
+        return entries.map((e) => {
+            const path = childPath(dir, e.name);
+            const isDir = e.kind === "dir";
+            const isOpen = expanded[path] === true;
+            const badge = gitBadge(statusByPath.get(path) ?? "");
+            const selected = !isDir && path === openPath;
+            return (_jsxs("div", { children: [_jsxs("div", { role: "button", tabIndex: 0, onClick: () => (isDir ? toggle(path) : void client.openFileInViewer(path)), onKeyDown: (ev) => {
+                            if (ev.key === "Enter" || ev.key === " ") {
+                                ev.preventDefault();
+                                isDir ? toggle(path) : void client.openFileInViewer(path);
+                            }
+                        }, style: {
+                            display: "flex",
+                            alignItems: "center",
+                            gap: 4,
+                            cursor: "pointer",
+                            paddingLeft: 8 + depth * 12,
+                            paddingRight: 8,
+                            paddingTop: 1,
+                            paddingBottom: 1,
+                            fontSize: 13,
+                            borderRadius: 4,
+                            background: selected ? "var(--ch-border)" : undefined,
+                            fontFamily: "system-ui, sans-serif",
+                        }, children: [_jsx(Txt, { color: theme.synComment, style: { width: 10, userSelect: "none" }, children: isDir ? (isOpen ? "▾" : "▸") : "" }), _jsx(Txt, { color: isDir ? theme.accent : "var(--ch-fg)", style: { flex: 1, whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis" }, children: e.name }), badge ? (_jsx(Txt, { color: theme[badge.tone], fontWeight: 700, style: { width: 12, textAlign: "center", userSelect: "none" }, children: badge.char })) : null] }), isDir && isOpen ? renderEntries(path, depth + 1) : null] }, path));
+        });
+    }
+    return (_jsxs(Box, { style: { height: "100%", overflowY: "auto" }, paddingVertical: 6, children: [_jsx(Txt, { color: theme.synComment, fontSize: 11, style: { paddingLeft: 8, textTransform: "uppercase", letterSpacing: 0.5 }, children: "Files" }), error ? (_jsx(Txt, { color: theme.error, fontSize: 12, style: { paddingLeft: 8, paddingTop: 4 }, children: error })) : (_jsx(Box, { marginTop: 4, children: renderEntries(".", 0) }))] }));
+}
+//# sourceMappingURL=file-tree.js.map

package/dist/web-ui/file-tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-tree.js","sourceRoot":"","sources":["../../src/web-ui/file-tree.tsx"],"names":[],"mappings":"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"}

package/dist/web-ui/help-view.d.ts

@@ -0,0 +1,13 @@
+/**
+ * (v22 / docs/6.5b §C5) The `/help` overlay — lists the web panel's client-side
+ * slash commands + the key shortcuts. The web twin of the TUI's tabbed /help, in
+ * a single centered card (the web command set is small). Click the backdrop or
+ * Close to dismiss.
+ */
+import type { WebCommand } from "./commands.js";
+export interface HelpViewProps {
+    commands: WebCommand[];
+    onClose: () => void;
+}
+export declare function HelpView({ commands, onClose }: HelpViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=help-view.d.ts.map

package/dist/web-ui/help-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"help-view.d.ts","sourceRoot":"","sources":["../../src/web-ui/help-view.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAKhD,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,UAAU,EAAE,CAAC;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AASD,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,aAAa,2CA6C5D"}

package/dist/web-ui/help-view.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Txt } from "./primitives.js";
+import { Button } from "./button.js";
+import { useUiTheme } from "./theme-context.js";
+const SHORTCUTS = [
+    ["Enter", "send the message"],
+    ["Shift+Enter", "newline"],
+    ["/", "open the command typeahead"],
+    ["Esc", "interrupt a running turn"],
+];
+export function HelpView({ commands, onClose }) {
+    const theme = useUiTheme();
+    return (_jsx("div", { role: "dialog", "aria-label": "help", onClick: onClose, style: { position: "fixed", inset: 0, background: "rgba(0,0,0,0.5)", display: "flex", alignItems: "center", justifyContent: "center", zIndex: 50 }, children: _jsx("div", { onClick: (e) => e.stopPropagation(), style: { minWidth: 360, maxWidth: 520, maxHeight: "80vh", overflowY: "auto", background: "var(--ch-bg)", color: "var(--ch-fg)", border: `1px solid var(--ch-border)`, borderRadius: 10, padding: 16 }, children: _jsxs(Box, { gap: 10, children: [_jsx(Txt, { color: theme.accent, fontWeight: 700, children: "chances \u2014 help" }), _jsx(Txt, { color: theme.synComment, fontWeight: 600, children: "Slash commands" }), commands.map((c) => (_jsxs(Txt, { color: "var(--ch-fg)", children: [_jsxs(Txt, { color: theme.accent, children: ["/", c.name] }), _jsxs(Txt, { color: theme.synComment, children: [" \u2014 ", c.description] })] }, c.name))), _jsx(Txt, { color: theme.synComment, fontWeight: 600, children: "Shortcuts" }), SHORTCUTS.map(([key, desc]) => (_jsxs(Txt, { color: "var(--ch-fg)", children: [_jsx(Txt, { color: theme.accent, children: key }), _jsxs(Txt, { color: theme.synComment, children: [" \u2014 ", desc] })] }, key))), _jsx(Box, { flexDirection: "row", children: _jsx(Button, { label: "Close", color: theme.synComment, onPress: onClose }) })] }) }) }));
+}
+//# sourceMappingURL=help-view.js.map

package/dist/web-ui/help-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"help-view.js","sourceRoot":"","sources":["../../src/web-ui/help-view.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAOhD,MAAM,SAAS,GAA4B;IACzC,CAAC,OAAO,EAAE,kBAAkB,CAAC;IAC7B,CAAC,aAAa,EAAE,SAAS,CAAC;IAC1B,CAAC,GAAG,EAAE,4BAA4B,CAAC;IACnC,CAAC,KAAK,EAAE,0BAA0B,CAAC;CACpC,CAAC;AAEF,MAAM,UAAU,QAAQ,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAiB;IAC3D,MAAM,KAAK,GAAG,UAAU,EAAE,CAAC;IAC3B,OAAO,CACL,cACE,IAAI,EAAC,QAAQ,gBACF,MAAM,EACjB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,UAAU,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,YAElJ,cACE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACnC,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,4BAA4B,EAAE,YAAY,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,YAErM,MAAC,GAAG,IAAC,GAAG,EAAE,EAAE,aACV,KAAC,GAAG,IAAC,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,UAAU,EAAE,GAAG,oCAEnC,EAEN,KAAC,GAAG,IAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,UAAU,EAAE,GAAG,+BAEvC,EACL,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACnB,MAAC,GAAG,IAAc,KAAK,EAAC,cAAc,aACpC,MAAC,GAAG,IAAC,KAAK,EAAE,KAAK,CAAC,MAAM,kBAAI,CAAC,CAAC,IAAI,IAAO,EACzC,MAAC,GAAG,IAAC,KAAK,EAAE,KAAK,CAAC,UAAU,yBAAM,CAAC,CAAC,WAAW,IAAO,KAF9C,CAAC,CAAC,IAAI,CAGV,CACP,CAAC,EAEF,KAAC,GAAG,IAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,UAAU,EAAE,GAAG,0BAEvC,EACL,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,CAC9B,MAAC,GAAG,IAAW,KAAK,EAAC,cAAc,aACjC,KAAC,GAAG,IAAC,KAAK,EAAE,KAAK,CAAC,MAAM,YAAG,GAAG,GAAO,EACrC,MAAC,GAAG,IAAC,KAAK,EAAE,KAAK,CAAC,UAAU,yBAAM,IAAI,IAAO,KAFrC,GAAG,CAGP,CACP,CAAC,EAEF,KAAC,GAAG,IAAC,aAAa,EAAC,KAAK,YACtB,KAAC,MAAM,IAAC,KAAK,EAAC,OAAO,EAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,OAAO,EAAE,OAAO,GAAI,GAC/D,IACF,GACF,GACF,CACP,CAAC;AACJ,CAAC"}

package/dist/web-ui/helpers.d.ts

@@ -0,0 +1,77 @@
+/**
+ * (v17 M1 B3) Pure, framework-free helpers for the web control panel — colour
+ * lookups, label formatting, key/permission logic. Extracted out of the `.tsx`
+ * components so the BEHAVIOUR is unit-tested directly (no DOM, no Tamagui), and
+ * the components stay thin presentational shells. Everything here is a pure
+ * function of its inputs (the ui-core `Theme` + protocol/view types).
+ */
+import { type HlScope, type Line, type Theme } from "@chances-ai/ui-core";
+import type { ConnectionStatus, ModelInfo, Usage } from "../client-core/index.js";
+/** Web monospace stack for code / diffs / the prompt box (a CSS value, applied
+ *  via the `style` escape hatch — `fontFamily` is not a Tamagui token here). */
+export declare const MONO = "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace";
+/** The `⏺` tool dot colour: running (no result yet) → accent, ok → success,
+ *  failed → error. `undefined` ⇒ inherit (NO_COLOR palette). */
+export declare function toolDotColor(line: Pick<Line, "ok">, theme: Theme): string | undefined;
+/** Map a highlight scope to its themed colour, or `undefined` for plain text. */
+export declare function segmentColor(scope: HlScope, theme: Theme): string | undefined;
+/** Full-line background for a diff row (`undefined` for elision / NO_COLOR). */
+export declare function diffRowBg(kind: "add" | "remove" | "elision", theme: Theme): string | undefined;
+/** Word-level (intra-line) background for a changed word on an add/remove row. */
+export declare function wordBg(kind: "add" | "remove" | "elision", theme: Theme): string | undefined;
+/** `provider/model` — the option label + select value for {@link ModelInfo}. */
+export declare function modelLabel(info: ModelInfo): string;
+/** (v22) Case-insensitive substring filter over `provider/model` labels. Empty
+ *  query ⇒ every model (the picker's initial open state). Pure — unit-tested. */
+export declare function filterModels(models: readonly ModelInfo[], query: string): ModelInfo[];
+/** Whether a key event in the prompt box should submit: Enter without Shift,
+ *  and not mid-IME-composition (so CJK candidate selection doesn't submit). */
+export declare function shouldSubmit(e: {
+    key: string;
+    shiftKey: boolean;
+    nativeEvent?: {
+        isComposing?: boolean;
+    };
+}): boolean;
+/** A permission button spec. The view turns each into a pressable that calls
+ *  `RpcClient.answerPermission(allow, remember)`. */
+export interface PermissionAction {
+    key: string;
+    label: string;
+    allow: boolean;
+    remember: boolean;
+    /** Theme role the button is tinted with. */
+    tone: "success" | "accent" | "error";
+}
+/** The three permission choices, in display order (mirrors the TUI y / a / n). */
+export declare function permissionActions(): PermissionAction[];
+/** The colour a `tone` resolves to against a palette. */
+export declare function toneColor(tone: PermissionAction["tone"], theme: Theme): string | undefined;
+/** A ready-to-render permission button: label + tint + the bound press handler.
+ *  The `PermissionPrompt` renders this list 1:1, so testing the builder tests
+ *  the actual button wiring (allow/remember pairing) without a DOM. */
+export interface PermissionButton {
+    key: string;
+    label: string;
+    color?: string;
+    onPress: () => void;
+}
+/** Build the permission buttons, each press bound to `onAnswer(allow, remember)`
+ *  for its action. The single source of the prompt's interactive behaviour. */
+export declare function buildPermissionButtons(theme: Theme, onAnswer: (allow: boolean, remember: boolean) => void): PermissionButton[];
+/** Human-readable connection status for the status bar. */
+export declare function statusText(status: ConnectionStatus): string;
+/** Status dot / label colour. */
+export declare function statusColor(status: ConnectionStatus, theme: Theme): string | undefined;
+/** Compact usage line: `in→out tok · $cost`. */
+export declare function formatUsage(u: Usage): string;
+/** Map a file extension to a highlight.js language the shared `highlightToSegments`
+ *  knows (its registered set). `undefined` ⇒ render as plain text. Pure. */
+export declare function langFromPath(path: string): string | undefined;
+/** A git porcelain XY status code → a one-letter badge + theme tone for the file
+ *  tree. `??` untracked, `A` added, `M` modified, `D` deleted, `R` renamed. Pure. */
+export declare function gitBadge(status: string): {
+    char: string;
+    tone: "success" | "warning" | "error" | "accent";
+} | null;
+//# sourceMappingURL=helpers.d.ts.map

package/dist/web-ui/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../src/web-ui/helpers.ts"],"names":[],"mappings":"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"}