veryfront 0.1.1048 → 0.1.1049

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

@@ -0,0 +1,114 @@
+import type * as React from "react";
+import type { ChatMessage, UseChatResult } from "../../../../agent/react/index.js";
+import type { ChatTheme } from "../theme.js";
+import type { ModelOption } from "../model-selector.js";
+import type { Source } from "./components/sources.js";
+import type { AttachmentInfo } from "./components/attachment-pill.js";
+import type { FeedbackValue } from "./components/message-feedback.js";
+import type { Conversation } from "./persistence/conversation-store.js";
+/**
+ * Agent identity + agent-driven content for `<Chat>`. Collapses the old
+ * `agent` / `models` / suggestion props into one object. In app mode
+ * (`agentId`) this is derived from agent metadata automatically; pass it
+ * yourself to drive a controlled chat.
+ */
+export interface ChatAgentInfo {
+    /** Assistant display name for message headers + the idle hero. */
+    name?: string;
+    /** Assistant avatar. */
+    avatarUrl?: string;
+    /** Blurb under the name in the idle hero. */
+    description?: string;
+    /** Prompt suggestions shown on an empty thread. */
+    suggestions?: string[];
+    /** Model options for the composer's model selector. */
+    models?: ModelOption[];
+}
+/** Props accepted by chat. */
+export interface ChatProps {
+    /** Agent id — fetches avatar/name/suggestions and scopes the request. */
+    agentId?: string;
+    /** AG-UI endpoint for the self-driven `useChat`. @default "/api/ag-ui" */
+    api?: string;
+    /** Seed messages for the self-driven thread. */
+    initialMessages?: ChatMessage[];
+    /** Error callback for the self-driven `useChat`. */
+    onError?: (error: Error) => void;
+    /**
+     * Persistence sink for the live thread (app mode). Fires with the whole
+     * updated `conversation` (`{ id, messages, title, updatedAt, … }`) whenever
+     * the messages change — point it at your store's `save`.
+     *
+     * Resolved by presence: an explicit `onUpdate` wins; otherwise a surrounding
+     * `ConversationsProvider`'s `save` is used; with neither, the thread is
+     * ephemeral. One optional prop, three behaviours — `<Chat>` is sugar over the
+     * explicit primitive.
+     */
+    onUpdate?: (conversation: Conversation) => void;
+    /**
+     * Drive `<Chat>` from a `useChat()` session you own: `<Chat chat={useChat()}>`.
+     * Pass the whole result object and everything wires up (input, submit,
+     * attachments, model, branches).
+     */
+    chat?: UseChatResult;
+    placeholder?: string;
+    maxHeight?: string;
+    className?: string;
+    theme?: Partial<ChatTheme>;
+    renderMessage?: (message: ChatMessage) => React.ReactNode;
+    /** Prompt suggestions for an empty thread. Also fillable via `agent.suggestions`. */
+    suggestions?: string[];
+    onSuggestionClick?: (suggestion: string) => void;
+    /**
+     * Opt-in idle hero for an empty thread (icon + title + optional blurb, plus
+     * `suggestions`). When omitted, an empty thread renders as a blank canvas +
+     * composer — no "What can I help with?" placeholder. Compose `Chat.Empty`
+     * directly for full control.
+     */
+    emptyState?: {
+        icon?: React.ReactNode;
+        title?: string;
+        description?: string;
+    };
+    /**
+     * The thread is still loading its initial history → render the skeleton
+     * instead of the idle empty state. In app mode (`agentId`) this is derived
+     * automatically while the agent metadata resolves, so the generic
+     * "What can I help with?" never flashes before the agent loads. Set it
+     * yourself in controlled mode.
+     */
+    initializing?: boolean;
+    /** Override the loading skeleton (defaults to `<Chat.Skeleton />`). */
+    skeleton?: React.ReactNode;
+    /**
+     * Agent identity + agent-driven content (name / avatar / description /
+     * suggestions / models). Backs assistant message headers and the idle hero;
+     * in app mode (`agentId`) it's filled from agent metadata automatically.
+     */
+    agent?: ChatAgentInfo;
+    onSourceClick?: (source: Source, index: number) => void;
+    /**
+     * The composer's `+` menu and drag-to-attach are on by default — `<Chat>`
+     * keeps the pending files itself unless you wire the attachment props below.
+     * Compose `ChatInput` without `ChatInput.Attach` to omit attachments.
+     */
+    /**
+     * Endpoint that pending files POST to (multipart `file`) → `{ url }`. When
+     * omitted, attachments are inlined as base64 `data:` URLs (no backend
+     * required); set this to store files durably (e.g. `"/api/uploads"`).
+     */
+    uploadApi?: string;
+    onAttach?: (files: FileList) => void;
+    onSelectAttachment?: () => void;
+    onDrop?: (files: FileList) => void;
+    attachAccept?: string;
+    attachments?: AttachmentInfo[];
+    onRemoveAttachment?: (id: string) => void;
+    onFeedback?: (messageId: string, feedback: FeedbackValue) => void;
+    /** Leading composer-toolbar slot (e.g. an `<AgentPicker>`). */
+    toolbarStart?: React.ReactNode;
+    children?: React.ReactNode;
+    /** React 19: ref is a regular prop. */
+    ref?: React.Ref<HTMLDivElement>;
+}
+//# sourceMappingURL=chat-props.d.ts.map

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

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

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

