@agentshouse/mdruntime 0.1.0-cd3486bd400ed → 0.1.0-cde2b99d2fcbc

package/dist/chat/message.js

@@ -0,0 +1,192 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useContext, } from 'react';
+import { ActionBarPrimitive, AuiIf, ErrorPrimitive, MessagePartPrimitive, MessagePrimitive, groupPartByType, useAuiState, } from '@assistant-ui/react';
+import { MarkdownTextPrimitive } from '@assistant-ui/react-markdown';
+import { Collapsible } from 'radix-ui';
+import remarkGfm from 'remark-gfm';
+import Bot from 'lucide-react/dist/esm/icons/bot.mjs';
+import Brain from 'lucide-react/dist/esm/icons/brain.mjs';
+import CalendarClock from 'lucide-react/dist/esm/icons/calendar-clock.mjs';
+import Check from 'lucide-react/dist/esm/icons/check.mjs';
+import ChevronRight from 'lucide-react/dist/esm/icons/chevron-right.mjs';
+import Copy from 'lucide-react/dist/esm/icons/copy.mjs';
+import Cpu from 'lucide-react/dist/esm/icons/cpu.mjs';
+import ImageGlyph from 'lucide-react/dist/esm/icons/image.mjs';
+import Layers from 'lucide-react/dist/esm/icons/layers.mjs';
+import ListChecks from 'lucide-react/dist/esm/icons/list-checks.mjs';
+import ListTodo from 'lucide-react/dist/esm/icons/list-todo.mjs';
+import Paperclip from 'lucide-react/dist/esm/icons/paperclip.mjs';
+import RotateCw from 'lucide-react/dist/esm/icons/rotate-cw.mjs';
+import Send from 'lucide-react/dist/esm/icons/send.mjs';
+import SlidersHorizontal from 'lucide-react/dist/esm/icons/sliders-horizontal.mjs';
+import Terminal from 'lucide-react/dist/esm/icons/terminal.mjs';
+import { buttonClass, Name, Working } from './kit.js';
+import { StillRunning } from './lasting.js';
+import { list, record, text } from './read.js';
+export const Linked = createContext(null);
+const groupBy = groupPartByType({
+    reasoning: ['group-thought', 'group-reasoning'],
+    'tool-call': ['group-thought'],
+});
+const GFM = [remarkGfm];
+const STARTED = 'Session started';
+const SENT = {
+    send_routine_request: 'Sent a request',
+    cancel_routine_request: 'Cancelled a request',
+};
+const MARKED = {
+    mode: { title: 'Mode', Icon: SlidersHorizontal },
+    compaction: { title: 'Context compacted', Icon: Layers },
+    retry: { title: 'Retrying', Icon: RotateCw },
+    model: { title: 'Model', Icon: Cpu },
+};
+const STEP = { completed: '✓', in_progress: '→' };
+function counted(count) {
+    return count === 1 ? '1 command' : `${count} commands`;
+}
+function jobShown(said) {
+    const icon = _jsx(CalendarClock, { "aria-hidden": "true" });
+    const shown = { icon, input: '', output: '' };
+    const label = said('label');
+    const state = said('state');
+    if (said('job') === 'started') {
+        return { ...shown, title: 'Background job started', detail: label };
+    }
+    if (said('job') === 'scheduled') {
+        const detail = said('next') === '' ? label : `${label} · ${state}`;
+        return { ...shown, title: 'Schedule set', detail };
+    }
+    const detail = state === '' ? label : `${label} · ${state}`;
+    return { ...shown, title: 'Background job ended', detail };
+}
+function shownOf({ toolName, args, result }) {
+    const said = (key) => text(args, key) ?? '';
+    const plain = { detail: '', input: '', output: '' };
+    switch (toolName) {
+        case 'subagent':
+            return {
+                icon: _jsx(Bot, { "aria-hidden": "true" }),
+                title: 'Sub-agent',
+                detail: said('description'),
+                input: said('description'),
+                output: typeof result === 'string' ? result : '',
+            };
+        case 'message':
+            return {
+                ...plain,
+                icon: _jsx(Send, { "aria-hidden": "true" }),
+                title: SENT[said('command')] ?? said('command'),
+                detail: said('target'),
+            };
+        case 'plan': {
+            const steps = list(args, 'steps').map(record);
+            return {
+                ...plain,
+                icon: _jsx(ListTodo, { "aria-hidden": "true" }),
+                title: 'Plan',
+                detail: text(steps.find((one) => one.status === 'in_progress') ?? {}, 'content') ?? '',
+                input: steps
+                    .map((one) => `${STEP[text(one, 'status') ?? ''] ?? '○'} ${text(one, 'content') ?? ''}`)
+                    .join('\n'),
+            };
+        }
+        case 'marker': {
+            const marked = MARKED[said('marker')];
+            if (marked === undefined)
+                return jobShown(said);
+            return {
+                ...plain,
+                icon: _jsx(marked.Icon, { "aria-hidden": "true" }),
+                title: marked.title,
+                detail: said('text'),
+            };
+        }
+        default:
+            return {
+                ...plain,
+                icon: _jsx(Terminal, { "aria-hidden": "true" }),
+                title: counted(Number(args.count)),
+            };
+    }
+}
+function workedOf(calls) {
+    const commands = calls.reduce((sum, one) => (one.toolName === 'commands' ? sum + Number(one.args.count) : sum), 0);
+    return commands === 0 ? 'Worked' : `Worked · ${counted(commands)}`;
+}
+function Toggle({ icon, label, detail = '', active, children, }) {
+    return (_jsxs(Collapsible.Root, { children: [_jsxs(Collapsible.Trigger, { className: "ahc-row ahc-toggle", children: [icon, _jsx("span", { className: active ? 'ahc-clipped ahc-shimmer' : 'ahc-clipped', children: label }), detail === '' ? null : _jsx("span", { className: "ahc-clipped", children: detail }), _jsx("span", { className: "ahc-chevron", children: _jsx(ChevronRight, { "aria-hidden": "true" }) })] }), _jsx(Collapsible.Content, { children: children })] }));
+}
+function ToolCall({ call, active }) {
+    const shown = shownOf(call);
+    if (shown.input === '' && shown.output === '') {
+        return (_jsxs("div", { className: "ahc-toolline ahc-quiet", children: [shown.icon, _jsx("span", { className: active ? 'ahc-shimmer' : undefined, children: shown.title }), shown.detail === '' ? null : _jsx("span", { className: "ahc-clipped", children: shown.detail })] }));
+    }
+    return (_jsx(Toggle, { icon: shown.icon, label: shown.title, detail: shown.detail, active: active, children: _jsxs("div", { className: "ahc-quiet ahc-wells", children: [shown.input === '' ? null : _jsx("div", { className: "ahc-well", children: shown.input }), shown.output === '' ? null : _jsx("div", { className: "ahc-well", children: shown.output })] }) }));
+}
+function Thought({ indices, active, children, }) {
+    const parts = useAuiState((s) => s.message.parts);
+    const held = indices.flatMap((at) => parts[at] ?? []);
+    const calls = held.flatMap((part) => (part.type === 'tool-call' ? [part] : []));
+    if (calls.length === 0 || held.length === 1)
+        return _jsx(_Fragment, { children: children });
+    const last = held.at(-1);
+    const now = last?.type === 'tool-call'
+        ? shownOf(last)
+        : { icon: _jsx(Brain, { "aria-hidden": "true" }), title: 'Thinking', detail: '' };
+    return (_jsx(Toggle, { icon: active ? now.icon : _jsx(ListChecks, { "aria-hidden": "true" }), label: active ? now.title : workedOf(calls), detail: active ? now.detail : '', active: active, children: children }));
+}
+const SCHEME = /^[a-z][a-z0-9+.-]*:/i;
+function Anchor({ node: _node, href = '', ...rest }) {
+    const onLink = useContext(Linked);
+    if (SCHEME.test(href) || onLink === null)
+        return _jsx("a", { ...rest, href: href, rel: "noreferrer" });
+    return (_jsx("a", { ...rest, href: href, onClick: (event) => {
+            event.preventDefault();
+            onLink(href);
+        } }));
+}
+const LINKED = { a: Anchor };
+const THOUGHT = { className: 'ahc-thought' };
+function Said({ thought = false }) {
+    return (_jsx(MarkdownTextPrimitive, { className: "ahc-text ahc-markdown", containerProps: thought ? THOUGHT : undefined, remarkPlugins: GFM, components: LINKED }));
+}
+function UserText() {
+    return _jsx(MessagePartPrimitive.Text, { className: "ahc-said" });
+}
+export function UserMessage() {
+    const said = useAuiState((s) => s.message.parts.some((one) => one.type === 'text' && one.text !== ''));
+    const attached = useAuiState((s) => (s.message.attachments?.length ?? 0) > 0);
+    const undelivered = useAuiState((s) => s.message.metadata.custom.undelivered === true);
+    return (_jsxs(MessagePrimitive.Root, { role: "group", "aria-label": "You", className: "ahc-you", children: [said ? (_jsx("div", { className: "ahc-bubble", children: _jsx(MessagePrimitive.Parts, { components: { Text: UserText } }) })) : null, attached ? (_jsx("div", { className: "ahc-chips", children: _jsx(MessagePrimitive.Attachments, { children: ({ attachment }) => (_jsxs("span", { className: "ahc-chip", children: [_jsx(Paperclip, { "aria-hidden": "true" }), _jsx(Name, { text: attachment.name })] })) }) })) : null, undelivered ? _jsx(Undelivered, {}) : null] }));
+}
+export function Undelivered() {
+    return _jsx("span", { className: "ahc-meta", children: "Telegram didn't receive this" });
+}
+export function AssistantMessage() {
+    const running = useAuiState((s) => s.message.status?.type === 'running');
+    const started = useAuiState((s) => s.message.metadata.isOptimistic !== true);
+    const said = useAuiState((s) => s.message.parts.some((one) => one.type === 'text'));
+    const last = useAuiState((s) => s.message.isLast);
+    const custom = useAuiState((s) => s.message.metadata.custom);
+    const lasting = Array.isArray(custom.lasting) ? custom.lasting : [];
+    return (_jsxs(MessagePrimitive.Root, { role: "group", "aria-label": running ? 'Turn, running' : 'Turn', className: "ahc-turn", children: [_jsx(MessagePrimitive.GroupedParts, { groupBy: groupBy, indicator: "empty", children: ({ part, children }) => {
+                    switch (part.type) {
+                        case 'group-thought':
+                            return (_jsx(Thought, { indices: part.indices, active: part.status.type === 'running', children: children }));
+                        case 'group-reasoning':
+                            return (_jsx(Toggle, { icon: _jsx(Brain, { "aria-hidden": "true" }), label: "Thinking", active: part.status.type === 'running', children: children }));
+                        case 'text':
+                            return _jsx(Said, {});
+                        case 'reasoning':
+                            return _jsx(Said, { thought: true });
+                        case 'tool-call':
+                            return _jsx(ToolCall, { call: part, active: part.status.type === 'running' });
+                        case 'file':
+                            return (_jsxs("div", { className: "ahc-toolline ahc-quiet", children: [_jsx(ImageGlyph, { "aria-hidden": "true" }), _jsx("span", { className: "ahc-clipped", children: part.filename })] }));
+                        case 'indicator':
+                            return _jsx(Working, { step: started ? STARTED : undefined });
+                        default:
+                            return null;
+                    }
+                } }), _jsx(MessagePrimitive.Error, { children: _jsxs(ErrorPrimitive.Root, { className: "ahc-failure", children: [_jsx(ErrorPrimitive.Message, {}), _jsx(AuiIf, { condition: (s) => s.thread.capabilities.reload && s.message.metadata.custom.again === true, children: _jsx(ActionBarPrimitive.Reload, { className: buttonClass('outline', true, false), children: "Try again" }) })] }) }), custom.undelivered === true ? _jsx(Undelivered, {}) : null, said ? (_jsx(ActionBarPrimitive.Root, { hideWhenRunning: true, autohide: "not-last", autohideFloat: "always", className: last ? 'ahc-actions' : 'ahc-actions ahc-actions--floating', children: _jsxs(ActionBarPrimitive.Copy, { className: `${buttonClass('quiet', true, true)} ahc-secondary`, "aria-label": "Copy", children: [_jsx(AuiIf, { condition: (s) => s.message.isCopied, children: _jsx(Check, { "aria-hidden": "true" }) }), _jsx(AuiIf, { condition: (s) => !s.message.isCopied, children: _jsx(Copy, { "aria-hidden": "true" }) })] }) })) : null, lasting.length === 0 ? null : _jsx(StillRunning, { lasting: lasting })] }));
+}

