@wallarm-org/design-system 3.2.0 → 3.3.0

package/dist/components/WallyAssistant/views/ChatPartView.js

@@ -0,0 +1,171 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
+import { RefreshCcw } from "../../../icons/index.js";
+import { useTestId } from "../../../utils/testId.js";
+import { AssistantMessageContent, AssistantMessageError } from "../../AssistantMessage/index.js";
+import { Button } from "../../Button/index.js";
+import { useRenderEveryTime } from "../../Table/lib/useRenderEveryTime.js";
+import { UserMessageBubble, UserMessageShowMore } from "../../UserMessage/index.js";
+import { isLiveStep, isRunningStatus } from "../model/deriveChatState.js";
+import { ApprovalCardView } from "./ApprovalCardView.js";
+import { ChainOfThoughtView } from "./ChainOfThoughtView.js";
+import { MarkdownView, useChatView } from "./ChatViewContext.js";
+const RetryButton = (t0)=>{
+    const $ = c(9);
+    const { message, part } = t0;
+    const { labels, handlers } = useChatView();
+    const t1 = useTestId("retry");
+    let t2;
+    if ($[0] !== handlers || $[1] !== message || $[2] !== part) {
+        t2 = ()=>{
+            if ("assistant" === message.role) handlers.current.onRetry?.(message, part);
+        };
+        $[0] = handlers;
+        $[1] = message;
+        $[2] = part;
+        $[3] = t2;
+    } else t2 = $[3];
+    let t3;
+    if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+        t3 = /*#__PURE__*/ jsx(RefreshCcw, {});
+        $[4] = t3;
+    } else t3 = $[4];
+    let t4;
+    if ($[5] !== labels.retry || $[6] !== t1 || $[7] !== t2) {
+        t4 = /*#__PURE__*/ jsxs(Button, {
+            variant: "ghost",
+            color: "neutral",
+            size: "small",
+            "data-testid": t1,
+            onClick: t2,
+            children: [
+                t3,
+                labels.retry
+            ]
+        });
+        $[5] = labels.retry;
+        $[6] = t1;
+        $[7] = t2;
+        $[8] = t4;
+    } else t4 = $[8];
+    return t4;
+};
+const isAbsentPart = (p)=>"text" === p.type && !p.text || "chain-of-thought" === p.type && !p.steps.length;
+const isWorking = (message, part)=>{
+    if ("chain-of-thought" !== part.type || part.steps.some(isLiveStep)) return false;
+    const after = message.parts.slice(message.parts.indexOf(part) + 1);
+    return after.every((p)=>"approval" === p.type || isAbsentPart(p));
+};
+const ChatPartView = (t0)=>{
+    const $ = c(26);
+    const { part, message, isLast, placement: t1 } = t0;
+    const placement = void 0 === t1 ? "inline" : t1;
+    const { status, labels, renderPart, hasRetry } = useChatView();
+    let t2;
+    if ($[0] !== status) {
+        t2 = isRunningStatus(status);
+        $[0] = status;
+        $[1] = t2;
+    } else t2 = $[1];
+    const running = t2;
+    const active = running && isLast;
+    const streaming = active && message.parts[message.parts.length - 1]?.id === part.id;
+    let defaultNode;
+    if ($[2] !== active || $[3] !== hasRetry || $[4] !== isLast || $[5] !== labels || $[6] !== message || $[7] !== part || $[8] !== streaming) {
+        defaultNode = null;
+        switch(part.type){
+            case "text":
+                defaultNode = "user" === message.role ? /*#__PURE__*/ jsx(UserMessageBubble, {
+                    showMore: /*#__PURE__*/ jsx(UserMessageShowMore, {
+                        showMoreLabel: labels.showMore,
+                        showLessLabel: labels.showLess
+                    }),
+                    children: part.text
+                }) : /*#__PURE__*/ jsx(AssistantMessageContent, {
+                    children: /*#__PURE__*/ jsx(MarkdownView, {
+                        text: part.text,
+                        streaming: streaming,
+                        variant: "answer",
+                        messageId: message.id,
+                        partId: part.id
+                    })
+                });
+                break;
+            case "chain-of-thought":
+                {
+                    let t3;
+                    if ($[10] !== active || $[11] !== message || $[12] !== part) {
+                        t3 = active && isWorking(message, part);
+                        $[10] = active;
+                        $[11] = message;
+                        $[12] = part;
+                        $[13] = t3;
+                    } else t3 = $[13];
+                    defaultNode = /*#__PURE__*/ jsx(ChainOfThoughtView, {
+                        part: part,
+                        message: message,
+                        active: active,
+                        working: t3
+                    });
+                    break;
+                }
+            case "approval":
+                defaultNode = /*#__PURE__*/ jsx(ApprovalCardView, {
+                    approval: part,
+                    message: message,
+                    disabled: !isLast
+                });
+                break;
+            case "error":
+                {
+                    let t3;
+                    if ($[14] !== hasRetry || $[15] !== message || $[16] !== part) {
+                        t3 = part.retryable && hasRetry ? /*#__PURE__*/ jsx(RetryButton, {
+                            message: message,
+                            part: part
+                        }) : null;
+                        $[14] = hasRetry;
+                        $[15] = message;
+                        $[16] = part;
+                        $[17] = t3;
+                    } else t3 = $[17];
+                    defaultNode = /*#__PURE__*/ jsx(AssistantMessageError, {
+                        action: t3,
+                        children: part.text
+                    });
+                    break;
+                }
+            default:
+        }
+        $[2] = active;
+        $[3] = hasRetry;
+        $[4] = isLast;
+        $[5] = labels;
+        $[6] = message;
+        $[7] = part;
+        $[8] = streaming;
+        $[9] = defaultNode;
+    } else defaultNode = $[9];
+    let t3;
+    if ($[18] !== defaultNode || $[19] !== isLast || $[20] !== message || $[21] !== part || $[22] !== placement || $[23] !== renderPart || $[24] !== streaming) {
+        t3 = ()=>renderPart?.(part, {
+                message,
+                isLast,
+                streaming,
+                placement,
+                defaultRender: ()=>defaultNode
+            });
+        $[18] = defaultNode;
+        $[19] = isLast;
+        $[20] = message;
+        $[21] = part;
+        $[22] = placement;
+        $[23] = renderPart;
+        $[24] = streaming;
+        $[25] = t3;
+    } else t3 = $[25];
+    const custom = useRenderEveryTime(t3);
+    return void 0 === custom ? defaultNode : custom;
+};
+ChatPartView.displayName = "ChatPartView";
+export { ChatPartView, isAbsentPart };

