@shapesos/clay 0.17.0 → 0.19.0

package/dist/{types-BzXPBy6s.d.cts → types-DTdDFU3O.d.cts}

@@ -16,6 +16,7 @@ import { C as ChartSeries } from './types-B2aYk82c.cjs';
 declare const artifactTypes: {
     readonly TABLE: "TABLE";
     readonly CHART: "CHART";
+    readonly DECK: "DECK";
 };
 /** Discriminator for artifact types. Additive — new types extend this union. */
 type ArtifactType = (typeof artifactTypes)[keyof typeof artifactTypes];
@@ -255,6 +256,201 @@ interface TableArtifactCallbacks {
     onDownload?: (artifact: TableArtifactRecord) => void;
 }
 
+/**
+ * Block-type discriminator constants for `DeckBlock`. Uppercase to match the GraphQL
+ * `DeckBlockType` enum (which serializes as `TEXT` / `CHART` / `TABLE`) and the existing CHART
+ * `variant` precedent — the discriminator is identical end-to-end (agent → io-server → clay) with
+ * no case mapping at any boundary. Use these instead of string literals so a typo is a
+ * compile-time error rather than a silent wrong-branch at runtime.
+ */
+declare const deckBlockTypes: {
+    readonly TEXT: "TEXT";
+    readonly CHART: "CHART";
+    readonly TABLE: "TABLE";
+};
+/**
+ * Slide-template kind discriminator constants for `DeckSlide`. Uppercase, end-to-end (agent →
+ * io-server → clay), mirroring `deckBlockTypes`. Use these instead of string literals so a typo
+ * is a compile-time error rather than a silent wrong-branch at runtime.
+ */
+declare const deckSlideKinds: {
+    readonly TITLE: "TITLE";
+    readonly AGENDA: "AGENDA";
+    readonly SECTION: "SECTION";
+    readonly CONTENT: "CONTENT";
+    readonly CLOSING: "CLOSING";
+};
+/** Discriminator for the visual template a slide renders with. */
+type DeckSlideKind = (typeof deckSlideKinds)[keyof typeof deckSlideKinds];
+/**
+ * A markdown text block on a slide. Rendered with the same react-markdown pipeline as chat text
+ * blocks (GFM + single-newline breaks), so `**bold**`, lists, and headings render as formatted
+ * output rather than literal syntax.
+ */
+interface DeckTextBlock {
+    /** Discriminator. */
+    type: typeof deckBlockTypes.TEXT;
+    /** Markdown source for the block body. */
+    markdown: string;
+}
+/**
+ * A chart block on a slide. Carries its data inline (`rows`) alongside the same `ChartConfig` the
+ * standalone `CHART` artifact uses — the deck renderer feeds both straight into
+ * `ChartArtifactContent` with no fetch (decks have no presigned data payload).
+ */
+interface DeckChartBlock {
+    /** Discriminator. */
+    type: typeof deckBlockTypes.CHART;
+    /** Chart rendering config — reused verbatim from the `CHART` artifact. */
+    config: ChartConfig;
+    /** Inline data rows the chart plots. Each cell is a raw string (or `null`), matching the CSV wire. */
+    rows: ArtifactDataRow[];
+}
+/**
+ * A table block on a slide. Carries its data inline (`rows`) alongside the same `TableConfig` the
+ * standalone `TABLE` artifact uses — the deck renderer feeds both into `TableArtifactContent`
+ * (wrapping `rows` in a synthetic `"ready"` data state) with no fetch.
+ */
+interface DeckTableBlock {
+    /** Discriminator. */
+    type: typeof deckBlockTypes.TABLE;
+    /** Table rendering config — reused verbatim from the `TABLE` artifact. */
+    config: TableConfig;
+    /** Inline data rows. Each cell is a raw string (or `null`), matching the CSV wire. */
+    rows: ArtifactDataRow[];
+}
+/**
+ * Discriminated union of the content blocks a slide can render. Discriminated by `type`; data is
+ * inline (no presigned-asset fetch). Older clay versions encountering a future block kind render
+ * it as the unavailable-state rather than crashing — see `DeckArtifactContent`.
+ */
+type DeckBlock = DeckTextBlock | DeckChartBlock | DeckTableBlock;
+/**
+ * A single slide inside a `DeckArtifact`. Unlike `TABLE` / `CHART`, a deck carries NO underlying
+ * CSV / protected-asset payload for rendering — its content lives entirely inline in
+ * `config.slides[*].content`, so the renderer reads slides straight from `artifact.config` and
+ * never fetches a presigned URL to draw them. (The presigned URL, when present, points at a
+ * downloadable `.pptx` export — a separate path from rendering.)
+ */
+interface DeckSlide {
+    /** Slide heading, rendered prominently at the top of the slide. Required. */
+    title: string;
+    /** Ordered content blocks (text / chart / table) rendered top-to-bottom. May be empty. */
+    content: DeckBlock[];
+    /**
+     * Visual template kind. Absent / unknown → treated as `"CONTENT"` (backward-compatible).
+     * Use `deckSlideKinds` constants to avoid typos.
+     */
+    kind?: DeckSlideKind;
+    /** Subtitle line shown below the main title. Used on TITLE slides; ignored by other kinds. */
+    subtitle?: string;
+    /** Short description paragraph. Used on TITLE slides below the subtitle. */
+    description?: string;
+    /**
+     * Agenda items (AGENDA kind). Each string is one line item rendered with an ordinal
+     * prefix (`01`, `02`, …) in Crimson Pro italic accent. Ignored by non-AGENDA kinds.
+     */
+    items?: string[];
+}
+/**
+ * Optional stats embedded in `DeckConfig`. Mirrors `TableStats` / `ChartStats` — lets a consumer
+ * render deck chrome (e.g. "Slide 1 / N") before deeply inspecting the slide array.
+ *
+ * Backward-compat: optional everywhere; the renderer derives the count from `slides.length` when
+ * absent.
+ */
+interface DeckStats {
+    /** Total number of slides in the deck. */
+    slideCount: number;
+}
+/**
+ * Optional deck-level metadata embedded in `DeckConfig`. Injected by the client at render time;
+ * clay renders each field if present and ignores it when absent.
+ */
+interface DeckMeta {
+    /** Short eyebrow / running header text shown at top-left of every slide (e.g. org name). */
+    eyebrow?: string;
+    /** Date string shown on the TITLE slide (e.g. "Q2 2026"). No formatting is applied — rendered as-is. */
+    date?: string;
+    /**
+     * Theme identifier. Defaults to `"shapes-light"` when absent.
+     * Currently only `"shapes-light"` is implemented; unknown values fall back to the default.
+     */
+    theme?: string;
+    /**
+     * Account logo URL injected by the client at render time. Clay renders `<img src={logoUrl}>`
+     * (capped height, object-contain) at top-right of every slide when present. Omitted → no logo.
+     *
+     * CROSS-REPO DEVIATION: this field exists ONLY on clay's `DeckMeta`. io-server's `DeckMeta`
+     * (and the GraphQL SDL) deliberately omit `logoUrl` — it is client-injected from the account's
+     * branding and must NOT round-trip through the server. Keep the two `DeckMeta` shapes in sync on
+     * every field EXCEPT this one. The renderer validates it against an http(s) allowlist before use.
+     */
+    logoUrl?: string;
+}
+/** Rendering config for a deck artifact, stored at `artifact.config` (JSONB on the server). */
+interface DeckConfig {
+    /** Ordered slides. At least one; the renderer guards against an empty array. */
+    slides: DeckSlide[];
+    /** Optional metadata describing the deck — used for chrome before slide inspection. */
+    stats?: DeckStats;
+    /** Optional deck-level metadata (eyebrow, date, theme, logo). */
+    meta?: DeckMeta;
+}
+/** Concrete deck artifact record. */
+type DeckArtifactRecord = ArtifactBase<typeof artifactTypes.DECK, DeckConfig>;
+/**
+ * Localized labels for the `DECK` artifact's user-facing strings. Covers navigation controls,
+ * the download action, and status messages. Consumer passes the bag from their i18n layer; clay
+ * falls back to English defaults when omitted (per-key Partial merge).
+ *
+ * `chart` / `table` are nested bags forwarded to embedded chart / table blocks' renderers so
+ * those inherit the consumer's translations (status / empty / loading strings). Both are optional;
+ * the orchestrator defaults them to `DEFAULT_CHART_ARTIFACT_LABELS` / `DEFAULT_TABLE_ARTIFACT_LABELS`.
+ */
+interface DeckArtifactLabels {
+    /** aria-label on the "previous slide" navigation button. */
+    previous: string;
+    /** aria-label on the "next slide" navigation button. */
+    next: string;
+    /**
+     * Slide-position indicator template. `{current}` and `{total}` are substituted at render time
+     * (e.g. "Slide {current} of {total}" → "Slide 2 of 5").
+     */
+    position: string;
+    /** Tooltip + aria-label on the Download (`.pptx`) button in the deck artifact header. */
+    download: string;
+    /** Status message shown when the deck config is malformed or has no slides. */
+    unavailable: string;
+    /** aria-label on the expand / enter-fullscreen button in the artifact header. */
+    enterFullscreen: string;
+    /** aria-label on the collapse / exit-fullscreen button in the fullscreen overlay. */
+    exitFullscreen: string;
+    /** "Thank you" closing message shown on the CLOSING slide. */
+    thankYou: string;
+    /** "Questions?" prompt shown on the CLOSING slide below the thank-you message. */
+    questions: string;
+    /** Fallback title for the AGENDA slide when the slide's `title` is empty. */
+    agenda: string;
+    /** Label bag forwarded to embedded chart blocks. Defaults to `DEFAULT_CHART_ARTIFACT_LABELS`. */
+    chart?: ChartArtifactLabels;
+    /** Label bag forwarded to embedded table blocks. Defaults to `DEFAULT_TABLE_ARTIFACT_LABELS`. */
+    table?: TableArtifactLabels;
+}
+/** English fallback for `DeckArtifactLabels`. Used when the consumer hasn't passed `labels`. */
+declare const DEFAULT_DECK_ARTIFACT_LABELS: DeckArtifactLabels;
+/**
+ * Consumer-supplied side-effect callbacks for actions on the deck artifact. Mirrors
+ * `TableArtifactCallbacks` — every callback is optional and receives the `DeckArtifactRecord` so
+ * consumers can derive analytics context without a per-block closure at every render site.
+ */
+interface DeckArtifactCallbacks {
+    /** Fires when the user navigates to a different slide. `slideIndex` is zero-based. */
+    onNavigate?: (artifact: DeckArtifactRecord, slideIndex: number) => void;
+    /** Fires when the Download (`.pptx`) button is clicked. Browser-native download still happens. */
+    onDownload?: (artifact: DeckArtifactRecord) => void;
+}
+
 /**
  * Artifact-domain types — wire-protocol shapes shared between artifact components, block-services,
  * and consumers. Splits responsibilities across three layers so each artifact kind owns its own
@@ -278,16 +474,16 @@ interface TableArtifactCallbacks {
  * clay versions that don't know about a new type silently render nothing — see `ArtifactRefBlock`
  * guard.
  */