package/dist/chat/name.d.ts

@@ -0,0 +1,6 @@
+import type { ReactElement } from 'react';
+export declare function readable(name: string): string;
+export declare function ChatName({ name }: {
+    readonly name: string;
+}): ReactElement;
+//# sourceMappingURL=name.d.ts.map

package/dist/chat/name.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"name.d.ts","sourceRoot":"","sources":["../../src/chat/name.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAgC1C,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAI7C;AAED,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAAG,YAAY,CAc1E"}

package/dist/chat/name.js

@@ -0,0 +1,37 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+const INSTANT = /\d{4}-\d{2}-\d{2}T\d{2}:\d{2}(?::\d{2}(?:\.\d+)?)?(?:Z|[+-]\d{2}:\d{2})/g;
+function stamp(at) {
+    const time = new Date(at);
+    return Number.isNaN(time.getTime())
+        ? ''
+        : time.toLocaleString('en-US', {
+            month: 'short',
+            day: 'numeric',
+            hour: '2-digit',
+            minute: '2-digit',
+        });
+}
+function partsOf(name) {
+    const parts = [];
+    let from = 0;
+    for (const found of name.matchAll(INSTANT)) {
+        const shown = stamp(found[0]);
+        if (shown === '')
+            continue;
+        if (found.index > from)
+            parts.push({ text: name.slice(from, found.index), at: null });
+        parts.push({ text: shown, at: found[0] });
+        from = found.index + found[0].length;
+    }
+    if (from < name.length)
+        parts.push({ text: name.slice(from), at: null });
+    return parts;
+}
+export function readable(name) {
+    return partsOf(name)
+        .map((part) => part.text)
+        .join('');
+}
+export function ChatName({ name }) {
+    return (_jsx(_Fragment, { children: partsOf(name).map((part, at) => part.at === null ? (part.text) : (_jsx("time", { dateTime: part.at, children: part.text }, at))) }));
+}

