@shapesos/clay 0.17.0 → 0.19.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"
     };
   }
 });
@@ -271,8 +273,12 @@ __export(blocks_exports, {
   Block: () => Block,
   BlockContext: () => BlockContext,
   BlockServices: () => BlockServices,
+  NotificationDraftBlock: () => NotificationDraftBlock,
+  NotificationDraftBlockService: () => NotificationDraftBlockService,
   TextBlockService: () => TextBlockService,
   blockTypes: () => blockTypes,
+  notificationChannels: () => notificationChannels,
+  notificationEmailTypes: () => notificationEmailTypes,
   useBlockContext: () => useBlockContext
 });
 module.exports = __toCommonJS(blocks_exports);
@@ -280,13 +286,15 @@ module.exports = __toCommonJS(blocks_exports);
 // src/components/blocks/types.ts
 var blockTypes = {
   TEXT: "TEXT",
-  ARTIFACT_REF: "ARTIFACT_REF"
+  ARTIFACT_REF: "ARTIFACT_REF",
+  NOTIFICATION_DRAFT: "NOTIFICATION_DRAFT"
 };
 
 // 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 +319,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 +439,53 @@ 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/IconChevronDown.mjs
+var __iconNode5 = [["path", { "d": "M6 9l6 6l6 -6", "key": "svg-0" }]];
+var IconChevronDown = createReactComponent("outline", "chevron-down", "ChevronDown", __iconNode5);
+
+// node_modules/@tabler/icons-react/dist/esm/icons/IconChevronLeft.mjs
+var __iconNode6 = [["path", { "d": "M15 6l-6 6l6 6", "key": "svg-0" }]];
+var IconChevronLeft = createReactComponent("outline", "chevron-left", "ChevronLeft", __iconNode6);
+
+// node_modules/@tabler/icons-react/dist/esm/icons/IconChevronRight.mjs
+var __iconNode7 = [["path", { "d": "M9 6l6 6l-6 6", "key": "svg-0" }]];
+var IconChevronRight = createReactComponent("outline", "chevron-right", "ChevronRight", __iconNode7);
 
 // 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 __iconNode8 = [["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", __iconNode8);
 
 // 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 __iconNode9 = [["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", __iconNode9);
 
 // 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 __iconNode10 = [["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", __iconNode10);
 
 // 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 __iconNode11 = [["path", { "d": "M12 3a9 9 0 1 0 9 9", "key": "svg-0" }]];
+var IconLoader2 = createReactComponent("outline", "loader-2", "Loader2", __iconNode11);
 
 // 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 __iconNode12 = [["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", __iconNode12);
+
+// node_modules/@tabler/icons-react/dist/esm/icons/IconFlask2Filled.mjs
+var __iconNode13 = [["path", { "d": "M15 2a1 1 0 0 1 0 2v5.674l.062 .03a7 7 0 0 1 3.85 5.174l.037 .262a7 7 0 0 1 -3.078 6.693a1 1 0 0 1 -.553 .167h-6.635a1 1 0 0 1 -.552 -.166a7 7 0 0 1 .807 -12.134l.062 -.028v-5.672a1 1 0 1 1 0 -2h6zm-2 2h-2v6.34a1 1 0 0 1 -.551 .894l-.116 .049a5 5 0 0 0 -2.92 2.717h9.172a5 5 0 0 0 -2.918 -2.715a1 1 0 0 1 -.667 -.943v-6.342z", "key": "svg-0" }]];
+var IconFlask2Filled = createReactComponent("filled", "flask-2-filled", "Flask2Filled", __iconNode13);
 
 // src/components/artifacts/artifact-copy-as-image-button/artifact-copy-as-image-button.tsx
 var import_react6 = require("react");
@@ -1998,8 +2058,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);
@@ -2078,6 +2143,36 @@ function useScrollShadow() {
   return { targetRef, isScrolled };
 }
 
