@aganzefelicite/responsekit-react 0.1.0

package/README.md

@@ -0,0 +1,87 @@
+# @aganzefelicite/responsekit-react
+
+Render your AI backend's responses as interactive React UI. Point it at your backend and
+it turns the standardized response contract (streamed as SSE or a single object) into
+components — safely, and without ever crashing on unknown or invalid data.
+
+- **Renders only** — never calls an AI model or generates responses.
+- **Never crashes** — unknown block types / missing fields degrade to a safe fallback.
+- **Safe by default** — AI text is GitHub-flavored Markdown with **no raw HTML**; data
+  values are escaped. No `dangerouslySetInnerHTML`.
+- **Lean bundle** — tree-shakeable ESM, React as a peer dep; charts (Recharts) are
+  lazy-loaded into their own chunk.
+
+> Full walkthrough: **[Adding ResponseKit to an existing project](../../docs/INTEGRATION.md)**.
+
+## Install
+
+Not published to npm yet — install from a local build of this repo (`@responsekit/schema`
+is bundled in, so it's a single tarball):
+
+```bash
+# in the repo root
+pnpm pack:local
+# in your app
+pnpm add /ABS/PATH/responsekit-react-0.0.0.tgz react react-dom
+```
+
+```ts
+import "@aganzefelicite/responsekit-react/styles.css"; // optional default styling
+```
+
+See [docs/INTEGRATION.md](../../docs/INTEGRATION.md) for `pnpm link` and publishing options.
+
+## Quick start
+
+```tsx
+import { AiRenderer, AiStream, useChat } from "@aganzefelicite/responsekit-react";
+
+// 1) Render a response you already have
+<AiRenderer response={response} onAction={(a) => {}} />;
+
+// 2) Stream one message
+<AiStream baseUrl="" conversationId={id} message="How many open cases?" onAction={(a) => {}} />;
+
+// 3) A whole conversation
+const { turns, send, isStreaming, newConversation } = useChat({ baseUrl: "" });
+```
+
+`baseUrl` is prepended to the API paths; `""` means same-origin (proxy `/api` to your
+backend). The message endpoint is POST + `text/event-stream`; the SDK drives
+`fetch` + `ReadableStream` internally (native `EventSource` can't POST).
+
+## API
+
+**Components** — `AiRenderer`, `AiStream`
+**Hooks** — `useAiStream`, `useChat`
+**Registry** — `registerBlock`, `unregisterBlock`, `resolveBlockComponent`
+**Default blocks** — `TextBlock`, `KpiBlock`, `ChartBlock`, `TableBlock`, `InsightBlock`,
+`RecommendationBlock`, `FilterBlock`, `FallbackBlock`, `defaultBlockComponents`
+**Conversation REST** — `createConversation`, `listConversations`, `getConversation`,
+`renameConversation`, `deleteConversation`, `getMessages`
+**Transport** — `streamMessage`, `messageUrl`
+**Misc** — `Markdown`, `ErrorBoundary`, action types, and everything re-exported from
+[`@responsekit/schema`](../schema) (types, validators, the stream reducer).
+
+## Overrides & custom blocks
+
+```tsx
+// override built-ins for one render
+<AiRenderer response={r} components={{ KPI: MyKpi, CHART: MyChart }} />;
+
+// register a custom/unknown block type globally
+import { registerBlock } from "@aganzefelicite/responsekit-react";
+registerBlock({ type: "MAP", component: RwandaMap });
+```
+
+Resolution order per block type: `components` prop → globally registered → built-in default
+→ graceful fallback.
+
+## Actions
+
+Blocks emit intent through one `onAction(action)` callback (`DOWNLOAD`, `OPEN_LINK`,
+`REFRESH`, `CUSTOM`, or host-defined). The SDK never runs business logic.
+
+## License
+
+MIT

package/dist/ChartRenderer-UJNU2VNH.cjs

@@ -0,0 +1,153 @@
+'use strict';
+
+var chunkD4WIPDH3_cjs = require('./chunk-D4WIPDH3.cjs');
+var recharts = require('recharts');
+var jsxRuntime = require('react/jsx-runtime');
+
+var PALETTE = [
+  "#2563eb",
+  "#16a34a",
+  "#d97706",
+  "#dc2626",
+  "#7c3aed",
+  "#0891b2",
+  "#db2777",
+  "#65a30d"
+];
+function inferShape(data) {
+  const first = data[0] ?? {};
+  const keys = Object.keys(first);
+  const isNumericCol = (k) => data.some((row) => typeof row[k] === "number");
+  const xKey = keys.find((k) => !isNumericCol(k)) ?? keys[0] ?? "x";
+  const seriesKeys = keys.filter((k) => k !== xKey && isNumericCol(k));
+  return {
+    xKey,
+    seriesKeys: seriesKeys.length ? seriesKeys : keys.filter((k) => k !== xKey)
+  };
+}
+var HEIGHT = 300;
+var color = (i) => PALETTE[i % PALETTE.length];
+function ChartRenderer({ block }) {
+  const data = Array.isArray(block.data) ? block.data : [];
+  if (data.length === 0) return /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rk-empty", children: "No chart data." });
+  const { xKey, seriesKeys } = inferShape(data);
+  const type = block.chartType;
+  switch (type) {
+    case "LINE":
+      return /* @__PURE__ */ jsxRuntime.jsx(Frame, { children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.LineChart, { data, children: [
+        grid(),
+        /* @__PURE__ */ jsxRuntime.jsx(recharts.XAxis, { dataKey: xKey, tick: AXIS_TICK }),
+        /* @__PURE__ */ jsxRuntime.jsx(recharts.YAxis, { tick: AXIS_TICK }),
+        /* @__PURE__ */ jsxRuntime.jsx(recharts.Tooltip, {}),
+        seriesKeys.length > 1 ? /* @__PURE__ */ jsxRuntime.jsx(recharts.Legend, {}) : null,
+        seriesKeys.map((k, i) => /* @__PURE__ */ jsxRuntime.jsx(recharts.Line, { type: "monotone", dataKey: k, stroke: color(i), strokeWidth: 2, dot: false }, k))
+      ] }) });
+    case "AREA":
+    case "STACKED_AREA":
+      return /* @__PURE__ */ jsxRuntime.jsx(Frame, { children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.AreaChart, { data, children: [
+        grid(),
+        /* @__PURE__ */ jsxRuntime.jsx(recharts.XAxis, { dataKey: xKey, tick: AXIS_TICK }),
+        /* @__PURE__ */ jsxRuntime.jsx(recharts.YAxis, { tick: AXIS_TICK }),
+        /* @__PURE__ */ jsxRuntime.jsx(recharts.Tooltip, {}),
+        seriesKeys.length > 1 ? /* @__PURE__ */ jsxRuntime.jsx(recharts.Legend, {}) : null,
+        seriesKeys.map((k, i) => /* @__PURE__ */ jsxRuntime.jsx(
+          recharts.Area,
+          {
+            type: "monotone",
+            dataKey: k,
+            stackId: type === "STACKED_AREA" ? "stack" : void 0,
+            stroke: color(i),
+            fill: color(i),
+            fillOpacity: 0.25
+          },
+          k
+        ))
+      ] }) });
+    case "BAR":
+    case "STACKED_BAR":
+      return /* @__PURE__ */ jsxRuntime.jsx(Frame, { children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.BarChart, { data, children: [
+        grid(),
+        /* @__PURE__ */ jsxRuntime.jsx(recharts.XAxis, { dataKey: xKey, tick: AXIS_TICK }),
+        /* @__PURE__ */ jsxRuntime.jsx(recharts.YAxis, { tick: AXIS_TICK }),
+        /* @__PURE__ */ jsxRuntime.jsx(recharts.Tooltip, {}),
+        seriesKeys.length > 1 ? /* @__PURE__ */ jsxRuntime.jsx(recharts.Legend, {}) : null,
+        seriesKeys.map((k, i) => /* @__PURE__ */ jsxRuntime.jsx(
+          recharts.Bar,
+          {
+            dataKey: k,
+            stackId: type === "STACKED_BAR" ? "stack" : void 0,
+            fill: color(i)
+          },
+          k
+        ))
+      ] }) });
+    case "PIE":
+    case "DONUT": {
+      const valueKey = seriesKeys[0] ?? "value";
+      return /* @__PURE__ */ jsxRuntime.jsx(Frame, { children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.PieChart, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(recharts.Tooltip, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(recharts.Legend, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          recharts.Pie,
+          {
+            data,
+            dataKey: valueKey,
+            nameKey: xKey,
+            cx: "50%",
+            cy: "50%",
+            outerRadius: 110,
+            innerRadius: type === "DONUT" ? 60 : 0,
+            label: (entry) => chunkD4WIPDH3_cjs.formatValue(entry?.name),
+            children: data.map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(recharts.Cell, { fill: color(i) }, i))
+          }
+        )
+      ] }) });
+    }
+    case "SCATTER": {
+      const xNum = seriesKeys[0];
+      const yNum = seriesKeys[1] ?? seriesKeys[0];
+      return /* @__PURE__ */ jsxRuntime.jsx(Frame, { children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.ScatterChart, { children: [
+        grid(),
+        /* @__PURE__ */ jsxRuntime.jsx(recharts.XAxis, { dataKey: xNum ?? xKey, type: "number", tick: AXIS_TICK, name: xNum ?? xKey }),
+        /* @__PURE__ */ jsxRuntime.jsx(recharts.YAxis, { dataKey: yNum, type: "number", tick: AXIS_TICK, name: yNum }),
+        /* @__PURE__ */ jsxRuntime.jsx(recharts.ZAxis, { range: [60, 60] }),
+        /* @__PURE__ */ jsxRuntime.jsx(recharts.Tooltip, { cursor: { strokeDasharray: "3 3" } }),
+        /* @__PURE__ */ jsxRuntime.jsx(recharts.Scatter, { data, fill: color(0) })
+      ] }) });
+    }
+    // HEATMAP (and anything Recharts can't express) → a readable data preview.
+    default:
+      return /* @__PURE__ */ jsxRuntime.jsx(PreviewTable, { block, data });
+  }
+}
+var AXIS_TICK = { fontSize: 12 };
+var grid = () => /* @__PURE__ */ jsxRuntime.jsx(recharts.CartesianGrid, { strokeDasharray: "3 3", stroke: "#eee" });
+function Frame({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rk-chart", children: /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { width: "100%", height: HEIGHT, children }) });
+}
+function PreviewTable({
+  block,
+  data
+}) {
+  const keys = Object.keys(data[0] ?? {});
+  const preview = data.slice(0, 8);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rk-chart-fallback", "data-chart-type": block.chartType, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rk-chart-badge", children: [
+      block.chartType,
+      " \xB7 rendered as a table (no chart mapping)"
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "rk-table rk-chart-preview", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsx("tr", { children: keys.map((k) => /* @__PURE__ */ jsxRuntime.jsx("th", { scope: "col", children: k }, k)) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: preview.map((row, i) => /* @__PURE__ */ jsxRuntime.jsx("tr", { children: keys.map((k) => /* @__PURE__ */ jsxRuntime.jsx("td", { children: chunkD4WIPDH3_cjs.formatValue(row[k]) }, k)) }, i)) })
+    ] }),
+    data.length > preview.length ? /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "rk-chart-more", children: [
+      "+",
+      data.length - preview.length,
+      " more rows"
+    ] }) : null
+  ] });
+}
+
+module.exports = ChartRenderer;
+//# sourceMappingURL=ChartRenderer-UJNU2VNH.cjs.map
+//# sourceMappingURL=ChartRenderer-UJNU2VNH.cjs.map

