@agentshouse/mdruntime 0.1.0-cf6d5f0a5c9c8 → 0.1.0-cfb0d45b48da0

package/dist/chat/kit.js

@@ -0,0 +1,123 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Children, createContext, useCallback, useContext, useEffect, useState, } from 'react';
+import { Dialog, DropdownMenu } from 'radix-ui';
+import { LucideProvider } from 'lucide-react/dist/esm/context.mjs';
+import X from 'lucide-react/dist/esm/icons/x.mjs';
+import { adopted } from './style.js';
+export const Portal = createContext(null);
+export function Within({ root, children, }) {
+    return (_jsx(Portal.Provider, { value: root, children: _jsx(LucideProvider, { size: 16, strokeWidth: 1.5, absoluteStrokeWidth: true, children: children }) }));
+}
+export function Scoped({ children }) {
+    const inside = useContext(Portal);
+    const [root, setRoot] = useState(null);
+    const attach = useCallback((element) => {
+        adopted(element);
+        setRoot(element);
+    }, []);
+    if (inside !== null)
+        return _jsx(_Fragment, { children: children });
+    return (_jsx("div", { ref: attach, className: "ahc ahc-scope", children: root === null ? null : _jsx(Within, { root: root, children: children }) }));
+}
+export function buttonClass(variant, compact, icon) {
+    return [
+        'ahc-btn',
+        icon ? 'ahc-btn--icon' : null,
+        variant === 'quiet' ? null : `ahc-btn--${variant}`,
+        compact ? 'ahc-btn--compact' : null,
+    ]
+        .filter(Boolean)
+        .join(' ');
+}
+function labelled(children) {
+    const parts = [];
+    let said = '';
+    const flush = () => {
+        if (said !== '') {
+            parts.push(_jsx("span", { className: "ahc-name", children: said }, `text-${parts.length}`));
+        }
+        said = '';
+    };
+    for (const child of Children.toArray(children)) {
+        if (typeof child === 'string' || typeof child === 'number')
+            said += String(child);
+        else {
+            flush();
+            parts.push(child);
+        }
+    }
+    flush();
+    return parts;
+}
+export function Button({ variant = 'quiet', compact = false, type = 'button', children, ...rest }) {
+    return (_jsx("button", { type: type, className: buttonClass(variant, compact, false), ...rest, children: labelled(children) }));
+}
+export function IconButton({ label, variant = 'quiet', compact = false, type = 'button', ...rest }) {
+    return (_jsx("button", { type: type, "aria-label": label, className: buttonClass(variant, compact, true), ...rest }));
+}
+export function Name({ text, className }) {
+    return (_jsx("span", { className: className === undefined ? 'ahc-name' : `ahc-name ${className}`, title: text, children: text }));
+}
+export function Menu({ trigger, children, }) {
+    const container = useContext(Portal);
+    const [open, setOpen] = useState(false);
+    return (_jsxs(DropdownMenu.Root, { modal: false, open: open, onOpenChange: setOpen, children: [_jsx(DropdownMenu.Trigger, { asChild: true, children: trigger }), open ? (_jsx(DropdownMenu.Portal, { forceMount: true, container: container, children: _jsx(DropdownMenu.Content, { forceMount: true, className: "ahc-menu", align: "end", sideOffset: 4, collisionPadding: 8, children: children }) })) : null] }));
+}
+export function MenuGap() {
+    return _jsx(DropdownMenu.Separator, { className: "ahc-menu__gap" });
+}
+export function MenuItem({ icon, danger = false, onSelect, children, }) {
+    return (_jsxs(DropdownMenu.Item, { className: danger ? 'ahc-row ahc-row--danger' : 'ahc-row', onSelect: onSelect, children: [_jsx("span", { className: "ahc-row__icon", children: icon }), _jsx("span", { className: "ahc-row__label", children: _jsx("span", { className: "ahc-row__title", children: children }) })] }));
+}
+export function Confirm({ title, text, action, onConfirm, onClose, }) {
+    const container = useContext(Portal);
+    useEffect(() => {
+        const behind = container?.querySelector('.ahc-frame');
+        if (behind === null || behind === undefined)
+            return;
+        behind.inert = true;
+        return () => {
+            behind.inert = false;
+        };
+    }, [container]);
+    return (_jsx(Dialog.Root, { open: true, modal: false, onOpenChange: (open) => {
+            if (!open)
+                onClose();
+        }, children: _jsxs(Dialog.Portal, { container: container, children: [_jsx("div", { className: "ahc-scrim", onClick: onClose }), _jsxs(Dialog.Content, { className: "ahc-dialog", role: "alertdialog", "aria-describedby": undefined, "aria-modal": true, onInteractOutside: (event) => event.preventDefault(), children: [_jsxs("div", { className: "ahc-dialog__head", children: [_jsx(Dialog.Title, { className: "ahc-dialog__title", children: title }), _jsx(Dialog.Close, { asChild: true, children: _jsx(IconButton, { label: "Close", compact: true, children: _jsx(X, { size: 20, "aria-hidden": "true" }) }) })] }), _jsx("div", { className: "ahc-dialog__body", children: _jsx("p", { className: "ahc-dialog__text", children: text }) }), _jsxs("div", { className: "ahc-dialog__actions", children: [_jsx(Button, { onClick: onClose, children: "Cancel" }), _jsx(Button, { variant: "danger", onClick: () => {
+                                        onConfirm();
+                                        onClose();
+                                    }, children: action })] })] })] }) }));
+}
+export function ItemRow({ lead, title, sub, trailing, }) {
+    return (_jsxs("div", { className: "ahc-row ahc-row--two ahc-item", children: [_jsx("span", { className: "ahc-item__lead", children: lead }), _jsxs("span", { className: "ahc-row__label", children: [_jsx("span", { className: "ahc-row__title ahc-item__title", children: title }), _jsx("span", { className: "ahc-row__sub", children: sub })] }), trailing] }));
+}
+function elapsed(seconds) {
+    return seconds >= 60 ? `${Math.floor(seconds / 60)}m ${seconds % 60}s` : `${seconds}s`;
+}
+export function Working({ step }) {
+    const [from] = useState(() => Date.now());
+    const [now, setNow] = useState(from);
+    useEffect(() => {
+        // The elapsed time counts whole seconds, so it moves once a second.
+        const tick = setInterval(() => setNow(Date.now()), 1000);
+        return () => clearInterval(tick);
+    }, []);
+    return (_jsxs("div", { className: "ahc-toolline ahc-working", role: "status", children: [_jsx("span", { className: "ahc-shimmer", children: "Working" }), _jsx("span", { className: "ahc-figure", "aria-hidden": "true", children: elapsed(Math.floor((now - from) / 1000)) }), step === undefined ? null : _jsx("span", { children: step })] }));
+}
+const SAID = {
+    sending: 'Sending…',
+    offline: 'You are offline. Nothing was sent.',
+};
+const UNANSWERED = 'House did not answer.';
+export function ChatNote({ outcome, again }) {
+    if (outcome === null)
+        return null;
+    const uncertain = outcome.state === 'failed' && outcome.result.kind === 'transport-uncertainty';
+    const said = outcome.state !== 'failed'
+        ? SAID[outcome.state]
+        : uncertain
+            ? 'House did not answer. Try again.'
+            : 'House refused this.';
+    const retried = again !== undefined && uncertain;
+    return (_jsxs("p", { className: "ahc-note", role: "status", "data-state": uncertain ? 'uncertain' : outcome.state, children: [retried ? UNANSWERED : said, retried ? (_jsxs(_Fragment, { children: [' ', _jsx("button", { type: "button", className: "ahc-again", onClick: again, children: "Try again" })] })) : null] }));
+}