+// src/components/table/data-table.tsx
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var DATA_TABLE_HEAD_CLASS = "h-auto py-2 px-4 text-xs font-medium text-foreground whitespace-nowrap text-left";
+var DATA_TABLE_CELL_CLASS = "p-4 text-sm font-normal text-foreground align-top min-w-[150px] text-left";
+var DATA_TABLE_ROW_CLASS = "border-b-brown-30 bg-background/70 hover:bg-secondary";
+var DATA_TABLE_SCROLL_SHADOW = "0 1px 2px rgb(0 0 0 / 0.01), 0 6px 12px -2px rgb(0 0 0 / 0.03)";
+function DataTable({ header, children, maxBodyHeight, className }) {
+  const { targetRef, isScrolled } = useScrollShadow();
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    "div",
+    {
+      ref: targetRef,
+      className: cn("overscroll-none", className),
+      style: maxBodyHeight !== void 0 ? { maxHeight: maxBodyHeight, overflowY: "auto" } : void 0,
+      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Table, { containerClassName: "overflow-visible", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          TableHeader,
+          {
+            "data-scrolled": isScrolled ? "true" : void 0,
+            className: "sticky top-0 z-10 bg-background/70 backdrop-blur-lg transition-shadow",
+            style: isScrolled ? { boxShadow: DATA_TABLE_SCROLL_SHADOW } : void 0,
+            children: header
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TableBody, { children })
+      ] })
+    }
+  );
+}
+
 // src/components/artifacts/table-artifact/table-artifact-content.constants.ts
 var TABLE_STATUS = {
   LOADING: "loading",
@@ -2090,14 +2185,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
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function TableArtifactContent({
   columns,
   data,
@@ -2107,48 +2198,367 @@ function TableArtifactContent({
   labels
 }) {
   if (data.status === TABLE_STATUS.ERROR) {
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(StatusMessage, { $tone: "error", children: labels.loadError });
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(StatusMessage, { $tone: "error", children: labels.loadError });
   }
   if (data.status === TABLE_STATUS.UNAVAILABLE) {
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(StatusMessage, { $tone: "info", children: labels.unavailable });
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(StatusMessage, { $tone: "info", children: labels.unavailable });
   }
   if (data.status === TABLE_STATUS.LOADING) {
     if (typeof knownRowCount === "number" && knownRowCount > 0) {
       const shimmerCount = Math.min(knownRowCount, maxShimmerRows);
-      return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ArtifactTable, { columns, maxBodyHeight, children: renderShimmerRows(columns, shimmerCount) });
+      return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ArtifactTable, { columns, maxBodyHeight, children: renderShimmerRows(columns, shimmerCount) });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(StatusMessage, { $tone: "info", children: labels.loading });
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(StatusMessage, { $tone: "info", children: labels.loading });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ArtifactTable, { columns, maxBodyHeight, children: data.rows.length === 0 ? renderEmptyRow(columns.length, labels.empty) : renderDataRows(columns, data.rows) });
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(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__ */ (0, import_jsx_runtime21.jsx)("div", { ref: targetRef, className: "overscroll-none", style: { maxHeight: maxBodyHeight, overflowY: "auto" }, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Table, { containerClassName: "overflow-visible", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-      TableHeader,
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    DataTable,
+    {
+      maxBodyHeight,
+      header: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TableRow, { className: "hover:bg-transparent", children: columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(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__ */ (0, import_jsx_runtime22.jsx)(TableRow, { className: DATA_TABLE_ROW_CLASS, "aria-hidden": "true", children: columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TableCell, { className: DATA_TABLE_CELL_CLASS, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("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__ */ (0, import_jsx_runtime22.jsx)(TableRow, { className: DATA_ROW_CLASSES, children: columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TableCell, { className: DATA_TABLE_CELL_CLASS, children: formatCell(row, column) }, column.key)) }, index));
+}
+function renderEmptyRow(colSpan, emptyMessage) {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TableRow, { className: "hover:bg-transparent", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TableCell, { colSpan, className: "py-6 text-center text-sm text-muted-foreground", children: emptyMessage }) });
+}
+
+// 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_runtime23 = 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_runtime23.jsx)("h1", { className: "text-[30px] font-semibold leading-tight text-foreground mb-3", ...props }),
+  h2: ({ node: _node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("h2", { className: "text-[26px] font-semibold leading-tight text-foreground mb-2", ...props }),
+  h3: ({ node: _node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("h3", { className: "text-[24px] font-semibold leading-tight text-foreground mb-2", ...props }),
+  h4: ({ node: _node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("h4", { className: "text-[24px] font-semibold leading-tight text-foreground mb-2", ...props }),
+  h5: ({ node: _node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("h5", { className: "text-[24px] font-semibold leading-tight text-foreground mb-2", ...props }),
+  h6: ({ node: _node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("h6", { className: "text-[24px] font-semibold leading-tight text-foreground mb-2", ...props }),
+  p: ({ node: _node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-[22px] leading-relaxed text-foreground my-2", ...props }),
+  ul: ({ node: _node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("ul", { className: "list-disc pl-7 text-[22px] leading-relaxed text-foreground my-2", ...props }),
+  ol: ({ node: _node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime23.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_runtime23.jsx)("li", { className: "my-1", ...props }),
+  strong: ({ node: _node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("strong", { className: "font-semibold", ...props }),
+  em: ({ node: _node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime23.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_runtime23.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_runtime23.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_runtime23.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_runtime23.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_runtime23.jsx)("hr", { className: "my-4 border-brown-alpha-12", ...props }),
+  table: ({ node: _node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime23.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_runtime23.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_runtime23.jsx)("td", { className: "border-b border-brown-alpha-12 px-3 py-1.5", ...props })
+};
+function DeckMarkdown({ markdown }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.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_runtime24 = 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_runtime24.jsx)("div", { ref: frameRef, className: `relative aspect-[16/9] w-full overflow-hidden rounded-lg ${bg}`, children: /* @__PURE__ */ (0, import_jsx_runtime24.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_runtime24.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_runtime24.jsx)("span", { className: eyebrowColor, style: { ...ACCENT_FONT, fontSize: 22 }, children: meta.eyebrow }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", {}),
+              logoSrc ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("img", { src: logoSrc, alt: "", className: "object-contain", style: { maxHeight: CANVAS_LOGO_MAX_H } }) : null
+            ]
+          }
+        ) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime24.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_runtime24.jsx)(SlideFrame, { meta, bare: true, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex h-full flex-col justify-center px-24 py-16", children: [
+    logoSrc ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      "img",
       {
-        "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__ */ (0, import_jsx_runtime21.jsx)(TableRow, { className: "hover:bg-transparent", children: columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TableHead, { scope: "col", className: HEAD_CLASS, children: column.label }, column.key)) })
+        src: logoSrc,
+        alt: "",
+        className: "mb-16 object-contain object-left",
+        style: { maxHeight: 56, maxWidth: 380 }
+      }
+    ) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      "h1",
+      {
+        className: "font-bold tracking-tight text-brown-100",
+        style: { fontSize: 92, lineHeight: 1.04, maxWidth: 1060 },
+        children: slide.title
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TableBody, { children })
+    slide.subtitle ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "mt-7 text-brown-70", style: { ...ACCENT_FONT, fontSize: 34 }, children: slide.subtitle }) : null,
+    slide.description ? /* @__PURE__ */ (0, import_jsx_runtime24.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_runtime24.jsx)("p", { className: "mt-10 text-brown-70", style: { ...ACCENT_FONT, fontSize: 30 }, children: meta.date }) : null
   ] }) });
 }
-function renderShimmerRows(columns, count) {
-  return Array.from({ length: count }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TableRow, { className: ROW_CLASSES, "aria-hidden": "true", children: columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TableCell, { className: CELL_CLASS, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "block h-3 w-3/4 animate-pulse rounded bg-muted-foreground/20" }) }, column.key)) }, `shimmer-${index}`));
+function AgendaSlide({ slide, meta, labels }) {
+  const items = slide.items ?? [];
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SlideFrame, { meta, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "h-full px-24 py-14", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h2", { className: "mb-10 font-bold text-brown-90", style: { fontSize: 40 }, children: slide.title || labels.agenda }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "flex flex-col", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-baseline gap-6 border-b border-brown-alpha-12 py-5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.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_runtime24.jsx)("span", { className: "text-brown-90", style: { fontSize: 28 }, children: item })
+    ] }, i)) })
+  ] }) });
 }
-function renderDataRows(columns, rows) {
-  return rows.map((row, index) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TableRow, { className: DATA_ROW_CLASSES, children: columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TableCell, { className: CELL_CLASS, children: formatCell(row, column) }, column.key)) }, index));
+function SectionSlide({ slide, meta }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SlideFrame, { meta, accent: true, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex h-full flex-col justify-center gap-6 px-24", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h2", { className: "font-bold text-white", style: { fontSize: 72, lineHeight: 1.05, maxWidth: 940 }, children: slide.title }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "mt-2 bg-white/50", style: { width: 96, height: 5 } })
+  ] }) });
 }