package/dist/components/WallyAssistant/views/ChatViewContext.d.ts

@@ -0,0 +1,98 @@
+import { type ComponentType, type FC, type ReactNode, type RefObject } from 'react';
+import { type AssistantMessageMarkdownVariant } from '../../AssistantMessage/index.js';
+import { type ChatLabels } from '../model/labels.js';
+import type { ChatApprovalPart, ChatApprovalResponse, ChatAssistantMessage, ChatErrorPart, ChatFeedback, ChatId, ChatMessage, ChatPart, ChatStatus, ChatStep } from '../model/model.js';
+export interface ChatMarkdownProps {
+    text: string;
+    /** The text is still growing (the streaming answer's tail, or the body of a live step): use a streaming-safe parser. */
+    streaming: boolean;
+    /** 'chain-of-thought': Figma 494:4292 wants InlineCodeSnippet copyable={false} size='sm' text-secondary there. */
+    variant: AssistantMessageMarkdownVariant;
+    /** Absent for an ApprovalCardView rendered without a message (e.g. a CopilotKit HITL card). */
+    messageId?: ChatId;
+    /** The part's id — the step's id for chain-of-thought bodies — e.g. to resolve [1] citations from your store. */
+    partId: ChatId;
+}
+export interface ChatPartRenderContext {
+    message: ChatMessage;
+    /** `message` is the last row. */
+    isLast: boolean;
+    /** This part is the growing tail of the streaming answer. */
+    streaming: boolean;
+    placement: 'inline' | 'docked';
+    /** The DS rendering of this part (null for custom and unknown types). Wrap it, or return it as is. */
+    defaultRender: () => ReactNode;
+}
+export interface ChatStepRenderContext {
+    message: ChatMessage;
+    /** The default body: `content` as markdown, then the nested steps (null when both are absent). */
+    defaultRender: () => ReactNode;
+}
+/** Prebuilt nodes for the actions row; null when not applicable (no text, no onFeedback, no createdAt). */
+export interface ChatMessageActionNodes {
+    copy: ReactNode;
+    like: ReactNode;
+    dislike: ReactNode;
+    timestamp: ReactNode;
+}
+/** Everything the data views read. WallyAssistant takes the same props; custom layouts pass them to ChatViewProvider. */
+export interface ChatViewConfig {
+    /** Default 'ready'. */
+    status?: ChatStatus;
+    labels?: Partial<ChatLabels>;
+    /** Icon key → element from src/icons; wins over the built-in Figma 483:1899 table. */
+    icons?: Readonly<Record<string, ReactNode>>;
+    /** The markdown renderer, at module scope (never inline). Default: the DS `AssistantMessageMarkdown` (GFM,
+     *  streaming-safe, no raw HTML, http/https/mailto/relative links only, no images). A replacement owns its own
+     *  sanitizing. To change one element, wrap it at module scope:
+     *  `const WallyMarkdown: FC<ChatMarkdownProps> = p => <AssistantMessageMarkdown {...p} components={MAP} />`. */
+    markdown?: ComponentType<ChatMarkdownProps>;
+    /** ISO → label. Default: DS formatRelativeTime (honours DateFormatProvider). Give it a new identity on your
+     *  clock tick to refresh "2 min ago" — the DS runs no clock. */
+    formatTimestamp?: (createdAt: string) => string;
+    /** 'docked': the last message's approvals render in the footer. Default 'inline' here;
+     *  WallyAssistant defaults to 'docked' (Figma). A custom layout passes the same value to
+     *  `deriveChatState`, or the approval renders twice (provider 'inline') or never (provider 'docked'). */
+    approvalPlacement?: 'docked' | 'inline';
+    /** Called for every part, custom and unknown types included. undefined = the default; null = nothing.
+     *  A render function: no hooks inside — put them in the components you return.
+     *  While it is set, every part counts as rendered for the loader and the actions row (its output
+     *  is unknown up front), so a running reply made only of parts it maps to nothing shows no loader. */
+    renderPart?: (part: ChatPart, ctx: ChatPartRenderContext) => ReactNode | undefined;
+    /** A step's collapsible body: rich tool output, or a card for one tool via `step.name`.
+     *  undefined = the default; null = no body (the row isn't collapsible). No hooks inside. */
+    renderStepContent?: (step: ChatStep, ctx: ChatStepRenderContext) => ReactNode | undefined;
+    /** The actions row's children (Figma Wally order: Copy, ThumbsUp, ThumbsDown, Ellipsis, Timestamp).
+     *  undefined = the default order; null = no row. No hooks inside. */
+    renderMessageActions?: (message: ChatMessage, actions: ChatMessageActionNodes) => ReactNode | undefined;
+    /** Absent → approval buttons are disabled. */
+    onApprovalRespond?: (response: ChatApprovalResponse, approval: ChatApprovalPart) => void;
+    /** Absent → no thumbs. Clicking the pressed thumb sends null. */
+    onFeedback?: (message: ChatAssistantMessage, value: ChatFeedback | null) => void;
+    /** Fired after Copy copied; Copy itself shows whenever the message has text. */
+    onCopy?: (message: ChatMessage, text: string) => void;
+    /** Absent → no Retry on error parts. */
+    onRetry?: (message: ChatAssistantMessage, part: ChatErrorPart) => void;
+}
+export type ChatViewHandlers = Pick<ChatViewConfig, 'onApprovalRespond' | 'onFeedback' | 'onCopy' | 'onRetry'>;
+/** Internal: render-time config plus a latest-value ref for the handlers (read only in event handlers). */
+export interface ChatViewContextValue extends Pick<ChatViewConfig, 'icons' | 'formatTimestamp' | 'renderPart' | 'renderStepContent' | 'renderMessageActions'> {
+    status: ChatStatus;
+    labels: ChatLabels;
+    markdown: ComponentType<ChatMarkdownProps>;
+    approvalPlacement: 'docked' | 'inline';
+    handlers: RefObject<ChatViewHandlers>;
+    hasApprovalRespond: boolean;
+    hasFeedback: boolean;
+    hasCopy: boolean;
+    hasRetry: boolean;
+}
+export declare const ChatViewContext: import("react").Context<ChatViewContextValue | null>;
+/** The provider's config, or the defaults outside one (never throws). */
+export declare const useChatView: () => ChatViewContextValue;
+/**
+ * The configured markdown with primitive props only: its compiled body memoizes the element on
+ * `text`, so an unchanged body is never re-rendered (re-parsed), even when the mapper rebuilds every
+ * message and part object on each snapshot (§7.7).
+ */
+export declare const MarkdownView: FC<ChatMarkdownProps>;