package/dist/chat/opened.d.ts

@@ -0,0 +1,11 @@
+import type { ConversationEntry } from '../conversation.js';
+import { type ChatState } from './provider.js';
+export type Opened = ChatState & {
+    readonly entry: ConversationEntry | undefined;
+    readonly by: string | null;
+    readonly name: string;
+    readonly deleted: boolean;
+    readonly busy: boolean;
+};
+export declare function useOpened(): Opened;
+//# sourceMappingURL=opened.d.ts.map

package/dist/chat/opened.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"opened.d.ts","sourceRoot":"","sources":["../../src/chat/opened.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAyB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAEtE,MAAM,MAAM,MAAM,GAAG,SAAS,GAAG;IAC/B,QAAQ,CAAC,KAAK,EAAE,iBAAiB,GAAG,SAAS,CAAC;IAC9C,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,wBAAgB,SAAS,IAAI,MAAM,CAelC"}

package/dist/chat/opened.js

@@ -0,0 +1,17 @@
+import { useChat, useChatScope } from './provider.js';
+export function useOpened() {
+    const chat = useChat();
+    const { known } = useChatScope();
+    const entry = chat.conversations.find((one) => one.conversation === chat.conversation);
+    const by = entry?.agent.identity ?? chat.agent;
+    const live = chat.agents.find((one) => one.identity === by);
+    const asks = chat.view?.process?.running === true && chat.questions.length > 0;
+    return {
+        ...chat,
+        entry,
+        by,
+        name: live?.name ?? entry?.agent.name ?? '',
+        deleted: known && chat.conversation !== null && by !== null && live === undefined,
+        busy: chat.running || asks,
+    };
+}