-type ArtifactRecord = TableArtifactRecord | ChartArtifactRecord;
+type ArtifactRecord = TableArtifactRecord | ChartArtifactRecord | DeckArtifactRecord;
 /**
  * Type-level lookup from an `ArtifactRecord` branch to its labels / callbacks slice. The block
  * layer already carries the discriminator on `artifact.type`, so the renderer-side `labels` and
  * `callbacks` props expose exactly one type's slice — never a union-bag keyed by type. Consumers
  * emit a flat object; the dispatcher narrows it implicitly via `TArtifact`.
  */
-type ArtifactLabelsOf<TArtifact extends ArtifactRecord> = TArtifact extends ChartArtifactRecord ? ChartArtifactLabels : TArtifact extends TableArtifactRecord ? TableArtifactLabels : never;
+type ArtifactLabelsOf<TArtifact extends ArtifactRecord> = TArtifact extends ChartArtifactRecord ? ChartArtifactLabels : TArtifact extends TableArtifactRecord ? TableArtifactLabels : TArtifact extends DeckArtifactRecord ? DeckArtifactLabels : never;
 /** Sibling to `ArtifactLabelsOf` — callbacks slice matching the artifact branch. */
-type ArtifactCallbacksOf<TArtifact extends ArtifactRecord> = TArtifact extends ChartArtifactRecord ? ChartArtifactCallbacks : TArtifact extends TableArtifactRecord ? TableArtifactCallbacks : never;
+type ArtifactCallbacksOf<TArtifact extends ArtifactRecord> = TArtifact extends ChartArtifactRecord ? ChartArtifactCallbacks : TArtifact extends TableArtifactRecord ? TableArtifactCallbacks : TArtifact extends DeckArtifactRecord ? DeckArtifactCallbacks : never;
 /**
  * Props every concrete artifact component receives from the dispatcher.
  *
@@ -327,4 +523,4 @@ interface ArtifactService<TArtifact extends ArtifactRecord = ArtifactRecord> {
     toClipboardText: (artifact: TArtifact) => string;
 }
 
-export { type ArtifactCallbacksOf as A, type BarChartConfig as B, type ChartArtifactLabels as C, DEFAULT_CHART_ARTIFACT_LABELS as D, type LineChartConfig as L, type PieChartConfig as P, type TableArtifactLabels as T, type ArtifactDataRow as a, type ArtifactLabelsOf as b, type ArtifactRecord as c, type ArtifactService as d, type ArtifactServiceProps as e, type ArtifactType as f, type ChartArtifactRecord as g, type ChartConfig as h, type ChartStats as i, DEFAULT_TABLE_ARTIFACT_LABELS as j, type TableArtifactRecord as k, type TableColumn as l, type TableConfig as m, type TableRow as n, type TableStats as o, artifactTypes as p };
+export { type ArtifactCallbacksOf as A, type BarChartConfig as B, type ChartArtifactLabels as C, DEFAULT_CHART_ARTIFACT_LABELS as D, type TableRow as E, type TableStats as F, artifactTypes as G, deckBlockTypes as H, deckSlideKinds as I, type LineChartConfig as L, type PieChartConfig as P, type TableArtifactLabels as T, type ArtifactDataRow as a, type ArtifactLabelsOf as b, type ArtifactRecord as c, type ArtifactService as d, type ArtifactServiceProps as e, type ArtifactType as f, type ChartArtifactRecord as g, type ChartConfig as h, type ChartStats as i, DEFAULT_DECK_ARTIFACT_LABELS as j, DEFAULT_TABLE_ARTIFACT_LABELS as k, type DeckArtifactCallbacks as l, type DeckArtifactLabels as m, type DeckArtifactRecord as n, type DeckBlock as o, type DeckChartBlock as p, type DeckConfig as q, type DeckMeta as r, type DeckSlide as s, type DeckSlideKind as t, type DeckStats as u, type DeckTableBlock as v, type DeckTextBlock as w, type TableArtifactRecord as x, type TableColumn as y, type TableConfig as z };

package/dist/{types-D1b8v7EY.d.ts → types-orOQcI2z.d.ts}

@@ -1,10 +1,82 @@
 import { ComponentType } from 'react';
-import { c as ArtifactRecord, b as ArtifactLabelsOf, A as ArtifactCallbacksOf } from './types-GCkXbyFm.js';
+import { c as ArtifactRecord, b as ArtifactLabelsOf, A as ArtifactCallbacksOf } from './types-C8JtnwNY.js';
+
+/** Delivery channel the drafted notification targets. */
+declare const notificationChannels: {
+    /** Branded email — renders a From/subject header. */
+    readonly EMAIL: "email";
+    /** Slack DM — renders as a chat bubble, no subject. */
+    readonly SLACK: "slack";
+    /** Microsoft Teams DM — renders as a chat bubble, no subject. */
+    readonly TEAMS: "teams";
+};
+/** One of the supported notification channels. */
+type NotificationChannel = (typeof notificationChannels)[keyof typeof notificationChannels];
+/** Which recipient address the email is sent to (email channel only). */
+declare const notificationEmailTypes: {
+    /** Recipient's work email. */
+    readonly WORK: "work";
+    /** Recipient's personal email. */
+    readonly PERSONAL: "personal";
+};
+/** One of the supported email address types. */
+type NotificationEmailType = (typeof notificationEmailTypes)[keyof typeof notificationEmailTypes];
+/**
+ * A single resolved recipient of the drafted notification — the block's one source of recipient
+ * truth. The summary chips and the detail table are both projected from this (count, chip labels,
+ * and fallback count are all derived, never transmitted separately).
+ */
+interface NotificationRecipient {
+    /** Stable employee identifier — used as the React key. */
+    employeeId: string;
+    /** Display name; falls back to `email` for the chip label when absent. */
+    name?: string | null;
+    /** Resolved delivery address (work or personal, already resolved server-side). */
+    email?: string | null;
+    /**
+     * Human-readable label for the channel this recipient is reached on (e.g. "Email", "Slack").
+     * Client-provided so clay isn't limited to a fixed channel set and holds no channel copy of its
+     * own — the consumer passes whatever label fits its use case in the payload.
+     */
+    channelLabel: string;
+    /** Whether this recipient is unreachable on the chosen channel and falls back to email. */
+    fallback: boolean;
+}
+/**
+ * Wire payload for a drafted notification preview — populated by the agent from the
+ * `validate_send_notification` dry-run. Presentation only: this block previews what will be
+ * sent, it is NOT the approval/confirmation control.
+ */
+interface NotificationDraftPayload {
+    /** Delivery channel; drives whether a subject title is shown (email only). */
+    channel: NotificationChannel;
+    /** Which address the email is sent to. Email channel only; ignored otherwise. */
+    emailType?: NotificationEmailType;
+    /** Email subject line. Email channel only; absent for slack/teams. */
+    subject?: string;
+    /** Message body (markdown source). Rendered as markdown, identical to chat assistant text. */
+    body: string;
+    /** Resolved From display name, e.g. "Acme HR via Shapes". Email channel only. */
+    fromDisplay?: string;
+    /**
+     * Every resolved recipient. Clay derives the count, the summary chips (`name ?? email`, with a
+     * "+N" overflow), and the fallback count from this single array.
+     */
+    recipients: NotificationRecipient[];
+}
+/** A NOTIFICATION_DRAFT content block — wraps a {@link NotificationDraftPayload}. */
+interface NotificationDraftBlockRecord {
+    /** Block-type discriminator. */
+    type: typeof blockTypes.NOTIFICATION_DRAFT;
+    /** Type-specific data; kept as `payload` to match the wire shape 1:1. */
+    payload: NotificationDraftPayload;
+}
 
 /** Block-type discriminator constants. Mirrors the wire shape from io-server / shapes-agent. */
 declare const blockTypes: {
     readonly TEXT: "TEXT";
     readonly ARTIFACT_REF: "ARTIFACT_REF";
+    readonly NOTIFICATION_DRAFT: "NOTIFICATION_DRAFT";
 };
 /** Discriminator for content blocks. */
 type BlockType = (typeof blockTypes)[keyof typeof blockTypes];
