@agentshouse/mdruntime 0.1.0-cd3486bd400ed → 0.1.0-cde2b99d2fcbc

package/dist/chat/input.js

@@ -0,0 +1,99 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext, useEffect, useMemo, useRef } from 'react';
+import { ComposerPrimitive, useAui, useAuiState, } from '@assistant-ui/react';
+import { DropdownMenu } from 'radix-ui';
+import ArrowUp from 'lucide-react/dist/esm/icons/arrow-up.mjs';
+import Check from 'lucide-react/dist/esm/icons/check.mjs';
+import ChevronDown from 'lucide-react/dist/esm/icons/chevron-down.mjs';
+import CornerDownRight from 'lucide-react/dist/esm/icons/corner-down-right.mjs';
+import ListEnd from 'lucide-react/dist/esm/icons/list-end.mjs';
+import Paperclip from 'lucide-react/dist/esm/icons/paperclip.mjs';
+import Pencil from 'lucide-react/dist/esm/icons/pencil.mjs';
+import Plus from 'lucide-react/dist/esm/icons/plus.mjs';
+import Square from 'lucide-react/dist/esm/icons/square.mjs';
+import X from 'lucide-react/dist/esm/icons/x.mjs';
+import { contextText } from './context.js';
+import { Button, ChatNote, IconButton, Name, Portal, Scoped } from './kit.js';
+import { COMMAND } from './process.js';
+import { useChat, useChatScope } from './provider.js';
+import { forgetAnswers } from './question.js';
+import { useOpened } from './opened.js';
+const commanded = {
+    serialize: (item) => `${COMMAND}${item.id}`,
+    parse: (said) => [{ kind: 'text', text: said }],
+};
+const atStart = (said, char, cursor) => {
+    const typed = said.slice(0, cursor);
+    return typed.startsWith(char) && !/\s/.test(typed)
+        ? { query: typed.slice(char.length), offset: 0, endOffset: cursor }
+        : null;
+};
+function commandItem(command) {
+    return {
+        id: command.name,
+        type: 'command',
+        label: `${COMMAND}${command.name}`,
+        description: command.description,
+    };
+}
+function commandsFound(commands, query) {
+    const asked = query.toLowerCase();
+    const named = commands.filter((one) => one.name.toLowerCase().startsWith(asked));
+    const within = commands.filter((one) => !named.includes(one) && one.name.toLowerCase().includes(asked));
+    return [...named, ...within].map(commandItem);
+}
+function Attached({ id, name }) {
+    const aui = useAui();
+    return (_jsxs("span", { className: "ahc-chip ahc-chip--removable", children: [_jsx(Paperclip, { "aria-hidden": "true" }), _jsx(Name, { text: name }), _jsx(IconButton, { label: `Remove ${name}`, compact: true, onClick: () => void aui.composer().attachment({ id }).remove(), children: _jsx(X, { "aria-hidden": "true" }) })] }));
+}
+function Picker({ option, choose, }) {
+    const container = useContext(Portal);
+    return (_jsxs(DropdownMenu.Root, { modal: false, children: [_jsxs(DropdownMenu.Trigger, { className: "ahc-btn ahc-picker", "aria-label": option.name, title: option.name, children: [_jsx(Name, { text: option.values.find((one) => one.value === option.value)?.name ?? option.value }), _jsx(ChevronDown, { "aria-hidden": "true" })] }), _jsx(DropdownMenu.Portal, { container: container, children: _jsxs(DropdownMenu.Content, { className: "ahc-menu", side: "top", align: "start", children: [_jsx(DropdownMenu.Label, { className: "ahc-menu__heading", children: option.name }), _jsx(DropdownMenu.RadioGroup, { value: option.value, onValueChange: (value) => {
+                                if (value !== option.value)
+                                    void choose(option.id, value);
+                            }, children: option.values.map((one) => (_jsxs(DropdownMenu.RadioItem, { value: one.value, className: "ahc-row", children: [_jsx("span", { className: "ahc-row__label", children: one.name }), _jsx(DropdownMenu.ItemIndicator, { asChild: true, children: _jsx(Check, { "aria-hidden": "true" }) })] }, one.value))) })] }) })] }));
+}
+function noted(note) {
+    return _jsx(ChatNote, { ...note });
+}
+export function ChatInput({ messageLength, note = noted, autoFocus = false, }) {
+    const chat = useChat();
+    const { client } = useChatScope();
+    const aui = useAui();
+    const opened = useOpened();
+    const { lone, commands, context, queued, running } = opened;
+    const conversation = chat.conversation ?? '';
+    const input = useRef(null);
+    const picker = useRef(null);
+    const thread = chat.conversation ?? `new:${chat.agent ?? ''}`;
+    useEffect(() => {
+        if (autoFocus)
+            input.current?.focus();
+    }, [autoFocus, thread]);
+    const typed = useAuiState((s) => s.composer.text);
+    const attached = useAuiState((s) => s.composer.attachments.length > 0);
+    const fault = messageLength !== undefined && typed.length > messageLength
+        ? `Keep it to ${messageLength} characters.`
+        : null;
+    const listed = useMemo(() => ({
+        categories: () => [],
+        categoryItems: () => [],
+        search: (query) => commandsFound(commands, query),
+    }), [commands]);
+    const interrupt = () => void chat.stop().then((stopped) => {
+        if (stopped)
+            void forgetAnswers(client, conversation);
+    });
+    const edit = (id) => {
+        chat.edit(id);
+        input.current?.focus();
+    };
+    const drafted = typed.trim() !== '' || attached;
+    const readOnly = opened.deleted;
+    return (_jsx(Scoped, { children: _jsxs("div", { className: "ahc-input-area", children: [readOnly || queued.length === 0 ? null : (_jsxs("div", { role: "group", "aria-label": "Queued messages", className: "ahc-queue", children: [_jsxs("div", { className: "ahc-queue__head", children: [_jsx(ListEnd, { "aria-hidden": "true" }), _jsx("span", { className: "ahc-queue__said", children: `${queued.length} ${queued.length === 1 ? 'message waits' : 'messages wait'} for ${opened.name} to finish` }), running ? (_jsx(Button, { variant: "outline", compact: true, onClick: interrupt, children: "Send now" })) : null] }), queued.map((item) => (_jsxs("div", { className: "ahc-queue-row", children: [_jsx(CornerDownRight, { "aria-hidden": "true", className: "ahc-muted" }), _jsx("span", { className: "ahc-queue-row__text", children: item.text }), _jsx(IconButton, { label: "Edit queued message", compact: true, onClick: () => edit(item.id), children: _jsx(Pencil, { "aria-hidden": "true" }) }), _jsx(IconButton, { label: "Remove queued message", compact: true, onClick: () => chat.unqueue(item.id), children: _jsx(X, { "aria-hidden": "true" }) })] }, item.id)))] })), readOnly ? null : (_jsx(ComposerPrimitive.Root, { className: "ahc-composer", children: _jsxs(ComposerPrimitive.Unstable_TriggerPopoverRoot, { children: [commands.length === 0 ? null : (_jsxs(ComposerPrimitive.Unstable_TriggerPopover, { char: COMMAND, matcher: atStart, adapter: listed, "aria-label": "Commands", className: "ahc-menu ahc-commands", children: [_jsx(ComposerPrimitive.Unstable_TriggerPopover.Directive, { formatter: commanded }), _jsx(ComposerPrimitive.Unstable_TriggerPopoverItems, { children: (items) => items.map((item, index) => (_jsx(ComposerPrimitive.Unstable_TriggerPopoverItem, { item: item, index: index, className: "ahc-row ahc-row--two", children: _jsxs("span", { className: "ahc-row__label", children: [_jsx("span", { className: "ahc-row__title ahc-mono", children: item.label }), _jsx("span", { className: "ahc-row__sub", children: item.description })] }) }, item.id))) })] })), attached ? (_jsx("div", { className: "ahc-chips", children: _jsx(ComposerPrimitive.Attachments, { children: ({ attachment }) => _jsx(Attached, { id: attachment.id, name: attachment.name }) }) })) : null, _jsx(ComposerPrimitive.Input, { asChild: true, "aria-label": "Message", placeholder: lone === null ? `Message ${opened.name}` : lone.field.prompt, submitMode: fault === null ? 'enter' : 'none', children: _jsx("textarea", { ref: input, className: "ahc-composer__input", rows: 1 }) }), _jsxs("div", { className: "ahc-composer__bar", children: [_jsx(IconButton, { label: "Add files", onClick: () => picker.current?.click(), children: _jsx(Plus, { size: 20, "aria-hidden": "true" }) }), _jsx("input", { ref: picker, type: "file", multiple: true, hidden: true, onChange: (event) => {
+                                            const chosen = [...(event.target.files ?? [])];
+                                            event.target.value = '';
+                                            for (const file of chosen)
+                                                void aui.composer().addAttachment(file);
+                                        } }), opened.options.map((option) => (_jsx(Picker, { option: option, choose: chat.choose }, option.id))), _jsx("span", { className: "ahc-spacer" }), context === null ? null : (_jsx("span", { title: "Context in use", className: "ahc-meta", children: contextText(context) })), running ? (_jsx("button", { type: "button", className: `ahc-btn ahc-btn--icon ${drafted ? 'ahc-btn--outline' : 'ahc-btn--ink'}`, "aria-label": "Stop", title: "Stop", onClick: interrupt, children: _jsx(Square, { "aria-hidden": "true" }) })) : null, running && !drafted ? null : (_jsx(ComposerPrimitive.Send, { className: "ahc-btn ahc-btn--icon ahc-btn--ink", "aria-label": running ? 'Queue message' : 'Send', disabled: fault !== null, children: _jsx(ArrowUp, { size: 20, "aria-hidden": "true" }) }))] })] }) })), fault === null ? null : (_jsx("p", { className: "ahc-note", role: "status", "data-state": "refused", children: fault })), note({ outcome: chat.acting.outcome }), note({ outcome: chat.sending.outcome, again: chat.sending.again ?? undefined })] }) }));
+}

