@shapesos/clay 0.17.0 → 0.19.0

package/dist/{chunk-6YZ65KPW.js → chunk-DC5KYT2G.js}

@@ -1,6 +1,19 @@
+import {
+  IconAlertCircle,
+  IconArrowsMaximize,
+  IconArrowsMinimize,
+  IconCheck,
+  IconChevronLeft,
+  IconChevronRight,
+  IconCopy,
+  IconDownload,
+  IconFileSpreadsheet,
+  IconLoader2,
+  IconPhoto
+} from "./chunk-CSTCTO3B.js";
 import {
   IconButton
-} from "./chunk-PYDVANWI.js";
+} from "./chunk-E36VI2HA.js";
 import {
   CAPTURE_EXCLUDE_ATTRIBUTE
 } from "./chunk-LXYCT4YO.js";
@@ -8,16 +21,19 @@ import {
   BarChart,
   LineChart,
   PieChart
-} from "./chunk-PUVZ2S3F.js";
+} from "./chunk-G4NXVFXU.js";
 import {
-  Table,
-  TableBody,
+  fontFamilies
+} from "./chunk-UXT2H3FM.js";
+import {
+  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";
@@ -25,7 +41,8 @@ import {
 // src/components/artifacts/artifact-base.ts
 var artifactTypes = {
   TABLE: "TABLE",
-  CHART: "CHART"
+  CHART: "CHART",
+  DECK: "DECK"
 };
 
 // src/components/artifacts/chart-artifact/types.ts
@@ -50,97 +67,33 @@ var DEFAULT_TABLE_ARTIFACT_LABELS = {
   empty: "No rows to display."
 };
 
-// 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"
-  }
+// src/components/artifacts/deck-artifact/types.ts
+var deckBlockTypes = {
+  TEXT: "TEXT",
+  CHART: "CHART",
+  TABLE: "TABLE"
 };
-
-// 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;
+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
 };
