@braincrew-lab/langchain-canvas 0.2.0 → 0.4.9

package/dist/{TableRenderer-VKDD3CB6.js → TableRenderer-3ESF577F.js}

@@ -1,77 +1,36 @@
-import { loadOptional } from './chunk-YZZSJJMQ.js';
-import { useCanvasStore } from './chunk-S54GJDSJ.js';
+import { mergeRowsIntoSheet } from './chunk-IFNRLN4Y.js';
+import { computeFormulas } from './chunk-SGOPRUQ4.js';
+import './chunk-YZZSJJMQ.js';
+import { useCanvasStore } from './chunk-EHW446VF.js';
 import { lazy, useMemo, useState, useRef, useEffect, useCallback, Suspense } from 'react';
 import '@fortune-sheet/react/dist/index.css';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
-// src/io/formula.ts
-var EMPTY = /* @__PURE__ */ new Map();
-async function computeFormulas(columns, rows) {
-  const formulaCells = [];
-  rows.forEach(
-    (row, dataIdx) => columns.forEach((col, c) => {
-      const v = row[col.key];
-      if (typeof v === "string" && v.startsWith("=")) formulaCells.push({ dataIdx, col: c, formula: v });
-    })
-  );
-  if (formulaCells.length === 0) return EMPTY;
-  const mod = await loadOptional("fast-formula-parser", () => import('fast-formula-parser'));
-  const FormulaParser = mod.default ?? mod;
-  const memo = /* @__PURE__ */ new Map();
-  const inProgress = /* @__PURE__ */ new Set();
-  const rawAt = (row, col) => {
-    const colIdx = col - 1;
-    if (row === 1) return columns[colIdx]?.label ?? columns[colIdx]?.key ?? null;
-    const dataRow = rows[row - 2];
-    const column = columns[colIdx];
-    if (!dataRow || !column) return null;
-    const v = dataRow[column.key];
-    return v ?? null;
-  };
-  const valueAt = (row, col) => {
-    const raw = rawAt(row, col);
-    if (typeof raw !== "string" || !raw.startsWith("=")) return raw ?? 0;
-    const key = `${row},${col}`;
-    const cached = memo.get(key);
-    if (cached !== void 0) return cached;
-    if (inProgress.has(key)) return 0;
-    inProgress.add(key);
-    const value = evaluate(raw, row, col);
-    inProgress.delete(key);
-    memo.set(key, value);
-    return value;
-  };
-  const parser = new FormulaParser({
-    onCell: ({ row, col }) => valueAt(row, col),
-    onRange: (ref) => {
-      const maxRow = Math.min(ref.to.row, rows.length + 1);
-      const maxCol = Math.min(ref.to.col, columns.length);
-      const grid = [];
-      for (let r = ref.from.row; r <= maxRow; r++) {
-        const line = [];
-        for (let c = ref.from.col; c <= maxCol; c++) line.push(valueAt(r, c));
-        grid.push(line);
-      }
-      return grid;
-    }
-  });
-  const evaluate = (formula, row, col) => {
-    try {
-      const result = parser.parse(formula.slice(1), { row, col });
-      if (result != null && typeof result === "object") return "#ERR";
-      return result ?? 0;
-    } catch {
-      return "#ERR";
-    }
-  };
-  const out = /* @__PURE__ */ new Map();
-  for (const { dataIdx, col, formula } of formulaCells) {
-    out.set(`${dataIdx + 1},${col}`, evaluate(formula, dataIdx + 2, col + 1));
-  }
-  return out;
-}
 var Workbook = lazy(() => import('@fortune-sheet/react').then((m) => ({ default: m.Workbook })));
 var isFormula = (v) => typeof v === "string" && v.startsWith("=");
