@windowkit/agent-chat 0.0.0-stage → 0.3.0

package/dist/view/AgentChat.js

@@ -0,0 +1,87 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react-x11/jsx-runtime";
+// `<AgentChat>`: a chat with a local agent harness.
+//
+// One element, one ladder. At the bottom, `<AgentChat agent="claude" />` is a
+// working chat. Each rung up is a prop: context (`cwd`, `instructions`,
+// `coreTools`), the app's own tools (`tools`), its renderers (`fences`,
+// `components`, `renderTool`), its interception (`codeActions`,
+// `onToolCall`). The top rung lifts the session out (`useAgent`, then
+// `session`) with the same options, moved rather than rewritten.
+import { useMemo, useRef } from 'react';
+import { describeRenderers, } from '../core/session.js';
+import { Composer } from './Composer.js';
+import { ChatContext, componentMap, fenceMap, } from './context.js';
+import { Header } from './Header.js';
+import { useLook } from './look.js';
+import { Transcript } from './Transcript.js';
+import { copyCode, } from './types.js';
+import { useAgent, useSessionSnapshot } from './use-agent.js';
+export function AgentChat(props) {
+    return props.session ? (_jsx(ChatView, { session: props.session, view: props })) : (_jsx(OwnSession, { ...props }));
+}
+function OwnSession(props) {
+    // Options are read once, but `onToolCall` is usually an inline arrow over
+    // the app's state: the session calls the latest one.
+    const latest = useRef(props);
+    latest.current = props;
+    const session = useAgent({
+        ...props,
+        instructions: [
+            ...(Array.isArray(props.instructions)
+                ? props.instructions
+                : props.instructions
+                    ? [props.instructions]
+                    : []),
+            ...describeRenderers({
+                fences: props.fences,
+                components: props.components,
+            }),
+        ],
+        ...(props.onToolCall
+            ? { onToolCall: (call) => latest.current.onToolCall?.(call) }
+            : {}),
+    });
+    return _jsx(ChatView, { session: session, view: props });
+}
+function ChatView({ session, view, }) {
+    const snap = useSessionSnapshot(session);
+    const look = useLook();
+    const { fences, components, renderTool, codeActions, onLink, fontSize } = view;
+    const context = useMemo(() => ({
+        session,
+        fences: fenceMap(fences),
+        components: componentMap(components),
+        renderTool: renderTool ?? {},
+        codeActions: codeActions ?? [copyCode],
+        onLink,
+        fontSize,
+    }), [session, fences, components, renderTool, codeActions, onLink, fontSize]);
+    if (snap.status === 'unavailable' && view.fallback !== undefined) {
+        return (_jsx("box", { style: [{ flexDirection: 'column', flexGrow: 1 }, view.style], children: typeof view.fallback === 'function'
+                ? view.fallback(snap)
+                : view.fallback }));
+    }
+    const header = view.header ?? true;
+    return (_jsx(ChatContext.Provider, { value: context, children: _jsxs("box", { style: [
+                {
+                    // fills what it is put in: the one-line usage needs no style
+                    flexDirection: 'column',
+                    flexGrow: 1,
+                    flexShrink: 1,
+                    minHeight: 0,
+                    backgroundColor: look.background,
+                },
+                view.style,
+            ], "data-testname": "agent-chat", children: [header === true ? (_jsx(Header, {})) : typeof header === 'function' ? (header(session)) : null, snap.status === 'unavailable' || snap.status === 'error' ? (_jsx("box", { style: {
+                        padding: 10,
+                        borderBottomWidth: 1,
+                        borderBottomColor: look.border,
+                    }, children: _jsx("text", { style: {
+                            color: snap.status === 'error' ? look.danger : look.muted,
+                        }, children: snap.error ?? 'The agent could not start.' }) })) : null, _jsx(Transcript, { empty: view.empty }), _jsx(Composer, { ...(view.placeholder !== undefined
+                        ? { placeholder: view.placeholder }
+                        : {}), ...(view.autoFocus !== undefined
+                        ? { autoFocus: view.autoFocus }
+                        : {}), ...(view.composer ? { options: view.composer } : {}) })] }) }));
+}
+//# sourceMappingURL=AgentChat.js.map

package/dist/view/AgentChat.js.map

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

package/dist/view/CodeBlock.d.ts