package/dist/ChartRenderer-UJNU2VNH.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/blocks/ChartRenderer.tsx"],"names":["jsx","jsxs","LineChart","XAxis","YAxis","Tooltip","Legend","Line","AreaChart","Area","BarChart","Bar","PieChart","Pie","formatValue","Cell","ScatterChart","ZAxis","Scatter","CartesianGrid","ResponsiveContainer"],"mappings":"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","file":"ChartRenderer-UJNU2VNH.cjs","sourcesContent":["import type { ReactElement } from \"react\";\nimport {\n  ResponsiveContainer,\n  LineChart,\n  Line,\n  BarChart,\n  Bar,\n  AreaChart,\n  Area,\n  PieChart,\n  Pie,\n  Cell,\n  ScatterChart,\n  Scatter,\n  XAxis,\n  YAxis,\n  ZAxis,\n  CartesianGrid,\n  Tooltip,\n  Legend,\n} from \"recharts\";\nimport type { ChartBlock as ChartBlockType } from \"@responsekit/schema\";\nimport { formatValue } from \"./util.js\";\n\n/**\n * Real chart adapter, loaded lazily (see `ChartBlock`) so Recharts lands in its own\n * chunk and never weighs down the main bundle. This is the single place the SDK is\n * coupled to a charting library — swap it for visx/nivo/etc. without touching anything\n * else.\n *\n * The backend sends generic rows (e.g. `{ status: \"ONGOING\", count: 10 }`), so we infer\n * the category/x key (first non-numeric column) and the numeric series from the data.\n */\n\nconst PALETTE = [\n  \"#2563eb\",\n  \"#16a34a\",\n  \"#d97706\",\n  \"#dc2626\",\n  \"#7c3aed\",\n  \"#0891b2\",\n  \"#db2777\",\n  \"#65a30d\",\n];\n\ninterface Inferred {\n  xKey: string;\n  seriesKeys: string[];\n}\n\nfunction inferShape(data: Record<string, unknown>[]): Inferred {\n  const first = data[0] ?? {};\n  const keys = Object.keys(first);\n  const isNumericCol = (k: string) => data.some((row) => typeof row[k] === \"number\");\n  const xKey = keys.find((k) => !isNumericCol(k)) ?? keys[0] ?? \"x\";\n  const seriesKeys = keys.filter((k) => k !== xKey && isNumericCol(k));\n  // Fallback: if nothing looked numeric, treat every non-x column as a series.\n  return {\n    xKey,\n    seriesKeys: seriesKeys.length ? seriesKeys : keys.filter((k) => k !== xKey),\n  };\n}\n\nconst HEIGHT = 300;\nconst color = (i: number) => PALETTE[i % PALETTE.length];\n\nexport default function ChartRenderer({ block }: { block: ChartBlockType }) {\n  const data = Array.isArray(block.data) ? (block.data as Record<string, unknown>[]) : [];\n  if (data.length === 0) return <p className=\"rk-empty\">No chart data.</p>;\n\n  const { xKey, seriesKeys } = inferShape(data);\n  const type = block.chartType;\n\n  switch (type) {\n    case \"LINE\":\n      return (\n        <Frame>\n          <LineChart data={data}>\n            {grid()}\n            <XAxis dataKey={xKey} tick={AXIS_TICK} />\n            <YAxis tick={AXIS_TICK} />\n            <Tooltip />\n            {seriesKeys.length > 1 ? <Legend /> : null}\n            {seriesKeys.map((k, i) => (\n              <Line key={k} type=\"monotone\" dataKey={k} stroke={color(i)} strokeWidth={2} dot={false} />\n            ))}\n          </LineChart>\n        </Frame>\n      );\n\n    case \"AREA\":\n    case \"STACKED_AREA\":\n      return (\n        <Frame>\n          <AreaChart data={data}>\n            {grid()}\n            <XAxis dataKey={xKey} tick={AXIS_TICK} />\n            <YAxis tick={AXIS_TICK} />\n            <Tooltip />\n            {seriesKeys.length > 1 ? <Legend /> : null}\n            {seriesKeys.map((k, i) => (\n              <Area\n                key={k}\n                type=\"monotone\"\n                dataKey={k}\n                stackId={type === \"STACKED_AREA\" ? \"stack\" : undefined}\n                stroke={color(i)}\n                fill={color(i)}\n                fillOpacity={0.25}\n              />\n            ))}\n          </AreaChart>\n        </Frame>\n      );\n\n    case \"BAR\":\n    case \"STACKED_BAR\":\n      return (\n        <Frame>\n          <BarChart data={data}>\n            {grid()}\n            <XAxis dataKey={xKey} tick={AXIS_TICK} />\n            <YAxis tick={AXIS_TICK} />\n            <Tooltip />\n            {seriesKeys.length > 1 ? <Legend /> : null}\n            {seriesKeys.map((k, i) => (\n              <Bar\n                key={k}\n                dataKey={k}\n                stackId={type === \"STACKED_BAR\" ? \"stack\" : undefined}\n                fill={color(i)}\n              />\n            ))}\n          </BarChart>\n        </Frame>\n      );\n\n    case \"PIE\":\n    case \"DONUT\": {\n      const valueKey = seriesKeys[0] ?? \"value\";\n      return (\n        <Frame>\n          <PieChart>\n            <Tooltip />\n            <Legend />\n            <Pie\n              data={data}\n              dataKey={valueKey}\n              nameKey={xKey}\n              cx=\"50%\"\n              cy=\"50%\"\n              outerRadius={110}\n              innerRadius={type === \"DONUT\" ? 60 : 0}\n              // eslint-disable-next-line @typescript-eslint/no-explicit-any\n              label={(entry: any) => formatValue(entry?.name)}\n            >\n              {data.map((_, i) => (\n                <Cell key={i} fill={color(i)} />\n              ))}\n            </Pie>\n          </PieChart>\n        </Frame>\n      );\n    }\n\n    case \"SCATTER\": {\n      const xNum = seriesKeys[0];\n      const yNum = seriesKeys[1] ?? seriesKeys[0];\n      return (\n        <Frame>\n          <ScatterChart>\n            {grid()}\n            <XAxis dataKey={xNum ?? xKey} type=\"number\" tick={AXIS_TICK} name={xNum ?? xKey} />\n            <YAxis dataKey={yNum} type=\"number\" tick={AXIS_TICK} name={yNum} />\n            <ZAxis range={[60, 60]} />\n            <Tooltip cursor={{ strokeDasharray: \"3 3\" }} />\n            <Scatter data={data} fill={color(0)} />\n          </ScatterChart>\n        </Frame>\n      );\n    }\n\n    // HEATMAP (and anything Recharts can't express) → a readable data preview.\n    default:\n      return <PreviewTable block={block} data={data} />;\n  }\n}\n\nconst AXIS_TICK = { fontSize: 12 } as const;\nconst grid = () => <CartesianGrid strokeDasharray=\"3 3\" stroke=\"#eee\" />;\n\nfunction Frame({ children }: { children: ReactElement }) {\n  return (\n    <div className=\"rk-chart\">\n      <ResponsiveContainer width=\"100%\" height={HEIGHT}>\n        {children}\n      </ResponsiveContainer>\n    </div>\n  );\n}\n\nfunction PreviewTable({\n  block,\n  data,\n}: {\n  block: ChartBlockType;\n  data: Record<string, unknown>[];\n}) {\n  const keys = Object.keys(data[0] ?? {});\n  const preview = data.slice(0, 8);\n  return (\n    <div className=\"rk-chart-fallback\" data-chart-type={block.chartType}>\n      <div className=\"rk-chart-badge\">\n        {block.chartType} · rendered as a table (no chart mapping)\n      </div>\n      <table className=\"rk-table rk-chart-preview\">\n        <thead>\n          <tr>\n            {keys.map((k) => (\n              <th key={k} scope=\"col\">\n                {k}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {preview.map((row, i) => (\n            <tr key={i}>\n              {keys.map((k) => (\n                <td key={k}>{formatValue(row[k])}</td>\n              ))}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n      {data.length > preview.length ? (\n        <p className=\"rk-chart-more\">+{data.length - preview.length} more rows</p>\n      ) : null}\n    </div>\n  );\n}\n"]}

