@wallarm-org/design-system 3.2.0 → 3.3.0

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

@@ -0,0 +1,301 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
+import { useState } from "react";
+import { Activity, Brain } from "../../../icons/index.js";
+import { useTestId } from "../../../utils/testId.js";
+import { ChainOfThought, ChainOfThoughtStep } from "../../ChainOfThought/index.js";
+import { useRenderEveryTime } from "../../Table/lib/useRenderEveryTime.js";
+import { isLiveStep, isLiveStepStatus } from "../model/deriveChatState.js";
+import { MarkdownView, useChatView } from "./ChatViewContext.js";
+import { resolveStepIcon, stepVisualStatus } from "./stepIcons.js";
+const StepList = ({ steps, ...props })=>steps.map((step, j)=>/*#__PURE__*/ jsx(StepView, {
+            ...props,
+            step: step,
+            slot: `step-${j}`
+        }, step.id));
+const StepView = (t0)=>{
+    const $ = c(42);
+    const { step, message, slot, toggles, onToggle } = t0;
+    const { icons, renderStepContent } = useChatView();
+    const testId = useTestId(slot);
+    let t1;
+    if ($[0] !== step.status) {
+        t1 = isLiveStepStatus(step.status);
+        $[0] = step.status;
+        $[1] = t1;
+    } else t1 = $[1];
+    const ownLive = t1;
+    let t2;
+    if ($[2] !== message || $[3] !== ownLive || $[4] !== step.content || $[5] !== step.id) {
+        t2 = step.content ? /*#__PURE__*/ jsx(MarkdownView, {
+            text: step.content,
+            streaming: ownLive,
+            variant: "chain-of-thought",
+            messageId: message.id,
+            partId: step.id
+        }) : null;
+        $[2] = message;
+        $[3] = ownLive;
+        $[4] = step.content;
+        $[5] = step.id;
+        $[6] = t2;
+    } else t2 = $[6];
+    const body = t2;
+    let t3;
+    if ($[7] !== message || $[8] !== onToggle || $[9] !== step.steps || $[10] !== toggles) {
+        t3 = step.steps?.length ? /*#__PURE__*/ jsx(ChainOfThought, {
+            children: /*#__PURE__*/ jsx(StepList, {
+                steps: step.steps,
+                message: message,
+                toggles: toggles,
+                onToggle: onToggle
+            })
+        }) : null;
+        $[7] = message;
+        $[8] = onToggle;
+        $[9] = step.steps;
+        $[10] = toggles;
+        $[11] = t3;
+    } else t3 = $[11];
+    const nested = t3;
+    let t4;
+    if ($[12] !== body || $[13] !== nested) {
+        t4 = body || nested ? /*#__PURE__*/ jsxs(Fragment, {
+            children: [
+                body,
+                nested
+            ]
+        }) : null;
+        $[12] = body;
+        $[13] = nested;
+        $[14] = t4;
+    } else t4 = $[14];
+    const defaultNode = t4;
+    let t5;
+    if ($[15] !== defaultNode || $[16] !== message || $[17] !== renderStepContent || $[18] !== step) {
+        t5 = ()=>renderStepContent?.(step, {
+                message,
+                defaultRender: ()=>defaultNode
+            });
+        $[15] = defaultNode;
+        $[16] = message;
+        $[17] = renderStepContent;
+        $[18] = step;
+        $[19] = t5;
+    } else t5 = $[19];
+    const custom = useRenderEveryTime(t5);
+    const content = void 0 === custom ? defaultNode : custom;
+    const t6 = step.label;
+    let t7;
+    if ($[20] !== icons || $[21] !== step) {
+        t7 = resolveStepIcon(step, icons);
+        $[20] = icons;
+        $[21] = step;
+        $[22] = t7;
+    } else t7 = $[22];
+    const t8 = step.metric || void 0;
+    let t9;
+    if ($[23] !== step.status) {
+        t9 = stepVisualStatus(step.status);
+        $[23] = step.status;
+        $[24] = t9;
+    } else t9 = $[24];
+    let t10;
+    if ($[25] !== ownLive || $[26] !== step.id || $[27] !== step.kind || $[28] !== toggles) {
+        t10 = toggles.get(step.id) ?? ("reasoning" === step.kind && ownLive);
+        $[25] = ownLive;
+        $[26] = step.id;
+        $[27] = step.kind;
+        $[28] = toggles;
+        $[29] = t10;
+    } else t10 = $[29];
+    let t11;
+    if ($[30] !== onToggle || $[31] !== step.id) {
+        t11 = (open)=>onToggle(step.id, open);
+        $[30] = onToggle;
+        $[31] = step.id;
+        $[32] = t11;
+    } else t11 = $[32];
+    let t12;
+    if ($[33] !== content || $[34] !== step.label || $[35] !== t10 || $[36] !== t11 || $[37] !== t7 || $[38] !== t8 || $[39] !== t9 || $[40] !== testId) {
+        t12 = /*#__PURE__*/ jsx(ChainOfThoughtStep, {
+            "data-testid": testId,
+            label: t6,
+            icon: t7,
+            metric: t8,
+            status: t9,
+            open: t10,
+            onOpenChange: t11,
+            children: content
+        });
+        $[33] = content;
+        $[34] = step.label;
+        $[35] = t10;
+        $[36] = t11;
+        $[37] = t7;
+        $[38] = t8;
+        $[39] = t9;
+        $[40] = testId;
+        $[41] = t12;
+    } else t12 = $[41];
+    return t12;
+};
+const SlotStep = (t0)=>{
+    const $ = c(6);
+    let props;
+    let slot;
+    if ($[0] !== t0) {
+        ({ slot, ...props } = t0);
+        $[0] = t0;
+        $[1] = props;
+        $[2] = slot;
+    } else {
+        props = $[1];
+        slot = $[2];
+    }
+    const t1 = useTestId(slot);
+    let t2;
+    if ($[3] !== props || $[4] !== t1) {
+        t2 = /*#__PURE__*/ jsx(ChainOfThoughtStep, {
+            ...props,
+            "data-testid": t1
+        });
+        $[3] = props;
+        $[4] = t1;
+        $[5] = t2;
+    } else t2 = $[5];
+    return t2;
+};
+const ChainOfThoughtView = (t0)=>{
+    const $ = c(32);
+    let message;
+    let part;
+    let props;
+    let t1;
+    let t2;
+    if ($[0] !== t0) {
+        ({ part, message, active: t1, working: t2, ...props } = t0);
+        $[0] = t0;
+        $[1] = message;
+        $[2] = part;
+        $[3] = props;
+        $[4] = t1;
+        $[5] = t2;
+    } else {
+        message = $[1];
+        part = $[2];
+        props = $[3];
+        t1 = $[4];
+        t2 = $[5];
+    }
+    const active = void 0 === t1 ? false : t1;
+    const working = void 0 === t2 ? false : t2;
+    const { labels } = useChatView();
+    const [toggles, setToggles] = useState(_temp);
+    let t3;
+    if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+        t3 = (id, open)=>setToggles((prev)=>new Map(prev).set(id, open));
+        $[6] = t3;
+    } else t3 = $[6];
+    const onToggle = t3;
+    const [summaryOpen, setSummaryOpen] = useState(false);
+    const folded = !!part.summary && !active && !part.steps.some(isLiveStep);
+    let t4;
+    if ($[7] !== message || $[8] !== part.steps || $[9] !== toggles) {
+        t4 = /*#__PURE__*/ jsx(StepList, {
+            steps: part.steps,
+            message: message,
+            toggles: toggles,
+            onToggle: onToggle
+        });
+        $[7] = message;
+        $[8] = part.steps;
+        $[9] = toggles;
+        $[10] = t4;
+    } else t4 = $[10];
+    const steps = t4;
+    if (folded) {
+        let t5;
+        if ($[11] !== part.steps) {
+            t5 = part.steps.every(_temp2);
+            $[11] = part.steps;
+            $[12] = t5;
+        } else t5 = $[12];
+        const reasoningOnly = t5;
+        let t6;
+        if ($[13] !== reasoningOnly) {
+            t6 = reasoningOnly ? /*#__PURE__*/ jsx(Brain, {}) : /*#__PURE__*/ jsx(Activity, {});
+            $[13] = reasoningOnly;
+            $[14] = t6;
+        } else t6 = $[14];
+        let t7;
+        if ($[15] !== steps) {
+            t7 = /*#__PURE__*/ jsx(ChainOfThought, {
+                children: steps
+            });
+            $[15] = steps;
+            $[16] = t7;
+        } else t7 = $[16];
+        let t8;
+        if ($[17] !== part.summary || $[18] !== summaryOpen || $[19] !== t6 || $[20] !== t7) {
+            t8 = /*#__PURE__*/ jsx(SlotStep, {
+                slot: "step-summary",
+                icon: t6,
+                label: part.summary,
+                open: summaryOpen,
+                onOpenChange: setSummaryOpen,
+                children: t7
+            });
+            $[17] = part.summary;
+            $[18] = summaryOpen;
+            $[19] = t6;
+            $[20] = t7;
+            $[21] = t8;
+        } else t8 = $[21];
+        let t9;
+        if ($[22] !== props || $[23] !== t8) {
+            t9 = /*#__PURE__*/ jsx(ChainOfThought, {
+                ...props,
+                children: t8
+            });
+            $[22] = props;
+            $[23] = t8;
+            $[24] = t9;
+        } else t9 = $[24];
+        return t9;
+    }
+    let t5;
+    if ($[25] !== labels || $[26] !== working) {
+        t5 = working && /*#__PURE__*/ jsx(SlotStep, {
+            slot: "step-working",
+            status: "running",
+            label: labels.working
+        });
+        $[25] = labels;
+        $[26] = working;
+        $[27] = t5;
+    } else t5 = $[27];
+    let t6;
+    if ($[28] !== props || $[29] !== steps || $[30] !== t5) {
+        t6 = /*#__PURE__*/ jsxs(ChainOfThought, {
+            ...props,
+            children: [
+                steps,
+                t5
+            ]
+        });
+        $[28] = props;
+        $[29] = steps;
+        $[30] = t5;
+        $[31] = t6;
+    } else t6 = $[31];
+    return t6;
+};
+ChainOfThoughtView.displayName = "ChainOfThoughtView";
+function _temp() {
+    return new Map();
+}
+function _temp2(s) {
+    return "reasoning" === s.kind;
+}
+export { ChainOfThoughtView };

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

