@humaan/payload-plugin-ai-assistant 0.0.0-stage → 0.1.0

package/dist/admin/Conversation.js

@@ -0,0 +1,469 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useChat } from '@ai-sdk/react';
+import { Button } from '@payloadcms/ui';
+import { useEffect, useId, useRef, useState } from 'react';
+import { markPlan } from '../chat/history.js';
+import { maxFiles } from '../constants.js';
+import styles from './AiAssistantPanel.module.scss';
+import { Markdown } from './Markdown.js';
+import { currentOpenDocument, useOpenDocument } from './openDocument.js';
+import { Pill } from './Pill.js';
+import { PlanCard } from './PlanCard.js';
+import { toolStep } from './toolSteps.js';
+import { AssistantTransport } from './transport.js';
+import { useAttachments } from './useAttachments.js';
+import { useEntityLabel } from './useEntityLabel.js';
+/** One conversation. Remounted with a new key to switch conversations. */ export function Conversation({ apiRoute, session, attachmentsEnabled, onReply }) {
+    const openDocument = useOpenDocument();
+    const [draft, setDraft] = useState('');
+    const [fileNotice, setFileNotice] = useState('');
+    const attachments = useAttachments({
+        apiRoute,
+        initial: session.attachments
+    });
+    const fileInputRef = useRef(null);
+    const endRef = useRef(null);
+    const messageId = useId();
+    const [transport] = useState(()=>new AssistantTransport({
+            api: `${apiRoute}/ai-assistant/chat`,
+            openDocument: currentOpenDocument
+        }));
+    const { messages, sendMessage, setMessages, status, stop, error, clearError } = useChat({
+        id: session.chatId,
+        messages: session.messages,
+        transport,
+        onFinish: onReply
+    });
+    const busy = status === 'submitted' || status === 'streaming';
+    const { unsent, uploading } = attachments;
+    const canAttach = attachmentsEnabled && !attachments.full;
+    // Keep the newest message in view as it streams.
+    useEffect(()=>{
+        endRef.current?.scrollIntoView({
+            block: 'end'
+        });
+    }, [
+        messages,
+        status
+    ]);
+    const onPickFiles = (event)=>{
+        const picked = [
+            ...event.target.files ?? []
+        ];
+        event.target.value = '';
+        const omitted = attachments.add(picked);
+        setFileNotice(omitted > 0 ? `A conversation can have up to ${maxFiles} files. Extra files were left out.` : '');
+    };
+    const submit = ()=>{
+        const text = draft.trim();
+        if (busy || uploading || !text && unsent.length === 0) {
+            return;
+        }
+        const sentBefore = attachments.sentIds.size;
+        const added = unsent.map((file, offset)=>({
+                index: sentBefore + offset,
+                name: file.name,
+                type: file.type
+            }));
+        const context = currentOpenDocument()?.context;
+        clearError();
+        transport.setAttachmentIds(attachments.readyIds);
+        void sendMessage({
+            text,
+            metadata: {
+                ...added.length > 0 ? {
+                    attachments: added
+                } : {},
+                ...context ? {
+                    context
+                } : {}
+            }
+        });
+        attachments.markSent(unsent.map((file)=>file.id));
+        setDraft('');
+        setFileNotice('');
+    };
+    const onKeyDown = (event)=>{
+        if (event.key !== 'Enter' || event.shiftKey || event.nativeEvent.isComposing) {
+            return;
+        }
+        event.preventDefault();
+        submit();
+    };
+    const recordOutcome = (planId, update)=>{
+        setMessages((current)=>markPlan(current, planId, update).messages);
+    };
+    return /*#__PURE__*/ _jsxs("div", {
+        className: styles.assistant__chat,
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                className: styles.assistant__log,
+                children: [
+                    messages.length === 0 ? /*#__PURE__*/ _jsx(Welcome, {
+                        context: openDocument?.context
+                    }) : null,
+                    messages.map((message, index)=>message.role === 'user' ? /*#__PURE__*/ _jsx(UserMessage, {
+                            message: message
+                        }, message.id) : /*#__PURE__*/ _jsx(AssistantMessage, {
+                            apiRoute: apiRoute,
+                            message: message,
+                            onOutcome: recordOutcome,
+                            running: busy && index === messages.length - 1
+                        }, message.id)),
+                    status === 'submitted' ? /*#__PURE__*/ _jsx("p", {
+                        className: styles.assistant__thinking,
+                        children: "Thinking…"
+                    }) : null,
+                    /*#__PURE__*/ _jsx("div", {
+                        "aria-hidden": "true",
+                        ref: endRef
+                    })
+                ]
+            }),
+            busy ? /*#__PURE__*/ _jsx("div", {
+                "aria-label": "The assistant is working",
+                className: styles.assistant__progress,
+                role: "progressbar"
+            }) : null,
+            /*#__PURE__*/ _jsx("p", {
+                className: styles.assistant__sr,
+                role: "status",
+                children: uploading ? 'Uploading attachments.' : announcement(messages, busy)
+            }),
+            error ? /*#__PURE__*/ _jsx("p", {
+                className: styles.assistant__error,
+                role: "alert",
+                children: error.message || 'The assistant could not reply. Try again.'
+            }) : null,
+            /*#__PURE__*/ _jsxs("form", {
+                className: styles.assistant__composer,
+                onSubmit: (event)=>{
+                    event.preventDefault();
+                    submit();
+                },
+                children: [
+                    openDocument ? /*#__PURE__*/ _jsx(ContextPill, {
+                        context: openDocument.context
+                    }) : null,
+                    attachments.items.length > 0 ? /*#__PURE__*/ _jsx("ul", {
+                        "aria-label": "Attached files",
+                        className: styles.assistant__chips,
+                        children: attachments.items.map((item)=>/*#__PURE__*/ _jsx(AttachmentChip, {
+                                item: item,
+                                onRemove: ()=>attachments.remove(item.key),
+                                removable: !busy && !(item.id && attachments.sentIds.has(item.id))
+                            }, item.key))
+                    }) : null,
+                    /*#__PURE__*/ _jsx("label", {
+                        className: styles.assistant__sr,
+                        htmlFor: messageId,
+                        children: "Message"
+                    }),
+                    /*#__PURE__*/ _jsx("textarea", {
+                        className: styles.assistant__textarea,
+                        id: messageId,
+                        onChange: (event)=>setDraft(event.target.value),
+                        onKeyDown: onKeyDown,
+                        placeholder: "Ask about the site, or describe a change",
+                        rows: 3,
+                        value: draft
+                    }),
+                    /*#__PURE__*/ _jsx("input", {
+                        "aria-hidden": true,
+                        className: styles.assistant__sr,
+                        disabled: !canAttach,
+                        multiple: true,
+                        onChange: onPickFiles,
+                        ref: fileInputRef,
+                        tabIndex: -1,
+                        type: "file"
+                    }),
+                    /*#__PURE__*/ _jsx("div", {
+                        className: styles.assistant__composerRow,
+                        children: /*#__PURE__*/ _jsxs("div", {
+                            className: styles.assistant__composerActions,
+                            children: [
+                                attachmentsEnabled ? /*#__PURE__*/ _jsx(Button, {
+                                    buttonStyle: "secondary",
+                                    disabled: !canAttach || busy,
+                                    margin: false,
+                                    onClick: ()=>fileInputRef.current?.click(),
+                                    size: "small",
+                                    type: "button",
+                                    children: "Attach files"
+                                }) : null,
+                                busy ? /*#__PURE__*/ _jsx(Button, {
+                                    buttonStyle: "secondary",
+                                    margin: false,
+                                    onClick: ()=>void stop(),
+                                    size: "small",
+                                    type: "button",
+                                    children: "Stop"
+                                }) : /*#__PURE__*/ _jsx(Button, {
+                                    buttonStyle: "primary",
+                                    disabled: uploading || !draft.trim() && unsent.length === 0,
+                                    margin: false,
+                                    size: "small",
+                                    type: "submit",
+                                    children: "Send"
+                                })
+                            ]
+                        })
+                    }),
+                    fileNotice ? /*#__PURE__*/ _jsx("p", {
+                        className: styles.assistant__hint,
+                        role: "status",
+                        children: fileNotice
+                    }) : null
+                ]
+            })
+        ]
+    });
+}
+/** A file in the composer. Its status is part of its name for screen readers, and announced as it changes. */ function AttachmentChip({ item, removable, onRemove }) {
+    return /*#__PURE__*/ _jsxs("li", {
+        className: styles.assistant__chip,
+        "data-status": item.status,
+        children: [
+            /*#__PURE__*/ _jsx("span", {
+                className: styles.assistant__chipName,
+                children: item.name
+            }),
+            item.status === 'uploading' ? /*#__PURE__*/ _jsx("span", {
+                className: styles.assistant__chipStatus,
+                children: "Uploading…"
+            }) : null,
+            item.status === 'failed' ? /*#__PURE__*/ _jsx("span", {
+                className: styles.assistant__chipStatus,
+                children: item.error ?? 'Upload failed'
+            }) : null,
+            removable ? /*#__PURE__*/ _jsxs("button", {
+                className: styles.assistant__chipRemove,
+                onClick: onRemove,
+                type: "button",
+                children: [
+                    /*#__PURE__*/ _jsx("span", {
+                        "aria-hidden": "true",
+                        children: "×"
+                    }),
+                    /*#__PURE__*/ _jsxs("span", {
+                        className: styles.assistant__sr,
+                        children: [
+                            "Remove ",
+                            item.name
+                        ]
+                    })
+                ]
+            }) : null
+        ]
+    });
+}
+function Welcome({ context }) {
+    return /*#__PURE__*/ _jsxs("div", {
+        className: styles.assistant__welcome,
+        children: [
+            /*#__PURE__*/ _jsx("p", {
+                children: "Ask a question about the site's content, or describe a page or change you want. The assistant reads the content it needs and proposes a plan. Nothing is saved until you choose Proceed."
+            }),
+            context ? /*#__PURE__*/ _jsxs("p", {
+                children: [
+                    "It can see ",
+                    context.label,
+                    ", including changes you have not saved yet."
+                ]
+            }) : null
+        ]
+    });
+}
+function ContextPill({ context }) {
+    const entityLabel = useEntityLabel();
+    return /*#__PURE__*/ _jsxs("p", {
+        className: styles.assistant__context,
+        children: [
+            /*#__PURE__*/ _jsx(Pill, {
+                entity: context.slug,
+                children: entityLabel(context.slug, context.kind)
+            }),
+            /*#__PURE__*/ _jsxs("span", {
+                children: [
+                    "Using ",
+                    /*#__PURE__*/ _jsx("strong", {
+                        children: context.label
+                    })
+                ]
+            })
+        ]
+    });
+}
+function UserMessage({ message }) {
+    const text = message.parts.flatMap((part)=>part.type === 'text' ? [
+            part.text
+        ] : []).join('\n');
+    const attachments = message.metadata?.attachments ?? [];
+    return /*#__PURE__*/ _jsxs("div", {
+        className: styles.assistant__user,
+        children: [
+            /*#__PURE__*/ _jsx("h3", {
+                className: styles.assistant__sr,
+                children: "You said"
+            }),
+            text ? /*#__PURE__*/ _jsx("p", {
+                className: styles.assistant__text,
+                children: text
+            }) : null,
+            attachments.length > 0 ? /*#__PURE__*/ _jsx("ul", {
+                "aria-label": "Attached",
+                className: styles.assistant__chips,
+                children: attachments.map((file)=>/*#__PURE__*/ _jsx("li", {
+                        className: styles.assistant__chip,
+                        children: /*#__PURE__*/ _jsx("span", {
+                            className: styles.assistant__chipName,
+                            children: file.name
+                        })
+                    }, file.index))
+            }) : null,
+            message.metadata?.context ? /*#__PURE__*/ _jsxs("p", {
+                className: styles.assistant__meta,
+                children: [
+                    "On ",
+                    message.metadata.context.label
+                ]
+            }) : null
+        ]
+    });
+}
+function AssistantMessage({ message, running, apiRoute, onOutcome }) {
+    const usage = message.metadata?.usage;
+    const entityLabel = useEntityLabel();
+    const segments = segmentsOf(message, entityLabel);
+    return /*#__PURE__*/ _jsxs("div", {
+        className: styles.assistant__reply,
+        children: [
+            /*#__PURE__*/ _jsx("h3", {
+                className: styles.assistant__sr,
+                children: "Humaan AI said"
+            }),
+            segments.map((segment)=>{
+                if (segment.kind === 'text') {
+                    return /*#__PURE__*/ _jsx(Markdown, {
+                        text: segment.text
+                    }, segment.key);
+                }
+                if (segment.kind === 'steps') {
+                    return /*#__PURE__*/ _jsx(Steps, {
+                        live: running && segment === segments.at(-1),
+                        steps: segment.steps
+                    }, segment.key);
+                }
+                return /*#__PURE__*/ _jsx(PlanCard, {
+                    apiRoute: apiRoute,
+                    onOutcome: onOutcome,
+                    output: segment.output
+                }, segment.key);
+            }),
+            usage?.totalTokens ? /*#__PURE__*/ _jsxs("p", {
+                className: styles.assistant__meta,
+                children: [
+                    usage.totalTokens.toLocaleString('en-AU'),
+                    " tokens",
+                    usage.cachedInputTokens ? `, ${usage.cachedInputTokens.toLocaleString('en-AU')} from cache` : ''
+                ]
+            }) : null
+        ]
+    });
+}
+/** While the reply streams, steps show as they run. Afterwards they fold into one line the editor can open. */ function Steps({ steps, live }) {
+    const list = /*#__PURE__*/ _jsx("ol", {
+        "aria-label": "Steps",
+        className: styles.assistant__steps,
+        children: steps.map((step)=>/*#__PURE__*/ _jsxs("li", {
+                className: styles.assistant__step,
+                "data-state": step.state,
+                children: [
+                    /*#__PURE__*/ _jsx("span", {
+                        "aria-hidden": "true",
+                        children: step.state === 'done' ? '✓' : step.state === 'failed' ? '!' : '…'
+                    }),
+                    step.label,
+                    step.state === 'failed' ? /*#__PURE__*/ _jsx("span", {
+                        className: styles.assistant__sr,
+                        children: " (failed)"
+                    }) : null
+                ]
+            }, step.id))
+    });
+    if (live) {
+        return list;
+    }
+    const failed = steps.filter((step)=>step.state === 'failed').length;
+    return /*#__PURE__*/ _jsxs("details", {
+        className: styles.assistant__stepsFold,
+        children: [
+            /*#__PURE__*/ _jsxs("summary", {
+                children: [
+                    "Worked through ",
+                    steps.length,
+                    " ",
+                    steps.length === 1 ? 'step' : 'steps',
+                    failed > 0 ? `, ${failed} failed` : ''
+                ]
+            }),
+            list
+        ]
+    });
+}
+/** Groups tool calls that sit next to each other into one list of steps. */ function segmentsOf(message, entityLabel) {
+    const segments = [];
+    message.parts.forEach((part, index)=>{
+        const key = `${message.id}-${index}`;
+        if (part.type === 'text') {
+            if (part.text.trim()) {
+                segments.push({
+                    kind: 'text',
+                    key,
+                    text: part.text.trim()
+                });
+            }
+            return;
+        }
+        if (part.type === 'tool-submitPlan' && part.state === 'output-available' && part.output.ok) {
+            segments.push({
+                kind: 'plan',
+                key,
+                output: part.output
+            });
+            return;
+        }
+        const step = toolStep(part, entityLabel);
+        if (!step) {
+            return;
+        }
+        const last = segments.at(-1);
+        if (last?.kind === 'steps') {
+            last.steps.push(step);
+        } else {
+            segments.push({
+                kind: 'steps',
+                key,
+                steps: [
+                    step
+                ]
+            });
+        }
+    });
+    return segments;
+}
+/** Read by screen readers instead of the streaming text, which would be announced word by word. */ function announcement(messages, busy) {
+    if (busy) {
+        return 'The assistant is replying.';
+    }
+    const last = messages.at(-1);
+    if (last?.role !== 'assistant') {
+        return '';
+    }
+    const plan = last.parts.some((part)=>part.type === 'tool-submitPlan' && part.state === 'output-available' && part.output.ok && part.output.status === 'proposed');
+    return plan ? 'The assistant replied with a plan to review.' : 'The assistant replied.';
+}
+
+//# sourceMappingURL=Conversation.js.map

