@shapesos/clay 0.17.0 → 0.18.0

package/dist/blocks.cjs

@@ -128,7 +128,9 @@ var init_colors = __esm({
       "red-200": "#FECACA",
       "red-400": "#F7776C",
       "red-500": "#EF4444",
-      "red-600": "#DC2626"
+      "red-600": "#DC2626",
+      // Deck
+      "deck-canvas": "#faf8f5"
     };
   }
 });
@@ -286,7 +288,8 @@ var blockTypes = {
 // src/components/artifacts/artifact-base.ts
 var artifactTypes = {
   TABLE: "TABLE",
-  CHART: "CHART"
+  CHART: "CHART",
+  DECK: "DECK"
 };
 
 // src/components/artifacts/chart-artifact/types.ts
@@ -311,6 +314,34 @@ var DEFAULT_TABLE_ARTIFACT_LABELS = {
   empty: "No rows to display."
 };
 
+// src/components/artifacts/deck-artifact/types.ts
+var deckBlockTypes = {
+  TEXT: "TEXT",
+  CHART: "CHART",
+  TABLE: "TABLE"
+};
+var deckSlideKinds = {
+  TITLE: "TITLE",
+  AGENDA: "AGENDA",
+  SECTION: "SECTION",
+  CONTENT: "CONTENT",
+  CLOSING: "CLOSING"
+};
+var DEFAULT_DECK_ARTIFACT_LABELS = {
+  previous: "Previous slide",
+  next: "Next slide",
+  position: "Slide {current} of {total}",
+  download: "Download",
+  unavailable: "Deck content is unavailable.",
+  enterFullscreen: "Fullscreen",
+  exitFullscreen: "Exit fullscreen",
+  thankYou: "Thank you",
+  questions: "Questions?",
+  agenda: "Agenda",
+  chart: DEFAULT_CHART_ARTIFACT_LABELS,
+  table: DEFAULT_TABLE_ARTIFACT_LABELS
+};
+
 // src/components/artifacts/chart-artifact/chart-artifact.tsx
 var import_react13 = require("react");
 
@@ -403,29 +434,45 @@ var createReactComponent = (type, iconName, iconNamePascal, iconNode) => {
 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 __iconNode2 = [["path", { "d": "M5 12l5 5l10 -10", "key": "svg-0" }]];
-var IconCheck = createReactComponent("outline", "check", "Check", __iconNode2);
+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 __iconNode3 = [["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", __iconNode3);
+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 __iconNode4 = [["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", __iconNode4);
+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 __iconNode5 = [["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", __iconNode5);
+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 __iconNode6 = [["path", { "d": "M12 3a9 9 0 1 0 9 9", "key": "svg-0" }]];
-var IconLoader2 = createReactComponent("outline", "loader-2", "Loader2", __iconNode6);
+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 __iconNode7 = [["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", __iconNode7);
+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);
 
 // src/components/artifacts/artifact-copy-as-image-button/artifact-copy-as-image-button.tsx
 var import_react6 = require("react");
@@ -1998,8 +2045,13 @@ var ChartArtifactService = {
   toClipboardText: chartArtifactToClipboardText
 };
 
-// src/components/artifacts/table-artifact/table-artifact.tsx
-var import_react15 = require("react");
+// src/components/artifacts/deck-artifact/deck-artifact.tsx
+var import_react17 = require("react");
+var import_react_dom = require("react-dom");
+init_capture_exclude_attribute();
+
+// src/components/artifacts/deck-artifact/deck-artifact-content.tsx
+var import_react16 = require("react");
 
 // src/components/ui/table.tsx
 var React3 = __toESM(require("react"), 1);
@@ -2146,9 +2198,333 @@ function renderEmptyRow(colSpan, emptyMessage) {
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TableRow, { className: "hover:bg-transparent", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TableCell, { colSpan, className: "py-6 text-center text-sm text-muted-foreground", children: emptyMessage }) });
 }
 
-// src/components/artifacts/table-artifact/use-table-artifact-data.ts
-function useTableArtifactData(presignedUrl, columns) {
-  return useRowsArtifactData(presignedUrl, columns, parseCsv);
+// src/components/artifacts/deck-artifact/deck-markdown.tsx
+var import_react_markdown = __toESM(require("react-markdown"), 1);
+var import_remark_breaks = __toESM(require("remark-breaks"), 1);
+var import_remark_gfm = __toESM(require("remark-gfm"), 1);
+var import_jsx_runtime22 = require("react/jsx-runtime");
+function sanitize(text) {
+  return text.split("\n").filter((line) => {
+    const t = line.trim();
+    return !(t.startsWith("<!-- table-title:") && t.endsWith("-->"));
+  }).join("\n");
+}
+var MARKDOWN_COMPONENTS = {
+  h1: ({ node: _node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("h1", { className: "text-[30px] font-semibold leading-tight text-foreground mb-3", ...props }),
+  h2: ({ node: _node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("h2", { className: "text-[26px] font-semibold leading-tight text-foreground mb-2", ...props }),
+  h3: ({ node: _node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("h3", { className: "text-[24px] font-semibold leading-tight text-foreground mb-2", ...props }),
+  h4: ({ node: _node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("h4", { className: "text-[24px] font-semibold leading-tight text-foreground mb-2", ...props }),
+  h5: ({ node: _node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("h5", { className: "text-[24px] font-semibold leading-tight text-foreground mb-2", ...props }),
+  h6: ({ node: _node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("h6", { className: "text-[24px] font-semibold leading-tight text-foreground mb-2", ...props }),
+  p: ({ node: _node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-[22px] leading-relaxed text-foreground my-2", ...props }),
+  ul: ({ node: _node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("ul", { className: "list-disc pl-7 text-[22px] leading-relaxed text-foreground my-2", ...props }),
+  ol: ({ node: _node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("ol", { className: "list-decimal pl-7 text-[22px] leading-relaxed text-foreground my-2", ...props }),
+  // react-markdown injects list metadata (`ordered` / `index` / `checked`) that must not leak to the DOM.
+  li: ({ node: _node, ordered: _ordered, index: _index, checked: _checked, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("li", { className: "my-1", ...props }),
+  strong: ({ node: _node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("strong", { className: "font-semibold", ...props }),
+  em: ({ node: _node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("em", { className: "italic", ...props }),
+  // Gate `<img src>` against an http(s) allowlist. react-markdown v8 percent-encodes the URL but
+  // does NOT protocol-filter image src (unlike link href), so an LLM-authored
+  // `![](javascript:…)` / `![](data:…)` or a tracking-pixel `![](http://…)` would otherwise render
+  // with the raw URL. Unsafe src → render nothing.
+  img: ({ node: _node, src, ...props }) => typeof src === "string" && isSafeDownloadUrl(src) ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("img", { src, className: "max-w-full", ...props }) : null,
+  a: ({ node: _node, ...props }) => (
+    // `rel` is forced AFTER `{...props}` so it can't be overridden — if a consumer ever adds
+    // `linkTarget="_blank"`, LLM-authored links still can't reach `window.opener`.
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("a", { className: "underline underline-offset-2", ...props, rel: "noopener noreferrer" })
+  ),
+  // react-markdown passes `inline` to distinguish inline code from fenced blocks — strip it from the DOM.
+  code: ({ node: _node, inline: _inline, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("code", { className: "rounded bg-muted px-1.5 py-0.5 font-mono text-[18px]", ...props }),
+  blockquote: ({ node: _node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("blockquote", { className: "border-l-2 border-brown-alpha-12 pl-4 text-[22px] text-muted-foreground", ...props }),
+  hr: ({ node: _node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("hr", { className: "my-4 border-brown-alpha-12", ...props }),
+  table: ({ node: _node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("table", { className: "w-full border-collapse text-[20px]", ...props }) }),
+  // react-markdown passes `isHeader` to cell renderers — strip it so it never reaches the DOM.
+  th: ({ node: _node, isHeader: _isHeader, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("th", { className: "border-b border-brown-alpha-12 px-3 py-1.5 text-left font-medium", ...props }),
+  td: ({ node: _node, isHeader: _isHeader, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("td", { className: "border-b border-brown-alpha-12 px-3 py-1.5", ...props })
+};
+function DeckMarkdown({ markdown }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_markdown.default, { remarkPlugins: [import_remark_gfm.default, import_remark_breaks.default], components: MARKDOWN_COMPONENTS, children: sanitize(markdown) });
+}
+
+// src/components/artifacts/deck-artifact/slide-renderers.tsx
+var import_react15 = require("react");
+var import_jsx_runtime23 = require("react/jsx-runtime");
+function safeLogoUrl(meta) {
+  return meta?.logoUrl && isSafeDownloadUrl(meta.logoUrl) ? meta.logoUrl : null;
+}
+var DESIGN_W = 1280;
+var DESIGN_H = 720;
+var EYEBROW_H = 84;
+var CANVAS_LOGO_MAX_H = 48;
+var ACCENT_FONT = { fontFamily: `"${fontFamilies.CRIMSON_PRO}", serif`, fontStyle: "italic" };
+function SlideFrame({ meta, children, accent = false, bare = false }) {
+  const frameRef = (0, import_react15.useRef)(null);
+  const [scale, setScale] = (0, import_react15.useState)(null);
+  (0, import_react15.useLayoutEffect)(() => {
+    const el = frameRef.current;
+    if (!el) return;
+    const apply = (width) => {
+      if (width > 0) setScale(width / DESIGN_W);
+    };
+    apply(el.clientWidth);
+    const ro = new ResizeObserver((entries) => apply(entries[0]?.contentRect.width ?? 0));
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, []);
+  const bg = accent ? "bg-indigo-600" : "bg-deck-canvas";
+  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__ */ (0, import_jsx_runtime23.jsx)("div", { ref: frameRef, className: `relative aspect-[16/9] w-full overflow-hidden rounded-lg ${bg}`, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+    "div",
+    {
+      className: "absolute left-0 top-0 origin-top-left",
+      style: {
+        width: DESIGN_W,
+        height: DESIGN_H,
+        transform: `scale(${scale ?? 0})`,
+        visibility: scale === null ? "hidden" : "visible"
+      },
+      children: [
+        !bare ? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+          "div",
+          {
+            className: `absolute inset-x-0 top-0 flex items-center justify-between border-b px-16 ${borderColor}`,
+            style: { height: EYEBROW_H },
+            children: [
+              meta?.eyebrow ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: eyebrowColor, style: { ...ACCENT_FONT, fontSize: 22 }, children: meta.eyebrow }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", {}),
+              logoSrc ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("img", { src: logoSrc, alt: "", className: "object-contain", style: { maxHeight: CANVAS_LOGO_MAX_H } }) : null
+            ]
+          }
+        ) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "absolute inset-x-0 bottom-0 overflow-hidden", style: { top: bare ? 0 : EYEBROW_H }, children })
+      ]
+    }
+  ) });
+}
+function TitleSlide({ slide, meta }) {
+  const logoSrc = safeLogoUrl(meta);
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SlideFrame, { meta, bare: true, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex h-full flex-col justify-center px-24 py-16", children: [
+    logoSrc ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      "img",
+      {
+        src: logoSrc,
+        alt: "",
+        className: "mb-16 object-contain object-left",
+        style: { maxHeight: 56, maxWidth: 380 }
+      }
+    ) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      "h1",
+      {
+        className: "font-bold tracking-tight text-brown-100",
+        style: { fontSize: 92, lineHeight: 1.04, maxWidth: 1060 },
+        children: slide.title
+      }
+    ),
+    slide.subtitle ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "mt-7 text-brown-70", style: { ...ACCENT_FONT, fontSize: 34 }, children: slide.subtitle }) : null,
+    slide.description ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "mt-4 leading-relaxed text-brown-70", style: { fontSize: 24, maxWidth: 880 }, children: slide.description }) : null,
+    meta?.date ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "mt-10 text-brown-70", style: { ...ACCENT_FONT, fontSize: 30 }, children: meta.date }) : null
+  ] }) });
+}
+function AgendaSlide({ slide, meta, labels }) {
+  const items = slide.items ?? [];
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SlideFrame, { meta, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "h-full px-24 py-14", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("h2", { className: "mb-10 font-bold text-brown-90", style: { fontSize: 40 }, children: slide.title || labels.agenda }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex flex-col", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-baseline gap-6 border-b border-brown-alpha-12 py-5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "shrink-0 text-indigo-600", style: { ...ACCENT_FONT, fontSize: 28, width: 64 }, children: String(i + 1).padStart(2, "0") }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-brown-90", style: { fontSize: 28 }, children: item })
+    ] }, i)) })
+  ] }) });
+}
+function SectionSlide({ slide, meta }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SlideFrame, { meta, accent: true, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex h-full flex-col justify-center gap-6 px-24", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("h2", { className: "font-bold text-white", style: { fontSize: 72, lineHeight: 1.05, maxWidth: 940 }, children: slide.title }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "mt-2 bg-white/50", style: { width: 96, height: 5 } })
+  ] }) });
+}
+function ClosingSlide({ meta, labels }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SlideFrame, { meta, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex h-full flex-col items-center justify-center gap-6 px-24 text-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("h1", { className: "font-bold text-brown-100", style: { fontSize: 72 }, children: labels.thankYou }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-indigo-600", style: { ...ACCENT_FONT, fontSize: 36 }, children: labels.questions })
+  ] }) });
+}
+
+// src/components/artifacts/deck-artifact/deck-artifact-content.tsx
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var TABLE_BLOCK_MAX_SHIMMER_ROWS = 10;
+var TABLE_CHROME_RESERVE = 56;
+var VISUAL_FALLBACK_HEIGHT = 360;
+function DeckArtifactContent({
+  slides,
+  labels,
+  onNavigate,
+  meta,
+  onDark = false,
+  currentSlide,
+  onSlideChange
+}) {
+  const navBtnClass = onDark ? "[&_svg]:!text-white hover:!bg-white/20 disabled:opacity-40" : void 0;
+  const navBtnSize = onDark ? "medium" : "small";
+  const isControlled = currentSlide !== void 0;
+  const [internalIndex, setInternalIndex] = (0, import_react16.useState)(0);
+  const index = isControlled ? currentSlide : internalIndex;
+  const current = Math.min(index, slides.length - 1);
+  const slide = slides[current];
+  const goTo = (0, import_react16.useCallback)(
+    (next) => {
+      const clamped = Math.max(0, Math.min(next, slides.length - 1));
+      if (isControlled) onSlideChange?.(clamped);
+      else setInternalIndex(clamped);
+      onNavigate?.(clamped);
+    },
+    [slides.length, onNavigate, isControlled, onSlideChange]
+  );
+  const position = labels.position.replace("{current}", String(current + 1)).replace("{total}", String(slides.length));
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex flex-col gap-3 p-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SlideDispatch, { slide, labels, meta }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+      "div",
+      {
+        className: `flex items-center justify-between border-t pt-2 ${onDark ? "border-white/20" : "border-brown-alpha-12"}`,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+            IconButton,
+            {
+              icon: IconChevronLeft,
+              size: navBtnSize,
+              className: navBtnClass,
+              "aria-label": labels.previous,
+              disabled: current === 0,
+              onClick: () => goTo(current - 1)
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: `text-xs font-medium ${onDark ? "text-white/70" : "text-brown-70"}`, children: position }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+            IconButton,
+            {
+              icon: IconChevronRight,
+              size: navBtnSize,
+              className: navBtnClass,
+              "aria-label": labels.next,
+              disabled: current === slides.length - 1,
+              onClick: () => goTo(current + 1)
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function SlideDispatch({ slide, labels, meta }) {
+  const kind = slide.kind ?? deckSlideKinds.CONTENT;
+  switch (kind) {
+    case deckSlideKinds.TITLE:
+      return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TitleSlide, { slide, meta });
+    case deckSlideKinds.AGENDA:
+      return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(AgendaSlide, { slide, meta, labels });
+    case deckSlideKinds.SECTION:
+      return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SectionSlide, { slide, meta });
+    case deckSlideKinds.CLOSING:
+      return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ClosingSlide, { meta, labels });
+    case deckSlideKinds.CONTENT:
+    default:
+      return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ContentSlide, { slide, meta, labels });
+  }
+}
+function isVisualBlock(block) {
+  return block.type === deckBlockTypes.CHART || block.type === deckBlockTypes.TABLE;
+}
+function ContentSlide({ slide, meta, labels }) {
+  const content = slide.content ?? [];
+  const visuals = content.filter(isVisualBlock);
+  const texts = content.filter(
+    (b) => b.type === deckBlockTypes.TEXT
+  );
+  if (visuals.length === 1 && texts.length > 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SlideFrame, { meta, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex h-full items-stretch gap-12 px-16 py-12", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "flex w-[42%] shrink-0 flex-col overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(AutoFit, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h3", { className: "mb-5 font-bold leading-tight text-foreground", style: { fontSize: 34 }, children: slide.title }),
+        texts.map((block, i) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(DeckMarkdown, { markdown: block.markdown }, i))
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "min-h-0 min-w-0 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(FillVisual, { block: visuals[0], labels }) })
+    ] }) });
+  }
+  if (visuals.length > 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SlideFrame, { meta, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex h-full flex-col gap-5 px-16 py-10", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h3", { className: "shrink-0 font-bold leading-tight text-foreground", style: { fontSize: 32 }, children: slide.title }),
+      content.map(
+        (block, i) => isVisualBlock(block) ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "min-h-0 min-w-0 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(FillVisual, { block, labels }) }, i) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "shrink-0 overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(DeckMarkdown, { markdown: block.markdown }) }, i)
+      )
+    ] }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SlideFrame, { meta, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "h-full px-24 py-12", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(AutoFit, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h3", { className: "mb-6 font-bold leading-tight text-foreground", style: { fontSize: 38 }, children: slide.title }),
+    texts.map((block, i) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(DeckMarkdown, { markdown: block.markdown }, i))
+  ] }) }) });
+}
+function AutoFit({ children }) {
+  const boxRef = (0, import_react16.useRef)(null);
+  const contentRef = (0, import_react16.useRef)(null);
+  const [fit, setFit] = (0, import_react16.useState)({ scale: 1, height: 0 });
+  (0, import_react16.useLayoutEffect)(() => {
+    const boxEl = boxRef.current;
+    const contentEl = contentRef.current;
+    if (!boxEl || !contentEl) return;
+    const measure = () => {
+      const avail = boxEl.clientHeight;
+      const natural = contentEl.offsetHeight;
+      const scale = avail > 0 && natural > avail ? avail / natural : 1;
+      setFit({ scale, height: natural * scale });
+    };
+    measure();
+    const ro = new ResizeObserver(measure);
+    ro.observe(boxEl);
+    ro.observe(contentEl);
+    return () => ro.disconnect();
+  }, []);
+  const scaled = fit.scale < 1;
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { ref: boxRef, className: "flex h-full min-h-0 w-full flex-col justify-center overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { style: scaled ? { height: fit.height } : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    "div",
+    {
+      ref: contentRef,
+      className: "w-full origin-top-left",
+      style: scaled ? { transform: `scale(${fit.scale})` } : void 0,
+      children
+    }
+  ) }) });
+}
+function FillVisual({ block, labels }) {
+  const ref = (0, import_react16.useRef)(null);
+  const [height, setHeight] = (0, import_react16.useState)(VISUAL_FALLBACK_HEIGHT);
+  (0, import_react16.useLayoutEffect)(() => {
+    const el = ref.current;
+    if (!el) return;
+    const apply = (h) => {
+      if (h > 0) setHeight(h);
+    };
+    apply(el.clientHeight);
+    const ro = new ResizeObserver((entries) => apply(entries[0]?.contentRect.height ?? 0));
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, []);
+  const chartLabels = labels.chart ?? DEFAULT_CHART_ARTIFACT_LABELS;
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { ref, className: "h-full min-h-0 w-full overflow-hidden", children: block.type === deckBlockTypes.CHART ? (
+    // ChartArtifactContent assumes a non-empty rowset (the standalone ChartArtifact guards
+    // `rows.length > 0` upstream); mirror that guard here so an empty inline chart shows the
+    // localized empty status instead of a blank chart area.
+    block.rows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(StatusMessage, { $tone: "info", children: chartLabels.empty }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { style: { height }, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ChartArtifactContent, { config: block.config, rows: block.rows, labels: chartLabels }) })
+  ) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    TableArtifactContent,
+    {
+      columns: block.config.columns,
+      data: { status: "ready", rows: block.rows, error: null },
+      knownRowCount: block.config.stats?.rowCount ?? block.rows.length,
+      maxShimmerRows: TABLE_BLOCK_MAX_SHIMMER_ROWS,
+      maxBodyHeight: Math.max(0, height - TABLE_CHROME_RESERVE),
+      labels: labels.table ?? DEFAULT_TABLE_ARTIFACT_LABELS
+    }
+  ) });
 }
 
 // src/components/artifacts/table-artifact/validate.ts
