veryfront 0.1.996 → 0.1.998

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

@@ -1,30 +1,104 @@
 import * as React from "../../../../../../react/react.js";
 import { cn } from "../../theme.js";
 import { Markdown } from "../../markdown.js";
-import { BrainIcon, ChevronDownIcon } from "../../icons/index.js";
+import { ChevronDownIcon } from "../../icons/index.js";
+import { COMPONENT_ERROR } from "../../../../../errors/error-registry.js";
 import { Shimmer } from "./animations.js";
-/** Render reasoning card. */
-export const ReasoningCard = React.forwardRef(function ReasoningCard({ text, isStreaming = false, className }, ref) {
-    const [isOpen, setIsOpen] = React.useState(true);
+const ReasoningContext = React.createContext(null);
+/** Read the enclosing `Reasoning` state. Throws when used outside a `Reasoning`. */
+export function useReasoning() {
+    const ctx = React.useContext(ReasoningContext);
+    if (!ctx) {
+        throw COMPONENT_ERROR.create({
+            detail: "useReasoning must be used within a Reasoning",
+        });
+    }
+    return ctx;
+}
+/**
+ * `Reasoning.Root` — context provider + wrapper. No children renders the
+ * default anatomy (`Trigger` + `Content`); pass children to recompose.
+ */
+const ReasoningRoot = React.forwardRef(function Reasoning({ text, isStreaming = false, className, icon, labels, open, defaultOpen, onOpenChange, children, }, ref) {
+    const isControlled = open !== undefined;
+    // Uncontrolled default: open only if we mount mid-stream. A completed /
+    // reloaded card (isStreaming === false) starts collapsed, so it never
+    // plays the open-then-collapse animation.
+    const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen ?? isStreaming);
+    const isOpen = isControlled ? open : uncontrolledOpen;
     const userToggledRef = React.useRef(false);
+    // Tracks whether this card has ever streamed during its lifetime. We only
+    // auto-collapse once streaming actually ends — a card that was never
+    // streaming (history reload) has nothing to animate away from.
+    const hasStreamedRef = React.useRef(isStreaming);
     React.useEffect(() => {
-        if (isStreaming || !isOpen || userToggledRef.current)
+        // Parent owns state when controlled, and a manual toggle opts out of the
+        // stream-driven open/collapse entirely.
+        if (isControlled || userToggledRef.current)
             return;
-        const timer = globalThis.setTimeout(() => setIsOpen(false), 1000);
+        if (isStreaming) {
+            hasStreamedRef.current = true;
+            if (!isOpen) {
+                setUncontrolledOpen(true);
+                onOpenChange?.(true);
+            }
+            return;
+        }
+        // Streaming just finished in this session — collapse after a beat. If we
+        // never streamed (reloaded chat), leave the card exactly as it mounted.
+        if (!hasStreamedRef.current || !isOpen)
+            return;
+        const timer = globalThis.setTimeout(() => {
+            setUncontrolledOpen(false);
+            onOpenChange?.(false);
+        }, 1000);
         return () => clearTimeout(timer);
-    }, [isStreaming, isOpen]);
-    const label = isStreaming ? React.createElement(Shimmer, null, "Thinking...") : React.createElement("span", null, "Thought process");
-    return (React.createElement("div", { ref: ref, className: cn("not-prose mb-4", className) },
-        React.createElement("button", { type: "button", onClick: () => {
-                userToggledRef.current = true;
-                setIsOpen((open) => !open);
-            }, className: "flex w-full items-center gap-2 text-[var(--input-placeholder)] text-sm transition-colors hover:text-[var(--foreground)]" },
-            React.createElement(BrainIcon, { className: "size-4" }),
-            label,
-            React.createElement(ChevronDownIcon, { className: cn("size-4 transition-transform", isOpen && "rotate-180") })),
-        isOpen
-            ? (React.createElement("div", { className: "mt-4 text-sm text-[var(--muted-foreground)] border-l-2 border-[var(--border)] pl-4 ml-2" },
-                React.createElement(Markdown, { className: "text-sm" }, text)))
-            : null));
+    }, [isControlled, isStreaming, isOpen, onOpenChange]);
+    const toggle = React.useCallback(() => {
+        userToggledRef.current = true;
+        const next = !isOpen;
+        if (!isControlled)
+            setUncontrolledOpen(next);
+        onOpenChange?.(next);
+    }, [isControlled, isOpen, onOpenChange]);
+    const context = { text, isStreaming, isOpen, toggle };
+    return (React.createElement(ReasoningContext.Provider, { value: context },
+        React.createElement("div", { ref: ref, className: cn("not-prose mb-3", className) }, children ?? (React.createElement(React.Fragment, null,
+            React.createElement(ReasoningTrigger, { icon: icon, labels: labels }),
+            React.createElement(ReasoningContent, null))))));
+});
+ReasoningRoot.displayName = "Reasoning.Root";
+/** The header row: a "Thinking…" / "Thought process" label + expand chevron. */
+function ReasoningTrigger({ icon, labels, className }) {
+    const { isStreaming, isOpen, toggle } = useReasoning();
+    const thinkingLabel = labels?.thinking ?? "Thinking...";
+    const thoughtLabel = labels?.thought ?? "Thought process";
+    const label = isStreaming ? React.createElement(Shimmer, null, thinkingLabel) : React.createElement("span", null, thoughtLabel);
+    return (React.createElement("button", { type: "button", onClick: toggle, className: cn("flex w-full items-center gap-2 rounded-sm text-sm text-[var(--foreground)] outline-none transition-colors focus-visible:ring-2 focus-visible:ring-[var(--edge-medium)] focus-visible:ring-offset-0", className) },
+        label,
+        React.createElement("span", { className: cn("flex size-3.5 shrink-0 items-center justify-center transition-transform duration-200", !isOpen && "-rotate-90") }, icon ?? React.createElement(ChevronDownIcon, { className: "size-3.5 shrink-0" }))));
+}
+ReasoningTrigger.displayName = "Reasoning.Trigger";
+/** The reasoning body. Renders when open; pass children to replace the markdown. */
+function ReasoningContent({ className, children }) {
+    const { text, isOpen } = useReasoning();
+    if (!isOpen)
+        return null;
+    return (React.createElement("div", { className: cn("mt-2 text-sm text-[var(--foreground)]", className) }, children ?? (
+    // `text-sm!` overrides Markdown's base `text-base` (cn does not tw-merge)
+    // so reasoning renders at 14px like Studio's compact variant.
+    React.createElement(Markdown, { className: "mb-0 space-y-2.5 text-sm!" }, text))));
+}
+ReasoningContent.displayName = "Reasoning.Content";
+/**
+ * Reasoning — render `<Reasoning text={…} />` for the default disclosure, or
+ * compose `Reasoning.Trigger` + `Reasoning.Content` for a custom layout.
+ * Mirrors the `Message` / `ToolCall` compounds: render it, or compose it.
+ */
+export const Reasoning = Object.assign(ReasoningRoot, {
+    Root: ReasoningRoot,
+    Trigger: ReasoningTrigger,
+    Content: ReasoningContent,
 });