package/dist/components/WallyAssistant/views/ChatViewContext.js

@@ -0,0 +1,44 @@
+import { c } from "react/compiler-runtime";
+import { createContext, createElement, useContext } from "react";
+import { AssistantMessageMarkdown } from "../../AssistantMessage/index.js";
+import { DEFAULT_CHAT_LABELS } from "../model/labels.js";
+const NO_HANDLERS = {
+    current: {}
+};
+const DEFAULT_VALUE = {
+    status: "ready",
+    labels: DEFAULT_CHAT_LABELS,
+    markdown: AssistantMessageMarkdown,
+    approvalPlacement: "inline",
+    handlers: NO_HANDLERS,
+    hasApprovalRespond: false,
+    hasFeedback: false,
+    hasCopy: false,
+    hasRetry: false
+};
+const ChatViewContext = createContext(null);
+const useChatView = ()=>useContext(ChatViewContext) ?? DEFAULT_VALUE;
+const MarkdownView = (t0)=>{
+    const $ = c(7);
+    const { text, streaming, variant, messageId, partId } = t0;
+    const { markdown } = useChatView();
+    let t1;
+    if ($[0] !== markdown || $[1] !== messageId || $[2] !== partId || $[3] !== streaming || $[4] !== text || $[5] !== variant) {
+        t1 = createElement(markdown, {
+            text,
+            streaming,
+            variant,
+            messageId,
+            partId
+        });
+        $[0] = markdown;
+        $[1] = messageId;
+        $[2] = partId;
+        $[3] = streaming;
+        $[4] = text;
+        $[5] = variant;
+        $[6] = t1;
+    } else t1 = $[6];
+    return t1;
+};
+export { ChatViewContext, MarkdownView, useChatView };

