@yourgpt/copilot-sdk 2.1.5-alpha.4 → 2.1.5-alpha.6

package/dist/experimental/index.cjs

@@ -0,0 +1,644 @@
+'use strict';
+
+var chunk5EGBIQYS_cjs = require('../chunk-5EGBIQYS.cjs');
+var chunk2QLF7XM7_cjs = require('../chunk-2QLF7XM7.cjs');
+require('../chunk-VION33GW.cjs');
+require('../chunk-JGPDQDY4.cjs');
+require('../chunk-BJYA5NDL.cjs');
+require('../chunk-Y2A6AMGO.cjs');
+require('../chunk-TPDMBDQX.cjs');
+require('../chunk-3ZDRX7J2.cjs');
+require('../chunk-XWOHNY3F.cjs');
+require('../chunk-TXLIY7GF.cjs');
+require('../chunk-CBAHCI4R.cjs');
+require('../chunk-MEBXW75C.cjs');
+require('../chunk-W73FBYIH.cjs');
+require('../chunk-2FAWEBZS.cjs');
+require('../chunk-6T5XXJEP.cjs');
+require('../chunk-GANCV72Z.cjs');
+require('../chunk-JEQ2X3Z6.cjs');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+var zod = require('zod');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+// src/experimental/generativeUITool.ts
+var RENDER_UI_PARAMETERS = {
+  type: "object",
+  properties: {
+    type: {
+      type: "string",
+      enum: ["html", "chart", "table", "stat", "card"],
+      description: "UI component type to render"
+    },
+    html: {
+      type: "string",
+      description: "Raw HTML with Tailwind classes (type=html)"
+    },
+    height: { type: "string" },
+    chartType: {
+      type: "string",
+      enum: ["bar", "line", "pie", "area", "scatter"],
+      description: "Chart variant (type=chart)"
+    },
+    labels: {
+      type: "array",
+      items: { type: "string" },
+      description: "X-axis category labels (type=chart)"
+    },
+    datasets: {
+      type: "array",
+      items: {
+        type: "object",
+        properties: {
+          label: { type: "string" },
+          data: { type: "array", items: { type: "number" } }
+        },
+        required: ["label", "data"]
+      },
+      description: "Data series (type=chart)"
+    },
+    xLabel: { type: "string" },
+    yLabel: { type: "string" },
+    columns: {
+      type: "array",
+      items: {
+        type: "object",
+        properties: {
+          key: { type: "string" },
+          label: { type: "string" },
+          align: { type: "string" }
+        },
+        required: ["key", "label"]
+      },
+      description: "Column definitions \u2014 key matches row property names (type=table)"
+    },
+    rows: {
+      type: "array",
+      items: { type: "object" },
+      description: "Array of row objects keyed by column.key (type=table)"
+    },
+    caption: { type: "string" },
+    stats: {
+      type: "array",
+      items: {
+        type: "object",
+        properties: {
+          label: { type: "string" },
+          value: { type: "string" },
+          change: { type: "string" },
+          changeDirection: {
+            type: "string",
+            enum: ["positive", "negative", "neutral"]
+          },
+          description: { type: "string" }
+        },
+        required: ["label", "value"]
+      },
+      description: "KPI stats array (type=stat)"
+    },
+    title: {
+      type: "string",
+      description: "Title shown above the component"
+    },
+    subtitle: { type: "string" },
+    body: { type: "string" },
+    fields: {
+      type: "array",
+      items: {
+        type: "object",
+        properties: {
+          label: { type: "string" },
+          value: { type: "string" },
+          badge: { type: "boolean" }
+        },
+        required: ["label", "value"]
+      },
+      description: "Key-value fields (type=card)"
+    },
+    cta: {
+      type: "object",
+      properties: {
+        label: { type: "string" },
+        url: { type: "string" }
+      },
+      required: ["label", "url"],
+      description: "Call-to-action link (type=card)"
+    }
+  },
+  required: ["type"]
+};
+function generativeUITool(config = {}) {
+  return {
+    description: config.description ?? `Render a rich visual UI component directly in the chat. Use this tool whenever the user's request is best answered with a visual instead of text.
+
+Choose the type based on what fits best:
+- "table": structured rows of data (comparisons, lists, records)
+- "stat": KPI metrics, numbers with labels, dashboards with change deltas
+- "card": entity summaries \u2014 profiles, products, results, structured key-value info
+- "chart": graphs and visualizations \u2014 bar, line, pie, area, scatter \u2014 pass raw data only, not markup
+- "html": anything that requires custom layout, rich formatting, or doesn't fit the above types \u2014 use Tailwind CSS classes freely
+
+Always prefer a structured type (table, stat, card) over html when the data fits.
+Only use html as a last resort for truly freeform content.`,
+    parameters: RENDER_UI_PARAMETERS
+  };
+}
+function sanitizeHtml(html) {
+  return html.replace(/<script\b[^>]*\bsrc=["'][^"']*["'][^>]*><\/script>/gi, "").replace(/\s*on\w+="[^"]*"/gi, "").replace(/\s*on\w+='[^']*'/gi, "");
+}
+function HtmlRenderer({ payload, className }) {
+  const clean = sanitizeHtml(payload.html);
+  const srcdoc = `<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8" />
+  <script src="https://cdn.tailwindcss.com"></script>
+  <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
+  <style>
+    body { margin: 0; padding: 4px; font-family: ui-sans-serif, system-ui, sans-serif; }
+    * { box-sizing: border-box; }
+  </style>
+</head>
+<body>${clean}</body>
+</html>`;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: chunk5EGBIQYS_cjs.cn("csdk-genui-html", className),
+      style: { width: "min(700px, calc(100vw - 320px))", minWidth: "320px" },
+      children: [
+        payload.title && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-1.5 text-xs font-medium text-muted-foreground", children: payload.title }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "iframe",
+          {
+            srcDoc: srcdoc,
+            sandbox: "allow-scripts",
+            style: {
+              height: payload.height ?? "520px",
+              minHeight: "120px",
+              width: "100%"
+            },
+            className: "rounded-md border border-border bg-white",
+            title: payload.title ?? "Rendered HTML"
+          }
+        )
+      ]
+    }
+  );
+}
+function TableRenderer({ payload, className }) {
+  const { columns, rows, caption } = payload;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: chunk5EGBIQYS_cjs.cn(
+        "csdk-genui-table w-full overflow-x-auto rounded-md border border-border",
+        className
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "w-full min-w-full text-sm", children: [
+        caption && /* @__PURE__ */ jsxRuntime.jsx("caption", { className: "px-3 pt-2 pb-1 text-left text-xs text-muted-foreground", children: caption }),
+        /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsx("tr", { className: "border-b border-border bg-muted/40", children: columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx(
+          "th",
+          {
+            className: chunk5EGBIQYS_cjs.cn(
+              "whitespace-nowrap px-3 py-2 font-medium text-foreground",
+              col.align === "right" && "text-right",
+              col.align === "center" && "text-center",
+              (!col.align || col.align === "left") && "text-left"
+            ),
+            children: col.label
+          },
+          col.key
+        )) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: rows.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx(
+          "td",
+          {
+            colSpan: columns.length,
+            className: "px-3 py-4 text-center text-sm text-muted-foreground",
+            children: "No data"
+          }
+        ) }) : rows.map((row, i) => /* @__PURE__ */ jsxRuntime.jsx(
+          "tr",
+          {
+            className: chunk5EGBIQYS_cjs.cn(
+              "border-b border-border last:border-0",
+              i % 2 === 1 && "bg-muted/20"
+            ),
+            children: columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx(
+              "td",
+              {
+                className: chunk5EGBIQYS_cjs.cn(
+                  "px-3 py-2 text-foreground/90",
+                  col.align === "right" && "text-right tabular-nums",
+                  col.align === "center" && "text-center",
+                  (!col.align || col.align === "left") && "text-left"
+                ),
+                children: row[col.key] === null || row[col.key] === void 0 ? "\u2014" : String(row[col.key])
+              },
+              col.key
+            ))
+          },
+          i
+        )) })
+      ] })
+    }
+  );
+}
+function StatRenderer({ payload, className }) {
+  const { stats, title } = payload;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk5EGBIQYS_cjs.cn("csdk-genui-stat", className), children: [
+    title && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-2 text-sm font-semibold text-foreground", children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: chunk5EGBIQYS_cjs.cn(
+          "grid gap-2",
+          stats.length === 1 && "grid-cols-1",
+          stats.length === 2 && "grid-cols-2",
+          stats.length >= 3 && "grid-cols-2 sm:grid-cols-3"
+        ),
+        children: stats.map((stat, i) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: "flex flex-col gap-0.5 rounded-lg border border-border bg-card p-3",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-xs text-muted-foreground", children: stat.label }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xl font-bold tabular-nums leading-tight text-foreground", children: stat.value }),
+              stat.change && /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  className: chunk5EGBIQYS_cjs.cn(
+                    "text-xs font-medium",
+                    stat.changeDirection === "positive" && "text-green-600 dark:text-green-400",
+                    stat.changeDirection === "negative" && "text-red-500 dark:text-red-400",
+                    (!stat.changeDirection || stat.changeDirection === "neutral") && "text-muted-foreground"
+                  ),
+                  children: stat.change
+                }
+              ),
+              stat.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs leading-snug text-muted-foreground", children: stat.description })
+            ]
+          },
+          i
+        ))
+      }
+    )
+  ] });
+}
+function CardRenderer({ payload, className }) {
+  const { title, subtitle, fields, body, cta } = payload;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: chunk5EGBIQYS_cjs.cn(
+        "csdk-genui-card flex flex-col gap-3 rounded-lg border border-border bg-card p-4",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold leading-snug text-foreground", children: title }),
+          subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: subtitle })
+        ] }),
+        fields && fields.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("dl", { className: "grid grid-cols-[auto_1fr] gap-x-3 gap-y-1.5", children: fields.map((field, i) => /* @__PURE__ */ jsxRuntime.jsxs(React__namespace.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "self-center whitespace-nowrap text-xs text-muted-foreground", children: field.label }),
+          /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "text-xs text-foreground", children: field.badge ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex items-center rounded-full border border-border bg-muted px-2 py-0.5 font-medium text-foreground", children: String(field.value) }) : String(field.value) })
+        ] }, i)) }),
+        body && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs leading-relaxed text-muted-foreground", children: body }),
+        cta && /* @__PURE__ */ jsxRuntime.jsxs(
+          "a",
+          {
+            href: cta.url,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "mt-1 inline-flex items-center gap-1 text-xs font-medium text-primary underline-offset-2 hover:underline",
+            children: [
+              cta.label,
+              " \u2197"
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+var HtmlPayloadSchema = zod.z.object({
+  type: zod.z.literal("html"),
+  html: zod.z.string().describe(
+    "Raw HTML string rendered in an isolated Shadow DOM with Tailwind CSS"
+  ),
+  title: zod.z.string().optional().describe("Optional label shown above the component"),
+  height: zod.z.string().optional().describe("CSS height value e.g. '300px'. Defaults to auto.")
+}).passthrough();
+var ChartPayloadSchema = zod.z.object({
+  type: zod.z.literal("chart"),
+  chartType: zod.z.enum(["bar", "line", "pie", "area", "scatter"]).describe("Chart visualization type"),
+  title: zod.z.string().optional(),
+  labels: zod.z.array(zod.z.string()).describe("X-axis labels or category names"),
+  datasets: zod.z.array(
+    zod.z.object({
+      label: zod.z.string(),
+      data: zod.z.array(zod.z.number()),
+      color: zod.z.string().optional().describe("Hex or CSS color for this series")
+    })
+  ).describe("One or more data series"),
+  xLabel: zod.z.string().optional().describe("X-axis label"),
+  yLabel: zod.z.string().optional().describe("Y-axis label")
+}).passthrough();
+var TablePayloadSchema = zod.z.object({
+  type: zod.z.literal("table"),
+  title: zod.z.string().optional(),
+  columns: zod.z.array(
+    zod.z.object({
+      key: zod.z.string(),
+      label: zod.z.string(),
+      align: zod.z.enum(["left", "right", "center"]).optional()
+    }).passthrough()
+  ).describe("Column definitions \u2014 order controls render order"),
+  rows: zod.z.array(zod.z.record(zod.z.string(), zod.z.unknown())).describe("Row data keyed by column.key"),
+  caption: zod.z.string().optional()
+}).passthrough();
+var StatPayloadSchema = zod.z.object({
+  type: zod.z.literal("stat"),
+  title: zod.z.string().optional(),
+  stats: zod.z.array(
+    zod.z.object({
+      label: zod.z.string(),
+      value: zod.z.union([zod.z.string(), zod.z.number()]),
+      change: zod.z.string().optional().describe("e.g. '+12%' or '-3.4%'"),
+      changeDirection: zod.z.enum(["positive", "negative", "neutral"]).optional(),
+      description: zod.z.string().optional().describe("Sub-text below value")
+    }).passthrough()
+  )
+}).passthrough();
+var CardPayloadSchema = zod.z.object({
+  type: zod.z.literal("card"),
+  title: zod.z.string(),
+  subtitle: zod.z.string().optional(),
+  body: zod.z.string().optional(),
+  fields: zod.z.array(
+    zod.z.object({
+      label: zod.z.string(),
+      value: zod.z.union([zod.z.string(), zod.z.number(), zod.z.boolean()]),
+      badge: zod.z.boolean().optional().describe("Render value as a badge pill")
+    })
+  ).optional(),
+  cta: zod.z.object({
+    label: zod.z.string().optional(),
+    text: zod.z.string().optional(),
+    // LLMs sometimes use "text" instead of "label"
+    url: zod.z.string().describe("URL for the call-to-action link")
+  }).transform((c) => ({ ...c, label: c.label ?? c.text ?? "" })).optional()
+}).passthrough();
+var GenerativeUIPayloadSchema = zod.z.discriminatedUnion("type", [
+  HtmlPayloadSchema,
+  ChartPayloadSchema,
+  TablePayloadSchema,
+  StatPayloadSchema,
+  CardPayloadSchema
+]);
+var RENDER_UI_SCHEMA = {
+  type: "object",
+  properties: {
+    type: {
+      type: "string",
+      enum: ["html", "chart", "table", "stat", "card"],
+      description: "The UI component type to render"
+    },
+    // html
+    html: {
+      type: "string",
+      description: "Raw HTML with Tailwind classes (type=html only)"
+    },
+    height: {
+      type: "string",
+      description: "Optional CSS height (type=html only)"
+    },
+    // chart
+    chartType: {
+      type: "string",
+      enum: ["bar", "line", "pie", "area", "scatter"],
+      description: "Chart variant (type=chart only)"
+    },
+    labels: {
+      type: "array",
+      items: { type: "string" },
+      description: "X-axis labels (type=chart only)"
+    },
+    datasets: {
+      type: "array",
+      items: {
+        type: "object",
+        properties: {
+          label: { type: "string" },
+          data: { type: "array", items: { type: "number" } }
+        },
+        required: ["label", "data"]
+      },
+      description: "Data series array (type=chart only)"
+    },
+    xLabel: { type: "string" },
+    yLabel: { type: "string" },
+    // table
+    columns: {
+      type: "array",
+      items: {
+        type: "object",
+        properties: {
+          key: { type: "string" },
+          label: { type: "string" },
+          align: { type: "string", enum: ["left", "right", "center"] }
+        },
+        required: ["key", "label"]
+      },
+      description: "Column definitions \u2014 key matches row property names (type=table only)"
+    },
+    rows: {
+      type: "array",
+      items: { type: "object" },
+      description: "Row objects keyed by column.key values (type=table only)"
+    },
+    caption: { type: "string" },
+    // stat
+    stats: {
+      type: "array",
+      items: {
+        type: "object",
+        properties: {
+          label: { type: "string" },
+          value: { type: "string" },
+          change: { type: "string" },
+          changeDirection: {
+            type: "string",
+            enum: ["positive", "negative", "neutral"]
+          },
+          description: { type: "string" }
+        },
+        required: ["label", "value"]
+      },
+      description: "KPI stats array (type=stat only)"
+    },
+    // card
+    title: { type: "string", description: "Card or table title" },
+    subtitle: { type: "string" },
+    body: { type: "string" },
+    fields: {
+      type: "array",
+      items: {
+        type: "object",
+        properties: {
+          label: { type: "string" },
+          value: { type: "string" },
+          badge: { type: "boolean" }
+        },
+        required: ["label", "value"]
+      },
+      description: "Key-value fields (type=card only)"
+    },
+    cta: {
+      type: "object",
+      properties: {
+        label: { type: "string" },
+        url: { type: "string" }
+      },
+      required: ["label", "url"],
+      description: "Call-to-action link (type=card only)"
+    }
+  },
+  required: ["type"]
+};
+function useGenerativeUI(config = {}) {
+  const toolName = config.name ?? "render_ui";
+  const configRef = React__namespace.useRef(config);
+  configRef.current = config;
+  chunk2QLF7XM7_cjs.useTool({
+    name: toolName,
+    description: "Renders a rich UI component inline in the chat. Handled automatically by the SDK.",
+    inputSchema: RENDER_UI_SCHEMA,
+    hidden: false,
+    aiResponseMode: "none",
+    aiContext: (_, args) => {
+      const type = args?.type ?? "ui";
+      return `[Rendered ${type} component to user]`;
+    },
+    handler: async (params) => {
+      const raw = params && typeof params === "object" && "data" in params ? params.data : params;
+      const parsed = GenerativeUIPayloadSchema.safeParse(raw);
+      if (!parsed.success) {
+        return {
+          success: false,
+          error: `Invalid generative UI payload: ${parsed.error.message}`
+        };
+      }
+      return {
+        success: true,
+        data: parsed.data,
+        _aiContext: `[Rendered ${parsed.data.type} component to user]`,
+        _aiResponseMode: "none"
+      };
+    },
+    render: (props) => /* @__PURE__ */ jsxRuntime.jsx(GenerativeUIRenderer, { props, configRef })
+  });
+}
+function GenerativeUIRenderer({
+  props: renderProps,
+  configRef
+}) {
+  const { status, result, error } = renderProps;
+  const config = configRef.current;
+  if (status === "pending" || status === "executing") {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 py-1.5 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(chunk5EGBIQYS_cjs.DotsLoader, { size: "sm" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Preparing response\u2026" })
+    ] });
+  }
+  if (status === "error") {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-md border border-destructive/30 bg-destructive/5 px-3 py-2 text-sm text-destructive", children: error ?? "Failed to render UI component." });
+  }
+  if (status !== "completed") return null;
+  const rawPayload = result?.data;
+  const parsed = GenerativeUIPayloadSchema.safeParse(rawPayload);
+  if (!parsed.success) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-auto rounded-md border border-border bg-muted/30 px-3 py-2", children: /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "whitespace-pre-wrap text-xs text-muted-foreground", children: JSON.stringify(rawPayload, null, 2) }) });
+  }
+  const payload = parsed.data;
+  switch (payload.type) {
+    case "html": {
+      const Override = config.overrideRenderers?.html;
+      return Override ? /* @__PURE__ */ jsxRuntime.jsx(Override, { payload }) : /* @__PURE__ */ jsxRuntime.jsx(HtmlRenderer, { payload });
+    }
+    case "chart": {
+      const ChartComp = config.overrideRenderers?.chart ?? config.chartRenderer;
+      return ChartComp ? /* @__PURE__ */ jsxRuntime.jsx(ChartComp, { payload }) : /* @__PURE__ */ jsxRuntime.jsx(ChartFallback, { payload });
+    }
+    case "table": {
+      const Override = config.overrideRenderers?.table;
+      return Override ? /* @__PURE__ */ jsxRuntime.jsx(Override, { payload }) : /* @__PURE__ */ jsxRuntime.jsx(TableRenderer, { payload });
+    }
+    case "stat": {
+      const Override = config.overrideRenderers?.stat;
+      return Override ? /* @__PURE__ */ jsxRuntime.jsx(Override, { payload }) : /* @__PURE__ */ jsxRuntime.jsx(StatRenderer, { payload });
+    }
+    case "card": {
+      const Override = config.overrideRenderers?.card;
+      return Override ? /* @__PURE__ */ jsxRuntime.jsx(Override, { payload }) : /* @__PURE__ */ jsxRuntime.jsx(CardRenderer, { payload });
+    }
+    default:
+      return null;
+  }
+}
+function ChartFallback({ payload }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-md border border-border bg-muted/20 p-3", children: [
+    payload.title && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-1.5 text-sm font-medium text-foreground", children: payload.title }),
+    /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mb-2 text-xs text-muted-foreground", children: [
+      "Chart type:",
+      " ",
+      /* @__PURE__ */ jsxRuntime.jsx("code", { className: "rounded bg-muted px-1 py-0.5 font-mono text-xs", children: payload.chartType }),
+      ". Pass a ",
+      /* @__PURE__ */ jsxRuntime.jsx("code", { className: "font-mono", children: "chartRenderer" }),
+      " prop to",
+      " ",
+      /* @__PURE__ */ jsxRuntime.jsx("code", { className: "font-mono", children: "useGenerativeUI()" }),
+      " to render this."
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "max-h-40 overflow-auto whitespace-pre-wrap text-xs text-muted-foreground font-mono", children: JSON.stringify(
+      { labels: payload.labels, datasets: payload.datasets },
+      null,
+      2
+    ) })
+  ] });
+}
+
+exports.CardPayloadSchema = CardPayloadSchema;
+exports.CardRenderer = CardRenderer;
+exports.ChartPayloadSchema = ChartPayloadSchema;
+exports.GenerativeUIPayloadSchema = GenerativeUIPayloadSchema;
+exports.HtmlPayloadSchema = HtmlPayloadSchema;
+exports.HtmlRenderer = HtmlRenderer;
+exports.StatPayloadSchema = StatPayloadSchema;
+exports.StatRenderer = StatRenderer;
+exports.TablePayloadSchema = TablePayloadSchema;
+exports.TableRenderer = TableRenderer;
+exports.generativeUITool = generativeUITool;
+exports.useGenerativeUI = useGenerativeUI;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map