@@ -0,0 +1,9 @@
+import { type ReactElement } from 'react';
+import type { FenceInfo } from '@react-x11/components/markdown';
+import type { AgentMessage } from '../core/types.js';
+export interface CodeBlockProps {
+    fence: FenceInfo;
+    message: AgentMessage;
+}
+export declare function CodeBlock({ fence, message }: CodeBlockProps): ReactElement;
+//# sourceMappingURL=CodeBlock.d.ts.map

package/dist/view/CodeBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../src/view/CodeBlock.tsx"],"names":[],"mappings":"AAKA,OAAO,EAA+B,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAGvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAEhE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAKrD,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,YAAY,CAAC;CACvB;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,cAAc,GAAG,YAAY,CA8F1E"}

package/dist/view/CodeBlock.js

@@ -0,0 +1,67 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react-x11/jsx-runtime";
+// A fenced code block with a header of actions: Copy by default, and
+// whatever the app's `codeActions` add. Nothing here runs code; an action
+// that does is the app's. It is drawn as `<Markdown>` draws a fence, with
+// the header inside the block's fill.
+import { useEffect, useRef, useState } from 'react';
+import { Button, useClipboard } from 'react-x11';
+import { Code } from '@react-x11/components/code';
+import { useChat } from './context.js';
+import { useCodeLook, useLook } from './look.js';
+export function CodeBlock({ fence, message }) {
+    const { codeActions, session, fontSize } = useChat();
+    const look = useLook();
+    const code = useCodeLook(fontSize);
+    const clipboard = useClipboard();
+    const [done, setDone] = useState(null);
+    const timer = useRef(null);
+    useEffect(() => () => {
+        if (timer.current)
+            clearTimeout(timer.current);
+    }, []);
+    // an action on code still streaming in would act on half of it
+    const actions = fence.partial
+        ? []
+        : codeActions.filter((a) => !a.when || a.when(fence));
+    const run = (action) => {
+        const ctx = {
+            session,
+            message,
+            copy: (text) => clipboard.writeText(text),
+        };
+        Promise.resolve()
+            .then(() => action.run(fence, ctx))
+            .then(() => {
+            if (!action.doneLabel)
+                return;
+            setDone(action.id);
+            if (timer.current)
+                clearTimeout(timer.current);
+            timer.current = setTimeout(() => setDone(null), 1500);
+        }, (err) => session.notify('error', `${action.label} failed: ${err instanceof Error ? err.message : String(err)}`));
+    };
+    return (_jsxs("box", { style: {
+            flexDirection: 'column',
+            backgroundColor: code.fill,
+            borderRadius: code.radius,
+            overflow: 'hidden',
+        }, children: [_jsxs("box", { style: {
+                    flexDirection: 'row',
+                    alignItems: 'center',
+                    gap: 4,
+                    paddingLeft: code.padding,
+                    paddingRight: Math.round(code.padding / 3),
+                    paddingTop: Math.round(code.padding / 3),
+                    minHeight: 26,
+                }, children: [_jsx("text", { style: { color: look.muted, fontSize: 11, flexGrow: 1 }, children: fence.lang || 'text' }), actions.map((action) => (_jsx(Button, { size: "small", variant: "ghost", label: done === action.id
+                            ? (action.doneLabel ?? action.label)
+                            : action.label, onPress: () => run(action) }, action.id)))] }), _jsx(Code, { source: fence.text, ...(fence.lang ? { lang: fence.lang } : {}), fontSize: code.size, wrap: true, 
+                // the frame holds the fill: the code's own, a tint, would lay a
+                // second over it
+                style: {
+                    backgroundColor: 'transparent',
+                    borderRadius: 0,
+                    paddingTop: Math.round(code.padding / 3),
+                } })] }));
+}
+//# sourceMappingURL=CodeBlock.js.map

package/dist/view/CodeBlock.js.map

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

package/dist/view/Composer.d.ts

@@ -0,0 +1,24 @@
+import { type ReactElement } from 'react';
+import type { AgentSession } from '../core/session.js';
+/** How the composer behaves: `<AgentChat composer={…}>`. */
+export interface ComposerOptions {
+    /** What is drawn over the text as it is typed. Default `'markdown'`:
+     *  everything below plus emphasis, headings, quotes and lists. `'code'`
+     *  draws fences and inline code alone. Nothing changes what is sent. */
+    markup?: 'none' | 'code' | 'markdown';
+    /** `@` lists the files under the working directory. Default true. */
+    files?: boolean;
+    /** `/` at the start of a line lists the agent's commands. Default true. */
+    commands?: boolean;
+    /** A long paste, and a pasted image, become attachments. Default true. */
+    pasteAsAttachment?: boolean;
+}
+export interface ComposerProps {
+    placeholder?: string;
+    autoFocus?: boolean;
+    options?: ComposerOptions;
+}
+export declare function Composer({ placeholder, autoFocus, options, }: ComposerProps): ReactElement;
+/** What was sent, oldest first: the composer's `recall`. */
+export declare function sentTexts(messages: AgentSession['snapshot']['messages']): string[];
+//# sourceMappingURL=Composer.d.ts.map

