@shapesos/clay 0.18.0 → 0.19.1

package/dist/chat.d.cts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as BlockRecord } from './types-BDYPVP2N.cjs';
+import { a as BlockRecord } from './types-Bhg0_ES8.cjs';
 import * as React from 'react';
 import './types-DTdDFU3O.cjs';
 import './types-B2aYk82c.cjs';

package/dist/chat.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as BlockRecord } from './types-BMwa4bPW.js';
+import { a as BlockRecord } from './types-orOQcI2z.js';
 import * as React from 'react';
 import './types-C8JtnwNY.js';
 import './types-B2aYk82c.js';

package/dist/chat.js

@@ -3,20 +3,25 @@ import {
   ChatMessage,
   MESSAGE_ROLE,
   copyMessageText,
-  useChatContext,
+  useChatContext
+} from "./chunk-PWSEEUVL.js";
+import "./chunk-PISZYS2H.js";
+import {
   useCopyToClipboard
-} from "./chunk-CATIRDZP.js";
-import "./chunk-7MY4X4YL.js";
+} from "./chunk-EIAWZXE4.js";
 import "./chunk-NMKKU2UG.js";
-import "./chunk-QR4VBGK4.js";
+import "./chunk-63AGNGKG.js";
+import "./chunk-CSTCTO3B.js";
+import "./chunk-72TJUKMV.js";
 import "./chunk-E36VI2HA.js";
 import "./chunk-LXYCT4YO.js";
+import "./chunk-EXRNGIQ2.js";
 import "./chunk-OLJIJYB5.js";
 import "./chunk-G4NXVFXU.js";
 import "./chunk-C77QMQNT.js";
 import "./chunk-UXT2H3FM.js";
 import "./chunk-SN3ORQSJ.js";