package/dist/ChartRenderer-URPZESVN.js

@@ -0,0 +1,151 @@
+import { formatValue } from './chunk-3FSZRQQU.js';
+import { ScatterChart, XAxis, YAxis, ZAxis, Tooltip, Scatter, PieChart, Legend, Pie, Cell, BarChart, Bar, AreaChart, Area, LineChart, Line, CartesianGrid, ResponsiveContainer } from 'recharts';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var PALETTE = [
+  "#2563eb",
+  "#16a34a",
+  "#d97706",
+  "#dc2626",
+  "#7c3aed",
+  "#0891b2",
+  "#db2777",
+  "#65a30d"
+];
+function inferShape(data) {
+  const first = data[0] ?? {};
+  const keys = Object.keys(first);
+  const isNumericCol = (k) => data.some((row) => typeof row[k] === "number");
+  const xKey = keys.find((k) => !isNumericCol(k)) ?? keys[0] ?? "x";
+  const seriesKeys = keys.filter((k) => k !== xKey && isNumericCol(k));
+  return {
+    xKey,
+    seriesKeys: seriesKeys.length ? seriesKeys : keys.filter((k) => k !== xKey)
+  };
+}
+var HEIGHT = 300;
+var color = (i) => PALETTE[i % PALETTE.length];
+function ChartRenderer({ block }) {
+  const data = Array.isArray(block.data) ? block.data : [];
+  if (data.length === 0) return /* @__PURE__ */ jsx("p", { className: "rk-empty", children: "No chart data." });
+  const { xKey, seriesKeys } = inferShape(data);
+  const type = block.chartType;
+  switch (type) {
+    case "LINE":
+      return /* @__PURE__ */ jsx(Frame, { children: /* @__PURE__ */ jsxs(LineChart, { data, children: [
+        grid(),
+        /* @__PURE__ */ jsx(XAxis, { dataKey: xKey, tick: AXIS_TICK }),
+        /* @__PURE__ */ jsx(YAxis, { tick: AXIS_TICK }),
+        /* @__PURE__ */ jsx(Tooltip, {}),
+        seriesKeys.length > 1 ? /* @__PURE__ */ jsx(Legend, {}) : null,
+        seriesKeys.map((k, i) => /* @__PURE__ */ jsx(Line, { type: "monotone", dataKey: k, stroke: color(i), strokeWidth: 2, dot: false }, k))
+      ] }) });
+    case "AREA":
+    case "STACKED_AREA":
+      return /* @__PURE__ */ jsx(Frame, { children: /* @__PURE__ */ jsxs(AreaChart, { data, children: [
+        grid(),
+        /* @__PURE__ */ jsx(XAxis, { dataKey: xKey, tick: AXIS_TICK }),
+        /* @__PURE__ */ jsx(YAxis, { tick: AXIS_TICK }),
+        /* @__PURE__ */ jsx(Tooltip, {}),
+        seriesKeys.length > 1 ? /* @__PURE__ */ jsx(Legend, {}) : null,
+        seriesKeys.map((k, i) => /* @__PURE__ */ jsx(
+          Area,
+          {
+            type: "monotone",
+            dataKey: k,
+            stackId: type === "STACKED_AREA" ? "stack" : void 0,
+            stroke: color(i),
+            fill: color(i),
+            fillOpacity: 0.25
+          },
+          k
+        ))
+      ] }) });
+    case "BAR":
+    case "STACKED_BAR":
+      return /* @__PURE__ */ jsx(Frame, { children: /* @__PURE__ */ jsxs(BarChart, { data, children: [
+        grid(),
+        /* @__PURE__ */ jsx(XAxis, { dataKey: xKey, tick: AXIS_TICK }),
+        /* @__PURE__ */ jsx(YAxis, { tick: AXIS_TICK }),
+        /* @__PURE__ */ jsx(Tooltip, {}),
+        seriesKeys.length > 1 ? /* @__PURE__ */ jsx(Legend, {}) : null,
+        seriesKeys.map((k, i) => /* @__PURE__ */ jsx(
+          Bar,
+          {
+            dataKey: k,
+            stackId: type === "STACKED_BAR" ? "stack" : void 0,
+            fill: color(i)
+          },
+          k
+        ))
+      ] }) });
+    case "PIE":
+    case "DONUT": {
+      const valueKey = seriesKeys[0] ?? "value";
+      return /* @__PURE__ */ jsx(Frame, { children: /* @__PURE__ */ jsxs(PieChart, { children: [
+        /* @__PURE__ */ jsx(Tooltip, {}),
+        /* @__PURE__ */ jsx(Legend, {}),
+        /* @__PURE__ */ jsx(
+          Pie,
+          {
+            data,
+            dataKey: valueKey,
+            nameKey: xKey,
+            cx: "50%",
+            cy: "50%",
+            outerRadius: 110,
+            innerRadius: type === "DONUT" ? 60 : 0,
+            label: (entry) => formatValue(entry?.name),
+            children: data.map((_, i) => /* @__PURE__ */ jsx(Cell, { fill: color(i) }, i))
+          }
+        )
+      ] }) });
+    }
+    case "SCATTER": {
+      const xNum = seriesKeys[0];
+      const yNum = seriesKeys[1] ?? seriesKeys[0];
+      return /* @__PURE__ */ jsx(Frame, { children: /* @__PURE__ */ jsxs(ScatterChart, { children: [
+        grid(),
+        /* @__PURE__ */ jsx(XAxis, { dataKey: xNum ?? xKey, type: "number", tick: AXIS_TICK, name: xNum ?? xKey }),
+        /* @__PURE__ */ jsx(YAxis, { dataKey: yNum, type: "number", tick: AXIS_TICK, name: yNum }),
+        /* @__PURE__ */ jsx(ZAxis, { range: [60, 60] }),
+        /* @__PURE__ */ jsx(Tooltip, { cursor: { strokeDasharray: "3 3" } }),
+        /* @__PURE__ */ jsx(Scatter, { data, fill: color(0) })
+      ] }) });
+    }
+    // HEATMAP (and anything Recharts can't express) → a readable data preview.
+    default:
+      return /* @__PURE__ */ jsx(PreviewTable, { block, data });
+  }
+}
+var AXIS_TICK = { fontSize: 12 };
+var grid = () => /* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: "3 3", stroke: "#eee" });
+function Frame({ children }) {
+  return /* @__PURE__ */ jsx("div", { className: "rk-chart", children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: HEIGHT, children }) });
+}
+function PreviewTable({
+  block,
+  data
+}) {
+  const keys = Object.keys(data[0] ?? {});
+  const preview = data.slice(0, 8);
+  return /* @__PURE__ */ jsxs("div", { className: "rk-chart-fallback", "data-chart-type": block.chartType, children: [
+    /* @__PURE__ */ jsxs("div", { className: "rk-chart-badge", children: [
+      block.chartType,
+      " \xB7 rendered as a table (no chart mapping)"
+    ] }),
+    /* @__PURE__ */ jsxs("table", { className: "rk-table rk-chart-preview", children: [
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: keys.map((k) => /* @__PURE__ */ jsx("th", { scope: "col", children: k }, k)) }) }),
+      /* @__PURE__ */ jsx("tbody", { children: preview.map((row, i) => /* @__PURE__ */ jsx("tr", { children: keys.map((k) => /* @__PURE__ */ jsx("td", { children: formatValue(row[k]) }, k)) }, i)) })
+    ] }),
+    data.length > preview.length ? /* @__PURE__ */ jsxs("p", { className: "rk-chart-more", children: [
+      "+",
+      data.length - preview.length,
+      " more rows"
+    ] }) : null
+  ] });
+}
+
+export { ChartRenderer as default };
+//# sourceMappingURL=ChartRenderer-URPZESVN.js.map
+//# sourceMappingURL=ChartRenderer-URPZESVN.js.map

