@shapesos/clay 0.12.0 → 0.13.0

package/dist/index.d.cts

@@ -1,8 +1,8 @@
 export { ColorToken, TypographyStyle, TypographyType, colors, fontFamilies, typographyMixin, typographyStyles, typographyTypes } from './tokens.cjs';
 export { ArtifactRefBlock, ArtifactRefBlockService, Block, BlockContext, BlockContextValue, BlockServices, TextBlockService, useBlockContext } from './blocks.cjs';
-export { A as ArtifactRefBlockRecord, B as BlockComponentProps, a as BlockRecord, b as BlockService, c as BlockType, T as TextBlockRecord, d as blockTypes } from './types-DCutaXjZ.cjs';
-export { A as ArtifactDataRow, a as ArtifactLabelsMap, b as ArtifactRecord, c as ArtifactService, d as ArtifactServiceProps, e as ArtifactType, B as BarChartConfig, C as ChartArtifactLabels, f as ChartArtifactRecord, g as ChartConfig, h as ChartStats, D as DEFAULT_CHART_ARTIFACT_LABELS, i as DEFAULT_TABLE_ARTIFACT_LABELS, L as LineChartConfig, P as PieChartConfig, T as TableArtifactLabels, j as TableArtifactRecord, k as TableColumn, l as TableConfig, m as TableRow, n as TableStats, o as artifactTypes } from './types-C0BvwliI.cjs';
-export { ArtifactDownloadButton, ArtifactDownloadButtonProps, ArtifactServices, ChartArtifact, TableArtifact, artifactToClipboardText, isSafeDownloadUrl } from './artifacts.cjs';
+export { A as ArtifactRefBlockRecord, B as BlockComponentProps, a as BlockRecord, b as BlockService, c as BlockType, T as TextBlockRecord, d as blockTypes } from './types-CW45GBXl.cjs';
+export { A as ArtifactCallbacksOf, a as ArtifactDataRow, b as ArtifactLabelsOf, c as ArtifactRecord, d as ArtifactService, e as ArtifactServiceProps, f as ArtifactType, B as BarChartConfig, C as ChartArtifactLabels, g as ChartArtifactRecord, h as ChartConfig, i as ChartStats, D as DEFAULT_CHART_ARTIFACT_LABELS, j as DEFAULT_TABLE_ARTIFACT_LABELS, L as LineChartConfig, P as PieChartConfig, T as TableArtifactLabels, k as TableArtifactRecord, l as TableColumn, m as TableConfig, n as TableRow, o as TableStats, p as artifactTypes } from './types-BzXPBy6s.cjs';
+export { ArtifactCopyAsImageButton, ArtifactCopyAsImageButtonProps, ArtifactDownloadButton, ArtifactDownloadButtonProps, ArtifactDownloadMenu, ArtifactDownloadMenuCsvAction, ArtifactDownloadMenuPngAction, ArtifactDownloadMenuProps, ArtifactServices, ChartArtifact, TableArtifact, artifactToClipboardText, isSafeDownloadUrl } from './artifacts.cjs';
 export { ChatContext, ChatContextValue, ChatMessage, ChatMessageType, MESSAGE_ROLE, MessageRole, copyMessageText, useChatContext, useCopyToClipboard } from './chat.cjs';
 export { Icon, IconButton, IconButtonProps, IconButtonSize, IconButtonVariant, IconProps } from './icon.cjs';
 export { IconCtrl, KEYBOARD_SHORTCUT_VARIANTS, KeyIcon, KeyboardShortcut, KeyboardShortcutProps, KeyboardShortcutVariant } from './keyboard-shortcut.cjs';

package/dist/index.d.ts

@@ -1,8 +1,8 @@
 export { ColorToken, TypographyStyle, TypographyType, colors, fontFamilies, typographyMixin, typographyStyles, typographyTypes } from './tokens.js';
 export { ArtifactRefBlock, ArtifactRefBlockService, Block, BlockContext, BlockContextValue, BlockServices, TextBlockService, useBlockContext } from './blocks.js';