@@ -65,7 +137,7 @@ type ArtifactRefBlockRecord = ArtifactRecord extends infer TArtifact ? TArtifact
     };
 } : never : never;
 /** Discriminated union of all supported content blocks. Additive — new types extend this union. */
-type BlockRecord = TextBlockRecord | ArtifactRefBlockRecord;
+type BlockRecord = TextBlockRecord | ArtifactRefBlockRecord | NotificationDraftBlockRecord;
 /** Props every concrete block component receives from the dispatcher. */
 interface BlockComponentProps<TBlock extends BlockRecord = BlockRecord> {
     /** The block to render. */
@@ -92,4 +164,4 @@ interface BlockService<TBlock extends BlockRecord = BlockRecord> {
     toClipboardText?: (block: TBlock) => string;
 }
 
-export { type ArtifactRefBlockRecord as A, type BlockComponentProps as B, type TextBlockRecord as T, type BlockRecord as a, type BlockService as b, type BlockType as c, blockTypes as d };
+export { type ArtifactRefBlockRecord as A, type BlockComponentProps as B, type NotificationChannel as N, type TextBlockRecord as T, type BlockRecord as a, type BlockService as b, type BlockType as c, type NotificationDraftBlockRecord as d, type NotificationDraftPayload as e, type NotificationEmailType as f, type NotificationRecipient as g, blockTypes as h, notificationEmailTypes as i, notificationChannels as n };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shapesos/clay",
-  "version": "0.17.0",
+  "version": "0.19.0",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "devDependencies": {
@@ -133,6 +133,16 @@
       "types": "./dist/button.d.ts",
       "import": "./dist/button.js",
       "require": "./dist/button.cjs"
+    },
+    "./badge": {
+      "types": "./dist/badge.d.ts",
+      "import": "./dist/badge.js",
+      "require": "./dist/badge.cjs"
+    },
+    "./copy-button": {
+      "types": "./dist/copy-button.d.ts",
+      "import": "./dist/copy-button.js",
+      "require": "./dist/copy-button.cjs"
     }
   },
   "description": "Shapes.co design system — tokens and theming",