package/dist/components/WallyAssistant/views/ChatViewProvider.d.ts

@@ -0,0 +1,18 @@
+import { type FC, type ReactNode } from 'react';
+import { type ChatViewConfig } from './ChatViewContext.js';
+export interface ChatViewProviderProps extends ChatViewConfig {
+    children: ReactNode;
+}
+/**
+ * Hands the data-view config (labels, icons, markdown, render seams, callbacks) to every
+ * `ChatMessageView`, `ChatPartView`, `ChainOfThoughtView` and `ApprovalCardView` below it.
+ * Renders no DOM. Handler callbacks are read through a latest-value ref, so inline handlers
+ * never re-render the log; keep `labels`, `icons`, `markdown`, `formatTimestamp` and the render
+ * callbacks stable (module scope or memoized) in long threads. Per snapshot, a message's views
+ * (and `renderPart` for its parts) re-render unless the message keeps its identity, so keep
+ * unchanged messages by reference (structural sharing) when you use `renderPart`; markdown bodies
+ * are memoized on `text` and are spared either way. Give `deriveChatState` the same
+ * `approvalPlacement` as this provider: one hides the docked approvals in the message, the other
+ * lists them for your footer.
+ */
+export declare const ChatViewProvider: FC<ChatViewProviderProps>;

package/dist/components/WallyAssistant/views/ChatViewProvider.js

@@ -0,0 +1,96 @@
+import { jsx } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
+import { useLayoutEffect, useRef } from "react";
+import { AssistantMessageMarkdown } from "../../AssistantMessage/index.js";
+import { DEFAULT_CHAT_LABELS } from "../model/labels.js";
+import { ChatViewContext } from "./ChatViewContext.js";
+const ChatViewProvider = (t0)=>{
+    const $ = c(25);
+    const { children, status: t1, labels, icons, markdown: t2, formatTimestamp, approvalPlacement: t3, renderPart, renderStepContent, renderMessageActions, onApprovalRespond, onFeedback, onCopy, onRetry } = t0;
+    const status = void 0 === t1 ? "ready" : t1;
+    const markdown = void 0 === t2 ? AssistantMessageMarkdown : t2;
+    const approvalPlacement = void 0 === t3 ? "inline" : t3;
+    let t4;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t4 = {};
+        $[0] = t4;
+    } else t4 = $[0];
+    const handlers = useRef(t4);
+    let t5;
+    if ($[1] !== onApprovalRespond || $[2] !== onCopy || $[3] !== onFeedback || $[4] !== onRetry) {
+        t5 = ()=>{
+            handlers.current = {
+                onApprovalRespond,
+                onFeedback,
+                onCopy,
+                onRetry
+            };
+        };
+        $[1] = onApprovalRespond;
+        $[2] = onCopy;
+        $[3] = onFeedback;
+        $[4] = onRetry;
+        $[5] = t5;
+    } else t5 = $[5];
+    useLayoutEffect(t5);
+    let t6;
+    if ($[6] !== labels) {
+        t6 = {
+            ...DEFAULT_CHAT_LABELS,
+            ...labels
+        };
+        $[6] = labels;
+        $[7] = t6;
+    } else t6 = $[7];
+    const t7 = null != onApprovalRespond;
+    const t8 = null != onFeedback;
+    const t9 = null != onCopy;
+    const t10 = null != onRetry;
+    let t11;
+    if ($[8] !== approvalPlacement || $[9] !== formatTimestamp || $[10] !== icons || $[11] !== markdown || $[12] !== renderMessageActions || $[13] !== renderPart || $[14] !== renderStepContent || $[15] !== status || $[16] !== t10 || $[17] !== t6 || $[18] !== t7 || $[19] !== t8 || $[20] !== t9) {
+        t11 = {
+            status,
+            labels: t6,
+            icons,
+            markdown,
+            formatTimestamp,
+            approvalPlacement,
+            renderPart,
+            renderStepContent,
+            renderMessageActions,
+            handlers,
+            hasApprovalRespond: t7,
+            hasFeedback: t8,
+            hasCopy: t9,
+            hasRetry: t10
+        };
+        $[8] = approvalPlacement;
+        $[9] = formatTimestamp;
+        $[10] = icons;
+        $[11] = markdown;
+        $[12] = renderMessageActions;
+        $[13] = renderPart;
+        $[14] = renderStepContent;
+        $[15] = status;
+        $[16] = t10;
+        $[17] = t6;
+        $[18] = t7;
+        $[19] = t8;
+        $[20] = t9;
+        $[21] = t11;
+    } else t11 = $[21];
+    const value = t11;
+    let t12;
+    if ($[22] !== children || $[23] !== value) {
+        t12 = /*#__PURE__*/ jsx(ChatViewContext, {
+            value: value,
+            children: children
+        });
+        $[22] = children;
+        $[23] = value;
+        $[24] = t12;
+    } else t12 = $[24];
+    return t12;
+};
+ChatViewProvider.displayName = "ChatViewProvider";
+export { ChatViewProvider };