@@ -2167,19 +2543,265 @@ function isValidTableColumn(column) {
   return true;
 }
 
-// src/components/artifacts/table-artifact/table-artifact.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
+// src/components/artifacts/deck-artifact/validate.ts
+function isValidDeckConfig(config) {
+  if (!config || typeof config !== "object") return false;
+  const candidate = config;
+  if (!Array.isArray(candidate.slides)) return false;
+  if (candidate.slides.length === 0) return false;
+  return candidate.slides.every(isValidDeckSlide);
+}
+function isValidDeckSlide(slide) {
+  if (!slide || typeof slide !== "object") return false;
+  const candidate = slide;
+  if (typeof candidate.title !== "string") return false;
+  const kind = typeof candidate.kind === "string" ? candidate.kind : deckSlideKinds.CONTENT;
+  if (kind === deckSlideKinds.CONTENT && !Array.isArray(candidate.content)) return false;
+  const content = Array.isArray(candidate.content) ? candidate.content : [];
+  if (candidate.items != null) {
+    if (!Array.isArray(candidate.items)) return false;
+    if (!candidate.items.every((item) => typeof item === "string")) return false;
+  }
+  return content.every(isValidDeckBlock);
+}
+function isValidDeckBlock(block) {
+  if (!block || typeof block !== "object") return false;
+  const candidate = block;
+  switch (candidate.type) {
+    case deckBlockTypes.TEXT:
+      return typeof candidate.markdown === "string";
+    case deckBlockTypes.CHART:
+      return isValidChartConfig(candidate.config) && Array.isArray(candidate.rows);
+    case deckBlockTypes.TABLE:
+      return isValidTableConfig(candidate.config) && Array.isArray(candidate.rows);
+    default:
+      return false;
+  }
+}
+
+// src/components/artifacts/deck-artifact/deck-artifact.tsx
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var TITLE_CLASSES2 = "text-sm font-semibold text-foreground";
+function DeckArtifact({ artifact, labels, callbacks }) {
+  const validConfig = isValidDeckConfig(artifact.config);
+  const [isFullscreen, setIsFullscreen] = (0, import_react17.useState)(false);
+  const [currentSlide, setCurrentSlide] = (0, import_react17.useState)(0);
+  (0, import_react17.useEffect)(() => {
+    if (validConfig) return;
+    console.warn("[clay] DeckArtifact: malformed `config` \u2014 skipping render.");
+  }, [validConfig]);
+  (0, import_react17.useEffect)(() => {
+    if (!isFullscreen) return;
+    const handleKey = (e) => {
+      if (e.key === "Escape") setIsFullscreen(false);
+    };
+    document.addEventListener("keydown", handleKey);
+    const previousOverflow = document.documentElement.style.overflow;
+    document.documentElement.style.overflow = "hidden";
+    return () => {
+      document.removeEventListener("keydown", handleKey);
+      document.documentElement.style.overflow = previousOverflow;
+    };
+  }, [isFullscreen]);
+  const resolvedLabels = (0, import_react17.useMemo)(
+    () => ({
+      ...DEFAULT_DECK_ARTIFACT_LABELS,
+      ...labels ?? {},
+      chart: { ...DEFAULT_CHART_ARTIFACT_LABELS, ...labels?.chart ?? {} },
+      table: { ...DEFAULT_TABLE_ARTIFACT_LABELS, ...labels?.table ?? {} }
+    }),
+    [labels]
+  );
+  const onNavigate = callbacks?.onNavigate;
+  const handleNavigate = onNavigate ? (slideIndex) => onNavigate(artifact, slideIndex) : void 0;
+  const onDownload = callbacks?.onDownload;
+  const handleDownload = onDownload ? () => onDownload(artifact) : void 0;
+  const presignedUrl = artifact.protectedAsset?.presignedUrl ?? null;
+  const showDownload = presignedUrl !== null && isSafeDownloadUrl(presignedUrl);
+  const meta = artifact.config?.meta;
+  const handleOpenFullscreen = () => setIsFullscreen(true);
+  const handleCloseFullscreen = () => setIsFullscreen(false);
+  const actions = /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(ArtifactActions, { ...{ [CAPTURE_EXCLUDE_ATTRIBUTE]: "" }, children: [
+    showDownload ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ArtifactDownloadButton, { href: presignedUrl ?? "", label: resolvedLabels.download, onClick: handleDownload }) : null,
+    validConfig ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      IconButton,
+      {
+        icon: IconArrowsMaximize,
+        size: "small",
+        "aria-label": resolvedLabels.enterFullscreen,
+        onClick: handleOpenFullscreen
+      }
+    ) : null
+  ] });
+  if (!validConfig) {
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Artifact, { className: "shadow-none w-full rounded-2xl bg-background/70", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(ArtifactHeader, { className: "bg-background/70", children: [
+        artifact.title ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ArtifactTitle, { className: TITLE_CLASSES2, children: artifact.title }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", {}),
+        actions
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ArtifactContent, { className: "p-0", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(StatusMessage, { $tone: "info", children: resolvedLabels.unavailable }) })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Artifact, { className: "shadow-none w-full rounded-2xl bg-background/70", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(ArtifactHeader, { className: "bg-background/70", children: [
+        artifact.title ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ArtifactTitle, { className: TITLE_CLASSES2, children: artifact.title }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", {}),
+        actions
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ArtifactContent, { className: "p-0", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        DeckArtifactContent,
+        {
+          slides: artifact.config.slides,
+          labels: resolvedLabels,
+          onNavigate: handleNavigate,
+          meta,
+          currentSlide,
+          onSlideChange: setCurrentSlide
+        }
+      ) })
+    ] }),
+    isFullscreen && (0, import_react_dom.createPortal)(
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        FullscreenOverlay,
+        {
+          artifact,
+          resolvedLabels,
+          onNavigate: handleNavigate,
+          currentSlide,
+          onSlideChange: setCurrentSlide,
+          onClose: handleCloseFullscreen
+        }
+      ),
+      document.body
+    )
+  ] });
+}
+function FullscreenOverlay({
+  artifact,
+  resolvedLabels,
+  onNavigate,
+  currentSlide,
+  onSlideChange,
+  onClose
+}) {
+  const meta = artifact.config?.meta;
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    "div",
+    {
+      className: "fixed inset-0 z-[2147483647] flex items-center justify-center bg-black/80",
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": resolvedLabels.exitFullscreen,
+      children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "relative", style: { width: "min(94vw, calc(82vh * 16 / 9))" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          DeckArtifactContent,
+          {
+            slides: artifact.config.slides,
+            labels: resolvedLabels,
+            onNavigate,
+            meta,
+            currentSlide,
+            onSlideChange,
+            onDark: true
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+          "button",
+          {
+            className: "absolute -top-10 right-6 flex items-center gap-1.5 text-sm text-white/80 hover:text-white",
+            "aria-label": resolvedLabels.exitFullscreen,
+            onClick: onClose,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(IconArrowsMinimize, { size: 16 }),
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: resolvedLabels.exitFullscreen })
+            ]
+          }
+        )
+      ] })
+    }
+  );
+}
+
+// src/components/artifacts/deck-artifact/to-clipboard-text.ts
+function deckArtifactToClipboardText(artifact) {
+  const header = artifact.title?.trim() || "Deck";
+  const slides = artifact.config?.slides ?? [];
+  const body = slides.map((slide, i) => slideToText(slide, i)).join("\n\n");
+  return body ? `${header}
+
+${body}` : header;
+}
+function slideToText(slide, index) {
+  const kind = slide.kind ?? deckSlideKinds.CONTENT;
+  const prefix = `Slide ${index + 1}: `;
+  switch (kind) {
+    case deckSlideKinds.TITLE: {
+      const parts = [slide.title];
+      if (slide.subtitle) parts.push(slide.subtitle);
+      if (slide.description) parts.push(slide.description);
+      return `${prefix}${parts.join(" \u2014 ")}`.trim();
+    }
+    case deckSlideKinds.AGENDA: {
+      const items = (slide.items ?? []).map((item, i) => `  ${String(i + 1).padStart(2, "0")}. ${item}`).join("\n");
+      return `${prefix}${slide.title || "Agenda"}${items ? `
+${items}` : ""}`.trim();
+    }
+    case deckSlideKinds.SECTION:
+      return `${prefix}${slide.title}`.trim();
+    case deckSlideKinds.CLOSING:
+      return `${prefix}Thank you`.trim();
+    case deckSlideKinds.CONTENT:
+    default: {
+      const blocks = (slide.content ?? []).map(blockToText).filter(Boolean).join("\n\n");
+      return `${prefix}${slide.title}${blocks ? `
+${blocks}` : ""}`.trim();
+    }
+  }
+}
+function blockToText(block) {
+  switch (block.type) {
+    case deckBlockTypes.TEXT:
+      return block.markdown.trim();
+    case deckBlockTypes.CHART:
+      return `[Chart: ${block.config.variant}]`;
+    case deckBlockTypes.TABLE: {
+      const columnCount = block.config.columns.length;
+      const rowCount = block.rows.length;
+      return `[Table: ${columnCount} column${columnCount === 1 ? "" : "s"} \xD7 ${rowCount} row${rowCount === 1 ? "" : "s"}]`;
+    }
+    default:
+      return "";
+  }
+}
+
+// src/components/artifacts/artifact-services/deck-artifact-service.ts
+var DeckArtifactService = {
+  type: artifactTypes.DECK,
+  Component: DeckArtifact,
+  toClipboardText: deckArtifactToClipboardText
+};
+
+// src/components/artifacts/table-artifact/table-artifact.tsx
+var import_react18 = require("react");
+
+// src/components/artifacts/table-artifact/use-table-artifact-data.ts
+function useTableArtifactData(presignedUrl, columns) {
+  return useRowsArtifactData(presignedUrl, columns, parseCsv);
+}
+
+// src/components/artifacts/table-artifact/table-artifact.tsx
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var TITLE_CLASSES3 = "text-sm font-semibold text-foreground";
 var TABLE_MAX_BODY_HEIGHT = 480;
 var MAX_SHIMMER_ROWS = 10;
 function TableArtifact({ artifact, labels, callbacks }) {
   const validConfig = isValidTableConfig(artifact.config);
   const validColumns = validConfig ? artifact.config.columns : null;
-  (0, import_react15.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (validConfig) return;
     console.warn("[clay] TableArtifact: malformed `config` \u2014 skipping render.");
   }, [validConfig]);
