@braincrew-lab/langchain-canvas 0.7.4 → 0.7.6

package/dist/{DocumentRenderer-ER5TSNA6.js → DocumentRenderer-ZGJXDVKG.js}

@@ -1,5 +1,5 @@
-import { useAssetUrl } from './chunk-HCF2DXCR.js';
-import './chunk-7T5DRR3F.js';
+import { useAssetUrl } from './chunk-HCOQ6XCQ.js';
+import './chunk-HMYM6BTB.js';
 import { useArtifactPatch } from './chunk-N5JW2BKI.js';
 import './chunk-RAPTQ6VH.js';
 import { useState, useRef } from 'react';

package/dist/{DocxPreview-QK4K5427.js → DocxPreview-NGT3Z5KW.js}

@@ -141,6 +141,107 @@ function docxStats(root) {
     substitutedFonts: substitutedFonts(root)
   };
 }
+
+// src/io/symbolBullets.ts
+var SYMBOL_FONT_BULLETS = {
+  symbol: {
+    61623: "\u2022"
+    // • bullet — Word's default list bullet
+  },
+  wingdings: {
+    61548: "\u25CF",
+    // ● black circle
+    61549: "\u274D",
+    // ❍ shadowed white circle
+    61550: "\u25A0",
+    // ■ black square
+    61551: "\u25A1",
+    // □ white square
+    61553: "\u2751",
+    // ❑ lower-right shadowed white square
+    61557: "\u25C6",
+    // ◆ black diamond
+    61607: "\u25AA",
+    // ▪ black small square
+    61656: "\u27A2",
+    // ➢ three-d top-lighted right arrowhead
+    61692: "\u2714",
+    // ✔ heavy check mark
+    61694: "\u2611"
+    // ☑ ballot box with check
+  }
+};
+function isPrivateUse(codePoint) {
+  return codePoint >= 57344 && codePoint <= 63743;
+}
+function primaryFont(fontFamily) {
+  const first = fontFamily.split(",")[0] ?? "";
+  return first.trim().replace(/^['"]|['"]$/g, "").toLowerCase();
+}
+function standardBullet(codePoint, fontFamily) {
+  const table = SYMBOL_FONT_BULLETS[primaryFont(fontFamily)];
+  return table?.[codePoint] ?? null;
+}
+function drawnOnPage(root, selectorText) {
+  return selectorText.split(",").some((part) => {
+    const base = part.trim().replace(/::?(before|after)\s*$/i, "").trim();
+    if (!base) return false;
+    try {
+      return root.querySelector(base) !== null;
+    } catch {
+      return false;
+    }
+  });
+}
+function styleRules(sheet) {
+  const found = [];
+  const stack = [...sheet.cssRules];
+  while (stack.length) {
+    const rule = stack.pop();
+    if (rule.cssRules?.length) {
+      stack.push(...rule.cssRules);
+      continue;
+    }
+    if (rule.style && rule.selectorText) found.push(rule);
+  }
+  return found;
+}
+function restoreSymbolBullets(root) {
+  const swaps = [];
+  for (const style of Array.from(root.querySelectorAll("style"))) {
+    let rules;
+    try {
+      rules = style.sheet ? styleRules(style.sheet) : [];
+    } catch {
+      continue;
+    }
+    for (const rule of rules) {
+      const content = rule.style.getPropertyValue("content");
+      if (!content) continue;
+      const font = rule.style.getPropertyValue("font-family");
+      if (!font) continue;
+      if (!drawnOnPage(root, rule.selectorText)) continue;
+      let next = "";
+      let changed = false;
+      for (const character of content) {
+        const code = character.codePointAt(0) ?? 0;
+        const standard = isPrivateUse(code) ? standardBullet(code, font) : null;
+        if (standard === null) {
+          next += character;
+          continue;
+        }
+        next += standard;
+        changed = true;
+        swaps.push({ from: character, to: standard, font: primaryFont(font) });
+      }
+      if (changed) rule.style.setProperty("content", next);
+    }
+  }
+  return swaps;
+}
+function redrawnFonts(swaps) {
+  return [...new Set(swaps.map((swap) => swap.font))];
+}
 var BANNER = "Preview only \u2014 to change it, ask in chat or select some text.";
 function DocxPreview({
   artifactId,
@@ -151,6 +252,7 @@ function DocxPreview({
   const hostRef = useRef(null);
   const [status, setStatus] = useState("loading");
   const [stats, setStats] = useState(null);
+  const [redrawn, setRedrawn] = useState([]);
   const [picked, setPicked] = useState(null);
   const setSelections = useCanvasStore((s) => s.setSelections);
   useEffect(() => {
@@ -160,6 +262,7 @@ function DocxPreview({
     if (!host) return;
     setStatus("loading");
     setStats(null);
+    setRedrawn([]);
     setPicked(null);
     (async () => {
       const { renderAsync } = await loadOptional(
@@ -181,6 +284,7 @@ function DocxPreview({
       });
       if (!live) return;
       stampDocxAddresses(host);
+      setRedrawn(redrawnFonts(restoreSymbolBullets(host)));
       setStats(docxStats(host));
       setStatus("ready");
       let fittedFor = host.clientWidth;
@@ -262,7 +366,18 @@ function DocxPreview({
           stats.substitutedFonts.length > 0 && /* @__PURE__ */ jsxs("span", { className: "cv-docx__fonts", children: [
             "substituted: ",
             stats.substitutedFonts.join(", ")
-          ] })
+          ] }),
+          redrawn.length > 0 && /* @__PURE__ */ jsxs(
+            "span",
+            {
+              className: "cv-docx__redrawn",
+              title: "This document writes its list bullets as characters in a symbol font's own private area, which no other font can draw. They are shown here as the standard characters that mean the same mark; the stored file is unchanged.",
+              children: [
+                "bullets redrawn: ",
+                redrawn.join(", ")
+              ]
+            }
+          )
         ]
       }
     )

package/dist/{FileRenderer-W2CR7BI2.js → FileRenderer-TZSZVVLY.js}

@@ -1,4 +1,4 @@
-import { isAssetReference, resolveAssetUrl } from './chunk-7T5DRR3F.js';
+import { resolveCanvasFileUrl } from './chunk-HMYM6BTB.js';
 import { useCanvasStore } from './chunk-RAPTQ6VH.js';
 import { lazy, Suspense } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -10,7 +10,7 @@ function formatSize(size) {
   return `${(size / (1024 * 1024)).toFixed(1)} MB`;
 }
 var DocxPreview = lazy(
-  () => import('./DocxPreview-QK4K5427.js').then((m) => ({ default: m.DocxPreview }))
+  () => import('./DocxPreview-NGT3Z5KW.js').then((m) => ({ default: m.DocxPreview }))
 );
 function iconFor(mediaType, name) {
   if (mediaType?.startsWith("image/")) return "\u{1F5BC}\uFE0F";
@@ -24,7 +24,7 @@ function iconFor(mediaType, name) {
 function FileRenderer({ artifact }) {
   const { path, name, mediaType, size, cover, excerpt, detail } = artifact.data;
   const assetBaseUrl = useCanvasStore((s) => s.assetBaseUrl);
-  const href = assetBaseUrl && isAssetReference(path) ? resolveAssetUrl(path, assetBaseUrl) : null;
+  const href = assetBaseUrl && path ? resolveCanvasFileUrl(path, assetBaseUrl) : null;
   const isImage = Boolean(mediaType?.startsWith("image/"));
   const isWord = `${path} ${name}`.toLowerCase().includes(".docx");
   const facts = [mediaType, formatSize(size), detail].filter(Boolean).join(" \xB7 ");

package/dist/{SlidesRenderer-AHE5ANBZ.js → SlidesRenderer-4QWZVWWD.js}

@@ -1,6 +1,6 @@
 import { deckPage, pageAspect, DEFAULT_SLIDE_PAGE_IN, resolveElements, fontScaleFor } from './chunk-MZ5WQWTS.js';
-import { useAssetUrl } from './chunk-HCF2DXCR.js';
-import './chunk-7T5DRR3F.js';
+import { useAssetUrl } from './chunk-HCOQ6XCQ.js';
+import './chunk-HMYM6BTB.js';
 import { useArtifactPatch } from './chunk-N5JW2BKI.js';
 import './chunk-RAPTQ6VH.js';
 import { useState, useRef, useEffect } from 'react';

package/dist/chunk-ASMMPDYS.js

@@ -0,0 +1,30 @@
+// src/protocol/selection.ts
+var DOCUMENT_FILE_SUFFIXES = [".docx"];
+function isDocumentSelection(selection) {
+  const id = selection.artifactId.toLowerCase();
+  return DOCUMENT_FILE_SUFFIXES.some((suffix) => id.endsWith(suffix));
+}
+function withSelections(message, selections) {
+  if (selections.length === 0) return message;
+  const artifactId = selections[0].artifactId;
+  if (selections.every(isDocumentSelection)) {
+    const listed2 = selections.map((s) => `- [${s.cid}]${s.text ? `: \u201C${s.text}\u201D` : ""}`).join("\n");
+    return `${message}
+
+[Targeted edit] The user pointed at this place in \`${artifactId}\`:
+${listed2}
+First call read_canvas on the file for its current revision and the same addresses, then change that place with edit_canvas (or insert_document_paragraph / remove_document_paragraph / replace_document_image). Those take a text anchor, not the address \u2014 copy it from the read_canvas output, because the numbers move as soon as a paragraph is added or removed.`;
+  }
+  const listed = selections.map((s) => {
+    const shown = s.text ? ` \u2014 \u201C${s.text}\u201D` : "";
+    return s.outerHtml ? `- \`${s.selector}\`${shown}
+  ${s.outerHtml}` : `- \`${s.selector}\`${shown}`;
+  }).join("\n");
+  return `${message}
+
+[Targeted edit] Apply the change to these selected element(s) in file \`${artifactId}\`:
+${listed}
+First call read_canvas on the file for its current content and revision, then call edit_canvas with that element's exact markup from the file as \`old\` and your replacement as \`new\`. The markup listed above is the file's own; the screen adds attributes of its own for pointing, which are never stored, so do not look for them and do not add them.`;
+}
+
+export { DOCUMENT_FILE_SUFFIXES, isDocumentSelection, withSelections };

package/dist/{chunk-HCF2DXCR.js → chunk-HCOQ6XCQ.js}

@@ -1,4 +1,4 @@
-import { isAssetReference, resolveAssetUrl } from './chunk-7T5DRR3F.js';
+import { isAssetReference, resolveAssetUrl } from './chunk-HMYM6BTB.js';
 import { useCanvasStore } from './chunk-RAPTQ6VH.js';
 import { useCallback } from 'react';
 

package/dist/{chunk-7T5DRR3F.js → chunk-HMYM6BTB.js}

@@ -14,6 +14,9 @@ function isAssetReference(src) {
 function resolveAssetUrl(src, assetBaseUrl) {
   return assetBaseUrl + encodeURIComponent(normalizeAssetReference(src) ?? src);
 }
+function resolveCanvasFileUrl(path, assetBaseUrl) {
+  return assetBaseUrl + encodeURIComponent(path);
+}
 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, "\\$&");
@@ -106,4 +109,4 @@ async function inlineArtifactAssets(artifact, assetBaseUrl) {
   return artifact;
 }
 
-export { ASSET_REFERENCE_PREFIXES, fetchAssetDataUri, inlineArtifactAssets, inlineHtmlAssets, isAssetReference, normalizeAssetReference, resolveAssetUrl };
+export { ASSET_REFERENCE_PREFIXES, fetchAssetDataUri, inlineArtifactAssets, inlineHtmlAssets, isAssetReference, normalizeAssetReference, resolveAssetUrl, resolveCanvasFileUrl };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { A as Artifact, a as CanvasEvent, E as ElementSelection, S as StreamEvent, C as CanvasTransport, F as FileData, b as SlidesData, T as TableData, D as DocumentData, c as ChartData, H as HtmlData } from './types-CzJ4zeUR.js';
-export { d as ArtifactStatus, e as CanvasAppend, f as CanvasCommit, g as CanvasCreate, h as CanvasNodePatch, i as CanvasPatch, j as CanvasReplace, k as CanvasStatus, l as ChartArtifact, m as ChartOptions, n as ChartSeries, o as ChatEvent, p as DocumentArtifact, q as DoneEvent, r as ErrorEvent, s as FileArtifact, t as HtmlArtifact, K as KnownArtifact, M as MessageDelta, u as MessageEnd, v as Slide, w as SlideElement, x as SlidePage, y as SlidesArtifact, z as TableArtifact, B as TableColumn, G as ToolEnd, I as ToolStart, J as TransportRequest, L as isCanvasEvent, N as isChatEvent } from './types-CzJ4zeUR.js';
+import { A as Artifact, a as CanvasEvent, E as ElementSelection, S as StreamEvent, C as CanvasTransport, F as FileData, b as SlidesData, T as TableData, D as DocumentData, c as ChartData, H as HtmlData } from './types-CKgpjs_G.js';
+export { d as ArtifactStatus, e as CanvasAppend, f as CanvasCommit, g as CanvasCreate, h as CanvasNodePatch, i as CanvasPatch, j as CanvasReplace, k as CanvasStatus, l as ChartArtifact, m as ChartOptions, n as ChartSeries, o as ChatEvent, p as DOCUMENT_FILE_SUFFIXES, q as DocumentArtifact, r as DoneEvent, s as ErrorEvent, t as FileArtifact, u as HtmlArtifact, K as KnownArtifact, M as MessageDelta, v as MessageEnd, x as Slide, y as SlideElement, z as SlidePage, B as SlidesArtifact, G as TableArtifact, I as TableColumn, J as ToolEnd, L as ToolStart, N as TransportRequest, O as isCanvasEvent, P as isChatEvent, Q as isDocumentSelection, w as withSelections } from './types-CKgpjs_G.js';
 import * as react from 'react';
 import { ReactNode, ComponentType } from 'react';
 import { StoreApi } from 'zustand/vanilla';
@@ -600,6 +600,19 @@ declare function isAssetReference(src: string | undefined | null): src is string
  * `http://host/api/canvas/<id>/file?path=`.
  */
 declare function resolveAssetUrl(src: string, assetBaseUrl: string): string;
+/**
+ * Absolute URL for a stored canvas file, wherever on the canvas it sits.
+ *
+ * Not the same question as `isAssetReference`. That one reads a string found
+ * *inside* content and asks whether it points at a canvas file — a guess that
+ * has to be conservative, because most strings in a document are not paths. A
+ * `file` artifact's `path` needs no guessing: it came from the store, so it is
+ * a canvas file by definition, at the root or under any folder. Asking the
+ * reference gate instead would leave every file outside `assets/` / `sources/`
+ * with no URL — no preview, no download — and widening that gate to fix it
+ * would make body-text scanning claim paths it should leave alone.
+ */
+declare function resolveCanvasFileUrl(path: string, assetBaseUrl: string): string;
 /** Fetch one canvas asset and encode it as a `data:` URI (null on any failure). */
 declare function fetchAssetDataUri(path: string, assetBaseUrl: string): Promise<string | null>;
 /**
@@ -632,4 +645,4 @@ declare function inlineArtifactAssets<T extends Artifact>(artifact: T, assetBase
  */
 declare function useAssetUrl(): (src: string | undefined) => string | undefined;
 
-export { ASSET_REFERENCE_PREFIXES, Artifact, ArtifactCard, type ArtifactRegistry, type ArtifactRenderer, Canvas, CanvasEvent, type CanvasProps, CanvasProvider, type CanvasProviderProps, CanvasRegistryProvider, type CanvasSaveHandler, type CanvasSavePayload, type CanvasState, type CanvasStore, CanvasTransport, ChartData, ChartRenderer, type ChatMessage, type ChatRequest, DocumentData, DocumentRenderer, ElementSelection, ExportMenu, FileData, type FileExport, FileRenderer, HtmlData, HtmlRenderer, IMPORTABLE_EXTENSIONS, INSPECTOR_MARK, type IframeCommand, type MockScript, type MockStreamOptions, type RendererProps, STYLE_PROPS, type Scenario, SelectionBar, SlidesData, SlidesRenderer, type SseTransportOptions, StreamEvent, type StreamOptions, StylePanel, TableData, TableRenderer, type UseCanvasStreamOptions, type UserEditHandler, builtinRenderers, canImport, createCanvasStore, dataExporters, downloadBlob, emptyCanvasState, fetchAssetDataUri, importFile, inlineArtifactAssets, inlineHtmlAssets, isAssetReference, mergePatch, mergeRegistries, mockStream, mockTransport, normalizeAssetReference, parseCsv, parseSSE, printToPdf, reduceCanvas, resolveAssetUrl, scenarios, slidesToPrintHtml, slugify, sseTransport, streamChat, toStandaloneHtml, useArtifactPatch, useAssetUrl, useCanvasImport, useCanvasReplay, useCanvasSave, useCanvasStore, useCanvasStoreApi, useCanvasStream, useRenderer, withInspector };
+export { ASSET_REFERENCE_PREFIXES, Artifact, ArtifactCard, type ArtifactRegistry, type ArtifactRenderer, Canvas, CanvasEvent, type CanvasProps, CanvasProvider, type CanvasProviderProps, CanvasRegistryProvider, type CanvasSaveHandler, type CanvasSavePayload, type CanvasState, type CanvasStore, CanvasTransport, ChartData, ChartRenderer, type ChatMessage, type ChatRequest, DocumentData, DocumentRenderer, ElementSelection, ExportMenu, FileData, type FileExport, FileRenderer, HtmlData, HtmlRenderer, IMPORTABLE_EXTENSIONS, INSPECTOR_MARK, type IframeCommand, type MockScript, type MockStreamOptions, type RendererProps, STYLE_PROPS, type Scenario, SelectionBar, SlidesData, SlidesRenderer, type SseTransportOptions, StreamEvent, type StreamOptions, StylePanel, TableData, TableRenderer, type UseCanvasStreamOptions, type UserEditHandler, builtinRenderers, canImport, createCanvasStore, dataExporters, downloadBlob, emptyCanvasState, fetchAssetDataUri, importFile, inlineArtifactAssets, inlineHtmlAssets, isAssetReference, mergePatch, mergeRegistries, mockStream, mockTransport, normalizeAssetReference, parseCsv, parseSSE, printToPdf, reduceCanvas, resolveAssetUrl, resolveCanvasFileUrl, scenarios, slidesToPrintHtml, slugify, sseTransport, streamChat, toStandaloneHtml, useArtifactPatch, useAssetUrl, useCanvasImport, useCanvasReplay, useCanvasSave, useCanvasStore, useCanvasStoreApi, useCanvasStream, useRenderer, withInspector };

package/dist/index.js

@@ -1,10 +1,11 @@
 "use client";
+export { DOCUMENT_FILE_SUFFIXES, isDocumentSelection, withSelections } from './chunk-ASMMPDYS.js';
 import { projectSheetIntoRows, mergeRowsIntoSheet } from './chunk-IFNRLN4Y.js';
 import { loadOptional } from './chunk-YZZSJJMQ.js';
 import { deckPage, resolveElements } from './chunk-MZ5WQWTS.js';
-export { useAssetUrl } from './chunk-HCF2DXCR.js';
-import { inlineArtifactAssets, inlineHtmlAssets } from './chunk-7T5DRR3F.js';
-export { ASSET_REFERENCE_PREFIXES, fetchAssetDataUri, inlineArtifactAssets, inlineHtmlAssets, isAssetReference, normalizeAssetReference, resolveAssetUrl } from './chunk-7T5DRR3F.js';
+export { useAssetUrl } from './chunk-HCOQ6XCQ.js';
+import { inlineArtifactAssets, inlineHtmlAssets } from './chunk-HMYM6BTB.js';
+export { ASSET_REFERENCE_PREFIXES, fetchAssetDataUri, inlineArtifactAssets, inlineHtmlAssets, isAssetReference, normalizeAssetReference, resolveAssetUrl, resolveCanvasFileUrl } from './chunk-HMYM6BTB.js';
 export { useArtifactPatch } from './chunk-N5JW2BKI.js';
 import { useCanvasStoreApi, useCanvasStore } from './chunk-RAPTQ6VH.js';
 export { CanvasProvider, createCanvasStore, emptyCanvasState, isCanvasEvent, isChatEvent, mergePatch, reduceCanvas, useCanvasStore, useCanvasStoreApi } from './chunk-RAPTQ6VH.js';
@@ -164,15 +165,19 @@ var INSPECTOR_SCRIPT = `
       }
     }
   }
-  function emitEdit(el) {
-    // Serialize the *canonical* HTML \u2014 strip the inspector's own injected
-    // attributes/classes so they never persist into the stored source or exports.
-    var cid = el.getAttribute("data-cid");
+  // The element's markup as the *stored file* has it: the inspector's own
+  // attributes and classes exist only on screen, so anything that leaves this
+  // frame \u2014 a saved edit, or the markup an agent is asked to match \u2014 has to be
+  // scrubbed first, or it names something the file does not contain.
+  function canonicalHtml(el) {
     var clone = el.cloneNode(true);
     scrub(clone);
     var inner = clone.querySelectorAll ? clone.querySelectorAll("[data-cid],[contenteditable],[data-lcx-src],.lcx-hover,.lcx-selected") : [];
     for (var i = 0; i < inner.length; i++) scrub(inner[i]);
-    parent.postMessage({ source: MARK, type: "node_edit", cid: cid, html: clone.outerHTML }, "*");
+    return clone.outerHTML;
+  }
+  function emitEdit(el) {
+    parent.postMessage({ source: MARK, type: "node_edit", cid: el.getAttribute("data-cid"), html: canonicalHtml(el) }, "*");
   }
   // A structural change (insert/delete/move) shifts every cid, so we save the
   // whole document: clone <html>, drop the injected inspector nodes, scrub the
@@ -427,7 +432,7 @@ var INSPECTOR_SCRIPT = `
         selector: selectorFor(t),
         tag: t.tagName.toLowerCase(),
         text: (t.textContent || "").trim().slice(0, 80),
-        outerHtml: t.outerHTML.slice(0, 4000),
+        outerHtml: canonicalHtml(t).slice(0, 4000),
         styles: stylesOf(t),
         isGroup: !!gid
       }, "*");
@@ -788,7 +793,7 @@ function useCanvasStream(options = {}) {
   const error = useCanvasStore((s) => s.error);
   const selections = useCanvasStore((s) => s.selections);
   const sendMessage = useCallback(
-    async (text, withSelections) => {
+    async (text, withSelections2) => {
       const store = api.getState();
       if (store.isStreaming || !text.trim()) return;
       store.addUserMessage(text);
@@ -799,7 +804,7 @@ function useCanvasStream(options = {}) {
         const stream = transport.stream({
           threadId: threadIdRef.current,
           message: text,
-          selections: withSelections,
+          selections: withSelections2,
           signal: controller.signal
         });
         for await (const event of stream) {
@@ -2256,10 +2261,10 @@ function HtmlRenderer({ artifact: artifact2 }) {
 
 // src/components/renderers/index.ts
 var ChartRenderer = lazy(() => import('./ChartRenderer-TBTWNPV7.js').then((m) => ({ default: m.ChartRenderer })));
-var DocumentRenderer = lazy(() => import('./DocumentRenderer-ER5TSNA6.js').then((m) => ({ default: m.DocumentRenderer })));
+var DocumentRenderer = lazy(() => import('./DocumentRenderer-ZGJXDVKG.js').then((m) => ({ default: m.DocumentRenderer })));
 var TableRenderer = lazy(() => import('./TableRenderer-YTOF2ZIC.js').then((m) => ({ default: m.TableRenderer })));
-var SlidesRenderer = lazy(() => import('./SlidesRenderer-AHE5ANBZ.js').then((m) => ({ default: m.SlidesRenderer })));
-var FileRenderer = lazy(() => import('./FileRenderer-W2CR7BI2.js').then((m) => ({ default: m.FileRenderer })));
+var SlidesRenderer = lazy(() => import('./SlidesRenderer-4QWZVWWD.js').then((m) => ({ default: m.SlidesRenderer })));
+var FileRenderer = lazy(() => import('./FileRenderer-TZSZVVLY.js').then((m) => ({ default: m.FileRenderer })));
 var builtinRenderers = {
   html: HtmlRenderer,
   document: DocumentRenderer,

package/dist/langgraph/index.d.ts

@@ -1,4 +1,5 @@
-import { C as CanvasTransport, E as ElementSelection, S as StreamEvent } from '../types-CzJ4zeUR.js';
+import { C as CanvasTransport, S as StreamEvent } from '../types-CKgpjs_G.js';
+export { w as withSelections } from '../types-CKgpjs_G.js';
 
 /**
  * `langgraphTransport` — speak to a LangGraph server without a translator
@@ -24,8 +25,6 @@ interface LangGraphTransportOptions {
     /** Extra headers (e.g. auth) passed to the SDK client. */
     headers?: Record<string, string>;
 }
-/** Frame a targeted edit so the agent changes only the selected element(s). */
-declare function withSelections(message: string, selections: ElementSelection[]): string;
 /**
  * LangGraph requires UUID thread ids; the canvas allows any string. Non-UUID
  * ids map deterministically (RFC 4122 v5 over `canvas-thread:<id>`), matching
@@ -65,4 +64,4 @@ declare function translateLangGraphStream(chunks: AsyncIterable<LangGraphStreamC
     messageId?: string;
 }): AsyncGenerator<StreamEvent>;
 
-export { type LangGraphStreamChunk, type LangGraphTransportOptions, chunkText, langgraphTransport, threadUuid, translateLangGraphStream, withSelections };
+export { type LangGraphStreamChunk, type LangGraphTransportOptions, chunkText, langgraphTransport, threadUuid, translateLangGraphStream };

package/dist/langgraph/index.js

@@ -1,7 +1,7 @@
+import { withSelections } from '../chunk-ASMMPDYS.js';
+export { withSelections } from '../chunk-ASMMPDYS.js';
 import { Client } from '@langchain/langgraph-sdk';
 
-// src/langgraph/transport.ts
-
 // src/langgraph/translate.ts
 function chunkText(content) {
   if (typeof content === "string") return content;
@@ -60,16 +60,6 @@ async function* translateLangGraphStream(chunks, options = {}) {
 }
 
 // src/langgraph/transport.ts
-function withSelections(message, selections) {
-  if (selections.length === 0) return message;
-  const listed = selections.map((s) => `- \`${s.selector}\` (data-cid=${s.cid})`).join("\n");
-  const artifactId = selections[0].artifactId;
-  return `${message}
-
-[Targeted edit] Apply the change to these selected element(s) in file \`${artifactId}\`:
-${listed}
-First call read_canvas on the file to get its current content and revision, then call edit_canvas with the element's exact current outer HTML as \`old\` and your replacement as \`new\` (keep the data-cid attribute).`;
-}
 var UUID_RE = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
 var NAMESPACE_URL = "6ba7b811-9dad-11d1-80b4-00c04fd430c8";
 async function threadUuid(threadId) {
@@ -108,4 +98,4 @@ function langgraphTransport(options) {
   };
 }
 
-export { chunkText, langgraphTransport, threadUuid, translateLangGraphStream, withSelections };
+export { chunkText, langgraphTransport, threadUuid, translateLangGraphStream };

package/dist/styles.css

@@ -1309,6 +1309,7 @@
 }
 .cv-docx__picked { color: var(--cv-accent); }
 .cv-docx__fonts { color: var(--cv-warn, #b45309); }
+.cv-docx__redrawn { color: var(--cv-warn, #b45309); }
 
 /* Tablet / narrow desktop: tighten paddings, let toolbars wrap. */
 @media (max-width: 900px) {

package/dist/{types-CzJ4zeUR.d.ts → types-CKgpjs_G.d.ts}

@@ -292,6 +292,33 @@ interface ElementSelection {
     /** True when the element is a group wrapper (offers "Ungroup"). */
     isGroup?: boolean;
 }
+/**
+ * File suffixes whose selections address a document, not a DOM element.
+ *
+ * The twin of `DOCUMENT_OP_SUFFIXES` in `langchain_canvas.document_ops`; the
+ * protocol parity test compares the two, so a format the tools learn to edit
+ * cannot quietly keep the wrong framing here.
+ */
+declare const DOCUMENT_FILE_SUFFIXES: readonly [".docx"];
+/** True when this selection points into a document file rather than a page. */
+declare function isDocumentSelection(selection: ElementSelection): boolean;
+/**
+ * Frame a targeted edit so the agent changes only what the user pointed at.
+ *
+ * The two kinds of canvas artifact are addressed in different languages and
+ * have different tools, so one framing cannot serve both. A document is
+ * addressed by position for *reading* only — `[p12]` moves the moment a
+ * paragraph is inserted — so the instruction hands over the words at that place
+ * and says to use them as the anchor. A page is edited by matching its markup,
+ * so the instruction hands over the element's markup as the *file* has it.
+ *
+ * Both halves are about naming something the agent can actually find. The
+ * screen's own pointing attributes (`data-cid` and friends) are stripped before
+ * the source is stored, so an instruction that names one sends the agent
+ * looking through the file for something that was never written there — and a
+ * careful agent then refuses the edit rather than guessing.
+ */
+declare function withSelections(message: string, selections: ElementSelection[]): string;
 
 /**
  * `CanvasTransport` — the socket between the canvas UI and an agent backend.
@@ -325,4 +352,4 @@ interface CanvasTransport {
     stream(request: TransportRequest): AsyncIterable<StreamEvent>;
 }
 
-export { type Artifact as A, type TableColumn as B, type CanvasTransport as C, type DocumentData as D, type ElementSelection as E, type FileData as F, type ToolEnd as G, type HtmlData as H, type ToolStart as I, type TransportRequest as J, type KnownArtifact as K, isCanvasEvent as L, type MessageDelta as M, isChatEvent as N, type StreamEvent as S, type TableData as T, type CanvasEvent as a, type SlidesData as b, type ChartData as c, type ArtifactStatus as d, type CanvasAppend as e, type CanvasCommit as f, type CanvasCreate as g, type CanvasNodePatch as h, type CanvasPatch as i, type CanvasReplace as j, type CanvasStatus as k, type ChartArtifact as l, type ChartOptions as m, type ChartSeries as n, type ChatEvent as o, type DocumentArtifact as p, type DoneEvent as q, type ErrorEvent as r, type FileArtifact as s, type HtmlArtifact as t, type MessageEnd as u, type Slide as v, type SlideElement as w, type SlidePage as x, type SlidesArtifact as y, type TableArtifact as z };
+export { type Artifact as A, type SlidesArtifact as B, type CanvasTransport as C, type DocumentData as D, type ElementSelection as E, type FileData as F, type TableArtifact as G, type HtmlData as H, type TableColumn as I, type ToolEnd as J, type KnownArtifact as K, type ToolStart as L, type MessageDelta as M, type TransportRequest as N, isCanvasEvent as O, isChatEvent as P, isDocumentSelection as Q, type StreamEvent as S, type TableData as T, type CanvasEvent as a, type SlidesData as b, type ChartData as c, type ArtifactStatus as d, type CanvasAppend as e, type CanvasCommit as f, type CanvasCreate as g, type CanvasNodePatch as h, type CanvasPatch as i, type CanvasReplace as j, type CanvasStatus as k, type ChartArtifact as l, type ChartOptions as m, type ChartSeries as n, type ChatEvent as o, DOCUMENT_FILE_SUFFIXES as p, type DocumentArtifact as q, type DoneEvent as r, type ErrorEvent as s, type FileArtifact as t, type HtmlArtifact as u, type MessageEnd as v, withSelections as w, type Slide as x, type SlideElement as y, type SlidePage as z };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@braincrew-lab/langchain-canvas",
-  "version": "0.7.4",
+  "version": "0.7.6",
   "description": "A live canvas for LangChain agents — stream documents, charts, and rich artifacts into a React panel.",
   "license": "MIT",
   "author": "Brain Crew (https://github.com/braincrew-lab)",