package/dist/components/WallyAssistant/views/stepIcons.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+import type { ChatStep, ChatStepStatus } from '../model/model.js';
+/** App `icons`, then the Figma table, then `fallback`. Context chips use it with a Quote fallback. */
+export declare const resolveIcon: (key: string | undefined, icons: Readonly<Record<string, ReactNode>> | undefined, fallback?: ReactNode) => ReactNode;
+/** `icon: null` → the Simple row; otherwise the key, then the kind's default, then CircleDashed. */
+export declare const resolveStepIcon: (step: Pick<ChatStep, 'icon' | 'kind'>, icons: Readonly<Record<string, ReactNode>> | undefined) => ReactNode;
+/** `ChatStepStatus` → `ChainOfThoughtStep status`; unknown values render as done. */
+export declare const stepVisualStatus: (status: ChatStepStatus) => 'running' | 'done' | 'error';

package/dist/components/WallyAssistant/views/stepIcons.js

@@ -0,0 +1,47 @@
+import { jsx } from "react/jsx-runtime";
+import { Activity, BadgeCheck, Bot, Brain, CircleDashed, Database, Download, FilePlus, FileText, Filter, GitBranch, Globe, Link, ListChecks, Pencil, Plug, Radar, Search, ShieldAlert, Terminal, Wrench } from "../../../icons/index.js";
+const STEP_TYPE_ICONS = {
+    thinking: /*#__PURE__*/ jsx(Brain, {}),
+    plan: /*#__PURE__*/ jsx(ListChecks, {}),
+    decision: /*#__PURE__*/ jsx(GitBranch, {}),
+    subagent: /*#__PURE__*/ jsx(Bot, {}),
+    tool: /*#__PURE__*/ jsx(Wrench, {}),
+    command: /*#__PURE__*/ jsx(Terminal, {}),
+    'web-search': /*#__PURE__*/ jsx(Globe, {}),
+    query: /*#__PURE__*/ jsx(Search, {}),
+    datastore: /*#__PURE__*/ jsx(Database, {}),
+    api: /*#__PURE__*/ jsx(Plug, {}),
+    read: /*#__PURE__*/ jsx(FileText, {}),
+    fetch: /*#__PURE__*/ jsx(Download, {}),
+    filter: /*#__PURE__*/ jsx(Filter, {}),
+    create: /*#__PURE__*/ jsx(FilePlus, {}),
+    edit: /*#__PURE__*/ jsx(Pencil, {}),
+    cite: /*#__PURE__*/ jsx(Link, {}),
+    threat: /*#__PURE__*/ jsx(ShieldAlert, {}),
+    scan: /*#__PURE__*/ jsx(Radar, {}),
+    pending: /*#__PURE__*/ jsx(CircleDashed, {}),
+    summary: /*#__PURE__*/ jsx(Activity, {}),
+    created: /*#__PURE__*/ jsx(BadgeCheck, {})
+};
+const KIND_ICONS = {
+    reasoning: /*#__PURE__*/ jsx(Brain, {}),
+    tool: /*#__PURE__*/ jsx(Wrench, {}),
+    agent: /*#__PURE__*/ jsx(Bot, {})
+};
+const DEFAULT_ICON = /*#__PURE__*/ jsx(CircleDashed, {});
+const lookup = (table, key)=>table && key && Object.hasOwn(table, key) ? table[key] : void 0;
+const resolveIcon = (key, icons, fallback = DEFAULT_ICON)=>lookup(icons, key) ?? lookup(STEP_TYPE_ICONS, key) ?? fallback;
+const resolveStepIcon = (step, icons)=>null === step.icon ? null : resolveIcon(step.icon, icons, lookup(KIND_ICONS, step.kind) ?? DEFAULT_ICON);
+const stepVisualStatus = (status)=>{
+    switch(status){
+        case 'pending':
+        case 'running':
+        case 'awaiting-approval':
+            return 'running';
+        case 'error':
+            return 'error';
+        default:
+            return 'done';
+    }
+};
+export { resolveIcon, resolveStepIcon, stepVisualStatus };

package/dist/index.d.ts

