veryfront 0.1.997 → 0.1.998

package/esm/src/react/components/chat/chat/persistence/local-conversation-store.js

@@ -0,0 +1,102 @@
+/**
+ * localConversationStore — the default {@link ConversationStore}, backed by
+ * `localStorage`. Layout (matches the pre-adapter thread store, plus a richer
+ * index so `list()` never has to read message blobs):
+ *
+ *   `{key}-index`  → ConversationSummary[]   (what the sidebar renders)
+ *   `{key}-{id}`   → Conversation            (full, with messages)
+ *
+ * Methods are async to satisfy the interface even though localStorage is
+ * synchronous — swapping in `idbConversationStore` / `apiConversationStore`
+ * needs no caller changes. The backing store is injectable (a Web-Storage-like
+ * object) so it's testable and degrades to a no-op on SSR / blocked storage.
+ *
+ * @module react/components/chat/persistence/local-conversation-store
+ */
+import * as dntShim from "../../../../../../_dnt.shims.js";
+import { isBrowserEnvironment } from "../../../../../platform/compat/runtime.js";
+const DEFAULT_KEY = "vf-conversations";
+const NOOP_STORAGE = {
+    getItem: () => null,
+    setItem: () => { },
+    removeItem: () => { },
+};
+function defaultStorage() {
+    if (!isBrowserEnvironment())
+        return NOOP_STORAGE;
+    try {
+        const ls = dntShim.dntGlobalThis.localStorage;
+        return ls ?? NOOP_STORAGE;
+    }
+    catch (_) {
+        return NOOP_STORAGE; // access can throw (private mode, no --location, etc.)
+    }
+}
+function toSummary(c) {
+    return {
+        id: c.id,
+        title: c.title,
+        ...(c.agentId ? { agentId: c.agentId } : {}),
+        messageCount: c.messages.length,
+        createdAt: c.createdAt,
+        updatedAt: c.updatedAt,
+    };
+}
+function byNewest(a, b) {
+    return b.updatedAt - a.updatedAt;
+}
+/**
+ * localStorage-backed conversation persistence. Pass a `storage` to back it with
+ * something else (tests inject an in-memory store); defaults to `localStorage`.
+ */
+export function localConversationStore(storageKey = DEFAULT_KEY, storage = defaultStorage()) {
+    const indexKey = `${storageKey}-index`;
+    const blobKey = (id) => `${storageKey}-${id}`;
+    function readIndex() {
+        try {
+            const raw = storage.getItem(indexKey);
+            if (raw)
+                return JSON.parse(raw).sort(byNewest);
+        }
+        catch (_) { /* expected: corrupted / blocked storage */ }
+        return [];
+    }
+    function writeIndex(summaries) {
+        try {
+            storage.setItem(indexKey, JSON.stringify(summaries.sort(byNewest)));
+        }
+        catch (_) { /* expected: quota exceeded or blocked storage */ }
+    }
+    return {
+        list() {
+            return Promise.resolve(readIndex());
+        },
+        load(id) {
+            try {
+                const raw = storage.getItem(blobKey(id));
+                if (raw)
+                    return Promise.resolve(JSON.parse(raw));
+            }
+            catch (_) { /* expected: corrupted / blocked storage */ }
+            return Promise.resolve(null);
+        },
+        save(conversation) {
+            try {
+                storage.setItem(blobKey(conversation.id), JSON.stringify(conversation));
+                const summaries = readIndex().filter((s) => s.id !== conversation.id);
+                summaries.push(toSummary(conversation));
+                writeIndex(summaries);
+            }
+            catch (_) { /* expected: quota exceeded or blocked storage */ }
+            return Promise.resolve();
+        },
+        delete(id) {
+            try {
+                storage.removeItem(blobKey(id));
+                writeIndex(readIndex().filter((s) => s.id !== id));
+            }
+            catch (_) { /* expected: blocked storage */ }
+            return Promise.resolve();
+        },
+    };
+}

package/esm/src/react/components/chat/chat/persistence/memory-conversation-store.d.ts

@@ -0,0 +1,11 @@
+/**
+ * memoryConversationStore — an in-memory {@link ConversationStore}. Useful for
+ * tests, SSR, and ephemeral (no-persistence) chats. Holds full conversations in
+ * a Map; `list()` derives summaries on demand.
+ *
+ * @module react/components/chat/persistence/memory-conversation-store
+ */
+import type { Conversation, ConversationStore } from "./conversation-store.js";
+/** In-memory conversation persistence. Optionally seed with initial conversations. */
+export declare function memoryConversationStore(seed?: Conversation[]): ConversationStore;
+//# sourceMappingURL=memory-conversation-store.d.ts.map