package/dist/ChartRenderer-URPZESVN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/blocks/ChartRenderer.tsx"],"names":[],"mappings":"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","file":"ChartRenderer-URPZESVN.js","sourcesContent":["import type { ReactElement } from \"react\";\nimport {\n  ResponsiveContainer,\n  LineChart,\n  Line,\n  BarChart,\n  Bar,\n  AreaChart,\n  Area,\n  PieChart,\n  Pie,\n  Cell,\n  ScatterChart,\n  Scatter,\n  XAxis,\n  YAxis,\n  ZAxis,\n  CartesianGrid,\n  Tooltip,\n  Legend,\n} from \"recharts\";\nimport type { ChartBlock as ChartBlockType } from \"@responsekit/schema\";\nimport { formatValue } from \"./util.js\";\n\n/**\n * Real chart adapter, loaded lazily (see `ChartBlock`) so Recharts lands in its own\n * chunk and never weighs down the main bundle. This is the single place the SDK is\n * coupled to a charting library — swap it for visx/nivo/etc. without touching anything\n * else.\n *\n * The backend sends generic rows (e.g. `{ status: \"ONGOING\", count: 10 }`), so we infer\n * the category/x key (first non-numeric column) and the numeric series from the data.\n */\n\nconst PALETTE = [\n  \"#2563eb\",\n  \"#16a34a\",\n  \"#d97706\",\n  \"#dc2626\",\n  \"#7c3aed\",\n  \"#0891b2\",\n  \"#db2777\",\n  \"#65a30d\",\n];\n\ninterface Inferred {\n  xKey: string;\n  seriesKeys: string[];\n}\n\nfunction inferShape(data: Record<string, unknown>[]): Inferred {\n  const first = data[0] ?? {};\n  const keys = Object.keys(first);\n  const isNumericCol = (k: string) => data.some((row) => typeof row[k] === \"number\");\n  const xKey = keys.find((k) => !isNumericCol(k)) ?? keys[0] ?? \"x\";\n  const seriesKeys = keys.filter((k) => k !== xKey && isNumericCol(k));\n  // Fallback: if nothing looked numeric, treat every non-x column as a series.\n  return {\n    xKey,\n    seriesKeys: seriesKeys.length ? seriesKeys : keys.filter((k) => k !== xKey),\n  };\n}\n\nconst HEIGHT = 300;\nconst color = (i: number) => PALETTE[i % PALETTE.length];\n\nexport default function ChartRenderer({ block }: { block: ChartBlockType }) {\n  const data = Array.isArray(block.data) ? (block.data as Record<string, unknown>[]) : [];\n  if (data.length === 0) return <p className=\"rk-empty\">No chart data.</p>;\n\n  const { xKey, seriesKeys } = inferShape(data);\n  const type = block.chartType;\n\n  switch (type) {\n    case \"LINE\":\n      return (\n        <Frame>\n          <LineChart data={data}>\n            {grid()}\n            <XAxis dataKey={xKey} tick={AXIS_TICK} />\n            <YAxis tick={AXIS_TICK} />\n            <Tooltip />\n            {seriesKeys.length > 1 ? <Legend /> : null}\n            {seriesKeys.map((k, i) => (\n              <Line key={k} type=\"monotone\" dataKey={k} stroke={color(i)} strokeWidth={2} dot={false} />\n            ))}\n          </LineChart>\n        </Frame>\n      );\n\n    case \"AREA\":\n    case \"STACKED_AREA\":\n      return (\n        <Frame>\n          <AreaChart data={data}>\n            {grid()}\n            <XAxis dataKey={xKey} tick={AXIS_TICK} />\n            <YAxis tick={AXIS_TICK} />\n            <Tooltip />\n            {seriesKeys.length > 1 ? <Legend /> : null}\n            {seriesKeys.map((k, i) => (\n              <Area\n                key={k}\n                type=\"monotone\"\n                dataKey={k}\n                stackId={type === \"STACKED_AREA\" ? \"stack\" : undefined}\n                stroke={color(i)}\n                fill={color(i)}\n                fillOpacity={0.25}\n              />\n            ))}\n          </AreaChart>\n        </Frame>\n      );\n\n    case \"BAR\":\n    case \"STACKED_BAR\":\n      return (\n        <Frame>\n          <BarChart data={data}>\n            {grid()}\n            <XAxis dataKey={xKey} tick={AXIS_TICK} />\n            <YAxis tick={AXIS_TICK} />\n            <Tooltip />\n            {seriesKeys.length > 1 ? <Legend /> : null}\n            {seriesKeys.map((k, i) => (\n              <Bar\n                key={k}\n                dataKey={k}\n                stackId={type === \"STACKED_BAR\" ? \"stack\" : undefined}\n                fill={color(i)}\n              />\n            ))}\n          </BarChart>\n        </Frame>\n      );\n\n    case \"PIE\":\n    case \"DONUT\": {\n      const valueKey = seriesKeys[0] ?? \"value\";\n      return (\n        <Frame>\n          <PieChart>\n            <Tooltip />\n            <Legend />\n            <Pie\n              data={data}\n              dataKey={valueKey}\n              nameKey={xKey}\n              cx=\"50%\"\n              cy=\"50%\"\n              outerRadius={110}\n              innerRadius={type === \"DONUT\" ? 60 : 0}\n              // eslint-disable-next-line @typescript-eslint/no-explicit-any\n              label={(entry: any) => formatValue(entry?.name)}\n            >\n              {data.map((_, i) => (\n                <Cell key={i} fill={color(i)} />\n              ))}\n            </Pie>\n          </PieChart>\n        </Frame>\n      );\n    }\n\n    case \"SCATTER\": {\n      const xNum = seriesKeys[0];\n      const yNum = seriesKeys[1] ?? seriesKeys[0];\n      return (\n        <Frame>\n          <ScatterChart>\n            {grid()}\n            <XAxis dataKey={xNum ?? xKey} type=\"number\" tick={AXIS_TICK} name={xNum ?? xKey} />\n            <YAxis dataKey={yNum} type=\"number\" tick={AXIS_TICK} name={yNum} />\n            <ZAxis range={[60, 60]} />\n            <Tooltip cursor={{ strokeDasharray: \"3 3\" }} />\n            <Scatter data={data} fill={color(0)} />\n          </ScatterChart>\n        </Frame>\n      );\n    }\n\n    // HEATMAP (and anything Recharts can't express) → a readable data preview.\n    default:\n      return <PreviewTable block={block} data={data} />;\n  }\n}\n\nconst AXIS_TICK = { fontSize: 12 } as const;\nconst grid = () => <CartesianGrid strokeDasharray=\"3 3\" stroke=\"#eee\" />;\n\nfunction Frame({ children }: { children: ReactElement }) {\n  return (\n    <div className=\"rk-chart\">\n      <ResponsiveContainer width=\"100%\" height={HEIGHT}>\n        {children}\n      </ResponsiveContainer>\n    </div>\n  );\n}\n\nfunction PreviewTable({\n  block,\n  data,\n}: {\n  block: ChartBlockType;\n  data: Record<string, unknown>[];\n}) {\n  const keys = Object.keys(data[0] ?? {});\n  const preview = data.slice(0, 8);\n  return (\n    <div className=\"rk-chart-fallback\" data-chart-type={block.chartType}>\n      <div className=\"rk-chart-badge\">\n        {block.chartType} · rendered as a table (no chart mapping)\n      </div>\n      <table className=\"rk-table rk-chart-preview\">\n        <thead>\n          <tr>\n            {keys.map((k) => (\n              <th key={k} scope=\"col\">\n                {k}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {preview.map((row, i) => (\n            <tr key={i}>\n              {keys.map((k) => (\n                <td key={k}>{formatValue(row[k])}</td>\n              ))}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n      {data.length > preview.length ? (\n        <p className=\"rk-chart-more\">+{data.length - preview.length} more rows</p>\n      ) : null}\n    </div>\n  );\n}\n"]}