package/dist/chunk-46ZYTBX5.js

@@ -1,250 +0,0 @@
-import {
-  markdownToPlainText
-} from "./chunk-NMKKU2UG.js";
-import {
-  ArtifactServices,
-  artifactToClipboardText
-} from "./chunk-6YZ65KPW.js";
-import {
-  typographyMixin,
-  typographyTypes
-} from "./chunk-UXT2H3FM.js";
-import {
-  colors
-} from "./chunk-JF3P66JF.js";
-
-// src/components/blocks/types.ts
-var blockTypes = {
-  TEXT: "TEXT",
-  ARTIFACT_REF: "ARTIFACT_REF"
-};
-
-// src/components/blocks/artifact-ref-block/artifact-ref-block.tsx
-import { jsx } from "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__ */ jsx(Component, { artifact, labels, callbacks });
-}
-
-// src/components/blocks/block-services/artifact-ref-block-service.ts
-var ArtifactRefBlockService = {
-  type: blockTypes.ARTIFACT_REF,
-  Component: ArtifactRefBlock,
-  /**
-   * Delegates to the registered artifact component's `toClipboardText`. Falls back to
-   * `[Artifact: <title>]` via `artifactToClipboardText`'s own fallback when the artifact type
-   * has no registered component, so copy never silently produces an empty string.
-   */
-  toClipboardText: (block) => artifactToClipboardText(block.payload.artifact)
-};
-
-// src/components/blocks/text-block/text-block.tsx
-import ReactMarkdown from "react-markdown";
-import remarkBreaks from "remark-breaks";
-import remarkGfm from "remark-gfm";
-
-// src/components/blocks/scrollable-table/scrollable-table-styles.ts
-import styled from "styled-components";
-var TableContainer = styled.div`
-  position: relative;
-  margin-block: 8px 16px;
-`;
-var TableScroll = styled.div`
-  width: 100%;
-  overflow-x: auto;
-  overflow-y: hidden;
-`;
-
-// src/components/blocks/scrollable-table/scrollable-table.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-function ScrollableTable({ node: _node, ...props }) {
-  return /* @__PURE__ */ jsx2(TableContainer, { children: /* @__PURE__ */ jsx2(TableScroll, { children: /* @__PURE__ */ jsx2("table", { ...props }) }) });
-}
-
-// src/components/blocks/text-block/sanitize.ts
-function sanitize(text) {
-  return text.split("\n").filter((line) => {
-    const t = line.trim();
-    return !(t.startsWith("<!-- table-title:") && t.endsWith("-->"));
-  }).join("\n");
-}
-
-// src/components/blocks/text-block/text-block-styles.ts
-import styled2 from "styled-components";
-var TextBlockWrapper = styled2.div`
-  ${typographyMixin(typographyTypes.GEIST_BODY_S_REGULAR)};
-  color: ${colors["brown-100"]};
-  word-break: break-word;
-
-  & h1 {
-    ${typographyMixin(typographyTypes.GEIST_HEADING_S_BOLD)};
-    margin-block: 20px;
-  }
-
-  & h2 {
-    ${typographyMixin(typographyTypes.GEIST_BODY_L_SEMI_BOLD)};
-    margin-block: 12px;
-  }
-
-  & h3,
-  & h4,
-  & h5,
-  & h6 {
-    ${typographyMixin(typographyTypes.GEIST_BODY_M_SEMI_BOLD)};
-    margin-block: 8px;
-  }
-
-  & strong {
-    ${typographyMixin(typographyTypes.GEIST_BODY_S_SEMI_BOLD)};
-  }
-
-  & p {
-    margin-block: 0px;
-  }
-
-  & p + p {
-    margin-block: 8px 0px;
-  }
-
-  & ul,
-  & ol {
-    margin-block: 16px;
-    padding-left: 20px;
-  }
-
-  & li + li {
-    margin-block: 4px;
-  }
-
-  & ul {
-    list-style-type: disc;
-  }
-
-  & ul ul {
-    list-style-type: circle;
-  }
-
-  & ul ul ul {
-    list-style-type: square;
-  }
-
-  & ol {
-    list-style-type: decimal;
-  }
-
-  & ol ol {
-    list-style-type: lower-alpha;
-  }
-
-  & ol ol ol {
-    list-style-type: lower-roman;
-  }
-
-  & a {
-    color: inherit;
-    text-decoration-line: underline;
-    text-decoration-style: dotted;
-    text-decoration-thickness: auto;
-    text-underline-offset: auto;
-    text-underline-position: from-font;
-    transition: color 75ms ease-in-out;
-
-    &:hover {
-      color: ${colors["blue-600"]};
-    }
-  }
-
-  & hr {
-    border: none;
-    border-top: 1px solid ${colors["brown-40"]};
-    margin-block: 20px;
-  }
-
-  & table {
-    margin: 0;
-    width: 100%;
-    border-collapse: collapse;
-  }
-
-  & th,
-  & td {
-    border: none;
-    border-bottom: 1px solid ${colors["brown-40"]};
-    text-align: left;
-  }
-
-  & th {
-    ${typographyMixin(typographyTypes.GEIST_LABEL_CAPTION_MEDIUM)};
-    padding: 8px;
-  }
-
-  & td {
-    ${typographyMixin(typographyTypes.GEIST_BODY_XS_MEDIUM)};
-    padding: 16px 8px;
-    min-width: 150px;
-    width: 1%;
-  }
-
-  & td strong {
-    font-weight: inherit;
-    font-size: inherit;
-    line-height: inherit;
-  }
-
-  & blockquote {
-    margin-block: 4px;
-    margin-inline: 0px;
-    padding-left: 16px;
-    border-left: 4px solid ${colors["brown-40"]};
-    color: ${colors["brown-80"]};
-  }
-`;
-
-// src/components/blocks/text-block/text-block.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
-var markdownComponents = {
-  table: ((tableProps) => /* @__PURE__ */ jsx3(ScrollableTable, { ...tableProps }))
-};
-function TextBlock({ block }) {
-  return /* @__PURE__ */ jsx3(TextBlockWrapper, { children: /* @__PURE__ */ jsx3(ReactMarkdown, { remarkPlugins: [remarkGfm, remarkBreaks], components: markdownComponents, children: sanitize(block.payload.text) }) });
-}
-
-// src/components/blocks/block-services/text-block-service.ts
-var TextBlockService = {
-  type: blockTypes.TEXT,
-  Component: TextBlock,
-  /**
-   * Converts the block's markdown source to plain text so the final clipboard value is clean
-   * when pasted into tools that don't render markdown. Each block type owns its own clipboard
-   * conversion so `useCopyToClipboard` can write text verbatim without a second pass.
-   */
-  toClipboardText: (block) => markdownToPlainText(block.payload.text)
-};
-
-// src/components/blocks/block-services/index.ts
-var BlockServices = {
-  [blockTypes.TEXT]: TextBlockService,
-  [blockTypes.ARTIFACT_REF]: ArtifactRefBlockService
-};
-
-// src/components/blocks/block/block.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-function Block({ block }) {
-  const service = BlockServices[block.type];
-  if (!service) return null;
-  const { Component } = service;
-  return /* @__PURE__ */ jsx4(Component, { block });
-}
-
-export {
-  blockTypes,
-  ArtifactRefBlock,
-  ArtifactRefBlockService,
-  TextBlockService,
-  BlockServices,
-  Block
-};
-//# sourceMappingURL=chunk-46ZYTBX5.js.map