-
-// 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/IconCheck.mjs
-var __iconNode2 = [["path", { "d": "M5 12l5 5l10 -10", "key": "svg-0" }]];
-var IconCheck = createReactComponent("outline", "check", "Check", __iconNode2);
-
-// 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);
-
-// 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);
-
-// 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);
-
-// 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);
-
-// 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);
-
-// node_modules/@tabler/icons-react/dist/esm/icons/IconThumbDown.mjs
-var __iconNode8 = [["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", __iconNode8);
-
-// node_modules/@tabler/icons-react/dist/esm/icons/IconThumbUp.mjs
-var __iconNode9 = [["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", __iconNode9);
 
 // src/components/artifacts/artifact-copy-as-image-button/artifact-copy-as-image-button.tsx
 import { useCallback as useCallback2 } from "react";
@@ -203,7 +156,7 @@ function useCopyAsImage(targetRef, options = {}) {
     setError(null);
     setStatus("working");
     try {
-      const { copyNodeAsPng } = await import("./dom-to-image-NATF3446.js");
+      const { copyNodeAsPng } = await import("./dom-to-image-QB7KMTAE.js");
       await copyNodeAsPng(node, nodeOptions);
       setStatus("success");
       scheduleReset();
@@ -382,7 +335,7 @@ function ArtifactDownloadMenu({
     if (!node) return;
     const filename = `${png.filename ?? DEFAULT_PNG_BASENAME}.png`;
     try {
-      const { downloadNodeAsPng } = await import("./dom-to-image-NATF3446.js");
+      const { downloadNodeAsPng } = await import("./dom-to-image-QB7KMTAE.js");
       await downloadNodeAsPng(node, filename);
     } catch (err) {
       console.warn("[clay] ArtifactDownloadMenu: PNG download failed", err);
@@ -417,9 +370,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,
@@ -434,9 +387,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"}`
@@ -762,8 +715,12 @@ function renderBody(validConfig, artifact, data, labels) {
   return /* @__PURE__ */ jsx11(ChartArtifactContent, { config: artifact.config, rows: data.rows, labels });
 }
 
-// src/components/artifacts/table-artifact/table-artifact.tsx
-import { useEffect as useEffect4, useMemo as useMemo3 } from "react";
+// src/components/artifacts/deck-artifact/deck-artifact.tsx
+import { useEffect as useEffect4, useMemo as useMemo3, useState as useState5 } from "react";
+import { createPortal } from "react-dom";
+
+// src/components/artifacts/deck-artifact/deck-artifact-content.tsx
+import { useCallback as useCallback4, useLayoutEffect as useLayoutEffect2, useRef as useRef4, useState as useState4 } from "react";
 
 // src/components/artifacts/table-artifact/table-artifact-content.constants.ts
 var TABLE_STATUS = {
@@ -777,14 +734,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,
@@ -809,33 +762,352 @@ 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 }) });
 }
 
-// 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
+import ReactMarkdown from "react-markdown";
+import remarkBreaks from "remark-breaks";
+import remarkGfm from "remark-gfm";
+import { jsx as jsx13 } from "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__ */ jsx13("h1", { className: "text-[30px] font-semibold leading-tight text-foreground mb-3", ...props }),
+  h2: ({ node: _node, ...props }) => /* @__PURE__ */ jsx13("h2", { className: "text-[26px] font-semibold leading-tight text-foreground mb-2", ...props }),
+  h3: ({ node: _node, ...props }) => /* @__PURE__ */ jsx13("h3", { className: "text-[24px] font-semibold leading-tight text-foreground mb-2", ...props }),
+  h4: ({ node: _node, ...props }) => /* @__PURE__ */ jsx13("h4", { className: "text-[24px] font-semibold leading-tight text-foreground mb-2", ...props }),
+  h5: ({ node: _node, ...props }) => /* @__PURE__ */ jsx13("h5", { className: "text-[24px] font-semibold leading-tight text-foreground mb-2", ...props }),
+  h6: ({ node: _node, ...props }) => /* @__PURE__ */ jsx13("h6", { className: "text-[24px] font-semibold leading-tight text-foreground mb-2", ...props }),
+  p: ({ node: _node, ...props }) => /* @__PURE__ */ jsx13("p", { className: "text-[22px] leading-relaxed text-foreground my-2", ...props }),
+  ul: ({ node: _node, ...props }) => /* @__PURE__ */ jsx13("ul", { className: "list-disc pl-7 text-[22px] leading-relaxed text-foreground my-2", ...props }),
+  ol: ({ node: _node, ...props }) => /* @__PURE__ */ jsx13("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__ */ jsx13("li", { className: "my-1", ...props }),
+  strong: ({ node: _node, ...props }) => /* @__PURE__ */ jsx13("strong", { className: "font-semibold", ...props }),
+  em: ({ node: _node, ...props }) => /* @__PURE__ */ jsx13("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__ */ jsx13("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__ */ jsx13("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__ */ jsx13("code", { className: "rounded bg-muted px-1.5 py-0.5 font-mono text-[18px]", ...props }),
+  blockquote: ({ node: _node, ...props }) => /* @__PURE__ */ jsx13("blockquote", { className: "border-l-2 border-brown-alpha-12 pl-4 text-[22px] text-muted-foreground", ...props }),
+  hr: ({ node: _node, ...props }) => /* @__PURE__ */ jsx13("hr", { className: "my-4 border-brown-alpha-12", ...props }),
+  table: ({ node: _node, ...props }) => /* @__PURE__ */ jsx13("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsx13("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__ */ jsx13("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__ */ jsx13("td", { className: "border-b border-brown-alpha-12 px-3 py-1.5", ...props })
+};
+function DeckMarkdown({ markdown }) {
+  return /* @__PURE__ */ jsx13(ReactMarkdown, { remarkPlugins: [remarkGfm, remarkBreaks], components: MARKDOWN_COMPONENTS, children: sanitize(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 jsxs5 } from "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 = useRef3(null);
+  const [scale, setScale] = useState3(null);
+  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__ */ 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",
+      style: {
+        width: DESIGN_W,
+        height: DESIGN_H,
+        transform: `scale(${scale ?? 0})`,
+        visibility: scale === null ? "hidden" : "visible"
+      },
+      children: [
+        !bare ? /* @__PURE__ */ jsxs5(
+          "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__ */ jsx14("span", { className: eyebrowColor, style: { ...ACCENT_FONT, fontSize: 22 }, children: meta.eyebrow }) : /* @__PURE__ */ jsx14("span", {}),
+              logoSrc ? /* @__PURE__ */ jsx14("img", { src: logoSrc, alt: "", className: "object-contain", style: { maxHeight: CANVAS_LOGO_MAX_H } }) : null
+            ]
+          }
+        ) : null,
+        /* @__PURE__ */ jsx14("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__ */ 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",
+      {
+        src: logoSrc,
+        alt: "",
+        className: "mb-16 object-contain object-left",
+        style: { maxHeight: 56, maxWidth: 380 }
+      }
+    ) : null,
+    /* @__PURE__ */ jsx14(
+      "h1",
+      {
+        className: "font-bold tracking-tight text-brown-100",
+        style: { fontSize: 92, lineHeight: 1.04, maxWidth: 1060 },
+        children: slide.title
+      }
+    ),
+    slide.subtitle ? /* @__PURE__ */ jsx14("p", { className: "mt-7 text-brown-70", style: { ...ACCENT_FONT, fontSize: 34 }, children: slide.subtitle }) : null,
+    slide.description ? /* @__PURE__ */ jsx14("p", { className: "mt-4 leading-relaxed text-brown-70", style: { fontSize: 24, maxWidth: 880 }, children: slide.description }) : null,
+    meta?.date ? /* @__PURE__ */ jsx14("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__ */ 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__ */ 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__ */ 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__ */ 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 jsxs6 } from "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] = useState4(0);
+  const index = isControlled ? currentSlide : internalIndex;
+  const current = Math.min(index, slides.length - 1);
+  const slide = slides[current];
+  const goTo = useCallback4(
+    (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__ */ jsxs6("div", { className: "flex flex-col gap-3 p-4", children: [
+    /* @__PURE__ */ jsx15(SlideDispatch, { slide, labels, meta }),
+    /* @__PURE__ */ jsxs6(
+      "div",
+      {
+        className: `flex items-center justify-between border-t pt-2 ${onDark ? "border-white/20" : "border-brown-alpha-12"}`,
+        children: [
+          /* @__PURE__ */ jsx15(
+            IconButton,
+            {
+              icon: IconChevronLeft,
+              size: navBtnSize,
+              className: navBtnClass,
+              "aria-label": labels.previous,
+              disabled: current === 0,
+              onClick: () => goTo(current - 1)
+            }
+          ),
+          /* @__PURE__ */ jsx15("span", { className: `text-xs font-medium ${onDark ? "text-white/70" : "text-brown-70"}`, children: position }),
+          /* @__PURE__ */ jsx15(
+            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__ */ jsx15(TitleSlide, { slide, meta });
+    case deckSlideKinds.AGENDA:
+      return /* @__PURE__ */ jsx15(AgendaSlide, { slide, meta, labels });
+    case deckSlideKinds.SECTION:
+      return /* @__PURE__ */ jsx15(SectionSlide, { slide, meta });
+    case deckSlideKinds.CLOSING:
+      return /* @__PURE__ */ jsx15(ClosingSlide, { meta, labels });
+    case deckSlideKinds.CONTENT:
+    default:
+      return /* @__PURE__ */ jsx15(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__ */ 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))
+      ] }) }),
+      /* @__PURE__ */ jsx15("div", { className: "min-h-0 min-w-0 flex-1", children: /* @__PURE__ */ jsx15(FillVisual, { block: visuals[0], labels }) })
+    ] }) });
+  }
+  if (visuals.length > 0) {
+    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__ */ 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))
+  ] }) }) });
+}
+function AutoFit({ children }) {
+  const boxRef = useRef4(null);
+  const contentRef = useRef4(null);
+  const [fit, setFit] = useState4({ scale: 1, height: 0 });
+  useLayoutEffect2(() => {
+    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__ */ jsx15("div", { ref: boxRef, className: "flex h-full min-h-0 w-full flex-col justify-center overflow-hidden", children: /* @__PURE__ */ jsx15("div", { style: scaled ? { height: fit.height } : void 0, children: /* @__PURE__ */ jsx15(
+    "div",
+    {
+      ref: contentRef,
+      className: "w-full origin-top-left",
+      style: scaled ? { transform: `scale(${fit.scale})` } : void 0,
+      children
+    }
+  ) }) });
+}
+function FillVisual({ block, labels }) {
+  const ref = useRef4(null);
+  const [height, setHeight] = useState4(VISUAL_FALLBACK_HEIGHT);
+  useLayoutEffect2(() => {
+    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__ */ jsx15("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__ */ jsx15(StatusMessage, { $tone: "info", children: chartLabels.empty }) : /* @__PURE__ */ jsx15("div", { style: { height }, children: /* @__PURE__ */ jsx15(ChartArtifactContent, { config: block.config, rows: block.rows, labels: chartLabels }) })
+  ) : /* @__PURE__ */ jsx15(
+    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
@@ -854,19 +1126,206 @@ function isValidTableColumn(column) {
   return true;
 }
 
-// src/components/artifacts/table-artifact/table-artifact.tsx
-import { jsx as jsx13, jsxs as jsxs6 } from "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
+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);
+  const [isFullscreen, setIsFullscreen] = useState5(false);
+  const [currentSlide, setCurrentSlide] = useState5(0);
+  useEffect4(() => {
+    if (validConfig) return;
+    console.warn("[clay] DeckArtifact: malformed `config` \u2014 skipping render.");
+  }, [validConfig]);
+  useEffect4(() => {
+    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 = useMemo3(
+    () => ({
+      ...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__ */ jsxs7(ArtifactActions, { ...{ [CAPTURE_EXCLUDE_ATTRIBUTE]: "" }, children: [
+    showDownload ? /* @__PURE__ */ jsx16(ArtifactDownloadButton, { href: presignedUrl ?? "", label: resolvedLabels.download, onClick: handleDownload }) : null,
+    validConfig ? /* @__PURE__ */ jsx16(
+      IconButton,
+      {
+        icon: IconArrowsMaximize,
+        size: "small",
+        "aria-label": resolvedLabels.enterFullscreen,
+        onClick: handleOpenFullscreen
+      }
+    ) : null
+  ] });
+  if (!validConfig) {
+    return /* @__PURE__ */ jsxs7(Artifact, { className: "shadow-none w-full rounded-2xl bg-background/70", children: [
+      /* @__PURE__ */ jsxs7(ArtifactHeader, { className: "bg-background/70", children: [
+        artifact.title ? /* @__PURE__ */ jsx16(ArtifactTitle, { className: TITLE_CLASSES2, children: artifact.title }) : /* @__PURE__ */ jsx16("span", {}),
+        actions
+      ] }),
+      /* @__PURE__ */ jsx16(ArtifactContent, { className: "p-0", children: /* @__PURE__ */ jsx16(StatusMessage, { $tone: "info", children: resolvedLabels.unavailable }) })
+    ] });
+  }
+  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: [
+        artifact.title ? /* @__PURE__ */ jsx16(ArtifactTitle, { className: TITLE_CLASSES2, children: artifact.title }) : /* @__PURE__ */ jsx16("span", {}),
+        actions
+      ] }),
+      /* @__PURE__ */ jsx16(ArtifactContent, { className: "p-0", children: /* @__PURE__ */ jsx16(
+        DeckArtifactContent,
+        {
+          slides: artifact.config.slides,
+          labels: resolvedLabels,
+          onNavigate: handleNavigate,
+          meta,
+          currentSlide,
+          onSlideChange: setCurrentSlide
+        }
+      ) })
+    ] }),
+    isFullscreen && createPortal(
+      /* @__PURE__ */ jsx16(
+        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__ */ jsx16(
+    "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__ */ jsxs7("div", { className: "relative", style: { width: "min(94vw, calc(82vh * 16 / 9))" }, children: [
+        /* @__PURE__ */ jsx16(
+          DeckArtifactContent,
+          {
+            slides: artifact.config.slides,
+            labels: resolvedLabels,
+            onNavigate,
+            meta,
+            currentSlide,
+            onSlideChange,
+            onDark: true
+          }
+        ),
+        /* @__PURE__ */ jsxs7(
+          "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__ */ jsx16(IconArrowsMinimize, { size: 16 }),
+              /* @__PURE__ */ jsx16("span", { children: resolvedLabels.exitFullscreen })
+            ]
+          }
+        )
+      ] })
+    }
+  );
+}
+
+// src/components/artifacts/table-artifact/table-artifact.tsx
+import { useEffect as useEffect5, useMemo as useMemo4 } from "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
+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;
 function TableArtifact({ artifact, labels, callbacks }) {
   const validConfig = isValidTableConfig(artifact.config);
   const validColumns = validConfig ? artifact.config.columns : null;
-  useEffect4(() => {
+  useEffect5(() => {
     if (validConfig) return;
     console.warn("[clay] TableArtifact: malformed `config` \u2014 skipping render.");
   }, [validConfig]);
-  const resolvedLabels = useMemo3(
+  const resolvedLabels = useMemo4(
     () => ({ ...DEFAULT_TABLE_ARTIFACT_LABELS, ...labels ?? {} }),
     [labels]
   );
@@ -878,10 +1337,10 @@ function TableArtifact({ artifact, labels, callbacks }) {
   const onDownload = callbacks?.onDownload;
   const handleDownloadClick = onDownload ? () => onDownload(artifact) : void 0;
   if (!validConfig || !validColumns) {
-    return /* @__PURE__ */ jsxs6(Artifact, { className: "shadow-none w-full rounded-2xl bg-background/70", children: [
-      /* @__PURE__ */ jsxs6(ArtifactHeader, { className: "bg-background/70", children: [
-        artifact.title ? /* @__PURE__ */ jsx13(ArtifactTitle, { className: TITLE_CLASSES2, children: artifact.title }) : /* @__PURE__ */ jsx13("span", {}),
-        presignedUrl ? /* @__PURE__ */ jsx13(ArtifactActions, { children: /* @__PURE__ */ jsx13(
+    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,
           {
             href: presignedUrl,
@@ -890,17 +1349,17 @@ function TableArtifact({ artifact, labels, callbacks }) {
           }
         ) }) : null
       ] }),
-      /* @__PURE__ */ jsx13(ArtifactContent, { className: "p-0 overflow-auto", style: { maxHeight: TABLE_MAX_BODY_HEIGHT }, children: /* @__PURE__ */ jsx13(StatusMessage, { $tone: "info", children: resolvedLabels.unavailable }) })
+      /* @__PURE__ */ jsx17(ArtifactContent, { className: "p-0 overflow-auto", style: { maxHeight: TABLE_MAX_BODY_HEIGHT }, children: /* @__PURE__ */ jsx17(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__ */ jsxs6(Artifact, { className: "shadow-none w-full rounded-2xl bg-background/70", children: [
-      /* @__PURE__ */ jsxs6(ArtifactHeader, { className: "bg-background/70", children: [
-        artifact.title ? /* @__PURE__ */ jsx13(ArtifactTitle, { className: TITLE_CLASSES2, children: artifact.title }) : /* @__PURE__ */ jsx13("span", {}),
-        /* @__PURE__ */ jsx13(ArtifactActions, { children: /* @__PURE__ */ jsx13(
+    /* @__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,
           {
             href: presignedUrl ?? "",
@@ -909,7 +1368,7 @@ function TableArtifact({ artifact, labels, callbacks }) {
           }
         ) })
       ] }),
-      /* @__PURE__ */ jsx13(ArtifactContent, { className: "p-0 overflow-visible", style: { maxHeight: "none" }, children: /* @__PURE__ */ jsx13(
+      /* @__PURE__ */ jsx17(ArtifactContent, { className: "p-0 overflow-visible", style: { maxHeight: "none" }, children: /* @__PURE__ */ jsx17(
         TableArtifactContent,
         {
           columns: validColumns,
@@ -937,6 +1396,65 @@ var ChartArtifactService = {
   toClipboardText: chartArtifactToClipboardText
 };
 
+// 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/to-clipboard-text.ts
 function tableArtifactToClipboardText(artifact) {
   const trimmedTitle = artifact.title?.trim();
@@ -953,7 +1471,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];
@@ -967,38 +1486,17 @@ export {
   artifactTypes,
   DEFAULT_CHART_ARTIFACT_LABELS,
   DEFAULT_TABLE_ARTIFACT_LABELS,
-  IconCheck,
-  IconCopy,
-  IconThumbDown,
-  IconThumbUp,
+  deckBlockTypes,
+  deckSlideKinds,
+  DEFAULT_DECK_ARTIFACT_LABELS,
   ArtifactCopyAsImageButton,
   ArtifactDownloadButton,
   isSafeDownloadUrl,
   ArtifactDownloadMenu,
   ChartArtifact,
+  DeckArtifact,
   TableArtifact,
   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/IconCheck.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-6YZ65KPW.js.map
+//# sourceMappingURL=chunk-DC5KYT2G.js.map