-export { A as ArtifactRefBlockRecord, B as BlockComponentProps, a as BlockRecord, b as BlockService, c as BlockType, T as TextBlockRecord, d as blockTypes } from './types-uPfn67Dc.js';
-export { A as ArtifactDataRow, a as ArtifactLabelsMap, b as ArtifactRecord, c as ArtifactService, d as ArtifactServiceProps, e as ArtifactType, B as BarChartConfig, C as ChartArtifactLabels, f as ChartArtifactRecord, g as ChartConfig, h as ChartStats, D as DEFAULT_CHART_ARTIFACT_LABELS, i as DEFAULT_TABLE_ARTIFACT_LABELS, L as LineChartConfig, P as PieChartConfig, T as TableArtifactLabels, j as TableArtifactRecord, k as TableColumn, l as TableConfig, m as TableRow, n as TableStats, o as artifactTypes } from './types-C5bFH4v3.js';
-export { ArtifactDownloadButton, ArtifactDownloadButtonProps, ArtifactServices, ChartArtifact, TableArtifact, artifactToClipboardText, isSafeDownloadUrl } from './artifacts.js';
+export { A as ArtifactRefBlockRecord, B as BlockComponentProps, a as BlockRecord, b as BlockService, c as BlockType, T as TextBlockRecord, d as blockTypes } from './types-D1b8v7EY.js';
+export { A as ArtifactCallbacksOf, a as ArtifactDataRow, b as ArtifactLabelsOf, c as ArtifactRecord, d as ArtifactService, e as ArtifactServiceProps, f as ArtifactType, B as BarChartConfig, C as ChartArtifactLabels, g as ChartArtifactRecord, h as ChartConfig, i as ChartStats, D as DEFAULT_CHART_ARTIFACT_LABELS, j as DEFAULT_TABLE_ARTIFACT_LABELS, L as LineChartConfig, P as PieChartConfig, T as TableArtifactLabels, k as TableArtifactRecord, l as TableColumn, m as TableConfig, n as TableRow, o as TableStats, p as artifactTypes } from './types-GCkXbyFm.js';
+export { ArtifactCopyAsImageButton, ArtifactCopyAsImageButtonProps, ArtifactDownloadButton, ArtifactDownloadButtonProps, ArtifactDownloadMenu, ArtifactDownloadMenuCsvAction, ArtifactDownloadMenuPngAction, ArtifactDownloadMenuProps, ArtifactServices, ChartArtifact, TableArtifact, artifactToClipboardText, isSafeDownloadUrl } from './artifacts.js';
 export { ChatContext, ChatContextValue, ChatMessage, ChatMessageType, MESSAGE_ROLE, MessageRole, copyMessageText, useChatContext, useCopyToClipboard } from './chat.js';
 export { Icon, IconButton, IconButtonProps, IconButtonSize, IconButtonVariant, IconProps } from './icon.js';
 export { IconCtrl, KEYBOARD_SHORTCUT_VARIANTS, KeyIcon, KeyboardShortcut, KeyboardShortcutProps, KeyboardShortcutVariant } from './keyboard-shortcut.js';

package/dist/index.js

@@ -31,7 +31,7 @@ import {
   copyMessageText,
   useChatContext,
   useCopyToClipboard
-} from "./chunk-FFX3CAOX.js";
+} from "./chunk-QH2WW2MW.js";
 import {
   BlockContext,
   useBlockContext
@@ -43,13 +43,15 @@ import {
   BlockServices,
   TextBlockService,
   blockTypes
-} from "./chunk-36CB624W.js";
+} from "./chunk-26XVDY6Z.js";
 import {
   markdownToPlainText
 } from "./chunk-NMKKU2UG.js";