@@ -0,0 +1,15 @@
+import type { FC } from 'react';
+import type { ChatMessage } from '../model/model.js';
+export interface ChatMessageViewProps {
+    message: ChatMessage;
+    /** Position in the rendered rows: drives the test id (`user-message-{index}` / `assistant-message-{index}`). */
+    index: number;
+    /** The last row: loader, streaming, docked approvals, always-visible actions. */
+    isLast: boolean;
+}
+/**
+ * One message row: `UserMessage` or `AssistantMessage`, each part through `ChatPartView` as a
+ * direct child (so the built part spacing applies), the loader while the reply has nothing to
+ * show yet, and the actions row once the turn is over.
+ */
+export declare const ChatMessageView: FC<ChatMessageViewProps>;

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

@@ -0,0 +1,372 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
+import { ThumbsDown, ThumbsUp } from "../../../icons/index.js";
+import { formatRelativeTime } from "../../../utils/formatDateTime.js";
+import { useTestId } from "../../../utils/testId.js";
+import { AssistantMessage, AssistantMessageLoader } from "../../AssistantMessage/index.js";
+import { Copyable, CopyableIcon } from "../../Copyable/index.js";
+import { useDateFormat } from "../../DateFormatProvider/index.js";
+import { MessageAction, MessageActions, MessageTimestamp } from "../../MessageActions/index.js";
+import { useRenderEveryTime } from "../../Table/lib/useRenderEveryTime.js";
+import { UserMessage } from "../../UserMessage/index.js";
+import { copyTextOf, getDockedApprovals, hasPendingApproval, isRunningStatus } from "../model/deriveChatState.js";
+import { ChatPartView, isAbsentPart } from "./ChatPartView.js";
+import { useChatView } from "./ChatViewContext.js";
+const KNOWN_PARTS = new Set([
+    "text",
+    "chain-of-thought",
+    "approval",
+    "error"
+]);
+const CopyAction = (t0)=>{
+    const $ = c(12);
+    const { message, text } = t0;
+    const { labels, handlers } = useChatView();
+    let t1;
+    if ($[0] !== handlers.current || $[1] !== message || $[2] !== text) {
+        t1 = ()=>handlers.current.onCopy?.(message, text);
+        $[0] = handlers.current;
+        $[1] = message;
+        $[2] = text;
+        $[3] = t1;
+    } else t1 = $[3];
+    const t2 = labels.copy;
+    const t3 = useTestId("copy");
+    let t4;
+    if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+        t4 = /*#__PURE__*/ jsx(CopyableIcon, {});
+        $[4] = t4;
+    } else t4 = $[4];
+    let t5;
+    if ($[5] !== labels.copy || $[6] !== t3) {
+        t5 = /*#__PURE__*/ jsx(MessageAction, {
+            "aria-label": t2,
+            "data-testid": t3,
+            children: t4
+        });
+        $[5] = labels.copy;
+        $[6] = t3;
+        $[7] = t5;
+    } else t5 = $[7];
+    let t6;
+    if ($[8] !== t1 || $[9] !== t5 || $[10] !== text) {
+        t6 = /*#__PURE__*/ jsx(Copyable, {
+            text: text,
+            onCopied: t1,
+            children: t5
+        });
+        $[8] = t1;
+        $[9] = t5;
+        $[10] = text;
+        $[11] = t6;
+    } else t6 = $[11];
+    return t6;
+};
+const FeedbackAction = (t0)=>{
+    const $ = c(13);
+    const { message, value } = t0;
+    const { labels, handlers } = useChatView();
+    const positive = "positive" === value;
+    const pressed = message.feedback === value;
+    const t1 = positive ? labels.feedbackPositive : labels.feedbackNegative;
+    const t2 = useTestId(positive ? "like" : "dislike");
+    let t3;
+    if ($[0] !== handlers.current || $[1] !== message || $[2] !== pressed || $[3] !== value) {
+        t3 = ()=>handlers.current.onFeedback?.(message, pressed ? null : value);
+        $[0] = handlers.current;
+        $[1] = message;
+        $[2] = pressed;
+        $[3] = value;
+        $[4] = t3;
+    } else t3 = $[4];
+    let t4;
+    if ($[5] !== positive) {
+        t4 = positive ? /*#__PURE__*/ jsx(ThumbsUp, {}) : /*#__PURE__*/ jsx(ThumbsDown, {});
+        $[5] = positive;
+        $[6] = t4;
+    } else t4 = $[6];
+    let t5;
+    if ($[7] !== pressed || $[8] !== t1 || $[9] !== t2 || $[10] !== t3 || $[11] !== t4) {
+        t5 = /*#__PURE__*/ jsx(MessageAction, {
+            "aria-label": t1,
+            "aria-pressed": pressed,
+            "data-testid": t2,
+            onClick: t3,
+            children: t4
+        });
+        $[7] = pressed;
+        $[8] = t1;
+        $[9] = t2;
+        $[10] = t3;
+        $[11] = t4;
+        $[12] = t5;
+    } else t5 = $[12];
+    return t5;
+};
+const TimestampAction = (t0)=>{
+    const $ = c(7);
+    const { createdAt } = t0;
+    const { formatTimestamp } = useChatView();
+    const dateFormat = useDateFormat();
+    let t1;
+    if ($[0] !== createdAt || $[1] !== dateFormat || $[2] !== formatTimestamp) {
+        t1 = formatTimestamp ? formatTimestamp(createdAt) : formatRelativeTime(new Date(createdAt), new Date(), dateFormat);
+        $[0] = createdAt;
+        $[1] = dateFormat;
+        $[2] = formatTimestamp;
+        $[3] = t1;
+    } else t1 = $[3];
+    let t2;
+    if ($[4] !== createdAt || $[5] !== t1) {
+        t2 = /*#__PURE__*/ jsx(MessageTimestamp, {
+            dateTime: createdAt,
+            children: t1
+        });
+        $[4] = createdAt;
+        $[5] = t1;
+        $[6] = t2;
+    } else t2 = $[6];
+    return t2;
+};
+const ActionsRow = (t0)=>{
+    const $ = c(31);
+    const { message, visible } = t0;
+    const { labels, renderMessageActions, hasFeedback } = useChatView();
+    let t1;
+    if ($[0] !== message) {
+        t1 = copyTextOf(message);
+        $[0] = message;
+        $[1] = t1;
+    } else t1 = $[1];
+    const text = t1;
+    const assistant = "assistant" === message.role ? message : null;
+    let t2;
+    if ($[2] !== message || $[3] !== text) {
+        t2 = text ? /*#__PURE__*/ jsx(CopyAction, {
+            message: message,
+            text: text
+        }) : null;
+        $[2] = message;
+        $[3] = text;
+        $[4] = t2;
+    } else t2 = $[4];
+    const copy = t2;
+    let t3;
+    if ($[5] !== assistant || $[6] !== hasFeedback) {
+        t3 = assistant && hasFeedback ? /*#__PURE__*/ jsx(FeedbackAction, {
+            message: assistant,
+            value: "positive"
+        }) : null;
+        $[5] = assistant;
+        $[6] = hasFeedback;
+        $[7] = t3;
+    } else t3 = $[7];
+    const like = t3;
+    let t4;
+    if ($[8] !== assistant || $[9] !== hasFeedback) {
+        t4 = assistant && hasFeedback ? /*#__PURE__*/ jsx(FeedbackAction, {
+            message: assistant,
+            value: "negative"
+        }) : null;
+        $[8] = assistant;
+        $[9] = hasFeedback;
+        $[10] = t4;
+    } else t4 = $[10];
+    const dislike = t4;
+    let t5;
+    if ($[11] !== message.createdAt) {
+        t5 = message.createdAt ? /*#__PURE__*/ jsx(TimestampAction, {
+            createdAt: message.createdAt
+        }) : null;
+        $[11] = message.createdAt;
+        $[12] = t5;
+    } else t5 = $[12];
+    const timestamp = t5;
+    let t6;
+    if ($[13] !== copy || $[14] !== dislike || $[15] !== like || $[16] !== message || $[17] !== renderMessageActions || $[18] !== timestamp) {
+        t6 = ()=>renderMessageActions?.(message, {
+                copy,
+                like,
+                dislike,
+                timestamp
+            });
+        $[13] = copy;
+        $[14] = dislike;
+        $[15] = like;
+        $[16] = message;
+        $[17] = renderMessageActions;
+        $[18] = timestamp;
+        $[19] = t6;
+    } else t6 = $[19];
+    const custom = useRenderEveryTime(t6);
+    if (null === custom) return null;
+    let t7;
+    if ($[20] !== assistant || $[21] !== copy || $[22] !== custom || $[23] !== dislike || $[24] !== like || $[25] !== timestamp) {
+        t7 = void 0 !== custom ? custom : assistant ? /*#__PURE__*/ jsxs(Fragment, {
+            children: [
+                copy,
+                like,
+                dislike,
+                timestamp
+            ]
+        }) : /*#__PURE__*/ jsxs(Fragment, {
+            children: [
+                timestamp,
+                copy
+            ]
+        });
+        $[20] = assistant;
+        $[21] = copy;
+        $[22] = custom;
+        $[23] = dislike;
+        $[24] = like;
+        $[25] = timestamp;
+        $[26] = t7;
+    } else t7 = $[26];
+    let t8;
+    if ($[27] !== labels.messageActions || $[28] !== t7 || $[29] !== visible) {
+        t8 = /*#__PURE__*/ jsx(MessageActions, {
+            "aria-label": labels.messageActions,
+            visible: visible,
+            children: t7
+        });
+        $[27] = labels.messageActions;
+        $[28] = t7;
+        $[29] = visible;
+        $[30] = t8;
+    } else t8 = $[30];
+    return t8;
+};
+const ChatMessageView = (t0)=>{
+    const $ = c(39);
+    const { message, index, isLast } = t0;
+    const { status, labels, approvalPlacement, renderPart } = useChatView();
+    const testId = useTestId(`${message.role}-message-${index}`);
+    let rendersAny;
+    let showActions;
+    let t1;
+    if ($[0] !== approvalPlacement || $[1] !== isLast || $[2] !== message || $[3] !== renderPart || $[4] !== status) {
+        const docked = isLast && "docked" === approvalPlacement ? getDockedApprovals(message) : [];
+        const parts = message.parts.filter((p)=>!isAbsentPart(p) && !docked.includes(p));
+        let t2;
+        if ($[8] !== renderPart) {
+            t2 = (p_0)=>null != renderPart || KNOWN_PARTS.has(p_0.type);
+            $[8] = renderPart;
+            $[9] = t2;
+        } else t2 = $[9];
+        const renders = t2;
+        rendersAny = parts.some(renders);
+        showActions = parts.some((p_1)=>"approval" !== p_1.type && renders(p_1)) && !(isLast && (isRunningStatus(status) || hasPendingApproval(message)));
+        let t3;
+        if ($[10] !== isLast || $[11] !== message) {
+            t3 = (p_2)=>/*#__PURE__*/ jsx(ChatPartView, {
+                    part: p_2,
+                    message: message,
+                    isLast: isLast
+                }, p_2.id);
+            $[10] = isLast;
+            $[11] = message;
+            $[12] = t3;
+        } else t3 = $[12];
+        t1 = parts.map(t3);
+        $[0] = approvalPlacement;
+        $[1] = isLast;
+        $[2] = message;
+        $[3] = renderPart;
+        $[4] = status;
+        $[5] = rendersAny;
+        $[6] = showActions;
+        $[7] = t1;
+    } else {
+        rendersAny = $[5];
+        showActions = $[6];
+        t1 = $[7];
+    }
+    const items = t1;
+    if ("user" === message.role) {
+        if (!rendersAny) return null;
+        let t2;
+        if ($[13] !== message || $[14] !== showActions) {
+            t2 = showActions && /*#__PURE__*/ jsx(ActionsRow, {
+                message: message,
+                visible: false
+            });
+            $[13] = message;
+            $[14] = showActions;
+            $[15] = t2;
+        } else t2 = $[15];
+        let t3;
+        if ($[16] !== items || $[17] !== labels.you || $[18] !== t2 || $[19] !== testId) {
+            t3 = /*#__PURE__*/ jsxs(UserMessage, {
+                "aria-label": labels.you,
+                "data-testid": testId,
+                children: [
+                    items,
+                    t2
+                ]
+            });
+            $[16] = items;
+            $[17] = labels.you;
+            $[18] = t2;
+            $[19] = testId;
+            $[20] = t3;
+        } else t3 = $[20];
+        return t3;
+    }
+    if ("assistant" !== message.role) return null;
+    let t2;
+    if ($[21] !== isLast || $[22] !== message || $[23] !== status) {
+        t2 = isLast && isRunningStatus(status) && !hasPendingApproval(message);
+        $[21] = isLast;
+        $[22] = message;
+        $[23] = status;
+        $[24] = t2;
+    } else t2 = $[24];
+    const busy = t2;
+    const loading = busy && !rendersAny;
+    if (!rendersAny && !loading) return null;
+    const t3 = busy || void 0;
+    let t4;
+    if ($[25] !== labels.working || $[26] !== loading) {
+        t4 = loading && /*#__PURE__*/ jsx(AssistantMessageLoader, {
+            children: labels.working
+        });
+        $[25] = labels.working;
+        $[26] = loading;
+        $[27] = t4;
+    } else t4 = $[27];
+    let t5;
+    if ($[28] !== isLast || $[29] !== message || $[30] !== showActions) {
+        t5 = showActions && /*#__PURE__*/ jsx(ActionsRow, {
+            message: message,
+            visible: isLast
+        });
+        $[28] = isLast;
+        $[29] = message;
+        $[30] = showActions;
+        $[31] = t5;
+    } else t5 = $[31];
+    let t6;
+    if ($[32] !== items || $[33] !== labels.assistant || $[34] !== t3 || $[35] !== t4 || $[36] !== t5 || $[37] !== testId) {
+        t6 = /*#__PURE__*/ jsxs(AssistantMessage, {
+            "aria-label": labels.assistant,
+            "aria-busy": t3,
+            "data-testid": testId,
+            children: [
+                t4,
+                items,
+                t5
+            ]
+        });
+        $[32] = items;
+        $[33] = labels.assistant;
+        $[34] = t3;
+        $[35] = t4;
+        $[36] = t5;
+        $[37] = testId;
+        $[38] = t6;
+    } else t6 = $[38];
+    return t6;
+};
+ChatMessageView.displayName = "ChatMessageView";
+export { ChatMessageView };

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

@@ -0,0 +1,16 @@
+import type { FC } from 'react';
+import type { ChatMessage, ChatPart } from '../model/model.js';
+export interface ChatPartViewProps {
+    part: ChatPart;
+    message: ChatMessage;
+    isLast: boolean;
+    /** 'docked' when you render a docked approval in your own footer. Default 'inline'. */
+    placement?: 'inline' | 'docked';
+}
+/** An empty text or an empty chain counts as absent (model header): it renders nothing. */
+export declare const isAbsentPart: (p: ChatPart) => boolean;
+/**
+ * One part with its default L1 rendering. `renderPart` runs first for every part (custom and
+ * unknown types included): `undefined` → the default, `null` → nothing, a node replaces it.
+ */
+export declare const ChatPartView: FC<ChatPartViewProps>;