package/dist/chat/kit.d.ts

@@ -0,0 +1,60 @@
+import { type ComponentPropsWithRef, type ReactElement, type ReactNode } from 'react';
+import type { ChatOutcome } from './acts.js';
+export type Variant = 'quiet' | 'ink' | 'outline' | 'danger' | 'danger-outline';
+export declare const Portal: import("react").Context<HTMLElement | null>;
+export declare function Within({ root, children, }: {
+    root: HTMLElement;
+    children: ReactNode;
+}): ReactElement;
+export declare function Scoped({ children }: {
+    children: ReactNode;
+}): ReactElement;
+export declare function buttonClass(variant: Variant, compact: boolean, icon: boolean): string;
+type Native = Omit<ComponentPropsWithRef<'button'>, 'className'>;
+export declare function Button({ variant, compact, type, children, ...rest }: Native & {
+    variant?: Variant;
+    compact?: boolean;
+}): ReactElement;
+export declare function IconButton({ label, variant, compact, type, ...rest }: Native & {
+    label: string;
+    variant?: Variant;
+    compact?: boolean;
+}): ReactElement;
+export declare function Name({ text, className }: {
+    text: string;
+    className?: string;
+}): ReactElement;
+export declare function Menu({ trigger, children, }: {
+    trigger: ReactElement;
+    children: ReactNode;
+}): ReactElement;
+export declare function MenuGap(): ReactElement;
+export declare function MenuItem({ icon, danger, onSelect, children, }: {
+    icon: ReactNode;
+    danger?: boolean;
+    onSelect: () => void;
+    children: ReactNode;
+}): ReactElement;
+export declare function Confirm({ title, text, action, onConfirm, onClose, }: {
+    title: string;
+    text: string;
+    action: string;
+    onConfirm: () => void;
+    onClose: () => void;
+}): ReactElement;
+export declare function ItemRow({ lead, title, sub, trailing, }: {
+    lead: ReactNode;
+    title: ReactNode;
+    sub: ReactNode;
+    trailing: ReactNode;
+}): ReactElement;
+export declare function Working({ step }: {
+    step?: string | undefined;
+}): ReactElement;
+export type ChatNoteProps = {
+    readonly outcome: ChatOutcome | null;
+    readonly again?: (() => void) | undefined;
+};
+export declare function ChatNote({ outcome, again }: ChatNoteProps): ReactElement | null;
+export {};
+//# sourceMappingURL=kit.d.ts.map

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

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

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