-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 }) });
+function ClosingSlide({ meta, labels }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SlideFrame, { meta, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex h-full flex-col items-center justify-center gap-6 px-24 text-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h1", { className: "font-bold text-brown-100", style: { fontSize: 72 }, children: labels.thankYou }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-indigo-600", style: { ...ACCENT_FONT, fontSize: 36 }, children: labels.questions })
+  ] }) });
 }
 
-// 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-artifact-content.tsx
+var import_jsx_runtime25 = 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_runtime25.jsxs)("div", { className: "flex flex-col gap-3 p-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SlideDispatch, { slide, labels, meta }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.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_runtime25.jsx)(
+            IconButton,
+            {
+              icon: IconChevronLeft,
+              size: navBtnSize,
+              className: navBtnClass,
+              "aria-label": labels.previous,
+              disabled: current === 0,
+              onClick: () => goTo(current - 1)
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: `text-xs font-medium ${onDark ? "text-white/70" : "text-brown-70"}`, children: position }),
+          /* @__PURE__ */ (0, import_jsx_runtime25.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_runtime25.jsx)(TitleSlide, { slide, meta });
+    case deckSlideKinds.AGENDA:
+      return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(AgendaSlide, { slide, meta, labels });
+    case deckSlideKinds.SECTION:
+      return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SectionSlide, { slide, meta });
+    case deckSlideKinds.CLOSING:
+      return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ClosingSlide, { meta, labels });
+    case deckSlideKinds.CONTENT:
+    default:
+      return /* @__PURE__ */ (0, import_jsx_runtime25.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_runtime25.jsx)(SlideFrame, { meta, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex h-full items-stretch gap-12 px-16 py-12", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "flex w-[42%] shrink-0 flex-col overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(AutoFit, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.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_runtime25.jsx)(DeckMarkdown, { markdown: block.markdown }, i))
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "min-h-0 min-w-0 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(FillVisual, { block: visuals[0], labels }) })
+    ] }) });
+  }
+  if (visuals.length > 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SlideFrame, { meta, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex h-full flex-col gap-5 px-16 py-10", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.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_runtime25.jsx)("div", { className: "min-h-0 min-w-0 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(FillVisual, { block, labels }) }, i) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "shrink-0 overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(DeckMarkdown, { markdown: block.markdown }) }, i)
+      )
+    ] }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SlideFrame, { meta, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "h-full px-24 py-12", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(AutoFit, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.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_runtime25.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_runtime25.jsx)("div", { ref: boxRef, className: "flex h-full min-h-0 w-full flex-col justify-center overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { style: scaled ? { height: fit.height } : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime25.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_runtime25.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_runtime25.jsx)(StatusMessage, { $tone: "info", children: chartLabels.empty }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { style: { height }, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ChartArtifactContent, { config: block.config, rows: block.rows, labels: chartLabels }) })
+  ) : /* @__PURE__ */ (0, import_jsx_runtime25.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 +2577,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_runtime26 = 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_runtime26.jsxs)(ArtifactActions, { ...{ [CAPTURE_EXCLUDE_ATTRIBUTE]: "" }, children: [
+    showDownload ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ArtifactDownloadButton, { href: presignedUrl ?? "", label: resolvedLabels.download, onClick: handleDownload }) : null,
+    validConfig ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      IconButton,
+      {
+        icon: IconArrowsMaximize,
+        size: "small",
+        "aria-label": resolvedLabels.enterFullscreen,
+        onClick: handleOpenFullscreen
+      }
+    ) : null
+  ] });
+  if (!validConfig) {
+    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_CLASSES2, children: artifact.title }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", {}),
+        actions
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ArtifactContent, { className: "p-0", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(StatusMessage, { $tone: "info", children: resolvedLabels.unavailable }) })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
+    /* @__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_CLASSES2, children: artifact.title }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", {}),
+        actions
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ArtifactContent, { className: "p-0", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        DeckArtifactContent,
+        {
+          slides: artifact.config.slides,
+          labels: resolvedLabels,
+          onNavigate: handleNavigate,
+          meta,
+          currentSlide,
+          onSlideChange: setCurrentSlide
+        }
+      ) })
+    ] }),
+    isFullscreen && (0, import_react_dom.createPortal)(
+      /* @__PURE__ */ (0, import_jsx_runtime26.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_runtime26.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_runtime26.jsxs)("div", { className: "relative", style: { width: "min(94vw, calc(82vh * 16 / 9))" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+          DeckArtifactContent,
+          {
+            slides: artifact.config.slides,
+            labels: resolvedLabels,
+            onNavigate,
+            meta,
+            currentSlide,
+            onSlideChange,
+            onDark: true
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime26.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_runtime26.jsx)(IconArrowsMinimize, { size: 16 }),
+              /* @__PURE__ */ (0, import_jsx_runtime26.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_runtime27 = 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 +2847,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_runtime27.jsxs)(Artifact, { className: "shadow-none w-full rounded-2xl bg-background/70", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(ArtifactHeader, { className: "bg-background/70", children: [
+        artifact.title ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ArtifactTitle, { className: TITLE_CLASSES3, children: artifact.title }) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", {}),
+        presignedUrl ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ArtifactActions, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
           ArtifactDownloadButton,
           {
             href: presignedUrl,
@@ -2203,17 +2859,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_runtime27.jsx)(ArtifactContent, { className: "p-0 overflow-auto", style: { maxHeight: TABLE_MAX_BODY_HEIGHT }, children: /* @__PURE__ */ (0, import_jsx_runtime27.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_runtime27.jsxs)(Artifact, { className: "shadow-none w-full rounded-2xl bg-background/70", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(ArtifactHeader, { className: "bg-background/70", children: [
+        artifact.title ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ArtifactTitle, { className: TITLE_CLASSES3, children: artifact.title }) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ArtifactActions, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
           ArtifactDownloadButton,
           {
             href: presignedUrl ?? "",
@@ -2222,7 +2878,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_runtime27.jsx)(ArtifactContent, { className: "p-0 overflow-visible", style: { maxHeight: "none" }, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         TableArtifactContent,
         {
           columns: validColumns,
@@ -2253,7 +2909,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 +2921,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_runtime28 = 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_runtime28.jsx)(Component, { artifact, labels, callbacks });
 }
 
 // src/components/blocks/block-services/artifact-ref-block-service.ts
@@ -2285,29 +2942,102 @@ var ArtifactRefBlockService = {
   toClipboardText: (block) => artifactToClipboardText(block.payload.artifact)
 };
 
-// src/utils/markdown-to-plain-text.ts
-var PLACEHOLDER_PREFIX = "\u200B\u200BIC";
-var PLACEHOLDER_SUFFIX = "\u200B\u200B";
-var PLACEHOLDER_REGEX = new RegExp(`${PLACEHOLDER_PREFIX}(\\d+)${PLACEHOLDER_SUFFIX}`, "g");
-function stripInlineMarks(text) {
-  return text.replace(/\*{3}(.+?)\*{3}/g, "$1").replace(/\*{2}(.+?)\*{2}/g, "$1").replace(/_{2}(.+?)_{2}/g, "$1").replace(/\*(.+?)\*/g, "$1").replace(/_(.+?)_/g, "$1").replace(/~~(.+?)~~/g, "$1");
+// src/components/blocks/notification-draft-block/notification-draft-block.tsx
+var import_react20 = require("react");
+
+// src/components/badge/badge.tsx
+var import_jsx_runtime29 = require("react/jsx-runtime");
+var BASE = "inline-flex items-center whitespace-nowrap rounded-full";
+var SIZES = {
+  // `sm` is a uniform scale-down of `md` (text 10/12 of caption): padding and line-height keep
+  // md's proportions (caption is 12px text on a 16px line = 1.333 ratio) so the pill shape matches.
+  md: "px-2.5 py-0.5 text-geist-label-caption-medium",
+  sm: "px-2 py-0.5 text-[11px]/[1.333] font-medium"
+};
+var SUBTLE = {
+  neutral: "bg-brown-20 text-brown-70",
+  warning: "bg-orange-50 text-orange-600",
+  violet: "bg-violet-50 text-violet-600"
+};
+var OUTLINE = {
+  neutral: "border border-brown-30 bg-white text-brown-100",
+  warning: "border border-orange-200 bg-white text-orange-600",
+  violet: "border border-violet-400 bg-white text-violet-600"
+};
+var VARIANTS = {
+  subtle: SUBTLE,
+  outline: OUTLINE
+};
+function Badge({
+  variant = "subtle",
+  tone = "neutral",
+  size = "md",
+  className,
+  children
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: cn(BASE, SIZES[size], VARIANTS[variant][tone], className), children });
 }
-function markdownToPlainText(markdown) {
-  if (!markdown) return "";
-  const inlineCodeSnippets = [];
-  let result = markdown.replace(/^<!--[\s\S]*?--!?>\n?/gm, "").replace(/```[\s\S]*?```/g, "").replace(/`([^`]+)`/g, (_match, code) => {
-    inlineCodeSnippets.push(code);
-    return `${PLACEHOLDER_PREFIX}${inlineCodeSnippets.length - 1}${PLACEHOLDER_SUFFIX}`;
-  }).replace(/^#{1,6}\s+/gm, "").replace(/^(?:---|\*\*\*|___)\s*$/gm, "");
-  result = stripInlineMarks(result).replace(/!\[([^\]]*)\]\([^)]+\)/g, "$1").replace(/\[([^\]]+)\]\([^)]+\)/g, "$1").replace(/^>\s?/gm, "").replace(/^\|[-:\s|]+\|\s*$/gm, "").replace(/^\|\s?/gm, "").replace(/\s?\|$/gm, "").replace(/\n{3,}/g, "\n\n").trim();
-  result = result.replace(PLACEHOLDER_REGEX, (_match, index) => inlineCodeSnippets[Number(index)]);
-  return result;
+
+// src/components/chat/hooks/use-copy-to-clipboard.ts
+var import_react19 = require("react");
+
+// src/utils/clipboard.ts
+function copyToClipboard(text, options) {
+  navigator.clipboard.writeText(text).then(
+    () => options?.onSuccess?.(),
+    (error) => options?.onFailure?.(error)
+  );
 }
 
-// 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);
+// src/components/chat/hooks/use-copy-to-clipboard.ts
+var RESET_DELAY_MS = 2e3;
+function useCopyToClipboard() {
+  const [isCopied, setIsCopied] = (0, import_react19.useState)(false);
+  const timeoutRef = (0, import_react19.useRef)(null);
+  (0, import_react19.useEffect)(() => {
+    return () => {
+      if (timeoutRef.current) clearTimeout(timeoutRef.current);
+    };
+  }, []);
+  const copy = (0, import_react19.useCallback)((text) => {
+    copyToClipboard(text, {
+      onSuccess: () => {
+        setIsCopied(true);
+        if (timeoutRef.current) clearTimeout(timeoutRef.current);
+        timeoutRef.current = setTimeout(() => {
+          setIsCopied(false);
+          timeoutRef.current = null;
+        }, RESET_DELAY_MS);
+      }
+    });
+  }, []);
+  return { isCopied, copy };
+}
+
+// src/components/copy-button/copy-button.tsx
+var import_jsx_runtime30 = require("react/jsx-runtime");
+function CopyButton({
+  text,
+  copyLabel = "Copy",
+  copiedLabel = "Copied",
+  className
+}) {
+  const { isCopied, copy } = useCopyToClipboard();
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    IconButton,
+    {
+      icon: isCopied ? IconCheck : IconCopy,
+      onClick: () => copy(text),
+      "aria-label": isCopied ? copiedLabel : copyLabel,
+      className
+    }
+  );
+}
+
+// src/components/blocks/markdown/markdown.tsx
+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 +3052,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_runtime31 = 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_runtime31.jsx)(TableContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TableScroll, { children: /* @__PURE__ */ (0, import_jsx_runtime31.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("-->"));
@@ -2467,13 +3197,157 @@ var TextBlockWrapper = import_styled_components4.default.div`
   }
 `;
 
-// src/components/blocks/text-block/text-block.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
+// src/components/blocks/markdown/markdown.tsx
+var import_jsx_runtime32 = require("react/jsx-runtime");
 var markdownComponents = {
-  table: ((tableProps) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ScrollableTable, { ...tableProps }))
+  table: ((tableProps) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ScrollableTable, { ...tableProps }))
 };
+function Markdown({ children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TextBlockWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react_markdown2.default, { remarkPlugins: [import_remark_gfm2.default, import_remark_breaks2.default], components: markdownComponents, children: sanitize2(children) }) });
+}
+
+// src/utils/markdown-to-plain-text.ts
+var PLACEHOLDER_PREFIX = "\u200B\u200BIC";
+var PLACEHOLDER_SUFFIX = "\u200B\u200B";
+var PLACEHOLDER_REGEX = new RegExp(`${PLACEHOLDER_PREFIX}(\\d+)${PLACEHOLDER_SUFFIX}`, "g");
+function stripInlineMarks(text) {
+  return text.replace(/\*{3}(.+?)\*{3}/g, "$1").replace(/\*{2}(.+?)\*{2}/g, "$1").replace(/_{2}(.+?)_{2}/g, "$1").replace(/\*(.+?)\*/g, "$1").replace(/_(.+?)_/g, "$1").replace(/~~(.+?)~~/g, "$1");
+}
+function markdownToPlainText(markdown) {
+  if (!markdown) return "";
+  const inlineCodeSnippets = [];
+  let result = markdown.replace(/^<!--[\s\S]*?--!?>\n?/gm, "").replace(/```[\s\S]*?```/g, "").replace(/`([^`]+)`/g, (_match, code) => {
+    inlineCodeSnippets.push(code);
+    return `${PLACEHOLDER_PREFIX}${inlineCodeSnippets.length - 1}${PLACEHOLDER_SUFFIX}`;
+  }).replace(/^#{1,6}\s+/gm, "").replace(/^(?:---|\*\*\*|___)\s*$/gm, "");
+  result = stripInlineMarks(result).replace(/!\[([^\]]*)\]\([^)]+\)/g, "$1").replace(/\[([^\]]+)\]\([^)]+\)/g, "$1").replace(/^>\s?/gm, "").replace(/^\|[-:\s|]+\|\s*$/gm, "").replace(/^\|\s?/gm, "").replace(/\s?\|$/gm, "").replace(/\n{3,}/g, "\n\n").trim();
+  result = result.replace(PLACEHOLDER_REGEX, (_match, index) => inlineCodeSnippets[Number(index)]);
+  return result;
+}
+
+// src/components/blocks/notification-draft-block/types.ts
+var notificationChannels = {
+  /** Branded email — renders a From/subject header. */
+  EMAIL: "email",
+  /** Slack DM — renders as a chat bubble, no subject. */
+  SLACK: "slack",
+  /** Microsoft Teams DM — renders as a chat bubble, no subject. */
+  TEAMS: "teams"
+};
+var notificationEmailTypes = {
+  /** Recipient's work email. */
+  WORK: "work",
+  /** Recipient's personal email. */
+  PERSONAL: "personal"
+};
+
+// src/components/blocks/notification-draft-block/to-text.ts
+function notificationDraftToText(payload) {
+  const { channel, subject, body } = payload;
+  const text = markdownToPlainText(body);
+  return channel === notificationChannels.EMAIL && subject ? `${subject}
+
+${text}` : text;
+}
+
+// src/components/blocks/notification-draft-block/notification-draft-block.tsx
+var import_jsx_runtime33 = require("react/jsx-runtime");
+var CHIP_LIMIT = 3;
+var RECIPIENTS_MAX_HEIGHT = 320;
+function chipLabel(recipient) {
+  return recipient.name ?? recipient.email ?? recipient.employeeId;
+}
+function channelCellText(recipient) {
+  return recipient.fallback ? `${recipient.channelLabel} (fallback)` : recipient.channelLabel;
+}
+function FieldLabel({ children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-geist-label-caption-medium tracking-wide text-brown-60", children });
+}
+function RecipientChips({ recipients }) {
+  const shown = recipients.slice(0, CHIP_LIMIT);
+  const overflow = recipients.length - shown.length;
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-wrap items-center gap-1.5", children: [
+    shown.map((recipient) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Badge, { variant: "outline", children: chipLabel(recipient) }, recipient.employeeId)),
+    overflow > 0 && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Badge, { variant: "subtle", children: `+${overflow}` })
+  ] });
+}
+function RecipientsTable({ recipients }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    DataTable,
+    {
+      maxBodyHeight: RECIPIENTS_MAX_HEIGHT,
+      header: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(TableRow, { className: "hover:bg-transparent", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TableHead, { scope: "col", className: DATA_TABLE_HEAD_CLASS, children: "Name" }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TableHead, { scope: "col", className: DATA_TABLE_HEAD_CLASS, children: "Email" }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TableHead, { scope: "col", className: DATA_TABLE_HEAD_CLASS, children: "Channel" })
+      ] }),
+      children: recipients.map((recipient) => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(TableRow, { className: DATA_TABLE_ROW_CLASS, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TableCell, { className: DATA_TABLE_CELL_CLASS, children: recipient.name ?? "\u2014" }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TableCell, { className: DATA_TABLE_CELL_CLASS, children: recipient.email ?? "\u2014" }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TableCell, { className: DATA_TABLE_CELL_CLASS, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Badge, { tone: recipient.fallback ? "warning" : "neutral", variant: "subtle", children: channelCellText(recipient) }) })
+      ] }, recipient.employeeId))
+    }
+  );
+}
+function NotificationDraftBlock({ block }) {
+  const { channel, subject, body, recipients } = block.payload;
+  const [detailsOpen, setDetailsOpen] = (0, import_react20.useState)(false);
+  const showSubject = channel === notificationChannels.EMAIL && subject;
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "overflow-hidden rounded-2xl border border-brown-30 bg-white", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-col gap-3 border-b border-brown-30 px-4 py-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-geist-body-s-semi-bold text-brown-100", children: "Notification draft" }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(Badge, { tone: "violet", variant: "subtle", size: "sm", className: "gap-1 py-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Icon, { icon: IconFlask2Filled, size: 12 }),
+            "Labs"
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CopyButton, { text: notificationDraftToText(block.payload), copyLabel: "Copy draft", copiedLabel: "Copied" })
+      ] }),
+      showSubject && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-col gap-0.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(FieldLabel, { children: "Title" }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-geist-body-s-medium text-brown-100", children: subject })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(FieldLabel, { children: `Recipients (${recipients.length})` }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+            "button",
+            {
+              type: "button",
+              "aria-expanded": detailsOpen,
+              onClick: () => setDetailsOpen((open) => !open),
+              className: "inline-flex items-center gap-1 text-geist-label-caption-medium text-brown-70 transition-colors hover:text-brown-100",
+              children: [
+                "Details",
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Icon, { icon: IconChevronDown, size: 14, className: detailsOpen ? "rotate-180" : void 0 })
+              ]
+            }
+          )
+        ] }),
+        detailsOpen ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(RecipientsTable, { recipients }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(RecipientChips, { recipients })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "px-4 py-3", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Markdown, { children: body }) })
+  ] });
+}
+
+// src/components/blocks/block-services/notification-draft-block-service.ts
+var NotificationDraftBlockService = {
+  type: blockTypes.NOTIFICATION_DRAFT,
+  Component: NotificationDraftBlock,
+  /**
+   * Plain-text clipboard form of the drafted notification — shared with the in-block copy button
+   * via {@link notificationDraftToText} so both copy the same text.
+   */
+  toClipboardText: (block) => notificationDraftToText(block.payload)
+};
+
+// src/components/blocks/text-block/text-block.tsx
+var import_jsx_runtime34 = require("react/jsx-runtime");
 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_runtime34.jsx)(Markdown, { children: block.payload.text });
 }
 
 // src/components/blocks/block-services/text-block-service.ts