-ReasoningCard.displayName = "ReasoningCard";
+/** Back-compat alias — `message.tsx` and `agent-card.tsx` import `ReasoningCard`. */
+export const ReasoningCard = ReasoningRoot;

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

@@ -1,16 +1,182 @@
+/**
+ * ChatSidebar — a conversation rail, available as a one-shot preset or as a
+ * composable compound (mirroring `Chat` / `Message`).
+ *
+ * Conversation-native: it lists {@link ConversationSummary} rows and, inside a
+ * {@link ConversationsProvider}, needs **no props at all** — it reads the list,
+ * the active id, and select/new/delete/rename straight from context. Pass props
+ * to override any of them (controlled), or drop to the compound parts for a
+ * custom layout.
+ *
+ * @example Zero-config inside a provider
+ * ```tsx
+ * <ConversationsProvider store={store}>
+ *   <ChatSidebar />          // conversations + actions come from context
+ * </ConversationsProvider>
+ * ```
+ *
+ * @example Preset — the whole rail from props
+ * ```tsx
+ * <ChatSidebar
+ *   conversations={conversations}
+ *   activeId={activeId}
+ *   onSelect={select}
+ *   onDelete={remove}
+ *   onRename={rename}
+ *   onNew={create}
+ * />
+ * ```
+ *
+ * @example Composition — drive the layout yourself
+ * ```tsx
+ * <ChatSidebar.Root>
+ *   <ChatSidebar.NewButton>New chat</ChatSidebar.NewButton>
+ *   <ChatSidebar.List />
+ * </ChatSidebar.Root>
+ * ```
+ *
+ * `<ChatSidebar.List />` with no children auto-groups the conversations by recency.
+ *
+ * @module react/components/chat/chat/components/sidebar
+ */
 import * as React from "../../../../../../react/react.js";