+function sheetHasContent(sheet) {
+  if (!sheet?.length) return false;
+  return sheet.some((s) => {
+    const celldata = s.celldata;
+    if (celldata?.some((cell) => cell?.v != null)) return true;
+    const data = s.data;
+    return !!data?.some((row) => row?.some((cell) => cell != null));
+  });
+}
+function normalizeSheets(sheet) {
+  if (!sheet?.length) return sheet;
+  return sheet.map((s) => {
+    const { luckysheet_select_save: _selection, data, ...rest } = s;
+    if (!data || rest.celldata) return rest;
+    const celldata = [];
+    data.forEach(
+      (row, r) => row?.forEach((cell, c) => {
+        if (cell != null) celldata.push({ r, c, v: cell });
+      })
+    );
+    return { ...rest, celldata };
+  });
+}
 function toWorkbook(columns, rows, formulas) {
   const celldata = [];
   columns.forEach((col, c) => {
@@ -177,7 +136,13 @@ function TableRenderer({ artifact }) {
     root.addEventListener("wheel", onWheel, { passive: false, capture: true });
     return () => root.removeEventListener("wheel", onWheel, { capture: true });
   }, [mounted]);
-  const dataKey = `${artifact.id}:v${artifact.version}:${columns.length}x${rows.length}`;
+  const rowsSig = useMemo(() => {
+    const json = JSON.stringify(rows);
+    let hash = 5381;
+    for (let i = 0; i < json.length; i++) hash = (hash << 5) + hash + json.charCodeAt(i) | 0;
+    return (hash >>> 0).toString(36);
+  }, [rows]);
+  const dataKey = `${artifact.id}:v${artifact.version}:${columns.length}x${rows.length}:${rowsSig}`;
   const hasFormulas = useMemo(
     () => rows.slice(0, 400).some((row) => columns.some((col) => isFormula(row[col.key]))),
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -202,7 +167,7 @@ function TableRenderer({ artifact }) {
       alive = false;
     };
   }, [dataKey, hasFormulas]);
-  const hasSheet = !!artifact.data.sheet?.length;
+  const hasSheet = sheetHasContent(artifact.data.sheet);
   const [sortCol, setSortCol] = useState("");
   const [sortDir, setSortDir] = useState(1);
   const [filter, setFilter] = useState("");
@@ -228,7 +193,11 @@ function TableRenderer({ artifact }) {
   const viewActive = !!appliedFilter.trim() || !!sortCol;
   const wbKey = `${dataKey}:${viewActive ? `view-s${sortCol}${sortDir}-f${appliedFilter}` : hasSheet ? "sheet" : "rows"}`;
   const initialData = useMemo(
-    () => viewActive ? toWorkbook(columns, viewRows, formulas) : hasSheet ? artifact.data.sheet : toWorkbook(columns, rows, formulas),
+    () => viewActive ? toWorkbook(columns, viewRows, formulas) : hasSheet ? (
+      // Rows the agent wrote after the person's last edit win their cells;
+      // the person's formatting and out-of-table cells survive.
+      mergeRowsIntoSheet(columns, rows, normalizeSheets(artifact.data.sheet), formulas)
+    ) : toWorkbook(columns, rows, formulas),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [wbKey, formulasReady]
   );
@@ -238,7 +207,12 @@ function TableRenderer({ artifact }) {
     (sheets) => {
       if (persistTimer.current) clearTimeout(persistTimer.current);
       persistTimer.current = setTimeout(() => {
-        applyEvent({ type: "canvas.patch", id: artifact.id, patch: { sheet: sheets } });
+        if (!sheetHasContent(sheets)) return;
+        applyEvent({
+          type: "canvas.patch",
+          id: artifact.id,
+          patch: { sheet: normalizeSheets(sheets) }
+        });
       }, 400);
     },
     [applyEvent, artifact.id]
@@ -252,137 +226,19 @@ function TableRenderer({ artifact }) {
     const range = sel?.[0]?.[type] ?? [0, 0];
     wbRef.current?.insertRowOrColumn(type, Math.max(0, range[1]), 1, "rightbottom");
   };
-  const [selection, setSelection] = useState(null);
-  const [boldOn, setBoldOn] = useState(false);
-  const [fillColor, setFillColor] = useState("#fef3c7");
-  const [textColor, setTextColor] = useState("#111827");
-  const handleSelectionChange = useCallback((_sheetId, sel) => {
-    setSelection({ row: [...sel.row], column: [...sel.column] });
-    const bl = wbRef.current?.getCellValue?.(sel.row[0], sel.column[0], { type: "bl" });
-    setBoldOn(bl === 1 || bl === "1");
-  }, []);
-  const workbookHooks = useMemo(() => ({ afterSelectionChange: handleSelectionChange }), [handleSelectionChange]);
-  const applyFormat = (attr, value) => {
-    const sel = wbRef.current?.getSelection?.();
-    if (!sel?.length) return;
-    const ranges = sel.map((s) => ({ row: [s.row[0], s.row[1]], column: [s.column[0], s.column[1]] }));
-    wbRef.current?.setCellFormatByRange(attr, value, ranges);
-  };
-  const toggleBold = () => {
-    applyFormat("bl", boldOn ? 0 : 1);
-    setBoldOn((b) => !b);
-  };
-  const cleanStyling = () => {
-    const wb = wbRef.current;
-    const sheet = wb?.getSheet?.();
-    const sheetId = sheet?.id;
-    if (!wb || !sheet || !sheetId) return;
-    const ops = [];
-    sheet.celldata.forEach(({ r, c, v }) => {
-      if (!v || typeof v !== "object") return;
-      const cell = v;
-      if (cell.bg != null) ops.push({ op: "remove", id: sheetId, path: ["data", r, c, "bg"] });
-      if (cell.fc != null) ops.push({ op: "remove", id: sheetId, path: ["data", r, c, "fc"] });
-      const spans = cell.ct?.s;
-      if (!Array.isArray(spans)) return;
-      spans.forEach((span, i) => {
-        if (!span || typeof span !== "object") return;
-        const run = span;
-        if (run.bg != null) ops.push({ op: "remove", id: sheetId, path: ["data", r, c, "ct", "s", i, "bg"] });
-        if (run.fc != null) ops.push({ op: "remove", id: sheetId, path: ["data", r, c, "ct", "s", i, "fc"] });
-      });
-    });
-    if (ops.length) wb.applyOp(ops);
-  };
-  const [frozen, setFrozen] = useState(false);
-  const toggleFreeze = () => {
-    const wb = wbRef.current;
-    if (!wb) return;
-    if (frozen) {
-      const sheetId = wb.getSheet?.()?.id;
-      if (sheetId) wb.applyOp([{ op: "remove", id: sheetId, path: ["frozen"] }]);
-    } else {
-      wb.freeze("row", { row: 0, column: 0 });
-    }
-    setFrozen((f) => !f);
-  };
-  useEffect(() => {
-    setFrozen(!viewActive && hasSheet && !!artifact.data.sheet?.[0]?.frozen);
-    setSelection(null);
-    setBoldOn(false);
-  }, [wbKey]);
   if (!mounted) {
     return /* @__PURE__ */ jsx("div", { className: "cv-sheet cv-sheet--empty", children: "Loading spreadsheet\u2026" });
   }
   if (!hasSheet && columns.length === 0) {
     return /* @__PURE__ */ jsx("div", { className: "cv-sheet cv-sheet--empty", children: "Waiting for data\u2026" });
   }
-  if (!hasSheet && !formulasReady) {
+  if (!formulasReady) {
     return /* @__PURE__ */ jsx("div", { className: "cv-sheet cv-sheet--empty", children: "Calculating\u2026" });
   }
   return /* @__PURE__ */ jsxs("div", { className: "cv-sheet-panel", children: [
     /* @__PURE__ */ jsxs("div", { className: "cv-sheet-tools", children: [
       /* @__PURE__ */ jsx("button", { type: "button", onClick: () => insert("column"), children: "\uFF0B Column" }),
       /* @__PURE__ */ jsx("button", { type: "button", onClick: () => insert("row"), children: "\uFF0B Row" }),
-      /* @__PURE__ */ jsx("span", { className: "cv-sheet-tools__sep" }),
-      /* @__PURE__ */ jsxs("span", { className: "cv-sheet-tools__fmt", children: [
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            className: `cv-sheet-tools__bold${boldOn ? " cv-sheet-tools__bold--on" : ""}`,
-            title: "Bold",
-            "aria-pressed": boldOn,
-            disabled: !selection,
-            onClick: toggleBold,
-            children: "B"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "color",
-            className: "cv-sheet-tools__color cv-sheet-tools__color--fill",
-            title: "Fill color",
-            disabled: !selection,
-            value: fillColor,
-            onChange: (e) => {
-              setFillColor(e.target.value);
-              applyFormat("bg", e.target.value);
-            }
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "color",
-            className: "cv-sheet-tools__color cv-sheet-tools__color--text",
-            title: "Text color",
-            disabled: !selection,
-            value: textColor,
-            onChange: (e) => {
-              setTextColor(e.target.value);
-              applyFormat("fc", e.target.value);
-            }
-          }
-        ),
-        /* @__PURE__ */ jsx("button", { type: "button", className: "cv-sheet-tools__align", title: "Align left", disabled: !selection, onClick: () => applyFormat("ht", 1), children: "\u21E4" }),
-        /* @__PURE__ */ jsx("button", { type: "button", className: "cv-sheet-tools__align", title: "Align center", disabled: !selection, onClick: () => applyFormat("ht", 0), children: "\u2194" }),
-        /* @__PURE__ */ jsx("button", { type: "button", className: "cv-sheet-tools__align", title: "Align right", disabled: !selection, onClick: () => applyFormat("ht", 2), children: "\u21E5" })
-      ] }),
-      /* @__PURE__ */ jsx("span", { className: "cv-sheet-tools__sep" }),
-      /* @__PURE__ */ jsx("button", { type: "button", className: "cv-sheet-tools__clean", title: "Remove all cell fills and font colors", onClick: cleanStyling, children: "Clean styling" }),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          className: `cv-sheet-tools__freeze${frozen ? " cv-sheet-tools__freeze--on" : ""}`,
-          title: frozen ? "Unfreeze the header row" : "Keep the header row visible while scrolling",
-          "aria-pressed": frozen,
-          onClick: toggleFreeze,
-          children: "Freeze header"
-        }
-      ),
       columns.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx("span", { className: "cv-sheet-tools__sep" }),
         /* @__PURE__ */ jsxs(
@@ -412,8 +268,8 @@ function TableRenderer({ artifact }) {
       ] }),
       /* @__PURE__ */ jsx("span", { className: "cv-sheet-tools__hint", children: "Right-click a header for more, or drag to edit" })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "cv-sheet", ref: rootRef, children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx("div", { className: "cv-sheet--empty", children: "Loading\u2026" }), children: /* @__PURE__ */ jsx(Workbook, { ref: wbRef, data: initialData, onChange: handleChange, hooks: workbookHooks }, wbKey) }) })
+    /* @__PURE__ */ jsx("div", { className: "cv-sheet", ref: rootRef, children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx("div", { className: "cv-sheet--empty", children: "Loading\u2026" }), children: /* @__PURE__ */ jsx(Workbook, { ref: wbRef, data: initialData, onChange: handleChange }, wbKey) }) })
   ] });
 }
 
