@vendoai/ui 0.4.0

package/dist/chrome/thread/attachments.d.ts

@@ -0,0 +1,24 @@
+import type { UIMessage } from "ai";
+/** A picked File → an ai-SDK FileUIPart (data URL) so it can ride the turn.
+    Lane pick 2F — the optional `onProgress` (0..1) feeds the chip's read ring:
+    attachments are now read eagerly at attach time (progress visible, failures
+    surfaced per-chip with retry) instead of silently at send time. */
+export declare function fileToPart(file: File, onProgress?: (fraction: number) => void): Promise<{
+    type: "file";
+    mediaType: string;
+    filename: string;
+    url: string;
+}>;
+/** The `.fl-att-ext` badge text — the filename's extension, bounded so a long
+    or missing one still reads as a badge. */
+export declare function fileExt(name: string | undefined): string;
+export declare function formatBytes(size: number): string;
+export type FilePart = Extract<UIMessage["parts"][number], {
+    type: "file";
+}>;
+/** ENG-225 — a sent attachment in the transcript: images render as the designed
+    `.fl-msg-img` thumbnail, anything else as a `.fl-msg-file` download pill. */
+export declare function SentAttachment({ part }: {
+    part: FilePart;
+}): import("react").JSX.Element;
+//# sourceMappingURL=attachments.d.ts.map

package/dist/chrome/thread/attachments.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"attachments.d.ts","sourceRoot":"","sources":["../../../src/chrome/thread/attachments.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC;AAEpC;;;sEAGsE;AACtE,wBAAgB,UAAU,CACxB,IAAI,EAAE,IAAI,EACV,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,GACtC,OAAO,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC,CAoB7E;AAED;6CAC6C;AAC7C,wBAAgB,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAGxD;AAED,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAIhD;AAED,MAAM,MAAM,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAE7E;gFACgF;AAChF,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,+BAe1D"}

package/dist/chrome/thread/attachments.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** A picked File → an ai-SDK FileUIPart (data URL) so it can ride the turn.
+    Lane pick 2F — the optional `onProgress` (0..1) feeds the chip's read ring:
+    attachments are now read eagerly at attach time (progress visible, failures
+    surfaced per-chip with retry) instead of silently at send time. */
+export function fileToPart(file, onProgress) {
+    return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.onerror = () => reject(reader.error ?? new Error("file read failed"));
+        if (onProgress) {
+            reader.onprogress = event => {
+                if (event.lengthComputable && event.total > 0)
+                    onProgress(event.loaded / event.total);
+            };
+        }
+        reader.onload = () => {
+            onProgress?.(1);
+            resolve({
+                type: "file",
+                mediaType: file.type || "application/octet-stream",
+                filename: file.name,
+                url: String(reader.result),
+            });
+        };
+        reader.readAsDataURL(file);
+    });
+}
+/** The `.fl-att-ext` badge text — the filename's extension, bounded so a long
+    or missing one still reads as a badge. */
+export function fileExt(name) {
+    const ext = name?.match(/\.([a-z0-9]+)$/i)?.[1];
+    return (ext ?? "file").slice(0, 4).toUpperCase();
+}
+export function formatBytes(size) {
+    if (size < 1024)
+        return `${size} B`;
+    if (size < 1024 * 1024)
+        return `${(size / 1024).toFixed(0)} KB`;
+    return `${(size / (1024 * 1024)).toFixed(1)} MB`;
+}
+/** ENG-225 — a sent attachment in the transcript: images render as the designed
+    `.fl-msg-img` thumbnail, anything else as a `.fl-msg-file` download pill. */
+export function SentAttachment({ part }) {
+    const name = part.filename ?? "attachment";
+    if (part.mediaType?.startsWith("image/") === true) {
+        return (_jsx("span", { className: "fl-msg-img", children: _jsx("img", { src: part.url, alt: name }) }));
+    }
+    return (_jsxs("a", { className: "fl-msg-file", href: part.url, download: name, children: [_jsx("span", { className: "fl-att-ext", "aria-hidden": "true", children: fileExt(part.filename) }), _jsx("span", { className: "fl-att-name", children: name })] }));
+}
+//# sourceMappingURL=attachments.js.map