package/dist/chat/provider.d.ts

@@ -52,6 +52,12 @@ export type ChatProviderProps = {
     readonly onOpen?: (opened: ChatOpened) => void;
     readonly children?: ReactNode;
 };
+type Scope = {
+    readonly client: MdRuntimeClient;
+    readonly known: boolean;
+};
+export declare function useChatScope(): Scope;
 export declare function useChat(): ChatState;
 export declare function ChatProvider({ client, conversation, agent, onOpen, children, }: ChatProviderProps): ReactElement;
+export {};
 //# sourceMappingURL=provider.d.ts.map

package/dist/chat/provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../src/chat/provider.ts"],"names":[],"mappings":"AAAA,OAAO,EAWL,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAaf,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EACV,SAAS,EACT,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EACjB,MAAM,oBAAoB,CAAC;AAM5B,OAAO,EAML,KAAK,WAAW,EAGjB,MAAM,WAAW,CAAC;AAanB,OAAO,EAAoC,KAAK,WAAW,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AACnG,OAAO,EAAuB,KAAK,QAAQ,EAAE,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGvF,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,UAAU,GAAG;IACnC,QAAQ,CAAC,aAAa,EAAE,SAAS,iBAAiB,EAAE,CAAC;IACrD,QAAQ,CAAC,MAAM,EAAE,SAAS,iBAAiB,EAAE,CAAC;IAC9C,QAAQ,CAAC,IAAI,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACvC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,SAAS,EAAE,SAAS,YAAY,EAAE,CAAC;IAC5C,QAAQ,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,OAAO,EAAE,SAAS,UAAU,EAAE,CAAC;IACxC,QAAQ,CAAC,QAAQ,EAAE,SAAS,WAAW,EAAE,CAAC;IAC1C,QAAQ,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;IACrC,QAAQ,CAAC,MAAM,EAAE,SAAS,UAAU,EAAE,CAAC;IACvC,QAAQ,CAAC,OAAO,EAAE,UAAU,GAAG;QAAE,QAAQ,CAAC,KAAK,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAA;KAAE,CAAC;IACvE,QAAQ,CAAC,MAAM,EAAE,UAAU,CAAC;IAC5B,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;IAC7B,MAAM,CAAC,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IACpE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IACxD,IAAI,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC;IACzB,IAAI,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC;IACzB,IAAI,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC;IACzB,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IACvC,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC;IAC3B,IAAI,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,OAAO,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,MAAM,EAAE,eAAe,CAAC;IACjC,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B,CAAC;AAuNF,wBAAgB,OAAO,IAAI,SAAS,CAInC;AAED,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,YAAmB,EACnB,KAAY,EACZ,MAAM,EACN,QAAQ,GACT,EAAE,iBAAiB,GAAG,YAAY,CAohBlC"}
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../src/chat/provider.ts"],"names":[],"mappings":"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"}

package/dist/chat/provider.js

@@ -173,6 +173,13 @@ function composed(state) {
     return JSON.stringify([state.text, state.attachments.map((one) => one.id)]);
 }
 const ChatContext = createContext(null);