-export { TableRenderer };
+export { TableRenderer, normalizeSheets, sheetHasContent };

package/dist/chunk-7T5DRR3F.js

@@ -0,0 +1,109 @@
+// src/io/canvasAssets.ts
+var ASSET_REFERENCE_PREFIXES = ["assets/", "sources/"];
+function normalizeAssetReference(src) {
+  if (typeof src !== "string") return null;
+  let folded = src;
+  while (folded.startsWith("./") || folded.startsWith("../")) {
+    folded = folded.startsWith("./") ? folded.slice(2) : folded.slice(3);
+  }
+  return ASSET_REFERENCE_PREFIXES.some((p) => folded.startsWith(p)) ? folded : null;
+}
+function isAssetReference(src) {
+  return normalizeAssetReference(src) !== null;
+}
+function resolveAssetUrl(src, assetBaseUrl) {
+  return assetBaseUrl + encodeURIComponent(normalizeAssetReference(src) ?? src);
+}
+var REF_ALTERNATION = ASSET_REFERENCE_PREFIXES.map((p) => p.slice(0, -1)).join("|");
+var srcAttrPattern = () => new RegExp(`(src=(["']))((?:\\.\\.?/)*(?:${REF_ALTERNATION})/[^"']+)(\\2)`, "g");
+var escapeRegExp = (s) => s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+async function fetchAssetDataUri(path, assetBaseUrl) {
+  try {
+    const res = await fetch(resolveAssetUrl(path, assetBaseUrl));
+    if (!res.ok) return null;
+    const type = res.headers.get("content-type")?.split(";")[0] || "application/octet-stream";
+    const bytes = new Uint8Array(await res.arrayBuffer());
+    let binary = "";
+    for (let i = 0; i < bytes.length; i += 32768) {
+      binary += String.fromCharCode(...bytes.subarray(i, i + 32768));
+    }
+    return `data:${type};base64,${btoa(binary)}`;
+  } catch {
+    return null;
+  }
+}
+async function inlineHtmlAssets(html, assetBaseUrl) {
+  const relative = srcAttrPattern();
+  const absolute = new RegExp(
+    `(src=(["']))${escapeRegExp(assetBaseUrl)}([^"']+)(\\2)`,
+    "g"
+  );
+  const paths = /* @__PURE__ */ new Set();
+  for (const m of html.matchAll(relative)) paths.add(m[3]);
+  for (const m of html.matchAll(absolute)) {
+    const decoded = safeDecode(m[3]);
+    if (isAssetReference(decoded)) paths.add(decoded);
+  }
+  if (!paths.size) return html;
+  const resolved = /* @__PURE__ */ new Map();
+  await Promise.all(
+    [...paths].map(async (p) => {
+      const uri = await fetchAssetDataUri(p, assetBaseUrl);
+      if (uri) resolved.set(p, uri);
+    })
+  );
+  return html.replace(relative, (whole, pre, _q, path, post) => {
+    const uri = resolved.get(path);
+    return uri ? `${pre}${uri}${post}` : whole;
+  }).replace(absolute, (whole, pre, _q, encoded, post) => {
+    const uri = resolved.get(safeDecode(encoded));
+    return uri ? `${pre}${uri}${post}` : whole;
+  });
+}
+function safeDecode(value) {
+  try {
+    return decodeURIComponent(value);
+  } catch {
+    return value;
+  }
+}
+async function inlineArtifactAssets(artifact, assetBaseUrl) {
+  if (!assetBaseUrl) return artifact;
+  if (artifact.type === "html") {
+    const data = artifact.data;
+    const html = await inlineHtmlAssets(data.html, assetBaseUrl);
+    return html === data.html ? artifact : { ...artifact, data: { ...data, html } };
+  }
+  if (artifact.type === "slides") {
+    const data = artifact.data;
+    let changed = false;
+    const slides = await Promise.all(
+      (data.slides ?? []).map(async (slide) => {
+        let next = slide;
+        if (isAssetReference(slide.image)) {
+          const uri = await fetchAssetDataUri(slide.image, assetBaseUrl);
+          if (uri) {
+            next = { ...next, image: uri };
+            changed = true;
+          }
+        }
+        if (next.elements?.some((el) => isAssetReference(el.src))) {
+          const elements = await Promise.all(
+            next.elements.map(async (el) => {
+              if (!isAssetReference(el.src)) return el;
+              const uri = await fetchAssetDataUri(el.src, assetBaseUrl);
+              return uri ? { ...el, src: uri } : el;
+            })
+          );
+          next = { ...next, elements };
+          changed = true;
+        }
+        return next;
+      })
+    );
+    return changed ? { ...artifact, data: { ...data, slides } } : artifact;
+  }
+  return artifact;
+}
+
+export { ASSET_REFERENCE_PREFIXES, fetchAssetDataUri, inlineArtifactAssets, inlineHtmlAssets, isAssetReference, normalizeAssetReference, resolveAssetUrl };