@@ -0,0 +1 @@
+export {};

package/esm/src/react/components/chat/chat/components/animations.d.ts

@@ -1,4 +1,4 @@
-import * as React from "../../../../../../react/react.js";
+import * as React from "react";
 /** Render shimmer. */
 export declare function Shimmer({ children }: {
     children: React.ReactNode;

package/esm/src/react/components/chat/chat/components/animations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../../../../../../src/src/react/components/chat/chat/components/animations.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,kCAAkC,CAAC;AAG1D,sBAAsB;AACtB,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,GAAG,KAAK,CAAC,YAAY,CAMvF;AAED,qBAAqB;AACrB,wBAAgB,MAAM,CAAC,EACrB,SAAS,EACT,IAAS,GACV,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,KAAK,CAAC,YAAY,CAcrB;AAED,sBAAsB;AACtB,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,QAAc,EACd,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,KAAK,CAAC,YAAY,CAoBrB"}
+{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../../../../../../src/src/react/components/chat/chat/components/animations.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,sBAAsB;AACtB,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,GAAG,KAAK,CAAC,YAAY,CAMvF;AAED,qBAAqB;AACrB,wBAAgB,MAAM,CAAC,EACrB,SAAS,EACT,IAAS,GACV,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,KAAK,CAAC,YAAY,CAcrB;AAED,sBAAsB;AACtB,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,QAAc,EACd,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,KAAK,CAAC,YAAY,CAoBrB"}

package/esm/src/react/components/chat/chat/components/animations.js

@@ -1,4 +1,4 @@
-import * as React from "../../../../../../react/react.js";
+import * as React from "react";
 import { cn } from "../../theme.js";
 /** Render shimmer. */
 export function Shimmer({ children }) {

package/esm/src/react/components/chat/chat/components/attachment-pill.d.ts

@@ -1,4 +1,4 @@
-import * as React from "../../../../../../react/react.js";
+import * as React from "react";
 /** Upload lifecycle state (shadcn-style). Drives the icon, label, and treatment. */
 export type AttachmentState = "selected" | "uploading" | "processing" | "uploaded" | "error";
 /** Public API contract for attachment info. */
@@ -17,21 +17,12 @@ export interface AttachmentInfo {
     /** Resolved URL once the file has finished uploading. */
     url?: string;
 }
-/** Icon overrides for {@link AttachmentPill}. Each defaults to its glyph. */
-export interface AttachmentPillIcons {
-    /** Override the remove (✕) glyph. */
-    remove?: React.ReactNode;
-    /** Override the retry glyph. */
-    retry?: React.ReactNode;
-}
 /** Props accepted by attachment pill. */
 export interface AttachmentPillProps extends React.HTMLAttributes<HTMLDivElement> {
     attachment: AttachmentInfo;
     onRemove?: (id: string) => void;
     /** Retry handler — surfaces a retry button in the `error` state. */
     onRetry?: (id: string) => void;
-    /** Override the remove / retry button icons. */
-    icons?: AttachmentPillIcons;
     /**
      * Draw the outline + surrounding box. `false` gives a flat, borderless row
      * (e.g. `AttachmentsPanel`, where the pills are a plain list). @default true
@@ -39,13 +30,14 @@ export interface AttachmentPillProps extends React.HTMLAttributes<HTMLDivElement
     bordered?: boolean;
     /** Compose your own pill; when omitted, the default anatomy is rendered. */
     children?: React.ReactNode;
+    /** React 19: ref is a regular prop. */
+    ref?: React.Ref<HTMLDivElement>;
 }
 /** Derived per-pill view state shared with `AttachmentPill.*` sub-parts. */
 export interface AttachmentPillContextValue {
     attachment: AttachmentInfo;
     onRemove?: (id: string) => void;
     onRetry?: (id: string) => void;
-    icons?: AttachmentPillIcons;
     /** File extension (from the name, falling back to the media type). */
     ext: string;
     /** Tailwind color pair for the default (no-state) icon box. */
@@ -64,8 +56,6 @@ export interface AttachmentPillContextValue {
     label: string;
     /** Legacy dimming for the old `status="uploading"` API. */
     legacyUploading: boolean;
-    /** Whether the remove control should render. */
-    showRemove: boolean;
     /** The state glyph for the icon box (null → render the extension text). */
     stateGlyph: React.ReactNode;
     /** Tailwind classes for the icon box background/foreground. */
@@ -76,6 +66,14 @@ export interface AttachmentPillContextValue {
  * `AttachmentPill`.
  */
 export declare function useAttachmentPill(): AttachmentPillContextValue;
+/**
+ * `AttachmentPill.Root` — context provider + the chip wrapper. No children
+ * renders the default anatomy; pass children to recompose.
+ */
+declare function AttachmentPillRoot({ attachment, onRemove, onRetry, bordered, className, children, ref, ...props }: AttachmentPillProps): React.ReactElement;
+declare namespace AttachmentPillRoot {
+    var displayName: string;
+}
 /**
  * `AttachmentPill.Thumbnail` — the image square (with a busy overlay). Renders
  * only when the attachment resolves to a non-error image with a source.
@@ -107,8 +105,9 @@ declare namespace AttachmentPillLabel {
  * `AttachmentPill.Retry` — the retry control. Renders only in the `error` state
  * when an `onRetry` handler is provided.
  */
-declare function AttachmentPillRetry({ className }: {
+declare function AttachmentPillRetry({ className, icon }: {
     className?: string;
+    icon?: React.ReactNode;
 }): React.JSX.Element | null;
 declare namespace AttachmentPillRetry {
     var displayName: string;
@@ -117,8 +116,9 @@ declare namespace AttachmentPillRetry {
  * `AttachmentPill.Remove` — the remove (✕) control. Renders only when an
  * `onRemove` handler is provided and the pill isn't a legacy uploading pill.
  */
-declare function AttachmentPillRemove({ className }: {
+declare function AttachmentPillRemove({ className, icon }: {
     className?: string;
+    icon?: React.ReactNode;
 }): React.JSX.Element | null;
 declare namespace AttachmentPillRemove {
     var displayName: string;
@@ -126,10 +126,10 @@ declare namespace AttachmentPillRemove {
 /**
  * AttachmentPill — render `<AttachmentPill attachment={…} />` for the default
  * chip, or compose `AttachmentPill.Root` + `.Thumbnail` / `.Icon` / `.Label` /
- * `.Retry` / `.Remove` for a custom layout. Publicly aliased as `Attachment`.
+ * `.Retry` / `.Remove` for a custom layout.
  */
-export declare const AttachmentPill: React.ForwardRefExoticComponent<AttachmentPillProps & React.RefAttributes<HTMLDivElement>> & {
-    Root: React.ForwardRefExoticComponent<AttachmentPillProps & React.RefAttributes<HTMLDivElement>>;
+export declare const AttachmentPill: typeof AttachmentPillRoot & {
+    Root: typeof AttachmentPillRoot;
     Thumbnail: typeof AttachmentPillThumbnail;
     Icon: typeof AttachmentPillIcon;
     Label: typeof AttachmentPillLabel;

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

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

package/esm/src/react/components/chat/chat/components/attachment-pill.js

@@ -1,4 +1,4 @@
-import * as React from "../../../../../../react/react.js";
+import * as React from "react";
 import { cn } from "../../theme.js";
 import { CheckIcon, ClockIcon, FileTextIcon, RefreshCwIcon } from "../../../ui/icons/index.js";
 import { Button } from "../../../ui/button.js";
@@ -78,7 +78,7 @@ export function useAttachmentPill() {
  * `AttachmentPill.Root` — context provider + the chip wrapper. No children
  * renders the default anatomy; pass children to recompose.
  */
-const AttachmentPillRoot = React.forwardRef(function AttachmentPill({ attachment, onRemove, onRetry, icons, bordered = true, className, children, ...props }, ref) {
+function AttachmentPillRoot({ attachment, onRemove, onRetry, bordered = true, className, children, ref, ...props }) {
     const mediaType = attachment.type ?? "";
     const ext = getExtension(attachment.name) ||
         mediaType.split("/").pop()?.toLowerCase() || "";
@@ -97,8 +97,6 @@ const AttachmentPillRoot = React.forwardRef(function AttachmentPill({ attachment
     const label = getStateLabel(attachment, ext, mediaType);
     // Legacy dimming only applies to the old `status` API (new states stay solid).
     const legacyUploading = !state && attachment.status === "uploading";
-    const showRemove = Boolean(onRemove) &&
-        (Boolean(state) || attachment.status !== "uploading");
     // The left box shows a state glyph when a lifecycle `state` is set, otherwise
     // the file-type extension badge (default behaviour).
     const stateGlyph = state === "selected"
@@ -121,7 +119,6 @@ const AttachmentPillRoot = React.forwardRef(function AttachmentPill({ attachment
         attachment,
         onRemove,
         onRetry,
-        icons,
         ext,
         colorClass,
         isImage,
@@ -131,7 +128,6 @@ const AttachmentPillRoot = React.forwardRef(function AttachmentPill({ attachment
         shimmerTitle,
         label,
         legacyUploading,
-        showRemove,
         stateGlyph,
         boxClass,
     };
@@ -148,7 +144,7 @@ const AttachmentPillRoot = React.forwardRef(function AttachmentPill({ attachment
             React.createElement(AttachmentPillLabel, null),
             React.createElement(AttachmentPillRetry, null),
             React.createElement(AttachmentPillRemove, null))))));
-});
+}
 AttachmentPillRoot.displayName = "AttachmentPill.Root";
 /**
  * `AttachmentPill.Thumbnail` — the image square (with a busy overlay). Renders
@@ -190,22 +186,22 @@ AttachmentPillLabel.displayName = "AttachmentPill.Label";
  * `AttachmentPill.Retry` — the retry control. Renders only in the `error` state
  * when an `onRetry` handler is provided.
  */
-function AttachmentPillRetry({ className }) {
-    const { attachment, isError, onRetry, icons } = useAttachmentPill();
+function AttachmentPillRetry({ className, icon }) {
+    const { attachment, isError, onRetry } = useAttachmentPill();
     if (!isError || !onRetry)
         return null;
-    return (React.createElement(Button, { type: "button", variant: "icon-ghost", size: "icon-xs", on: "card", onClick: () => onRetry(attachment.id), "aria-label": `Retry ${attachment.name}`, className: cn("shrink-0", className) }, icons?.retry ?? React.createElement(RefreshCwIcon, null)));
+    return (React.createElement(Button, { type: "button", variant: "icon-ghost", size: "icon-xs", on: "card", onClick: () => onRetry(attachment.id), "aria-label": `Retry ${attachment.name}`, className: cn("shrink-0", className) }, icon ?? React.createElement(RefreshCwIcon, null)));
 }
 AttachmentPillRetry.displayName = "AttachmentPill.Retry";
 /**
  * `AttachmentPill.Remove` — the remove (✕) control. Renders only when an
  * `onRemove` handler is provided and the pill isn't a legacy uploading pill.
  */
-function AttachmentPillRemove({ className }) {
-    const { attachment, showRemove, onRemove, icons } = useAttachmentPill();
-    if (!showRemove)
+function AttachmentPillRemove({ className, icon }) {
+    const { attachment, onRemove, legacyUploading } = useAttachmentPill();
+    if (!onRemove || legacyUploading)
         return null;
-    return (React.createElement(Button, { type: "button", variant: "icon-ghost", size: "icon-xs", on: "card", onClick: () => onRemove?.(attachment.id), "aria-label": `Remove ${attachment.name}`, className: cn("shrink-0 opacity-100 md:opacity-0 md:group-hover:opacity-100", className) }, icons?.remove ?? (React.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round" },
+    return (React.createElement(Button, { type: "button", variant: "icon-ghost", size: "icon-xs", on: "card", onClick: () => onRemove?.(attachment.id), "aria-label": `Remove ${attachment.name}`, className: cn("shrink-0 opacity-100 md:opacity-0 md:group-hover:opacity-100", className) }, icon ?? (React.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round" },
         React.createElement("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
         React.createElement("line", { x1: "6", y1: "6", x2: "18", y2: "18" })))));
 }
@@ -213,7 +209,7 @@ AttachmentPillRemove.displayName = "AttachmentPill.Remove";
 /**
  * AttachmentPill — render `<AttachmentPill attachment={…} />` for the default
  * chip, or compose `AttachmentPill.Root` + `.Thumbnail` / `.Icon` / `.Label` /
- * `.Retry` / `.Remove` for a custom layout. Publicly aliased as `Attachment`.
+ * `.Retry` / `.Remove` for a custom layout.
  */
 export const AttachmentPill = Object.assign(AttachmentPillRoot, {
     Root: AttachmentPillRoot,

package/esm/src/react/components/chat/chat/components/attachments-panel.d.ts

@@ -1,4 +1,4 @@
-import * as React from "../../../../../../react/react.js";
+import * as React from "react";
 /** Public API contract for uploaded file. */
 export interface UploadedFile {
     id: string;
@@ -41,6 +41,17 @@ export interface AttachmentsPanelProps {
     className?: string;
     /** Compose your own panel; when omitted, the default anatomy is rendered. */
     children?: React.ReactNode;
+    /** React 19: ref is a regular prop. */
+    ref?: React.Ref<HTMLDivElement>;
+}
+/**
+ * `AttachmentsPanel.Root` — context provider + the panel wrapper (scroll area +
+ * hidden file input). No children renders the default anatomy (`Empty` when the
+ * list is empty, otherwise `List`); pass children to recompose.
+ */
+declare function AttachmentsPanelRoot({ uploads, loading, onRemoveUpload, onAttach, attachAccept, onClose, className, children, ref, }: AttachmentsPanelProps): React.ReactElement;
+declare namespace AttachmentsPanelRoot {
+    var displayName: string;
 }
 /** Props for `AttachmentsPanel.Header` — the title row + close button. */
 export interface AttachmentsPanelHeaderProps {
@@ -136,8 +147,8 @@ declare namespace AttachmentsPanelAction {
  * custom layout. Mirrors the `ToolCall` / `Sources` compounds: render it, or
  * compose it.
  */
-export declare const AttachmentsPanel: React.ForwardRefExoticComponent<AttachmentsPanelProps & React.RefAttributes<HTMLDivElement>> & {
-    Root: React.ForwardRefExoticComponent<AttachmentsPanelProps & React.RefAttributes<HTMLDivElement>>;
+export declare const AttachmentsPanel: typeof AttachmentsPanelRoot & {
+    Root: typeof AttachmentsPanelRoot;
     Header: typeof AttachmentsPanelHeader;
     List: typeof AttachmentsPanelList;
     Item: typeof AttachmentsPanelItem;

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

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

package/esm/src/react/components/chat/chat/components/attachments-panel.js

@@ -1,4 +1,4 @@
-import * as React from "../../../../../../react/react.js";
+import * as React from "react";
 import { cn } from "../../theme.js";
 import { ChatTokens } from "../../chat-tokens-style.js";
 import { FileTextIcon, MoreHorizontalIcon, PaperclipIcon, TrashIcon, XIcon, } from "../../../ui/icons/index.js";
@@ -26,7 +26,7 @@ export function useAttachmentsPanel() {
  * hidden file input). No children renders the default anatomy (`Empty` when the
  * list is empty, otherwise `List`); pass children to recompose.
  */
-const AttachmentsPanelRoot = React.forwardRef(function AttachmentsPanel({ uploads = [], loading = false, onRemoveUpload, onAttach, attachAccept, onClose, className, children, }, ref) {
+function AttachmentsPanelRoot({ uploads = [], loading = false, onRemoveUpload, onAttach, attachAccept, onClose, className, children, ref, }) {
     const fileInputRef = React.useRef(null);
     const triggerAttach = () => fileInputRef.current?.click();
     const context = {
@@ -63,7 +63,7 @@ const AttachmentsPanelRoot = React.forwardRef(function AttachmentsPanel({ upload
                     whiteSpace: "nowrap",
                     border: 0,
                 } })))));
-});
+}
 AttachmentsPanelRoot.displayName = "AttachmentsPanel.Root";
 /**
  * The panel header: an "Attachments" title with a close `Button` on the right.

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

@@ -1,22 +1,52 @@
-import * as React from "../../../../../../react/react.js";
-/**
- * Icon overrides for {@link BranchPicker}. Each defaults to the built-in
- * chevron glyph.
- */
-export interface BranchPickerIcons {
-    prev?: React.ReactNode;
-    next?: React.ReactNode;
-}
+import * as React from "react";
 /** Props accepted by branch picker. */
-export interface BranchPickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onClick" | "className"> {
+export interface BranchPickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "className" | "onClick"> {
     current: number;
     total: number;
     onPrev: () => void;
     onNext: () => void;
+    /** Compose the controls. The default renders previous, count, and next. */
+    children?: React.ReactNode;
+    className?: string;
+}
+/** Props shared by `BranchPicker.Previous` and `BranchPicker.Next`. */
+export interface BranchPickerActionProps {
+    /** Override the chevron glyph. */
+    icon?: React.ReactNode;
+    className?: string;
+}
+/** Props accepted by `BranchPicker.Count`. */
+export interface BranchPickerCountProps {
+    /** Override the default `current/total` label. */
+    children?: React.ReactNode;
     className?: string;
-    /** Override either of the chevron icons. */
-    icons?: BranchPickerIcons;
 }
-/** Render branch picker. */
-export declare function BranchPicker({ current, total, onPrev, onNext, className, icons, ...props }: BranchPickerProps): React.ReactElement | null;
+/** Previous-branch control. */
+declare function BranchPickerPrevious({ icon, className, }: BranchPickerActionProps): React.ReactElement;
+declare namespace BranchPickerPrevious {
+    var displayName: string;
+}
+/** Current branch position. */
+declare function BranchPickerCount({ children, className, }: BranchPickerCountProps): React.ReactElement;
+declare namespace BranchPickerCount {
+    var displayName: string;
+}
+/** Next-branch control. */
+declare function BranchPickerNext({ icon, className, }: BranchPickerActionProps): React.ReactElement;
+declare namespace BranchPickerNext {
+    var displayName: string;
+}
+/** Render the branch picker default or compose its addressable controls. */
+declare function BranchPickerRoot({ current, total, onPrev, onNext, children, className, ...props }: BranchPickerProps): React.ReactElement | null;
+declare namespace BranchPickerRoot {
+    var displayName: string;
+}
+/** Branch picker with addressable previous, count, and next leaves. */
+export declare const BranchPicker: typeof BranchPickerRoot & {
+    Root: typeof BranchPickerRoot;
+    Previous: typeof BranchPickerPrevious;
+    Count: typeof BranchPickerCount;
+    Next: typeof BranchPickerNext;
+};
+export {};
 //# sourceMappingURL=branch-picker.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"branch-picker.d.ts","sourceRoot":"","sources":["../../../../../../../src/src/react/components/chat/chat/components/branch-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,kCAAkC,CAAC;AAG1D;;;GAGG;AACH,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,uCAAuC;AACvC,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAC3E,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,iBAAiB,CAAC;CAC3B;AAED,4BAA4B;AAC5B,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,KAAK,EACL,MAAM,EACN,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,iBAAiB,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAgE/C"}
+{"version":3,"file":"branch-picker.d.ts","sourceRoot":"","sources":["../../../../../../../src/src/react/components/chat/chat/components/branch-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,uCAAuC;AACvC,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,SAAS,CAAC;IACxF,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,uEAAuE;AACvE,MAAM,WAAW,uBAAuB;IACtC,kCAAkC;IAClC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,8CAA8C;AAC9C,MAAM,WAAW,sBAAsB;IACrC,kDAAkD;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA0DD,+BAA+B;AAC/B,iBAAS,oBAAoB,CAAC,EAC5B,IAAI,EACJ,SAAS,GACV,EAAE,uBAAuB,GAAG,KAAK,CAAC,YAAY,CAa9C;kBAhBQ,oBAAoB;;;AAmB7B,+BAA+B;AAC/B,iBAAS,iBAAiB,CAAC,EACzB,QAAQ,EACR,SAAS,GACV,EAAE,sBAAsB,GAAG,KAAK,CAAC,YAAY,CAO7C;kBAVQ,iBAAiB;;;AAa1B,2BAA2B;AAC3B,iBAAS,gBAAgB,CAAC,EACxB,IAAI,EACJ,SAAS,GACV,EAAE,uBAAuB,GAAG,KAAK,CAAC,YAAY,CAa9C;kBAhBQ,gBAAgB;;;AAmBzB,4EAA4E;AAC5E,iBAAS,gBAAgB,CAAC,EACxB,OAAO,EACP,KAAK,EACL,MAAM,EACN,MAAM,EACN,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,iBAAiB,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CA0B/C;kBAlCQ,gBAAgB;;;AAqCzB,uEAAuE;AACvE,eAAO,MAAM,YAAY;;;;;CAKvB,CAAC"}

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

@@ -1,16 +1,59 @@
-import * as React from "../../../../../../react/react.js";
+import * as React from "react";
+import { COMPONENT_ERROR } from "../../../../../errors/error-registry.js";
 import { cn } from "../../theme.js";
-/** Render branch picker. */
-export function BranchPicker({ current, total, onPrev, onNext, className, icons, ...props }) {
+const BranchPickerContext = React.createContext(null);
+function useBranchPicker() {
+    const context = React.useContext(BranchPickerContext);
+    if (!context) {
+        throw COMPONENT_ERROR.create({
+            detail: "BranchPicker.* must be used within <BranchPicker>",
+        });
+    }
+    return context;
+}
+const ACTION_BUTTON = "size-5 flex items-center justify-center rounded-full transition-all hover:bg-[var(--foreground)]/5 disabled:opacity-50 disabled:pointer-events-none";
+function PreviousIcon() {
+    return (React.createElement("svg", { "aria-hidden": "true", className: "size-3", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" },
+        React.createElement("polyline", { points: "15 18 9 12 15 6" })));
+}
+function NextIcon() {
+    return (React.createElement("svg", { "aria-hidden": "true", className: "size-3", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" },
+        React.createElement("polyline", { points: "9 18 15 12 9 6" })));
+}
+/** Previous-branch control. */
+function BranchPickerPrevious({ icon, className, }) {
+    const { current, onPrev } = useBranchPicker();
+    return (React.createElement("button", { type: "button", onClick: onPrev, disabled: current <= 1, className: cn(ACTION_BUTTON, className), "aria-label": "Previous variant" }, icon ?? React.createElement(PreviousIcon, null)));
+}
+BranchPickerPrevious.displayName = "BranchPicker.Previous";
+/** Current branch position. */
+function BranchPickerCount({ children, className, }) {
+    const { current, total } = useBranchPicker();
+    return (React.createElement("span", { className: cn("tabular-nums min-w-[2ch] text-center", className) }, children ?? `${current}/${total}`));
+}
+BranchPickerCount.displayName = "BranchPicker.Count";
+/** Next-branch control. */
+function BranchPickerNext({ icon, className, }) {
+    const { current, total, onNext } = useBranchPicker();
+    return (React.createElement("button", { type: "button", onClick: onNext, disabled: current >= total, className: cn(ACTION_BUTTON, className), "aria-label": "Next variant" }, icon ?? React.createElement(NextIcon, null)));
+}
+BranchPickerNext.displayName = "BranchPicker.Next";
+/** Render the branch picker default or compose its addressable controls. */
+function BranchPickerRoot({ current, total, onPrev, onNext, children, className, ...props }) {
+    const context = React.useMemo(() => ({ current, total, onPrev, onNext }), [current, total, onPrev, onNext]);
     if (total <= 1)
         return null;
-    return (React.createElement("div", { ...props, className: cn("inline-flex items-center gap-1 text-xs text-[var(--faint)]", className) },
-        React.createElement("button", { type: "button", onClick: onPrev, disabled: current <= 1, className: cn("size-5 flex items-center justify-center rounded-full transition-all", "hover:bg-[var(--foreground)]/5", "disabled:opacity-50 disabled:pointer-events-none"), "aria-label": "Previous variant" }, icons?.prev ?? (React.createElement("svg", { className: "size-3", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" },
-            React.createElement("polyline", { points: "15 18 9 12 15 6" })))),
-        React.createElement("span", { className: "tabular-nums min-w-[2ch] text-center" },
-            current,
-            "/",
-            total),
-        React.createElement("button", { type: "button", onClick: onNext, disabled: current >= total, className: cn("size-5 flex items-center justify-center rounded-full transition-all", "hover:bg-[var(--foreground)]/5", "disabled:opacity-50 disabled:pointer-events-none"), "aria-label": "Next variant" }, icons?.next ?? (React.createElement("svg", { className: "size-3", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" },
-            React.createElement("polyline", { points: "9 18 15 12 9 6" }))))));
+    return (React.createElement(BranchPickerContext.Provider, { value: context },
+        React.createElement("div", { ...props, className: cn("inline-flex items-center gap-1 text-xs text-[var(--faint)]", className) }, children ?? (React.createElement(React.Fragment, null,
+            React.createElement(BranchPickerPrevious, null),
+            React.createElement(BranchPickerCount, null),
+            React.createElement(BranchPickerNext, null))))));
 }
+BranchPickerRoot.displayName = "BranchPicker";
+/** Branch picker with addressable previous, count, and next leaves. */
+export const BranchPicker = Object.assign(BranchPickerRoot, {
+    Root: BranchPickerRoot,
+    Previous: BranchPickerPrevious,
+    Count: BranchPickerCount,
+    Next: BranchPickerNext,
+});

package/esm/src/react/components/chat/chat/components/chat-messages-skeleton.d.ts

@@ -7,7 +7,7 @@
  *
  * @module react/components/chat/components/chat-messages-skeleton
  */
-import * as React from "../../../../../../react/react.js";
+import * as React from "react";
 /** Props accepted by `<ChatMessagesSkeleton>`. */
 export interface ChatMessagesSkeletonProps {
     className?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"chat-messages-skeleton.d.ts","sourceRoot":"","sources":["../../../../../../../src/src/react/components/chat/chat/components/chat-messages-skeleton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,KAAK,KAAK,MAAM,kCAAkC,CAAC;AAyB1D,kDAAkD;AAClD,MAAM,WAAW,yBAAyB;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,qDAAqD;AACrD,wBAAgB,oBAAoB,CAClC,EAAE,SAAS,EAAE,EAAE,yBAAyB,GACvC,KAAK,CAAC,YAAY,CAmBpB;yBArBe,oBAAoB"}
+{"version":3,"file":"chat-messages-skeleton.d.ts","sourceRoot":"","sources":["../../../../../../../src/src/react/components/chat/chat/components/chat-messages-skeleton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAyB/B,kDAAkD;AAClD,MAAM,WAAW,yBAAyB;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,qDAAqD;AACrD,wBAAgB,oBAAoB,CAClC,EAAE,SAAS,EAAE,EAAE,yBAAyB,GACvC,KAAK,CAAC,YAAY,CAmBpB;yBArBe,oBAAoB"}

package/esm/src/react/components/chat/chat/components/chat-messages-skeleton.js

@@ -7,7 +7,7 @@
  *
  * @module react/components/chat/components/chat-messages-skeleton
  */
-import * as React from "../../../../../../react/react.js";
+import * as React from "react";
 import { cn } from "../../theme.js";
 import { Skeleton } from "../../../ui/skeleton.js";
 /** An assistant skeleton row: avatar + name, then a few text lines. */

package/esm/src/react/components/chat/chat/components/code-block.d.ts

@@ -1,10 +1,12 @@
-import * as React from "../../../../../../react/react.js";
+import * as React from "react";
 /** Props accepted by code block. */
 export interface CodeBlockProps {
     language?: string;
     code: string;
     inline?: boolean;
     className?: string;
+    /** React 19: ref is a regular prop. */
+    ref?: React.Ref<HTMLDivElement>;
 }
 /**
  * Render rich code block.
@@ -15,5 +17,8 @@ export interface CodeBlockProps {
  * plain `<pre>` fork (no highlighting) is kept only for back-compat and will be
  * removed. `Markdown` already renders fenced blocks through `CodeBlock`.
  */
-export declare const RichCodeBlock: React.ForwardRefExoticComponent<CodeBlockProps & React.RefAttributes<HTMLDivElement>>;
+export declare function RichCodeBlock({ language, code, inline, className, ref }: CodeBlockProps): React.ReactElement;
+export declare namespace RichCodeBlock {
+    var displayName: string;
+}
 //# sourceMappingURL=code-block.d.ts.map