package/dist/chat/lasting.d.ts

@@ -0,0 +1,6 @@
+import type { ReactElement } from 'react';
+import type { ChatWork } from './parts.js';
+export declare function StillRunning({ lasting }: {
+    lasting: readonly ChatWork[];
+}): ReactElement;
+//# sourceMappingURL=lasting.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lasting.d.ts","sourceRoot":"","sources":["../../src/chat/lasting.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAM1C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAiB3C,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,SAAS,QAAQ,EAAE,CAAA;CAAE,GAAG,YAAY,CAyBxF"}

package/dist/chat/lasting.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Bot from 'lucide-react/dist/esm/icons/bot.mjs';
+import CalendarClock from 'lucide-react/dist/esm/icons/calendar-clock.mjs';
+import RefreshCw from 'lucide-react/dist/esm/icons/refresh-cw.mjs';
+import Terminal from 'lucide-react/dist/esm/icons/terminal.mjs';
+import { ItemRow } from './kit.js';
+const SUB = {
+    job: 'A background job',
+    schedule: 'A schedule',
+    subagent: 'A sub-agent',
+};
+function Icon({ kind }) {
+    if (kind === 'schedule')
+        return _jsx(CalendarClock, { size: 20, "aria-hidden": "true" });
+    return kind === 'subagent' ? (_jsx(Bot, { size: 20, "aria-hidden": "true" })) : (_jsx(Terminal, { size: 20, "aria-hidden": "true" }));
+}
+export function StillRunning({ lasting }) {
+    return (_jsxs("section", { "aria-label": "Still running", className: "ahc-lasting", children: [_jsxs("div", { className: "ahc-lasting__head", children: [_jsx("h2", { className: "ahc-lasting__title", children: "Still running" }), _jsx("span", { className: "ahc-secondary", children: "After this turn ended" })] }), lasting.map((one, at) => (_jsx(ItemRow, { lead: _jsx(Icon, { kind: one.kind }), title: one.title === '' ? SUB[one.kind] : one.title, sub: one.next === null ? SUB[one.kind] : `${SUB[one.kind]} · next run ${one.next}`, trailing: one.kind === 'schedule' ? null : (_jsxs("span", { className: "ahc-running", children: [_jsx(RefreshCw, { "aria-hidden": "true" }), "Running"] })) }, `${one.kind}:${one.title}:${at}`)))] }));
+}