+const ScopeContext = createContext(null);
+export function useChatScope() {
+    const scope = useContext(ScopeContext);
+    if (scope === null)
+        throw new Error('useChat is called outside a ChatProvider');
+    return scope;
+}
 export function useChat() {
     const chat = useContext(ChatContext);
     if (chat === null)
@@ -633,5 +640,6 @@ export function ChatProvider({ client, conversation = null, agent = null, onOpen
             unqueue(id);
         },
     };
-    return createElement(AssistantRuntimeProvider, { runtime: aui }, createElement(ChatContext.Provider, { value: chat }, children));
+    const scope = useMemo(() => ({ client, known: agentsHeld !== null }), [client, agentsHeld]);
+    return createElement(AssistantRuntimeProvider, { runtime: aui }, createElement(ScopeContext.Provider, { value: scope }, createElement(ChatContext.Provider, { value: chat }, children)));
 }

package/dist/chat/question.d.ts

@@ -0,0 +1,9 @@
+import { type ReactElement } from 'react';
+import { type MdRuntimeClient } from '../client.js';
+import type { ChatQuestion } from './questions.js';
+export declare function forgetAnswers(client: MdRuntimeClient, conversation: string, interaction?: string): Promise<void>;
+export type ChatQuestionCardProps = {
+    readonly question: ChatQuestion;
+};
+export declare function ChatQuestionCard({ question }: ChatQuestionCardProps): ReactElement;
+//# sourceMappingURL=question.d.ts.map

package/dist/chat/question.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"question.d.ts","sourceRoot":"","sources":["../../src/chat/question.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwB,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAGhE,OAAO,EAAU,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAM5D,OAAO,KAAK,EAAa,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAoB9D,wBAAgB,aAAa,CAC3B,MAAM,EAAE,eAAe,EACvB,YAAY,EAAE,MAAM,EACpB,WAAW,SAAK,GACf,OAAO,CAAC,IAAI,CAAC,CAQf;AAeD,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,CAAC,QAAQ,EAAE,YAAY,CAAC;CACjC,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,EAAE,qBAAqB,GAAG,YAAY,CAmHlF"}

package/dist/chat/question.js