package/esm/src/react/components/chat/chat/persistence/memory-conversation-store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"memory-conversation-store.d.ts","sourceRoot":"","sources":["../../../../../../../src/src/react/components/chat/chat/persistence/memory-conversation-store.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAuB,MAAM,yBAAyB,CAAC;AAapG,sFAAsF;AACtF,wBAAgB,uBAAuB,CAAC,IAAI,GAAE,YAAY,EAAO,GAAG,iBAAiB,CAwBpF"}

package/esm/src/react/components/chat/chat/persistence/memory-conversation-store.js

@@ -0,0 +1,33 @@
+function toSummary(c) {
+    return {
+        id: c.id,
+        title: c.title,
+        ...(c.agentId ? { agentId: c.agentId } : {}),
+        messageCount: c.messages.length,
+        createdAt: c.createdAt,
+        updatedAt: c.updatedAt,
+    };
+}
+/** In-memory conversation persistence. Optionally seed with initial conversations. */
+export function memoryConversationStore(seed = []) {
+    const map = new Map(seed.map((c) => [c.id, c]));
+    return {
+        list() {
+            const summaries = Array.from(map.values(), toSummary).sort((a, b) => b.updatedAt - a.updatedAt);
+            return Promise.resolve(summaries);
+        },
+        load(id) {
+            const found = map.get(id);
+            // Clone so callers can't mutate stored state through the returned object.
+            return Promise.resolve(found ? structuredClone(found) : null);
+        },
+        save(conversation) {
+            map.set(conversation.id, structuredClone(conversation));
+            return Promise.resolve();
+        },
+        delete(id) {
+            map.delete(id);
+            return Promise.resolve();
+        },
+    };
+}

package/esm/src/react/components/chat/chat/utils/message-parts.d.ts

@@ -2,7 +2,7 @@
  * Message Parts Utilities
  * @module react/components/chat/utils/message-parts
  */
-import type { ChatDynamicToolPart, ChatMessage, ChatMessagePart, ChatToolPart } from "../../../../../agent/react/index.js";
+import type { ChatDynamicToolPart, ChatFilePart, ChatMessage, ChatMessagePart, ChatToolPart } from "../../../../../agent/react/index.js";
 import type { Source } from "../components/sources.js";
 /** Get text content from chat message parts */
 export declare function getTextContent(message: ChatMessage): string;
