@invergent/agent-chat-react 1.5.2 → 1.5.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@invergent/agent-chat-react",
-  "version": "1.5.2",
+  "version": "1.5.4",
   "description": "Reusable React chat UI and runtime for Surogates agent sessions.",
   "license": "AGPL-3.0-only",
   "homepage": "https://github.com/invergent-ai/surogates/tree/master/sdk/agent-chat-react#readme",
@@ -38,12 +38,12 @@
     "react-dom": "^19.0.0"
   },
   "dependencies": {
-    "@radix-ui/react-use-controllable-state": "^1.2.2",
     "@radix-ui/react-checkbox": "^1.3.3",
     "@radix-ui/react-label": "^2.1.8",
     "@radix-ui/react-select": "^2.2.6",
     "@radix-ui/react-separator": "^1.1.8",
     "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-use-controllable-state": "^1.2.2",
     "@streamdown/cjk": "^1.0.3",
     "@streamdown/code": "^1.1.1",
     "@streamdown/math": "^1.0.2",
@@ -53,23 +53,21 @@
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
+    "chart.js": "^4.5.1",
     "date-fns": "^4.1.0",
     "diff": "^8.0.4",
     "lucide-react": "^1.8.0",
     "nanoid": "^5.1.7",
     "next-themes": "^0.4.6",
+    "pdfjs-dist": "^5.7.284",
     "radix-ui": "^1.4.3",
-    "react-vega": "^8.0.0",
     "recharts": "^3.8.0",
     "shiki": "^4.0.2",
     "streamdown": "2.5.0",
     "tailwind-merge": "^3.5.0",
     "tokenlens": "^1.3.1",
     "tw-shimmer": "^0.4.6",
-    "use-stick-to-bottom": "^1.1.3",
-    "vega": "^6.2.0",
-    "vega-embed": "^7.1.0",
-    "vega-lite": "^6.4.0"
+    "use-stick-to-bottom": "^1.1.3"
   },
   "devDependencies": {
     "@types/node": "^24.10.1",

package/dist/artifact-chart-7J6GOR4M.js

@@ -1,88 +0,0 @@
-import { useRef, useState, useEffect, useMemo } from 'react';
-import { VegaEmbed } from 'react-vega';
-import { useTheme } from 'next-themes';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-// src/components/chat/artifacts/artifact-chart.tsx
-var VEGA_LITE_SCHEMA = "https://vega.github.io/schema/vega-lite/v5.json";
-var DEFAULT_CHART_HEIGHT = 320;
-var MIN_CHART_WIDTH = 120;
-var LIGHT_CONFIG = {
-  background: "transparent",
-  axis: {
-    labelColor: "#444",
-    titleColor: "#111",
-    gridColor: "#e5e7eb",
-    domainColor: "#d1d5db",
-    tickColor: "#d1d5db"
-  },
-  view: { stroke: "transparent" },
-  legend: { labelColor: "#444", titleColor: "#111" }
-};
-var DARK_CONFIG = {
-  background: "transparent",
-  axis: {
-    labelColor: "#cbd5e1",
-    titleColor: "#f1f5f9",
-    gridColor: "#374151",
-    domainColor: "#4b5563",
-    tickColor: "#4b5563"
-  },
-  view: { stroke: "transparent" },
-  legend: { labelColor: "#cbd5e1", titleColor: "#f1f5f9" }
-};
-function ArtifactChart({ spec }) {
-  const { resolvedTheme } = useTheme();
-  const isDark = resolvedTheme === "dark";
-  const containerRef = useRef(null);
-  const [width, setWidth] = useState(null);
-  useEffect(() => {
-    const el = containerRef.current;
-    if (!el) return;
-    const observer = new ResizeObserver((entries) => {
-      const w = entries[0]?.contentRect.width ?? el.offsetWidth;
-      if (w >= MIN_CHART_WIDTH) setWidth(Math.floor(w));
-    });
-    observer.observe(el);
-    if (el.offsetWidth >= MIN_CHART_WIDTH) setWidth(el.offsetWidth);
-    return () => observer.disconnect();
-  }, []);
-  const [error, setError] = useState(null);
-  const merged = useMemo(() => {
-    if (width == null) return null;
-    const base = spec.vega_lite ?? {};
-    const themeConfig = isDark ? DARK_CONFIG : LIGHT_CONFIG;
-    return {
-      $schema: VEGA_LITE_SCHEMA,
-      width,
-      height: DEFAULT_CHART_HEIGHT,
-      ...base,
-      config: {
-        ...themeConfig,
-        ...base.config ?? {}
-      }
-    };
-  }, [spec.vega_lite, isDark, width]);
-  useEffect(() => {
-    setError(null);
-  }, [spec.vega_lite]);
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ jsx("div", { ref: containerRef, className: "w-full", children: merged && /* @__PURE__ */ jsx(
-      VegaEmbed,
-      {
-        spec: merged,
-        options: { actions: false, renderer: "svg" },
-        onError: (e) => setError(e instanceof Error ? e.message : String(e))
-      }
-    ) }),
-    error && /* @__PURE__ */ jsxs("p", { className: "text-xs text-destructive", children: [
-      "Chart error: ",
-      error
-    ] }),
-    spec.caption && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: spec.caption })
-  ] });
-}
-
-export { ArtifactChart };
-//# sourceMappingURL=artifact-chart-7J6GOR4M.js.map
-//# sourceMappingURL=artifact-chart-7J6GOR4M.js.map