package/dist/chat/list.d.ts

@@ -0,0 +1,20 @@
+import { type ComponentType, type ReactElement, type ReactNode } from 'react';
+export type AgentLook = {
+    readonly agentMark?: ((agent: string, size: number) => ReactNode) | undefined;
+    readonly agentDetail?: ((agent: string) => string) | undefined;
+};
+export declare const Described: import("react").Context<AgentLook>;
+export type ChatMessageListProps = {
+    readonly components?: {
+        readonly UserMessage?: ComponentType;
+        readonly AssistantMessage?: ComponentType;
+    };
+    readonly onLink?: (href: string) => void;
+    readonly footer?: ReactNode;
+    readonly children?: ReactNode;
+};
+export declare function ChatMessageList({ components, onLink, footer, children, }: ChatMessageListProps): ReactElement;
+export declare function ChatList({ onChoose }: {
+    onChoose: () => void;
+}): ReactElement;
+//# sourceMappingURL=list.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../src/chat/list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAYf,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,SAAS,CAAC,GAAG,SAAS,CAAC;IAC9E,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,SAAS,CAAC;CAChE,CAAC;AAEF,eAAO,MAAM,SAAS,oCAA+B,CAAC;AAmDtD,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,CAAC,UAAU,CAAC,EAAE;QACpB,QAAQ,CAAC,WAAW,CAAC,EAAE,aAAa,CAAC;QACrC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,aAAa,CAAC;KAC3C,CAAC;IACF,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,UAAe,EACf,MAAM,EACN,MAAM,EACN,QAAQ,GACT,EAAE,oBAAoB,GAAG,YAAY,CAmCrC;AAoBD,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,MAAM,IAAI,CAAA;CAAE,GAAG,YAAY,CAkD7E"}

package/dist/chat/list.js