@@ -32,6 +32,9 @@ export declare function isReasoningPart(part: ChatMessagePart): part is {
 export type PartGroup = {
     type: "text";
     content: string;
+} | {
+    type: "file";
+    file: ChatFilePart;
 } | {
     type: "tool";
     tool: ChatToolPart | ChatDynamicToolPart;

package/esm/src/react/components/chat/chat/utils/message-parts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"message-parts.d.ts","sourceRoot":"","sources":["../../../../../../../src/src/react/components/chat/chat/utils/message-parts.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EACV,mBAAmB,EACnB,WAAW,EACX,eAAe,EACf,YAAY,EACb,MAAM,qCAAqC,CAAC;AAC7C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAEvD,+CAA+C;AAC/C,wBAAgB,cAAc,CAAC,OAAO,EAAE,WAAW,GAAG,MAAM,CAE3D;AAED,0DAA0D;AAC1D,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,eAAe,EAAE,GAAG,MAAM,CAQxE;AAED,qCAAqC;AACrC,wBAAgB,UAAU,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI,IAAI,YAAY,GAAG,mBAAmB,CAG5F;AAUD;;;;GAIG;AACH,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,eAAe,EAAE,EACxB,OAAO,EAAE;IAAE,WAAW,EAAE,OAAO,CAAA;CAAE,GAChC,eAAe,EAAE,CAenB;AAQD,oDAAoD;AACpD,wBAAgB,eAAe,CAAC,IAAI,EAAE,YAAY,GAAG,mBAAmB,GAAG,OAAO,CAEjF;AAED,0CAA0C;AAC1C,wBAAgB,eAAe,CAC7B,IAAI,EAAE,eAAe,GACpB,IAAI,IAAI;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;CAAE,CAE3E;AAED;;GAEG;AACH,MAAM,MAAM,SAAS,GACjB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,GACjC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,YAAY,GAAG,mBAAmB,CAAA;CAAE,GAC1D;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,OAAO,CAAA;CAAE,GACzD;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,OAAO,CAAA;CAAE,CAAC;AAE7D;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,eAAe,EAAE,GAAG,SAAS,EAAE,CAkDvE;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,eAAe,EAAE,GAAG,MAAM,EAAE,CAiC1E"}
+{"version":3,"file":"message-parts.d.ts","sourceRoot":"","sources":["../../../../../../../src/src/react/components/chat/chat/utils/message-parts.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EACV,mBAAmB,EACnB,YAAY,EACZ,WAAW,EACX,eAAe,EACf,YAAY,EACb,MAAM,qCAAqC,CAAC;AAC7C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAEvD,+CAA+C;AAC/C,wBAAgB,cAAc,CAAC,OAAO,EAAE,WAAW,GAAG,MAAM,CAE3D;AAED,0DAA0D;AAC1D,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,eAAe,EAAE,GAAG,MAAM,CAQxE;AAED,qCAAqC;AACrC,wBAAgB,UAAU,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI,IAAI,YAAY,GAAG,mBAAmB,CAG5F;AAUD;;;;GAIG;AACH,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,eAAe,EAAE,EACxB,OAAO,EAAE;IAAE,WAAW,EAAE,OAAO,CAAA;CAAE,GAChC,eAAe,EAAE,CAenB;AAQD,oDAAoD;AACpD,wBAAgB,eAAe,CAAC,IAAI,EAAE,YAAY,GAAG,mBAAmB,GAAG,OAAO,CAEjF;AAED,0CAA0C;AAC1C,wBAAgB,eAAe,CAC7B,IAAI,EAAE,eAAe,GACpB,IAAI,IAAI;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;CAAE,CAE3E;AAED;;GAEG;AACH,MAAM,MAAM,SAAS,GACjB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,GACjC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,YAAY,CAAA;CAAE,GACpC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,YAAY,GAAG,mBAAmB,CAAA;CAAE,GAC1D;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,OAAO,CAAA;CAAE,GACzD;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,OAAO,CAAA;CAAE,CAAC;AAE7D;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,eAAe,EAAE,GAAG,SAAS,EAAE,CAuDvE;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,eAAe,EAAE,GAAG,MAAM,EAAE,CAiC1E"}

package/esm/src/react/components/chat/chat/utils/message-parts.js

@@ -84,6 +84,10 @@ export function groupPartsInOrder(parts) {
             continue;
         }
         flushText();
+        if (part.type === "file") {
+            groups.push({ type: "file", file: part });
+            continue;
+        }
         if (isToolPart(part)) {
             groups.push({ type: "tool", tool: part });
             continue;

package/esm/src/react/components/chat/chat-actions.d.ts

@@ -0,0 +1,164 @@
+import * as React from "../../../../react/react.js";
+/** The two toggle settings surfaced in the Settings submenu (forked from Studio). */
+export interface ChatActionsSettings {
+    /** "Auto-send queue" — send queued messages automatically. */
+    autoSubmit: boolean;
+    /** "Autofix errors" — attempt to fix errors automatically. */
+    autoFixErrors: boolean;
+    /** Called with the next value when "Auto-send queue" is toggled. */
+    onAutoSubmitChange: (value: boolean) => void;
+    /** Called with the next value when "Autofix errors" is toggled. */
+    onAutoFixErrorsChange: (value: boolean) => void;
+}
+/** A single data-driven action row in the `<ChatActions>` menu. */
+export interface ChatActionItem {
+    /** Stable key. */
+    id?: string;
+    /** Leading icon. */
+    icon?: React.ReactNode;
+    /** Row label. */
+    label: string;
+    /** Native title/tooltip. */
+    title?: string;
+    disabled?: boolean;
+    onSelect: () => void;
+}
+/** Props accepted by `<ChatActions>` / `<ChatActions.Root>`. */
+export interface ChatActionsProps {
+    /**
+     * Menu rows — fully data-driven, so callers own every action (no hardcoded
+     * app-specific rows like "Attach Figma"). Rows render in order. Consumed by
+     * the default preset (ignored when you pass your own `children`).
+     */
+    actions?: ChatActionItem[];
+    /** Selecting "Attach Files or Photos" — a convenience built-in row. Hidden when omitted. */
+    onAttachFiles?: () => void;
+    /** Label for the built-in attach row. @default "Attach Files or Photos" */
+    attachFilesLabel?: string;
+    /** Settings submenu toggles. Submenu is hidden when omitted. */
+    settings?: ChatActionsSettings;
+    /**
+     * Custom trigger. Rendered via `asChild`, so it must forward props to a
+     * single focusable element. Defaults to a `+` Button.
+     */
+    trigger?: React.ReactNode;
+    /** Controlled open state of the top-level menu. */
+    open?: boolean;
+    /** Uncontrolled initial open state. */
+    defaultOpen?: boolean;
+    /** Fired when the top-level menu opens or closes. */
+    onOpenChange?: (open: boolean) => void;
+    /** Extra classes for the menu surface. */
+    className?: string;
+    /**
+     * Compose your own menu from `ChatActions.Trigger` / `Content` / `Item`; when
+     * omitted, the data-driven preset (attach row + `actions` + `settings`) is
+     * rendered. Presence over booleans — pass children, own the anatomy.
+     */
+    children?: React.ReactNode;
+}
+/** Shared state exposed to `ChatActions.*` sub-parts via `useChatActions()`. */
+export interface ChatActionsContextValue {
+    /** The data-driven rows passed to the preset (empty when composed). */
+    actions: ChatActionItem[];
+    /** The `onAttachFiles` callback, if any. */
+    onAttachFiles?: () => void;
+    /** Resolved label for the built-in attach row. */
+    attachFilesLabel: string;
+    /** The settings submenu config, if any. */
+    settings?: ChatActionsSettings;
+}
+/**
+ * Read the enclosing `ChatActions` state. Throws when used outside a
+ * `ChatActions` — a misplaced sub-part is a loud error, never a silent null.
+ */
+export declare function useChatActions(): ChatActionsContextValue;
+/**
+ * `ChatActions.Root` — the `DropdownMenu` wrapper + context provider. No
+ * children renders the default preset (`Trigger` + `Content` with the attach
+ * row, `actions`, and `settings` submenu); pass children to recompose. Portals
+ * its surface via `Floating` (DropdownMenu) so it never clips inside the
+ * composer or a Storybook iframe.
+ */
+declare function ChatActionsRoot({ actions, onAttachFiles, attachFilesLabel, settings, trigger, open, defaultOpen, onOpenChange, className, children, }: ChatActionsProps): React.ReactElement;
+declare namespace ChatActionsRoot {
+    var displayName: string;
+}
+/** Props for `ChatActions.Trigger` — the menu's trigger button. */
+export interface ChatActionsTriggerProps {
+    /**
+     * Custom trigger element, rendered via `asChild`. Defaults to the `+` Button.
+     * (Back-compat: `ChatActions`'s `trigger` prop maps here.)
+     */
+    children?: React.ReactNode;
+    className?: string;
+}
+/**
+ * `ChatActions.Trigger` — the `+` button that opens the menu. Rendered via the
+ * DropdownMenu's `asChild`, so a custom child must forward props to one
+ * focusable element. `className` merges onto the default `+` Button.
+ */
+declare function ChatActionsTrigger({ children, className }: ChatActionsTriggerProps): React.ReactElement;
+declare namespace ChatActionsTrigger {
+    var displayName: string;
+}
+/** Props for `ChatActions.Content` — the dropdown surface. */
+export interface ChatActionsContentProps {
+    children?: React.ReactNode;
+    /** Horizontal alignment relative to the trigger. @default "start" */
+    align?: "start" | "end";
+    className?: string;
+}
+/**
+ * `ChatActions.Content` — the portalled dropdown surface. Pass `ChatActions.Item`
+ * children (or your own rows). `className` merges onto the menu surface.
+ */
+declare function ChatActionsContent({ children, align, className }: ChatActionsContentProps): React.ReactElement;
+declare namespace ChatActionsContent {
+    var displayName: string;
+}
+/** Props for `ChatActions.Item` — a single selectable menu row. */
+export interface ChatActionsItemProps {
+    children?: React.ReactNode;
+    /** Leading icon. */
+    icon?: React.ReactNode;
+    /** Called when the row is chosen (also closes the menu). */
+    onSelect?: () => void;
+    /** Native title/tooltip. */
+    title?: string;
+    disabled?: boolean;
+    className?: string;
+}
+/**
+ * `ChatActions.Item` — a single action row. Wraps `DropdownMenuItem` (so it
+ * closes the menu on select). `className` merges onto the row.
+ */
+declare function ChatActionsItem({ children, icon, onSelect, title, disabled, className }: ChatActionsItemProps): React.ReactElement;
+declare namespace ChatActionsItem {
+    var displayName: string;
+}
+/**
+ * `ChatActions.Preset` — the default menu body (attach row + `actions` +
+ * `settings` submenu), driven from `useChatActions()`. Rendered by the preset
+ * path; also exported so a composed `ChatActions.Content` can drop the whole
+ * data-driven body back in alongside custom rows.
+ */
+declare function ChatActionsPreset(): React.ReactElement;
+declare namespace ChatActionsPreset {
+    var displayName: string;
+}
+/**
+ * ChatActions — render `<ChatActions onAttachFiles={…} actions={…} />` for the
+ * default preset menu, or compose `ChatActions.Trigger` / `Content` / `Item`
+ * (each reads `useChatActions()`) for a custom menu. Mirrors the `ToolCall`
+ * compound: render it, or compose it.
+ */
+export declare const ChatActions: typeof ChatActionsRoot & {
+    Root: typeof ChatActionsRoot;
+    Trigger: typeof ChatActionsTrigger;
+    Content: typeof ChatActionsContent;
+    Item: typeof ChatActionsItem;
+    Preset: typeof ChatActionsPreset;
+};
+export {};
+//# sourceMappingURL=chat-actions.d.ts.map

package/esm/src/react/components/chat/chat-actions.d.ts.map

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

package/esm/src/react/components/chat/chat-actions.js

@@ -0,0 +1,191 @@
+/**
+ * ChatActions — the composer's `+` menu, forked dependency-light 1:1 from
+ * Studio's `PromptMenuContent`. A DropdownMenu with the built-in attach rows
+ * ("Attach Files or Photos", "Attach Figma File") and a "Settings" submenu of
+ * toggle rows (auto-send queue, autofix errors).
+ *
+ * Studio composes `PromptMenuContent` *inside* a caller-owned `DropdownMenu`;
+ * here `ChatActions` is the whole self-contained menu (trigger + content) so it
+ * drops into a composer with a small, focused prop surface.
+ *
+ * Notes vs Studio:
+ * - No `@radix-ui/*`, no `class-variance-authority`, no `@/` imports, no
+ *   licensed fonts / motion — the logic is forked onto our `chat/ui` primitives.
+ * - Our `dropdown-menu.tsx` has NO submenu primitive (radix `Sub*`), so the
+ *   Settings submenu is a nested `DropdownMenu` anchored to its trigger row and
+ *   portalled via `Floating` (same overlay pattern), aligned to the side.
+ * - Icons render a half-step smaller than Studio (`size-4` → `size-3.5`), and
+ *   the Figma / Settings / ChevronRight glyphs are inlined here (not in the
+ *   shared icons barrel).
+ *
+ * @module react/components/chat/chat-actions
+ */
+import * as dntShim from "../../../../_dnt.shims.js";
+import * as React from "../../../../react/react.js";
+import { cn } from "./theme.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, } from "./ui/dropdown-menu.js";
+import { Switch } from "./ui/switch.js";
+import { Floating } from "./ui/floating.js";
+import { Button } from "./ui/button.js";
+import { PaperclipIcon, PlusIcon } from "./icons/index.js";
+import { COMPONENT_ERROR } from "../../../errors/error-registry.js";
+/* -------------------------------------------------------------------------------------------------
+ * Inlined icons — Figma / Settings / ChevronRight are not in the shared icons
+ * barrel; kept local so this component adds no shared-file edits. Match the
+ * `size-3.5` half-step and `currentColor` stroke of the barrel icons.
+ * -------------------------------------------------------------------------------------------------*/
+function GlyphSvg({ className, children, }) {
+    return (React.createElement("svg", { className: cn("size-3.5", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true" }, children));
+}
+function SettingsGlyph({ className }) {
+    return (React.createElement(GlyphSvg, { className: className },
+        React.createElement("path", { d: "M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z" }),
+        React.createElement("circle", { cx: "12", cy: "12", r: "3" })));
+}
+function ChevronRightGlyph({ className }) {
+    return (React.createElement(GlyphSvg, { className: className },
+        React.createElement("polyline", { points: "9 18 15 12 9 6" })));
+}
+/** A toggle row inside the Settings submenu — label left, switch right. */
+function SettingsToggleRow({ label, checked, onCheckedChange, }) {
+    return (React.createElement("label", { className: "relative flex w-full cursor-pointer select-none items-center gap-2.5 rounded-md px-3 h-[36px] text-base font-normal text-left text-[var(--foreground)] transition-colors hover:bg-[var(--tertiary)] dark:hover:bg-[var(--accent)]" },
+        React.createElement("span", null, label),
+        React.createElement("span", { className: "ml-auto" },
+            React.createElement(Switch, { size: "sm", checked: checked, onCheckedChange: onCheckedChange }))));
+}
+/**
+ * The "Settings" row + its nested submenu (a portalled `Floating` popover).
+ *
+ * The submenu is portalled to `document.body`, so it is NOT a DOM descendant of
+ * the row — moving the pointer from the row into the submenu would fire the
+ * row's `onMouseLeave` and close it before the mouse arrives. Two fixes:
+ *   1. **Close delay** — leaving the row schedules a close after a short grace
+ *      period; entering the submenu (or re-entering the row) cancels it. This
+ *      is the standard "safe transit" technique (a lighter cousin of Radix's
+ *      pointer-safe-triangle).
+ *   2. **stopPropagation on the submenu's pointer-down** — the parent menu
+ *      dismisses on outside pointer-down; without this, toggling a switch in
+ *      the (portalled, "outside") submenu would collapse the whole menu.
+ */
+function SettingsSubmenu({ settings, }) {
+    const [open, setOpen] = React.useState(false);
+    const rowRef = React.useRef(null);
+    const closeTimer = React.useRef(null);
+    const cancelClose = React.useCallback(() => {
+        if (closeTimer.current) {
+            clearTimeout(closeTimer.current);
+            closeTimer.current = null;
+        }
+    }, []);
+    const openNow = React.useCallback(() => {
+        cancelClose();
+        setOpen(true);
+    }, [cancelClose]);
+    const scheduleClose = React.useCallback(() => {
+        cancelClose();
+        closeTimer.current = dntShim.setTimeout(() => setOpen(false), 160);
+    }, [cancelClose]);
+    React.useEffect(() => cancelClose, [cancelClose]);
+    return (React.createElement("div", { ref: rowRef, className: "relative", onMouseEnter: openNow, onMouseLeave: scheduleClose },
+        React.createElement("button", { type: "button", role: "menuitem", "aria-haspopup": "menu", "aria-expanded": open, onClick: () => (open ? scheduleClose() : openNow()), className: cn("relative flex w-full cursor-pointer select-none items-center gap-2.5 rounded-md px-3 h-[36px] text-base font-normal text-left text-[var(--foreground)] outline-none transition-colors", "hover:bg-[var(--tertiary)] focus:bg-[var(--tertiary)] dark:hover:bg-[var(--accent)] dark:focus:bg-[var(--accent)]", "[&_svg]:size-3.5 [&_svg]:shrink-0", open && "bg-[var(--tertiary)] dark:bg-[var(--accent)]") },
+            React.createElement(SettingsGlyph, null),
+            "Settings",
+            React.createElement(ChevronRightGlyph, { className: "ml-auto" })),
+        React.createElement(Floating, { anchorRef: rowRef, open: open, align: "end", onDismiss: () => setOpen(false), role: "menu", onMouseEnter: openNow, onMouseLeave: scheduleClose, onPointerDownCapture: (e) => e.stopPropagation(), className: "z-50 min-w-[240px] overflow-hidden rounded-lg bg-[var(--popover)] p-2.5 shadow-sm outline-none" },
+            React.createElement("div", { "aria-hidden": "true", className: "absolute -top-2 right-0 left-0 h-2" }),
+            React.createElement(SettingsToggleRow, { label: "Auto-send queue", checked: settings.autoSubmit, onCheckedChange: settings.onAutoSubmitChange }),
+            React.createElement(SettingsToggleRow, { label: "Autofix errors", checked: settings.autoFixErrors, onCheckedChange: settings.onAutoFixErrorsChange }))));
+}
+const ChatActionsContext = React.createContext(null);
+/**
+ * Read the enclosing `ChatActions` state. Throws when used outside a
+ * `ChatActions` — a misplaced sub-part is a loud error, never a silent null.
+ */
+export function useChatActions() {
+    const ctx = React.useContext(ChatActionsContext);
+    if (!ctx) {
+        throw COMPONENT_ERROR.create({
+            detail: "useChatActions must be used within a ChatActions",
+        });
+    }
+    return ctx;
+}
+/**
+ * `ChatActions.Root` — the `DropdownMenu` wrapper + context provider. No
+ * children renders the default preset (`Trigger` + `Content` with the attach
+ * row, `actions`, and `settings` submenu); pass children to recompose. Portals
+ * its surface via `Floating` (DropdownMenu) so it never clips inside the
+ * composer or a Storybook iframe.
+ */
+function ChatActionsRoot({ actions, onAttachFiles, attachFilesLabel = "Attach Files or Photos", settings, trigger, open, defaultOpen, onOpenChange, className, children, }) {
+    const context = {
+        actions: actions ?? [],
+        onAttachFiles,
+        attachFilesLabel,
+        settings,
+    };
+    return (React.createElement(ChatActionsContext.Provider, { value: context },
+        React.createElement(DropdownMenu, { open: open, defaultOpen: defaultOpen, onOpenChange: onOpenChange }, children ?? (React.createElement(React.Fragment, null,
+            React.createElement(ChatActionsTrigger, null, trigger),
+            React.createElement(ChatActionsContent, { className: className },
+                React.createElement(ChatActionsPreset, null)))))));
+}
+ChatActionsRoot.displayName = "ChatActions.Root";
+/**
+ * `ChatActions.Trigger` — the `+` button that opens the menu. Rendered via the
+ * DropdownMenu's `asChild`, so a custom child must forward props to one
+ * focusable element. `className` merges onto the default `+` Button.
+ */
+function ChatActionsTrigger({ children, className }) {
+    return (React.createElement(DropdownMenuTrigger, { asChild: true }, children ?? (React.createElement(Button, { type: "button", variant: "icon-tertiary", size: "icon-lg", "aria-label": "Add attachments and settings", className: cn("shrink-0", className) },
+        React.createElement(PlusIcon, null)))));
+}
+ChatActionsTrigger.displayName = "ChatActions.Trigger";
+/**
+ * `ChatActions.Content` — the portalled dropdown surface. Pass `ChatActions.Item`
+ * children (or your own rows). `className` merges onto the menu surface.
+ */
+function ChatActionsContent({ children, align = "start", className }) {
+    return (React.createElement(DropdownMenuContent, { align: align, className: className }, children));
+}
+ChatActionsContent.displayName = "ChatActions.Content";
+/**
+ * `ChatActions.Item` — a single action row. Wraps `DropdownMenuItem` (so it
+ * closes the menu on select). `className` merges onto the row.
+ */
+function ChatActionsItem({ children, icon, onSelect, title, disabled, className }) {
+    return (React.createElement(DropdownMenuItem, { onSelect: onSelect, title: title, disabled: disabled, className: className },
+        icon,
+        children));
+}
+ChatActionsItem.displayName = "ChatActions.Item";
+/**
+ * `ChatActions.Preset` — the default menu body (attach row + `actions` +
+ * `settings` submenu), driven from `useChatActions()`. Rendered by the preset
+ * path; also exported so a composed `ChatActions.Content` can drop the whole
+ * data-driven body back in alongside custom rows.
+ */
+function ChatActionsPreset() {
+    const { actions, onAttachFiles, attachFilesLabel, settings } = useChatActions();
+    const hasAttach = Boolean(onAttachFiles || actions.length > 0);
+    return (React.createElement(React.Fragment, null,
+        onAttachFiles && (React.createElement(ChatActionsItem, { onSelect: onAttachFiles, title: "Attach files or photos to chat", icon: React.createElement(PaperclipIcon, null) }, attachFilesLabel)),
+        actions.map((action, i) => (React.createElement(ChatActionsItem, { key: action.id ?? `${action.label}-${i}`, onSelect: action.onSelect, title: action.title, disabled: action.disabled, icon: action.icon }, action.label))),
+        settings && (React.createElement(React.Fragment, null,
+            hasAttach && React.createElement(DropdownMenuSeparator, { className: "my-2!" }),
+            React.createElement(SettingsSubmenu, { settings: settings })))));
+}
+ChatActionsPreset.displayName = "ChatActions.Preset";
+/**
+ * ChatActions — render `<ChatActions onAttachFiles={…} actions={…} />` for the
+ * default preset menu, or compose `ChatActions.Trigger` / `Content` / `Item`
+ * (each reads `useChatActions()`) for a custom menu. Mirrors the `ToolCall`
+ * compound: render it, or compose it.
+ */
+export const ChatActions = Object.assign(ChatActionsRoot, {
+    Root: ChatActionsRoot,
+    Trigger: ChatActionsTrigger,
+    Content: ChatActionsContent,
+    Item: ChatActionsItem,
+    Preset: ChatActionsPreset,
+});

package/esm/src/react/components/chat/chat-agent-picker.d.ts

@@ -0,0 +1,50 @@
+/**
+ * ChatAgentPicker — the connected {@link AgentPicker}. Fetches the project's
+ * agents with {@link useAgents} and renders the picker only when there is more
+ * than one to switch between, so it can be dropped straight into the composer's
+ * `toolbarStart` slot without the caller wiring up data:
+ *
+ * ```tsx
+ * const [agentId, setAgentId] = React.useState<string>();
+ * <ChatInput
+ *   …
+ *   toolbarStart={<ChatAgentPicker value={agentId} onValueChange={setAgentId} />}
+ * />
+ * ```
+ *
+ * It renders nothing while loading, on error, or when the project exposes fewer
+ * than `minAgents` (default 2) agents — a single-agent project has nothing to
+ * switch to, so the slot stays empty. Selection is controlled by the caller
+ * (`value` / `onValueChange`), matching {@link AgentPicker}.
+ *
+ * @module react/components/chat/chat-agent-picker
+ */
+import * as React from "../../../../react/react.js";
+import { type AgentMetadata } from "../../../agent/react/index.js";
+import { type AgentOption } from "./agent-picker.js";
+/** Map browser-safe agent metadata to the picker's row shape. */
+export declare function agentsToPickerOptions(agents: AgentMetadata[]): AgentOption[];
+/** Props accepted by `<ChatAgentPicker>`. */
+export interface ChatAgentPickerProps {
+    /** Selected agent id (controlled). */
+    value?: string;
+    /** Called with the chosen agent id. */
+    onValueChange?: (id: string) => void;
+    /**
+     * Minimum agent count before the picker renders. Defaults to `2` — with one
+     * agent there is nothing to switch to. Set to `1` to always show it once an
+     * agent is available.
+     */
+    minAgents?: number;
+    /** When `false`, skips the fetch and renders nothing. Defaults to `true`. */
+    enabled?: boolean;
+    /** Shows a "Create Agent" row at the bottom of the list. */
+    onCreate?: () => void;
+    /** Shows a "Manage Agents" row at the bottom of the list. */
+    onManage?: () => void;
+    /** Additional class names for the trigger. */
+    className?: string;
+}
+/** Render the connected agent switcher, or nothing when there's nothing to switch. */
+export declare function ChatAgentPicker({ value, onValueChange, minAgents, enabled, onCreate, onManage, className, }: ChatAgentPickerProps): React.ReactElement | null;
+//# sourceMappingURL=chat-agent-picker.d.ts.map

package/esm/src/react/components/chat/chat-agent-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-agent-picker.d.ts","sourceRoot":"","sources":["../../../../../src/src/react/components/chat/chat-agent-picker.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,KAAK,KAAK,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,KAAK,aAAa,EAAa,MAAM,+BAA+B,CAAC;AAC9E,OAAO,EAAE,KAAK,WAAW,EAAe,MAAM,mBAAmB,CAAC;AAElE,iEAAiE;AACjE,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,aAAa,EAAE,GAAG,WAAW,EAAE,CAM5E;AAED,6CAA6C;AAC7C,MAAM,WAAW,oBAAoB;IACnC,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,sFAAsF;AACtF,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,aAAa,EACb,SAAa,EACb,OAAc,EACd,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,EAAE,oBAAoB,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAgBlD"}

package/esm/src/react/components/chat/chat-agent-picker.js

@@ -0,0 +1,40 @@
+/**
+ * ChatAgentPicker — the connected {@link AgentPicker}. Fetches the project's
+ * agents with {@link useAgents} and renders the picker only when there is more
+ * than one to switch between, so it can be dropped straight into the composer's
+ * `toolbarStart` slot without the caller wiring up data:
+ *
+ * ```tsx
+ * const [agentId, setAgentId] = React.useState<string>();
+ * <ChatInput
+ *   …
+ *   toolbarStart={<ChatAgentPicker value={agentId} onValueChange={setAgentId} />}
+ * />
+ * ```
+ *
+ * It renders nothing while loading, on error, or when the project exposes fewer
+ * than `minAgents` (default 2) agents — a single-agent project has nothing to
+ * switch to, so the slot stays empty. Selection is controlled by the caller
+ * (`value` / `onValueChange`), matching {@link AgentPicker}.
+ *
+ * @module react/components/chat/chat-agent-picker
+ */
+import * as React from "../../../../react/react.js";
+import { useAgents } from "../../../agent/react/index.js";
+import { AgentPicker } from "./agent-picker.js";
+/** Map browser-safe agent metadata to the picker's row shape. */
+export function agentsToPickerOptions(agents) {
+    return agents.map((agent) => ({
+        id: agent.id,
+        name: agent.name,
+        ...(agent.avatarUrl ? { avatarSrc: agent.avatarUrl } : {}),
+    }));
+}
+/** Render the connected agent switcher, or nothing when there's nothing to switch. */
+export function ChatAgentPicker({ value, onValueChange, minAgents = 2, enabled = true, onCreate, onManage, className, }) {
+    const { agents } = useAgents({ enabled });
+    const options = React.useMemo(() => agentsToPickerOptions(agents), [agents]);
+    if (options.length < minAgents)
+        return null;
+    return (React.createElement(AgentPicker, { agents: options, value: value, onValueChange: onValueChange, ...(onCreate ? { onCreate } : {}), ...(onManage ? { onManage } : {}), ...(className ? { className } : {}) }));
+}