package/dist/admin/Conversation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/admin/Conversation.tsx"],"sourcesContent":["'use client'\n\nimport type { ChangeEvent, KeyboardEvent } from 'react'\n\nimport { useChat } from '@ai-sdk/react'\nimport { Button } from '@payloadcms/ui'\nimport { useEffect, useId, useRef, useState } from 'react'\n\nimport type { AssistantUIMessage } from '../chat/messages.js'\nimport type { AssistantChange, AttachmentView, PageContext, PlanStatus } from '../types.js'\nimport type { LoadedThread } from './threads.js'\nimport type { EntityLabel, ToolStep } from './toolSteps.js'\nimport type { ComposerAttachment } from './useAttachments.js'\n\nimport { markPlan } from '../chat/history.js'\nimport { maxFiles } from '../constants.js'\nimport styles from './AiAssistantPanel.module.scss'\nimport { Markdown } from './Markdown.js'\nimport { currentOpenDocument, useOpenDocument } from './openDocument.js'\nimport { Pill } from './Pill.js'\nimport { PlanCard } from './PlanCard.js'\nimport { toolStep } from './toolSteps.js'\nimport { AssistantTransport } from './transport.js'\nimport { useAttachments } from './useAttachments.js'\nimport { useEntityLabel } from './useEntityLabel.js'\n\ninterface ConversationProps {\n  apiRoute: string\n  /** Whether the project registered the attachments collection. */\n  attachmentsEnabled: boolean\n  /** Called when a reply finishes and the thread has been saved. */\n  onReply: () => void\n  session: LoadedThread\n}\n\n/** One conversation. Remounted with a new key to switch conversations. */\nexport function Conversation({\n  apiRoute,\n  session,\n  attachmentsEnabled,\n  onReply,\n}: ConversationProps) {\n  const openDocument = useOpenDocument()\n  const [draft, setDraft] = useState('')\n  const [fileNotice, setFileNotice] = useState('')\n  const attachments = useAttachments({ apiRoute, initial: session.attachments })\n  const fileInputRef = useRef<HTMLInputElement>(null)\n  const endRef = useRef<HTMLDivElement>(null)\n  const messageId = useId()\n  const [transport] = useState(\n    () =>\n      new AssistantTransport({\n        api: `${apiRoute}/ai-assistant/chat`,\n        openDocument: currentOpenDocument,\n      }),\n  )\n  const { messages, sendMessage, setMessages, status, stop, error, clearError } =\n    useChat<AssistantUIMessage>({\n      id: session.chatId,\n      messages: session.messages,\n      transport,\n      onFinish: onReply,\n    })\n\n  const busy = status === 'submitted' || status === 'streaming'\n  const { unsent, uploading } = attachments\n  const canAttach = attachmentsEnabled && !attachments.full\n\n  // Keep the newest message in view as it streams.\n  useEffect(() => {\n    endRef.current?.scrollIntoView({ block: 'end' })\n  }, [messages, status])\n\n  const onPickFiles = (event: ChangeEvent<HTMLInputElement>) => {\n    const picked = [...(event.target.files ?? [])]\n    event.target.value = ''\n    const omitted = attachments.add(picked)\n    setFileNotice(\n      omitted > 0\n        ? `A conversation can have up to ${maxFiles} files. Extra files were left out.`\n        : '',\n    )\n  }\n\n  const submit = () => {\n    const text = draft.trim()\n    if (busy || uploading || (!text && unsent.length === 0)) {\n      return\n    }\n    const sentBefore = attachments.sentIds.size\n    const added: AttachmentView[] = unsent.map((file, offset) => ({\n      index: sentBefore + offset,\n      name: file.name,\n      type: file.type,\n    }))\n    const context = currentOpenDocument()?.context\n    clearError()\n    transport.setAttachmentIds(attachments.readyIds)\n    void sendMessage({\n      text,\n      metadata: {\n        ...(added.length > 0 ? { attachments: added } : {}),\n        ...(context ? { context } : {}),\n      },\n    })\n    attachments.markSent(unsent.map((file) => file.id))\n    setDraft('')\n    setFileNotice('')\n  }\n\n  const onKeyDown = (event: KeyboardEvent<HTMLTextAreaElement>) => {\n    if (event.key !== 'Enter' || event.shiftKey || event.nativeEvent.isComposing) {\n      return\n    }\n    event.preventDefault()\n    submit()\n  }\n\n  const recordOutcome = (\n    planId: string,\n    update: { changes?: AssistantChange[]; status: PlanStatus },\n  ) => {\n    setMessages((current) => markPlan(current, planId, update).messages)\n  }\n\n  return (\n    <div className={styles.assistant__chat}>\n      <div className={styles.assistant__log}>\n        {messages.length === 0 ? <Welcome context={openDocument?.context} /> : null}\n        {messages.map((message, index) =>\n          message.role === 'user' ? (\n            <UserMessage key={message.id} message={message} />\n          ) : (\n            <AssistantMessage\n              apiRoute={apiRoute}\n              key={message.id}\n              message={message}\n              onOutcome={recordOutcome}\n              running={busy && index === messages.length - 1}\n            />\n          ),\n        )}\n        {status === 'submitted' ? <p className={styles.assistant__thinking}>Thinking…</p> : null}\n        <div aria-hidden=\"true\" ref={endRef} />\n      </div>\n\n      {busy ? (\n        <div\n          aria-label=\"The assistant is working\"\n          className={styles.assistant__progress}\n          role=\"progressbar\"\n        />\n      ) : null}\n      <p className={styles.assistant__sr} role=\"status\">\n        {uploading ? 'Uploading attachments.' : announcement(messages, busy)}\n      </p>\n      {error ? (\n        <p className={styles.assistant__error} role=\"alert\">\n          {error.message || 'The assistant could not reply. Try again.'}\n        </p>\n      ) : null}\n\n      <form\n        className={styles.assistant__composer}\n        onSubmit={(event) => {\n          event.preventDefault()\n          submit()\n        }}\n      >\n        {openDocument ? <ContextPill context={openDocument.context} /> : null}\n        {attachments.items.length > 0 ? (\n          <ul aria-label=\"Attached files\" className={styles.assistant__chips}>\n            {attachments.items.map((item) => (\n              <AttachmentChip\n                item={item}\n                key={item.key}\n                onRemove={() => attachments.remove(item.key)}\n                removable={!busy && !(item.id && attachments.sentIds.has(item.id))}\n              />\n            ))}\n          </ul>\n        ) : null}\n        <label className={styles.assistant__sr} htmlFor={messageId}>\n          Message\n        </label>\n        {/* eslint-disable-next-line jsx-a11y/control-has-associated-label -- labelled by the <label htmlFor> above */}\n        <textarea\n          className={styles.assistant__textarea}\n          id={messageId}\n          onChange={(event) => setDraft(event.target.value)}\n          onKeyDown={onKeyDown}\n          placeholder=\"Ask about the site, or describe a change\"\n          rows={3}\n          value={draft}\n        />\n        <input\n          aria-hidden\n          className={styles.assistant__sr}\n          disabled={!canAttach}\n          multiple\n          onChange={onPickFiles}\n          ref={fileInputRef}\n          tabIndex={-1}\n          type=\"file\"\n        />\n        <div className={styles.assistant__composerRow}>\n          <div className={styles.assistant__composerActions}>\n            {attachmentsEnabled ? (\n              <Button\n                buttonStyle=\"secondary\"\n                disabled={!canAttach || busy}\n                margin={false}\n                onClick={() => fileInputRef.current?.click()}\n                size=\"small\"\n                type=\"button\"\n              >\n                Attach files\n              </Button>\n            ) : null}\n            {busy ? (\n              <Button\n                buttonStyle=\"secondary\"\n                margin={false}\n                onClick={() => void stop()}\n                size=\"small\"\n                type=\"button\"\n              >\n                Stop\n              </Button>\n            ) : (\n              <Button\n                buttonStyle=\"primary\"\n                disabled={uploading || (!draft.trim() && unsent.length === 0)}\n                margin={false}\n                size=\"small\"\n                type=\"submit\"\n              >\n                Send\n              </Button>\n            )}\n          </div>\n        </div>\n        {fileNotice ? (\n          <p className={styles.assistant__hint} role=\"status\">\n            {fileNotice}\n          </p>\n        ) : null}\n      </form>\n    </div>\n  )\n}\n\n/** A file in the composer. Its status is part of its name for screen readers, and announced as it changes. */\nfunction AttachmentChip({\n  item,\n  removable,\n  onRemove,\n}: {\n  item: ComposerAttachment\n  onRemove: () => void\n  removable: boolean\n}) {\n  return (\n    <li className={styles.assistant__chip} data-status={item.status}>\n      <span className={styles.assistant__chipName}>{item.name}</span>\n      {item.status === 'uploading' ? (\n        <span className={styles.assistant__chipStatus}>Uploading…</span>\n      ) : null}\n      {item.status === 'failed' ? (\n        <span className={styles.assistant__chipStatus}>{item.error ?? 'Upload failed'}</span>\n      ) : null}\n      {removable ? (\n        <button className={styles.assistant__chipRemove} onClick={onRemove} type=\"button\">\n          <span aria-hidden=\"true\">×</span>\n          <span className={styles.assistant__sr}>Remove {item.name}</span>\n        </button>\n      ) : null}\n    </li>\n  )\n}\n\nfunction Welcome({ context }: { context?: PageContext }) {\n  return (\n    <div className={styles.assistant__welcome}>\n      <p>\n        Ask a question about the site&apos;s content, or describe a page or change you want. The\n        assistant reads the content it needs and proposes a plan. Nothing is saved until you choose\n        Proceed.\n      </p>\n      {context ? (\n        <p>It can see {context.label}, including changes you have not saved yet.</p>\n      ) : null}\n    </div>\n  )\n}\n\nfunction ContextPill({ context }: { context: PageContext }) {\n  const entityLabel = useEntityLabel()\n  return (\n    <p className={styles.assistant__context}>\n      <Pill entity={context.slug}>{entityLabel(context.slug, context.kind)}</Pill>\n      <span>\n        Using <strong>{context.label}</strong>\n      </span>\n    </p>\n  )\n}\n\nfunction UserMessage({ message }: { message: AssistantUIMessage }) {\n  const text = message.parts.flatMap((part) => (part.type === 'text' ? [part.text] : [])).join('\\n')\n  const attachments = message.metadata?.attachments ?? []\n  return (\n    <div className={styles.assistant__user}>\n      <h3 className={styles.assistant__sr}>You said</h3>\n      {text ? <p className={styles.assistant__text}>{text}</p> : null}\n      {attachments.length > 0 ? (\n        <ul aria-label=\"Attached\" className={styles.assistant__chips}>\n          {attachments.map((file) => (\n            <li className={styles.assistant__chip} key={file.index}>\n              <span className={styles.assistant__chipName}>{file.name}</span>\n            </li>\n          ))}\n        </ul>\n      ) : null}\n      {message.metadata?.context ? (\n        <p className={styles.assistant__meta}>On {message.metadata.context.label}</p>\n      ) : null}\n    </div>\n  )\n}\n\ntype Segment =\n  | { key: string; kind: 'plan'; output: Extract<PlanOutput, { ok: true }> }\n  | { key: string; kind: 'steps'; steps: ToolStep[] }\n  | { key: string; kind: 'text'; text: string }\n\ntype PlanOutput = Extract<\n  AssistantUIMessage['parts'][number],\n  { state: 'output-available'; type: 'tool-submitPlan' }\n>['output']\n\nfunction AssistantMessage({\n  message,\n  running,\n  apiRoute,\n  onOutcome,\n}: {\n  apiRoute: string\n  message: AssistantUIMessage\n  onOutcome: (planId: string, update: { changes?: AssistantChange[]; status: PlanStatus }) => void\n  /** This reply is still streaming, so its newest steps stay in view. */\n  running: boolean\n}) {\n  const usage = message.metadata?.usage\n  const entityLabel = useEntityLabel()\n  const segments = segmentsOf(message, entityLabel)\n  return (\n    <div className={styles.assistant__reply}>\n      <h3 className={styles.assistant__sr}>Humaan AI said</h3>\n      {segments.map((segment) => {\n        if (segment.kind === 'text') {\n          return <Markdown key={segment.key} text={segment.text} />\n        }\n        if (segment.kind === 'steps') {\n          return (\n            <Steps\n              key={segment.key}\n              live={running && segment === segments.at(-1)}\n              steps={segment.steps}\n            />\n          )\n        }\n        return (\n          <PlanCard\n            apiRoute={apiRoute}\n            key={segment.key}\n            onOutcome={onOutcome}\n            output={segment.output}\n          />\n        )\n      })}\n      {usage?.totalTokens ? (\n        <p className={styles.assistant__meta}>\n          {usage.totalTokens.toLocaleString('en-AU')} tokens\n          {usage.cachedInputTokens\n            ? `, ${usage.cachedInputTokens.toLocaleString('en-AU')} from cache`\n            : ''}\n        </p>\n      ) : null}\n    </div>\n  )\n}\n\n/** While the reply streams, steps show as they run. Afterwards they fold into one line the editor can open. */\nfunction Steps({ steps, live }: { live: boolean; steps: ToolStep[] }) {\n  const list = (\n    <ol aria-label=\"Steps\" className={styles.assistant__steps}>\n      {steps.map((step) => (\n        <li className={styles.assistant__step} data-state={step.state} key={step.id}>\n          <span aria-hidden=\"true\">\n            {step.state === 'done' ? '✓' : step.state === 'failed' ? '!' : '…'}\n          </span>\n          {step.label}\n          {step.state === 'failed' ? <span className={styles.assistant__sr}> (failed)</span> : null}\n        </li>\n      ))}\n    </ol>\n  )\n  if (live) {\n    return list\n  }\n  const failed = steps.filter((step) => step.state === 'failed').length\n  return (\n    <details className={styles.assistant__stepsFold}>\n      <summary>\n        Worked through {steps.length} {steps.length === 1 ? 'step' : 'steps'}\n        {failed > 0 ? `, ${failed} failed` : ''}\n      </summary>\n      {list}\n    </details>\n  )\n}\n\n/** Groups tool calls that sit next to each other into one list of steps. */\nfunction segmentsOf(message: AssistantUIMessage, entityLabel: EntityLabel): Segment[] {\n  const segments: Segment[] = []\n  message.parts.forEach((part, index) => {\n    const key = `${message.id}-${index}`\n    if (part.type === 'text') {\n      if (part.text.trim()) {\n        segments.push({ kind: 'text', key, text: part.text.trim() })\n      }\n      return\n    }\n    if (part.type === 'tool-submitPlan' && part.state === 'output-available' && part.output.ok) {\n      segments.push({ kind: 'plan', key, output: part.output })\n      return\n    }\n    const step = toolStep(part, entityLabel)\n    if (!step) {\n      return\n    }\n    const last = segments.at(-1)\n    if (last?.kind === 'steps') {\n      last.steps.push(step)\n    } else {\n      segments.push({ kind: 'steps', key, steps: [step] })\n    }\n  })\n  return segments\n}\n\n/** Read by screen readers instead of the streaming text, which would be announced word by word. */\nfunction announcement(messages: AssistantUIMessage[], busy: boolean): string {\n  if (busy) {\n    return 'The assistant is replying.'\n  }\n  const last = messages.at(-1)\n  if (last?.role !== 'assistant') {\n    return ''\n  }\n  const plan = last.parts.some(\n    (part) =>\n      part.type === 'tool-submitPlan' &&\n      part.state === 'output-available' &&\n      part.output.ok &&\n      part.output.status === 'proposed',\n  )\n  return plan ? 'The assistant replied with a plan to review.' : 'The assistant replied.'\n}\n"],"names":["useChat","Button","useEffect","useId","useRef","useState","markPlan","maxFiles","styles","Markdown","currentOpenDocument","useOpenDocument","Pill","PlanCard","toolStep","AssistantTransport","useAttachments","useEntityLabel","Conversation","apiRoute","session","attachmentsEnabled","onReply","openDocument","draft","setDraft","fileNotice","setFileNotice","attachments","initial","fileInputRef","endRef","messageId","transport","api","messages","sendMessage","setMessages","status","stop","error","clearError","id","chatId","onFinish","busy","unsent","uploading","canAttach","full","current","scrollIntoView","block","onPickFiles","event","picked","target","files","value","omitted","add","submit","text","trim","length","sentBefore","sentIds","size","added","map","file","offset","index","name","type","context","setAttachmentIds","readyIds","metadata","markSent","onKeyDown","key","shiftKey","nativeEvent","isComposing","preventDefault","recordOutcome","planId","update","div","className","assistant__chat","assistant__log","Welcome","message","role","UserMessage","AssistantMessage","onOutcome","running","p","assistant__thinking","aria-hidden","ref","aria-label","assistant__progress","assistant__sr","announcement","assistant__error","form","assistant__composer","onSubmit","ContextPill","items","ul","assistant__chips","item","AttachmentChip","onRemove","remove","removable","has","label","htmlFor","textarea","assistant__textarea","onChange","placeholder","rows","input","disabled","multiple","tabIndex","assistant__composerRow","assistant__composerActions","buttonStyle","margin","onClick","click","assistant__hint","li","assistant__chip","data-status","span","assistant__chipName","assistant__chipStatus","button","assistant__chipRemove","assistant__welcome","entityLabel","assistant__context","entity","slug","kind","strong","parts","flatMap","part","join","assistant__user","h3","assistant__text","assistant__meta","usage","segments","segmentsOf","assistant__reply","segment","Steps","live","at","steps","output","totalTokens","toLocaleString","cachedInputTokens","list","ol","assistant__steps","step","assistant__step","data-state","state","failed","filter","details","assistant__stepsFold","summary","forEach","push","ok","last","plan","some"],"mappings":"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"}

package/dist/admin/Markdown.d.ts

@@ -0,0 +1,9 @@
+interface MarkdownProps {
+    text: string;
+}
+/**
+ * Renders an assistant reply. Raw HTML is dropped, so content the model read cannot inject markup,
+ * and react-markdown removes unsafe link protocols.
+ */
+export declare function Markdown({ text }: MarkdownProps): import("react").JSX.Element;
+export {};

package/dist/admin/Markdown.js

@@ -0,0 +1,63 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import ReactMarkdown from 'react-markdown';
+import remarkGfm from 'remark-gfm';
+import styles from './AiAssistantPanel.module.scss';
+/**
+ * Renders an assistant reply. Raw HTML is dropped, so content the model read cannot inject markup,
+ * and react-markdown removes unsafe link protocols.
+ */ export function Markdown({ text }) {
+    return /*#__PURE__*/ _jsx("div", {
+        className: styles.assistant__markdown,
+        children: /*#__PURE__*/ _jsx(ReactMarkdown, {
+            components: components,
+            remarkPlugins: [
+                remarkGfm
+            ],
+            skipHtml: true,
+            children: text
+        })
+    });
+}
+/** Headings in a reply would break the drawer's outline, so they render as bold paragraphs. */ function Heading({ children }) {
+    return /*#__PURE__*/ _jsx("p", {
+        className: styles.assistant__markdownHeading,
+        children: /*#__PURE__*/ _jsx("strong", {
+            children: children
+        })
+    });
+}
+const components = {
+    h1: Heading,
+    h2: Heading,
+    h3: Heading,
+    h4: Heading,
+    h5: Heading,
+    h6: Heading,
+    a: ({ href, children })=>{
+        // Admin links are relative, so an absolute URL leaves the CMS.
+        const external = typeof href === 'string' && /^https?:\/\//.test(href);
+        return /*#__PURE__*/ _jsxs("a", {
+            href: href,
+            ...external ? {
+                target: '_blank',
+                rel: 'noopener noreferrer'
+            } : {},
+            children: [
+                children,
+                external ? /*#__PURE__*/ _jsx("span", {
+                    className: styles.assistant__sr,
+                    children: " (opens in a new tab)"
+                }) : null
+            ]
+        });
+    },
+    table: ({ children })=>/*#__PURE__*/ _jsx("div", {
+            className: styles.assistant__markdownTable,
+            children: /*#__PURE__*/ _jsx("table", {
+                children: children
+            })
+        })
+};
+
+//# sourceMappingURL=Markdown.js.map

package/dist/admin/Markdown.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/admin/Markdown.tsx"],"sourcesContent":["'use client'\n\nimport type { ReactNode } from 'react'\n\nimport ReactMarkdown, { type Components } from 'react-markdown'\nimport remarkGfm from 'remark-gfm'\n\nimport styles from './AiAssistantPanel.module.scss'\n\ninterface MarkdownProps {\n  text: string\n}\n\n/**\n * Renders an assistant reply. Raw HTML is dropped, so content the model read cannot inject markup,\n * and react-markdown removes unsafe link protocols.\n */\nexport function Markdown({ text }: MarkdownProps) {\n  return (\n    <div className={styles.assistant__markdown}>\n      <ReactMarkdown components={components} remarkPlugins={[remarkGfm]} skipHtml>\n        {text}\n      </ReactMarkdown>\n    </div>\n  )\n}\n\n/** Headings in a reply would break the drawer's outline, so they render as bold paragraphs. */\nfunction Heading({ children }: { children?: ReactNode }) {\n  return (\n    <p className={styles.assistant__markdownHeading}>\n      <strong>{children}</strong>\n    </p>\n  )\n}\n\nconst components: Components = {\n  h1: Heading,\n  h2: Heading,\n  h3: Heading,\n  h4: Heading,\n  h5: Heading,\n  h6: Heading,\n  a: ({ href, children }) => {\n    // Admin links are relative, so an absolute URL leaves the CMS.\n    const external = typeof href === 'string' && /^https?:\\/\\//.test(href)\n    return (\n      <a href={href} {...(external ? { target: '_blank', rel: 'noopener noreferrer' } : {})}>\n        {children}\n        {external ? <span className={styles.assistant__sr}> (opens in a new tab)</span> : null}\n      </a>\n    )\n  },\n  table: ({ children }) => (\n    <div className={styles.assistant__markdownTable}>\n      <table>{children}</table>\n    </div>\n  ),\n}\n"],"names":["ReactMarkdown","remarkGfm","styles","Markdown","text","div","className","assistant__markdown","components","remarkPlugins","skipHtml","Heading","children","p","assistant__markdownHeading","strong","h1","h2","h3","h4","h5","h6","a","href","external","test","target","rel","span","assistant__sr","table","assistant__markdownTable"],"mappings":"AAAA;;AAIA,OAAOA,mBAAwC,iBAAgB;AAC/D,OAAOC,eAAe,aAAY;AAElC,OAAOC,YAAY,iCAAgC;AAMnD;;;CAGC,GACD,OAAO,SAASC,SAAS,EAAEC,IAAI,EAAiB;IAC9C,qBACE,KAACC;QAAIC,WAAWJ,OAAOK,mBAAmB;kBACxC,cAAA,KAACP;YAAcQ,YAAYA;YAAYC,eAAe;gBAACR;aAAU;YAAES,QAAQ;sBACxEN;;;AAIT;AAEA,6FAA6F,GAC7F,SAASO,QAAQ,EAAEC,QAAQ,EAA4B;IACrD,qBACE,KAACC;QAAEP,WAAWJ,OAAOY,0BAA0B;kBAC7C,cAAA,KAACC;sBAAQH;;;AAGf;AAEA,MAAMJ,aAAyB;IAC7BQ,IAAIL;IACJM,IAAIN;IACJO,IAAIP;IACJQ,IAAIR;IACJS,IAAIT;IACJU,IAAIV;IACJW,GAAG,CAAC,EAAEC,IAAI,EAAEX,QAAQ,EAAE;QACpB,+DAA+D;QAC/D,MAAMY,WAAW,OAAOD,SAAS,YAAY,eAAeE,IAAI,CAACF;QACjE,qBACE,MAACD;YAAEC,MAAMA;YAAO,GAAIC,WAAW;gBAAEE,QAAQ;gBAAUC,KAAK;YAAsB,IAAI,CAAC,CAAC;;gBACjFf;gBACAY,yBAAW,KAACI;oBAAKtB,WAAWJ,OAAO2B,aAAa;8BAAE;qBAA+B;;;IAGxF;IACAC,OAAO,CAAC,EAAElB,QAAQ,EAAE,iBAClB,KAACP;YAAIC,WAAWJ,OAAO6B,wBAAwB;sBAC7C,cAAA,KAACD;0BAAOlB;;;AAGd"}

package/dist/admin/PageContextBridge.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Rendered before the document controls on every collection and global the assistant can read.
+ * It renders nothing. It tells the assistant drawer which document is open and how to read its form.
+ */
+export declare function PageContextBridge(): null;