veryfront 0.1.996 → 0.1.998

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

@@ -0,0 +1,149 @@
+import * as React from "../../../../../../react/react.js";
+/** Public API contract for uploaded file. */
+export interface UploadedFile {
+    id: string;
+    name: string;
+    size?: number;
+    type?: string;
+    url?: string;
+}
+/** Per-panel state shared with `AttachmentsPanel.*` sub-parts. */
+export interface AttachmentsPanelContextValue {
+    uploads: UploadedFile[];
+    /** `true` while the initial list is loading; shows the placeholder state. */
+    loading?: boolean;
+    onRemoveUpload?: (id: string) => void;
+    onAttach?: (files: FileList) => void;
+    attachAccept?: string;
+    /** Dismisses the panel; enables the close button when set. */
+    onClose?: () => void;
+    /** Opens the native file picker (wired to the hidden input in `Root`). */
+    triggerAttach: () => void;
+}
+/**
+ * Read the enclosing `AttachmentsPanel` state. Throws when used outside an
+ * `AttachmentsPanel`.
+ */
+export declare function useAttachmentsPanel(): AttachmentsPanelContextValue;
+/** Props accepted by `AttachmentsPanel` / `AttachmentsPanel.Root`. */
+export interface AttachmentsPanelProps {
+    uploads?: UploadedFile[];
+    /**
+     * `true` while the initial list is still loading. When set and there are no
+     * uploads yet, the panel shows the `Loading` placeholder instead of `Empty`.
+     */
+    loading?: boolean;
+    onRemoveUpload?: (id: string) => void;
+    onAttach?: (files: FileList) => void;
+    attachAccept?: string;
+    /** Called to dismiss the panel; renders the header close button when set. */
+    onClose?: () => void;
+    className?: string;
+    /** Compose your own panel; when omitted, the default anatomy is rendered. */
+    children?: React.ReactNode;
+}
+/** Props for `AttachmentsPanel.Header` — the title row + close button. */
+export interface AttachmentsPanelHeaderProps {
+    className?: string;
+    /** Compose your own header; when omitted, the "Attachments" title + close. */
+    children?: React.ReactNode;
+}
+/**
+ * The panel header: an "Attachments" title with a close `Button` on the right.
+ * The close button only appears when `onClose` is set on the panel.
+ */
+declare function AttachmentsPanelHeader({ className, children }: AttachmentsPanelHeaderProps): React.JSX.Element;
+declare namespace AttachmentsPanelHeader {
+    var displayName: string;
+}
+/** Props for `AttachmentsPanel.List` — the scrollable list of file rows. */
+export interface AttachmentsPanelListProps {
+    className?: string;
+    /** Compose your own rows; when omitted, one `AttachmentsPanel.Item` per upload. */
+    children?: React.ReactNode;
+}
+/**
+ * The attachment list — a flex-gap column of `AttachmentsPanel.Item` cards
+ * (one per upload) plus the "Upload files" `AttachmentsPanel.Action` underneath
+ * when `onAttach` is set.
+ */
+declare function AttachmentsPanelList({ className, children }: AttachmentsPanelListProps): React.JSX.Element;
+declare namespace AttachmentsPanelList {
+    var displayName: string;
+}
+/** Props accepted by an individual `AttachmentsPanel.Item` (attachment card). */
+export interface AttachmentsPanelItemProps {
+    file: UploadedFile;
+    className?: string;
+}
+/**
+ * A single attachment row — the shared `Attachment` (`AttachmentPill`) card,
+ * stretched full-width. This *composes* `AttachmentPill` (rather than rendering
+ * its default anatomy) to swap the trailing remove (✕) for an overflow (⋯) menu
+ * with Open / Delete — a live test of how composable `Attachment` is.
+ */
+declare function AttachmentsPanelItem({ file: doc, className }: AttachmentsPanelItemProps): React.JSX.Element;
+declare namespace AttachmentsPanelItem {
+    var displayName: string;
+}
+/** Props for `AttachmentsPanel.Loading` — the initial-fetch placeholder. */
+export interface AttachmentsPanelLoadingProps {
+    className?: string;
+    /** How many skeleton rows to render. Default `3`. */
+    count?: number;
+}
+/**
+ * The loading state: skeleton rows shaped like `AttachmentsPanel.Item` cards,
+ * shown while the initial list is fetched so the panel doesn't flash `Empty`.
+ */
+declare function AttachmentsPanelLoading({ className, count }: AttachmentsPanelLoadingProps): React.JSX.Element;
+declare namespace AttachmentsPanelLoading {
+    var displayName: string;
+}
+/** Props for `AttachmentsPanel.Empty` — the no-files state. */
+export interface AttachmentsPanelEmptyProps {
+    className?: string;
+    /** Compose your own empty state; when omitted, the default copy + action. */
+    children?: React.ReactNode;
+}
+/** The empty state: heading, hint, and the upload `AttachmentsPanel.Action`. */
+declare function AttachmentsPanelEmpty({ className, children }: AttachmentsPanelEmptyProps): React.JSX.Element;
+declare namespace AttachmentsPanelEmpty {
+    var displayName: string;
+}
+/** Props for `AttachmentsPanel.Action` — the upload/attach button. */
+export interface AttachmentsPanelActionProps {
+    /**
+     * Presentation only: `empty` is the pill button in the empty state, `more` is
+     * the centered "add more" button below the list. Both render a `<Button>`
+     * labelled "Upload files". Defaults to `empty`.
+     */
+    variant?: "empty" | "more";
+    className?: string;
+    /** Button contents; defaults to "Upload files". */
+    children?: React.ReactNode;
+    /** Called after opening the native picker. */
+    onClick?: () => void;
+}
+/** The upload/attach button. Opens the native file picker wired in `Root`. */
+declare function AttachmentsPanelAction({ variant, className, children, onClick }: AttachmentsPanelActionProps): React.JSX.Element;
+declare namespace AttachmentsPanelAction {
+    var displayName: string;
+}
+/**
+ * AttachmentsPanel — render `<AttachmentsPanel uploads={…} />` for the default panel, or
+ * compose `AttachmentsPanel.Root` + `List` / `Item` / `Empty` / `Action` for a
+ * 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>>;
+    Header: typeof AttachmentsPanelHeader;
+    List: typeof AttachmentsPanelList;
+    Item: typeof AttachmentsPanelItem;
+    Loading: typeof AttachmentsPanelLoading;
+    Empty: typeof AttachmentsPanelEmpty;
+    Action: typeof AttachmentsPanelAction;
+};
+export {};
+//# sourceMappingURL=attachments-panel.d.ts.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,187 @@
+import * as React from "../../../../../../react/react.js";
+import { cn } from "../../theme.js";
+import { ChatTokens } from "../../chat-tokens-style.js";
+import { FileTextIcon, MoreHorizontalIcon, PaperclipIcon, TrashIcon, XIcon, } from "../../icons/index.js";
+import { Button } from "../../ui/button.js";
+import { Skeleton } from "../../ui/skeleton.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "../../ui/dropdown-menu.js";
+import { AttachmentPill, useAttachmentPill } from "./attachment-pill.js";
+import { COMPONENT_ERROR } from "../../../../../errors/error-registry.js";
+const AttachmentsPanelContext = React.createContext(null);
+/**
+ * Read the enclosing `AttachmentsPanel` state. Throws when used outside an
+ * `AttachmentsPanel`.
+ */
+export function useAttachmentsPanel() {
+    const ctx = React.useContext(AttachmentsPanelContext);
+    if (!ctx) {
+        throw COMPONENT_ERROR.create({
+            detail: "useAttachmentsPanel must be used within an AttachmentsPanel",
+        });
+    }
+    return ctx;
+}
+/**
+ * `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.
+ */
+const AttachmentsPanelRoot = React.forwardRef(function AttachmentsPanel({ uploads = [], loading = false, onRemoveUpload, onAttach, attachAccept, onClose, className, children, }, ref) {
+    const fileInputRef = React.useRef(null);
+    const triggerAttach = () => fileInputRef.current?.click();
+    const context = {
+        uploads,
+        loading,
+        onRemoveUpload,
+        onAttach,
+        attachAccept,
+        onClose,
+        triggerAttach,
+    };
+    return (React.createElement(AttachmentsPanelContext.Provider, { value: context },
+        React.createElement(ChatTokens, null),
+        React.createElement("div", { ref: ref, "data-vf-chat": "", className: cn("flex flex-col h-full", className) },
+            children ?? (React.createElement(React.Fragment, null,
+                onClose && React.createElement(AttachmentsPanelHeader, null),
+                React.createElement("div", { className: "flex-1 overflow-y-auto px-4 py-4" }, uploads.length > 0
+                    ? React.createElement(AttachmentsPanelList, null)
+                    : loading
+                        ? React.createElement(AttachmentsPanelLoading, null)
+                        : React.createElement(AttachmentsPanelEmpty, null)))),
+            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,
+                } })))));
+});
+AttachmentsPanelRoot.displayName = "AttachmentsPanel.Root";
+/**
+ * The panel header: an "Attachments" title with a close `Button` on the right.
+ * The close button only appears when `onClose` is set on the panel.
+ */
+function AttachmentsPanelHeader({ className, children }) {
+    const { onClose } = useAttachmentsPanel();
+    return (React.createElement("div", { className: cn("flex shrink-0 items-center justify-between px-4 pt-4", className) }, children ?? (React.createElement(React.Fragment, null,
+        React.createElement("h2", { className: "text-sm font-medium text-[var(--foreground)]" }, "Attachments"),
+        onClose && (React.createElement(Button, { variant: "icon-ghost", size: "icon-sm", onClick: onClose, "aria-label": "Close attachments" },
+            React.createElement(XIcon, { className: "size-4" })))))));
+}
+AttachmentsPanelHeader.displayName = "AttachmentsPanel.Header";
+/**
+ * The attachment list — a flex-gap column of `AttachmentsPanel.Item` cards
+ * (one per upload) plus the "Upload files" `AttachmentsPanel.Action` underneath
+ * when `onAttach` is set.
+ */
+function AttachmentsPanelList({ className, children }) {
+    const { uploads, onAttach } = useAttachmentsPanel();
+    return (React.createElement("div", { className: cn("mx-auto flex max-w-2xl flex-col gap-2", className) }, children ?? (React.createElement(React.Fragment, null,
+        uploads.map((doc) => React.createElement(AttachmentsPanelItem, { key: doc.id, file: doc })),
+        onAttach && React.createElement(AttachmentsPanelAction, { variant: "more" })))));
+}
+AttachmentsPanelList.displayName = "AttachmentsPanel.List";
+/**
+ * A single attachment row — the shared `Attachment` (`AttachmentPill`) card,
+ * stretched full-width. This *composes* `AttachmentPill` (rather than rendering
+ * its default anatomy) to swap the trailing remove (✕) for an overflow (⋯) menu
+ * with Open / Delete — a live test of how composable `Attachment` is.
+ */
+function AttachmentsPanelItem({ file: doc, className }) {
+    return (
+    // Borderless rows here — the panel is a plain list, not a field of chips.
+    React.createElement(AttachmentPill, { attachment: doc, bordered: false, className: cn("w-full", className) },
+        React.createElement(AttachmentsPanelItemMedia, null),
+        React.createElement(AttachmentPill.Label, null),
+        React.createElement(AttachmentsPanelItemMenu, { file: doc })));
+}
+AttachmentsPanelItem.displayName = "AttachmentsPanel.Item";
+/**
+ * The leading media square — reads the pill's derived state to show the image
+ * `Thumbnail` (image attachments) or the file-type `Icon`, matching the default
+ * anatomy's choice.
+ */
+function AttachmentsPanelItemMedia() {
+    const { imageSrc, isError } = useAttachmentPill();
+    return imageSrc && !isError ? React.createElement(AttachmentPill.Thumbnail, null) : React.createElement(AttachmentPill.Icon, null);
+}
+/**
+ * The trailing overflow (⋯) menu — Open (when the file has a url) and Delete
+ * (when `onRemoveUpload` is set). Replaces the pill's default ✕ control.
+ */
+function AttachmentsPanelItemMenu({ file }) {
+    const { onRemoveUpload } = useAttachmentsPanel();
+    const canOpen = Boolean(file.url);
+    if (!canOpen && !onRemoveUpload)
+        return null;
+    return (React.createElement(DropdownMenu, null,
+        React.createElement(DropdownMenuTrigger, { asChild: true },
+            React.createElement(Button, { variant: "icon-ghost", size: "icon-sm", on: "card", "aria-label": `Actions for ${file.name}`, className: "shrink-0" },
+                React.createElement(MoreHorizontalIcon, null))),
+        React.createElement(DropdownMenuContent, { align: "end" },
+            canOpen && (React.createElement(DropdownMenuItem, { onSelect: () => globalThis.open?.(file.url, "_blank", "noopener") },
+                React.createElement(FileTextIcon, null),
+                "Open")),
+            onRemoveUpload && (React.createElement(DropdownMenuItem, { onSelect: () => onRemoveUpload(file.id), className: "text-[var(--destructive)] focus:text-[var(--destructive)]" },
+                React.createElement(TrashIcon, null),
+                "Delete")))));
+}
+/**
+ * The loading state: skeleton rows shaped like `AttachmentsPanel.Item` cards,
+ * shown while the initial list is fetched so the panel doesn't flash `Empty`.
+ */
+function AttachmentsPanelLoading({ className, count = 3 }) {
+    return (React.createElement("div", { className: cn("mx-auto flex max-w-2xl flex-col gap-2", className), "aria-busy": "true", "aria-live": "polite", "aria-label": "Loading files" }, Array.from({ length: count }, (_, i) => (React.createElement("div", { key: i, className: "flex w-full items-center gap-3 py-1" },
+        React.createElement(Skeleton, { className: "size-10 shrink-0 rounded-[var(--radius-sm)]" }),
+        React.createElement("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5" },
+            React.createElement(Skeleton, { className: "h-3.5 w-1/2" }),
+            React.createElement(Skeleton, { className: "h-3 w-1/4" })))))));
+}
+AttachmentsPanelLoading.displayName = "AttachmentsPanel.Loading";
+/** The empty state: heading, hint, and the upload `AttachmentsPanel.Action`. */
+function AttachmentsPanelEmpty({ className, children }) {
+    const { onAttach } = useAttachmentsPanel();
+    return (React.createElement("div", { className: cn("flex flex-col items-center justify-center h-full text-center", className) }, children ?? (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "mb-4 flex size-14 items-center justify-center rounded-full bg-[var(--secondary)] text-[var(--faint)]" },
+            React.createElement(PaperclipIcon, { className: "size-6" })),
+        React.createElement("h1", { className: "text-base font-medium text-[var(--foreground)]" }, "No files uploaded"),
+        React.createElement("p", { className: "mt-1 max-w-xs text-sm leading-6 text-[var(--faint)]" }, "Upload files to start asking questions about them"),
+        onAttach && (React.createElement(AttachmentsPanelAction, { variant: "empty" }, "Upload files"))))));
+}
+AttachmentsPanelEmpty.displayName = "AttachmentsPanel.Empty";
+/** The upload/attach button. Opens the native file picker wired in `Root`. */
+function AttachmentsPanelAction({ variant = "empty", className, children, onClick }) {
+    const { triggerAttach } = useAttachmentsPanel();
+    const handleClick = () => {
+        triggerAttach();
+        onClick?.();
+    };
+    return variant === "more"
+        ? (React.createElement("div", { className: "flex justify-center pt-2" },
+            React.createElement(Button, { variant: "primary", onClick: handleClick, className: cn("shadow-sm", className) }, children ?? "Upload files")))
+        : (React.createElement(Button, { variant: "primary", onClick: handleClick, className: cn("mt-4 shadow-sm", className) }, children ?? "Upload files"));
+}
+AttachmentsPanelAction.displayName = "AttachmentsPanel.Action";
+/**
+ * AttachmentsPanel — render `<AttachmentsPanel uploads={…} />` for the default panel, or
+ * compose `AttachmentsPanel.Root` + `List` / `Item` / `Empty` / `Action` for a
+ * custom layout. Mirrors the `ToolCall` / `Sources` compounds: render it, or
+ * compose it.
+ */
+export const AttachmentsPanel = Object.assign(AttachmentsPanelRoot, {
+    Root: AttachmentsPanelRoot,
+    Header: AttachmentsPanelHeader,
+    List: AttachmentsPanelList,
+    Item: AttachmentsPanelItem,
+    Loading: AttachmentsPanelLoading,
+    Empty: AttachmentsPanelEmpty,
+    Action: AttachmentsPanelAction,
+});

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