package/dist/chunk-46ZYTBX5.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/blocks/types.ts","../src/components/blocks/artifact-ref-block/artifact-ref-block.tsx","../src/components/blocks/block-services/artifact-ref-block-service.ts","../src/components/blocks/text-block/text-block.tsx","../src/components/blocks/scrollable-table/scrollable-table-styles.ts","../src/components/blocks/scrollable-table/scrollable-table.tsx","../src/components/blocks/text-block/sanitize.ts","../src/components/blocks/text-block/text-block-styles.ts","../src/components/blocks/block-services/text-block-service.ts","../src/components/blocks/block-services/index.ts","../src/components/blocks/block/block.tsx"],"sourcesContent":["import type { ComponentType } from \"react\";\n\nimport type { ArtifactCallbacksOf, ArtifactLabelsOf, ArtifactRecord } from \"@/components/artifacts/types\";\n\n/** Block-type discriminator constants. Mirrors the wire shape from io-server / shapes-agent. */\nexport const blockTypes = {\n  TEXT: \"TEXT\",\n  ARTIFACT_REF: \"ARTIFACT_REF\",\n} as const;\n\n/** Discriminator for content blocks. */\nexport type BlockType = (typeof blockTypes)[keyof typeof blockTypes];\n\n/** Plain-text content block — rendered as Markdown. */\nexport interface TextBlockRecord {\n  /** Block-type discriminator. */\n  type: typeof blockTypes.TEXT;\n  /** Type-specific data; kept as `payload` to match the wire shape 1:1. */\n  payload: {\n    /** The Markdown source for this text segment. */\n    text: string;\n  };\n}\n\n/**\n * Reference-to-an-artifact content block — dispatched to the per-type artifact component.\n *\n * The artifact-domain types (`ArtifactRecord`, `TableArtifactRecord`, etc.) live in\n * `@/components/artifacts/types` so the artifact layer can be consumed independently of the\n * block layer (e.g. by a future surface that renders an artifact outside chat). The block layer\n * imports them here to wrap an artifact in an `ARTIFACT_REF` block.\n *\n * `ArtifactRefBlockRecord` is a *distributed* union over `ArtifactRecord` branches — TS narrows\n * `labels` and `callbacks` to the slice matching `artifact.type` via `ArtifactLabelsOf<T>` /\n * `ArtifactCallbacksOf<T>`. Without this distribution, `Partial<ChartLabels | TableLabels>`\n * collapses to `Partial<ChartLabels> | Partial<TableLabels>` and TS accepts chart-only keys on\n * a TABLE block's payload (the discriminator becomes load-bearing only at runtime, not in the\n * type system).\n */\nexport type ArtifactRefBlockRecord = ArtifactRecord extends infer TArtifact\n  ? TArtifact extends ArtifactRecord\n    ? {\n        /** Block-type discriminator. */\n        type: typeof blockTypes.ARTIFACT_REF;\n        /** Type-specific data; kept as `payload` to match the wire shape 1:1. */\n        payload: {\n          /** The artifact's stable identifier, used for keying / future cross-message reuse. */\n          artifactId: string;\n          /** Inlined artifact metadata — clients fetch the underlying data via `artifact.protectedAsset.presignedUrl`. */\n          artifact: TArtifact;\n          /**\n           * Optional consumer-supplied labels for the rendered artifact's action buttons + status\n           * messages — a flat slice narrowed by `artifact.type`. NOT a wire field; the consumer\n           * constructs this from their i18n layer when materialising the block-record from the\n           * server payload, then passes the augmented block to `<Block>`. The dispatcher forwards\n           * the slice directly to the matching renderer — no per-type key wrapping (the block\n           * already carries the discriminator).\n           *\n           * TS catches cross-type assignments here: `block.payload.labels = { downloadCsv: 'X' }`\n           * on a `TableArtifactRecord`-typed block is a type error because `downloadCsv` isn't a\n           * `TableArtifactLabels` key.\n           */\n          labels?: Partial<ArtifactLabelsOf<TArtifact>>;\n          /**\n           * Optional side-effect callbacks for actions on the rendered artifact (e.g. `onDownload`).\n           * Flat slice narrowed by `artifact.type` via `ArtifactCallbacksOf<T>`. NOT a wire field\n           * — the consumer wires this once to bridge artifact actions to their analytics /\n           * observability layer.\n           */\n          callbacks?: Partial<ArtifactCallbacksOf<TArtifact>>;\n        };\n      }\n    : never\n  : never;\n\n/** Discriminated union of all supported content blocks. Additive — new types extend this union. */\nexport type BlockRecord = TextBlockRecord | ArtifactRefBlockRecord;\n\n/** Props every concrete block component receives from the dispatcher. */\nexport interface BlockComponentProps<TBlock extends BlockRecord = BlockRecord> {\n  /** The block to render. */\n  block: TBlock;\n}\n\n/** Per-block-type service — registry entry that pairs a discriminator with its concrete component. */\nexport interface BlockService<TBlock extends BlockRecord = BlockRecord> {\n  /** Discriminator value this service handles. */\n  type: BlockType;\n  /** React component that renders a block of this type. */\n  Component: ComponentType<BlockComponentProps<TBlock>>;\n  /**\n   * Returns a plain-text or markdown string representation of this block suitable for clipboard\n   * copy. Called by `copyMessageText` when the user clicks \"copy message\".\n   *\n   * - `TextBlockService`: returns `block.payload.text` verbatim (markdown preserved).\n   * - `ArtifactRefBlockService`: delegates to `ArtifactServices[artifact.type].toClipboardText`.\n   *   Falls back to `[Artifact: <title>]` when the artifact type has no registered component.\n   *\n   * Optional so external `BlockService` implementors don't break on upgrade — when omitted, the\n   * aggregator treats the block as contributing the empty string (silently skipped). Implementations\n   * must be pure, synchronous functions — no async, no hooks, no side effects.\n   */\n  toClipboardText?: (block: TBlock) => string;\n}\n","import type { ComponentType, ReactNode } from \"react\";\n\nimport { ArtifactServices } from \"@/components/artifacts/artifact-services\";\nimport type { ArtifactRefBlockRecord, BlockComponentProps } from \"../types\";\n\n/**\n * Renders an `ARTIFACT_REF` block by dispatching the inlined artifact to its per-type component.\n *\n * The cast at the seam is necessary because the registry-based dispatch can't statically prove\n * type-T narrowing — but it's not hiding a bug. `ArtifactRefBlockRecord` is a distributed union\n * over `ArtifactRecord` branches (see `blocks/types.ts`), so TS catches wrong-shape labels at the\n * consumer's construction site: a chart-labels bag assigned to a TABLE block's payload is a type\n * error there, not silently forwarded to the wrong renderer here.\n *\n * Unknown artifact types render as `null` — the map only contains types we know how to render,\n * so an older clay client receiving a future artifact type degrades silently rather than\n * crashing the chat.\n */\nexport function ArtifactRefBlock({ block }: BlockComponentProps<ArtifactRefBlockRecord>): ReactNode {\n  const { artifact, labels, callbacks } = block.payload;\n  const entry = ArtifactServices[artifact.type];\n  if (!entry) return null;\n  // The registry stores `ArtifactService<ArtifactRecord>` (the union), so `entry.Component` is\n  // `ComponentType<ArtifactServiceProps<ArtifactRecord>>`. The labels/callbacks props in the\n  // narrower per-type `ArtifactServiceProps<TArtifact>` are `Partial<ArtifactLabelsOf<TArtifact>>`\n  // which the union doesn't satisfy positionally. Cast forwards the values verbatim — the\n  // runtime invariant is provably correct because the distributed `ArtifactRefBlockRecord` type\n  // enforces it at construction.\n  const Component = entry.Component as ComponentType<{\n    artifact: typeof artifact;\n    labels?: typeof labels;\n    callbacks?: typeof callbacks;\n  }>;\n  return <Component artifact={artifact} labels={labels} callbacks={callbacks} />;\n}\n","import { artifactToClipboardText } from \"@/components/artifacts/artifact-services\";\nimport { ArtifactRefBlock } from \"../artifact-ref-block/artifact-ref-block\";\nimport { blockTypes } from \"../types\";\nimport type { ArtifactRefBlockRecord, BlockService } from \"../types\";\n\nexport const ArtifactRefBlockService: BlockService<ArtifactRefBlockRecord> = {\n  type: blockTypes.ARTIFACT_REF,\n  Component: ArtifactRefBlock,\n  /**\n   * Delegates to the registered artifact component's `toClipboardText`. Falls back to\n   * `[Artifact: <title>]` via `artifactToClipboardText`'s own fallback when the artifact type\n   * has no registered component, so copy never silently produces an empty string.\n   */\n  toClipboardText: (block) => artifactToClipboardText(block.payload.artifact),\n};\n","import type { ReactNode } from \"react\";\nimport ReactMarkdown from \"react-markdown\";\nimport remarkBreaks from \"remark-breaks\";\nimport remarkGfm from \"remark-gfm\";\n\nimport { ScrollableTable } from \"../scrollable-table/scrollable-table\";\nimport type { BlockComponentProps, TextBlockRecord } from \"../types\";\nimport { sanitize } from \"./sanitize\";\nimport { TextBlockWrapper } from \"./text-block-styles\";\n\nconst markdownComponents = {\n  table: ((tableProps: { node?: unknown; children?: ReactNode }) => (\n    <ScrollableTable {...tableProps} />\n  )) as React.ComponentType<unknown>,\n};\n\n/** Renders a TEXT block as Markdown with GFM (tables, strikethrough) and line breaks. */\nexport function TextBlock({ block }: BlockComponentProps<TextBlockRecord>): ReactNode {\n  return (\n    <TextBlockWrapper>\n      <ReactMarkdown remarkPlugins={[remarkGfm, remarkBreaks]} components={markdownComponents}>\n        {sanitize(block.payload.text)}\n      </ReactMarkdown>\n    </TextBlockWrapper>\n  );\n}\n","import styled from \"styled-components\";\n\nexport const TableContainer = styled.div`\n  position: relative;\n  margin-block: 8px 16px;\n`;\n\nexport const TableScroll = styled.div`\n  width: 100%;\n  overflow-x: auto;\n  overflow-y: hidden;\n`;\n","import { type ReactNode } from \"react\";\n\nimport { TableContainer, TableScroll } from \"./scrollable-table-styles\";\n\n/** Props for the ScrollableTable component. */\ninterface ScrollableTableProps {\n  /** Unused node prop from react-markdown. */\n  node?: unknown;\n  /** Table children elements. */\n  children?: ReactNode;\n}\n\n/** Renders a markdown table inside a horizontally scrollable wrapper. Read-only — actions live on artifact-tables. */\nexport function ScrollableTable({ node: _node, ...props }: ScrollableTableProps): ReactNode {\n  return (\n    <TableContainer>\n      <TableScroll>\n        <table {...props} />\n      </TableScroll>\n    </TableContainer>\n  );\n}\n","// Strips io-server's `<!-- table-title: ... -->` HTML-comment metadata before rendering.\n// The marker is emitted by the server's CSV-export pipeline so the export button can label\n// the file; it has no place in the visual output. If the server-side format changes\n// (prefix, spacing, closing-tag style), this filter silently stops matching and the\n// raw HTML comment leaks into rendered Markdown — keep this contract aligned with io-server.\nexport function sanitize(text: string): string {\n  return text\n    .split(\"\\n\")\n    .filter((line) => {\n      const t = line.trim();\n      return !(t.startsWith(\"<!-- table-title:\") && t.endsWith(\"-->\"));\n    })\n    .join(\"\\n\");\n}\n","import styled from \"styled-components\";\n\nimport { colors } from \"@/tokens/colors\";\nimport { typographyMixin, typographyTypes } from \"@/tokens/typography\";\n\nexport const TextBlockWrapper = styled.div`\n  ${typographyMixin(typographyTypes.GEIST_BODY_S_REGULAR)};\n  color: ${colors[\"brown-100\"]};\n  word-break: break-word;\n\n  & h1 {\n    ${typographyMixin(typographyTypes.GEIST_HEADING_S_BOLD)};\n    margin-block: 20px;\n  }\n\n  & h2 {\n    ${typographyMixin(typographyTypes.GEIST_BODY_L_SEMI_BOLD)};\n    margin-block: 12px;\n  }\n\n  & h3,\n  & h4,\n  & h5,\n  & h6 {\n    ${typographyMixin(typographyTypes.GEIST_BODY_M_SEMI_BOLD)};\n    margin-block: 8px;\n  }\n\n  & strong {\n    ${typographyMixin(typographyTypes.GEIST_BODY_S_SEMI_BOLD)};\n  }\n\n  & p {\n    margin-block: 0px;\n  }\n\n  & p + p {\n    margin-block: 8px 0px;\n  }\n\n  & ul,\n  & ol {\n    margin-block: 16px;\n    padding-left: 20px;\n  }\n\n  & li + li {\n    margin-block: 4px;\n  }\n\n  & ul {\n    list-style-type: disc;\n  }\n\n  & ul ul {\n    list-style-type: circle;\n  }\n\n  & ul ul ul {\n    list-style-type: square;\n  }\n\n  & ol {\n    list-style-type: decimal;\n  }\n\n  & ol ol {\n    list-style-type: lower-alpha;\n  }\n\n  & ol ol ol {\n    list-style-type: lower-roman;\n  }\n\n  & a {\n    color: inherit;\n    text-decoration-line: underline;\n    text-decoration-style: dotted;\n    text-decoration-thickness: auto;\n    text-underline-offset: auto;\n    text-underline-position: from-font;\n    transition: color 75ms ease-in-out;\n\n    &:hover {\n      color: ${colors[\"blue-600\"]};\n    }\n  }\n\n  & hr {\n    border: none;\n    border-top: 1px solid ${colors[\"brown-40\"]};\n    margin-block: 20px;\n  }\n\n  & table {\n    margin: 0;\n    width: 100%;\n    border-collapse: collapse;\n  }\n\n  & th,\n  & td {\n    border: none;\n    border-bottom: 1px solid ${colors[\"brown-40\"]};\n    text-align: left;\n  }\n\n  & th {\n    ${typographyMixin(typographyTypes.GEIST_LABEL_CAPTION_MEDIUM)};\n    padding: 8px;\n  }\n\n  & td {\n    ${typographyMixin(typographyTypes.GEIST_BODY_XS_MEDIUM)};\n    padding: 16px 8px;\n    min-width: 150px;\n    width: 1%;\n  }\n\n  & td strong {\n    font-weight: inherit;\n    font-size: inherit;\n    line-height: inherit;\n  }\n\n  & blockquote {\n    margin-block: 4px;\n    margin-inline: 0px;\n    padding-left: 16px;\n    border-left: 4px solid ${colors[\"brown-40\"]};\n    color: ${colors[\"brown-80\"]};\n  }\n`;\n","import { markdownToPlainText } from \"@/utils/markdown-to-plain-text\";\nimport { TextBlock } from \"../text-block/text-block\";\nimport { blockTypes } from \"../types\";\nimport type { BlockService, TextBlockRecord } from \"../types\";\n\nexport const TextBlockService: BlockService<TextBlockRecord> = {\n  type: blockTypes.TEXT,\n  Component: TextBlock,\n  /**\n   * Converts the block's markdown source to plain text so the final clipboard value is clean\n   * when pasted into tools that don't render markdown. Each block type owns its own clipboard\n   * conversion so `useCopyToClipboard` can write text verbatim without a second pass.\n   */\n  toClipboardText: (block) => markdownToPlainText(block.payload.text),\n};\n","import { blockTypes, type BlockService, type BlockType } from \"../types\";\nimport { ArtifactRefBlockService } from \"./artifact-ref-block-service\";\nimport { TextBlockService } from \"./text-block-service\";\n\n// `BlockService<TBlock>` is invariant on `TBlock` via React's `ComponentType` (props are\n// contravariant). The concrete services overlap structurally with the base `BlockService` type\n// enough for a direct `as BlockService` cast. The registry dispatches by runtime discriminator —\n// `BlockServices[block.type]` always resolves to the matching concrete service — so the cast is sound.\nexport const BlockServices: Record<BlockType, BlockService> = {\n  [blockTypes.TEXT]: TextBlockService as BlockService,\n  [blockTypes.ARTIFACT_REF]: ArtifactRefBlockService as BlockService,\n};\n","import type { ReactNode } from \"react\";\n\nimport { BlockServices } from \"../block-services\";\nimport type { BlockRecord } from \"../types\";\n\n/** Props for the Block dispatcher. */\ninterface BlockProps {\n  /** The block to render. Dispatched to the registered concrete component for its `type`. */\n  block: BlockRecord;\n}\n\n/**\n * Dispatches a single block to its registered concrete component. Unknown types render as a no-op.\n *\n * Generic by design: per-block-type extras (e.g. localized artifact labels for `ARTIFACT_REF`)\n * live on the block's `payload`, not as sibling props here. That keeps the dispatcher's contract\n * shallow — third-party `BlockService` implementors only need to handle `{ block }` — and lets\n * the consumer materialise a fully-decorated block once (from the server payload + their i18n\n * layer) instead of threading sibling props through every dispatch site.\n */\nexport function Block({ block }: BlockProps): ReactNode {\n  const service = BlockServices[block.type];\n  if (!service) return null;\n  const { Component } = service;\n  return <Component block={block} />;\n}\n"],"mappings":"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","names":["jsx","styled","styled","jsx","jsx"]}