package/dist/chrome/thread/attachments.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attachments.js","sourceRoot":"","sources":["../../../src/chrome/thread/attachments.tsx"],"names":[],"mappings":";AAEA;;;sEAGsE;AACtE,MAAM,UAAU,UAAU,CACxB,IAAU,EACV,UAAuC;IAEvC,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QACrC,MAAM,MAAM,GAAG,IAAI,UAAU,EAAE,CAAC;QAChC,MAAM,CAAC,OAAO,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,IAAI,IAAI,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC;QAC7E,IAAI,UAAU,EAAE,CAAC;YACf,MAAM,CAAC,UAAU,GAAG,KAAK,CAAC,EAAE;gBAC1B,IAAI,KAAK,CAAC,gBAAgB,IAAI,KAAK,CAAC,KAAK,GAAG,CAAC;oBAAE,UAAU,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;YACxF,CAAC,CAAC;QACJ,CAAC;QACD,MAAM,CAAC,MAAM,GAAG,GAAG,EAAE;YACnB,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC;YAChB,OAAO,CAAC;gBACN,IAAI,EAAE,MAAM;gBACZ,SAAS,EAAE,IAAI,CAAC,IAAI,IAAI,0BAA0B;gBAClD,QAAQ,EAAE,IAAI,CAAC,IAAI;gBACnB,GAAG,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC;aAC3B,CAAC,CAAC;QACL,CAAC,CAAC;QACF,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC,CAAC,CAAC;AACL,CAAC;AAED;6CAC6C;AAC7C,MAAM,UAAU,OAAO,CAAC,IAAwB;IAC9C,MAAM,GAAG,GAAG,IAAI,EAAE,KAAK,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAChD,OAAO,CAAC,GAAG,IAAI,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;AACnD,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,IAAY;IACtC,IAAI,IAAI,GAAG,IAAI;QAAE,OAAO,GAAG,IAAI,IAAI,CAAC;IACpC,IAAI,IAAI,GAAG,IAAI,GAAG,IAAI;QAAE,OAAO,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC;IAChE,OAAO,GAAG,CAAC,IAAI,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC;AACnD,CAAC;AAID;gFACgF;AAChF,MAAM,UAAU,cAAc,CAAC,EAAE,IAAI,EAAsB;IACzD,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,IAAI,YAAY,CAAC;IAC3C,IAAI,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC;QAClD,OAAO,CACL,eAAM,SAAS,EAAC,YAAY,YAC1B,cAAK,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,GAAI,GAC5B,CACR,CAAC;IACJ,CAAC;IACD,OAAO,CACL,aAAG,SAAS,EAAC,aAAa,EAAC,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,QAAQ,EAAE,IAAI,aACvD,eAAM,SAAS,EAAC,YAAY,iBAAa,MAAM,YAAE,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAQ,EAC/E,eAAM,SAAS,EAAC,aAAa,YAAE,IAAI,GAAQ,IACzC,CACL,CAAC;AACJ,CAAC"}

package/dist/chrome/thread/composer.d.ts