package/dist/view/Composer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Composer.d.ts","sourceRoot":"","sources":["../../src/view/Composer.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAA8B,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAYtE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAOvD,4DAA4D;AAC5D,MAAM,WAAW,eAAe;IAC9B;;4EAEwE;IACxE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC;IACtC,qEAAqE;IACrE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0EAA0E;IAC1E,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,WAAW,aAAa;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B;AAED,wBAAgB,QAAQ,CAAC,EACvB,WAAW,EACX,SAAS,EACT,OAAY,GACb,EAAE,aAAa,GAAG,YAAY,CAyG9B;AAED,4DAA4D;AAC5D,wBAAgB,SAAS,CACvB,QAAQ,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC,UAAU,CAAC,GAC7C,MAAM,EAAE,CAQV"}

package/dist/view/Composer.js

@@ -0,0 +1,144 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react-x11/jsx-runtime";
+// The message box: `<RichTextEditor>` as the hybrid composer
+// (`@react-x11/components` 0.38). The value is exactly what was typed —
+// `2 * 3` is sent as `2 * 3` — and markdown is drawn over it as it is typed:
+// fences in the code face and coloured, inline code on a tint, emphasis,
+// headings, quotes and lists with their markers kept and dimmed.
+//
+// - Enter sends; Shift+Enter breaks the line; Enter inside an open fence is
+//   a new line, and on its closing line it sends.
+// - `@` lists the files under the agent's working directory, and inserts one
+//   as a mention, written `@path` — what Claude Code reads a file by.
+// - `/` at the start of a line lists the agent's commands.
+// - A paste past ten lines or 2,000 characters is an attachment, written as
+//   its token (`[Pasted text #1 +312 lines]`) and sent beside the text; a
+//   pasted image is one too.
+// - Up on the first line brings back what was sent, newest first.
+// - Escape stops a running turn.
+import { useEffect, useMemo, useRef } from 'react';
+import { Button } from 'react-x11';
+import { XK_ESCAPE } from 'react-x11/keysyms';
+import { RichTextEditor, composerParts, composerSchema, } from '@react-x11/components/rich-text-editor';
+import { useChat } from './context.js';
+import { listFiles, matchFiles } from './files.js';
+import { useLook } from './look.js';
+import { useSessionSnapshot } from './use-agent.js';
+export function Composer({ placeholder, autoFocus, options = {}, }) {
+    const { session } = useChat();
+    const snap = useSessionSnapshot(session);
+    const look = useLook();
+    const editor = useRef(null);
+    const busy = snap.status === 'running' ||
+        snap.status === 'waiting' ||
+        snap.status === 'paused' ||
+        snap.status === 'starting';
+    const disabled = snap.status === 'closed';
+    // what `stop()` took back out of the queue comes back to the box
+    useEffect(() => {
+        if (snap.restored === undefined)
+            return;
+        const text = session.takeRestored();
+        if (text)
+            editor.current?.setValue(text);
+    }, [snap.restored, session]);
+    // Up brings back what the transcript says was sent, so a remount keeps it
+    const recall = useMemo(() => sentTexts(snap.messages), [snap.messages]);
+    const cwd = snap.info.cwd;
+    const files = options.files !== false;
+    const commands = options.commands !== false;
+    const suggestions = useMemo(() => [
+        ...(files && cwd ? [fileSuggester(cwd)] : []),
+        ...(commands ? [commandSuggester(session)] : []),
+    ], [files, commands, cwd, session]);
+    const submit = () => {
+        const handle = editor.current;
+        if (!handle)
+            return;
+        const { text, attachments } = composerParts(handle.state.doc);
+        if (!text.trim() && !attachments.length)
+            return;
+        session.send({ text, attachments: attachments.map(attachmentOf) });
+        handle.setValue('');
+    };
+    const onKeyDown = (ev) => {
+        if (ev.keysym === XK_ESCAPE && busy) {
+            ev.preventDefault();
+            void session.stop();
+        }
+    };
+    const canPause = snap.capabilities.gate === 'every-call';
+    return (_jsxs("box", { style: {
+            flexDirection: 'row',
+            alignItems: 'flex-end',
+            gap: 8,
+            padding: 10,
+            borderTopWidth: 1,
+            borderTopColor: look.border,
+        }, children: [_jsx(RichTextEditor, { ref: editor, format: "text", schema: composerSchema, markup: options.markup ?? 'markdown', pasteAsAttachment: options.pasteAsAttachment ?? true, recall: recall, suggestions: suggestions, submitOnEnter: true, onSubmit: submit, onKeyDown: onKeyDown, placeholder: placeholder ?? 'Ask the agent…  @ for a file, / for a command', autoFocus: autoFocus ?? true, disabled: disabled, "aria-label": "Message", "data-testname": "agent-chat-composer", style: {
+                    flexGrow: 1,
+                    flexShrink: 1,
+                    maxHeight: 220,
+                    borderWidth: 1,
+                    borderColor: look.border,
+                    borderRadius: 8,
+                } }), _jsxs("box", { style: { flexDirection: 'row', gap: 6 }, children: [busy && canPause ? (_jsx(Button, { label: snap.paused ? 'Resume' : 'Pause', variant: "outline", onPress: () => (snap.paused ? session.resume() : session.pause()) })) : null, busy ? (_jsx(Button, { label: "Stop", onPress: () => void session.stop() })) : (_jsx(Button, { label: "Send", primary: true, disabled: disabled, onPress: submit }))] })] }));
+}
+/** What was sent, oldest first: the composer's `recall`. */
+export function sentTexts(messages) {
+    const out = [];
+    for (const m of messages) {
+        if (m.role !== 'user' || m.queued)
+            continue;
+        const text = m.parts.map((p) => (p.type === 'text' ? p.text : '')).join('');
+        if (text && out[out.length - 1] !== text)
+            out.push(text);
+    }
+    return out;
+}
+function fileSuggester(cwd) {
+    return {
+        char: '@',
+        items: async ({ query, state }) => matchFiles(await listFiles(cwd), query).map((file) => ({
+            label: file,
+            insert: state.schema.nodes.mention.create({
+                kind: 'file',
+                id: file,
+                label: file,
+            }),
+        })),
+    };
+}
+function commandSuggester(session) {
+    return {
+        char: '/',
+        startOfLine: true,
+        // read as asked: the harness names its commands once it is up
+        items: ({ query }) => session.snapshot.info.commands
+            .filter((c) => c.name.toLowerCase().startsWith(query.toLowerCase()))
+            .slice(0, 20)
+            .map((c) => ({
+            label: `/${c.name}`,
+            ...(c.description ? { detail: c.description } : {}),
+            insert: `/${c.name} `,
+        })),
+    };
+}
+function attachmentOf(atom) {
+    if (atom.kind === 'image' && atom.data instanceof Uint8Array) {
+        return {
+            kind: 'image',
+            label: atom.label,
+            mime: 'image/png',
+            data: Buffer.from(atom.data).toString('base64'),
+        };
+    }
+    if (atom.kind === 'file' && typeof atom.data === 'string') {
+        return { kind: 'file', label: atom.label, path: atom.data };
+    }
+    return {
+        kind: 'paste',
+        label: atom.label,
+        data: typeof atom.data === 'string' ? atom.data : String(atom.data ?? ''),
+    };
+}
+//# sourceMappingURL=Composer.js.map