package/dist/chunk-3FSZRQQU.js

@@ -0,0 +1,33 @@
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+// src/blocks/util.ts
+function formatValue(value) {
+  if (value === null || value === void 0) return "";
+  if (typeof value === "string") return value;
+  if (typeof value === "number" || typeof value === "boolean") return String(value);
+  try {
+    return JSON.stringify(value);
+  } catch {
+    return String(value);
+  }
+}
+function isDev() {
+  const g = globalThis;
+  const env = g.process?.env?.NODE_ENV;
+  return env !== void 0 && env !== "production";
+}
+function rowsToCsv(columns, rows) {
+  const escape = (s) => `"${s.replace(/"/g, '""')}"`;
+  const header = columns.map((c) => escape(c.label)).join(",");
+  const body = rows.map((row) => columns.map((c) => escape(formatValue(row[c.key]))).join(",")).join("\n");
+  return `${header}
+${body}`;
+}
+
+export { __export, formatValue, isDev, rowsToCsv };
+//# sourceMappingURL=chunk-3FSZRQQU.js.map
+//# sourceMappingURL=chunk-3FSZRQQU.js.map

package/dist/chunk-3FSZRQQU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/blocks/util.ts"],"names":[],"mappings":";;;;;;;AAMO,SAAS,YAAY,KAAA,EAAwB;AAClD,EAAA,IAAI,KAAA,KAAU,IAAA,IAAQ,KAAA,KAAU,MAAA,EAAW,OAAO,EAAA;AAClD,EAAA,IAAI,OAAO,KAAA,KAAU,QAAA,EAAU,OAAO,KAAA;AACtC,EAAA,IAAI,OAAO,UAAU,QAAA,IAAY,OAAO,UAAU,SAAA,EAAW,OAAO,OAAO,KAAK,CAAA;AAChF,EAAA,IAAI;AACF,IAAA,OAAO,IAAA,CAAK,UAAU,KAAK,CAAA;AAAA,EAC7B,CAAA,CAAA,MAAQ;AACN,IAAA,OAAO,OAAO,KAAK,CAAA;AAAA,EACrB;AACF;AAGO,SAAS,KAAA,GAAiB;AAG/B,EAAA,MAAM,CAAA,GAAI,UAAA;AACV,EAAA,MAAM,GAAA,GAAM,CAAA,CAAE,OAAA,EAAS,GAAA,EAAK,QAAA;AAC5B,EAAA,OAAO,GAAA,KAAQ,UAAa,GAAA,KAAQ,YAAA;AACtC;AAGO,SAAS,SAAA,CACd,SACA,IAAA,EACQ;AACR,EAAA,MAAM,MAAA,GAAS,CAAC,CAAA,KAAc,CAAA,CAAA,EAAI,EAAE,OAAA,CAAQ,IAAA,EAAM,IAAI,CAAC,CAAA,CAAA,CAAA;AACvD,EAAA,MAAM,MAAA,GAAS,OAAA,CAAQ,GAAA,CAAI,CAAC,CAAA,KAAM,MAAA,CAAO,CAAA,CAAE,KAAK,CAAC,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA;AAC3D,EAAA,MAAM,IAAA,GAAO,KACV,GAAA,CAAI,CAAC,QAAQ,OAAA,CAAQ,GAAA,CAAI,CAAC,CAAA,KAAM,MAAA,CAAO,WAAA,CAAY,IAAI,CAAA,CAAE,GAAG,CAAC,CAAC,CAAC,CAAA,CAAE,KAAK,GAAG,CAAC,CAAA,CAC1E,IAAA,CAAK,IAAI,CAAA;AACZ,EAAA,OAAO,GAAG,MAAM;AAAA,EAAK,IAAI,CAAA,CAAA;AAC3B","file":"chunk-3FSZRQQU.js","sourcesContent":["/**\n * Value helpers for rendering untrusted data. Everything here returns a plain string\n * that React escapes on render — no HTML is ever produced.\n */\n\n/** Render an arbitrary cell/KPI value as display text. Never throws. */\nexport function formatValue(value: unknown): string {\n  if (value === null || value === undefined) return \"\";\n  if (typeof value === \"string\") return value;\n  if (typeof value === \"number\" || typeof value === \"boolean\") return String(value);\n  try {\n    return JSON.stringify(value);\n  } catch {\n    return String(value);\n  }\n}\n\n/** True when running in a dev build (used to optionally surface raw JSON in fallbacks). */\nexport function isDev(): boolean {\n  // Read NODE_ENV off globalThis so we don't depend on Node's `process` typings in a\n  // browser-targeted package. Bundlers (Vite/webpack/esbuild) inline this at build time.\n  const g = globalThis as { process?: { env?: Record<string, string | undefined> } };\n  const env = g.process?.env?.NODE_ENV;\n  return env !== undefined && env !== \"production\";\n}\n\n/** Convert table rows to CSV for a DOWNLOAD action. Pure data, no HTML. */\nexport function rowsToCsv(\n  columns: { key: string; label: string }[],\n  rows: Record<string, unknown>[],\n): string {\n  const escape = (s: string) => `\"${s.replace(/\"/g, '\"\"')}\"`;\n  const header = columns.map((c) => escape(c.label)).join(\",\");\n  const body = rows\n    .map((row) => columns.map((c) => escape(formatValue(row[c.key]))).join(\",\"))\n    .join(\"\\n\");\n  return `${header}\\n${body}`;\n}\n"]}