@@ -2491,23 +3365,24 @@ var TextBlockService = {
 // src/components/blocks/block-services/index.ts
 var BlockServices = {
   [blockTypes.TEXT]: TextBlockService,
-  [blockTypes.ARTIFACT_REF]: ArtifactRefBlockService
+  [blockTypes.ARTIFACT_REF]: ArtifactRefBlockService,
+  [blockTypes.NOTIFICATION_DRAFT]: NotificationDraftBlockService
 };
 
 // src/components/blocks/block/block.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime35 = 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_runtime35.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_react21 = require("react");
+var BlockContext = (0, import_react21.createContext)(null);
 function useBlockContext() {
-  return (0, import_react16.useContext)(BlockContext) ?? {};
+  return (0, import_react21.useContext)(BlockContext) ?? {};
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
@@ -2516,8 +3391,12 @@ function useBlockContext() {
   Block,
   BlockContext,
   BlockServices,
+  NotificationDraftBlock,
+  NotificationDraftBlockService,
   TextBlockService,
   blockTypes,
+  notificationChannels,
+  notificationEmailTypes,
   useBlockContext
 });
 /*! Bundled license information:
@@ -2525,12 +3404,18 @@ 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/IconChevronDown.mjs:
+@tabler/icons-react/dist/esm/icons/IconChevronLeft.mjs:
+@tabler/icons-react/dist/esm/icons/IconChevronRight.mjs:
 @tabler/icons-react/dist/esm/icons/IconCopy.mjs:
 @tabler/icons-react/dist/esm/icons/IconDownload.mjs:
 @tabler/icons-react/dist/esm/icons/IconFileSpreadsheet.mjs:
 @tabler/icons-react/dist/esm/icons/IconLoader2.mjs:
 @tabler/icons-react/dist/esm/icons/IconPhoto.mjs:
+@tabler/icons-react/dist/esm/icons/IconFlask2Filled.mjs:
 @tabler/icons-react/dist/esm/tabler-icons-react.mjs:
   (**
    * @license @tabler/icons-react v3.37.1 - MIT