package/dist/view/Composer.js.map

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

package/dist/view/Header.d.ts

@@ -0,0 +1,3 @@
+import type { ReactElement } from 'react';
+export declare function Header(): ReactElement;
+//# sourceMappingURL=Header.d.ts.map

package/dist/view/Header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../src/view/Header.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAO1C,wBAAgB,MAAM,IAAI,YAAY,CAuDrC"}

package/dist/view/Header.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react-x11/jsx-runtime";
+import { Button, Select, useClipboard } from 'react-x11';
+import { useChat } from './context.js';
+import { useLook } from './look.js';
+import { useSessionSnapshot } from './use-agent.js';
+export function Header() {
+    const { session } = useChat();
+    const snap = useSessionSnapshot(session);
+    const look = useLook();
+    const clipboard = useClipboard();
+    const { info, capabilities } = snap;
+    const cost = info.usage?.costUsd;
+    return (_jsxs("box", { style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            gap: 8,
+            paddingLeft: 12,
+            paddingRight: 8,
+            paddingTop: 6,
+            paddingBottom: 6,
+            borderBottomWidth: 1,
+            borderBottomColor: look.border,
+        }, children: [_jsx("text", { style: { color: look.text, fontWeight: 'bold' }, children: agentName(info.agent) }), info.model && !(capabilities.models && info.models.length) ? (_jsx("text", { style: { color: look.muted, fontSize: 12 }, children: info.model })) : null, _jsx("box", { style: { flexGrow: 1 } }), capabilities.models && info.models.length ? (_jsx(Select, { value: info.model, options: info.models.map((m) => ({ value: m.id, label: m.label })), onChange: (ev) => void session.setModel(String(ev.value)) })) : null, capabilities.modes && info.modes.length ? (_jsx(Select, { value: info.mode, options: info.modes.map((m) => ({ value: m.id, label: m.label })), onChange: (ev) => void session.setMode(String(ev.value)) })) : null, cost !== undefined ? (_jsx("text", { style: { color: look.muted, fontSize: 12 }, children: `$${cost.toFixed(2)}` })) : null, _jsx(Button, { size: "small", variant: "ghost", label: "Copy chat", onPress: () => void clipboard.writeText(session.toMarkdown()) })] }));
+}
+function agentName(agent) {
+    return agent === 'claude'
+        ? 'Claude'
+        : agent.charAt(0).toUpperCase() + agent.slice(1);
+}
+//# sourceMappingURL=Header.js.map