-import "./chunk-AQEJRMRN.js";
+import "./chunk-RSRNSWJN.js";
 import {
+  ArtifactCopyAsImageButton,
   ArtifactDownloadButton,
+  ArtifactDownloadMenu,
   ArtifactServices,
   ChartArtifact,
   DEFAULT_CHART_ARTIFACT_LABELS,
@@ -58,7 +60,8 @@ import {
   artifactToClipboardText,
   artifactTypes,
   isSafeDownloadUrl
-} from "./chunk-Z5JWF24N.js";
+} from "./chunk-DT44KNCV.js";
+import "./chunk-LXYCT4YO.js";
 import "./chunk-QXGYMDIA.js";
 import "./chunk-C77QMQNT.js";
 import {
@@ -81,7 +84,9 @@ import {
 } from "./chunk-JF3P66JF.js";
 import "./chunk-5WRI5ZAA.js";
 export {
+  ArtifactCopyAsImageButton,
   ArtifactDownloadButton,
+  ArtifactDownloadMenu,
   ArtifactRefBlock,
   ArtifactRefBlockService,
   ArtifactServices,

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

@@ -120,8 +120,18 @@ type ChartArtifactRecord = ArtifactBase<typeof artifactTypes.CHART, ChartConfig>
  * anticipated additions without forcing every consumer to provide them today.
  */
 interface ChartArtifactLabels {
-    /** Tooltip + aria-label on the Download CSV button in the chart artifact header. */
+    /** Tooltip + aria-label on the Download menu's trigger button (icon-only, opens the format
+     *  picker). The trigger is action-shaped (just "Download"); the menu items spell out the
+     *  format. */
     download: string;
+    /** Label for the "Download CSV" item inside the Download menu. */
+    downloadCsv: string;
+    /** Label for the "Download PNG" item inside the Download menu. */
+    downloadPng: string;
+    /** Tooltip + aria-label on the "Copy Image" button in the chart artifact header (idle state).
+     * Transient working / success / error tooltips remain in English — they flash for ~1.5s and the
+     * cost of translating them is rarely worth it. */
+    copyAsImage: string;
     /** Status message shown when no presigned URL is available or the chart config is malformed. */
     unavailable: string;
     /** Status message shown when the fetch / parse fails at runtime. */
@@ -153,8 +163,15 @@ declare const DEFAULT_CHART_ARTIFACT_LABELS: ChartArtifactLabels;
  * prevent the anchor's download navigation) — it's purely for analytics / observability hooks.
  */
 interface ChartArtifactCallbacks {
-    /** Fires when the Download CSV button is clicked. Browser-native download still happens. */
+    /** Fires when the "Download CSV" menu item is selected. Browser-native download still happens. */
     onDownload?: (artifact: ChartArtifactRecord) => void;
+    /** Fires when the "Download PNG" menu item is selected. Runs alongside the rasterise — fires
+     *  regardless of whether the rasterise ultimately succeeds (failures surface via console.warn). */
+    onDownloadPng?: (artifact: ChartArtifactRecord) => void;
+    /** Fires when the Copy Image button is clicked. Fires regardless of whether the copy ultimately
+     * succeeds (the result is reported via the button's own state flash) — use this only for
+     * analytics / observability, not for retrying failed copies. */
+    onCopyAsImage?: (artifact: ChartArtifactRecord) => void;
 }
 
 /**
@@ -255,32 +272,6 @@ interface TableArtifactCallbacks {
  * plan, §6.4 (table contract).
  */
 
-/**
- * Per-artifact-type labels map. Lets a consumer pass labels for every artifact kind in a single
- * bag at the block layer (`<ArtifactRefBlock>` payload); the dispatcher routes the matching slice
- * (`labels[artifact.type]`) to the concrete artifact component.
- *
- * Extension pattern: add a new field here when adding a new artifact type. Keep the field
- * optional so older consumers don't break on upgrade.
- */
-interface ArtifactLabelsMap {
-    TABLE: TableArtifactLabels;
-    CHART: ChartArtifactLabels;
-}
-/**
- * Per-artifact-type callbacks map. Sibling to `ArtifactLabelsMap` — consumer passes a single
- * bag at the block layer covering every artifact type's action callbacks (today: `onDownload`).
- * Used for analytics / observability hooks — every callback is optional and fires alongside
- * the default browser behaviour (it does NOT replace it).
- *
- * Each callback receives its artifact-type's `ArtifactBase`-derived record so consumers can
- * derive analytics context (title, config, etc.) from one wiring at the chat-surface level
- * instead of per-block closures.
- */
-interface ArtifactCallbacksMap {
-    TABLE: TableArtifactCallbacks;
-    CHART: ChartArtifactCallbacks;
-}
 /**
  * Discriminated union of all supported artifacts. Extension pattern: add the new branch here AND
  * in the `ArtifactServices` map (single source of truth for the type→component mapping). Older
@@ -288,30 +279,37 @@ interface ArtifactCallbacksMap {
  * guard.
  */
 type ArtifactRecord = TableArtifactRecord | ChartArtifactRecord;
+/**
+ * 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;
+/** Sibling to `ArtifactLabelsOf` — callbacks slice matching the artifact branch. */
+type ArtifactCallbacksOf<TArtifact extends ArtifactRecord> = TArtifact extends ChartArtifactRecord ? ChartArtifactCallbacks : TArtifact extends TableArtifactRecord ? TableArtifactCallbacks : never;
 /**
  * Props every concrete artifact component receives from the dispatcher.
  *
- * `labels` is the FULL `ArtifactLabelsMap` bag — every artifact component receives the same
- * shape and reads its own slice internally (`labels?.TABLE`, `labels?.CHART`). One uniform prop
- * type across all artifact components keeps the block-layer dispatcher a generic forward — no
- * per-type branch, no cast, no map-key extraction at the seam.
+ * `labels` and `callbacks` are the renderer's OWN flat slice — narrowed by `TArtifact` so a
+ * `ChartArtifact` reads `ChartArtifactLabels` directly. The block layer (`ArtifactRefBlockRecord`)
+ * is a *distributed* union over `ArtifactRecord` branches, so wrong-shape labels for a given
+ * artifact.type are caught at the consumer's construction site — not silently forwarded here.
  */
 interface ArtifactServiceProps<TArtifact extends ArtifactRecord = ArtifactRecord> {
     /** The artifact metadata (config + presigned URL). */
     artifact: TArtifact;
     /**
-     * Optional localized labels keyed by artifact type. Each artifact component reads only its
-     * own slice (`labels?.TABLE` or `labels?.CHART`); anything omitted falls back to the English
-     * default (per-key `Partial` merge against `DEFAULT_*_ARTIFACT_LABELS`).
+     * Optional localized labels for this artifact's action buttons + status messages. Per-key
+     * `Partial` merge against `DEFAULT_*_ARTIFACT_LABELS` — anything omitted falls back to English.
      */
-    labels?: Partial<ArtifactLabelsMap>;
+    labels?: Partial<ArtifactLabelsOf<TArtifact>>;
     /**
-     * Optional side-effect callbacks keyed by artifact type — for analytics / observability hooks
-     * (e.g. tracking a download event). Each artifact component reads only its own slice
-     * (`callbacks?.TABLE`, `callbacks?.CHART`). Callbacks fire alongside the default browser
+     * Optional side-effect callbacks for actions on this artifact — for analytics / observability
+     * hooks (e.g. tracking a download event). Callbacks fire alongside the default browser
      * behaviour and do not replace it.
      */
-    callbacks?: Partial<ArtifactCallbacksMap>;
+    callbacks?: Partial<ArtifactCallbacksOf<TArtifact>>;
 }
 /** Per-artifact-type service — registry entry that pairs a discriminator with its concrete component. */
 interface ArtifactService<TArtifact extends ArtifactRecord = ArtifactRecord> {
@@ -329,4 +327,4 @@ interface ArtifactService<TArtifact extends ArtifactRecord = ArtifactRecord> {
     toClipboardText: (artifact: TArtifact) => string;
 }
 
-export { type ArtifactDataRow 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 ArtifactLabelsMap as a, type ArtifactRecord as b, type ArtifactService as c, type ArtifactServiceProps as d, type ArtifactType as e, type ChartArtifactRecord as f, type ChartConfig as g, type ChartStats as h, DEFAULT_TABLE_ARTIFACT_LABELS as i, type TableArtifactRecord as j, type TableColumn as k, type TableConfig as l, type TableRow as m, type TableStats as n, artifactTypes as o, type ArtifactCallbacksMap as p };
+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 };

package/dist/{types-uPfn67Dc.d.ts → types-CW45GBXl.d.cts}

@@ -1,5 +1,5 @@
 import { ComponentType } from 'react';
-import { b as ArtifactRecord, a as ArtifactLabelsMap, p as ArtifactCallbacksMap } from './types-C5bFH4v3.js';
+import { c as ArtifactRecord, b as ArtifactLabelsOf, A as ArtifactCallbacksOf } from './types-BzXPBy6s.cjs';
 
 /** Block-type discriminator constants. Mirrors the wire shape from io-server / shapes-agent. */
 declare const blockTypes: {
@@ -25,8 +25,15 @@ interface TextBlockRecord {
  * `@/components/artifacts/types` so the artifact layer can be consumed independently of the
  * block layer (e.g. by a future surface that renders an artifact outside chat). The block layer
  * imports them here to wrap an artifact in an `ARTIFACT_REF` block.
+ *
+ * `ArtifactRefBlockRecord` is a *distributed* union over `ArtifactRecord` branches — TS narrows
+ * `labels` and `callbacks` to the slice matching `artifact.type` via `ArtifactLabelsOf<T>` /
+ * `ArtifactCallbacksOf<T>`. Without this distribution, `Partial<ChartLabels | TableLabels>`
+ * collapses to `Partial<ChartLabels> | Partial<TableLabels>` and TS accepts chart-only keys on
+ * a TABLE block's payload (the discriminator becomes load-bearing only at runtime, not in the
+ * type system).
  */
-interface ArtifactRefBlockRecord {
+type ArtifactRefBlockRecord = ArtifactRecord extends infer TArtifact ? TArtifact extends ArtifactRecord ? {
     /** Block-type discriminator. */
     type: typeof blockTypes.ARTIFACT_REF;
     /** Type-specific data; kept as `payload` to match the wire shape 1:1. */
@@ -34,24 +41,29 @@ interface ArtifactRefBlockRecord {
         /** The artifact's stable identifier, used for keying / future cross-message reuse. */
         artifactId: string;
         /** Inlined artifact metadata — clients fetch the underlying data via `artifact.protectedAsset.presignedUrl`. */
-        artifact: ArtifactRecord;
+        artifact: TArtifact;
         /**
          * Optional consumer-supplied labels for the rendered artifact's action buttons + status
-         * messages, keyed by artifact type. NOT a wire field — the consumer constructs this from
-         * their i18n layer when materialising the block-record from the server payload, then passes
-         * the augmented block to `<Block>`. The dispatcher stays generic — it forwards the whole
-         * `labels` bag to every artifact component, and each component reads its own slice
-         * (`labels.TABLE`, `labels.CHART`) internally.
+         * messages — a flat slice narrowed by `artifact.type`. NOT a wire field; the consumer
+         * constructs this from their i18n layer when materialising the block-record from the
+         * server payload, then passes the augmented block to `<Block>`. The dispatcher forwards
+         * the slice directly to the matching renderer — no per-type key wrapping (the block
+         * already carries the discriminator).
+         *
+         * TS catches cross-type assignments here: `block.payload.labels = { downloadCsv: 'X' }`
+         * on a `TableArtifactRecord`-typed block is a type error because `downloadCsv` isn't a
+         * `TableArtifactLabels` key.
          */
-        labels?: Partial<ArtifactLabelsMap>;
+        labels?: Partial<ArtifactLabelsOf<TArtifact>>;
         /**
          * Optional side-effect callbacks for actions on the rendered artifact (e.g. `onDownload`).
-         * Keyed by artifact type, mirroring `labels`. NOT a wire field — the consumer wires this
-         * once to bridge artifact actions to their analytics / observability layer.
+         * Flat slice narrowed by `artifact.type` via `ArtifactCallbacksOf<T>`. NOT a wire field
+         * — the consumer wires this once to bridge artifact actions to their analytics /
+         * observability layer.
          */
-        callbacks?: Partial<ArtifactCallbacksMap>;
+        callbacks?: Partial<ArtifactCallbacksOf<TArtifact>>;
     };
-}
+} : never : never;
 /** Discriminated union of all supported content blocks. Additive — new types extend this union. */
 type BlockRecord = TextBlockRecord | ArtifactRefBlockRecord;
 /** Props every concrete block component receives from the dispatcher. */

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

@@ -1,5 +1,5 @@
 import { ComponentType } from 'react';
-import { b as ArtifactRecord, a as ArtifactLabelsMap, p as ArtifactCallbacksMap } from './types-C0BvwliI.cjs';
+import { c as ArtifactRecord, b as ArtifactLabelsOf, A as ArtifactCallbacksOf } from './types-GCkXbyFm.js';
 
 /** Block-type discriminator constants. Mirrors the wire shape from io-server / shapes-agent. */
 declare const blockTypes: {
@@ -25,8 +25,15 @@ interface TextBlockRecord {
  * `@/components/artifacts/types` so the artifact layer can be consumed independently of the
  * block layer (e.g. by a future surface that renders an artifact outside chat). The block layer
  * imports them here to wrap an artifact in an `ARTIFACT_REF` block.
+ *
+ * `ArtifactRefBlockRecord` is a *distributed* union over `ArtifactRecord` branches — TS narrows
+ * `labels` and `callbacks` to the slice matching `artifact.type` via `ArtifactLabelsOf<T>` /
+ * `ArtifactCallbacksOf<T>`. Without this distribution, `Partial<ChartLabels | TableLabels>`
+ * collapses to `Partial<ChartLabels> | Partial<TableLabels>` and TS accepts chart-only keys on
+ * a TABLE block's payload (the discriminator becomes load-bearing only at runtime, not in the
+ * type system).
  */
-interface ArtifactRefBlockRecord {
+type ArtifactRefBlockRecord = ArtifactRecord extends infer TArtifact ? TArtifact extends ArtifactRecord ? {
     /** Block-type discriminator. */
     type: typeof blockTypes.ARTIFACT_REF;
     /** Type-specific data; kept as `payload` to match the wire shape 1:1. */
@@ -34,24 +41,29 @@ interface ArtifactRefBlockRecord {
         /** The artifact's stable identifier, used for keying / future cross-message reuse. */
         artifactId: string;
         /** Inlined artifact metadata — clients fetch the underlying data via `artifact.protectedAsset.presignedUrl`. */
-        artifact: ArtifactRecord;
+        artifact: TArtifact;
         /**
          * Optional consumer-supplied labels for the rendered artifact's action buttons + status
-         * messages, keyed by artifact type. NOT a wire field — the consumer constructs this from
-         * their i18n layer when materialising the block-record from the server payload, then passes
-         * the augmented block to `<Block>`. The dispatcher stays generic — it forwards the whole
-         * `labels` bag to every artifact component, and each component reads its own slice
-         * (`labels.TABLE`, `labels.CHART`) internally.
+         * messages — a flat slice narrowed by `artifact.type`. NOT a wire field; the consumer
+         * constructs this from their i18n layer when materialising the block-record from the
+         * server payload, then passes the augmented block to `<Block>`. The dispatcher forwards
+         * the slice directly to the matching renderer — no per-type key wrapping (the block
+         * already carries the discriminator).
+         *
+         * TS catches cross-type assignments here: `block.payload.labels = { downloadCsv: 'X' }`
+         * on a `TableArtifactRecord`-typed block is a type error because `downloadCsv` isn't a
+         * `TableArtifactLabels` key.
          */
-        labels?: Partial<ArtifactLabelsMap>;
+        labels?: Partial<ArtifactLabelsOf<TArtifact>>;
         /**
          * Optional side-effect callbacks for actions on the rendered artifact (e.g. `onDownload`).
-         * Keyed by artifact type, mirroring `labels`. NOT a wire field — the consumer wires this
-         * once to bridge artifact actions to their analytics / observability layer.
+         * Flat slice narrowed by `artifact.type` via `ArtifactCallbacksOf<T>`. NOT a wire field
+         * — the consumer wires this once to bridge artifact actions to their analytics /
+         * observability layer.
          */
-        callbacks?: Partial<ArtifactCallbacksMap>;
+        callbacks?: Partial<ArtifactCallbacksOf<TArtifact>>;
     };
-}
+} : never : never;
 /** Discriminated union of all supported content blocks. Additive — new types extend this union. */
 type BlockRecord = TextBlockRecord | ArtifactRefBlockRecord;
 /** Props every concrete block component receives from the dispatcher. */

package/dist/{types-C5bFH4v3.d.ts → types-GCkXbyFm.d.ts}

@@ -120,8 +120,18 @@ type ChartArtifactRecord = ArtifactBase<typeof artifactTypes.CHART, ChartConfig>
  * anticipated additions without forcing every consumer to provide them today.
  */
 interface ChartArtifactLabels {
-    /** Tooltip + aria-label on the Download CSV button in the chart artifact header. */
+    /** Tooltip + aria-label on the Download menu's trigger button (icon-only, opens the format
+     *  picker). The trigger is action-shaped (just "Download"); the menu items spell out the
+     *  format. */
     download: string;
+    /** Label for the "Download CSV" item inside the Download menu. */
+    downloadCsv: string;
+    /** Label for the "Download PNG" item inside the Download menu. */
+    downloadPng: string;
+    /** Tooltip + aria-label on the "Copy Image" button in the chart artifact header (idle state).
+     * Transient working / success / error tooltips remain in English — they flash for ~1.5s and the
+     * cost of translating them is rarely worth it. */
+    copyAsImage: string;
     /** Status message shown when no presigned URL is available or the chart config is malformed. */
     unavailable: string;
     /** Status message shown when the fetch / parse fails at runtime. */
@@ -153,8 +163,15 @@ declare const DEFAULT_CHART_ARTIFACT_LABELS: ChartArtifactLabels;
  * prevent the anchor's download navigation) — it's purely for analytics / observability hooks.
  */
 interface ChartArtifactCallbacks {
-    /** Fires when the Download CSV button is clicked. Browser-native download still happens. */
+    /** Fires when the "Download CSV" menu item is selected. Browser-native download still happens. */
     onDownload?: (artifact: ChartArtifactRecord) => void;
+    /** Fires when the "Download PNG" menu item is selected. Runs alongside the rasterise — fires
+     *  regardless of whether the rasterise ultimately succeeds (failures surface via console.warn). */
+    onDownloadPng?: (artifact: ChartArtifactRecord) => void;
+    /** Fires when the Copy Image button is clicked. Fires regardless of whether the copy ultimately
+     * succeeds (the result is reported via the button's own state flash) — use this only for
+     * analytics / observability, not for retrying failed copies. */
+    onCopyAsImage?: (artifact: ChartArtifactRecord) => void;
 }
 
 /**
@@ -255,32 +272,6 @@ interface TableArtifactCallbacks {
  * plan, §6.4 (table contract).
  */
 
-/**
- * Per-artifact-type labels map. Lets a consumer pass labels for every artifact kind in a single
- * bag at the block layer (`<ArtifactRefBlock>` payload); the dispatcher routes the matching slice
- * (`labels[artifact.type]`) to the concrete artifact component.
- *
- * Extension pattern: add a new field here when adding a new artifact type. Keep the field
- * optional so older consumers don't break on upgrade.
- */
-interface ArtifactLabelsMap {
-    TABLE: TableArtifactLabels;
-    CHART: ChartArtifactLabels;
-}
-/**
- * Per-artifact-type callbacks map. Sibling to `ArtifactLabelsMap` — consumer passes a single
- * bag at the block layer covering every artifact type's action callbacks (today: `onDownload`).
- * Used for analytics / observability hooks — every callback is optional and fires alongside
- * the default browser behaviour (it does NOT replace it).
- *
- * Each callback receives its artifact-type's `ArtifactBase`-derived record so consumers can
- * derive analytics context (title, config, etc.) from one wiring at the chat-surface level
- * instead of per-block closures.
- */
-interface ArtifactCallbacksMap {
-    TABLE: TableArtifactCallbacks;
-    CHART: ChartArtifactCallbacks;
-}
 /**
  * Discriminated union of all supported artifacts. Extension pattern: add the new branch here AND
  * in the `ArtifactServices` map (single source of truth for the type→component mapping). Older
@@ -288,30 +279,37 @@ interface ArtifactCallbacksMap {
  * guard.
  */
 type ArtifactRecord = TableArtifactRecord | ChartArtifactRecord;
+/**
+ * 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;
+/** Sibling to `ArtifactLabelsOf` — callbacks slice matching the artifact branch. */
+type ArtifactCallbacksOf<TArtifact extends ArtifactRecord> = TArtifact extends ChartArtifactRecord ? ChartArtifactCallbacks : TArtifact extends TableArtifactRecord ? TableArtifactCallbacks : never;
 /**
  * Props every concrete artifact component receives from the dispatcher.
  *
- * `labels` is the FULL `ArtifactLabelsMap` bag — every artifact component receives the same
- * shape and reads its own slice internally (`labels?.TABLE`, `labels?.CHART`). One uniform prop
- * type across all artifact components keeps the block-layer dispatcher a generic forward — no
- * per-type branch, no cast, no map-key extraction at the seam.
+ * `labels` and `callbacks` are the renderer's OWN flat slice — narrowed by `TArtifact` so a
+ * `ChartArtifact` reads `ChartArtifactLabels` directly. The block layer (`ArtifactRefBlockRecord`)
+ * is a *distributed* union over `ArtifactRecord` branches, so wrong-shape labels for a given
+ * artifact.type are caught at the consumer's construction site — not silently forwarded here.
  */
 interface ArtifactServiceProps<TArtifact extends ArtifactRecord = ArtifactRecord> {
     /** The artifact metadata (config + presigned URL). */
     artifact: TArtifact;
     /**
-     * Optional localized labels keyed by artifact type. Each artifact component reads only its
-     * own slice (`labels?.TABLE` or `labels?.CHART`); anything omitted falls back to the English
-     * default (per-key `Partial` merge against `DEFAULT_*_ARTIFACT_LABELS`).
+     * Optional localized labels for this artifact's action buttons + status messages. Per-key
+     * `Partial` merge against `DEFAULT_*_ARTIFACT_LABELS` — anything omitted falls back to English.
      */
-    labels?: Partial<ArtifactLabelsMap>;
+    labels?: Partial<ArtifactLabelsOf<TArtifact>>;
     /**
-     * Optional side-effect callbacks keyed by artifact type — for analytics / observability hooks
-     * (e.g. tracking a download event). Each artifact component reads only its own slice
-     * (`callbacks?.TABLE`, `callbacks?.CHART`). Callbacks fire alongside the default browser
+     * Optional side-effect callbacks for actions on this artifact — for analytics / observability
+     * hooks (e.g. tracking a download event). Callbacks fire alongside the default browser
      * behaviour and do not replace it.
      */
-    callbacks?: Partial<ArtifactCallbacksMap>;
+    callbacks?: Partial<ArtifactCallbacksOf<TArtifact>>;
 }
 /** Per-artifact-type service — registry entry that pairs a discriminator with its concrete component. */
 interface ArtifactService<TArtifact extends ArtifactRecord = ArtifactRecord> {
@@ -329,4 +327,4 @@ interface ArtifactService<TArtifact extends ArtifactRecord = ArtifactRecord> {
     toClipboardText: (artifact: TArtifact) => string;
 }
 
-export { type ArtifactDataRow 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 ArtifactLabelsMap as a, type ArtifactRecord as b, type ArtifactService as c, type ArtifactServiceProps as d, type ArtifactType as e, type ChartArtifactRecord as f, type ChartConfig as g, type ChartStats as h, DEFAULT_TABLE_ARTIFACT_LABELS as i, type TableArtifactRecord as j, type TableColumn as k, type TableConfig as l, type TableRow as m, type TableStats as n, artifactTypes as o, type ArtifactCallbacksMap as p };
+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 };

package/package.json

@@ -1,12 +1,14 @@
 {
   "name": "@shapesos/clay",
-  "version": "0.12.0",
+  "version": "0.13.0",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "devDependencies": {
     "@changesets/changelog-github": "^0.6.0",
     "@changesets/cli": "^2.30.0",
     "@eslint/js": "^10.0.1",
+    "@fontsource-variable/crimson-pro": "^5.2.8",
+    "@fontsource-variable/geist": "^5.2.9",
     "@playwright/test": "^1.58.2",
     "@storybook/addon-a11y": "^10.2.19",
     "@storybook/addon-docs": "^10.2.19",
@@ -117,6 +119,11 @@
       "import": "./dist/utils.js",
       "require": "./dist/utils.cjs"
     },
+    "./capture": {
+      "types": "./dist/capture.d.ts",
+      "import": "./dist/capture.js",
+      "require": "./dist/capture.cjs"
+    },
     "./button": {
       "types": "./dist/button.d.ts",
       "import": "./dist/button.js",
@@ -141,8 +148,9 @@
     "registry": "https://registry.npmjs.org/"
   },
   "scripts": {
-    "build": "bun run gen:theme && tsup && bun run build:css",
+    "build": "bun run gen:font && bun run gen:theme && tsup && bun run build:css",
     "build:css": "tailwindcss -i src/styles/tailwind.css -o dist/blocks.css --minify",
+    "gen:font": "bun run scripts/generate-font-embed.ts",
     "gen:theme": "bun run scripts/generate-theme-tokens.ts",
     "dev": "tsup --watch",
     "storybook": "storybook dev -p 6006",
@@ -165,8 +173,10 @@
   "type": "module",
   "types": "./dist/index.d.ts",
   "dependencies": {
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
     "@radix-ui/react-tooltip": "^1.2.8",
     "clsx": "^2.1.1",
+    "html-to-image": "^1.11.13",
     "lottie-react": "^2.4.1",
     "papaparse": "^5.5.3",
     "react-markdown": "^8.0.7",

package/dist/chunk-36CB624W.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 { ArtifactCallbacksMap, ArtifactLabelsMap, 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 */\nexport interface ArtifactRefBlockRecord {\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: ArtifactRecord;\n    /**\n     * Optional consumer-supplied labels for the rendered artifact's action buttons + status\n     * messages, keyed by artifact type. NOT a wire field — the consumer constructs this from\n     * their i18n layer when materialising the block-record from the server payload, then passes\n     * the augmented block to `<Block>`. The dispatcher stays generic — it forwards the whole\n     * `labels` bag to every artifact component, and each component reads its own slice\n     * (`labels.TABLE`, `labels.CHART`) internally.\n     */\n    labels?: Partial<ArtifactLabelsMap>;\n    /**\n     * Optional side-effect callbacks for actions on the rendered artifact (e.g. `onDownload`).\n     * Keyed by artifact type, mirroring `labels`. NOT a wire field — the consumer wires this\n     * once to bridge artifact actions to their analytics / observability layer.\n     */\n    callbacks?: Partial<ArtifactCallbacksMap>;\n  };\n}\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 { 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 * Generic forward: every artifact component accepts the same `(artifact, labels)` shape — labels\n * is the union `ArtifactLabelsMap` bag, and each component reads its own slice internally.\n * That keeps this dispatcher a one-liner: lookup the service, pass both props through, no\n * switch and no cast at the boundary.\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 *\n * Localized labels live in `block.payload.labels` (keyed by artifact type). Consumer builds\n * that bag from their i18n layer when materialising the block-record from the server payload.\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  const { Component } = entry;\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  & 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"]}

package/dist/chunk-AQEJRMRN.js

@@ -1 +0,0 @@
-//# sourceMappingURL=chunk-AQEJRMRN.js.map