@@ -0,0 +1,63 @@
+import { fileToPart } from "./attachments.js";
+/** The message shape the composer commits — mirrors useVendoThread.sendMessage. */
+type OutgoingMessage = {
+    text: string;
+    files?: Awaited<ReturnType<typeof fileToPart>>[];
+};
+/** Lane pick 2F — one attachment's eager-read lifecycle (drives the chip ring). */
+type AttachmentRead = {
+    status: "reading" | "ready" | "error";
+    /** 0..1 read progress; meaningful while `reading`. */
+    progress: number;
+    part?: Awaited<ReturnType<typeof fileToPart>>;
+};
+/** ENG-225 — drag-drop attach: only reacts to drags that actually carry files
+    (text selections dragged across the composer must not flash the drop zone).
+    Exported for the thread-level drop surface (lane pick 2E). */
+export declare const dragHasFiles: (event: React.DragEvent) => boolean;
+/** All composer state and send/queue mechanics, lifted to the thread level so
+    the draft (and queued slot) survive the landing ↔ transcript flip. The
+    Composer component below is the matching presentation. */
+export declare function useComposer({ busy, sendMessage }: {
+    busy: boolean;
+    sendMessage: (message: OutgoingMessage) => unknown;
+}): {
+    draft: string;
+    setDraft: import("react").Dispatch<import("react").SetStateAction<string>>;
+    files: File[];
+    setFiles: import("react").Dispatch<import("react").SetStateAction<File[]>>;
+    dragDepth: number;
+    setDragDepth: import("react").Dispatch<import("react").SetStateAction<number>>;
+    attachmentPreviews: Map<File, string>;
+    attachmentReads: Map<File, AttachmentRead>;
+    retryRead: (file: File) => void;
+    dockOpen: boolean;
+    setDockOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    dockButtonRef: import("react").RefObject<HTMLButtonElement | null>;
+    queued: {
+        text: string;
+        files: File[];
+    } | null;
+    setQueued: import("react").Dispatch<import("react").SetStateAction<{
+        text: string;
+        files: File[];
+    } | null>>;
+    attachError: string | undefined;
+    fileRef: import("react").RefObject<HTMLInputElement | null>;
+    textareaRef: import("react").RefObject<HTMLTextAreaElement | null>;
+    send: (override?: string) => void;
+};
+export type ComposerApi = ReturnType<typeof useComposer>;
+export interface ComposerProps {
+    composer: ComposerApi;
+    busy: boolean;
+    /** The live transport status + error for the sr-only announcement span. */
+    status: string;
+    errorMessage?: string;
+    onStop: () => void;
+    onVoice?: (() => void) | undefined;
+}
+/** The message composer (08-ui §4): attachments, drag-drop, queueing, dock. */
+export declare function Composer({ composer, busy, status, errorMessage, onStop, onVoice }: ComposerProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=composer.d.ts.map

package/dist/chrome/thread/composer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"composer.d.ts","sourceRoot":"","sources":["../../../src/chrome/thread/composer.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAW,UAAU,EAAe,MAAM,kBAAkB,CAAC;AAEpE,mFAAmF;AACnF,KAAK,eAAe,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC,EAAE,CAAA;CAAE,CAAC;AAE1F,mFAAmF;AACnF,KAAK,cAAc,GAAG;IACpB,MAAM,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;IACtC,sDAAsD;IACtD,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC,CAAC;CAC/C,CAAC;AAEF;;iEAEiE;AACjE,eAAO,MAAM,YAAY,GAAI,OAAO,KAAK,CAAC,SAAS,YACY,CAAC;AAEhE;;6DAE6D;AAC7D,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE;IACjD,IAAI,EAAE,OAAO,CAAC;IACd,WAAW,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,OAAO,CAAC;CACpD;;;;;;;;;sBA2C0B,IAAI;;;;;cAmDgB,MAAM;eAAS,IAAI,EAAE;;;cAArB,MAAM;eAAS,IAAI,EAAE;;;;;sBA2BzC,MAAM;EA+EhC;AAED,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAEzD,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,WAAW,CAAC;IACtB,IAAI,EAAE,OAAO,CAAC;IACd,2EAA2E;IAC3E,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;CACpC;AAED,+EAA+E;AAC/E,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,aAAa,+BA+JhG"}

package/dist/chrome/thread/composer.js

@@ -0,0 +1,259 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext, useEffect, useRef, useState } from "react";
+import { ConnectDockButton, ConnectTray } from "../connect-dock.js";
+import { PrefillScopeContext, registerPrefillConsumer } from "../overlay-registry.js";
+import { fileExt, fileToPart, formatBytes } from "./attachments.js";
+/** ENG-225 — drag-drop attach: only reacts to drags that actually carry files
+    (text selections dragged across the composer must not flash the drop zone).
+    Exported for the thread-level drop surface (lane pick 2E). */
+export const dragHasFiles = (event) => Array.from(event.dataTransfer?.types ?? []).includes("Files");
+/** All composer state and send/queue mechanics, lifted to the thread level so
+    the draft (and queued slot) survive the landing ↔ transcript flip. The
+    Composer component below is the matching presentation. */
+export function useComposer({ busy, sendMessage }) {
+    const [draft, setDraft] = useState("");
+    const fileRef = useRef(null);
+    const textareaRef = useRef(null);
+    const [files, setFiles] = useState([]);
+    // ENG-225 — drag-drop attach. A depth counter, not a boolean: dragging over
+    // the composer's children fires enter/leave pairs for every element crossed.
+    const [dragDepth, setDragDepth] = useState(0);
+    // ENG-225 — object-URL thumbnails for image attachments in the chip strip.
+    // Keyed by File identity; a URL is minted once per file and revoked only when
+    // that file leaves the set — never recreated for files still shown (which
+    // would briefly point a mounted <img> at a revoked URL, Devin review). The
+    // ref mirrors the state so the unmount cleanup revokes the final set.
+    const [attachmentPreviews, setAttachmentPreviews] = useState(new Map());
+    const previewsRef = useRef(attachmentPreviews);
+    previewsRef.current = attachmentPreviews;
+    useEffect(() => {
+        if (typeof URL.createObjectURL !== "function")
+            return;
+        setAttachmentPreviews(prev => {
+            const next = new Map();
+            for (const file of files) {
+                if (!file.type.startsWith("image/"))
+                    continue;
+                next.set(file, prev.get(file) ?? URL.createObjectURL(file));
+            }
+            // Revoke only URLs for files that are no longer attached.
+            for (const [file, url] of prev) {
+                if (!next.has(file))
+                    URL.revokeObjectURL(url);
+            }
+            return next;
+        });
+    }, [files]);
+    // Final cleanup on unmount: revoke whatever is still live.
+    useEffect(() => () => {
+        for (const url of previewsRef.current.values())
+            URL.revokeObjectURL(url);
+    }, []);
+    // Lane pick 2F — attachments read EAGERLY at attach time. Each file's read
+    // progress (FileReader onprogress) drives the chip ring; a failed read marks
+    // that chip (inline retry) instead of surfacing only as a text line at send.
+    // The finished part is cached so send doesn't re-read. Keyed by File identity,
+    // mirroring the previews map; entries leave with their file.
+    const [attachmentReads, setAttachmentReads] = useState(new Map());
+    const readsRef = useRef(attachmentReads);
+    readsRef.current = attachmentReads;
+    const startRead = (file) => {
+        setAttachmentReads(prev => {
+            const next = new Map(prev);
+            next.set(file, { status: "reading", progress: 0 });
+            return next;
+        });
+        fileToPart(file, fraction => {
+            setAttachmentReads(prev => {
+                const current = prev.get(file);
+                if (!current || current.status !== "reading")
+                    return prev;
+                const next = new Map(prev);
+                next.set(file, { ...current, progress: fraction });
+                return next;
+            });
+        }).then(part => setAttachmentReads(prev => {
+            if (!prev.has(file))
+                return prev;
+            const next = new Map(prev);
+            next.set(file, { status: "ready", progress: 1, part });
+            return next;
+        }), () => setAttachmentReads(prev => {
+            if (!prev.has(file))
+                return prev;
+            const next = new Map(prev);
+            next.set(file, { status: "error", progress: 0 });
+            return next;
+        }));
+    };
+    useEffect(() => {
+        setAttachmentReads(prev => {
+            const next = new Map();
+            for (const file of files) {
+                const existing = prev.get(file);
+                if (existing)
+                    next.set(file, existing);
+            }
+            return next.size === prev.size && files.every(f => prev.has(f)) ? prev : next;
+        });
+        for (const file of files) {
+            if (!readsRef.current.has(file))
+                startRead(file);
+        }
+        // startRead closes over stable setters only; files is the real trigger.
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [files]);
+    // ENG-225 — the connect dock's liquid tray, anchored over the composer.
+    const [dockOpen, setDockOpen] = useState(false);
+    const dockButtonRef = useRef(null);
+    // ENG-215 — a message the user sent DURING a turn: it parks here (visible as a
+    // pill) and auto-sends the instant the turn finishes. A single slot — a second
+    // send while one is parked replaces it — because there is only ever one "next"
+    // turn. Stop stays the explicit interrupt; queueing never cancels the stream.
+    const [queued, setQueued] = useState(null);
+    const [attachError, setAttachError] = useState();
+    // ENG-215 — commit a turn to the transport (attachment parts come from the
+    // eager-read cache when ready, else a fresh read). Used both by an immediate
+    // send and by the deferred flush of a queued message.
+    const dispatch = (text, pending) => {
+        void (async () => {
+            let parts;
+            try {
+                parts = await Promise.all(pending.map(file => {
+                    const cached = readsRef.current.get(file);
+                    return cached?.status === "ready" && cached.part ? Promise.resolve(cached.part) : fileToPart(file);
+                }));
+            }
+            catch (reason) {
+                // A file read failed — surface it and restore the message so it never
+                // vanishes silently.
+                setAttachError(reason instanceof Error ? reason.message : "Couldn't read an attachment.");
+                setDraft(current => current || text);
+                setFiles(current => (current.length > 0 ? current : pending));
+                return;
+            }
+            setAttachError(undefined);
+            void sendMessage(parts.length > 0 ? { text, files: parts } : { text });
+        })();
+    };
+    const send = (override) => {
+        const text = (override ?? draft).trim();
+        const pending = files;
+        if (!text && pending.length === 0)
+            return;
+        // The message leaves the input immediately (whether it sends now or parks).
+        setDraft("");
+        setFiles([]);
+        if (fileRef.current)
+            fileRef.current.value = "";
+        if (busy) {
+            setQueued({ text, files: pending });
+            return;
+        }
+        dispatch(text, pending);
+    };
+    // The enclosing overlay's prefill scope (null for embedded threads/pages):
+    // registry-delivered prompts are directed at one overlay's composer.
+    const prefillScope = useContext(PrefillScopeContext);
+    // The listeners below register once but must send with CURRENT composer
+    // state: a first-render `send` closure sees busy=false forever, so a remix
+    // fired mid-stream would dispatch concurrently instead of parking in the
+    // queued slot (the single-in-flight contract).
+    const sendRef = useRef(send);
+    sendRef.current = send;
+    // Remix bridge: a host affordance (slot remix, a trigger button, the legacy
+    // `vendo:prefill` event) opens this surface and hands it the request to
+    // type + send, so the whole build happens here — the one conversational
+    // place (08-ui §4). The registry consumer also drains a prompt parked while
+    // this composer was still mounting (overlay first open / fresh conversation).
+    useEffect(() => {
+        const prefill = (prompt, sendNow) => {
+            setDraft(prompt);
+            if (sendNow)
+                queueMicrotask(() => sendRef.current(prompt));
+        };
+        const onPrefill = (event) => {
+            const detail = event.detail;
+            if (typeof detail?.prompt !== "string")
+                return;
+            prefill(detail.prompt, detail.send === true);
+        };
+        window.addEventListener("vendo:prefill", onPrefill);
+        const unregister = registerPrefillConsumer(parked => prefill(parked.prompt, parked.send), prefillScope);
+        return () => {
+            window.removeEventListener("vendo:prefill", onPrefill);
+            unregister();
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps -- sendRef tracks the latest send; scope is mount-stable
+    }, []);
+    // Flush the queued message the moment the active turn finishes. A ref-tracked
+    // busy edge keeps this from firing on unrelated re-renders.
+    const wasBusyRef = useRef(busy);
+    useEffect(() => {
+        if (wasBusyRef.current && !busy && queued) {
+            const pending = queued;
+            setQueued(null);
+            dispatch(pending.text, pending.files);
+        }
+        wasBusyRef.current = busy;
+        // dispatch is recreated each render but closes only over stable setters and
+        // thread.sendMessage; the busy edge + queued slot are the real triggers.
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [busy, queued]);
+    // ENG-215 — autogrow: the textarea tracks its content height (CSS caps it at
+    // max-height and scrolls past that). Runs on every draft change, including the
+    // programmatic reset on send and the refill on edit.
+    useEffect(() => {
+        const node = textareaRef.current;
+        if (!node)
+            return;
+        node.style.height = "auto";
+        node.style.height = `${node.scrollHeight}px`;
+    }, [draft]);
+    return {
+        draft, setDraft, files, setFiles, dragDepth, setDragDepth,
+        attachmentPreviews, attachmentReads, retryRead: startRead,
+        dockOpen, setDockOpen, dockButtonRef,
+        queued, setQueued, attachError, fileRef, textareaRef, send,
+    };
+}
+/** The message composer (08-ui §4): attachments, drag-drop, queueing, dock. */
+export function Composer({ composer, busy, status, errorMessage, onStop, onVoice }) {
+    const { draft, setDraft, files, setFiles, attachmentPreviews, attachmentReads, retryRead, dockOpen, setDockOpen, dockButtonRef, queued, setQueued, attachError, fileRef, textareaRef, send, } = composer;
+    return (_jsxs("div", { className: "fl-dock-anchor", children: [dockOpen ? (_jsx(ConnectTray, { anchorRef: dockButtonRef, onClose: () => {
+                    setDockOpen(false);
+                    queueMicrotask(() => dockButtonRef.current?.focus());
+                } })) : null, _jsxs("form", { className: "fl-composer", "aria-label": "Message composer", onSubmit: event => { event.preventDefault(); send(); }, children: [attachError ? _jsx("div", { className: "fl-att-error", role: "alert", children: attachError }) : null, queued ? (_jsxs("div", { className: "fl-queued", role: "status", "aria-live": "polite", children: [_jsx("span", { className: "fl-queued-tag", children: "Queued" }), _jsx("span", { className: "fl-queued-text", children: queued.text || `${queued.files.length} attachment(s)` }), _jsx("span", { className: "fl-queued-hint", children: "sends when the reply finishes" }), _jsx("button", { type: "button", className: "fl-queued-now", onClick: onStop, children: "Send now" }), _jsx("button", { type: "button", className: "fl-att-rm fl-queued-rm", "aria-label": "Cancel queued message", onClick: () => setQueued(null), children: "\u00D7" })] })) : null, files.length > 0 ? (_jsx("div", { className: "fl-att-chips", children: files.map((file, i) => {
+                            const preview = attachmentPreviews.get(file);
+                            const read = attachmentReads.get(file);
+                            // An errored image renders as the file-style error chip, so its
+                            // remove button needs the file-chip placement too.
+                            const asFileChip = preview === undefined || read?.status === "error";
+                            const remove = (_jsx("button", { type: "button", className: `fl-att-rm${asFileChip ? " fl-att-rm-file" : ""}`, "aria-label": `Remove ${file.name}`, onClick: () => setFiles(current => current.filter((_, j) => j !== i)), children: "\u00D7" }));
+                            // ENG-225 — images preview as the designed thumbnail chip; other
+                            // files carry an extension badge plus name and size. An image whose
+                            // READ failed falls through to the error file-chip below (retry in
+                            // place) instead of silently posing as attachable — the object-URL
+                            // thumbnail says nothing about whether FileReader could read it
+                            // (AI-review catch).
+                            if (preview !== undefined && read?.status !== "error") {
+                                return (_jsxs("span", { className: "fl-att-img", children: [_jsx("img", { src: preview, alt: file.name }), remove] }, `${file.name}-${i}`));
+                            }
+                            // Lane pick 2F — the chip narrates its read: progress ring while
+                            // reading, error + inline retry on failure, quiet size when ready.
+                            const failed = read?.status === "error";
+                            const reading = read?.status === "reading";
+                            const ring = 2 * Math.PI * 7;
+                            return (_jsxs("span", { className: `fl-att-file${failed ? " fl-att-file--error" : ""}`, children: [reading ? (_jsx("span", { className: "fl-att-ring", "aria-hidden": "true", children: _jsxs("svg", { width: "18", height: "18", viewBox: "0 0 18 18", children: [_jsx("circle", { className: "fl-att-ring-bg", cx: "9", cy: "9", r: "7" }), _jsx("circle", { className: "fl-att-ring-fg", cx: "9", cy: "9", r: "7", strokeDasharray: ring, strokeDashoffset: ring * (1 - (read?.progress ?? 0)) })] }) })) : (_jsx("span", { className: "fl-att-ext", "aria-hidden": "true", children: fileExt(file.name) })), _jsxs("span", { className: "fl-att-meta", children: [_jsx("span", { className: "fl-att-name", children: file.name }), failed ? (_jsxs("small", { className: "fl-att-fail", role: "alert", children: ["couldn\u2019t read \u2014 ", _jsx("button", { type: "button", className: "fl-att-retry", onClick: () => retryRead(file), children: "retry" })] })) : (_jsx("small", { children: reading ? "reading…" : formatBytes(file.size) }))] }), remove] }, `${file.name}-${i}`));
+                        }) })) : null, _jsxs("div", { className: "fl-composer-row", children: [_jsx("input", { ref: fileRef, type: "file", multiple: true, hidden: true, "aria-hidden": "true", onChange: event => { if (event.target.files)
+                                    setFiles(current => [...current, ...Array.from(event.target.files)]); } }), _jsx(ConnectDockButton, { ref: dockButtonRef, open: dockOpen, onToggle: () => setDockOpen(value => !value) }), _jsx("button", { type: "button", className: "fl-icon-btn fl-attach", "aria-label": "Attach files", onClick: () => fileRef.current?.click(), children: _jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: "m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48" }) }) }), _jsxs("label", { style: { display: "contents" }, children: [_jsx("span", { className: "fl-sr-only", children: "Message" }), _jsx("textarea", { ref: textareaRef, "aria-label": "Message", placeholder: "Ask anything", rows: 1, value: draft, 
+                                        // ENG-215 — never disabled: typing (and queueing) stays live through
+                                        // the whole turn, and the composer never dumps focus to <body>.
+                                        onChange: event => setDraft(event.currentTarget.value), onKeyDown: (event) => {
+                                            if (event.key === "Enter" && !event.shiftKey) {
+                                                event.preventDefault();
+                                                send();
+                                            }
+                                        } })] }), onVoice ? (_jsx("button", { type: "button", className: "fl-icon-btn", "aria-label": "Start voice", onClick: onVoice, children: _jsxs("svg", { width: "17", height: "17", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("rect", { x: "9", y: "2", width: "6", height: "12", rx: "3" }), _jsx("path", { d: "M5 10a7 7 0 0 0 14 0M12 19v3" })] }) })) : null, busy ? (_jsxs("button", { className: "fl-icon-btn fl-stop", type: "button", "aria-label": "Stop", onClick: onStop, children: [_jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: _jsx("rect", { x: "6", y: "6", width: "12", height: "12", rx: "2.5" }) }), _jsx("span", { className: "fl-sr-only", children: "Stop" })] })) : null, _jsxs("button", { className: "fl-icon-btn fl-send", type: "submit", "aria-label": "Send", disabled: !draft.trim() && files.length === 0, children: [_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("path", { d: "M12 19V5" }), _jsx("path", { d: "m5 12 7-7 7 7" })] }), _jsx("span", { className: "fl-sr-only", children: "Send" })] })] }), _jsxs("div", { className: "fl-hintrow", "aria-hidden": "true", children: [_jsxs("span", { children: [_jsx("kbd", { className: "fl-kbd", children: "\u21E7\u21B5" }), " new line"] }), _jsxs("span", { children: [_jsx("kbd", { className: "fl-kbd", children: "\u2318K" }), " commands"] }), _jsx("span", { children: "drop files anywhere" })] }), _jsx("span", { role: "status", "aria-live": "polite", className: "fl-sr-only", children: errorMessage !== undefined ? `error: ${errorMessage}` : status })] })] }));
+}
+//# sourceMappingURL=composer.js.map