package/dist/view/Header.js.map

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

package/dist/view/MessageList.d.ts

@@ -0,0 +1,9 @@
+import { type ReactElement } from 'react';
+import type { AgentMessage } from '../core/types.js';
+export declare function MessageList({ messages, }: {
+    messages: readonly AgentMessage[];
+}): ReactElement;
+export declare const MessageView: import("react").MemoExoticComponent<({ message, }: {
+    message: AgentMessage;
+}) => ReactElement>;
+//# sourceMappingURL=MessageList.d.ts.map

package/dist/view/MessageList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageList.d.ts","sourceRoot":"","sources":["../../src/view/MessageList.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAkB,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAI1D,OAAO,KAAK,EAAE,YAAY,EAAkB,MAAM,kBAAkB,CAAC;AAMrE,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,SAAS,YAAY,EAAE,CAAC;CACnC,GAAG,YAAY,CAQf;AAED,eAAO,MAAM,WAAW,qDAErB;IACD,OAAO,EAAE,YAAY,CAAC;CACvB,KAAG,YAAY,CAOd,CAAC"}

package/dist/view/MessageList.js

@@ -0,0 +1,111 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react-x11/jsx-runtime";
+// Messages, and the parts inside them. Each message is memoized by
+// identity: the reducer replaces only the message a change touched, so a
+// streamed token re-renders one message.
+import { memo, useState } from 'react';
+import { Button, Icon, useClipboard } from 'react-x11';
+import { messageMarkdown, sourceLabel } from '../core/markdown.js';
+import { useLook } from './look.js';
+import { QuestionCard } from './QuestionCard.js';
+import { TextBlock } from './TextBlock.js';
+import { ToolCard } from './ToolCard.js';
+export function MessageList({ messages, }) {
+    return (_jsx("box", { style: { flexDirection: 'column', gap: 14 }, children: messages.map((m) => (_jsx(MessageView, { message: m }, m.id))) }));
+}
+export const MessageView = memo(function MessageView({ message, }) {
+    const look = useLook();
+    return message.role === 'user' ? (_jsx(UserMessage, { message: message, look: look })) : (_jsx(AssistantMessage, { message: message, look: look }));
+});
+function UserMessage({ message, look, }) {
+    // the user's own on the right, filled; anyone else's on the left, framed
+    // and named, so a message another session sent is never read as the
+    // user's
+    const from = message.from;
+    return (_jsxs("box", { style: {
+            flexDirection: 'column',
+            alignItems: from ? 'flex-start' : 'flex-end',
+            gap: 4,
+        }, children: [_jsxs("box", { style: {
+                    flexDirection: 'column',
+                    gap: 4,
+                    maxWidth: '85%',
+                    paddingLeft: 12,
+                    paddingRight: 12,
+                    paddingTop: 8,
+                    paddingBottom: 8,
+                    borderRadius: 10,
+                    ...(from
+                        ? { borderWidth: 1, borderColor: look.border }
+                        : { backgroundColor: look.bubble }),
+                    opacity: message.queued ? 0.6 : 1,
+                }, children: [from ? (_jsx("text", { style: { color: look.muted, fontSize: 11, fontWeight: 'bold' }, children: `${sourceLabel(from)} · ${from.kind === 'peer' ? 'another session' : 'channel'}` })) : null, message.parts.map((p) => 
+                    // what was typed as markdown is drawn as markdown once it is sent,
+                    // with the same fences, components and code actions as a reply
+                    p.type === 'text' ? (_jsx(TextBlock, { text: p.text, streaming: false, message: message }, p.id)) : p.type === 'file' && !textOf(message).includes(`[${p.label}]`) ? (_jsx("text", { style: { color: look.muted, fontSize: 11 }, children: `[${p.label}]` }, p.id)) : null)] }), _jsxs("box", { style: { flexDirection: 'row', gap: 4, alignItems: 'center' }, children: [message.queued ? (_jsx("text", { style: { color: look.muted, fontSize: 11 }, children: "Queued" })) : null, _jsx(CopyButton, { message: message })] })] }));
+}
+function AssistantMessage({ message, look, }) {
+    const hasText = message.parts.some((p) => p.type === 'text');
+    return (_jsxs("box", { style: { flexDirection: 'column', gap: 8 }, children: [message.parts.map((p) => (_jsx(PartView, { part: p, message: message, look: look }, p.id))), message.done && hasText ? (_jsx("box", { style: { flexDirection: 'row' }, children: _jsx(CopyButton, { message: message }) })) : null] }));
+}
+function PartView({ part, message, look, }) {
+    switch (part.type) {
+        case 'text':
+            return (_jsx(TextBlock, { text: part.text, streaming: part.streaming, message: message }));
+        case 'reasoning':
+            return (_jsx(Reasoning, { text: part.text, streaming: part.streaming, look: look }));
+        case 'tool':
+            return _jsx(ToolCard, { part: part });
+        case 'question':
+            return _jsx(QuestionCard, { part: part });
+        case 'plan':
+            return _jsx(Plan, { part: part, look: look });
+        case 'notice':
+            return (_jsx("text", { style: {
+                    color: part.level === 'error'
+                        ? look.danger
+                        : part.level === 'warning'
+                            ? look.warning
+                            : look.muted,
+                    fontSize: 12,
+                }, children: part.text }));
+        case 'file':
+            return (_jsx("text", { style: { color: look.muted, fontSize: 11 }, children: `[${part.label}]` }));
+        case 'data':
+            return null;
+    }
+}
+function Reasoning({ text, streaming, look, }) {
+    const [open, setOpen] = useState(false);
+    // A harness may send a thought with its text left out (Claude's
+    // `display: 'omitted'`): while it streams it is still news that the agent
+    // is thinking; once it is over there is nothing to open, so nothing is drawn.
+    if (!text.trim()) {
+        return streaming ? (_jsx("text", { style: { color: look.muted, fontSize: 12 }, children: "Thinking\u2026" })) : null;
+    }
+    return (_jsxs("box", { style: { flexDirection: 'column', gap: 4 }, children: [_jsxs("box", { style: {
+                    flexDirection: 'row',
+                    gap: 6,
+                    alignItems: 'center',
+                    cursor: 'pointer',
+                }, onClick: () => setOpen((o) => !o), children: [_jsx(Icon, { name: open ? 'chevronDown' : 'chevronRight', size: 12, color: look.muted }), _jsx("text", { style: { color: look.muted, fontSize: 12 }, children: streaming ? 'Thinking…' : 'Thought' })] }), open ? (_jsx("text", { style: { color: look.muted, fontSize: 12, paddingLeft: 18 }, children: text })) : null] }));
+}
+function Plan({ part, look, }) {
+    return (_jsx("box", { style: { flexDirection: 'column', gap: 2 }, children: part.entries.map((e, i) => (_jsxs("box", { style: { flexDirection: 'row', gap: 6, alignItems: 'center' }, children: [e.status === 'completed' ? (_jsx(Icon, { name: "check", size: 12, color: look.success })) : e.status === 'in_progress' ? (_jsx(Icon, { name: "dot", size: 12, color: look.accent })) : (_jsx(Icon, { name: "dash", size: 12, color: look.muted })), _jsx("text", { style: {
+                        color: e.status === 'completed' ? look.muted : look.text,
+                        fontWeight: e.status === 'in_progress' ? 'bold' : 'normal',
+                    }, children: e.text })] }, i))) }));
+}
+function CopyButton({ message }) {
+    const clipboard = useClipboard();
+    const [copied, setCopied] = useState(false);
+    return (_jsx(Button, { size: "small", variant: "ghost", label: copied ? 'Copied' : 'Copy', onPress: () => {
+            void clipboard.writeText(messageMarkdown(message)).then(() => {
+                setCopied(true);
+                setTimeout(() => setCopied(false), 1500);
+            });
+        } }));
+}
+function textOf(message) {
+    return message.parts.map((p) => (p.type === 'text' ? p.text : '')).join('');
+}
+//# sourceMappingURL=MessageList.js.map