package/dist/artifact-chart-7J6GOR4M.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat/artifacts/artifact-chart.tsx"],"names":[],"mappings":"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","file":"artifact-chart-7J6GOR4M.js","sourcesContent":["// Copyright (c) 2026, Invergent SA, developed by Flavius Burca\n// SPDX-License-Identifier: AGPL-3.0-only\n//\n// Chart artifact renderer — embeds a Vega-Lite spec via react-vega.\n// Respects the app's dark/light theme and resizes with the thread column.\n\nimport { useEffect, useMemo, useRef, useState } from \"react\";\nimport { VegaEmbed } from \"react-vega\";\nimport type { VisualizationSpec } from \"vega-embed\";\nimport { useTheme } from \"next-themes\";\nimport type { ChartArtifactSpec } from \"../../../types\";\n\n// Vega-Lite JSON schema identifier.  Injected when the LLM-emitted spec\n// is missing one so ``VegaEmbed`` picks the Vega-Lite grammar instead\n// of falling back to base Vega.\nconst VEGA_LITE_SCHEMA = \"https://vega.github.io/schema/vega-lite/v5.json\";\n\n// Fallback height when the spec doesn't supply one.  Width is measured\n// from the container; height only needs a sensible default because\n// Vega-Lite's internal default (200) is often too short for line charts.\nconst DEFAULT_CHART_HEIGHT = 320;\n\n// Minimum width we'll bother rendering at — guards against the rare\n// layout flash where ResizeObserver reports 0 before the parent lays out.\nconst MIN_CHART_WIDTH = 120;\n\n// Minimal theme overrides so charts sit on dark and light backgrounds\n// without manual colour tuning in every generated spec.  Vega-Lite's\n// ``config`` is merged with the user's spec — the spec always wins on\n// an explicit collision.\nconst LIGHT_CONFIG = {\n  background: \"transparent\",\n  axis: {\n    labelColor: \"#444\",\n    titleColor: \"#111\",\n    gridColor: \"#e5e7eb\",\n    domainColor: \"#d1d5db\",\n    tickColor: \"#d1d5db\",\n  },\n  view: { stroke: \"transparent\" },\n  legend: { labelColor: \"#444\", titleColor: \"#111\" },\n};\n\nconst DARK_CONFIG = {\n  background: \"transparent\",\n  axis: {\n    labelColor: \"#cbd5e1\",\n    titleColor: \"#f1f5f9\",\n    gridColor: \"#374151\",\n    domainColor: \"#4b5563\",\n    tickColor: \"#4b5563\",\n  },\n  view: { stroke: \"transparent\" },\n  legend: { labelColor: \"#cbd5e1\", titleColor: \"#f1f5f9\" },\n};\n\nexport function ArtifactChart({ spec }: { spec: ChartArtifactSpec }) {\n  const { resolvedTheme } = useTheme();\n  const isDark = resolvedTheme === \"dark\";\n\n  // Measure the container so Vega gets an explicit numeric width.  The\n  // `width: \"container\"` mode depends on the parent having a layout\n  // width before vega-embed measures it; inside `flex`/`min-w-0`/\n  // `overflow-auto` chains it reports zero and the chart renders into\n  // a 0-wide box.  Passing a measured number sidesteps the problem.\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [width, setWidth] = useState<number | null>(null);\n\n  useEffect(() => {\n    const el = containerRef.current;\n    if (!el) return;\n    const observer = new ResizeObserver((entries) => {\n      const w = entries[0]?.contentRect.width ?? el.offsetWidth;\n      if (w >= MIN_CHART_WIDTH) setWidth(Math.floor(w));\n    });\n    observer.observe(el);\n    // Seed with the first measurement synchronously.\n    if (el.offsetWidth >= MIN_CHART_WIDTH) setWidth(el.offsetWidth);\n    return () => observer.disconnect();\n  }, []);\n\n  const [error, setError] = useState<string | null>(null);\n\n  const merged = useMemo<VisualizationSpec | null>(() => {\n    if (width == null) return null;\n    const base = (spec.vega_lite ?? {}) as Record<string, unknown>;\n    const themeConfig = isDark ? DARK_CONFIG : LIGHT_CONFIG;\n    return {\n      $schema: VEGA_LITE_SCHEMA,\n      width,\n      height: DEFAULT_CHART_HEIGHT,\n      ...base,\n      config: {\n        ...themeConfig,\n        ...((base.config as Record<string, unknown>) ?? {}),\n      },\n    } as VisualizationSpec;\n  }, [spec.vega_lite, isDark, width]);\n\n  // Clear any prior error when the spec changes.\n  useEffect(() => {\n    setError(null);\n  }, [spec.vega_lite]);\n\n  return (\n    <div className=\"flex flex-col gap-2\">\n      <div ref={containerRef} className=\"w-full\">\n        {merged && (\n          <VegaEmbed\n            spec={merged}\n            options={{ actions: false, renderer: \"svg\" }}\n            onError={(e) => setError(e instanceof Error ? e.message : String(e))}\n          />\n        )}\n      </div>\n      {error && (\n        <p className=\"text-xs text-destructive\">Chart error: {error}</p>\n      )}\n      {spec.caption && (\n        <p className=\"text-xs text-muted-foreground\">{spec.caption}</p>\n      )}\n    </div>\n  );\n}\n"]}