package/dist/chrome/thread/composer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"composer.js","sourceRoot":"","sources":["../../../src/chrome/thread/composer.tsx"],"names":[],"mappings":"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"}

package/dist/chrome/thread/index.d.ts

@@ -0,0 +1,41 @@
+import { type VendoDiscoverability, type VendoGreeting } from "../discoverability.js";
+/** Lane pick 4B — a rich landing suggestion: two-line starter card. */
+export interface VendoSuggestionCard {
+    /** Card headline (verb-first reads best: "Build a view"). */
+    title: string;
+    /** One concrete outcome line under the title. */
+    description: string;
+    /** Sent as the message on tap; defaults to the title. */
+    prompt?: string;
+    /** Optional host-supplied leading icon node. */
+    icon?: import("react").ReactNode;
+}
+export interface VendoThreadProps {
+    threadId?: string;
+    /** Landing headline shown above the composer while the thread is empty. */
+    greeting?: string;
+    /** Starter prompts on the empty landing; clicking sends one. Lane pick 4B —
+     * a plain string keeps today's pill chip; the object form renders a two-line
+     * starter card (title + concrete outcome, optional icon) with more scent. */
+    suggestions?: (string | VendoSuggestionCard)[];
+    /** Show a mic affordance in the composer that launches the host's voice surface. */
+    onVoice?: () => void;
+    /** ENG-222 — fires with the effective thread id once it is known, including
+     * the fresh `thr_` the server mints for a new conversation. Lets a host
+     * surface (e.g. VendoPage's sidebar) pull the new conversation into its list. */
+    onThreadId?: (threadId: string) => void;
+    /** The discoverability dial (ui-usage-dx §6), overriding the provider's:
+     * `"quiet"` disables the fire-once greeting-as-tutorial below. */
+    discoverability?: VendoDiscoverability;
+    /** Greeting-as-tutorial content (intro + prompt chips) overriding the
+     * provider's `greeting`. Distinct from `greeting` above (the returning-user
+     * landing headline) — this one renders once per user, ever. */
+    firstRunGreeting?: VendoGreeting;
+    /** Rendered directly above the composer in both landing and conversation
+     * layouts — the seam VendoOverlay uses for its command chip strip (the
+     * one-surface ⌘K design). Presentation-only; the thread never reads it. */
+    composerAccessory?: import("react").ReactNode;
+}
+/** 08-ui §4 — conversation chrome over the headless thread transport. */
+export declare function VendoThread({ threadId, greeting, suggestions, onVoice, onThreadId, discoverability, firstRunGreeting, composerAccessory, }: VendoThreadProps): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/chrome/thread/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/chrome/thread/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EAA2C,KAAK,oBAAoB,EAAE,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAO/H,uEAAuE;AACvE,MAAM,WAAW,mBAAmB;IAClC,6DAA6D;IAC7D,KAAK,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,WAAW,EAAE,MAAM,CAAC;IACpB,yDAAyD;IACzD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gDAAgD;IAChD,IAAI,CAAC,EAAE,OAAO,OAAO,EAAE,SAAS,CAAC;CAClC;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;iFAE6E;IAC7E,WAAW,CAAC,EAAE,CAAC,MAAM,GAAG,mBAAmB,CAAC,EAAE,CAAC;IAC/C,oFAAoF;IACpF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;qFAEiF;IACjF,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;sEACkE;IAClE,eAAe,CAAC,EAAE,oBAAoB,CAAC;IACvC;;mEAE+D;IAC/D,gBAAgB,CAAC,EAAE,aAAa,CAAC;IACjC;;+EAE2E;IAC3E,iBAAiB,CAAC,EAAE,OAAO,OAAO,EAAE,SAAS,CAAC;CAC/C;AAED,yEAAyE;AACzE,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,QAAuC,EACvC,WAAgB,EAChB,OAAO,EACP,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,iBAAiB,GAClB,EAAE,gBAAgB,+BAkWlB"}