@@ -0,0 +1,80 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext, useState } from 'react';
+import Check from 'lucide-react/dist/esm/icons/check.mjs';
+import CircleHelp from 'lucide-react/dist/esm/icons/circle-help.mjs';
+import { inTurn } from '../client.js';
+import { useObserve } from '../react.js';
+import { Button, Scoped } from './kit.js';
+import { Markdown } from './markdown.js';
+import { Linked, Undelivered } from './message.js';
+import { useChat, useChatScope } from './provider.js';
+import { record, text } from './read.js';
+const TYPED = 'typed';
+function answerKey(conversation, interaction) {
+    return `answer:${conversation}:${interaction}`;
+}
+function changeTyped(client, update) {
+    return inTurn(client, async () => {
+        const held = record(await client.presentation.read());
+        const typed = update(record(held[TYPED]));
+        if (typed !== null)
+            await client.presentation.write({ ...held, [TYPED]: typed });
+    });
+}
+export function forgetAnswers(client, conversation, interaction = '') {
+    const at = answerKey(conversation, interaction);
+    return changeTyped(client, (typed) => {
+        const kept = Object.entries(typed).filter(([key]) => interaction === '' ? !key.startsWith(at) : key !== at);
+        return kept.length === Object.keys(typed).length ? null : Object.fromEntries(kept);
+    });
+}
+function useTyped(client, key) {
+    const held = useObserve(client, 'presentation');
+    const kept = record(record(record(held.state === 'ready' ? held.value : null)[TYPED])[key]);
+    const [local, setLocal] = useState(null);
+    return [
+        local !== null && local.key === key ? local.value : kept,
+        (next) => {
+            setLocal({ key, value: next });
+            void changeTyped(client, (typed) => ({ ...typed, [key]: next }));
+        },
+    ];
+}
+export function ChatQuestionCard({ question }) {
+    const chat = useChat();
+    const { client } = useChatScope();
+    const onLink = useContext(Linked);
+    const conversation = chat.conversation ?? '';
+    const [values, setValues] = useTyped(client, answerKey(conversation, question.interaction));
+    const lone = chat.lone?.question.interaction === question.interaction;
+    const reply = (response) => void chat.answer(question, response).then((answered) => {
+        if (answered)
+            void forgetAnswers(client, conversation, question.interaction);
+    });
+    const single = question.fields.length === 1;
+    const answers = !question.secret && !(single && question.fields[0]?.kind !== 'multi-select');
+    const declines = !question.secret && question.decline !== null;
+    const pick = (field, value) => {
+        if (single && field.kind !== 'multi-select') {
+            reply(question.accept({ [field.name]: value }));
+            return;
+        }
+        if (field.kind !== 'multi-select') {
+            setValues({ ...values, [field.name]: value });
+            return;
+        }
+        const held = Array.isArray(values[field.name]) ? values[field.name] : [];
+        setValues({
+            ...values,
+            [field.name]: held.includes(value) ? held.filter((one) => one !== value) : [...held, value],
+        });
+    };
+    const chosen = (field, value) => {
+        const held = values[field.name];
+        return Array.isArray(held) ? held.includes(value) : held === value;
+    };
+    const option = (field, value, label, about, at) => (_jsxs("button", { type: "button", className: "ahc-option", "aria-pressed": chosen(field, value), onClick: () => pick(field, value), children: [_jsx("span", { className: "ahc-option__key", "aria-hidden": "true", children: at + 1 }), _jsxs("span", { className: "ahc-option__body", children: [_jsx("span", { className: "ahc-option__label", children: label }), about === null ? null : _jsx("span", { className: "ahc-option__note", children: about })] }), chosen(field, value) ? _jsx(Check, { size: 20, "aria-hidden": "true" }) : null] }, label));
+    return (_jsx(Scoped, { children: _jsxs("section", { className: "ahc-question", "aria-label": "Question", children: [_jsxs("div", { className: "ahc-question__head", children: [_jsxs("span", { className: "ahc-chip ahc-chip--attention", children: [_jsx(CircleHelp, { "aria-hidden": "true" }), "Needs your answer"] }), question.message === '' ? null : (_jsx(Markdown, { text: question.message, className: "ahc-question__text ahc-markdown", ...(onLink === null ? {} : { onLink }) }))] }), question.secret
+                    ? null
+                    : question.fields.map((field) => (_jsxs("div", { className: "ahc-field", children: [_jsx("p", { className: "ahc-question__text", children: field.prompt }), field.about === null ? null : (_jsx("span", { className: "ahc-option__note", children: field.about })), field.kind === 'boolean' ? (_jsxs(_Fragment, { children: [option(field, true, 'Yes', null, 0), option(field, false, 'No', null, 1)] })) : field.choices.length > 0 ? (field.choices.map((one, at) => option(field, one.value, one.label, one.about, at))) : lone ? (_jsx("span", { className: "ahc-option__note", children: "Answer it below." })) : (_jsx("input", { className: "ahc-input", "aria-label": field.prompt, inputMode: field.kind === 'string' ? 'text' : 'numeric', value: text(values, field.name) ?? '', onChange: (event) => setValues({ ...values, [field.name]: event.target.value }) }))] }, field.name))), question.undelivered ? _jsx(Undelivered, {}) : null, answers || declines ? (_jsxs("div", { className: "ahc-row-of", children: [answers ? (_jsx(Button, { variant: "ink", onClick: () => reply(question.accept(values)), children: "Answer" })) : null, declines ? _jsx(Button, { onClick: () => reply(question.decline), children: "Decline" }) : null] })) : null] }) }));
+}

package/dist/chat/ready.d.ts

@@ -0,0 +1,33 @@
+import { type CSSProperties, type ReactElement, type ReactNode } from 'react';
+import type { MdRuntimeClient } from '../client.js';
+import { type ChatNoteProps } from './kit.js';
+import { type AgentLook } from './list.js';
+import { type ChatOpened, type ChatState } from './provider.js';
+export type ChatWidth = 'full' | '3/4' | '1/2' | '1/3';
+export type ChatProps = AgentLook & {
+    readonly client?: MdRuntimeClient;
+    readonly conversation?: string | null;
+    readonly agent?: string | null;
+    readonly onOpen?: (opened: ChatOpened) => void;
+    readonly width?: ChatWidth;
+    readonly showChats?: boolean;
+    readonly className?: string;
+    readonly style?: CSSProperties;
+    readonly onLink?: (href: string) => void;
+    readonly about?: (chat: ChatState) => ReactNode;
+    readonly actions?: ReactNode;
+    readonly note?: (note: ChatNoteProps) => ReactNode;
+    readonly messageLength?: number;
+    readonly autoFocus?: boolean;
+};
+export declare function Chat({ client, conversation, agent, onOpen, ...look }: ChatProps): ReactElement;
+export type MountedChat = {
+    update(props: ChatProps & {
+        readonly client: MdRuntimeClient;
+    }): void;
+    unmount(): void;
+};
+export declare function mountChat(element: Element, props: ChatProps & {
+    readonly client: MdRuntimeClient;
+}): MountedChat;
+//# sourceMappingURL=ready.d.ts.map