package/dist/{chunk-S54GJDSJ.js → chunk-EHW446VF.js}

@@ -23,13 +23,13 @@ function reduceCanvas(state, event) {
       const current = state.artifacts[event.id];
       if (!current) return state;
       const data = appendAtPath(current.data, event.path, event.text);
-      return replaceInPlace(state, { ...current, data });
+      return updateLive(state, { ...current, data });
     }
     case "canvas.patch": {
       const current = state.artifacts[event.id];
       if (!current) return state;
       const data = mergePatch(current.data, event.patch);
-      return replaceInPlace(state, { ...current, data });
+      return updateLive(state, { ...current, data });
     }
     case "canvas.node_patch": {
       const current = state.artifacts[event.id];
@@ -37,7 +37,7 @@ function reduceCanvas(state, event) {
       if (!current || typeof html !== "string") return state;
       const next = applyNodePatch(html, event.cid, event.html);
       const data = { ...current.data, html: next };
-      return replaceInPlace(state, { ...current, data });
+      return updateLive(state, { ...current, data });
     }
     case "canvas.replace":
       return pushVersion(state, event.artifact);
@@ -46,8 +46,26 @@ function reduceCanvas(state, event) {
       if (!current) return state;
       return replaceInPlace(state, { ...current, status: event.status });
     }
-    case "canvas.close":
-      return state.activeId === event.id ? { ...state, activeId: lastOf(state.order, event.id) } : state;
+    case "canvas.commit": {
+      const current = state.artifacts[event.id];
+      if (!current) return state;
+      const versions = state.history[event.id] ?? [];
+      const committed = {
+        ...current,
+        meta: {
+          ...current.meta ?? {},
+          commitDescription: event.description,
+          ...event.revision ? { revision: event.revision } : {}
+        }
+      };
+      return {
+        ...state,
+        artifacts: { ...state.artifacts, [event.id]: committed },
+        history: { ...state.history, [event.id]: [...versions.slice(0, -1), committed] }
+      };
+    }
+    default:
+      return state;
   }
 }
 function create(state, artifact) {
@@ -59,6 +77,20 @@ function create(state, artifact) {
     activeId: artifact.id
   };
 }