@@ -1,11 +1,22 @@
 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;
+}
 /** Props accepted by branch picker. */
-export interface BranchPickerProps {
+export interface BranchPickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onClick" | "className"> {
     current: number;
     total: number;
     onPrev: () => void;
     onNext: () => void;
+    className?: string;
+    /** Override either of the chevron icons. */
+    icons?: BranchPickerIcons;
 }
 /** Render branch picker. */
-export declare function BranchPicker({ current, total, onPrev, onNext, }: BranchPickerProps): React.ReactElement | null;
+export declare function BranchPicker({ current, total, onPrev, onNext, className, icons, ...props }: BranchPickerProps): React.ReactElement | null;
 //# 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,uCAAuC;AACvC,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,4BAA4B;AAC5B,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,KAAK,EACL,MAAM,EACN,MAAM,GACP,EAAE,iBAAiB,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAsD/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,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"}

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

@@ -1,18 +1,16 @@
 import * as React from "../../../../../../react/react.js";
 import { cn } from "../../theme.js";
 /** Render branch picker. */
-export function BranchPicker({ current, total, onPrev, onNext, }) {
+export function BranchPicker({ current, total, onPrev, onNext, className, icons, ...props }) {
     if (total <= 1)
         return null;
-    return (React.createElement("div", { className: "inline-flex items-center gap-1 text-xs text-[var(--input-placeholder)]" },
-        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" },
-            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" }))),
+    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" },
-            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" })))));
+        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" }))))));
 }

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

@@ -0,0 +1,20 @@
+/**
+ * ChatMessagesSkeleton — loading placeholder for a chat thread that is still
+ * fetching its history. Ported 1:1 from Studio's `ChatMessagesSkeleton`:
+ * alternating user (right-aligned bubble) and assistant (avatar + name + text
+ * lines) skeleton rows, at the same `max-w-[850px]` column as the real list.
+ * Wrapped in an `aria-busy` `<output>` for assistive tech.
+ *
+ * @module react/components/chat/components/chat-messages-skeleton
+ */
+import * as React from "../../../../../../react/react.js";
+/** Props accepted by `<ChatMessagesSkeleton>`. */
+export interface ChatMessagesSkeletonProps {
+    className?: string;
+}
+/** Render the loading skeleton for a chat thread. */
+export declare function ChatMessagesSkeleton({ className }: ChatMessagesSkeletonProps): React.ReactElement;
+export declare namespace ChatMessagesSkeleton {
+    var displayName: string;
+}
+//# sourceMappingURL=chat-messages-skeleton.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,31 @@
+/**
+ * ChatMessagesSkeleton — loading placeholder for a chat thread that is still
+ * fetching its history. Ported 1:1 from Studio's `ChatMessagesSkeleton`:
+ * alternating user (right-aligned bubble) and assistant (avatar + name + text
+ * lines) skeleton rows, at the same `max-w-[850px]` column as the real list.
+ * Wrapped in an `aria-busy` `<output>` for assistive tech.
+ *
+ * @module react/components/chat/components/chat-messages-skeleton
+ */
+import * as React from "../../../../../../react/react.js";
+import { cn } from "../../theme.js";
+import { Skeleton } from "../../ui/skeleton.js";
+/** An assistant skeleton row: avatar + name, then a few text lines. */
+function AssistantSkeletonRow({ lines }) {
+    return (React.createElement("div", { className: "flex flex-col gap-2" },
+        React.createElement("div", { className: "flex items-center gap-2" },
+            React.createElement(Skeleton, { className: "size-8! rounded-full! bg-[var(--edge)]!" }),
+            React.createElement(Skeleton, { className: "h-3! w-28! bg-[var(--edge)]!" })),
+        React.createElement("div", { className: "flex flex-col gap-2" }, lines.map((w, i) => React.createElement(Skeleton, { key: i, className: cn("h-3!", w) })))));
+}
+/** Render the loading skeleton for a chat thread. */
+export function ChatMessagesSkeleton({ className }) {
+    return (React.createElement("output", { "aria-busy": "true", className: cn("flex-1 min-h-0 overflow-hidden", className) },
+        React.createElement("div", { className: "py-6 w-full max-w-[850px] mx-auto px-9 flex flex-col gap-5" },
+            React.createElement(Skeleton, { className: "h-8! w-48! self-end rounded-lg! rounded-br-sm! bg-[var(--tint)]!" }),
+            React.createElement(AssistantSkeletonRow, { lines: ["w-full!", "w-5/6!", "w-3/4!"] }),
+            React.createElement(Skeleton, { className: "h-8! w-36! self-end rounded-lg! rounded-br-sm! bg-[var(--tint)]!" }),
+            React.createElement(AssistantSkeletonRow, { lines: ["w-full!", "w-4/6!"] })),
+        React.createElement("span", { className: "sr-only" }, "Loading messages...")));
+}
+ChatMessagesSkeleton.displayName = "ChatMessagesSkeleton";

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

@@ -6,6 +6,14 @@ export interface CodeBlockProps {
     inline?: boolean;
     className?: string;
 }
-/** Render rich code block. */
+/**
+ * Render rich code block.
+ *
+ * @deprecated Use the shared `CodeBlock` primitive (`chat/ui/code-block.tsx`)
+ * instead — it does real shiki syntax highlighting, an icon-only copy button
+ * with tooltip, a file-type/language label, collapsible + mermaid support. This
+ * 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>>;
 //# sourceMappingURL=code-block.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"code-block.d.ts","sourceRoot":"","sources":["../../../../../../../src/src/react/components/chat/chat/components/code-block.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,kCAAkC,CAAC;AAI1D,oCAAoC;AACpC,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,8BAA8B;AAC9B,eAAO,MAAM,aAAa,uFAqEzB,CAAC"}
+{"version":3,"file":"code-block.d.ts","sourceRoot":"","sources":["../../../../../../../src/src/react/components/chat/chat/components/code-block.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,kCAAkC,CAAC;AAI1D,oCAAoC;AACpC,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,aAAa,uFAqEzB,CAAC"}

package/esm/src/react/components/chat/chat/components/code-block.js

@@ -1,7 +1,15 @@
 import * as React from "../../../../../../react/react.js";
 import { cn } from "../../theme.js";
 import { CheckIcon, CopyIcon } from "../../icons/index.js";
-/** Render rich code block. */
+/**
+ * Render rich code block.
+ *
+ * @deprecated Use the shared `CodeBlock` primitive (`chat/ui/code-block.tsx`)
+ * instead — it does real shiki syntax highlighting, an icon-only copy button
+ * with tooltip, a file-type/language label, collapsible + mermaid support. This
+ * plain `<pre>` fork (no highlighting) is kept only for back-compat and will be
+ * removed. `Markdown` already renders fenced blocks through `CodeBlock`.
+ */
 export const RichCodeBlock = React.forwardRef(function RichCodeBlock({ language, code, inline, className }, ref) {
     const [copied, setCopied] = React.useState(false);
     const handleCopy = React.useCallback(async () => {
@@ -21,19 +29,19 @@ export const RichCodeBlock = React.forwardRef(function RichCodeBlock({ language,
         globalThis.setTimeout(() => setCopied(false), 2000);
     }, [code]);
     if (inline) {
-        return (React.createElement("code", { className: cn("bg-[var(--accent)] px-1.5 py-0.5 rounded text-sm font-mono", className) }, code));
+        return (React.createElement("code", { className: cn("rounded-[var(--radius-xs)] bg-[var(--accent)] px-1 py-0.5 font-mono text-sm font-medium", className) }, code));
     }
-    return (React.createElement("div", { ref: ref, className: cn("my-4 rounded-xl overflow-hidden border border-[var(--border)]", className) },
-        React.createElement("div", { className: "flex items-center justify-between px-4 py-2 text-[var(--muted-foreground)] text-xs" },
+    return (React.createElement("div", { ref: ref, className: cn("my-4 overflow-hidden rounded-[var(--radius-lg)] border border-[var(--edge)]", className) },
+        React.createElement("div", { className: "flex items-center justify-between px-4 py-2 text-xs text-[var(--faint)]" },
             React.createElement("span", { className: "font-mono font-medium" }, language || "text"),
-            React.createElement("button", { type: "button", onClick: handleCopy, className: "inline-flex items-center gap-1.5 text-[var(--input-placeholder)] hover:text-[var(--foreground)] transition-colors" }, copied
+            React.createElement("button", { type: "button", onClick: handleCopy, className: "inline-flex items-center gap-1.5 text-[var(--faint)] transition-colors hover:text-[var(--foreground)]" }, copied
                 ? (React.createElement(React.Fragment, null,
                     React.createElement(CheckIcon, { className: "size-3.5" }),
                     React.createElement("span", null, "Copied")))
                 : (React.createElement(React.Fragment, null,
                     React.createElement(CopyIcon, { className: "size-3.5" }),
                     React.createElement("span", null, "Copy"))))),
-        React.createElement("pre", { className: "p-4 text-[var(--foreground)] bg-[var(--accent)] overflow-auto text-sm [&_.hljs]:bg-transparent [&_.hljs]:p-0" },
+        React.createElement("pre", { className: "overflow-auto bg-[var(--secondary)] p-4 text-sm text-[var(--foreground)] [&_.hljs]:bg-transparent [&_.hljs]:p-0" },
             React.createElement("code", { className: language ? `language-${language}` : undefined }, code))));
 });
 RichCodeBlock.displayName = "RichCodeBlock";

package/esm/src/react/components/chat/chat/components/drop-zone.d.ts

@@ -1,9 +1,16 @@
 import * as React from "../../../../../../react/react.js";
 /** Props accepted by drop zone overlay. */
-export interface DropZoneOverlayProps {
+export interface DropZoneOverlayProps extends React.HTMLAttributes<HTMLDivElement> {
     visible: boolean;
-    accept?: string;
+    /** Override the upload glyph. */
+    icon?: React.ReactNode;
+    /** Override the prompt label. Defaults to "Drop files". */
+    label?: string;
 }
-/** Render drop zone overlay. */
-export declare function DropZoneOverlay({ visible, accept, }: DropZoneOverlayProps): React.ReactElement | null;
+/**
+ * Drag overlay shown over the composer while files are dragged onto it — the
+ * glyph-in-a-circle + "Drop files" from Studio's `PromptForm`. Rendered inside
+ * a `relative` card; fills it and blurs the content behind.
+ */
+export declare function DropZoneOverlay({ visible, icon, label, className, ...props }: DropZoneOverlayProps): React.ReactElement | null;
 //# sourceMappingURL=drop-zone.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"drop-zone.d.ts","sourceRoot":"","sources":["../../../../../../../src/src/react/components/chat/chat/components/drop-zone.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,kCAAkC,CAAC;AAG1D,2CAA2C;AAC3C,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,gCAAgC;AAChC,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,MAAM,GACP,EAAE,oBAAoB,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAqClD"}
+{"version":3,"file":"drop-zone.d.ts","sourceRoot":"","sources":["../../../../../../../src/src/react/components/chat/chat/components/drop-zone.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,kCAAkC,CAAC;AAG1D,2CAA2C;AAC3C,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF,OAAO,EAAE,OAAO,CAAC;IACjB,iCAAiC;IACjC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,2DAA2D;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,IAAI,EACJ,KAAoB,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAgClD"}

package/esm/src/react/components/chat/chat/components/drop-zone.js

@@ -1,15 +1,17 @@
 import * as React from "../../../../../../react/react.js";
 import { cn } from "../../theme.js";
-/** Render drop zone overlay. */
-export function DropZoneOverlay({ visible, accept, }) {
+/**
+ * Drag overlay shown over the composer while files are dragged onto it — the
+ * glyph-in-a-circle + "Drop files" from Studio's `PromptForm`. Rendered inside
+ * a `relative` card; fills it and blurs the content behind.
+ */
+export function DropZoneOverlay({ visible, icon, label = "Drop files", className, ...props }) {
     if (!visible)
         return null;
-    return (React.createElement("div", { className: cn("absolute inset-0 z-50 flex flex-col items-center justify-center gap-3", "bg-[var(--background)]/80 backdrop-blur-sm", "border-2 border-dashed border-[var(--success)] rounded-2xl", "pointer-events-none") },
-        React.createElement("svg", { className: "size-10 text-[var(--success)]", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" },
+    return (React.createElement("div", { ...props, className: cn("pointer-events-none absolute inset-0 z-10 flex flex-col items-center justify-center gap-1.5", "rounded-[var(--radius-lg)] bg-[var(--secondary)] backdrop-blur-sm", className) },
+        React.createElement("div", { className: "flex size-10 items-center justify-center rounded-full bg-[var(--accent)]" }, icon ?? (React.createElement("svg", { className: "size-4 text-[var(--foreground)]", 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: "17 8 12 3 7 8" }),
-            React.createElement("line", { x1: "12", y1: "3", x2: "12", y2: "15" })),
-        React.createElement("div", { className: "text-center" },
-            React.createElement("p", { className: "text-sm font-medium text-[var(--card-foreground)]" }, "Drop files here"),
-            accept && (React.createElement("p", { className: "text-xs text-[var(--muted-foreground)] mt-1" }, accept.replace(/\./g, "").toUpperCase().replace(/,/g, ", "))))));
+            React.createElement("line", { x1: "12", y1: "3", x2: "12", y2: "15" })))),
+        React.createElement("p", { className: "text-sm text-[var(--foreground)]" }, label)));
 }

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

@@ -31,7 +31,8 @@ export interface ConversationScrollButtonProps {
     onClick?: () => void;
     visible?: boolean;
     className?: string;
+    icon?: React.ReactNode;
 }
 /** Render conversation scroll button. */
-export declare function ConversationScrollButton({ onClick, visible, className, }: ConversationScrollButtonProps): React.ReactElement | null;
+export declare function ConversationScrollButton({ onClick, visible, className, icon, }: ConversationScrollButtonProps): React.ReactElement | null;
 //# sourceMappingURL=empty-state.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../../../../../../src/src/react/components/chat/chat/components/empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,kCAAkC,CAAC;AAI1D,oCAAoC;AACpC,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,yBAAyB;AACzB,wBAAgB,UAAU,CAAC,EACzB,UAAU,EACV,OAAO,EACP,SAAS,EACT,IAAI,GACL,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,CAoBtC;AAED,qCAAqC;AACrC,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;CAChC;AAED,0BAA0B;AAC1B,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,MAAe,GAChB,EAAE,gBAAgB,GAAG,KAAK,CAAC,YAAY,CAMvC;AAED,kDAAkD;AAClD,MAAM,WAAW,2BAA2B;IAC1C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,oCAAoC;AACpC,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,KAA+B,EAC/B,WAAW,EACX,QAAQ,EACR,SAAS,GACV,EAAE,2BAA2B,GAAG,KAAK,CAAC,YAAY,CAuBlD;AAED,oDAAoD;AACpD,MAAM,WAAW,6BAA6B;IAC5C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,yCAAyC;AACzC,wBAAgB,wBAAwB,CAAC,EACvC,OAAO,EACP,OAAc,EACd,SAAS,GACV,EAAE,6BAA6B,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAe3D"}
+{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../../../../../../src/src/react/components/chat/chat/components/empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,kCAAkC,CAAC;AAI1D,oCAAoC;AACpC,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,yBAAyB;AACzB,wBAAgB,UAAU,CAAC,EACzB,UAAU,EACV,OAAO,EACP,SAAS,EACT,IAAI,GACL,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,CAoBtC;AAED,qCAAqC;AACrC,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;CAChC;AAED,0BAA0B;AAC1B,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,MAAe,GAChB,EAAE,gBAAgB,GAAG,KAAK,CAAC,YAAY,CAMvC;AAED,kDAAkD;AAClD,MAAM,WAAW,2BAA2B;IAC1C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,oCAAoC;AACpC,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,KAA+B,EAC/B,WAAW,EACX,QAAQ,EACR,SAAS,GACV,EAAE,2BAA2B,GAAG,KAAK,CAAC,YAAY,CA4BlD;AAED,oDAAoD;AACpD,MAAM,WAAW,6BAA6B;IAC5C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,yCAAyC;AACzC,wBAAgB,wBAAwB,CAAC,EACvC,OAAO,EACP,OAAc,EACd,SAAS,EACT,IAAI,GACL,EAAE,6BAA6B,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAgB3D"}