package/dist/chat/ready.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ready.d.ts","sourceRoot":"","sources":["../../src/chat/ready.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAUf,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAGpD,OAAO,EASL,KAAK,aAAa,EACnB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAwC,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AAGjF,OAAO,EAA8B,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAI5F,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAEvD,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG;IAClC,QAAQ,CAAC,MAAM,CAAC,EAAE,eAAe,CAAC;IAClC,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC;IAC/B,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,SAAS,CAAC;IAChD,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC;IAC7B,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,SAAS,CAAC;IACnD,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAgQF,wBAAgB,IAAI,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,SAAS,GAAG,YAAY,CAY9F;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,MAAM,CAAC,KAAK,EAAE,SAAS,GAAG;QAAE,QAAQ,CAAC,MAAM,EAAE,eAAe,CAAA;KAAE,GAAG,IAAI,CAAC;IACtE,OAAO,IAAI,IAAI,CAAC;CACjB,CAAC;AAEF,wBAAgB,SAAS,CACvB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,SAAS,GAAG;IAAE,QAAQ,CAAC,MAAM,EAAE,eAAe,CAAA;CAAE,GACtD,WAAW,CAOb"}

package/dist/chat/ready.js

@@ -0,0 +1,91 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useContext, useEffect, useState, } from 'react';
+import { createRoot } from 'react-dom/client';
+import Check from 'lucide-react/dist/esm/icons/check.mjs';
+import CircleStop from 'lucide-react/dist/esm/icons/circle-stop.mjs';
+import Ellipsis from 'lucide-react/dist/esm/icons/ellipsis.mjs';
+import Info from 'lucide-react/dist/esm/icons/info.mjs';
+import MessagesSquare from 'lucide-react/dist/esm/icons/messages-square.mjs';
+import OctagonX from 'lucide-react/dist/esm/icons/octagon-x.mjs';
+import Pencil from 'lucide-react/dist/esm/icons/pencil.mjs';
+import Trash2 from 'lucide-react/dist/esm/icons/trash-2.mjs';
+import { ChatInput } from './input.js';
+import { Button, Confirm, IconButton, Menu, MenuGap, MenuItem, Name, Within, } from './kit.js';
+import { ChatList, ChatMessageList, Described } from './list.js';
+import { readable } from './name.js';
+import { useOpened } from './opened.js';
+import { ChatProvider, useChatScope } from './provider.js';
+import { forgetAnswers } from './question.js';
+import { adopted } from './style.js';
+function Title({ name, renaming, onRename, onDone, }) {
+    const [next, setNext] = useState(name);
+    if (!renaming)
+        return _jsx("h1", { className: "ahc-title", children: name });
+    const finish = () => {
+        const kept = next.trim();
+        onDone();
+        if (kept !== '' && kept !== name)
+            onRename(kept);
+    };
+    return (_jsx("input", { className: "ahc-input ahc-rename", "aria-label": "Chat name", autoFocus: true, value: next, onFocus: (event) => event.currentTarget.select(), onChange: (event) => setNext(event.target.value), onBlur: finish, onKeyDown: (event) => {
+            if (event.key === 'Enter')
+                event.currentTarget.blur();
+            if (event.key === 'Escape')
+                onDone();
+        } }));
+}
+function Head({ about, actions, listing, }) {
+    const chat = useOpened();
+    const { client } = useChatScope();
+    const { agentMark } = useContext(Described);
+    const fresh = chat.conversation === null;
+    const [named, setNamed] = useState(chat.entry);
+    useEffect(() => {
+        if (chat.entry !== undefined)
+            setNamed(chat.entry);
+    }, [chat.entry]);
+    const entry = chat.entry ?? named;
+    const name = fresh ? 'New chat' : readable(entry?.name ?? chat.name);
+    const [asking, setAsking] = useState(null);
+    const [renaming, setRenaming] = useState(false);
+    const forgotten = (ended) => {
+        if (ended && chat.conversation !== null)
+            void forgetAnswers(client, chat.conversation);
+    };
+    const line = about?.(chat) ??
+        (chat.deleted ? (_jsx(Name, { text: `${chat.name}, deleted · read only`, className: "ahc-head__line" })) : (_jsx(Name, { text: [chat.name, chat.view?.process?.running === false ? 'not running' : null]
+                .filter(Boolean)
+                .join(' · '), className: "ahc-head__line" })));
+    return (_jsxs("div", { className: "ahc-head", children: [_jsxs("div", { className: "ahc-head__column", children: [listing === null ? null : (_jsx("span", { className: "ahc-list-toggle", children: _jsx(IconButton, { label: "Chats", onClick: listing, children: _jsx(MessagesSquare, { size: 20, "aria-hidden": "true" }) }) })), chat.by === null ? null : agentMark?.(chat.by, 20), _jsxs("div", { className: "ahc-head__names", children: [_jsx(Title, { name: name, renaming: renaming, onRename: (next) => void chat.rename(next), onDone: () => setRenaming(false) }, name), line] }), fresh ? null : chat.deleted ? (_jsx(Button, { variant: "danger-outline", onClick: () => setAsking('delete'), children: "Delete chat\u2026" })) : (_jsxs(_Fragment, { children: [actions, _jsxs(Menu, { trigger: _jsx(IconButton, { label: "Conversation options", children: _jsx(Ellipsis, { size: 20, "aria-hidden": "true" }) }), children: [_jsx(MenuItem, { icon: _jsx(Check, { "aria-hidden": "true" }), onSelect: () => void chat.done(), children: "Done" }), _jsx(MenuItem, { icon: _jsx(Pencil, { "aria-hidden": "true" }), onSelect: () => setRenaming(true), children: "Rename" }), chat.busy ? (_jsxs(_Fragment, { children: [_jsx(MenuItem, { icon: _jsx(CircleStop, { "aria-hidden": "true" }), onSelect: () => void chat.stop().then(forgotten), children: "Stop" }), _jsx(MenuItem, { icon: _jsx(OctagonX, { "aria-hidden": "true" }), onSelect: () => setAsking('kill'), children: "Kill\u2026" })] })) : null, _jsx(MenuGap, {}), _jsx(MenuItem, { icon: _jsx(Trash2, { "aria-hidden": "true" }), danger: true, onSelect: () => setAsking('delete'), children: "Delete chat\u2026" })] })] }))] }), asking === 'delete' ? (_jsx(Confirm, { title: "Delete this chat?", text: `“${name}” is deleted from House with its history. Files ${chat.name} wrote stay in their Rooms.`, action: "Delete chat", onConfirm: () => void chat.remove(), onClose: () => setAsking(null) })) : null, asking === 'kill' ? (_jsx(Confirm, { title: `Kill ${chat.name}’s process?`, text: "Stop asks the turn to end. Kill ends the process at once, and nothing after its last saved step is kept.", action: "Kill", onConfirm: () => void chat.kill().then(forgotten), onClose: () => setAsking(null) })) : null] }));
+}
+function Deleted() {
+    const chat = useOpened();
+    return (_jsx("div", { className: "ahc-deleted", children: _jsxs("div", { role: "note", className: "ahc-column ahc-deleted__note", children: [_jsx("span", { className: "ahc-deleted__icon", children: _jsx(Info, { "aria-hidden": "true" }) }), _jsx("span", { children: `${chat.name} was deleted. Its chats stay here for you to read or delete.` })] }) }));
+}
+function Frame({ showChats, onLink, about, actions, note, messageLength, autoFocus, }) {
+    const chat = useOpened();
+    const [listed, setListed] = useState(false);
+    const thread = chat.conversation ?? `new:${chat.agent ?? ''}`;
+    return (_jsxs("div", { className: "ahc-frame", children: [showChats === true ? (_jsx("div", { className: "ahc-side", "data-open": listed ? '' : undefined, children: _jsx(ChatList, { onChoose: () => setListed(false) }) })) : null, _jsxs("div", { className: "ahc-pane", children: [_jsx(Head, { about: about, actions: actions, listing: showChats === true ? () => setListed((open) => !open) : null }, thread), chat.deleted ? _jsx(Deleted, {}) : null, _jsx(ChatMessageList, { ...(onLink === undefined ? {} : { onLink }), footer: _jsx(ChatInput, { ...(messageLength === undefined ? {} : { messageLength }), ...(note === undefined ? {} : { note }), autoFocus: autoFocus === true }) })] })] }));
+}
+function Ready({ width = 'full', className, style, agentMark, agentDetail, ...rest }) {
+    const [root, setRoot] = useState(null);
+    const attach = useCallback((element) => {
+        adopted(element);
+        setRoot(element);
+    }, []);
+    return (_jsx("div", { ref: attach, className: className === undefined ? 'ahc ahc-chat' : `ahc ahc-chat ${className}`, "data-width": width, style: style, children: root === null ? null : (_jsx(Within, { root: root, children: _jsx(Described.Provider, { value: { agentMark, agentDetail }, children: _jsx(Frame, { ...rest }) }) })) }));
+}
+export function Chat({ client, conversation, agent, onOpen, ...look }) {
+    if (client === undefined)
+        return _jsx(Ready, { ...look });
+    return (_jsx(ChatProvider, { client: client, ...(conversation === undefined ? {} : { conversation }), ...(agent === undefined ? {} : { agent }), ...(onOpen === undefined ? {} : { onOpen }), children: _jsx(Ready, { ...look }) }));
+}
+export function mountChat(element, props) {
+    const root = createRoot(element);
+    root.render(_jsx(Chat, { ...props }));
+    return {
+        update: (next) => root.render(_jsx(Chat, { ...next })),
+        unmount: () => root.unmount(),
+    };
+}

package/dist/chat/style.d.ts

@@ -0,0 +1,4 @@
+export declare const NARROWEST_SHARE = 360;
+export declare const WHOLE_WINDOW_BELOW: number;
+export declare function adopted(element: Element | null): void;
+//# sourceMappingURL=style.d.ts.map

package/dist/chat/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../src/chat/style.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,MAAM,CAAC;AAEnC,eAAO,MAAM,kBAAkB,QAAsB,CAAC;AA2StD,wBAAgB,OAAO,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,GAAG,IAAI,CASrD"}