package/dist/chunk-D4WIPDH3.cjs

@@ -0,0 +1,38 @@
+'use strict';
+
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+// src/blocks/util.ts
+function formatValue(value) {
+  if (value === null || value === void 0) return "";
+  if (typeof value === "string") return value;
+  if (typeof value === "number" || typeof value === "boolean") return String(value);
+  try {
+    return JSON.stringify(value);
+  } catch {
+    return String(value);
+  }
+}
+function isDev() {
+  const g = globalThis;
+  const env = g.process?.env?.NODE_ENV;
+  return env !== void 0 && env !== "production";
+}
+function rowsToCsv(columns, rows) {
+  const escape = (s) => `"${s.replace(/"/g, '""')}"`;
+  const header = columns.map((c) => escape(c.label)).join(",");
+  const body = rows.map((row) => columns.map((c) => escape(formatValue(row[c.key]))).join(",")).join("\n");
+  return `${header}
+${body}`;
+}
+
+exports.__export = __export;
+exports.formatValue = formatValue;
+exports.isDev = isDev;
+exports.rowsToCsv = rowsToCsv;
+//# sourceMappingURL=chunk-D4WIPDH3.cjs.map
+//# sourceMappingURL=chunk-D4WIPDH3.cjs.map

package/dist/chunk-D4WIPDH3.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/blocks/util.ts"],"names":[],"mappings":";;;;;;;;;AAMO,SAAS,YAAY,KAAA,EAAwB;AAClD,EAAA,IAAI,KAAA,KAAU,IAAA,IAAQ,KAAA,KAAU,MAAA,EAAW,OAAO,EAAA;AAClD,EAAA,IAAI,OAAO,KAAA,KAAU,QAAA,EAAU,OAAO,KAAA;AACtC,EAAA,IAAI,OAAO,UAAU,QAAA,IAAY,OAAO,UAAU,SAAA,EAAW,OAAO,OAAO,KAAK,CAAA;AAChF,EAAA,IAAI;AACF,IAAA,OAAO,IAAA,CAAK,UAAU,KAAK,CAAA;AAAA,EAC7B,CAAA,CAAA,MAAQ;AACN,IAAA,OAAO,OAAO,KAAK,CAAA;AAAA,EACrB;AACF;AAGO,SAAS,KAAA,GAAiB;AAG/B,EAAA,MAAM,CAAA,GAAI,UAAA;AACV,EAAA,MAAM,GAAA,GAAM,CAAA,CAAE,OAAA,EAAS,GAAA,EAAK,QAAA;AAC5B,EAAA,OAAO,GAAA,KAAQ,UAAa,GAAA,KAAQ,YAAA;AACtC;AAGO,SAAS,SAAA,CACd,SACA,IAAA,EACQ;AACR,EAAA,MAAM,MAAA,GAAS,CAAC,CAAA,KAAc,CAAA,CAAA,EAAI,EAAE,OAAA,CAAQ,IAAA,EAAM,IAAI,CAAC,CAAA,CAAA,CAAA;AACvD,EAAA,MAAM,MAAA,GAAS,OAAA,CAAQ,GAAA,CAAI,CAAC,CAAA,KAAM,MAAA,CAAO,CAAA,CAAE,KAAK,CAAC,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA;AAC3D,EAAA,MAAM,IAAA,GAAO,KACV,GAAA,CAAI,CAAC,QAAQ,OAAA,CAAQ,GAAA,CAAI,CAAC,CAAA,KAAM,MAAA,CAAO,WAAA,CAAY,IAAI,CAAA,CAAE,GAAG,CAAC,CAAC,CAAC,CAAA,CAAE,KAAK,GAAG,CAAC,CAAA,CAC1E,IAAA,CAAK,IAAI,CAAA;AACZ,EAAA,OAAO,GAAG,MAAM;AAAA,EAAK,IAAI,CAAA,CAAA;AAC3B","file":"chunk-D4WIPDH3.cjs","sourcesContent":["/**\n * Value helpers for rendering untrusted data. Everything here returns a plain string\n * that React escapes on render — no HTML is ever produced.\n */\n\n/** Render an arbitrary cell/KPI value as display text. Never throws. */\nexport function formatValue(value: unknown): string {\n  if (value === null || value === undefined) return \"\";\n  if (typeof value === \"string\") return value;\n  if (typeof value === \"number\" || typeof value === \"boolean\") return String(value);\n  try {\n    return JSON.stringify(value);\n  } catch {\n    return String(value);\n  }\n}\n\n/** True when running in a dev build (used to optionally surface raw JSON in fallbacks). */\nexport function isDev(): boolean {\n  // Read NODE_ENV off globalThis so we don't depend on Node's `process` typings in a\n  // browser-targeted package. Bundlers (Vite/webpack/esbuild) inline this at build time.\n  const g = globalThis as { process?: { env?: Record<string, string | undefined> } };\n  const env = g.process?.env?.NODE_ENV;\n  return env !== undefined && env !== \"production\";\n}\n\n/** Convert table rows to CSV for a DOWNLOAD action. Pure data, no HTML. */\nexport function rowsToCsv(\n  columns: { key: string; label: string }[],\n  rows: Record<string, unknown>[],\n): string {\n  const escape = (s: string) => `\"${s.replace(/\"/g, '\"\"')}\"`;\n  const header = columns.map((c) => escape(c.label)).join(\",\");\n  const body = rows\n    .map((row) => columns.map((c) => escape(formatValue(row[c.key]))).join(\",\"))\n    .join(\"\\n\");\n  return `${header}\\n${body}`;\n}\n"]}