@agentshouse/mdruntime 0.1.0-cd4f72ad5c517 → 0.1.0-cde2b99d2fcbc

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/questions.d.ts

@@ -0,0 +1,31 @@
+import type { ConversationView } from '../conversation.js';
+export type ChatChoice = {
+    readonly value: string;
+    readonly label: string;
+    readonly about: string | null;
+};
+export type ChatField = {
+    readonly name: string;
+    readonly kind: 'string' | 'number' | 'integer' | 'boolean' | 'multi-select';
+    readonly prompt: string;
+    readonly about: string | null;
+    readonly choices: readonly ChatChoice[];
+};
+export type ChatAnswer = Readonly<Record<string, unknown>>;
+export type ChatQuestion = {
+    readonly interaction: string;
+    readonly secret: boolean;
+    readonly message: string;
+    readonly fields: readonly ChatField[];
+    readonly undelivered: boolean;
+    accept(answer: ChatAnswer): unknown;
+    readonly decline: unknown;
+};
+export declare function entered(field: ChatField): boolean;
+export declare function questionsOf(view: ConversationView | null): readonly ChatQuestion[];
+export type ChatLone = {
+    readonly question: ChatQuestion;
+    readonly field: ChatField;
+};
+export declare function loneOf(questions: readonly ChatQuestion[]): ChatLone | null;
+//# sourceMappingURL=questions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"questions.d.ts","sourceRoot":"","sources":["../../src/chat/questions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAG3D,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,cAAc,CAAC;IAC5E,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,QAAQ,CAAC,OAAO,EAAE,SAAS,UAAU,EAAE,CAAC;CACzC,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;AAE3D,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,MAAM,EAAE,SAAS,SAAS,EAAE,CAAC;IACtC,QAAQ,CAAC,WAAW,EAAE,OAAO,CAAC;IAC9B,MAAM,CAAC,MAAM,EAAE,UAAU,GAAG,OAAO,CAAC;IACpC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;CAC3B,CAAC;AAuCF,wBAAgB,OAAO,CAAC,KAAK,EAAE,SAAS,GAAG,OAAO,CAEjD;AA2DD,wBAAgB,WAAW,CAAC,IAAI,EAAE,gBAAgB,GAAG,IAAI,GAAG,SAAS,YAAY,EAAE,CAgBlF;AAED,MAAM,MAAM,QAAQ,GAAG;IAAE,QAAQ,CAAC,QAAQ,EAAE,YAAY,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAA;CAAE,CAAC;AAEtF,wBAAgB,MAAM,CAAC,SAAS,EAAE,SAAS,YAAY,EAAE,GAAG,QAAQ,GAAG,IAAI,CAM1E"}

package/dist/chat/questions.js

@@ -0,0 +1,111 @@
+import { list, record, text } from './read.js';
+const OPTION = 'optionId';
+function choicesOf(schema) {
+    const items = record(schema.items);
+    const listed = [schema.oneOf, schema.enum, items.anyOf, items.enum].find(Array.isArray) ?? [];
+    return listed.flatMap((one) => {
+        if (typeof one === 'string')
+            return [{ value: one, label: one, about: null }];
+        const value = text(record(one), 'const');
+        return value === null
+            ? []
+            : [
+                {
+                    value,
+                    label: text(record(one), 'title') ?? value,
+                    about: text(record(one), 'description'),
+                },
+            ];
+    });
+}
+function fieldOf(name, schema) {
+    const type = text(schema, 'type');
+    const kind = type === 'boolean' || type === 'number' || type === 'integer'
+        ? type
+        : type === 'array'
+            ? 'multi-select'
+            : 'string';
+    return {
+        name,
+        kind,
+        prompt: text(schema, 'title') ?? name,
+        about: text(schema, 'description'),
+        choices: kind === 'boolean' ? [] : choicesOf(schema),
+    };
+}
+export function entered(field) {
+    return field.kind !== 'boolean' && field.choices.length === 0;
+}
+function valueOf(field, raw) {
+    return field.kind === 'number' || field.kind === 'integer' ? Number(raw) : raw;
+}
+function typed(fields, answer) {
+    return Object.fromEntries(Object.entries(answer).map(([name, value]) => {
+        const field = fields.find((one) => one.name === name);
+        return [
+            name,
+            field !== undefined && entered(field) && typeof value === 'string'
+                ? valueOf(field, value)
+                : value,
+        ];
+    }));
+}
+function askedOf(request) {
+    const params = record(request.params);
+    const method = text(request, 'method');
+    if (method === 'session/request_permission') {
+        return {
+            message: '',
+            fields: [
+                {
+                    name: OPTION,
+                    kind: 'string',
+                    prompt: text(record(params.toolCall), 'title') ?? '',
+                    about: null,
+                    choices: list(params, 'options').flatMap((entry) => {
+                        const one = record(entry);
+                        const value = text(one, OPTION);
+                        return value === null
+                            ? []
+                            : [{ value, label: text(one, 'name') ?? value, about: null }];
+                    }),
+                },
+            ],
+            accept: (answer) => ({ outcome: { outcome: 'selected', optionId: answer[OPTION] } }),
+            decline: null,
+        };
+    }
+    if (method !== 'elicitation/create')
+        return null;
+    const fields = Object.entries(record(record(params.requestedSchema).properties)).map(([name, schema]) => fieldOf(name, record(schema)));
+    return {
+        message: text(params, 'message') ?? '',
+        fields,
+        accept: (answer) => ({ action: 'accept', content: typed(fields, answer) }),
+        decline: { action: 'decline' },
+    };
+}
+export function questionsOf(view) {
+    return (view?.questions ?? []).flatMap((entry) => {
+        const one = record(entry);
+        const interaction = text(one, 'interaction_id');
+        const asked = askedOf(record(one.request));
+        return asked === null || interaction === null
+            ? []
+            : [
+                {
+                    interaction,
+                    secret: one.secret === true,
+                    undelivered: one.telegram_undelivered === true,
+                    ...asked,
+                },
+            ];
+    });
+}
+export function loneOf(questions) {
+    const asked = questions.length === 1 && !questions[0]?.secret ? questions[0] : undefined;
+    const only = asked?.fields.length === 1 ? asked.fields[0] : undefined;
+    return asked !== undefined && only !== undefined && entered(only)
+        ? { question: asked, field: only }
+        : null;
+}

package/dist/chat/read.d.ts

@@ -0,0 +1,5 @@
+export type Fields = Readonly<Record<string, unknown>>;
+export declare function record(entry: unknown): Fields;
+export declare function text(fields: Fields, name: string): string | null;
+export declare function list(fields: Fields, name: string): readonly unknown[];
+//# sourceMappingURL=read.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"read.d.ts","sourceRoot":"","sources":["../../src/chat/read.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;AAEvD,wBAAgB,MAAM,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAI7C;AAED,wBAAgB,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAGhE;AAED,wBAAgB,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,SAAS,OAAO,EAAE,CAGrE"}

package/dist/chat/read.js

@@ -0,0 +1,13 @@
+export function record(entry) {
+    return typeof entry === 'object' && entry !== null && !Array.isArray(entry)
+        ? entry
+        : {};
+}
+export function text(fields, name) {
+    const value = fields[name];
+    return typeof value === 'string' && value !== '' ? value : null;
+}
+export function list(fields, name) {
+    const value = fields[name];
+    return Array.isArray(value) ? value : [];
+}

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"}