@@ -15,7 +15,9 @@ export { CalendarDate, CalendarDateTime, getLocalTimeZone, parseDate, parseDateT
 export { Accordion, AccordionActions, type AccordionActionsProps, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, type AccordionValueChangeDetails, type AccordionVariant, } from './components/Accordion/index.js';
 export { Alert, AlertClose, type AlertCloseProps, type AlertColor, AlertContent, type AlertContentProps, AlertControls, type AlertControlsProps, AlertDescription, type AlertDescriptionProps, AlertIcon, type AlertIconProps, type AlertProps, AlertTitle, type AlertTitleProps, } from './components/Alert/index.js';
 export { AnimatedBackground, type AnimatedBackgroundProps, } from './components/AnimatedBackground/index.js';
+export { ApprovalCard, ApprovalCardActions, type ApprovalCardActionsProps, ApprovalCardContent, type ApprovalCardContentProps, type ApprovalCardProps, type ApprovalCardStatus, } from './components/ApprovalCard/index.js';
 export { AppShell, AppShellAside, type AppShellAsideProps, AppShellHeader, type AppShellHeaderProps, type AppShellProps, AppShellRail, type AppShellRailProps, AppShellRemote, type AppShellRemoteProps, } from './components/AppShell/index.js';
+export { AssistantMessage, AssistantMessageContent, type AssistantMessageContentProps, AssistantMessageError, type AssistantMessageErrorProps, AssistantMessageLoader, type AssistantMessageLoaderProps, type AssistantMessageProps, } from './components/AssistantMessage/index.js';
 export { Attribute, AttributeActions, AttributeActionsContent, type AttributeActionsContentProps, AttributeActionsItem, type AttributeActionsItemProps, type AttributeActionsProps, AttributeActionsTarget, type AttributeActionsTargetProps, AttributeLabel, AttributeLabelDescription, type AttributeLabelDescriptionProps, AttributeLabelInfo, type AttributeLabelInfoProps, type AttributeLabelProps, type AttributeProps, AttributeValue, type AttributeValueProps, } from './components/Attribute/index.js';
 export { Avatar, AvatarContent, type AvatarContentProps, AvatarDescription, type AvatarDescriptionProps, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, AvatarName, type AvatarNameProps, AvatarOverlay, type AvatarOverlayProps, type AvatarProps, type AvatarStatusChangeDetails, } from './components/Avatar/index.js';
 export { Badge, type BadgeProps } from './components/Badge/index.js';
@@ -24,8 +26,13 @@ export { Breadcrumbs, BreadcrumbsEllipsis, type BreadcrumbsEllipsisProps, Breadc
 export { Button, type ButtonProps } from './components/Button/index.js';
 export { Calendar, CalendarApplyButton, type CalendarApplyButtonProps, CalendarBody, type CalendarBodyProps, CalendarContent, type CalendarContentProps, type CalendarContextValue, CalendarDayName, CalendarFooter, CalendarFooterControls, type CalendarFooterControlsProps, type CalendarFooterProps, CalendarGrid, CalendarGrids, type CalendarGridsProps, CalendarHeader, CalendarInputHeader, type CalendarInputHeaderProps, CalendarKeyboardHints, type CalendarKeyboardHintsProps, CalendarPresetItem, CalendarPresets, type CalendarPresetsProps, type CalendarProps, CalendarProvider, CalendarResetButton, type CalendarResetButtonProps, CalendarTrigger, type CalendarTriggerProps, type CalendarType, DAY_NAMES, type DateRangePreset, type DateValue, DEFAULT_RANGE_PRESETS, DEFAULT_SINGLE_PRESETS, MONTH_NAMES, type PresetConfig, type PresetValue, useCalendarContext, } from './components/Calendar/index.js';
 export { Card, CardContent, type CardContentProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, cardVariants, } from './components/Card/index.js';
+export { ChainOfThought, type ChainOfThoughtProps, ChainOfThoughtStep, type ChainOfThoughtStepProps, } from './components/ChainOfThought/index.js';
+export { Chat, type ChatBackground, ChatBody, type ChatBodyProps, ChatFooter, type ChatFooterProps, ChatGreeting, type ChatGreetingProps, ChatHeader, ChatHeaderActions, type ChatHeaderActionsProps, type ChatHeaderProps, ChatHeaderTitle, type ChatHeaderTitleProps, type ChatProps, ChatSuggestion, type ChatSuggestionProps, ChatSuggestions, type ChatSuggestionsPlacement, type ChatSuggestionsProps, ChatTrigger, type ChatTriggerProps, } from './components/Chat/index.js';
+export { ChatInput, type ChatInputProps, ChatInputSubmit, type ChatInputSubmitProps, ChatInputTextarea, type ChatInputTextareaProps, } from './components/ChatInput/index.js';
+export { ChatPermissions, ChatPermissionsContent, type ChatPermissionsContentProps, ChatPermissionsItem, type ChatPermissionsItemCheckedChangeDetails, type ChatPermissionsItemProps, type ChatPermissionsProps, ChatPermissionsTrigger, type ChatPermissionsTriggerProps, } from './components/ChatPermissions/index.js';
 export { Checkbox, CheckboxDescription, type CheckboxDescriptionProps, CheckboxGroup, type CheckboxGroupProps, CheckboxIndicator, CheckboxLabel, type CheckboxLabelProps, type CheckboxProps, } from './components/Checkbox/index.js';
 export { Code, type CodeProps } from './components/Code/index.js';
+export { Conversation, ConversationContent, type ConversationContentProps, ConversationEmptyState, type ConversationEmptyStateProps, type ConversationProps, ConversationScrollButton, type ConversationScrollButtonProps, } from './components/Conversation/index.js';
 export { Copyable, CopyableIcon, type CopyableIconProps, CopyableLabel, type CopyableLabelProps, type CopyableProps, useCopyable, } from './components/Copyable/index.js';
 export { Country, CountryFlag, type CountryFlagProps, CountryName, type CountryNameProps, type CountryProps, } from './components/Country/index.js';
 export { type DateFormatContextValue, DateFormatProvider, type DateFormatProviderProps, type DateOrder, useDateFormat, } from './components/DateFormatProvider/index.js';
@@ -56,6 +63,7 @@ export { Link, type LinkProps } from './components/Link/index.js';
 export { List, ListIcon, type ListIconProps, ListItem, type ListItemProps, type ListProps, } from './components/List/index.js';
 export { Loader, type LoaderProps } from './components/Loader/index.js';
 export { Logo, type LogoProps, type LogoSize, type LogoStyle, type LogoType, } from './components/Logo/index.js';
+export { MessageAction, type MessageActionProps, MessageActions, type MessageActionsProps, MessageTimestamp, type MessageTimestampProps, } from './components/MessageActions/index.js';
 export { NavRail, NavRailBody, type NavRailBodyProps, NavRailFooter, type NavRailFooterProps, NavRailItem, type NavRailItemProps, type NavRailMode, type NavRailProps, NavRailSeparator, type NavRailSeparatorProps, NavRailSkeleton, type NavRailSkeletonProps, } from './components/NavRail/index.js';
 export { NumberInput, type NumberInputProps } from './components/NumberInput/index.js';
 export { NumericBadge, type NumericBadgeProps, } from './components/NumericBadge/index.js';
@@ -101,6 +109,8 @@ export { TopHeader, TopHeaderActions, type TopHeaderActionsProps, TopHeaderLogo,
 export { type BeaconStepEffectOptions, beaconStepEffect, Tour, type TourProps, type TourStatusChangeDetails, type TourStepAction, type TourStepChangeDetails, type TourStepChangeDetailsExtended, type TourStepDetails, type TourStepEffectArgs, useTour, type WaitForStepEventOptions, waitForStepEvent, } from './components/Tour/index.js';
 export { Tree, TreeItem, TreeItemContent, type TreeItemContentProps, TreeItemHeader, type TreeItemHeaderProps, type TreeItemProps, type TreeProps, useTreeDepth, useTreeIndent, } from './components/Tree/index.js';
 export { TREE_VIEW_INDENT_STEP, TreeView, TreeViewItem, type TreeViewItemProps, type TreeViewProps, } from './components/TreeView/index.js';
+export { UserMessage, UserMessageBubble, type UserMessageBubbleProps, type UserMessageProps, UserMessageShowMore, type UserMessageShowMoreProps, } from './components/UserMessage/index.js';
 export { UtilityPage, type UtilityPageProps } from './components/UtilityPage/index.js';
+export { ApprovalCardView, type ApprovalCardViewProps, ChainOfThoughtView, type ChainOfThoughtViewProps, type ChatApprovalOption, type ChatApprovalOptionKind, type ChatApprovalPart, type ChatApprovalResponse, type ChatApprovalStatus, type ChatAssistantMessage, type ChatAssistantPart, type ChatChainOfThoughtPart, type ChatContextItem, type ChatCustomPart, type ChatErrorPart, type ChatFeedback, type ChatIconKey, type ChatId, type ChatLabels, type ChatMarkdownProps, type ChatMessage, type ChatMessageActionNodes, ChatMessageView, type ChatMessageViewProps, type ChatMeta, type ChatOpen, type ChatPart, type ChatPartRenderContext, ChatPartView, type ChatPartViewProps, type ChatSnapshot, type ChatStatus, type ChatStep, type ChatStepKind, type ChatStepRenderContext, type ChatStepStatus, type ChatSuggestionItem, type ChatTextPart, type ChatToolPermission, type ChatUserMessage, type ChatUserPart, type ChatViewConfig, ChatViewProvider, type ChatViewProviderProps, type ChatViewState, copyTextOf, DEFAULT_CHAT_LABELS, deriveChatState, WallyAssistant, type WallyAssistantProps, } from './components/WallyAssistant/index.js';
 export { WallyIcon, type WallyIconProps, type WallyIconSize, type WallyIconStyle, } from './components/WallyIcon/index.js';
 export { type TestableProps, TestIdProvider, useTestId } from './utils/testId.js';

package/dist/index.js

@@ -4,7 +4,9 @@ export { CalendarDate, CalendarDateTime, Time, ZonedDateTime, getLocalTimeZone,
 export { Accordion, AccordionActions, AccordionContent, AccordionItem, AccordionTrigger } from "./components/Accordion/index.js";
 export { Alert, AlertClose, AlertContent, AlertControls, AlertDescription, AlertIcon, AlertTitle } from "./components/Alert/index.js";
 export { AnimatedBackground } from "./components/AnimatedBackground/index.js";
+export { ApprovalCard, ApprovalCardActions, ApprovalCardContent } from "./components/ApprovalCard/index.js";
 export { AppShell, AppShellAside, AppShellHeader, AppShellRail, AppShellRemote } from "./components/AppShell/index.js";
+export { AssistantMessage, AssistantMessageContent, AssistantMessageError, AssistantMessageLoader } from "./components/AssistantMessage/index.js";
 export { Attribute, AttributeActions, AttributeActionsContent, AttributeActionsItem, AttributeActionsTarget, AttributeLabel, AttributeLabelDescription, AttributeLabelInfo, AttributeValue } from "./components/Attribute/index.js";
 export { Avatar, AvatarContent, AvatarDescription, AvatarFallback, AvatarImage, AvatarName, AvatarOverlay } from "./components/Avatar/index.js";
 export { Badge } from "./components/Badge/index.js";
@@ -13,8 +15,13 @@ export { Breadcrumbs, BreadcrumbsEllipsis, BreadcrumbsItem, BreadcrumbsScopeSwit
 export { Button } from "./components/Button/index.js";
 export { Calendar, CalendarApplyButton, CalendarBody, CalendarContent, CalendarDayName, CalendarFooter, CalendarFooterControls, CalendarGrid, CalendarGrids, CalendarHeader, CalendarInputHeader, CalendarKeyboardHints, CalendarPresetItem, CalendarPresets, CalendarProvider, CalendarResetButton, CalendarTrigger, DAY_NAMES, DEFAULT_RANGE_PRESETS, DEFAULT_SINGLE_PRESETS, MONTH_NAMES, useCalendarContext } from "./components/Calendar/index.js";
 export { Card, CardContent, CardFooter, CardHeader, CardTitle, cardVariants } from "./components/Card/index.js";
+export { ChainOfThought, ChainOfThoughtStep } from "./components/ChainOfThought/index.js";
+export { Chat, ChatBody, ChatFooter, ChatGreeting, ChatHeader, ChatHeaderActions, ChatHeaderTitle, ChatSuggestion, ChatSuggestions, ChatTrigger } from "./components/Chat/index.js";
+export { ChatInput, ChatInputSubmit, ChatInputTextarea } from "./components/ChatInput/index.js";
+export { ChatPermissions, ChatPermissionsContent, ChatPermissionsItem, ChatPermissionsTrigger } from "./components/ChatPermissions/index.js";
 export { Checkbox, CheckboxDescription, CheckboxGroup, CheckboxIndicator, CheckboxLabel } from "./components/Checkbox/index.js";
 export { Code } from "./components/Code/index.js";
+export { Conversation, ConversationContent, ConversationEmptyState, ConversationScrollButton } from "./components/Conversation/index.js";
 export { Copyable, CopyableIcon, CopyableLabel, useCopyable } from "./components/Copyable/index.js";
 export { Country, CountryFlag, CountryName } from "./components/Country/index.js";
 export { DateFormatProvider, useDateFormat } from "./components/DateFormatProvider/index.js";
@@ -45,6 +52,7 @@ export { Link } from "./components/Link/index.js";
 export { List, ListIcon, ListItem } from "./components/List/index.js";
 export { Loader } from "./components/Loader/index.js";
 export { Logo } from "./components/Logo/index.js";
+export { MessageAction, MessageActions, MessageTimestamp } from "./components/MessageActions/index.js";
 export { NavRail, NavRailBody, NavRailFooter, NavRailItem, NavRailSeparator, NavRailSkeleton } from "./components/NavRail/index.js";
 export { NumberInput } from "./components/NumberInput/index.js";
 export { NumericBadge } from "./components/NumericBadge/index.js";
@@ -90,6 +98,8 @@ export { TopHeader, TopHeaderActions, TopHeaderLogo } from "./components/TopHead
 export { Tour, beaconStepEffect, useTour, waitForStepEvent } from "./components/Tour/index.js";
 export { Tree, TreeItem, TreeItemContent, TreeItemHeader, useTreeDepth, useTreeIndent } from "./components/Tree/index.js";
 export { TREE_VIEW_INDENT_STEP, TreeView, TreeViewItem } from "./components/TreeView/index.js";
+export { UserMessage, UserMessageBubble, UserMessageShowMore } from "./components/UserMessage/index.js";
 export { UtilityPage } from "./components/UtilityPage/index.js";
+export { ApprovalCardView, ChainOfThoughtView, ChatMessageView, ChatPartView, ChatViewProvider, DEFAULT_CHAT_LABELS, WallyAssistant, copyTextOf, deriveChatState } from "./components/WallyAssistant/index.js";
 export { WallyIcon } from "./components/WallyIcon/index.js";
 export { TestIdProvider, useTestId } from "./utils/testId.js";