package/dist/view/MessageList.js.map

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

package/dist/view/QuestionCard.d.ts

@@ -0,0 +1,6 @@
+import { type ReactElement } from 'react';
+import type { QuestionPart } from '../core/types.js';
+export declare const QuestionCard: import("react").MemoExoticComponent<({ part, }: {
+    part: QuestionPart;
+}) => ReactElement>;
+//# sourceMappingURL=QuestionCard.d.ts.map

package/dist/view/QuestionCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionCard.d.ts","sourceRoot":"","sources":["../../src/view/QuestionCard.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAkB,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAIrD,eAAO,MAAM,YAAY,kDAEtB;IACD,IAAI,EAAE,YAAY,CAAC;CACpB,KAAG,YAAY,CA4Fd,CAAC"}

package/dist/view/QuestionCard.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react-x11/jsx-runtime";
+// A question the agent asked: options as buttons, one or several a
+// question, and Submit once every question has an answer.
+import { memo, useState } from 'react';
+import { Button } from 'react-x11';
+import { useChat } from './context.js';
+import { useLook } from './look.js';
+export const QuestionCard = memo(function QuestionCard({ part, }) {
+    const { session } = useChat();
+    const look = useLook();
+    const [chosen, setChosen] = useState({});
+    const open = part.state === 'open';
+    const complete = part.questions.every((q) => (chosen[q.question]?.length ?? 0) > 0);
+    const pick = (question, label, multi) => setChosen((c) => {
+        const now = c[question] ?? [];
+        const next = multi
+            ? now.includes(label)
+                ? now.filter((l) => l !== label)
+                : [...now, label]
+            : [label];
+        return { ...c, [question]: next };
+    });
+    return (_jsxs("box", { style: {
+            flexDirection: 'column',
+            gap: 10,
+            padding: 10,
+            borderWidth: 1,
+            borderColor: open ? look.accent : look.border,
+            borderRadius: 6,
+        }, children: [part.questions.map((q) => (_jsxs("box", { style: { flexDirection: 'column', gap: 6 }, children: [q.header ? (_jsx("text", { style: { color: look.muted, fontSize: 11 }, children: q.header })) : null, _jsx("text", { style: { color: look.text, fontWeight: 'bold' }, children: q.question }), open ? (_jsx("box", { style: { flexDirection: 'row', flexWrap: 'wrap', gap: 6 }, children: q.options.map((o) => {
+                            const on = chosen[q.question]?.includes(o.label) ?? false;
+                            return (_jsx(Button, { size: "small", label: o.label, variant: on ? 'solid' : 'outline', primary: on, onPress: () => pick(q.question, o.label, q.multiSelect) }, o.label));
+                        }) })) : (_jsx("text", { style: { color: look.muted }, children: part.answers?.[q.question] ??
+                            (part.state === 'cancelled' ? 'Dismissed' : '') }))] }, q.question))), open ? (_jsxs("box", { style: { flexDirection: 'row', gap: 6 }, children: [_jsx(Button, { size: "small", primary: true, label: "Submit", disabled: !complete, onPress: () => session.answer(part.id, Object.fromEntries(part.questions.map((q) => [
+                            q.question,
+                            (chosen[q.question] ?? []).join(', '),
+                        ]))) }), _jsx(Button, { size: "small", variant: "ghost", label: "Dismiss", onPress: () => session.answer(part.id, null) })] })) : null] }));
+});
+//# sourceMappingURL=QuestionCard.js.map