@braincrew-lab/langchain-canvas 0.1.14 → 0.2.0

package/dist/{ChartRenderer-FX6ZN4NC.js → ChartRenderer-AAWVGKV5.js}

@@ -1,5 +1,5 @@
-import { useArtifactPatch } from './chunk-TERWLUW3.js';
-import './chunk-KKLWKR5G.js';
+import { useArtifactPatch } from './chunk-UL5F66PN.js';
+import './chunk-S54GJDSJ.js';
 import { useState, useRef, useMemo, useEffect } from 'react';
 import * as echarts from 'echarts/core';
 import { BarChart, LineChart, PieChart } from 'echarts/charts';
@@ -124,6 +124,23 @@ function ChartRenderer({ artifact }) {
     /* @__PURE__ */ jsx(EChart, { option, height: editing ? 260 : 340, onInst: (i) => instRef.current = i })
   ] });
 }
+function NumberCell({ value, onCommit }) {
+  const [draft, setDraft] = useState(null);
+  const shown = draft ?? String(Number(value ?? 0));
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      type: "number",
+      value: shown,
+      onChange: (e) => {
+        setDraft(e.target.value);
+        const n = Number(e.target.value);
+        if (e.target.value !== "" && Number.isFinite(n)) onCommit(n);
+      },
+      onBlur: () => setDraft(null)
+    }
+  );
+}
 function DataGrid({
   rows,
   xKey,
@@ -141,14 +158,7 @@ function DataGrid({
       ] }) }),
       /* @__PURE__ */ jsx("tbody", { children: rows.map((row, i) => /* @__PURE__ */ jsxs("tr", { children: [
         /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx("input", { value: String(row[xKey] ?? ""), onChange: (e) => onCell(i, xKey, e.target.value) }) }),
-        series.map((s) => /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "number",
-            value: Number(row[s.key] ?? 0),
-            onChange: (e) => onCell(i, s.key, e.target.value === "" ? 0 : Number(e.target.value))
-          }
-        ) }, s.key)),
+        series.map((s) => /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(NumberCell, { value: row[s.key], onCommit: (n) => onCell(i, s.key, n) }) }, s.key)),
         /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx("button", { className: "cv-chart__row-del", onClick: () => onRemoveRow(i), disabled: rows.length <= 1, title: "Remove row", children: "\xD7" }) })
       ] }, i)) })
     ] }),

package/dist/{DocumentRenderer-KJ6FTGKH.js → DocumentRenderer-NBRBPYU6.js}

@@ -1,5 +1,5 @@
-import { useArtifactPatch } from './chunk-TERWLUW3.js';
-import './chunk-KKLWKR5G.js';
+import { useArtifactPatch } from './chunk-UL5F66PN.js';
+import './chunk-S54GJDSJ.js';
 import { useState, useRef } from 'react';
 import ReactMarkdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';

package/dist/PdfRenderer-DPQT4E7O.js

@@ -0,0 +1,97 @@
+import { useState, useEffect, useMemo } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/components/renderers/PdfRenderer.tsx
+function dataUrlToBlob(url) {
+  const m = /^data:[^,]*?(;base64)?,(.*)$/s.exec(url);
+  if (!m) return null;
+  try {
+    if (m[1]) {
+      const bin = atob(m[2]);
+      const bytes = new Uint8Array(bin.length);
+      for (let i = 0; i < bin.length; i++) bytes[i] = bin.charCodeAt(i);
+      return new Blob([bytes], { type: "application/pdf" });
+    }
+    return new Blob([decodeURIComponent(m[2])], { type: "application/pdf" });
+  } catch {
+    return null;
+  }
+}
+function PdfRenderer({ artifact }) {
+  const src = artifact.data.src;
+  const isData = typeof src === "string" && src.startsWith("data:");
+  const [blobUrl, setBlobUrl] = useState(null);
+  const [broken, setBroken] = useState(false);
+  useEffect(() => {
+    setBroken(false);
+    if (!isData) {
+      setBlobUrl(null);
+      return;
+    }
+    const blob = dataUrlToBlob(src);
+    if (!blob) {
+      setBroken(true);
+      setBlobUrl(null);
+      return;
+    }
+    const url = URL.createObjectURL(blob);
+    setBlobUrl(url);
+    return () => URL.revokeObjectURL(url);
+  }, [src, isData]);
+  const viewUrl = isData ? blobUrl : src;
+  const filename = useMemo(
+    () => artifact.data.filename || `${artifact.title || "document"}.pdf`,
+    [artifact.data.filename, artifact.title]
+  );
+  const [zoom, setZoom] = useState("fit");
+  const zoomOut = () => setZoom((z) => Math.max(50, (z === "fit" ? 100 : z) - 25));
+  const zoomIn = () => setZoom((z) => Math.min(300, (z === "fit" ? 100 : z) + 25));
+  const frameSrc = viewUrl ? `${viewUrl}#toolbar=0&navpanes=0&zoom=${zoom === "fit" ? "page-width" : zoom}` : null;
+  const download = () => {
+    if (!viewUrl) return;
+    const a = document.createElement("a");
+    a.href = viewUrl;
+    a.download = filename;
+    a.click();
+  };
+  if (!src || broken) {
+    return /* @__PURE__ */ jsx("div", { className: "cv-pdf cv-pdf--empty", children: "Waiting for PDF\u2026" });
+  }
+  if (!viewUrl) {
+    return /* @__PURE__ */ jsx("div", { className: "cv-pdf cv-pdf--empty", children: "Loading PDF\u2026" });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "cv-pdf-panel", children: [
+    /* @__PURE__ */ jsxs("div", { className: "cv-pdf-tools", children: [
+      /* @__PURE__ */ jsx("span", { className: "cv-pdf-tools__name", title: filename, children: filename }),
+      /* @__PURE__ */ jsx("span", { className: "cv-pdf-tools__spacer" }),
+      /* @__PURE__ */ jsxs("span", { className: "cv-pdf-tools__zoom", children: [
+        /* @__PURE__ */ jsx("button", { type: "button", onClick: zoomOut, title: "Zoom out", children: "\u2212" }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "cv-pdf-tools__zoom-label",
+            onClick: () => setZoom("fit"),
+            title: "Fit to width",
+            children: zoom === "fit" ? "Fit" : `${zoom}%`
+          }
+        ),
+        /* @__PURE__ */ jsx("button", { type: "button", onClick: zoomIn, title: "Zoom in", children: "\uFF0B" })
+      ] }),
+      /* @__PURE__ */ jsx("span", { className: "cv-pdf-tools__sep" }),
+      /* @__PURE__ */ jsx("button", { type: "button", onClick: download, title: "Download PDF", children: "\u2913 Download" }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => window.open(viewUrl, "_blank", "noopener"),
+          title: "Open in a new tab",
+          children: "\u2197 Open"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "cv-pdf", children: /* @__PURE__ */ jsx("iframe", { className: "cv-pdf__frame", src: frameSrc, title: filename }, frameSrc) })
+  ] });
+}
+
+export { PdfRenderer };