-import type { Thread } from "../hooks/use-threads.js";
-/** Props accepted by chat sidebar. */
-export interface ChatSidebarProps {
-    threads: Thread[];
-    activeThreadId: string | null;
-    onSelectThread: (id: string) => void;
-    onDeleteThread: (id: string) => void;
-    onRenameThread?: (id: string, title: string) => void;
-    onNewThread?: () => void;
-    className?: string;
+import type { ConversationSummary } from "../persistence/conversation-store.js";
+/**
+ * Icon overrides for {@link ChatSidebar}. Each defaults to the built-in glyph
+ * (or, for `newConversation`, to no icon at all).
+ */
+export interface ChatSidebarIcons {
+    newConversation?: React.ReactNode;
+    rename?: React.ReactNode;
+    delete?: React.ReactNode;
+    more?: React.ReactNode;
+}
+/** Per-row handlers/state handed to a custom {@link ChatSidebarRootProps.renderItem}. */
+export interface ChatSidebarItemRenderOptions {
+    isActive: boolean;
+    onSelect: () => void;
+    onDelete?: () => void;
+    onRename?: (title: string) => void;
+}
+/** Data + action props shared by the preset and {@link ChatSidebarRoot}. */
+interface ChatSidebarControlProps {
+    /** Conversations to list, newest first. Defaults to the provider's list. */
+    conversations?: ConversationSummary[];
+    /** The currently selected conversation, or `null`. Defaults from context. */
+    activeId?: string | null;
+    /** Called when a conversation is chosen. Defaults to the provider's `select`. */
+    onSelect?: (id: string) => void;
+    /** Called when a conversation is deleted. Defaults to the provider's `remove`. */
+    onDelete?: (id: string) => void;
+    /** Called when a title is edited. Defaults to the provider's `rename`. */
+    onRename?: (id: string, title: string) => void;
+    /** Called to start a new conversation. Defaults to the provider's `create`. */
+    onNew?: () => void;
+    /** Render each row yourself instead of the built-in row (auto {@link ChatSidebarList}). */
+    renderItem?: (conversation: ConversationSummary, opts: ChatSidebarItemRenderOptions) => React.ReactNode;
+}
+/** Props accepted by {@link ChatSidebarRoot}. */
+export interface ChatSidebarRootProps extends ChatSidebarControlProps {
+    /** Override any of the sidebar icons. */
+    icons?: ChatSidebarIcons;
+    /**
+     * Show the loading skeleton instead of the list — e.g. while conversations
+     * are being fetched. When omitted, the auto {@link ChatSidebarList} shows a
+     * skeleton on its own until the client mounts.
+     */
+    loading?: boolean;
+    /** When `false`, the rail renders nothing. Default `true`. */
     isOpen?: boolean;
+    /**
+     * Fill the parent instead of owning a fixed width + mobile overlay chrome.
+     * Set when embedding inside a layout container (e.g. `AppShell.Sidebar`) that
+     * already provides width and the off-canvas overlay. Default `false`.
+     */
+    fill?: boolean;
+    className?: string;
+    children: React.ReactNode;
+}
+/** Context provider + outer rail container for the compound sidebar. */
+export declare function ChatSidebarRoot(props: ChatSidebarRootProps): React.ReactElement | null;
+export declare namespace ChatSidebarRoot {
+    var displayName: string;
+}
+/** Props accepted by {@link ChatSidebarNewButton}. */
+export interface ChatSidebarNewButtonProps {
+    /** Button label. Defaults to "New chat". */
+    children?: React.ReactNode;
+    className?: string;
+}
+/** The primary "new conversation" action. Wires `onNew` from context. */
+export declare function ChatSidebarNewButton({ children, className, }: ChatSidebarNewButtonProps): React.ReactElement;
+export declare namespace ChatSidebarNewButton {
+    var displayName: string;
+}
+/** Props accepted by {@link ChatSidebarItem}. */
+export interface ChatSidebarItemProps {
+    conversation: ConversationSummary;
+    className?: string;
+}
+/** A single conversation row — select on click, rename/delete via a "…" menu. */
+export declare function ChatSidebarItem({ conversation, className, }: ChatSidebarItemProps): React.ReactElement;
+export declare namespace ChatSidebarItem {
+    var displayName: string;
+}
+/** Props accepted by {@link ChatSidebarGroup}. */
+export interface ChatSidebarGroupProps {
+    /** Section heading (e.g. a recency bucket). Omit for an unlabeled group. */
+    label?: React.ReactNode;
+    children: React.ReactNode;
+    className?: string;
+}
+/** A labeled cluster of conversation rows. */
+export declare function ChatSidebarGroup({ label, children, className, }: ChatSidebarGroupProps): React.ReactElement;
+export declare namespace ChatSidebarGroup {
+    var displayName: string;
+}
+/** Props accepted by {@link ChatSidebarEmpty}. */
+export interface ChatSidebarEmptyProps {
+    children?: React.ReactNode;
+    className?: string;
+}
+/** Placeholder shown when there are no conversations to list. */
+export declare function ChatSidebarEmpty({ children, className, }: ChatSidebarEmptyProps): React.ReactElement;
+export declare namespace ChatSidebarEmpty {
+    var displayName: string;
+}
+/** Props accepted by {@link ChatSidebarList}. */
+export interface ChatSidebarListProps {
+    /**
+     * Provide your own groups/rows. When omitted, the list auto-groups the
+     * context conversations by recency and renders {@link ChatSidebarEmpty} when
+     * empty.
+     */
+    children?: React.ReactNode;
+    className?: string;
+}
+/** Scrollable region. Auto-groups by recency unless given `children`. */
+export declare function ChatSidebarList({ children, className, }: ChatSidebarListProps): React.ReactElement;
+export declare namespace ChatSidebarList {
+    var displayName: string;
+}
+/** Props accepted by the {@link ChatSidebar} preset. */
+export interface ChatSidebarProps extends Omit<ChatSidebarRootProps, "children"> {
+}
+/** The one-shot preset — composes Root + NewButton + auto List. */
+declare function ChatSidebarBase(props: ChatSidebarProps): React.ReactElement | null;
+declare namespace ChatSidebarBase {
+    var displayName: string;
 }
-/** Render chat sidebar. */
-export declare function ChatSidebar({ threads, activeThreadId, onSelectThread, onDeleteThread, onRenameThread, onNewThread, className, isOpen, }: ChatSidebarProps): React.ReactElement | null;
+/** Compound type — the preset plus its namespaced sub-components. */
+export type ChatSidebarComponent = typeof ChatSidebarBase & {
+    Root: typeof ChatSidebarRoot;
+    NewButton: typeof ChatSidebarNewButton;
+    List: typeof ChatSidebarList;
+    Group: typeof ChatSidebarGroup;
+    Item: typeof ChatSidebarItem;
+    Empty: typeof ChatSidebarEmpty;
+};
+/** Render a chat sidebar — usable as `<ChatSidebar />` or `<ChatSidebar.Root>…`. */
+export declare const ChatSidebar: ChatSidebarComponent;
+export {};
 //# sourceMappingURL=sidebar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../../../../../src/src/react/components/chat/chat/components/sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,kCAAkC,CAAC;AAG1D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEtD,sCAAsC;AACtC,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,cAAc,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAuHD,2BAA2B;AAC3B,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,WAAW,EACX,SAAS,EACT,MAAa,GACd,EAAE,gBAAgB,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CA6D9C"}
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../../../../../src/src/react/components/chat/chat/components/sidebar.tsx"],"names":[],"mappings":"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"}