@@ -0,0 +1,59 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useContext, } from 'react';
+import { ThreadPrimitive } from '@assistant-ui/react';
+import Check from 'lucide-react/dist/esm/icons/check.mjs';
+import MessageSquare from 'lucide-react/dist/esm/icons/message-square.mjs';
+import SquarePen from 'lucide-react/dist/esm/icons/square-pen.mjs';
+import { Name, Scoped } from './kit.js';
+import { AssistantMessage, Linked, UserMessage } from './message.js';
+import { ChatName } from './name.js';
+import { useOpened } from './opened.js';
+import { ChatQuestionCard } from './question.js';
+export const Described = createContext({});
+function Chip({ agent, name, on, start, }) {
+    const { agentMark, agentDetail } = useContext(Described);
+    return (_jsxs("button", { type: "button", className: "ahc-btn ahc-agent", "aria-pressed": on, onClick: () => start(agent), children: [agentMark?.(agent, 16), _jsx(Name, { text: name }), agentDetail === undefined ? null : _jsx(Name, { text: agentDetail(agent), className: "ahc-meta" })] }));
+}
+function Empty() {
+    const chat = useOpened();
+    return (_jsxs("div", { className: "ahc-empty", children: [_jsx("h2", { className: "ahc-empty__title", children: "What should we work on?" }), chat.conversation === null &&
+                (chat.agents.length > 1 || !chat.agents.some((one) => one.identity === chat.by)) ? (_jsx("div", { role: "group", "aria-label": "Agent", className: "ahc-agents", children: chat.agents.map((one) => (_jsx(Chip, { agent: one.identity, name: one.name, on: one.identity === chat.by, start: chat.start }, one.identity))) })) : null] }));
+}
+export function ChatMessageList({ components = {}, onLink, footer, children, }) {
+    const chat = useOpened();
+    const linked = useContext(Linked);
+    const User = components.UserMessage ?? UserMessage;
+    const Assistant = components.AssistantMessage ?? AssistantMessage;
+    const silent = chat.view === null
+        ? chat.conversation === null
+        : chat.view.messages.length === 0 && chat.view.turn === null;
+    return (_jsx(Scoped, { children: _jsx(Linked.Provider, { value: onLink ?? linked, children: _jsx(ThreadPrimitive.Root, { className: "ahc-thread", children: _jsxs(ThreadPrimitive.Viewport, { className: "ahc-viewport", children: [_jsxs("div", { className: "ahc-column ahc-messages", children: [silent ? _jsx(Empty, {}) : null, _jsx(ThreadPrimitive.Messages, { children: ({ message }) => (message.role === 'user' ? _jsx(User, {}) : _jsx(Assistant, {})) }), children === undefined
+                                    ? chat.questions.map((question) => (_jsx(ChatQuestionCard, { question: question }, question.interaction)))
+                                    : children] }), footer === undefined ? null : (_jsx(ThreadPrimitive.ViewportFooter, { className: "ahc-column ahc-footer", children: footer }))] }) }) }) }));
+}
+function stateOf(entry) {
+    if (entry.state === 'asking') {
+        return _jsx("span", { className: "ahc-chip ahc-chip--attention ahc-chip--small", children: "Waits for you" });
+    }
+    if (entry.state === 'working')
+        return _jsx("span", { className: "ahc-row__meta", children: "Working" });
+    if (entry.outcome === 'failed' && entry.finished === null) {
+        return _jsx("span", { className: "ahc-row__meta", children: "Failed" });
+    }
+    if (entry.finished !== null) {
+        return (_jsx("span", { className: "ahc-row__meta", role: "img", "aria-label": "Done", title: "Done", children: _jsx(Check, { "aria-hidden": "true" }) }));
+    }
+    return null;
+}
+export function ChatList({ onChoose }) {
+    const chat = useOpened();
+    const listed = [...chat.conversations].sort((left, right) => left.conversation < right.conversation ? 1 : -1);
+    const fresh = (chat.agents.find((one) => one.identity === chat.by) ?? chat.agents[0])?.identity;
+    return (_jsxs("nav", { "aria-label": "Chats", className: "ahc-list", children: [fresh === undefined ? null : (_jsxs("button", { type: "button", className: "ahc-row", "aria-current": chat.conversation === null ? 'page' : undefined, onClick: () => {
+                    chat.start(fresh);
+                    onChoose();
+                }, children: [_jsx("span", { className: "ahc-row__icon", children: _jsx(SquarePen, { "aria-hidden": "true" }) }), _jsx("span", { className: "ahc-row__label", children: _jsx("span", { className: "ahc-row__title", children: "New chat" }) })] })), listed.map((entry) => (_jsxs("button", { type: "button", className: "ahc-row", "aria-current": entry.conversation === chat.conversation ? 'page' : undefined, onClick: () => {
+                    chat.open(entry.conversation);
+                    onChoose();
+                }, children: [_jsx("span", { className: "ahc-row__icon", children: _jsx(MessageSquare, { "aria-hidden": "true" }) }), _jsx("span", { className: "ahc-row__label", children: _jsx("span", { className: "ahc-row__title", children: _jsx(ChatName, { name: entry.name }) }) }), stateOf(entry)] }, entry.conversation)))] }));
+}

package/dist/chat/markdown.d.ts

@@ -0,0 +1,19 @@
+import { type ReactElement, type ReactNode } from 'react';
+export interface FileReference {
+    readonly pattern: RegExp;
+    readonly draw: (reference: string, label: string) => ReactNode;
+}
+interface MarkdownOptions {
+    readonly className?: string;
+    readonly onLink?: (href: string) => void;
+    readonly file?: FileReference;
+}
+export declare function slugOf(text: string): string;
+export declare function anchorOf(fragment: string): string;
+export declare function plainText(text: string): string;
+export type MarkdownProps = MarkdownOptions & {
+    readonly text: string;
+};
+export declare function Markdown({ text, className, ...options }: MarkdownProps): ReactElement;
+export {};
+//# sourceMappingURL=markdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../../src/chat/markdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKnF,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,IAAI,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;CAChE;AAED,UAAU,eAAe;IACvB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,IAAI,CAAC,EAAE,aAAa,CAAC;CAC/B;AAYD,wBAAgB,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAM3C;AAED,wBAAgB,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAEjD;AAiND,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAE9C;AAED,MAAM,MAAM,aAAa,GAAG,eAAe,GAAG;IAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAExE,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,OAAO,EAAE,EAAE,aAAa,GAAG,YAAY,CAOrF"}