-  const resolvedLabels = (0, import_react15.useMemo)(
+  const resolvedLabels = (0, import_react18.useMemo)(
     () => ({ ...DEFAULT_TABLE_ARTIFACT_LABELS, ...labels ?? {} }),
     [labels]
   );
@@ -2191,10 +2813,10 @@ function TableArtifact({ artifact, labels, callbacks }) {
   const onDownload = callbacks?.onDownload;
   const handleDownloadClick = onDownload ? () => onDownload(artifact) : void 0;
   if (!validConfig || !validColumns) {
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(Artifact, { className: "shadow-none w-full rounded-2xl bg-background/70", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(ArtifactHeader, { className: "bg-background/70", children: [
-        artifact.title ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ArtifactTitle, { className: TITLE_CLASSES2, children: artifact.title }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", {}),
-        presignedUrl ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ArtifactActions, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Artifact, { className: "shadow-none w-full rounded-2xl bg-background/70", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(ArtifactHeader, { className: "bg-background/70", children: [
+        artifact.title ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ArtifactTitle, { className: TITLE_CLASSES3, children: artifact.title }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", {}),
+        presignedUrl ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ArtifactActions, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           ArtifactDownloadButton,
           {
             href: presignedUrl,
@@ -2203,17 +2825,17 @@ function TableArtifact({ artifact, labels, callbacks }) {
           }
         ) }) : null
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ArtifactContent, { className: "p-0 overflow-auto", style: { maxHeight: TABLE_MAX_BODY_HEIGHT }, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(StatusMessage, { $tone: "info", children: resolvedLabels.unavailable }) })
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ArtifactContent, { className: "p-0 overflow-auto", style: { maxHeight: TABLE_MAX_BODY_HEIGHT }, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(StatusMessage, { $tone: "info", children: resolvedLabels.unavailable }) })
     ] });
   }
   return (
     // 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__ */ (0, import_jsx_runtime22.jsxs)(Artifact, { className: "shadow-none w-full rounded-2xl bg-background/70", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(ArtifactHeader, { className: "bg-background/70", children: [
-        artifact.title ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ArtifactTitle, { className: TITLE_CLASSES2, children: artifact.title }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", {}),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ArtifactActions, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Artifact, { className: "shadow-none w-full rounded-2xl bg-background/70", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(ArtifactHeader, { className: "bg-background/70", children: [
+        artifact.title ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ArtifactTitle, { className: TITLE_CLASSES3, children: artifact.title }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ArtifactActions, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           ArtifactDownloadButton,
           {
             href: presignedUrl ?? "",
@@ -2222,7 +2844,7 @@ function TableArtifact({ artifact, labels, callbacks }) {
           }
         ) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ArtifactContent, { className: "p-0 overflow-visible", style: { maxHeight: "none" }, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ArtifactContent, { className: "p-0 overflow-visible", style: { maxHeight: "none" }, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
         TableArtifactContent,
         {
           columns: validColumns,
@@ -2253,7 +2875,8 @@ var TableArtifactService = {
 // src/components/artifacts/artifact-services/index.ts
 var ArtifactServices = {
   [artifactTypes.TABLE]: TableArtifactService,
-  [artifactTypes.CHART]: ChartArtifactService
+  [artifactTypes.CHART]: ChartArtifactService,
+  [artifactTypes.DECK]: DeckArtifactService
 };
 function artifactToClipboardText(artifact) {
   const entry = ArtifactServices[artifact.type];
@@ -2264,13 +2887,13 @@ function artifactToClipboardText(artifact) {
 }
 
 // src/components/blocks/artifact-ref-block/artifact-ref-block.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function ArtifactRefBlock({ block }) {
   const { artifact, labels, callbacks } = block.payload;
   const entry = ArtifactServices[artifact.type];
   if (!entry) return null;
   const Component = entry.Component;
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Component, { artifact, labels, callbacks });
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Component, { artifact, labels, callbacks });
 }
 
 // src/components/blocks/block-services/artifact-ref-block-service.ts
@@ -2305,9 +2928,9 @@ function markdownToPlainText(markdown) {
 }
 
 // src/components/blocks/text-block/text-block.tsx
-var import_react_markdown = __toESM(require("react-markdown"), 1);
-var import_remark_breaks = __toESM(require("remark-breaks"), 1);
-var import_remark_gfm = __toESM(require("remark-gfm"), 1);
+var import_react_markdown2 = __toESM(require("react-markdown"), 1);
+var import_remark_breaks2 = __toESM(require("remark-breaks"), 1);
+var import_remark_gfm2 = __toESM(require("remark-gfm"), 1);
 
 // src/components/blocks/scrollable-table/scrollable-table-styles.ts
 var import_styled_components3 = __toESM(require("styled-components"), 1);
@@ -2322,13 +2945,13 @@ var TableScroll = import_styled_components3.default.div`
 `;
 
 // src/components/blocks/scrollable-table/scrollable-table.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function ScrollableTable({ node: _node, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TableContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TableScroll, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("table", { ...props }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TableContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TableScroll, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("table", { ...props }) }) });
 }
 
 // src/components/blocks/text-block/sanitize.ts
-function sanitize(text) {
+function sanitize2(text) {
   return text.split("\n").filter((line) => {
     const t = line.trim();
     return !(t.startsWith("<!-- table-title:") && t.endsWith("-->"));
@@ -2468,12 +3091,12 @@ var TextBlockWrapper = import_styled_components4.default.div`
 `;
 
 // src/components/blocks/text-block/text-block.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 var markdownComponents = {
-  table: ((tableProps) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ScrollableTable, { ...tableProps }))
+  table: ((tableProps) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ScrollableTable, { ...tableProps }))
 };
 function TextBlock({ block }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TextBlockWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_markdown.default, { remarkPlugins: [import_remark_gfm.default, import_remark_breaks.default], components: markdownComponents, children: sanitize(block.payload.text) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TextBlockWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_markdown2.default, { remarkPlugins: [import_remark_gfm2.default, import_remark_breaks2.default], components: markdownComponents, children: sanitize2(block.payload.text) }) });
 }
 
 // src/components/blocks/block-services/text-block-service.ts
@@ -2495,19 +3118,19 @@ var BlockServices = {
 };
 
 // src/components/blocks/block/block.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 function Block({ block }) {
   const service = BlockServices[block.type];
   if (!service) return null;
   const { Component } = service;
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Component, { block });
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Component, { block });
 }
 
 // src/components/blocks/block-context/block-context.tsx
-var import_react16 = require("react");
-var BlockContext = (0, import_react16.createContext)(null);
+var import_react19 = require("react");
+var BlockContext = (0, import_react19.createContext)(null);
 function useBlockContext() {
-  return (0, import_react16.useContext)(BlockContext) ?? {};
+  return (0, import_react19.useContext)(BlockContext) ?? {};
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
@@ -2525,7 +3148,11 @@ function useBlockContext() {
 @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: