veryfront 0.1.997 → 0.1.998

package/esm/src/react/components/chat/chat/composition/chat-composer.d.ts

@@ -1,5 +1,13 @@
 /**
- * ChatComposer — Input area with attachments, model selector, voice, and submit.
+ * ChatInput — the composer: input area with attachments, model selector, voice,
+ * and submit. Canonical name is `ChatInput` (the composer of a chat message).
+ *
+ * Render-or-compose: `<ChatInput … />` renders the batteries-included toolbar,
+ * or compose your own from the sub-parts (`ChatInput.Field`, `ChatInput.Send`,
+ * `ChatInput.Stop`, `ChatInput.Voice`, `ChatInput.Model`, `ChatInput.Attach`) —
+ * each reads its state/handlers from `useComposerContext`, which `ChatInput`
+ * provides. Every action sub-part takes `icon`, `className`, `asChild`, and an
+ * `onClick(e, next)` wrap-signature.
  *
  * @module react/components/chat/composition/chat-composer
  */
@@ -8,8 +16,52 @@ import { type ModelOption } from "../../model-selector.js";
 import type { ChatTheme } from "../../theme.js";
 import type { AttachmentInfo } from "../components/attachment-pill.js";
 import type { ChatMessage } from "../../../../../agent/react/index.js";
-/** Props accepted by chat composer. */
-export interface ChatComposerProps {
+/** Icon overrides for the batteries-included `ChatInput` toolbar. */
+export interface ChatInputIcons {
+    send?: React.ReactNode;
+    attach?: React.ReactNode;
+    voice?: React.ReactNode;
+    stop?: React.ReactNode;
+    export?: React.ReactNode;
+}
+/** Wrap-signature onClick shared by the interactive `ChatInput` sub-parts. */
+type WrapClick = (event: React.MouseEvent<HTMLElement>, next: () => void) => void;
+/** Props accepted by `<ChatInput.Field>`. */
+export interface ChatInputFieldProps {
+    placeholder?: string;
+    className?: string;
+    "aria-label"?: string;
+}
+/** The multiline text editor. */
+export declare function ChatInputField({ placeholder, className, ...props }: ChatInputFieldProps): React.ReactElement;
+/** Props shared by the icon action sub-parts. */
+export interface ChatInputActionProps {
+    icon?: React.ReactNode;
+    className?: string;
+    asChild?: boolean;
+    onClick?: WrapClick;
+}
+/** Send button — shows when there is input (and not streaming). */
+export declare const ChatInputSend: React.ForwardRefExoticComponent<ChatInputActionProps & React.RefAttributes<HTMLButtonElement>>;
+/** Stop button — shows while streaming. */
+export declare const ChatInputStop: React.ForwardRefExoticComponent<ChatInputActionProps & React.RefAttributes<HTMLButtonElement>>;
+/** Voice button — shows when the field is empty and voice is available. */
+export declare const ChatInputVoice: React.ForwardRefExoticComponent<ChatInputActionProps & React.RefAttributes<HTMLButtonElement>>;
+/** Model selector — shows when models are configured. */
+export declare function ChatInputModel({ className }: {
+    className?: string;
+}): React.ReactElement | null;
+/**
+ * Attachment `+` control — a portalled `+` menu (Studio `PromptForm`'s
+ * `PlusMenu`). The menu leads with "Attach files to chat" (opens the file
+ * dialog) and adds "Select document" when `onSelectAttachment` is set.
+ */
+export declare function ChatInputAttach({ icon, onClick }: {
+    icon?: React.ReactNode;
+    onClick?: WrapClick;
+}): React.ReactElement | null;
+/** Props accepted by `ChatInput`. */
+export interface ChatInputProps {
     input: string;
     onChange: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
     onSubmit?: (e?: React.FormEvent) => void;
@@ -23,16 +75,71 @@ export interface ChatComposerProps {
     models?: ModelOption[];
     model?: string;
     onModelChange?: (model: string) => void;
+    toolbarStart?: React.ReactNode;
     onAttach?: (files: FileList) => void;
     onSelectAttachment?: () => void;
+    /**
+     * Files dropped onto the composer. Defaults to `onAttach` — pass this only to
+     * treat a drop differently from the `+` menu upload.
+     */
+    onDrop?: (files: FileList) => void;
     attachAccept?: string;
     attachments?: AttachmentInfo[];
     onRemoveAttachment?: (id: string) => void;
     showExport?: boolean;
     messages?: ChatMessage[];
+    /** Override the toolbar button icons. */
+    icons?: ChatInputIcons;
+    /** Wrap the built-in attachment `+` click; call `next()` to run it. */
+    onAttachClick?: WrapClick;
+    /** Wrap the built-in export click; call `next()` to run it. */
+    onExportClick?: WrapClick;
     className?: string;
     children?: React.ReactNode;
 }
-/** Render chat composer. */
-export declare const ChatComposer: React.ForwardRefExoticComponent<ChatComposerProps & React.RefAttributes<HTMLDivElement>>;
+/** Composer state the context is built from (shared by `ChatInput` + `ChatInput.Root`). */
+export interface ComposerStateProps {
+    input: string;
+    onChange: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    onSubmit?: (e?: React.FormEvent) => void;
+    isLoading?: boolean;
+    stop?: () => void;
+    onVoice?: () => void;
+    isListening?: boolean;
+    transcript?: string;
+    models?: ModelOption[];
+    model?: string;
+    onModelChange?: (model: string) => void;
+    onAttach?: (files: FileList) => void;
+    onSelectAttachment?: () => void;
+    attachAccept?: string;
+    attachments?: AttachmentInfo[];
+    onRemoveAttachment?: (id: string) => void;
+}
+/** Props accepted by `<ChatInput.Root>`. */
+export interface ChatInputRootProps extends ComposerStateProps {
+    className?: string;
+    children: React.ReactNode;
+}
+/**
+ * `ChatInput.Root` — the provider shell for a fully custom composer. Supplies
+ * `ComposerContext` from props and renders your children, so you arrange
+ * `ChatInput.Field` + the toolbar sub-parts yourself (like `Message.Root`). The
+ * default `<ChatInput>` is exactly this Root plus the standard body.
+ */
+export declare const ChatInputRoot: React.ForwardRefExoticComponent<ChatInputRootProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * ChatInput — render `<ChatInput … />` for the default composer, or compose
+ * `ChatInput.Field` + `ChatInput.Send`/`Stop`/`Voice`/`Model`/`Attach`.
+ */
+export declare const ChatInput: React.ForwardRefExoticComponent<ChatInputProps & React.RefAttributes<HTMLDivElement>> & {
+    Root: React.ForwardRefExoticComponent<ChatInputRootProps & React.RefAttributes<HTMLDivElement>>;
+    Field: typeof ChatInputField;
+    Send: React.ForwardRefExoticComponent<ChatInputActionProps & React.RefAttributes<HTMLButtonElement>>;
+    Stop: React.ForwardRefExoticComponent<ChatInputActionProps & React.RefAttributes<HTMLButtonElement>>;
+    Voice: React.ForwardRefExoticComponent<ChatInputActionProps & React.RefAttributes<HTMLButtonElement>>;
+    Model: typeof ChatInputModel;
+    Attach: typeof ChatInputAttach;
+};
+export {};
 //# sourceMappingURL=chat-composer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"chat-composer.d.ts","sourceRoot":"","sources":["../../../../../../../src/src/react/components/chat/chat/composition/chat-composer.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,KAAK,MAAM,kCAAkC,CAAC;AAI1D,OAAO,EAAE,KAAK,WAAW,EAAiB,MAAM,yBAAyB,CAAC;AAC1E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEhD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAEvE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAEvE,uCAAuC;AACvC,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,KAAK,IAAI,CAAC;IACjF,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;IAGlB,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IAGpB,MAAM,CAAC,EAAE,WAAW,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAGxC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAC;IACrC,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;IAC/B,kBAAkB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAG1C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IAEzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,4BAA4B;AAC5B,eAAO,MAAM,YAAY,0FA4MxB,CAAC"}
+{"version":3,"file":"chat-composer.d.ts","sourceRoot":"","sources":["../../../../../../../src/src/react/components/chat/chat/composition/chat-composer.tsx"],"names":[],"mappings":"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"}

package/esm/src/react/components/chat/chat/composition/chat-composer.js

@@ -1,72 +1,262 @@
 /**
- * ChatComposer — Input area with attachments, model selector, voice, and submit.
+ * ChatInput — the composer: input area with attachments, model selector, voice,
+ * and submit. Canonical name is `ChatInput` (the composer of a chat message).
+ *
+ * Render-or-compose: `<ChatInput … />` renders the batteries-included toolbar,
+ * or compose your own from the sub-parts (`ChatInput.Field`, `ChatInput.Send`,
+ * `ChatInput.Stop`, `ChatInput.Voice`, `ChatInput.Model`, `ChatInput.Attach`) —
+ * each reads its state/handlers from `useComposerContext`, which `ChatInput`
+ * provides. Every action sub-part takes `icon`, `className`, `asChild`, and an
+ * `onClick(e, next)` wrap-signature.
  *
  * @module react/components/chat/composition/chat-composer
  */
 import * as React from "../../../../../../react/react.js";
-import { InputBox, SubmitButton } from "../../../../primitives/index.js";
+import { InputBox } from "../../../../primitives/index.js";
 import { cn } from "../../theme.js";
-import { PlusIcon } from "../../icons/index.js";
+import { ArrowUpIcon, FileTextIcon, PaperclipIcon, PlusIcon, StopIcon } from "../../icons/index.js";
+import { Button } from "../../ui/button.js";
+import { IconButton } from "../../ui/icon-button.js";
+import { Slot } from "../../ui/slot.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "../../ui/dropdown-menu.js";
 import { ModelSelector } from "../../model-selector.js";
 import { AttachmentPill } from "../components/attachment-pill.js";
+import { DropZoneOverlay } from "../components/drop-zone.js";
+import { useDropZone } from "../hooks/use-drop-zone.js";
 import { downloadMarkdown } from "../utils/export.js";
-/** Render chat composer. */
-export const ChatComposer = React.forwardRef(function ChatComposer({ input, onChange, onSubmit, isLoading, placeholder = "Type a message...", theme, stop, onVoice, isListening = false, transcript, models, model, onModelChange, onAttach, onSelectAttachment, attachAccept, attachments, onRemoveAttachment, showExport = false, messages, className, children, }, ref) {
+import { ComposerContextProvider, useComposerContext, } from "../contexts/composer-context.js";
+/** Microphone glyph for the idle-composer voice button (not in the barrel). */
+function MicGlyph() {
+    return (React.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true" },
+        React.createElement("path", { d: "M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z" }),
+        React.createElement("path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
+        React.createElement("line", { x1: "12", x2: "12", y1: "19", y2: "22" })));
+}
+/** Default export (download) glyph. */
+function ExportGlyph() {
+    return (React.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
+        React.createElement("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+        React.createElement("polyline", { points: "7 10 12 15 17 10" }),
+        React.createElement("line", { x1: "12", y1: "15", x2: "12", y2: "3" })));
+}
+/** The multiline text editor. */
+export function ChatInputField({ placeholder = "Type a message...", className, ...props }) {
+    const c = useComposerContext();
+    const value = c.isListening ? c.transcript || c.input : c.input;
+    const label = props["aria-label"] ?? placeholder ?? "Message";
+    return (React.createElement(InputBox, { value: value, onChange: c.onChange, onSubmit: () => c.onSubmit(), placeholder: placeholder, "aria-label": label, disabled: c.isLoading || c.isListening, multiline: true, className: cn("min-h-9 w-full min-w-0 py-1.5 text-base leading-6 text-[var(--foreground)] placeholder:text-[var(--faint)]", className) }));
+}
+/** Send button — shows when there is input (and not streaming). */
+export const ChatInputSend = React.forwardRef(function ChatInputSend({ icon, className, asChild, onClick }, ref) {
+    const c = useComposerContext();
+    if (c.isLoading)
+        return null;
+    if (!c.canSubmit && c.onVoice)
+        return null;
+    const run = () => c.onSubmit();
+    const Comp = asChild ? Slot : Button;
+    return (React.createElement(Comp, { ref: ref, type: "button", variant: "icon-primary", on: "card", size: "icon-lg", "aria-label": "Send", disabled: !c.canSubmit, onClick: (e) => (onClick ? onClick(e, run) : run()), className: cn("shrink-0", className) }, icon ?? React.createElement(ArrowUpIcon, null)));
+});
+ChatInputSend.displayName = "ChatInput.Send";
+/** Stop button — shows while streaming. */
+export const ChatInputStop = React.forwardRef(function ChatInputStop({ icon, className, asChild, onClick }, ref) {
+    const c = useComposerContext();
+    if (!c.isLoading)
+        return null;
+    const run = () => c.onStop?.();
+    const Comp = asChild ? Slot : Button;
+    return (React.createElement(Comp, { ref: ref, type: "button", variant: "icon-ghost", size: "icon-lg", "aria-label": "Stop", onClick: (e) => (onClick ? onClick(e, run) : run()), className: cn("shrink-0", className) }, icon ?? React.createElement(StopIcon, null)));
+});
+ChatInputStop.displayName = "ChatInput.Stop";
+/** Voice button — shows when the field is empty and voice is available. */
+export const ChatInputVoice = React.forwardRef(function ChatInputVoice({ icon, className, asChild, onClick }, ref) {
+    const c = useComposerContext();
+    if (c.isLoading || c.canSubmit || !c.onVoice)
+        return null;
+    const run = () => c.onVoice?.();
+    const Comp = asChild ? Slot : Button;
+    return (React.createElement(Comp, { ref: ref, type: "button", variant: "icon-ghost", on: "card", size: "icon-lg", "aria-label": "Voice input", "aria-pressed": c.isListening, onClick: (e) => (onClick ? onClick(e, run) : run()), className: cn("shrink-0", c.isListening && "bg-[var(--primary)] text-[var(--secondary)]", className) }, icon ?? React.createElement(MicGlyph, null)));
+});
+ChatInputVoice.displayName = "ChatInput.Voice";
+/** Model selector — shows when models are configured. */
+export function ChatInputModel({ className }) {
+    const c = useComposerContext();
+    if (!c.models || c.models.length === 0 || !c.onModelChange)
+        return null;
+    return (React.createElement(ModelSelector, { variant: "icon", models: c.models, value: c.model, onChange: c.onModelChange, disabled: c.isLoading, className: className }));
+}
+/**
+ * Attachment `+` control — a portalled `+` menu (Studio `PromptForm`'s
+ * `PlusMenu`). The menu leads with "Attach files to chat" (opens the file
+ * dialog) and adds "Select document" when `onSelectAttachment` is set.
+ */
+export function ChatInputAttach({ icon, onClick }) {
+    const c = useComposerContext();
     const fileInputRef = React.useRef(null);
-    const [attachmentMenuOpen, setAttachmentMenuOpen] = React.useState(false);
-    const inputPlaceholder = isListening ? "Listening..." : placeholder;
-    const inputLabel = inputPlaceholder || "Message";
-    return (React.createElement("div", { ref: ref, className: cn("flex-shrink-0 pb-6 pt-2", className) },
-        React.createElement("div", { className: "mx-auto w-full max-w-3xl px-4" },
-            children && (React.createElement("div", { className: "flex flex-wrap items-center gap-1.5 pb-3" }, children)),
-            attachments && attachments.length > 0 && (React.createElement("div", { className: "flex flex-wrap gap-1.5 px-2 pb-2" }, attachments.map((file) => (React.createElement(AttachmentPill, { key: file.id, attachment: file, onRemove: onRemoveAttachment }))))),
-            React.createElement("form", { onSubmit: (e) => {
-                    e.preventDefault();
-                    onSubmit?.(e);
-                } },
-                React.createElement("div", { className: "relative rounded-full border border-[var(--input-border)] bg-[var(--card)] px-3 py-1.5 shadow-sm transition-[border-color,box-shadow] focus-within:border-[var(--foreground)] focus-within:shadow-md" },
-                    React.createElement("div", { className: "flex min-h-[42px] items-end gap-2" },
-                        (onAttach || onSelectAttachment) && (React.createElement("div", { className: "relative flex shrink-0 items-center" },
-                            onAttach && (React.createElement("input", { ref: fileInputRef, type: "file", accept: attachAccept, multiple: true, "aria-label": "Upload file", onChange: (e) => {
-                                    if (e.target.files?.length)
-                                        onAttach(e.target.files);
-                                    e.target.value = "";
-                                }, style: {
-                                    position: "absolute",
-                                    width: 1,
-                                    height: 1,
-                                    padding: 0,
-                                    margin: -1,
-                                    overflow: "hidden",
-                                    clip: "rect(0,0,0,0)",
-                                    whiteSpace: "nowrap",
-                                    border: 0,
-                                } })),
-                            React.createElement("button", { type: "button", onClick: () => {
-                                    if (onAttach && !onSelectAttachment) {
-                                        fileInputRef.current?.click();
-                                        return;
-                                    }
-                                    setAttachmentMenuOpen((open) => !open);
-                                }, className: "size-9 flex items-center justify-center rounded-full text-[var(--muted-foreground)] hover:text-[var(--foreground)] hover:bg-[var(--foreground)]/5 transition-colors shrink-0", "aria-label": "Add document", "aria-expanded": attachmentMenuOpen },
-                                React.createElement(PlusIcon, { className: "size-5" })),
-                            attachmentMenuOpen && (React.createElement("div", { role: "menu", className: "absolute bottom-11 left-0 z-20 overflow-hidden rounded-2xl border border-[var(--border)] bg-[var(--card)] shadow-lg", style: { minWidth: 224 } },
-                                onAttach && (React.createElement("button", { type: "button", role: "menuitem", className: "block w-full whitespace-nowrap px-4 py-3 text-left text-sm text-[var(--foreground)] transition-colors hover:bg-[var(--foreground)]/5", onClick: () => {
-                                        setAttachmentMenuOpen(false);
-                                        fileInputRef.current?.click();
-                                    } }, "Upload document")),
-                                onSelectAttachment && (React.createElement("button", { type: "button", role: "menuitem", className: "block w-full whitespace-nowrap px-4 py-3 text-left text-sm text-[var(--foreground)] transition-colors hover:bg-[var(--foreground)]/5", onClick: () => {
-                                        setAttachmentMenuOpen(false);
-                                        onSelectAttachment();
-                                    } }, "Select document")))))),
-                        React.createElement(InputBox, { value: isListening ? transcript || input : input, onChange: onChange, onSubmit: () => onSubmit?.(), placeholder: inputPlaceholder, "aria-label": inputLabel, disabled: isLoading || isListening, multiline: true, className: cn("min-h-9 min-w-0 flex-1 py-2 text-[15px] leading-normal text-[var(--foreground)] placeholder:text-[var(--input-placeholder)]", theme?.input) }),
-                        React.createElement("div", { className: "flex items-center gap-2" },
-                            models && models.length > 0 && onModelChange && (React.createElement(ModelSelector, { models: models, value: model, onChange: onModelChange, disabled: isLoading })),
-                            showExport && messages && messages.length > 0 && (React.createElement("button", { type: "button", onClick: () => downloadMarkdown(messages), className: "size-9 flex items-center justify-center rounded-full text-[var(--muted-foreground)] hover:text-[var(--foreground)] hover:bg-[var(--foreground)]/5 transition-colors shrink-0", "aria-label": "Export conversation", title: "Export as Markdown" },
-                                React.createElement("svg", { className: "size-5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
-                                    React.createElement("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
-                                    React.createElement("polyline", { points: "7 10 12 15 17 10" }),
-                                    React.createElement("line", { x1: "12", y1: "15", x2: "12", y2: "3" })))),
-                            React.createElement(SubmitButton, { isLoading: isLoading || isListening, hasInput: !!input.trim(), onStop: isListening ? undefined : stop, onVoice: onVoice, disabled: !input.trim(), className: cn("size-9 shrink-0 rounded-full bg-[var(--foreground)] text-[var(--background)] transition-[background-color,color,box-shadow] hover:bg-[var(--card)] hover:text-[var(--foreground)] hover:shadow-[inset_0_0_0_1px_var(--foreground)] disabled:opacity-100", theme?.button) }))))))));
+    const [menuOpen, setMenuOpen] = React.useState(false);
+    if (!c.onAttach && !c.onSelectAttachment)
+        return null;
+    const openDialog = () => fileInputRef.current?.click();
+    // Menu selection carries no mouse event; pass a stub so the `onClick` wrap
+    // (e.g. `onAttachClick`) still gets its `next()` continuation.
+    const runUpload = () => onClick ? onClick({}, openDialog) : openDialog();
+    return (React.createElement("div", { className: "relative flex shrink-0 items-center" },
+        c.onAttach && (React.createElement("input", { ref: fileInputRef, type: "file", accept: c.attachAccept, multiple: true, "aria-label": "Upload file", onChange: (e) => {
+                if (e.target.files?.length)
+                    c.onAttach?.(e.target.files);
+                e.target.value = "";
+            }, style: {
+                position: "absolute",
+                width: 1,
+                height: 1,
+                padding: 0,
+                margin: -1,
+                overflow: "hidden",
+                clip: "rect(0,0,0,0)",
+                whiteSpace: "nowrap",
+                border: 0,
+            } })),
+        React.createElement(DropdownMenu, { open: menuOpen, onOpenChange: setMenuOpen },
+            React.createElement(DropdownMenuTrigger, { asChild: true },
+                React.createElement(Button, { type: "button", variant: "icon-tertiary", size: "icon-lg", "aria-label": "Add document", className: "shrink-0" }, icon ?? React.createElement(PlusIcon, null))),
+            React.createElement(DropdownMenuContent, { align: "start" },
+                c.onAttach && (React.createElement(DropdownMenuItem, { onSelect: runUpload },
+                    React.createElement(PaperclipIcon, null),
+                    "Attach files to chat")),
+                c.onSelectAttachment && (React.createElement(DropdownMenuItem, { onSelect: c.onSelectAttachment },
+                    React.createElement(FileTextIcon, null),
+                    "Select document"))))));
+}
+/** Build the ComposerContext value from composer state props. */
+function useComposerValue(p) {
+    const hasResolvedAttachment = p.attachments?.some((attachment) => Boolean(attachment.url) &&
+        attachment.state !== "uploading" &&
+        attachment.state !== "processing" &&
+        attachment.state !== "error") ?? false;
+    return React.useMemo(() => ({
+        input: p.input,
+        setInput: () => { },
+        onChange: p.onChange,
+        attachments: p.attachments ?? [],
+        onAttach: p.onAttach,
+        onSelectAttachment: p.onSelectAttachment,
+        onRemoveAttachment: p.onRemoveAttachment,
+        attachAccept: p.attachAccept,
+        onSubmit: (e) => p.onSubmit?.(e),
+        isLoading: p.isLoading ?? false,
+        canSubmit: p.input.trim().length > 0 || hasResolvedAttachment,
+        onStop: p.stop,
+        onVoice: p.onVoice,
+        isListening: p.isListening ?? false,
+        transcript: p.transcript,
+        model: p.model,
+        models: p.models ?? [],
+        onModelChange: p.onModelChange,
+    }), [
+        p.input,
+        p.onChange,
+        p.attachments,
+        p.onAttach,
+        p.onSelectAttachment,
+        p.onRemoveAttachment,
+        p.attachAccept,
+        p.onSubmit,
+        p.isLoading,
+        hasResolvedAttachment,
+        p.stop,
+        p.onVoice,
+        p.isListening,
+        p.transcript,
+        p.model,
+        p.models,
+        p.onModelChange,
+    ]);
+}
+/**
+ * `ChatInput.Root` — the provider shell for a fully custom composer. Supplies
+ * `ComposerContext` from props and renders your children, so you arrange
+ * `ChatInput.Field` + the toolbar sub-parts yourself (like `Message.Root`). The
+ * default `<ChatInput>` is exactly this Root plus the standard body.
+ */
+export const ChatInputRoot = React.forwardRef(function ChatInputRoot({ className, children, ...state }, ref) {
+    const ctxValue = useComposerValue(state);
+    return (React.createElement(ComposerContextProvider, { value: ctxValue },
+        React.createElement("div", { ref: ref, className: cn("flex-shrink-0 pb-6 pt-2", className) },
+            React.createElement("div", { className: "mx-auto w-full max-w-[850px] px-4" }, children))));
+});
+ChatInputRoot.displayName = "ChatInput.Root";
+/** Render the composer. */
+const ChatInputBase = React.forwardRef(function ChatInput({ input, onChange, onSubmit, isLoading = false, placeholder = "Type a message...", theme, stop, onVoice, isListening = false, transcript, models, model, onModelChange, toolbarStart, onAttach, onSelectAttachment, onDrop, attachAccept, attachments, onRemoveAttachment, showExport = false, messages, icons, onAttachClick, onExportClick, className, children, }, ref) {
+    // Return focus to the editor after attaching (menu pick or drop) so the
+    // user can keep typing without clicking back into the field.
+    const fieldContainerRef = React.useRef(null);
+    const focusField = React.useCallback(() => {
+        fieldContainerRef.current?.querySelector("textarea")?.focus();
+    }, []);
+    const withFocus = React.useCallback((fn) => fn
+        ? (files) => {
+            fn(files);
+            focusField();
+        }
+        : undefined, [focusField]);
+    const handleAttach = withFocus(onAttach);
+    const { isDragActive, dragProps } = useDropZone(withFocus(onDrop ?? onAttach));
+    const ctxValue = useComposerValue({
+        input,
+        onChange,
+        onSubmit,
+        isLoading,
+        stop,
+        onVoice,
+        isListening,
+        transcript,
+        models,
+        model,
+        onModelChange,
+        onAttach: handleAttach,
+        onSelectAttachment,
+        attachAccept,
+        attachments,
+        onRemoveAttachment,
+    });
+    const exportDownload = () => {
+        if (messages)
+            downloadMarkdown(messages);
+    };
+    return (React.createElement(ComposerContextProvider, { value: ctxValue },
+        React.createElement("div", { ref: ref, className: cn("flex-shrink-0 pb-6", className) },
+            React.createElement("div", { className: "mx-auto w-full max-w-[850px] px-4" },
+                React.Children.toArray(children).length > 0 && (React.createElement("div", { className: "flex flex-wrap items-center gap-1.5 pb-3" }, children)),
+                attachments && attachments.length > 0 && (React.createElement("div", { className: "flex flex-wrap items-center gap-2 pb-4" }, attachments.map((file) => (React.createElement(AttachmentPill, { key: file.id, attachment: file, onRemove: onRemoveAttachment, className: "w-[200px]" }))))),
+                React.createElement("form", { onSubmit: (e) => {
+                        e.preventDefault();
+                        onSubmit?.(e);
+                    } },
+                    React.createElement("div", { ...dragProps, ref: fieldContainerRef, className: cn("relative overflow-hidden rounded-[var(--radius-lg)] border border-transparent bg-[var(--secondary)] px-3 py-2 shadow-sm transition-all md:px-4 md:py-3", isDragActive && "border-dashed border-[var(--edge-medium)]") },
+                        React.createElement(DropZoneOverlay, { visible: isDragActive }),
+                        React.createElement(ChatInputField, { placeholder: placeholder, className: theme?.input }),
+                        React.createElement("div", { className: "mt-2.5 flex min-h-[44px] items-center justify-between gap-1.5 md:gap-2" },
+                            React.createElement("div", { className: "flex min-w-0 items-center gap-1.5 md:gap-2" },
+                                React.createElement(ChatInputAttach, { icon: icons?.attach, onClick: onAttachClick }),
+                                toolbarStart),
+                            React.createElement("div", { className: "flex shrink-0 items-center gap-1.5 md:gap-2" },
+                                React.createElement(ChatInputModel, null),
+                                showExport && messages && messages.length > 0 && (React.createElement(IconButton, { type: "button", variant: "icon-ghost", size: "icon-lg", on: "card", onClick: (e) => onExportClick ? onExportClick(e, exportDownload) : exportDownload(), "aria-label": "Export conversation", tooltip: "Export as Markdown", tooltipSide: "top", className: "shrink-0" }, icons?.export ?? React.createElement(ExportGlyph, null))),
+                                React.createElement(ChatInputStop, { icon: icons?.stop }),
+                                React.createElement(ChatInputVoice, { icon: icons?.voice }),
+                                React.createElement(ChatInputSend, { icon: icons?.send, className: theme?.button })))))))));
+});
+ChatInputBase.displayName = "ChatInput";
+/**
+ * ChatInput — render `<ChatInput … />` for the default composer, or compose
+ * `ChatInput.Field` + `ChatInput.Send`/`Stop`/`Voice`/`Model`/`Attach`.
+ */
+export const ChatInput = Object.assign(ChatInputBase, {
+    Root: ChatInputRoot,
+    Field: ChatInputField,
+    Send: ChatInputSend,
+    Stop: ChatInputStop,
+    Voice: ChatInputVoice,
+    Model: ChatInputModel,
+    Attach: ChatInputAttach,
 });
-ChatComposer.displayName = "ChatComposer";

package/esm/src/react/components/chat/chat/composition/chat-empty-state.d.ts

@@ -0,0 +1,78 @@
+/**
+ * ChatEmptyState — the conversation idle / empty view: an agent avatar, a
+ * heading, and a row of suggestion chips. Ported 1:1 from Veryfront Studio's
+ * `ChatIdleView` family (`ChatIdleView` + `…Avatar` + `…Heading` +
+ * `Suggestions`/`SuggestionItem`), restyled onto the chat primitives.
+ *
+ * Composed via children — every part is a small, focused piece you arrange
+ * yourself, so there is no monolithic prop surface:
+ *
+ * ```tsx
+ * <ChatEmptyState.Root>
+ *   <ChatEmptyState.Avatar src={agent.avatarUrl} alt={agent.name} />
+ *   <ChatEmptyState.Heading>{agent.name}</ChatEmptyState.Heading>
+ *   <ChatEmptyState.Suggestions>
+ *     <ChatEmptyState.Suggestion onClick={() => send("Create a plan")}>
+ *       Create a plan
+ *     </ChatEmptyState.Suggestion>
+ *   </ChatEmptyState.Suggestions>
+ * </ChatEmptyState.Root>
+ * ```
+ *
+ * @module react/components/chat/composition/chat-empty-state
+ */
+import * as React from "../../../../../../react/react.js";
+import { type ButtonProps } from "../../ui/index.js";
+/** Props accepted by `<ChatEmptyState.Root>`. */
+export interface ChatEmptyStateRootProps extends React.HTMLAttributes<HTMLDivElement> {
+    ref?: React.Ref<HTMLDivElement>;
+}
+/** Centered container for the empty-state pieces. */
+declare function Root({ className, children, ref, ...props }: ChatEmptyStateRootProps): React.ReactElement;
+/** Props accepted by `<ChatEmptyState.Avatar>`. */
+export interface ChatEmptyStateAvatarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
+    src?: string;
+    alt?: string;
+    /** Pulse while the agent is being provisioned. */
+    isCreating?: boolean;
+    ref?: React.Ref<HTMLDivElement>;
+}
+/**
+ * Hero agent avatar (64px). Renders the generic {@link Avatar} in `muted`
+ * tone — the agent's image when `src` resolves, otherwise its initial. Same as
+ * Studio's `ChatIdleView` avatar: agent identity comes from the data, not a
+ * bespoke component.
+ */
+declare function EmptyStateAvatar({ className, isCreating, src, alt, ...props }: ChatEmptyStateAvatarProps): React.ReactElement;
+/** Props accepted by `<ChatEmptyState.Heading>`. */
+export interface ChatEmptyStateHeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
+    /** Heading level, `1`–`6`. Defaults to `2`. */
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+    ref?: React.Ref<HTMLHeadingElement>;
+}
+/** Balanced, centered title (e.g. the agent name). */
+declare function Heading({ level, className, children, ref, ...props }: ChatEmptyStateHeadingProps): React.ReactElement;
+/** Props accepted by `<ChatEmptyState.Suggestions>`. */
+export interface ChatEmptyStateSuggestionsProps extends React.HTMLAttributes<HTMLDivElement> {
+    ref?: React.Ref<HTMLDivElement>;
+}
+/** Wrapping, centered row of suggestion chips. */
+declare function Suggestions({ className, role, children, ref, ...props }: ChatEmptyStateSuggestionsProps): React.ReactElement;
+/** Props accepted by `<ChatEmptyState.Suggestion>`. */
+export interface ChatEmptyStateSuggestionProps extends Omit<ButtonProps, "variant"> {
+}
+/** A single filled suggestion chip. */
+declare function Suggestion({ className, size, children, ...props }: ChatEmptyStateSuggestionProps): React.ReactElement;
+/**
+ * Compound empty state. Use the namespaced parts to compose the view:
+ * `Root`, `Avatar`, `Heading`, `Suggestions`, `Suggestion`.
+ */
+export declare const ChatEmptyState: {
+    Root: typeof Root;
+    Avatar: typeof EmptyStateAvatar;
+    Heading: typeof Heading;
+    Suggestions: typeof Suggestions;
+    Suggestion: typeof Suggestion;
+};
+export {};
+//# sourceMappingURL=chat-empty-state.d.ts.map

package/esm/src/react/components/chat/chat/composition/chat-empty-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-empty-state.d.ts","sourceRoot":"","sources":["../../../../../../../src/src/react/components/chat/chat/composition/chat-empty-state.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,OAAO,KAAK,KAAK,MAAM,kCAAkC,CAAC;AAE1D,OAAO,EAAkB,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErE,iDAAiD;AACjD,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACnF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACjC;AAED,qDAAqD;AACrD,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,QAAQ,EACR,GAAG,EACH,GAAG,KAAK,EACT,EAAE,uBAAuB,GAAG,KAAK,CAAC,YAAY,CAa9C;AAED,mDAAmD;AACnD,MAAM,WAAW,yBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC9D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,kDAAkD;IAClD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACjC;AAED;;;;;GAKG;AACH,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,UAAU,EACV,GAAG,EACH,GAAuB,EACvB,GAAG,KAAK,EACT,EAAE,yBAAyB,GAAG,KAAK,CAAC,YAAY,CAUhD;AAED,oDAAoD;AACpD,MAAM,WAAW,0BAA2B,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IAC1F,+CAA+C;IAC/C,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC9B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;CACrC;AAED,sDAAsD;AACtD,iBAAS,OAAO,CAAC,EACf,KAAS,EACT,SAAS,EACT,QAAQ,EACR,GAAG,EACH,GAAG,KAAK,EACT,EAAE,0BAA0B,GAAG,KAAK,CAAC,YAAY,CAcjD;AAED,wDAAwD;AACxD,MAAM,WAAW,8BAA+B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1F,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACjC;AAED,kDAAkD;AAClD,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,IAAc,EACd,QAAQ,EACR,GAAG,EACH,GAAG,KAAK,EACT,EAAE,8BAA8B,GAAG,KAAK,CAAC,YAAY,CAWrD;AAED,uDAAuD;AACvD,MAAM,WAAW,6BAA8B,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC;CAAG;AAEtF,uCAAuC;AACvC,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,IAAW,EACX,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,6BAA6B,GAAG,KAAK,CAAC,YAAY,CAWpD;AAED;;;GAGG;AACH,eAAO,MAAM,cAAc;;;;;;CAM1B,CAAC"}