package/dist/chat/markdown.js

@@ -0,0 +1,187 @@
+import { createElement, Fragment } from 'react';
+import { fromMarkdown } from 'mdast-util-from-markdown';
+import { gfmFromMarkdown } from 'mdast-util-gfm';
+import { gfm } from 'micromark-extension-gfm';
+function unfiled(options) {
+    const { definitions, slugs, onLink } = options;
+    return onLink === undefined ? { definitions, slugs } : { definitions, slugs, onLink };
+}
+export function slugOf(text) {
+    return text
+        .trim()
+        .toLowerCase()
+        .replace(/[^\p{L}\p{M}\p{N}\s_-]/gu, '')
+        .replace(/\s/g, '-');
+}
+export function anchorOf(fragment) {
+    return `md-${slugOf(fragment)}`;
+}
+function headingId(slugs, text) {
+    const slug = slugOf(text);
+    const seen = slugs.get(slug) ?? 0;
+    slugs.set(slug, seen + 1);
+    return anchorOf(seen === 0 ? slug : `${slug}-${seen}`);
+}
+function whole(file, text) {
+    return file !== undefined && [...text.matchAll(file.pattern)].some((one) => one[0] === text);
+}
+function referenced(file, text, key) {
+    const parts = [];
+    let from = 0;
+    for (const found of text.matchAll(file.pattern)) {
+        const at = found.index;
+        if (at > from)
+            parts.push(text.slice(from, at));
+        parts.push(createElement(Fragment, { key: at }, file.draw(found[0], found[0])));
+        from = at + found[0].length;
+    }
+    if (from === 0)
+        return text;
+    if (from < text.length)
+        parts.push(text.slice(from));
+    return createElement(Fragment, { key }, ...parts);
+}
+function parseMarkdown(text) {
+    return fromMarkdown(text, { extensions: [gfm()], mdastExtensions: [gfmFromMarkdown()] });
+}
+function safeHref(url) {
+    const href = url.replace(/[\t\n\r]/g, '').replace(/^[\u0000-\u0020]+|[\u0000-\u0020]+$/g, '');
+    if (href === '' || /^[\\/]{2}/.test(href))
+        return null;
+    if (/^(?:https?:|mailto:)/i.test(href))
+        return href;
+    if (/^[a-z][a-z0-9+.-]*:/i.test(href))
+        return null;
+    return href;
+}
+function external(href) {
+    return /^(?:https?:|mailto:)/i.test(href);
+}
+function textOf(node) {
+    if ('value' in node && typeof node.value === 'string')
+        return node.value;
+    if ('children' in node)
+        return node.children.map(textOf).join('');
+    return '';
+}
+function definitionsOf(node, found = new Map()) {
+    if (node.type === 'definition' && !found.has(node.identifier))
+        found.set(node.identifier, node.url);
+    if ('children' in node)
+        for (const child of node.children)
+            definitionsOf(child, found);
+    return found;
+}
+function link(url, node, key, options) {
+    if (options.file !== undefined && whole(options.file, url)) {
+        return createElement(Fragment, { key }, options.file.draw(url, textOf(node) || url));
+    }
+    const inside = node.children.map((child, at) => render(child, at, unfiled(options)));
+    const href = safeHref(url);
+    if (href === null)
+        return createElement(Fragment, { key }, ...inside);
+    const onLink = options.onLink;
+    if (external(href) || onLink === undefined) {
+        return createElement('a', { key, href, rel: 'noreferrer' }, ...inside);
+    }
+    return createElement('a', {
+        key,
+        href,
+        onClick: (event) => {
+            event.preventDefault();
+            onLink(href);
+        },
+    }, ...inside);
+}
+function render(node, key, options, header = false) {
+    const children = () => 'children' in node
+        ? node.children.map((child, at) => render(child, at, options))
+        : [];
+    switch (node.type) {
+        case 'root':
+            return createElement(Fragment, { key }, ...children());
+        case 'paragraph':
+            return createElement('p', { key }, ...children());
+        case 'heading':
+            return createElement(`h${node.depth}`, { key, id: headingId(options.slugs, textOf(node)) }, ...children());
+        case 'text':
+            return options.file === undefined ? node.value : referenced(options.file, node.value, key);
+        case 'emphasis':
+            return createElement('em', { key }, ...children());
+        case 'strong':
+            return createElement('strong', { key }, ...children());
+        case 'delete':
+            return createElement('del', { key }, ...children());
+        case 'inlineCode':
+            return createElement('code', { key }, node.value);
+        case 'code':
+            return createElement('pre', { key }, createElement('code', null, node.value));
+        case 'blockquote':
+            return createElement('blockquote', { key }, ...children());
+        case 'list':
+            return node.ordered === true
+                ? createElement('ol', { key, start: node.start ?? undefined }, ...children())
+                : createElement('ul', { key }, ...children());
+        case 'listItem': {
+            const items = node.children.flatMap((child, at) => child.type === 'paragraph' && node.spread !== true
+                ? child.children.map((inline, place) => render(inline, at * 1000 + place, options))
+                : [render(child, at, options)]);
+            return createElement('li', { key }, node.checked == null
+                ? null
+                : createElement('input', { type: 'checkbox', checked: node.checked, disabled: true }), ...items);
+        }
+        case 'thematicBreak':
+            return createElement('hr', { key });
+        case 'break':
+            return createElement('br', { key });
+        case 'link':
+            return link(node.url, node, key, options);
+        case 'linkReference':
+            return link(options.definitions.get(node.identifier) ?? '', node, key, options);
+        case 'image':
+            return options.file !== undefined && whole(options.file, node.url)
+                ? createElement(Fragment, { key }, options.file.draw(node.url, node.alt || node.url))
+                : (node.alt ?? '');
+        case 'html':
+            return node.value;
+        case 'table':
+            return createElement('table', { key }, createElement('thead', null, ...node.children.slice(0, 1).map((row, at) => render(row, at, options, true))), createElement('tbody', null, ...node.children.slice(1).map((row, at) => render(row, at, options))));
+        case 'tableRow':
+            return createElement('tr', { key }, ...node.children.map((cell, at) => createElement(header ? 'th' : 'td', { key: at }, ...cell.children.map((inline, place) => render(inline, place, options)))));
+        case 'footnoteReference':
+            return createElement('sup', { key }, node.label ?? node.identifier);
+        case 'definition':
+        case 'yaml':
+            return null;
+        default:
+            return textOf(node);
+    }
+}
+const INLINE = new Set([
+    'paragraph',
+    'heading',
+    'emphasis',
+    'strong',
+    'delete',
+    'link',
+    'linkReference',
+    'tableCell',
+]);
+function spokenOf(node) {
+    if (node.type === 'yaml')
+        return '';
+    if (node.type === 'image')
+        return node.alt ?? '';
+    if ('value' in node && typeof node.value === 'string')
+        return node.value;
+    if (!('children' in node))
+        return node.type === 'break' ? ' ' : '';
+    return node.children.map(spokenOf).join(INLINE.has(node.type) ? '' : ' ');
+}
+export function plainText(text) {
+    return spokenOf(parseMarkdown(text)).replace(/\s+/g, ' ').trim();
+}
+export function Markdown({ text, className, ...options }) {
+    const root = parseMarkdown(text);
+    return createElement('div', { className }, render(root, 0, { ...options, definitions: definitionsOf(root), slugs: new Map() }));
+}

package/dist/chat/message.d.ts

@@ -0,0 +1,6 @@
+import { type ReactElement } from 'react';
+export declare const Linked: import("react").Context<((href: string) => void) | null>;
+export declare function UserMessage(): ReactElement;
+export declare function Undelivered(): ReactElement;
+export declare function AssistantMessage(): ReactElement;
+//# sourceMappingURL=message.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../src/chat/message.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,YAAY,EAElB,MAAM,OAAO,CAAC;AAkCf,eAAO,MAAM,MAAM,kCAAyB,MAAM,KAAK,IAAI,SAAe,CAAC;AA4O3E,wBAAgB,WAAW,IAAI,YAAY,CA4B1C;AAED,wBAAgB,WAAW,IAAI,YAAY,CAE1C;AAED,wBAAgB,gBAAgB,IAAI,YAAY,CA0F/C"}