+function updateLive(state, artifact) {
+  const versions = state.history[artifact.id] ?? [];
+  const last = versions[versions.length - 1];
+  if (!last || typeof last.meta?.commitDescription !== "string") {
+    return replaceInPlace(state, artifact);
+  }
+  const { commitDescription: _stale, ...meta } = artifact.meta ?? {};
+  const working = { ...artifact, version: last.version + 1, meta };
+  return {
+    ...state,
+    artifacts: { ...state.artifacts, [artifact.id]: working },
+    history: { ...state.history, [artifact.id]: [...versions, working] }
+  };
+}
 function replaceInPlace(state, artifact) {
   const versions = state.history[artifact.id] ?? [];
   const history = versions.length ? { ...state.history, [artifact.id]: [...versions.slice(0, -1), artifact] } : { ...state.history, [artifact.id]: [artifact] };
@@ -125,18 +157,6 @@ function mergePatch(target, patch) {
 function isPlainObject(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
-function lastOf(order, excludeId) {
-  const remaining = order.filter((id) => id !== excludeId);
-  return remaining.length ? remaining[remaining.length - 1] : null;
-}
-function notifyTimeTravel(store, before) {
-  const handler = store.onUserEdit;
-  if (!handler || store.canvas === before) return;
-  for (const id of Object.keys(store.canvas.artifacts)) {
-    const now = store.canvas.artifacts[id];
-    if (now && now !== before.artifacts[id]) handler(now);
-  }
-}
 function editedArtifactId(event) {
   switch (event.type) {
     case "canvas.create":
@@ -159,7 +179,8 @@ var initialState = () => ({
   iframeCommand: null,
   undoStack: [],
   redoStack: [],
-  onUserEdit: null
+  onUserEdit: null,
+  assetBaseUrl: null
 });
 function createCanvasStore() {
   return createStore((set, get) => ({
@@ -176,34 +197,26 @@ function createCanvasStore() {
       const artifact = id ? state.canvas.artifacts[id] : void 0;
       if (artifact) state.onUserEdit?.(artifact);
     },
-    undo: () => {
-      const before = get().canvas;
-      set((state) => {
-        if (!state.undoStack.length) return state;
-        const previous = state.undoStack[state.undoStack.length - 1];
-        return {
-          canvas: previous,
-          undoStack: state.undoStack.slice(0, -1),
-          redoStack: [...state.redoStack, state.canvas].slice(-50),
-          selections: []
-        };
-      });
-      notifyTimeTravel(get(), before);
-    },
-    redo: () => {
-      const before = get().canvas;
-      set((state) => {
-        if (!state.redoStack.length) return state;
-        const next = state.redoStack[state.redoStack.length - 1];
-        return {
-          canvas: next,
-          redoStack: state.redoStack.slice(0, -1),
-          undoStack: [...state.undoStack, state.canvas].slice(-50),
-          selections: []
-        };
-      });
-      notifyTimeTravel(get(), before);
-    },
+    undo: () => set((state) => {
+      if (!state.undoStack.length) return state;
+      const previous = state.undoStack[state.undoStack.length - 1];
+      return {
+        canvas: previous,
+        undoStack: state.undoStack.slice(0, -1),
+        redoStack: [...state.redoStack, state.canvas].slice(-50),
+        selections: []
+      };
+    }),
+    redo: () => set((state) => {
+      if (!state.redoStack.length) return state;
+      const next = state.redoStack[state.redoStack.length - 1];
+      return {
+        canvas: next,
+        redoStack: state.redoStack.slice(0, -1),
+        undoStack: [...state.undoStack, state.canvas].slice(-50),
+        selections: []
+      };
+    }),
     addUserMessage: (text) => set((state) => ({
       messages: [...state.messages, { id: `user_${state.messages.length}`, role: "user", text }],
       error: null
@@ -213,7 +226,9 @@ function createCanvasStore() {
     setSelections: (selections) => set({ selections }),
     sendIframeCommand: (command) => set((state) => ({ iframeCommand: { ...command, seq: (state.iframeCommand?.seq ?? 0) + 1 } })),
     setOnUserEdit: (handler) => set({ onUserEdit: handler }),
-    reset: () => set(initialState())
+    setAssetBaseUrl: (url) => set({ assetBaseUrl: url }),
+    // Host configuration (the asset endpoint) survives a session reset.
+    reset: () => set({ ...initialState(), assetBaseUrl: get().assetBaseUrl })
   }));
 }
 function foldEvent(state, event) {

package/dist/chunk-FTNRRJ3K.js

@@ -0,0 +1,13 @@
+import { isAssetReference, resolveAssetUrl } from './chunk-7T5DRR3F.js';
+import { useCanvasStore } from './chunk-EHW446VF.js';
+import { useCallback } from 'react';
+
+function useAssetUrl() {
+  const assetBaseUrl = useCanvasStore((s) => s.assetBaseUrl);
+  return useCallback(
+    (src) => src && assetBaseUrl && isAssetReference(src) ? resolveAssetUrl(src, assetBaseUrl) : src,
+    [assetBaseUrl]
+  );
+}
+
+export { useAssetUrl };