@vadimcomanescu/nadicode-design-system 2.0.7 → 2.0.8

package/dist/{chunk-ZHTQF2KI.js → chunk-OSNTB6RY.js}

@@ -1,12 +1,13 @@
 import { m } from './chunk-PD2YEH3H.js';
 import { bezier } from './chunk-CRY67BIF.js';
+import { CheckIcon } from './chunk-CXACRCZ4.js';
 import { ChevronDownIcon } from './chunk-HJBXUXTD.js';
 import { cn } from './chunk-QYZT24TS.js';
 import * as React from 'react';
 import { useTranslations } from 'next-intl';
 import { cva } from 'class-variance-authority';
 import { useReducedMotion } from 'motion/react';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
 var PULSE_TRANSITION = { duration: 1.2, repeat: Infinity, ease: bezier["ease-in-out"] };
 var thinkingIndicatorVariants = cva(
@@ -29,33 +30,38 @@ var dotSizes = {
   default: "h-1.5 w-1.5",
   lg: "h-2 w-2"
 };
-function ThinkingIndicator({ className, size = "default", reasoning, ref, ...props }) {
+function ThinkingIndicator({ className, size = "default", reasoning, state = "thinking", ref, ...props }) {
   const t = useTranslations("components.thinkingIndicator");
   const prefersReduced = useReducedMotion();
   const [expanded, setExpanded] = React.useState(false);
   const dotSize = dotSizes[size ?? "default"];
   const reasoningPanelId = React.useId();
-  return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex flex-col", className), ...props, children: [
+  return /* @__PURE__ */ jsxs("div", { ref, role: "status", className: cn("flex flex-col", className), ...props, children: [
     /* @__PURE__ */ jsxs("div", { className: cn(thinkingIndicatorVariants({ size })), children: [
-      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1.5", role: "group", "aria-label": t("thinking"), children: [0, 1, 2].map((i) => prefersReduced ? /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: cn("rounded-full bg-accent", dotSize)
-        },
-        i
-      ) : /* @__PURE__ */ jsx(
-        m.span,
-        {
-          className: cn("rounded-full bg-accent", dotSize),
-          animate: { opacity: [0.3, 1, 0.3] },
-          transition: {
-            ...PULSE_TRANSITION,
-            delay: i * 0.2
-          }
-        },
-        i
-      )) }),
-      /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: t("thinking") }),
+      state === "complete" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(CheckIcon, { size: 14, "aria-hidden": "true", className: "text-success" }),
+        /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: t("complete") })
+      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1.5", role: "group", "aria-label": t("thinking"), children: [0, 1, 2].map((i) => prefersReduced ? /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn("rounded-full bg-accent", dotSize)
+          },
+          i
+        ) : /* @__PURE__ */ jsx(
+          m.span,
+          {
+            className: cn("rounded-full bg-accent", dotSize),
+            animate: { opacity: [0.3, 1, 0.3] },
+            transition: {
+              ...PULSE_TRANSITION,
+              delay: i * 0.2
+            }
+          },
+          i
+        )) }),
+        /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: t("thinking") })
+      ] }),
       !!reasoning && /* @__PURE__ */ jsx(
         "button",
         {
@@ -69,6 +75,7 @@ function ThinkingIndicator({ className, size = "default", reasoning, ref, ...pro
             ChevronDownIcon,
             {
               size: 14,
+              "aria-hidden": "true",
               className: cn("transition-transform", expanded && "rotate-180")
             }
           )

package/dist/{chunk-GMMPLZLC.js → chunk-PDSQC6VE.js}

@@ -1,5 +1,5 @@
 import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from './chunk-PXDHNGTG.js';
-import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuCheckboxItem } from './chunk-5DKCZWC6.js';
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuCheckboxItem } from './chunk-CQEUNASC.js';
 import { Input } from './chunk-AP3XXYAY.js';
 import { Button } from './chunk-7KIDDF3I.js';
 import { Settings2Icon } from './chunk-TXGANOAX.js';

package/dist/chunk-QQOWC53X.js

@@ -0,0 +1,98 @@
+// src/internal/local-image-assets.ts
+function escapeXml(value) {
+  return value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&apos;");
+}
+function hashString(value) {
+  let hash = 0;
+  for (let i = 0; i < value.length; i += 1) {
+    hash = hash * 31 + value.charCodeAt(i) >>> 0;
+  }
+  return hash;
+}
+function svgDataUri(svg) {
+  return `data:image/svg+xml;charset=UTF-8,${encodeURIComponent(svg)}`;
+}
+function createLogoDataUri(template) {
+  const ring = escapeXml(template.accent);
+  const fill = escapeXml(template.accent2);
+  const label = escapeXml(template.initials);
+  const seed = hashString(template.label);
+  const ornament = seed % 3 === 0 ? `<path d="M18 44c10-8 18-12 30-12" stroke="white" stroke-width="3" stroke-linecap="round" opacity="0.85"/>` : seed % 3 === 1 ? `<path d="M20 18l16 28 16-28" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" opacity="0.85"/>` : `<circle cx="34" cy="32" r="13" stroke="white" stroke-width="4" opacity="0.85"/>`;
+  return svgDataUri(`
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 64" role="img" aria-label="${escapeXml(template.label)} logo">
+      <defs>
+        <linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
+          <stop offset="0%" stop-color="${ring}"/>
+          <stop offset="100%" stop-color="${fill}"/>
+        </linearGradient>
+      </defs>
+      <rect x="1" y="1" width="158" height="62" rx="18" fill="url(#bg)" opacity="0.95"/>
+      <rect x="8" y="8" width="48" height="48" rx="14" fill="rgba(255,255,255,0.12)"/>
+      ${ornament}
+      <text
+        x="80"
+        y="40"
+        text-anchor="middle"
+        fill="white"
+        font-family="Inter, ui-sans-serif, system-ui, sans-serif"
+        font-size="22"
+        font-weight="700"
+        letter-spacing="0.12em"
+      >${label}</text>
+    </svg>
+  `);
+}
+function createAvatarDataUri(seed, initials) {
+  const hash = hashString(seed);
+  const hue = hash % 360;
+  const hue2 = (hue + 36) % 360;
+  const label = escapeXml(initials.slice(0, 2).toUpperCase());
+  return svgDataUri(`
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" role="img" aria-label="${escapeXml(seed)} avatar">
+      <defs>
+        <radialGradient id="bg" cx="30%" cy="30%" r="80%">
+          <stop offset="0%" stop-color="hsl(${hue} 75% 62%)"/>
+          <stop offset="100%" stop-color="hsl(${hue2} 62% 38%)"/>
+        </radialGradient>
+      </defs>
+      <circle cx="64" cy="64" r="60" fill="url(#bg)"/>
+      <circle cx="46" cy="44" r="12" fill="rgba(255,255,255,0.22)"/>
+      <path d="M34 92c6-16 18-24 30-24s24 8 30 24" fill="none" stroke="rgba(255,255,255,0.28)" stroke-width="8" stroke-linecap="round"/>
+      <text
+        x="64"
+        y="74"
+        text-anchor="middle"
+        fill="white"
+        font-family="Inter, ui-sans-serif, system-ui, sans-serif"
+        font-size="38"
+        font-weight="800"
+      >${label}</text>
+    </svg>
+  `);
+}
+var BRAND_LOGO_TEMPLATES = [
+  { label: "Nvidia", initials: "NV", accent: "#0e9f6e", accent2: "#084c41" },
+  { label: "Column", initials: "CL", accent: "#1d4ed8", accent2: "#312e81" },
+  { label: "GitHub", initials: "GH", accent: "#111827", accent2: "#374151" },
+  { label: "Nike", initials: "NK", accent: "#0f172a", accent2: "#2563eb" },
+  { label: "Lemon Squeezy", initials: "LS", accent: "#eab308", accent2: "#b45309" },
+  { label: "Laravel", initials: "LR", accent: "#ef4444", accent2: "#7f1d1d" },
+  { label: "Lilly", initials: "LL", accent: "#db2777", accent2: "#831843" },
+  { label: "OpenAI", initials: "OA", accent: "#14b8a6", accent2: "#0f766e" },
+  { label: "Tailwind CSS", initials: "TW", accent: "#38bdf8", accent2: "#0369a1" },
+  { label: "Vercel", initials: "VC", accent: "#020617", accent2: "#334155" },
+  { label: "Zapier", initials: "ZI", accent: "#f97316", accent2: "#9a3412" }
+];
+var LOCAL_CLOUD_LOGOS = BRAND_LOGO_TEMPLATES.map((template, index) => ({
+  src: createLogoDataUri(template),
+  alt: `${template.label} Logo`,
+  height: [20, 16, 16, 20, 16, 28, 20, 24, 16, 20, 20][index]
+}));
+var LOCAL_HERO_LOGOS = BRAND_LOGO_TEMPLATES.slice(0, 8).map((template, index) => ({
+  src: createLogoDataUri(template),
+  alt: `${template.label} Logo`,
+  height: String([20, 16, 16, 20, 20, 16, 28, 24][index])
+}));
+var LOCAL_NIKE_LOGO_SRC = createLogoDataUri(BRAND_LOGO_TEMPLATES[3]);
+
+export { LOCAL_CLOUD_LOGOS, LOCAL_HERO_LOGOS, LOCAL_NIKE_LOGO_SRC, createAvatarDataUri };

package/dist/chunk-VJ5VD4UT.js

@@ -0,0 +1,91 @@
+import { useRef, useCallback, useSyncExternalStore, useEffect } from 'react';
+import { useStickToBottom } from 'use-stick-to-bottom';
+
+// src/hooks/use-scroll-to-bottom.ts
+var AT_BOTTOM_THRESHOLD_PX = 100;
+var USER_SCROLL_DEBOUNCE_MS = 150;
+var SERVER_SNAPSHOT = true;
+function useScrollToBottom() {
+  const {
+    scrollRef,
+    contentRef,
+    scrollToBottom: stbScrollToBottom
+  } = useStickToBottom({
+    resize: "smooth",
+    initial: "smooth"
+  });
+  const endRef = useRef(null);
+  const isAtBottomRef = useRef(true);
+  const isUserScrollingRef = useRef(false);
+  const checkIfAtBottom = useCallback(() => {
+    const container = scrollRef.current;
+    if (!container) return true;
+    const { scrollTop, scrollHeight, clientHeight } = container;
+    return scrollTop + clientHeight >= scrollHeight - AT_BOTTOM_THRESHOLD_PX;
+  }, [scrollRef]);
+  const subscribe = useCallback((onStoreChange) => {
+    const container = scrollRef.current;
+    if (!container) return () => {
+    };
+    isAtBottomRef.current = checkIfAtBottom();
+    let scrollTimeout;
+    function handleScroll() {
+      isUserScrollingRef.current = true;
+      clearTimeout(scrollTimeout);
+      isAtBottomRef.current = checkIfAtBottom();
+      scrollTimeout = setTimeout(() => {
+        isUserScrollingRef.current = false;
+      }, USER_SCROLL_DEBOUNCE_MS);
+      onStoreChange();
+    }
+    container.addEventListener("scroll", handleScroll, { passive: true });
+    return () => {
+      container.removeEventListener("scroll", handleScroll);
+      clearTimeout(scrollTimeout);
+    };
+  }, [checkIfAtBottom, scrollRef]);
+  const getServerSnapshot = useCallback(() => SERVER_SNAPSHOT, []);
+  const isAtBottom = useSyncExternalStore(subscribe, checkIfAtBottom, getServerSnapshot);
+  const scrollToBottom = useCallback(
+    (behavior = "smooth") => {
+      stbScrollToBottom(behavior);
+    },
+    [stbScrollToBottom]
+  );
+  useEffect(() => {
+    const container = scrollRef.current;
+    if (!container) return;
+    function scrollIfNeeded() {
+      if (isAtBottomRef.current && !isUserScrollingRef.current) {
+        requestAnimationFrame(() => {
+          stbScrollToBottom("instant");
+          isAtBottomRef.current = true;
+        });
+      }
+    }
+    const mutationObserver = new MutationObserver(scrollIfNeeded);
+    mutationObserver.observe(container, {
+      childList: true,
+      subtree: true,
+      characterData: true
+    });
+    const resizeObserver = new ResizeObserver(scrollIfNeeded);
+    resizeObserver.observe(container);
+    for (const child of container.children) {
+      resizeObserver.observe(child);
+    }
+    return () => {
+      mutationObserver.disconnect();
+      resizeObserver.disconnect();
+    };
+  }, [scrollRef, stbScrollToBottom]);
+  return {
+    containerRef: scrollRef,
+    contentRef,
+    endRef,
+    isAtBottom,
+    scrollToBottom
+  };
+}
+
+export { useScrollToBottom };

package/dist/{chunk-TUKZKU72.js → chunk-ZKLB5N3Q.js}

@@ -1,4 +1,4 @@
-import { SidebarProvider, Sidebar, SidebarHeader, SidebarMenu, SidebarMenuItem, SidebarMenuButton, SidebarSeparator, SidebarContent, SidebarGroup, SidebarGroupLabel, SidebarGroupContent, SidebarMenuBadge, SidebarInset, SidebarTrigger } from './chunk-4HRVRW2X.js';
+import { SidebarProvider, Sidebar, SidebarHeader, SidebarMenu, SidebarMenuItem, SidebarMenuButton, SidebarSeparator, SidebarContent, SidebarGroup, SidebarGroupLabel, SidebarGroupContent, SidebarMenuBadge, SidebarInset, SidebarTrigger } from './chunk-J2DCQDXO.js';
 import { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbPage, BreadcrumbLink, BreadcrumbSeparator } from './chunk-35EX5FP5.js';
 import { Avatar, AvatarFallback } from './chunk-NAAU5IWU.js';
 import { Badge } from './chunk-S4JAHKOP.js';

package/dist/components/blocks/AgentConversationBlock.d.ts

@@ -1,5 +1,6 @@
 import * as React from "react";
 interface ToolCall {
+    id: string;
     toolName: string;
     args?: Record<string, unknown>;
     status: 'pending' | 'running' | 'complete' | 'error';
@@ -8,7 +9,11 @@ interface ToolCall {
 }
 interface ConversationMessage {
     id: string;
-    role: 'user' | 'agent' | 'system';
+    /**
+     * Message role. Use `"assistant"` for AI messages.
+     * @deprecated `"agent"` is accepted for backward compat but will be removed in the next major version.
+     */
+    role: 'user' | 'assistant' | 'agent' | 'system';
     content: string;
     timestamp?: string;
     toolCalls?: ToolCall[];

package/dist/components/blocks/AgentConversationBlock.js

@@ -1,121 +1,123 @@
 'use client';
-export { AgentConversationBlock } from '../../chunk-TZXZFSD2.js';
-import '../../chunk-MLUSJTS2.js';
-import '../../chunk-ZHTQF2KI.js';
+export { AgentConversationBlock } from '../../chunk-4IGBBIYW.js';
+import '../../chunk-4WPZ6T7V.js';
+import '../../chunk-MDAYDDTC.js';
+import '../../chunk-OSNTB6RY.js';
+import '../../chunk-GLU236NN.js';
 import '../../chunk-PD2YEH3H.js';
 import '../../chunk-CRY67BIF.js';
 import '../../chunk-HJC6U46F.js';
-import '../../chunk-AUSYEAIJ.js';
+import '../../chunk-I66XWYSS.js';
 import '../../chunk-GO35FTNJ.js';
-import '../../chunk-PSVQ7ZNX.js';
+import '../../chunk-WUO7OONN.js';
 import '../../chunk-FLF5AMNO.js';
-import '../../chunk-WFJQ43SM.js';
+import '../../chunk-3CLXYQKB.js';
 import '../../chunk-S4GKGKON.js';
 import '../../chunk-LCDDAE7J.js';
 import '../../chunk-R674XI7C.js';
-import '../../chunk-WUO7OONN.js';
+import '../../chunk-HNY45VUQ.js';
 import '../../chunk-BPCCTJSK.js';
 import '../../chunk-CGUCH322.js';
 import '../../chunk-ELKIUARM.js';
-import '../../chunk-ZU2GYVAP.js';
 import '../../chunk-KSHJQ2VT.js';
-import '../../chunk-3CLXYQKB.js';
-import '../../chunk-JHQ5NMLZ.js';
-import '../../chunk-CRZ2JE24.js';
+import '../../chunk-GAKU7DFY.js';
+import '../../chunk-T6BRD7TS.js';
 import '../../chunk-TXGANOAX.js';
 import '../../chunk-OITJWGFV.js';
 import '../../chunk-Z74D6D2W.js';
-import '../../chunk-HNY45VUQ.js';
+import '../../chunk-7WDT2PRI.js';
 import '../../chunk-IJJI4RQU.js';
 import '../../chunk-E7RBK6ML.js';
 import '../../chunk-UBIGDGOP.js';
-import '../../chunk-Q7LVUGFL.js';
 import '../../chunk-ALMGJVMT.js';
 import '../../chunk-QPXTBZWN.js';
-import '../../chunk-GAKU7DFY.js';
-import '../../chunk-T6BRD7TS.js';
+import '../../chunk-4NXZIMYZ.js';
 import '../../chunk-R5XP45PD.js';
 import '../../chunk-G5EO5FWC.js';
 import '../../chunk-NCULQXJE.js';
 import '../../chunk-VDYPDMYR.js';
 import '../../chunk-WDGIQDQG.js';
-import '../../chunk-WKRIKCJC.js';
-import '../../chunk-7WDT2PRI.js';
-import '../../chunk-AP5Y5M3R.js';
+import '../../chunk-RYOTIXZO.js';
 import '../../chunk-JZ4G2SJH.js';
 import '../../chunk-KYGKJ553.js';
 import '../../chunk-M7YSMMAC.js';
 import '../../chunk-XQ2UDMPO.js';
 import '../../chunk-JMCSAGZ3.js';
 import '../../chunk-QUKDUSHD.js';
-import '../../chunk-4NXZIMYZ.js';
-import '../../chunk-TBKJ34BB.js';
+import '../../chunk-O74AEVHW.js';
+import '../../chunk-ZUHIWALK.js';
 import '../../chunk-2IZC7HSV.js';
 import '../../chunk-2SDZMTB2.js';
-import '../../chunk-R3AO6AZM.js';
-import '../../chunk-RYOTIXZO.js';
+import '../../chunk-IQEBXXB5.js';
+import '../../chunk-AZUJNRQU.js';
 import '../../chunk-W3B3UOEG.js';
 import '../../chunk-ACRVOD7W.js';
 import '../../chunk-QSU23VYZ.js';
 import '../../chunk-BJYCQ2NV.js';
 import '../../chunk-VM462WZC.js';
-import '../../chunk-O74AEVHW.js';
-import '../../chunk-ZUHIWALK.js';
 import '../../chunk-5UZDOF6V.js';
 import '../../chunk-PKVTEDKO.js';
 import '../../chunk-I3TH7PIB.js';
 import '../../chunk-WGPK3FQ7.js';
 import '../../chunk-JL4MVVFH.js';
-import '../../chunk-IQEBXXB5.js';
-import '../../chunk-AZUJNRQU.js';
+import '../../chunk-4FEAWXJD.js';
+import '../../chunk-JHQTKMKG.js';
 import '../../chunk-WA45EC4Y.js';
 import '../../chunk-2MOEOEOI.js';
 import '../../chunk-5LCXASRW.js';
 import '../../chunk-2ZJVU7NV.js';
 import '../../chunk-5ESF6N36.js';
 import '../../chunk-RBPLOM3A.js';
-import '../../chunk-GCUTJI7M.js';
+import '../../chunk-6BAV4TZ5.js';
+import '../../chunk-SW6QPJM4.js';
 import '../../chunk-2NT57K4U.js';
-import '../../chunk-6G3RRWJT.js';
 import '../../chunk-JRJGSNI4.js';
 import '../../chunk-RF6ECFS5.js';
-import '../../chunk-TV4RSQH4.js';
-import '../../chunk-4FEAWXJD.js';
-import '../../chunk-JHQTKMKG.js';
+import '../../chunk-KYZT3RNW.js';
+import '../../chunk-UEG2LI7Z.js';
 import '../../chunk-CI7GPGCJ.js';
 import '../../chunk-226EBOTK.js';
-import '../../chunk-G5YLGJXR.js';
-import '../../chunk-G24VV5NO.js';
-import '../../chunk-6BAV4TZ5.js';
-import '../../chunk-SW6QPJM4.js';
+import '../../chunk-74RKVIBV.js';
 import '../../chunk-V6WNRZT3.js';
 import '../../chunk-JBK2LA6U.js';
 import '../../chunk-55U27XY4.js';
 import '../../chunk-LSPO6OBI.js';
 import '../../chunk-Y56WBNCY.js';
-import '../../chunk-KYZT3RNW.js';
-import '../../chunk-UEG2LI7Z.js';
 import '../../chunk-JJTQOH7J.js';
 import '../../chunk-72X6SXOX.js';
 import '../../chunk-SR5U52V3.js';
-import '../../chunk-74RKVIBV.js';
 import '../../chunk-AWIJHDNK.js';
-import '../../chunk-BRP6D56U.js';
-import '../../chunk-S733NAYS.js';
 import '../../chunk-MAUTIHQG.js';
+import '../../chunk-S733NAYS.js';
 import '../../chunk-666N6OTL.js';
 import '../../chunk-FMH55OKV.js';
 import '../../chunk-WXVNTJIB.js';
-import '../../chunk-CXACRCZ4.js';
 import '../../chunk-T7H53CK2.js';
-import '../../chunk-BFLN54VR.js';
+import '../../chunk-TBKJ34BB.js';
+import '../../chunk-BRP6D56U.js';
+import '../../chunk-6G3RRWJT.js';
+import '../../chunk-ZU2GYVAP.js';
+import '../../chunk-CRZ2JE24.js';
+import '../../chunk-PSVQ7ZNX.js';
+import '../../chunk-WKRIKCJC.js';
+import '../../chunk-JHQ5NMLZ.js';
+import '../../chunk-WFJQ43SM.js';
+import '../../chunk-AP5Y5M3R.js';
+import '../../chunk-Q7LVUGFL.js';
+import '../../chunk-G5YLGJXR.js';
+import '../../chunk-G24VV5NO.js';
+import '../../chunk-R3AO6AZM.js';
+import '../../chunk-GCUTJI7M.js';
+import '../../chunk-CXACRCZ4.js';
 import '../../chunk-P6IRHPFM.js';
 import '../../chunk-SXHYB7JB.js';
+import '../../chunk-BFLN54VR.js';
 import '../../chunk-ONGJ7AC2.js';
 import '../../chunk-UHXGBV5N.js';
 import '../../chunk-UIUMTURU.js';
 import '../../chunk-PRUXIDBD.js';
 import '../../chunk-NURPUVUV.js';
+import '../../chunk-TV4RSQH4.js';
 import '../../chunk-HJBXUXTD.js';
 import '../../chunk-ASKFAYYR.js';
 import '../../chunk-QYZT24TS.js';

package/dist/components/blocks/AgentRunOverviewBlock.js

@@ -1,6 +1,6 @@
 'use client';
-import { Typography } from '../../chunk-N53OMWW2.js';
 import { WorkflowGraph } from '../../chunk-VCCI3NRD.js';
+import { Typography } from '../../chunk-N53OMWW2.js';
 import { Heading } from '../../chunk-WI547C47.js';
 import { ContextMeter } from '../../chunk-S2WSXZ7Y.js';
 import { AgentMetricsCard } from '../../chunk-OCQB4IU7.js';

package/dist/components/blocks/AgentWorkbenchBlock.d.ts

@@ -10,7 +10,11 @@ export interface AgentWorkbenchToolCall {
 }
 export interface AgentWorkbenchMessage {
     id: string;
-    role: 'user' | 'agent' | 'system';
+    /**
+     * Message role. Use `"assistant"` for AI messages.
+     * @deprecated `"agent"` is accepted for backward compat but will be removed in the next major version.
+     */
+    role: 'user' | 'assistant' | 'agent' | 'system';
     content: string;
     timestamp?: string;
     toolCalls?: AgentWorkbenchToolCall[];