-import "./chunk-4MZZH3WX.js";
+import "./chunk-HU5W7CGE.js";
 import "./chunk-P6GUNIAE.js";
 import "./chunk-5WRI5ZAA.js";
 export {

package/dist/{chunk-JGMN6W72.js → chunk-2X4KUXYP.js}

@@ -9,4 +9,4 @@ export {
   BlockContext,
   useBlockContext
 };
-//# sourceMappingURL=chunk-JGMN6W72.js.map
+//# sourceMappingURL=chunk-2X4KUXYP.js.map

package/dist/{chunk-QR4VBGK4.js → chunk-63AGNGKG.js}

@@ -1,9 +1,29 @@
+import {
+  IconAlertCircle,
+  IconArrowsMaximize,
+  IconArrowsMinimize,
+  IconCheck,
+  IconChevronLeft,
+  IconChevronRight,
+  IconCopy,
+  IconDownload,
+  IconFileSpreadsheet,
+  IconFlask2Filled,
+  IconLoader2,
+  IconPhoto
+} from "./chunk-CSTCTO3B.js";
 import {
   IconButton
 } from "./chunk-E36VI2HA.js";
 import {
   CAPTURE_EXCLUDE_ATTRIBUTE
 } from "./chunk-LXYCT4YO.js";
+import {
+  Badge
+} from "./chunk-EXRNGIQ2.js";
+import {
+  Icon
+} from "./chunk-OLJIJYB5.js";
 import {
   BarChart,
   LineChart,
@@ -13,14 +33,14 @@ import {
   fontFamilies
 } from "./chunk-UXT2H3FM.js";
 import {
-  Table,
-  TableBody,
+  DATA_TABLE_CELL_CLASS,
+  DATA_TABLE_HEAD_CLASS,
+  DATA_TABLE_ROW_CLASS,
+  DataTable,
   TableCell,
   TableHead,
-  TableHeader,
-  TableRow,
-  useScrollShadow
-} from "./chunk-4MZZH3WX.js";
+  TableRow
+} from "./chunk-HU5W7CGE.js";
 import {
   cn
 } from "./chunk-P6GUNIAE.js";
@@ -82,114 +102,6 @@ var DEFAULT_DECK_ARTIFACT_LABELS = {
   table: DEFAULT_TABLE_ARTIFACT_LABELS
 };
 
-// node_modules/@tabler/icons-react/dist/esm/createReactComponent.mjs
-import { forwardRef, createElement } from "react";
-
-// node_modules/@tabler/icons-react/dist/esm/defaultAttributes.mjs
-var defaultAttributes = {
-  outline: {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 24,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: 2,
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  },
-  filled: {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 24,
-    viewBox: "0 0 24 24",
-    fill: "currentColor",
-    stroke: "none"
-  }
-};
-
-// node_modules/@tabler/icons-react/dist/esm/createReactComponent.mjs
-var createReactComponent = (type, iconName, iconNamePascal, iconNode) => {
-  const Component = forwardRef(
-    ({ color = "currentColor", size = 24, stroke = 2, title, className, children, ...rest }, ref) => createElement(
-      "svg",
-      {
-        ref,
-        ...defaultAttributes[type],
-        width: size,
-        height: size,
-        className: [`tabler-icon`, `tabler-icon-${iconName}`, className].join(" "),
-        ...type === "filled" ? {
-          fill: color
-        } : {
-          strokeWidth: stroke,
-          stroke: color
-        },
-        ...rest
-      },
-      [
-        title && createElement("title", { key: "svg-title" }, title),
-        ...iconNode.map(([tag, attrs]) => createElement(tag, attrs)),
-        ...Array.isArray(children) ? children : [children]
-      ]
-    )
-  );
-  Component.displayName = `${iconNamePascal}`;
-  return Component;
-};
-
-// node_modules/@tabler/icons-react/dist/esm/icons/IconAlertCircle.mjs
-var __iconNode = [["path", { "d": "M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0", "key": "svg-0" }], ["path", { "d": "M12 8v4", "key": "svg-1" }], ["path", { "d": "M12 16h.01", "key": "svg-2" }]];
-var IconAlertCircle = createReactComponent("outline", "alert-circle", "AlertCircle", __iconNode);
-
-// node_modules/@tabler/icons-react/dist/esm/icons/IconArrowsMaximize.mjs
-var __iconNode2 = [["path", { "d": "M16 4l4 0l0 4", "key": "svg-0" }], ["path", { "d": "M14 10l6 -6", "key": "svg-1" }], ["path", { "d": "M8 20l-4 0l0 -4", "key": "svg-2" }], ["path", { "d": "M4 20l6 -6", "key": "svg-3" }], ["path", { "d": "M16 20l4 0l0 -4", "key": "svg-4" }], ["path", { "d": "M14 14l6 6", "key": "svg-5" }], ["path", { "d": "M8 4l-4 0l0 4", "key": "svg-6" }], ["path", { "d": "M4 4l6 6", "key": "svg-7" }]];
-var IconArrowsMaximize = createReactComponent("outline", "arrows-maximize", "ArrowsMaximize", __iconNode2);
-
-// node_modules/@tabler/icons-react/dist/esm/icons/IconArrowsMinimize.mjs
-var __iconNode3 = [["path", { "d": "M5 9l4 0l0 -4", "key": "svg-0" }], ["path", { "d": "M3 3l6 6", "key": "svg-1" }], ["path", { "d": "M5 15l4 0l0 4", "key": "svg-2" }], ["path", { "d": "M3 21l6 -6", "key": "svg-3" }], ["path", { "d": "M19 9l-4 0l0 -4", "key": "svg-4" }], ["path", { "d": "M15 9l6 -6", "key": "svg-5" }], ["path", { "d": "M19 15l-4 0l0 4", "key": "svg-6" }], ["path", { "d": "M15 15l6 6", "key": "svg-7" }]];
-var IconArrowsMinimize = createReactComponent("outline", "arrows-minimize", "ArrowsMinimize", __iconNode3);
-
-// node_modules/@tabler/icons-react/dist/esm/icons/IconCheck.mjs
-var __iconNode4 = [["path", { "d": "M5 12l5 5l10 -10", "key": "svg-0" }]];
-var IconCheck = createReactComponent("outline", "check", "Check", __iconNode4);
-
-// node_modules/@tabler/icons-react/dist/esm/icons/IconChevronLeft.mjs
-var __iconNode5 = [["path", { "d": "M15 6l-6 6l6 6", "key": "svg-0" }]];
-var IconChevronLeft = createReactComponent("outline", "chevron-left", "ChevronLeft", __iconNode5);
-
-// node_modules/@tabler/icons-react/dist/esm/icons/IconChevronRight.mjs
-var __iconNode6 = [["path", { "d": "M9 6l6 6l-6 6", "key": "svg-0" }]];
-var IconChevronRight = createReactComponent("outline", "chevron-right", "ChevronRight", __iconNode6);
-
-// node_modules/@tabler/icons-react/dist/esm/icons/IconCopy.mjs
-var __iconNode7 = [["path", { "d": "M7 9.667a2.667 2.667 0 0 1 2.667 -2.667h8.666a2.667 2.667 0 0 1 2.667 2.667v8.666a2.667 2.667 0 0 1 -2.667 2.667h-8.666a2.667 2.667 0 0 1 -2.667 -2.667l0 -8.666", "key": "svg-0" }], ["path", { "d": "M4.012 16.737a2.005 2.005 0 0 1 -1.012 -1.737v-10c0 -1.1 .9 -2 2 -2h10c.75 0 1.158 .385 1.5 1", "key": "svg-1" }]];
-var IconCopy = createReactComponent("outline", "copy", "Copy", __iconNode7);
-
-// node_modules/@tabler/icons-react/dist/esm/icons/IconDownload.mjs
-var __iconNode8 = [["path", { "d": "M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2", "key": "svg-0" }], ["path", { "d": "M7 11l5 5l5 -5", "key": "svg-1" }], ["path", { "d": "M12 4l0 12", "key": "svg-2" }]];
-var IconDownload = createReactComponent("outline", "download", "Download", __iconNode8);
-
-// node_modules/@tabler/icons-react/dist/esm/icons/IconFileSpreadsheet.mjs
-var __iconNode9 = [["path", { "d": "M14 3v4a1 1 0 0 0 1 1h4", "key": "svg-0" }], ["path", { "d": "M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2", "key": "svg-1" }], ["path", { "d": "M8 11h8v7h-8l0 -7", "key": "svg-2" }], ["path", { "d": "M8 15h8", "key": "svg-3" }], ["path", { "d": "M11 11v7", "key": "svg-4" }]];
-var IconFileSpreadsheet = createReactComponent("outline", "file-spreadsheet", "FileSpreadsheet", __iconNode9);
-
-// node_modules/@tabler/icons-react/dist/esm/icons/IconLoader2.mjs
-var __iconNode10 = [["path", { "d": "M12 3a9 9 0 1 0 9 9", "key": "svg-0" }]];
-var IconLoader2 = createReactComponent("outline", "loader-2", "Loader2", __iconNode10);
-
-// node_modules/@tabler/icons-react/dist/esm/icons/IconPhoto.mjs
-var __iconNode11 = [["path", { "d": "M15 8h.01", "key": "svg-0" }], ["path", { "d": "M3 6a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3v-12", "key": "svg-1" }], ["path", { "d": "M3 16l5 -5c.928 -.893 2.072 -.893 3 0l5 5", "key": "svg-2" }], ["path", { "d": "M14 14l1 -1c.928 -.893 2.072 -.893 3 0l3 3", "key": "svg-3" }]];
-var IconPhoto = createReactComponent("outline", "photo", "Photo", __iconNode11);
-
-// node_modules/@tabler/icons-react/dist/esm/icons/IconThumbDown.mjs
-var __iconNode12 = [["path", { "d": "M7 13v-8a1 1 0 0 0 -1 -1h-2a1 1 0 0 0 -1 1v7a1 1 0 0 0 1 1h3a4 4 0 0 1 4 4v1a2 2 0 0 0 4 0v-5h3a2 2 0 0 0 2 -2l-1 -5a2 3 0 0 0 -2 -2h-7a3 3 0 0 0 -3 3", "key": "svg-0" }]];
-var IconThumbDown = createReactComponent("outline", "thumb-down", "ThumbDown", __iconNode12);
-
-// node_modules/@tabler/icons-react/dist/esm/icons/IconThumbUp.mjs
-var __iconNode13 = [["path", { "d": "M7 11v8a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-7a1 1 0 0 1 1 -1h3a4 4 0 0 0 4 -4v-1a2 2 0 0 1 4 0v5h3a2 2 0 0 1 2 2l-1 5a2 3 0 0 1 -2 2h-7a3 3 0 0 1 -3 -3", "key": "svg-0" }]];
-var IconThumbUp = createReactComponent("outline", "thumb-up", "ThumbUp", __iconNode13);
-
 // src/components/artifacts/artifact-copy-as-image-button/artifact-copy-as-image-button.tsx
 import { useCallback as useCallback2 } from "react";
 
@@ -465,9 +377,9 @@ function ArtifactDownloadMenu({
 import { useEffect as useEffect3, useMemo as useMemo2, useRef as useRef2 } from "react";
 
 // src/components/ai-elements/artifact.tsx
-import { forwardRef as forwardRef4 } from "react";
+import { forwardRef as forwardRef3 } from "react";
 import { jsx as jsx6 } from "react/jsx-runtime";
-var Artifact = forwardRef4(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(
+var Artifact = forwardRef3(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(
   "div",
   {
     ref,
@@ -482,9 +394,9 @@ var ArtifactActions = ({ className, ...props }) => /* @__PURE__ */ jsx6("div", {
 var ArtifactContent = ({ className, ...props }) => /* @__PURE__ */ jsx6("div", { className: cn("flex-1 overflow-auto p-4", className), ...props });
 
 // src/components/artifacts/status-message.tsx
-import { createElement as createElement2 } from "react";
+import { createElement } from "react";
 function StatusMessage({ $tone, children }) {
-  return createElement2(
+  return createElement(
     "div",
     {
       className: `py-6 px-2 text-center text-sm font-medium leading-5 ${$tone === "error" ? "text-red-600" : "text-brown-70"}`
@@ -829,14 +741,10 @@ var TABLE_STATUS = {
 function formatCell(row, column) {
   return row[column.key] ?? "";
 }
-var HEAD_CLASS = "h-auto py-2 px-4 text-xs font-medium text-foreground whitespace-nowrap text-left";
-var CELL_CLASS = "p-4 text-sm font-normal text-foreground align-top min-w-[150px] text-left";
-var ROW_CLASSES = "border-b-brown-30 bg-background/70 hover:bg-secondary";
-var DATA_ROW_CLASSES = `${ROW_CLASSES} animate-in fade-in duration-300`;
-var SCROLL_SHADOW = "0 1px 2px rgb(0 0 0 / 0.01), 0 6px 12px -2px rgb(0 0 0 / 0.03)";
+var DATA_ROW_CLASSES = `${DATA_TABLE_ROW_CLASS} animate-in fade-in duration-300`;
 
 // src/components/artifacts/table-artifact/table-artifact-content.tsx
-import { jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 function TableArtifactContent({
   columns,
   data,
@@ -861,25 +769,20 @@ function TableArtifactContent({
   return /* @__PURE__ */ jsx12(ArtifactTable, { columns, maxBodyHeight, children: data.rows.length === 0 ? renderEmptyRow(columns.length, labels.empty) : renderDataRows(columns, data.rows) });
 }
 function ArtifactTable({ columns, maxBodyHeight, children }) {
-  const { targetRef, isScrolled } = useScrollShadow();
-  return /* @__PURE__ */ jsx12("div", { ref: targetRef, className: "overscroll-none", style: { maxHeight: maxBodyHeight, overflowY: "auto" }, children: /* @__PURE__ */ jsxs5(Table, { containerClassName: "overflow-visible", children: [
-    /* @__PURE__ */ jsx12(
-      TableHeader,
-      {
-        "data-scrolled": isScrolled ? "true" : void 0,
-        className: "sticky top-0 z-10 bg-background/70 backdrop-blur-lg transition-shadow",
-        style: isScrolled ? { boxShadow: SCROLL_SHADOW } : void 0,
-        children: /* @__PURE__ */ jsx12(TableRow, { className: "hover:bg-transparent", children: columns.map((column) => /* @__PURE__ */ jsx12(TableHead, { scope: "col", className: HEAD_CLASS, children: column.label }, column.key)) })
-      }
-    ),
-    /* @__PURE__ */ jsx12(TableBody, { children })
-  ] }) });
+  return /* @__PURE__ */ jsx12(
+    DataTable,
+    {
+      maxBodyHeight,
+      header: /* @__PURE__ */ jsx12(TableRow, { className: "hover:bg-transparent", children: columns.map((column) => /* @__PURE__ */ jsx12(TableHead, { scope: "col", className: DATA_TABLE_HEAD_CLASS, children: column.label }, column.key)) }),
+      children
+    }
+  );
 }
 function renderShimmerRows(columns, count) {
-  return Array.from({ length: count }).map((_, index) => /* @__PURE__ */ jsx12(TableRow, { className: ROW_CLASSES, "aria-hidden": "true", children: columns.map((column) => /* @__PURE__ */ jsx12(TableCell, { className: CELL_CLASS, children: /* @__PURE__ */ jsx12("span", { className: "block h-3 w-3/4 animate-pulse rounded bg-muted-foreground/20" }) }, column.key)) }, `shimmer-${index}`));
+  return Array.from({ length: count }).map((_, index) => /* @__PURE__ */ jsx12(TableRow, { className: DATA_TABLE_ROW_CLASS, "aria-hidden": "true", children: columns.map((column) => /* @__PURE__ */ jsx12(TableCell, { className: DATA_TABLE_CELL_CLASS, children: /* @__PURE__ */ jsx12("span", { className: "block h-3 w-3/4 animate-pulse rounded bg-muted-foreground/20" }) }, column.key)) }, `shimmer-${index}`));
 }
 function renderDataRows(columns, rows) {
-  return rows.map((row, index) => /* @__PURE__ */ jsx12(TableRow, { className: DATA_ROW_CLASSES, children: columns.map((column) => /* @__PURE__ */ jsx12(TableCell, { className: CELL_CLASS, children: formatCell(row, column) }, column.key)) }, index));
+  return rows.map((row, index) => /* @__PURE__ */ jsx12(TableRow, { className: DATA_ROW_CLASSES, children: columns.map((column) => /* @__PURE__ */ jsx12(TableCell, { className: DATA_TABLE_CELL_CLASS, children: formatCell(row, column) }, column.key)) }, index));
 }
 function renderEmptyRow(colSpan, emptyMessage) {
   return /* @__PURE__ */ jsx12(TableRow, { className: "hover:bg-transparent", children: /* @__PURE__ */ jsx12(TableCell, { colSpan, className: "py-6 text-center text-sm text-muted-foreground", children: emptyMessage }) });
@@ -935,7 +838,7 @@ function DeckMarkdown({ markdown }) {
 
 // src/components/artifacts/deck-artifact/slide-renderers.tsx
 import { useLayoutEffect, useRef as useRef3, useState as useState3 } from "react";
-import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs5 } from "react/jsx-runtime";
 function safeLogoUrl(meta) {
   return meta?.logoUrl && isSafeDownloadUrl(meta.logoUrl) ? meta.logoUrl : null;
 }
@@ -962,7 +865,7 @@ function SlideFrame({ meta, children, accent = false, bare = false }) {
   const eyebrowColor = accent ? "text-white/70" : "text-brown-60";
   const borderColor = accent ? "border-white/20" : "border-brown-alpha-12";
   const logoSrc = safeLogoUrl(meta);
-  return /* @__PURE__ */ jsx14("div", { ref: frameRef, className: `relative aspect-[16/9] w-full overflow-hidden rounded-lg ${bg}`, children: /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsx14("div", { ref: frameRef, className: `relative aspect-[16/9] w-full overflow-hidden rounded-lg ${bg}`, children: /* @__PURE__ */ jsxs5(
     "div",
     {
       className: "absolute left-0 top-0 origin-top-left",
@@ -973,7 +876,7 @@ function SlideFrame({ meta, children, accent = false, bare = false }) {
         visibility: scale === null ? "hidden" : "visible"
       },
       children: [
-        !bare ? /* @__PURE__ */ jsxs6(
+        !bare ? /* @__PURE__ */ jsxs5(
           "div",
           {
             className: `absolute inset-x-0 top-0 flex items-center justify-between border-b px-16 ${borderColor}`,
@@ -991,7 +894,7 @@ function SlideFrame({ meta, children, accent = false, bare = false }) {
 }
 function TitleSlide({ slide, meta }) {
   const logoSrc = safeLogoUrl(meta);
-  return /* @__PURE__ */ jsx14(SlideFrame, { meta, bare: true, children: /* @__PURE__ */ jsxs6("div", { className: "flex h-full flex-col justify-center px-24 py-16", children: [
+  return /* @__PURE__ */ jsx14(SlideFrame, { meta, bare: true, children: /* @__PURE__ */ jsxs5("div", { className: "flex h-full flex-col justify-center px-24 py-16", children: [
     logoSrc ? /* @__PURE__ */ jsx14(
       "img",
       {
@@ -1016,29 +919,29 @@ function TitleSlide({ slide, meta }) {
 }
 function AgendaSlide({ slide, meta, labels }) {
   const items = slide.items ?? [];
-  return /* @__PURE__ */ jsx14(SlideFrame, { meta, children: /* @__PURE__ */ jsxs6("div", { className: "h-full px-24 py-14", children: [
+  return /* @__PURE__ */ jsx14(SlideFrame, { meta, children: /* @__PURE__ */ jsxs5("div", { className: "h-full px-24 py-14", children: [
     /* @__PURE__ */ jsx14("h2", { className: "mb-10 font-bold text-brown-90", style: { fontSize: 40 }, children: slide.title || labels.agenda }),
-    /* @__PURE__ */ jsx14("div", { className: "flex flex-col", children: items.map((item, i) => /* @__PURE__ */ jsxs6("div", { className: "flex items-baseline gap-6 border-b border-brown-alpha-12 py-5", children: [
+    /* @__PURE__ */ jsx14("div", { className: "flex flex-col", children: items.map((item, i) => /* @__PURE__ */ jsxs5("div", { className: "flex items-baseline gap-6 border-b border-brown-alpha-12 py-5", children: [
       /* @__PURE__ */ jsx14("span", { className: "shrink-0 text-indigo-600", style: { ...ACCENT_FONT, fontSize: 28, width: 64 }, children: String(i + 1).padStart(2, "0") }),
       /* @__PURE__ */ jsx14("span", { className: "text-brown-90", style: { fontSize: 28 }, children: item })
     ] }, i)) })
   ] }) });
 }
 function SectionSlide({ slide, meta }) {
-  return /* @__PURE__ */ jsx14(SlideFrame, { meta, accent: true, children: /* @__PURE__ */ jsxs6("div", { className: "flex h-full flex-col justify-center gap-6 px-24", children: [
+  return /* @__PURE__ */ jsx14(SlideFrame, { meta, accent: true, children: /* @__PURE__ */ jsxs5("div", { className: "flex h-full flex-col justify-center gap-6 px-24", children: [
     /* @__PURE__ */ jsx14("h2", { className: "font-bold text-white", style: { fontSize: 72, lineHeight: 1.05, maxWidth: 940 }, children: slide.title }),
     /* @__PURE__ */ jsx14("div", { className: "mt-2 bg-white/50", style: { width: 96, height: 5 } })
   ] }) });
 }
 function ClosingSlide({ meta, labels }) {
-  return /* @__PURE__ */ jsx14(SlideFrame, { meta, children: /* @__PURE__ */ jsxs6("div", { className: "flex h-full flex-col items-center justify-center gap-6 px-24 text-center", children: [
+  return /* @__PURE__ */ jsx14(SlideFrame, { meta, children: /* @__PURE__ */ jsxs5("div", { className: "flex h-full flex-col items-center justify-center gap-6 px-24 text-center", children: [
     /* @__PURE__ */ jsx14("h1", { className: "font-bold text-brown-100", style: { fontSize: 72 }, children: labels.thankYou }),
     /* @__PURE__ */ jsx14("p", { className: "text-indigo-600", style: { ...ACCENT_FONT, fontSize: 36 }, children: labels.questions })
   ] }) });
 }
 
 // src/components/artifacts/deck-artifact/deck-artifact-content.tsx
-import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs6 } from "react/jsx-runtime";
 var TABLE_BLOCK_MAX_SHIMMER_ROWS = 10;
 var TABLE_CHROME_RESERVE = 56;
 var VISUAL_FALLBACK_HEIGHT = 360;
@@ -1068,9 +971,9 @@ function DeckArtifactContent({
     [slides.length, onNavigate, isControlled, onSlideChange]
   );
   const position = labels.position.replace("{current}", String(current + 1)).replace("{total}", String(slides.length));
-  return /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-3 p-4", children: [
+  return /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-3 p-4", children: [
     /* @__PURE__ */ jsx15(SlideDispatch, { slide, labels, meta }),
-    /* @__PURE__ */ jsxs7(
+    /* @__PURE__ */ jsxs6(
       "div",
       {
         className: `flex items-center justify-between border-t pt-2 ${onDark ? "border-white/20" : "border-brown-alpha-12"}`,
@@ -1129,8 +1032,8 @@ function ContentSlide({ slide, meta, labels }) {
     (b) => b.type === deckBlockTypes.TEXT
   );
   if (visuals.length === 1 && texts.length > 0) {
-    return /* @__PURE__ */ jsx15(SlideFrame, { meta, children: /* @__PURE__ */ jsxs7("div", { className: "flex h-full items-stretch gap-12 px-16 py-12", children: [
-      /* @__PURE__ */ jsx15("div", { className: "flex w-[42%] shrink-0 flex-col overflow-hidden", children: /* @__PURE__ */ jsxs7(AutoFit, { children: [
+    return /* @__PURE__ */ jsx15(SlideFrame, { meta, children: /* @__PURE__ */ jsxs6("div", { className: "flex h-full items-stretch gap-12 px-16 py-12", children: [
+      /* @__PURE__ */ jsx15("div", { className: "flex w-[42%] shrink-0 flex-col overflow-hidden", children: /* @__PURE__ */ jsxs6(AutoFit, { children: [
         /* @__PURE__ */ jsx15("h3", { className: "mb-5 font-bold leading-tight text-foreground", style: { fontSize: 34 }, children: slide.title }),
         texts.map((block, i) => /* @__PURE__ */ jsx15(DeckMarkdown, { markdown: block.markdown }, i))
       ] }) }),
@@ -1138,14 +1041,14 @@ function ContentSlide({ slide, meta, labels }) {
     ] }) });
   }
   if (visuals.length > 0) {
-    return /* @__PURE__ */ jsx15(SlideFrame, { meta, children: /* @__PURE__ */ jsxs7("div", { className: "flex h-full flex-col gap-5 px-16 py-10", children: [
+    return /* @__PURE__ */ jsx15(SlideFrame, { meta, children: /* @__PURE__ */ jsxs6("div", { className: "flex h-full flex-col gap-5 px-16 py-10", children: [
       /* @__PURE__ */ jsx15("h3", { className: "shrink-0 font-bold leading-tight text-foreground", style: { fontSize: 32 }, children: slide.title }),
       content.map(
         (block, i) => isVisualBlock(block) ? /* @__PURE__ */ jsx15("div", { className: "min-h-0 min-w-0 flex-1", children: /* @__PURE__ */ jsx15(FillVisual, { block, labels }) }, i) : /* @__PURE__ */ jsx15("div", { className: "shrink-0 overflow-hidden", children: /* @__PURE__ */ jsx15(DeckMarkdown, { markdown: block.markdown }) }, i)
       )
     ] }) });
   }
-  return /* @__PURE__ */ jsx15(SlideFrame, { meta, children: /* @__PURE__ */ jsx15("div", { className: "h-full px-24 py-12", children: /* @__PURE__ */ jsxs7(AutoFit, { children: [
+  return /* @__PURE__ */ jsx15(SlideFrame, { meta, children: /* @__PURE__ */ jsx15("div", { className: "h-full px-24 py-12", children: /* @__PURE__ */ jsxs6(AutoFit, { children: [
     /* @__PURE__ */ jsx15("h3", { className: "mb-6 font-bold leading-tight text-foreground", style: { fontSize: 38 }, children: slide.title }),
     texts.map((block, i) => /* @__PURE__ */ jsx15(DeckMarkdown, { markdown: block.markdown }, i))
   ] }) }) });
@@ -1267,7 +1170,7 @@ function isValidDeckBlock(block) {
 }
 
 // src/components/artifacts/deck-artifact/deck-artifact.tsx
-import { Fragment, jsx as jsx16, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx16, jsxs as jsxs7 } from "react/jsx-runtime";
 var TITLE_CLASSES2 = "text-sm font-semibold text-foreground";
 function DeckArtifact({ artifact, labels, callbacks }) {
   const validConfig = isValidDeckConfig(artifact.config);
@@ -1308,7 +1211,7 @@ function DeckArtifact({ artifact, labels, callbacks }) {
   const meta = artifact.config?.meta;
   const handleOpenFullscreen = () => setIsFullscreen(true);
   const handleCloseFullscreen = () => setIsFullscreen(false);
-  const actions = /* @__PURE__ */ jsxs8(ArtifactActions, { ...{ [CAPTURE_EXCLUDE_ATTRIBUTE]: "" }, children: [
+  const actions = /* @__PURE__ */ jsxs7(ArtifactActions, { ...{ [CAPTURE_EXCLUDE_ATTRIBUTE]: "" }, children: [
     showDownload ? /* @__PURE__ */ jsx16(ArtifactDownloadButton, { href: presignedUrl ?? "", label: resolvedLabels.download, onClick: handleDownload }) : null,
     validConfig ? /* @__PURE__ */ jsx16(
       IconButton,
@@ -1320,19 +1223,26 @@ function DeckArtifact({ artifact, labels, callbacks }) {
       }
     ) : null
   ] });
+  const heading = /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2", children: [
+    artifact.title ? /* @__PURE__ */ jsx16(ArtifactTitle, { className: TITLE_CLASSES2, children: artifact.title }) : null,
+    /* @__PURE__ */ jsxs7(Badge, { tone: "violet", variant: "subtle", size: "sm", className: "gap-1 py-1", children: [
+      /* @__PURE__ */ jsx16(Icon, { icon: IconFlask2Filled, size: 12 }),
+      "Labs"
+    ] })
+  ] });
   if (!validConfig) {
-    return /* @__PURE__ */ jsxs8(Artifact, { className: "shadow-none w-full rounded-2xl bg-background/70", children: [
-      /* @__PURE__ */ jsxs8(ArtifactHeader, { className: "bg-background/70", children: [
-        artifact.title ? /* @__PURE__ */ jsx16(ArtifactTitle, { className: TITLE_CLASSES2, children: artifact.title }) : /* @__PURE__ */ jsx16("span", {}),
+    return /* @__PURE__ */ jsxs7(Artifact, { className: "shadow-none w-full rounded-2xl bg-background/70", children: [
+      /* @__PURE__ */ jsxs7(ArtifactHeader, { className: "bg-background/70", children: [
+        heading,
         actions
       ] }),
       /* @__PURE__ */ jsx16(ArtifactContent, { className: "p-0", children: /* @__PURE__ */ jsx16(StatusMessage, { $tone: "info", children: resolvedLabels.unavailable }) })
     ] });
   }
-  return /* @__PURE__ */ jsxs8(Fragment, { children: [
-    /* @__PURE__ */ jsxs8(Artifact, { className: "shadow-none w-full rounded-2xl bg-background/70", children: [
-      /* @__PURE__ */ jsxs8(ArtifactHeader, { className: "bg-background/70", children: [
-        artifact.title ? /* @__PURE__ */ jsx16(ArtifactTitle, { className: TITLE_CLASSES2, children: artifact.title }) : /* @__PURE__ */ jsx16("span", {}),
+  return /* @__PURE__ */ jsxs7(Fragment, { children: [
+    /* @__PURE__ */ jsxs7(Artifact, { className: "shadow-none w-full rounded-2xl bg-background/70", children: [
+      /* @__PURE__ */ jsxs7(ArtifactHeader, { className: "bg-background/70", children: [
+        heading,
         actions
       ] }),
       /* @__PURE__ */ jsx16(ArtifactContent, { className: "p-0", children: /* @__PURE__ */ jsx16(
@@ -1379,7 +1289,7 @@ function FullscreenOverlay({
       role: "dialog",
       "aria-modal": "true",
       "aria-label": resolvedLabels.exitFullscreen,
-      children: /* @__PURE__ */ jsxs8("div", { className: "relative", style: { width: "min(94vw, calc(82vh * 16 / 9))" }, children: [
+      children: /* @__PURE__ */ jsxs7("div", { className: "relative", style: { width: "min(94vw, calc(82vh * 16 / 9))" }, children: [
         /* @__PURE__ */ jsx16(
           DeckArtifactContent,
           {
@@ -1392,7 +1302,7 @@ function FullscreenOverlay({
             onDark: true
           }
         ),
-        /* @__PURE__ */ jsxs8(
+        /* @__PURE__ */ jsxs7(
           "button",
           {
             className: "absolute -top-10 right-6 flex items-center gap-1.5 text-sm text-white/80 hover:text-white",
@@ -1418,7 +1328,7 @@ function useTableArtifactData(presignedUrl, columns) {
 }
 
 // src/components/artifacts/table-artifact/table-artifact.tsx
-import { jsx as jsx17, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs8 } from "react/jsx-runtime";
 var TITLE_CLASSES3 = "text-sm font-semibold text-foreground";
 var TABLE_MAX_BODY_HEIGHT = 480;
 var MAX_SHIMMER_ROWS = 10;
@@ -1441,8 +1351,8 @@ function TableArtifact({ artifact, labels, callbacks }) {
   const onDownload = callbacks?.onDownload;
   const handleDownloadClick = onDownload ? () => onDownload(artifact) : void 0;
   if (!validConfig || !validColumns) {
-    return /* @__PURE__ */ jsxs9(Artifact, { className: "shadow-none w-full rounded-2xl bg-background/70", children: [
-      /* @__PURE__ */ jsxs9(ArtifactHeader, { className: "bg-background/70", children: [
+    return /* @__PURE__ */ jsxs8(Artifact, { className: "shadow-none w-full rounded-2xl bg-background/70", children: [
+      /* @__PURE__ */ jsxs8(ArtifactHeader, { className: "bg-background/70", children: [
         artifact.title ? /* @__PURE__ */ jsx17(ArtifactTitle, { className: TITLE_CLASSES3, children: artifact.title }) : /* @__PURE__ */ jsx17("span", {}),
         presignedUrl ? /* @__PURE__ */ jsx17(ArtifactActions, { children: /* @__PURE__ */ jsx17(
           ArtifactDownloadButton,
@@ -1460,8 +1370,8 @@ function TableArtifact({ artifact, labels, callbacks }) {
     // The table body owns its own scroll container (`ArtifactTable` inside `TableArtifactContent`).
     // Disable the outer overflow container so only one scroll context exists — this prevents
     // double-scroll nesting and lets `useScrollShadow` find the correct scroll ancestor.
-    /* @__PURE__ */ jsxs9(Artifact, { className: "shadow-none w-full rounded-2xl bg-background/70", children: [
-      /* @__PURE__ */ jsxs9(ArtifactHeader, { className: "bg-background/70", children: [
+    /* @__PURE__ */ jsxs8(Artifact, { className: "shadow-none w-full rounded-2xl bg-background/70", children: [
+      /* @__PURE__ */ jsxs8(ArtifactHeader, { className: "bg-background/70", children: [
         artifact.title ? /* @__PURE__ */ jsx17(ArtifactTitle, { className: TITLE_CLASSES3, children: artifact.title }) : /* @__PURE__ */ jsx17("span", {}),
         /* @__PURE__ */ jsx17(ArtifactActions, { children: /* @__PURE__ */ jsx17(
           ArtifactDownloadButton,
@@ -1593,10 +1503,6 @@ export {
   deckBlockTypes,
   deckSlideKinds,
   DEFAULT_DECK_ARTIFACT_LABELS,
-  IconCheck,
-  IconCopy,
-  IconThumbDown,
-  IconThumbUp,
   ArtifactCopyAsImageButton,
   ArtifactDownloadButton,
   isSafeDownloadUrl,
@@ -1607,29 +1513,4 @@ export {
   ArtifactServices,
   artifactToClipboardText
 };
-/*! Bundled license information:
-
-@tabler/icons-react/dist/esm/defaultAttributes.mjs:
-@tabler/icons-react/dist/esm/createReactComponent.mjs:
-@tabler/icons-react/dist/esm/icons/IconAlertCircle.mjs:
-@tabler/icons-react/dist/esm/icons/IconArrowsMaximize.mjs:
-@tabler/icons-react/dist/esm/icons/IconArrowsMinimize.mjs:
-@tabler/icons-react/dist/esm/icons/IconCheck.mjs:
-@tabler/icons-react/dist/esm/icons/IconChevronLeft.mjs:
-@tabler/icons-react/dist/esm/icons/IconChevronRight.mjs:
-@tabler/icons-react/dist/esm/icons/IconCopy.mjs:
-@tabler/icons-react/dist/esm/icons/IconDownload.mjs:
-@tabler/icons-react/dist/esm/icons/IconFileSpreadsheet.mjs:
-@tabler/icons-react/dist/esm/icons/IconLoader2.mjs:
-@tabler/icons-react/dist/esm/icons/IconPhoto.mjs:
-@tabler/icons-react/dist/esm/icons/IconThumbDown.mjs:
-@tabler/icons-react/dist/esm/icons/IconThumbUp.mjs:
-@tabler/icons-react/dist/esm/tabler-icons-react.mjs:
-  (**
-   * @license @tabler/icons-react v3.37.1 - MIT
-   *
-   * This source code is licensed under the MIT license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-*/
-//# sourceMappingURL=chunk-QR4VBGK4.js.map
+//# sourceMappingURL=chunk-63AGNGKG.js.map