@june-ai/june-ui 0.2.5 → 0.2.6

package/dist/index.js

@@ -6,24 +6,28 @@ import {
   docToHtml,
   docToMarkdown,
   emptyDoc,
+  getPageCount,
   getSearchState,
   gotoMatch,
   isJuneError,
   parseDocumentContent,
+  remeasurePagination,
   replaceAll,
   replaceCurrent,
   sanitizeHref,
+  setPaginationConfig,
   setSearch,
   slugify,
   toJuneError,
   wordCountOf
-} from "./chunk-CZE533PM.js";
+} from "./chunk-VFZI3SEL.js";
 
 // src/renderer/renderer.tsx
 import { Renderer } from "@openuidev/react-lang";
 import {
   Fragment,
   useCallback,
+  useEffect,
   useMemo as useMemo2,
   useRef
 } from "react";
@@ -101,6 +105,316 @@ function useDocumentValue(store, id, selector) {
   return useSyncExternalStore(store.subscribe, read, read);
 }
 
+// src/components/document-editor/document-merge.ts
+var MAX_CELLS = 4e6;
+function matchIndices(a, b) {
+  const n = a.length;
+  const m = b.length;
+  if (n * m > MAX_CELLS) return null;
+  const dp = Array.from({ length: n + 1 }, () => new Uint32Array(m + 1));
+  for (let i2 = n - 1; i2 >= 0; i2--) {
+    for (let j2 = m - 1; j2 >= 0; j2--) {
+      dp[i2][j2] = a[i2] === b[j2] ? dp[i2 + 1][j2 + 1] + 1 : Math.max(dp[i2 + 1][j2], dp[i2][j2 + 1]);
+    }
+  }
+  const matches = /* @__PURE__ */ new Map();
+  let i = 0;
+  let j = 0;
+  while (i < n && j < m) {
+    if (a[i] === b[j]) {
+      matches.set(i, j);
+      i++;
+      j++;
+    } else if (dp[i + 1][j] >= dp[i][j + 1]) i++;
+    else j++;
+  }
+  return matches;
+}
+var same = (x, y) => x.length === y.length && x.every((v, i) => v === y[i]);
+function mergeBlocks(base, local, incoming) {
+  if (same(local, base)) return { blocks: incoming, conflicts: 0 };
+  if (same(incoming, base) || same(local, incoming)) return { blocks: local, conflicts: 0 };
+  const ml = matchIndices(base, local);
+  const mn = matchIndices(base, incoming);
+  if (!ml || !mn) return { blocks: null, conflicts: 1 };
+  const anchors = [...ml.keys()].filter((i) => mn.has(i)).sort((x, y) => x - y);
+  const out = [];
+  let conflicts = 0;
+  let pb = -1;
+  let pl = -1;
+  let pn = -1;
+  const region = (bEnd, lEnd, nEnd) => {
+    const B = base.slice(pb + 1, bEnd);
+    const L = local.slice(pl + 1, lEnd);
+    const N = incoming.slice(pn + 1, nEnd);
+    if (B.length === L.length && L.length === N.length) {
+      for (let k = 0; k < B.length; k++) {
+        if (L[k] === B[k]) out.push(N[k]);
+        else if (N[k] === B[k] || N[k] === L[k]) out.push(L[k]);
+        else {
+          conflicts++;
+          out.push(L[k]);
+        }
+      }
+      return;
+    }
+    if (same(L, B)) out.push(...N);
+    else if (same(N, B) || same(L, N)) out.push(...L);
+    else {
+      conflicts++;
+      out.push(...L);
+    }
+  };
+  for (const a of anchors) {
+    const la = ml.get(a);
+    const na = mn.get(a);
+    region(a, la, na);
+    out.push(local[la]);
+    pb = a;
+    pl = la;
+    pn = na;
+  }
+  region(base.length, local.length, incoming.length);
+  return { blocks: out, conflicts };
+}
+function mergeDocuments(base, local, incoming) {
+  const toBlocks = (d) => (d.content ?? []).map((node) => JSON.stringify(node));
+  const { blocks: blocks2, conflicts } = mergeBlocks(toBlocks(base), toBlocks(local), toBlocks(incoming));
+  if (!blocks2) return { doc: local, conflicts: Math.max(1, conflicts) };
+  if (blocks2.length === 0) return { doc: emptyDoc(), conflicts };
+  return { doc: { type: "doc", content: blocks2.map((b) => JSON.parse(b)) }, conflicts };
+}
+
+// src/components/document-editor/document-store.ts
+var incomingKey = (doc) => JSON.stringify([doc.title, docKey(doc.json)]);
+function createDocumentStore() {
+  const records = /* @__PURE__ */ new Map();
+  const listeners = /* @__PURE__ */ new Set();
+  const emit = () => listeners.forEach((listener) => listener());
+  const put = (record) => {
+    records.set(record.id, record);
+    emit();
+  };
+  const fresh2 = (doc) => ({
+    id: doc.id,
+    title: doc.title,
+    documentType: doc.documentType,
+    status: doc.status,
+    json: doc.json,
+    baseJson: doc.json,
+    baseTitle: doc.title,
+    lastIncomingKey: incomingKey(doc),
+    revision: 0,
+    origin: "external",
+    pending: null,
+    updatedAt: Date.now()
+  });
+  return {
+    get: (id) => records.get(id),
+    list: () => [...records.values()],
+    subscribe: (listener) => {
+      listeners.add(listener);
+      return () => {
+        listeners.delete(listener);
+      };
+    },
+    receive(incoming) {
+      const current = records.get(incoming.id);
+      if (!current) {
+        put(fresh2(incoming));
+        return "created";
+      }
+      const key = incomingKey(incoming);
+      if (current.lastIncomingKey === key) return "unchanged";
+      const userEditedBody = docKey(current.json) !== docKey(current.baseJson);
+      const userEditedTitle = current.title !== current.baseTitle;
+      const title = userEditedTitle ? current.title : incoming.title;
+      const meta = {
+        documentType: incoming.documentType ?? current.documentType,
+        status: incoming.status ?? current.status
+      };
+      if (!userEditedBody) {
+        put({
+          ...current,
+          ...meta,
+          title,
+          baseTitle: incoming.title,
+          json: incoming.json,
+          baseJson: incoming.json,
+          lastIncomingKey: key,
+          revision: current.revision + 1,
+          origin: "external",
+          pending: null,
+          updatedAt: Date.now()
+        });
+        return "applied";
+      }
+      const { doc, conflicts } = mergeDocuments(current.baseJson, current.json, incoming.json);
+      if (conflicts === 0) {
+        put({
+          ...current,
+          ...meta,
+          title,
+          baseTitle: incoming.title,
+          json: doc,
+          baseJson: incoming.json,
+          lastIncomingKey: key,
+          revision: current.revision + 1,
+          origin: "external",
+          pending: null,
+          updatedAt: Date.now()
+        });
+        return "merged";
+      }
+      put({
+        ...current,
+        ...meta,
+        lastIncomingKey: key,
+        pending: { json: incoming.json, title: incoming.title, merged: doc, conflicts }
+      });
+      return "conflict";
+    },
+    hydrate(doc) {
+      put(fresh2(doc));
+    },
+    edit(id, json, origin) {
+      const current = records.get(id);
+      if (!current || docKey(current.json) === docKey(json)) return;
+      put({ ...current, json, origin, revision: current.revision + 1, updatedAt: Date.now() });
+    },
+    setTitle(id, title) {
+      const current = records.get(id);
+      if (!current || current.title === title) return;
+      put({ ...current, title, updatedAt: Date.now() });
+    },
+    resolve(id, choice) {
+      const current = records.get(id);
+      const pending = current?.pending;
+      if (!current || !pending) return;
+      if (choice === "keep") {
+        put({ ...current, baseJson: pending.json, baseTitle: pending.title, pending: null });
+        return;
+      }
+      const json = choice === "merge" ? pending.merged : pending.json;
+      const title = choice === "merge" ? current.title : pending.title;
+      put({
+        ...current,
+        title,
+        json,
+        baseJson: pending.json,
+        baseTitle: pending.title,
+        revision: current.revision + 1,
+        origin: "external",
+        pending: null,
+        updatedAt: Date.now()
+      });
+    },
+    remove(id) {
+      if (records.delete(id)) emit();
+    }
+  };
+}
+var echoes = /* @__PURE__ */ new WeakMap();
+var ECHO_MEMORY = 8;
+function rememberDocumentEcho(store, id, content) {
+  let byId = echoes.get(store);
+  if (!byId) echoes.set(store, byId = /* @__PURE__ */ new Map());
+  const list2 = byId.get(id) ?? [];
+  list2.push(content);
+  if (list2.length > ECHO_MEMORY) list2.shift();
+  byId.set(id, list2);
+}
+function isDocumentEcho(store, id, content) {
+  return !!content && !!echoes.get(store)?.get(id)?.includes(content);
+}
+var defaultStore = null;
+function getDefaultDocumentStore() {
+  if (!defaultStore) defaultStore = createDocumentStore();
+  return defaultStore;
+}
+
+// src/utils/update-document-program.ts
+function readString(src, i) {
+  if (src[i] !== '"') return null;
+  let j = i + 1;
+  let value = "";
+  while (j < src.length) {
+    const ch = src[j];
+    if (ch === '"') return { start: i, end: j + 1, value };
+    if (ch === "\\") {
+      const next = src[j + 1];
+      if (next === void 0) return null;
+      if (next === "u" && /^[0-9a-fA-F]{4}$/.test(src.slice(j + 2, j + 6))) {
+        value += String.fromCharCode(parseInt(src.slice(j + 2, j + 6), 16));
+        j += 6;
+        continue;
+      }
+      value += next === "n" ? "\n" : next === "t" ? "	" : next === "r" ? "\r" : next === "b" ? "\b" : next === "f" ? "\f" : next;
+      j += 2;
+      continue;
+    }
+    value += ch;
+    j++;
+  }
+  return null;
+}
+var skipSpace = (src, i) => {
+  while (i < src.length && /\s/.test(src[i])) i++;
+  return i;
+};
+var toLangString = (value) => JSON.stringify(value);
+function updateDocumentInProgram(program, documentId, update, componentName = "DocumentEditor") {
+  const re = new RegExp(`\\b${componentName}\\s*\\(`, "g");
+  let match;
+  while (match = re.exec(program)) {
+    const args = [];
+    let i = match.index + match[0].length;
+    for (let n = 0; n < 3; n++) {
+      i = skipSpace(program, i);
+      const tok = readString(program, i);
+      if (!tok) break;
+      args.push(tok);
+      i = skipSpace(program, tok.end);
+      if (program[i] === ",") i++;
+      else break;
+    }
+    if (args[0]?.value !== documentId) continue;
+    const edits = [];
+    if (update.title !== void 0 && args[1] && args[1].value !== update.title) {
+      edits.push({ start: args[1].start, end: args[1].end, text: toLangString(update.title) });
+    }
+    if (update.content !== void 0 && args[2] && args[2].value !== update.content) {
+      edits.push({ start: args[2].start, end: args[2].end, text: toLangString(update.content) });
+    }
+    if (!args[2] && update.content !== void 0) return null;
+    let out = program;
+    for (const e of edits.sort((a, b) => b.start - a.start)) {
+      out = out.slice(0, e.start) + e.text + out.slice(e.end);
+    }
+    return out;
+  }
+  return null;
+}
+function readDocumentFromProgram(program, documentId, componentName = "DocumentEditor") {
+  const re = new RegExp(`\\b${componentName}\\s*\\(`, "g");
+  let match;
+  while (match = re.exec(program)) {
+    const args = [];
+    let i = match.index + match[0].length;
+    for (let n = 0; n < 3; n++) {
+      i = skipSpace(program, i);
+      const tok = readString(program, i);
+      if (!tok) break;
+      args.push(tok);
+      i = skipSpace(program, tok.end);
+      if (program[i] === ",") i++;
+      else break;
+    }
+    if (args[0]?.value === documentId && args[1] && args[2]) return { title: args[1].value, content: args[2].value };
+  }
+  return null;
+}
+
 // src/core/context.ts
 import { createContext as createContext2, useContext as useContext2 } from "react";
 var JuneContext = createContext2({
@@ -659,14 +973,43 @@ function JuneRenderer(props) {
     onError,
     onJuneError,
     documents,
+    onResponseChange,
+    responseChangeDelay = 300,
     loadingFallback = null,
     emptyFallback = null,
     errorFallback,
     resetKeys,
     ...rendererProps
   } = props;
-  const latest = useRef({ actions, confirmAction, parseActionEvent, onAction, onError, onJuneError });
-  latest.current = { actions, confirmAction, parseActionEvent, onAction, onError, onJuneError };
+  const latest = useRef({ actions, confirmAction, parseActionEvent, onAction, onError, onJuneError, onResponseChange, responseChangeDelay, response });
+  latest.current = { actions, confirmAction, parseActionEvent, onAction, onError, onJuneError, onResponseChange, responseChangeDelay, response };
+  const syncTimers = useRef(/* @__PURE__ */ new Map());
+  useEffect(() => {
+    const timers = syncTimers.current;
+    return () => {
+      timers.forEach(clearTimeout);
+      timers.clear();
+    };
+  }, []);
+  const syncProgram = useCallback(async (change, store) => {
+    const l = latest.current;
+    if (!l.onResponseChange || typeof l.response !== "string") return;
+    const record = store.get(change.documentId);
+    const title = record?.title ?? change.title;
+    const json = record?.json ?? change.json;
+    try {
+      const { docToMarkdown: docToMarkdown2 } = await import("./document-engine-RKD5SLXR.js");
+      const markdown = docToMarkdown2(json);
+      const program = latest.current.response;
+      if (typeof program !== "string") return;
+      const next = updateDocumentInProgram(program, change.documentId, { title, content: markdown });
+      if (next === null || next === program) return;
+      rememberDocumentEcho(store, change.documentId, markdown);
+      latest.current.onResponseChange?.(next, { documentId: change.documentId, title, markdown, source: change.source });
+    } catch (error) {
+      latest.current.onJuneError?.(toJuneError(error, "DOCUMENT_ERROR", "Updating the program failed"));
+    }
+  }, []);
   const handleAction = useCallback((event) => {
     const l = latest.current;
     l.onAction?.(event);
@@ -705,12 +1048,27 @@ function JuneRenderer(props) {
   const documentOptions = useMemo2(
     () => ({
       ...documents,
+      onDocumentChange: (change) => {
+        documents?.onDocumentChange?.(change);
+        if (!latest.current.onResponseChange || change.source === "ai") return;
+        const store = documents?.store ?? getDefaultDocumentStore();
+        const timers = syncTimers.current;
+        const prev = timers.get(change.documentId);
+        if (prev) clearTimeout(prev);
+        timers.set(
+          change.documentId,
+          setTimeout(() => {
+            timers.delete(change.documentId);
+            void syncProgram(change, store);
+          }, Math.max(0, latest.current.responseChangeDelay))
+        );
+      },
       onError: (error) => {
         documents?.onError?.(error);
         latest.current.onJuneError?.(error);
       }
     }),
-    [documents]
+    [documents, syncProgram]
   );
   const parts = useMemo2(
     () => mixedContent && response ? splitResponse(response, { streaming: isStreaming }) : null,
@@ -803,7 +1161,7 @@ function defineJuneAction(definition) {
 }
 
 // src/streaming/use-june-stream.ts
-import { useCallback as useCallback2, useEffect, useMemo as useMemo3, useRef as useRef2, useState } from "react";
+import { useCallback as useCallback2, useEffect as useEffect2, useMemo as useMemo3, useRef as useRef2, useState } from "react";
 
 // src/streaming/stream-handler.ts
 function isReadableStream(source) {
@@ -1058,7 +1416,7 @@ function useJuneStream(options = {}) {
     clearTimer();
     setState(INITIAL);
   }, [clearTimer]);
-  useEffect(
+  useEffect2(
     () => () => {
       runIdRef.current++;
       controllerRef.current?.abort();
@@ -1095,7 +1453,7 @@ function DocumentDraft({ title, words, state }) {
 
 // src/components/document-editor/document-editor.tsx
 import { useEditor } from "@tiptap/react";
-import { useCallback as useCallback3, useEffect as useEffect5, useId, useMemo as useMemo4, useRef as useRef7, useState as useState6 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect6, useId, useMemo as useMemo4, useRef as useRef7, useState as useState6 } from "react";
 
 // src/components/document-editor/document-bubble.tsx
 import { useEditorState as useEditorState2 } from "@tiptap/react";
@@ -1327,12 +1685,12 @@ function Icon({ name, size = 16 }) {
 }
 
 // src/components/document-editor/document-popover.tsx
-import { useEffect as useEffect2, useRef as useRef3, useState as useState2 } from "react";
+import { useEffect as useEffect3, useRef as useRef3, useState as useState2 } from "react";
 import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 function Dropdown({ trigger, children, align = "start", className, onOpen }) {
   const [open, setOpen] = useState2(false);
   const anchor = useRef3(null);
-  useEffect2(() => {
+  useEffect3(() => {
     if (!open) return;
     const onDown = (e) => {
       if (anchor.current && !anchor.current.contains(e.target)) setOpen(false);
@@ -1952,60 +2310,116 @@ function DocumentBubbleMenu({ editor }) {
 
 // src/components/document-editor/document-content.tsx
 import { EditorContent } from "@tiptap/react";
-import { useEffect as useEffect3, useRef as useRef5, useState as useState4 } from "react";
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { useEffect as useEffect4, useLayoutEffect, useRef as useRef5, useState as useState4 } from "react";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+var PAGE_WIDTH = 794;
 var PAGE_HEIGHT = 1123;
-var PAGE_PAD_Y = 96;
+var PAGE_GAP = 28;
+var CANVAS_PAD_X = 24;
+var useIsoLayoutEffect = typeof window === "undefined" ? useEffect4 : useLayoutEffect;
+function geometry(width) {
+  const ratio = width / PAGE_WIDTH;
+  const height = Math.round(PAGE_HEIGHT * ratio);
+  const padX = Math.round(Math.min(96, Math.max(20, width * 0.12)));
+  const padY = Math.round(Math.min(96, Math.max(36, 96 * ratio)));
+  return { width, height, padX, padY };
+}
 function DocumentContent({ editor, layout = "page", zoom = 1, showMarks = false, onMetrics }) {
   const canvas = useRef5(null);
   const sheet = useRef5(null);
+  const [avail, setAvail] = useState4(PAGE_WIDTH);
+  const [sheetH, setSheetH] = useState4(0);
   const [pages, setPages] = useState4(1);
   const metricsRef = useRef5(onMetrics);
   metricsRef.current = onMetrics;
   const last = useRef5({ page: 0, pages: 0 });
-  useEffect3(() => {
+  const paged = layout === "page";
+  const width = paged ? Math.max(260, Math.min(PAGE_WIDTH, Math.floor(avail / zoom))) : Math.max(260, Math.floor(avail / zoom));
+  const g = geometry(width);
+  const stride = g.height + PAGE_GAP;
+  useIsoLayoutEffect(() => {
     const c = canvas.current;
-    const p = sheet.current;
-    const prose = editor?.view.dom;
-    if (!c || !p || !prose) return;
-    const measure = () => {
-      const contentH = prose.getBoundingClientRect().height / zoom;
-      const total = layout === "page" ? Math.max(1, Math.ceil((contentH + PAGE_PAD_Y * 2) / PAGE_HEIGHT)) : 1;
-      const cRect = c.getBoundingClientRect();
-      const pRect = p.getBoundingClientRect();
-      const y = cRect.top + c.clientHeight * 0.35 - pRect.top;
-      const page = Math.min(total, Math.max(1, Math.floor(y / (PAGE_HEIGHT * zoom)) + 1));
+    if (!c) return;
+    const read = () => {
+      const cs = typeof getComputedStyle === "function" ? getComputedStyle(c) : null;
+      const padX = cs ? (parseFloat(cs.paddingLeft) || 0) + (parseFloat(cs.paddingRight) || 0) : CANVAS_PAD_X * 2;
+      const w = c.clientWidth - padX;
+      if (w > 0) setAvail(w);
+    };
+    read();
+    if (typeof ResizeObserver === "undefined") return;
+    const ro = new ResizeObserver(read);
+    ro.observe(c);
+    return () => ro.disconnect();
+  }, []);
+  useEffect4(() => {
+    if (!editor) return;
+    setPaginationConfig(editor, {
+      enabled: paged,
+      pageHeight: g.height,
+      gap: PAGE_GAP,
+      padTop: g.padY,
+      padBottom: g.padY
+    });
+  }, [editor, paged, g.height, g.padY, width]);
+  useEffect4(() => {
+    const c = canvas.current;
+    const s = sheet.current;
+    if (!editor || !c || !s) return;
+    const prose = editor.view.dom;
+    const report = () => {
+      const total = paged ? getPageCount(editor) : 1;
       setPages(total);
+      setSheetH(s.offsetHeight);
+      const cRect = c.getBoundingClientRect();
+      const sRect = s.getBoundingClientRect();
+      const y = (cRect.top + c.clientHeight * 0.35 - sRect.top) / zoom;
+      const page = paged ? Math.min(total, Math.max(1, Math.floor(y / stride) + 1)) : 1;
       if (last.current.page !== page || last.current.pages !== total) {
         last.current = { page, pages: total };
         metricsRef.current?.({ page, pages: total });
       }
     };
-    measure();
-    c.addEventListener("scroll", measure, { passive: true });
-    const ro = typeof ResizeObserver !== "undefined" ? new ResizeObserver(measure) : null;
-    ro?.observe(prose);
-    ro?.observe(c);
-    editor?.on("update", measure);
+    report();
+    editor.on("transaction", report);
+    c.addEventListener("scroll", report, { passive: true });
+    const onLoad = () => remeasurePagination(editor);
+    prose.addEventListener("load", onLoad, true);
+    const ro = typeof ResizeObserver !== "undefined" ? new ResizeObserver(report) : null;
+    ro?.observe(s);
     return () => {
-      c.removeEventListener("scroll", measure);
+      editor.off("transaction", report);
+      c.removeEventListener("scroll", report);
+      prose.removeEventListener("load", onLoad, true);
       ro?.disconnect();
-      editor?.off("update", measure);
     };
-  }, [editor, layout, zoom]);
-  const sheetStyle = layout === "page" ? {
-    zoom,
-    minHeight: pages * PAGE_HEIGHT,
-    maxWidth: `calc(100% / ${zoom})`,
-    "--jd-page-h": `${PAGE_HEIGHT}px`
-  } : { zoom };
-  return /* @__PURE__ */ jsx9("div", { ref: canvas, className: "june-doc__content june-doc__canvas", "data-layout": layout, "data-marks": showMarks || void 0, children: /* @__PURE__ */ jsx9("div", { ref: sheet, className: "june-doc__sheet", style: sheetStyle, children: /* @__PURE__ */ jsx9(EditorContent, { editor }) }) });
+  }, [editor, paged, zoom, stride]);
+  const minHeight = paged ? pages * g.height + (pages - 1) * PAGE_GAP : void 0;
+  const sheetStyle = {
+    width,
+    minHeight,
+    transform: zoom === 1 ? void 0 : `scale(${zoom})`,
+    "--jd-pad-x": `${g.padX}px`,
+    "--jd-pad-y": `${g.padY}px`
+  };
+  const zoomerStyle = {
+    width: width * zoom,
+    height: zoom === 1 ? void 0 : Math.max(sheetH, minHeight ?? 0) * zoom
+  };
+  return /* @__PURE__ */ jsx9("div", { ref: canvas, className: "june-doc__content june-doc__canvas", "data-layout": layout, "data-marks": showMarks || void 0, children: /* @__PURE__ */ jsx9("div", { className: "june-doc__zoomer", style: zoomerStyle, children: /* @__PURE__ */ jsxs7("div", { ref: sheet, className: "june-doc__sheet", style: sheetStyle, children: [
+    paged ? /* @__PURE__ */ jsx9("div", { className: "june-doc__pages", "aria-hidden": "true", children: Array.from({ length: pages }, (_, i) => /* @__PURE__ */ jsx9("div", { className: "june-doc__page", style: { top: i * stride, height: g.height }, children: /* @__PURE__ */ jsxs7("span", { className: "june-doc__page-num", children: [
+      i + 1,
+      " / ",
+      pages
+    ] }) }, i)) }) : null,
+    /* @__PURE__ */ jsx9(EditorContent, { editor })
+  ] }) }) });
 }
 
 // src/components/document-editor/document-findbar.tsx
 import { useEditorState as useEditorState3 } from "@tiptap/react";
-import { useEffect as useEffect4, useRef as useRef6, useState as useState5 } from "react";
-import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+import { useEffect as useEffect5, useRef as useRef6, useState as useState5 } from "react";
+import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 function DocumentFindBar({ editor, editable, onClose, onNotice }) {
   const [term, setTerm] = useState5(() => {
     const { from, to, empty } = editor.state.selection;
@@ -2021,19 +2435,19 @@ function DocumentFindBar({ editor, editable, onClose, onNotice }) {
       return { count: s?.matches.length ?? 0, current: s?.current ?? -1 };
     }
   });
-  useEffect4(() => {
+  useEffect5(() => {
     input.current?.focus();
     input.current?.select();
   }, []);
-  useEffect4(() => {
+  useEffect5(() => {
     setSearch(editor, { term, caseSensitive, current: 0 });
   }, [editor, term, caseSensitive]);
-  useEffect4(() => () => {
+  useEffect5(() => () => {
     if (!editor.isDestroyed) setSearch(editor, { term: "" });
   }, [editor]);
   const count = info?.count ?? 0;
   const current = info?.current ?? -1;
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8(
     "div",
     {
       className: "june-doc__findbar",
@@ -2046,7 +2460,7 @@ function DocumentFindBar({ editor, editable, onClose, onNotice }) {
         }
       },
       children: [
-        /* @__PURE__ */ jsxs7("div", { className: "june-doc__find-field", children: [
+        /* @__PURE__ */ jsxs8("div", { className: "june-doc__find-field", children: [
           /* @__PURE__ */ jsx10(Icon, { name: "search", size: 14 }),
           /* @__PURE__ */ jsx10(
             "input",
@@ -2082,7 +2496,7 @@ function DocumentFindBar({ editor, editable, onClose, onNotice }) {
             children: "Aa"
           }
         ),
-        editable ? /* @__PURE__ */ jsxs7(Fragment3, { children: [
+        editable ? /* @__PURE__ */ jsxs8(Fragment3, { children: [
           /* @__PURE__ */ jsx10("span", { className: "june-doc__find-sep", "aria-hidden": "true" }),
           /* @__PURE__ */ jsx10(
             "input",
@@ -2138,7 +2552,7 @@ function DocumentTitle({ value, disabled, onChange }) {
 }
 
 // src/components/document-editor/document-header.tsx
-import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 var FORMATS = {
   docx: { label: "Word document", hint: ".docx", icon: "file" },
   pdf: { label: "PDF", hint: "Print / Save as PDF", icon: "file" },
@@ -2147,20 +2561,21 @@ var FORMATS = {
   txt: { label: "Plain text", hint: ".txt", icon: "file" }
 };
 function DocumentHeader(props) {
-  const { title, editable, isDraft, fullscreen, onToggleFullscreen, onTitle, exportFormats, canSave, saveState, onExport, onCopy, onSave } = props;
-  return /* @__PURE__ */ jsxs8("div", { className: "june-doc__header", children: [
+  const { title, editable, isDraft, fullscreen, onToggleFullscreen, onTitle, exportFormats, canSave, showSave = canSave, saveState, onExport, onCopy, onSave } = props;
+  return /* @__PURE__ */ jsxs9("div", { className: "june-doc__header", children: [
     fullscreen ? /* @__PURE__ */ jsx12("button", { type: "button", className: "june-doc__btn june-doc__btn--icon june-doc__btn--ghost", "aria-label": "Close full screen", title: "Close (Esc)", onClick: onToggleFullscreen, children: /* @__PURE__ */ jsx12(Icon, { name: "close", size: 18 }) }) : /* @__PURE__ */ jsx12("span", { className: "june-doc__doc-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx12(Icon, { name: "file", size: 16 }) }),
     /* @__PURE__ */ jsx12(DocumentTitle, { value: title, disabled: !editable, onChange: onTitle }),
-    isDraft ? /* @__PURE__ */ jsxs8("span", { className: "june-doc__badge", children: [
+    isDraft ? /* @__PURE__ */ jsxs9("span", { className: "june-doc__badge", children: [
       /* @__PURE__ */ jsx12(Icon, { name: "sparkles", size: 12 }),
       "AI draft"
     ] }) : null,
-    /* @__PURE__ */ jsxs8("div", { className: "june-doc__header-actions", children: [
-      canSave ? /* @__PURE__ */ jsxs8(
+    /* @__PURE__ */ jsxs9("div", { className: "june-doc__header-actions", children: [
+      showSave ? /* @__PURE__ */ jsxs9(
         "button",
         {
           type: "button",
-          className: "june-doc__btn june-doc__btn--outline",
+          className: "june-doc__btn june-doc__btn--outline june-doc__save",
+          "data-state": saveState,
           "aria-label": "Save",
           title: "Save (Ctrl+S)",
           disabled: saveState === "saving" || saveState === "saved" || saveState === "idle",
@@ -2176,7 +2591,7 @@ function DocumentHeader(props) {
         {
           align: "end",
           className: "june-doc__menu",
-          trigger: ({ open, toggle }) => /* @__PURE__ */ jsxs8(
+          trigger: ({ open, toggle }) => /* @__PURE__ */ jsxs9(
             "button",
             {
               type: "button",
@@ -2191,10 +2606,10 @@ function DocumentHeader(props) {
               ]
             }
           ),
-          children: (close) => /* @__PURE__ */ jsxs8("div", { role: "menu", "aria-label": "Download options", children: [
+          children: (close) => /* @__PURE__ */ jsxs9("div", { role: "menu", "aria-label": "Download options", children: [
             exportFormats.map((f) => {
               const meta = FORMATS[f] ?? { label: f.toUpperCase(), hint: "", icon: "file" };
-              return /* @__PURE__ */ jsxs8(
+              return /* @__PURE__ */ jsxs9(
                 "button",
                 {
                   type: "button",
@@ -2214,7 +2629,7 @@ function DocumentHeader(props) {
               );
             }),
             exportFormats.length ? /* @__PURE__ */ jsx12("div", { className: "june-doc__menu-sep", role: "separator" }) : null,
-            /* @__PURE__ */ jsxs8(
+            /* @__PURE__ */ jsxs9(
               "button",
               {
                 type: "button",
@@ -2265,7 +2680,7 @@ var textResult = (text, filename, mimeType) => ({
   blob: new Blob([text], { type: `${mimeType};charset=utf-8` })
 });
 var exportHtml = async (ctx) => {
-  const { docToHtml: docToHtml2 } = await import("./document-engine-IAY2T6B3.js");
+  const { docToHtml: docToHtml2 } = await import("./document-engine-RKD5SLXR.js");
   return textResult(
     buildHtmlDocument(ctx.title, docToHtml2(ctx.json)),
     `${ctx.basename}.html`,
@@ -2273,7 +2688,7 @@ var exportHtml = async (ctx) => {
   );
 };
 var exportMarkdown = async (ctx) => {
-  const { docToMarkdown: docToMarkdown2 } = await import("./document-engine-IAY2T6B3.js");
+  const { docToMarkdown: docToMarkdown2 } = await import("./document-engine-RKD5SLXR.js");
   return textResult(
     `# ${ctx.title}
 
@@ -2284,7 +2699,7 @@ ${docToMarkdown2(ctx.json)}
   );
 };
 var exportTxt = async (ctx) => {
-  const { docToText } = await import("./document-engine-IAY2T6B3.js");
+  const { docToText } = await import("./document-engine-RKD5SLXR.js");
   return textResult(`${ctx.title}
 
 ${docToText(ctx.json)}
@@ -2606,7 +3021,7 @@ function printHtml(html) {
   });
 }
 var exportPdf = async (ctx) => {
-  const { docToHtml: docToHtml2 } = await import("./document-engine-IAY2T6B3.js");
+  const { docToHtml: docToHtml2 } = await import("./document-engine-RKD5SLXR.js");
   await printHtml(buildHtmlDocument(ctx.title, docToHtml2(ctx.json)));
   return { filename: `${ctx.basename}.pdf`, mimeType: "application/pdf", handled: true };
 };
@@ -2644,7 +3059,7 @@ function downloadResult(result) {
   setTimeout(() => URL.revokeObjectURL(url), 1e3);
 }
 async function copyDocumentToClipboard(doc) {
-  const { docToHtml: docToHtml2, docToText } = await import("./document-engine-IAY2T6B3.js");
+  const { docToHtml: docToHtml2, docToText } = await import("./document-engine-RKD5SLXR.js");
   const html = docToHtml2(doc.json);
   const text = `${doc.title}
 
@@ -2666,221 +3081,6 @@ ${docToText(doc.json)}`;
   }
 }
 
-// src/components/document-editor/document-merge.ts
-var MAX_CELLS = 4e6;
-function matchIndices(a, b) {
-  const n = a.length;
-  const m = b.length;
-  if (n * m > MAX_CELLS) return null;
-  const dp = Array.from({ length: n + 1 }, () => new Uint32Array(m + 1));
-  for (let i2 = n - 1; i2 >= 0; i2--) {
-    for (let j2 = m - 1; j2 >= 0; j2--) {
-      dp[i2][j2] = a[i2] === b[j2] ? dp[i2 + 1][j2 + 1] + 1 : Math.max(dp[i2 + 1][j2], dp[i2][j2 + 1]);
-    }
-  }
-  const matches = /* @__PURE__ */ new Map();
-  let i = 0;
-  let j = 0;
-  while (i < n && j < m) {
-    if (a[i] === b[j]) {
-      matches.set(i, j);
-      i++;
-      j++;
-    } else if (dp[i + 1][j] >= dp[i][j + 1]) i++;
-    else j++;
-  }
-  return matches;
-}
-var same = (x, y) => x.length === y.length && x.every((v, i) => v === y[i]);
-function mergeBlocks(base, local, incoming) {
-  if (same(local, base)) return { blocks: incoming, conflicts: 0 };
-  if (same(incoming, base) || same(local, incoming)) return { blocks: local, conflicts: 0 };
-  const ml = matchIndices(base, local);
-  const mn = matchIndices(base, incoming);
-  if (!ml || !mn) return { blocks: null, conflicts: 1 };
-  const anchors = [...ml.keys()].filter((i) => mn.has(i)).sort((x, y) => x - y);
-  const out = [];
-  let conflicts = 0;
-  let pb = -1;
-  let pl = -1;
-  let pn = -1;
-  const region = (bEnd, lEnd, nEnd) => {
-    const B = base.slice(pb + 1, bEnd);
-    const L = local.slice(pl + 1, lEnd);
-    const N = incoming.slice(pn + 1, nEnd);
-    if (B.length === L.length && L.length === N.length) {
-      for (let k = 0; k < B.length; k++) {
-        if (L[k] === B[k]) out.push(N[k]);
-        else if (N[k] === B[k] || N[k] === L[k]) out.push(L[k]);
-        else {
-          conflicts++;
-          out.push(L[k]);
-        }
-      }
-      return;
-    }
-    if (same(L, B)) out.push(...N);
-    else if (same(N, B) || same(L, N)) out.push(...L);
-    else {
-      conflicts++;
-      out.push(...L);
-    }
-  };
-  for (const a of anchors) {
-    const la = ml.get(a);
-    const na = mn.get(a);
-    region(a, la, na);
-    out.push(local[la]);
-    pb = a;
-    pl = la;
-    pn = na;
-  }
-  region(base.length, local.length, incoming.length);
-  return { blocks: out, conflicts };
-}
-function mergeDocuments(base, local, incoming) {
-  const toBlocks = (d) => (d.content ?? []).map((node) => JSON.stringify(node));
-  const { blocks: blocks2, conflicts } = mergeBlocks(toBlocks(base), toBlocks(local), toBlocks(incoming));
-  if (!blocks2) return { doc: local, conflicts: Math.max(1, conflicts) };
-  if (blocks2.length === 0) return { doc: emptyDoc(), conflicts };
-  return { doc: { type: "doc", content: blocks2.map((b) => JSON.parse(b)) }, conflicts };
-}
-
-// src/components/document-editor/document-store.ts
-var incomingKey = (doc) => JSON.stringify([doc.title, docKey(doc.json)]);
-function createDocumentStore() {
-  const records = /* @__PURE__ */ new Map();
-  const listeners = /* @__PURE__ */ new Set();
-  const emit = () => listeners.forEach((listener) => listener());
-  const put = (record) => {
-    records.set(record.id, record);
-    emit();
-  };
-  const fresh2 = (doc) => ({
-    id: doc.id,
-    title: doc.title,
-    documentType: doc.documentType,
-    status: doc.status,
-    json: doc.json,
-    baseJson: doc.json,
-    baseTitle: doc.title,
-    lastIncomingKey: incomingKey(doc),
-    revision: 0,
-    origin: "external",
-    pending: null,
-    updatedAt: Date.now()
-  });
-  return {
-    get: (id) => records.get(id),
-    list: () => [...records.values()],
-    subscribe: (listener) => {
-      listeners.add(listener);
-      return () => {
-        listeners.delete(listener);
-      };
-    },
-    receive(incoming) {
-      const current = records.get(incoming.id);
-      if (!current) {
-        put(fresh2(incoming));
-        return "created";
-      }
-      const key = incomingKey(incoming);
-      if (current.lastIncomingKey === key) return "unchanged";
-      const userEditedBody = docKey(current.json) !== docKey(current.baseJson);
-      const userEditedTitle = current.title !== current.baseTitle;
-      const title = userEditedTitle ? current.title : incoming.title;
-      const meta = {
-        documentType: incoming.documentType ?? current.documentType,
-        status: incoming.status ?? current.status
-      };
-      if (!userEditedBody) {
-        put({
-          ...current,
-          ...meta,
-          title,
-          baseTitle: incoming.title,
-          json: incoming.json,
-          baseJson: incoming.json,
-          lastIncomingKey: key,
-          revision: current.revision + 1,
-          origin: "external",
-          pending: null,
-          updatedAt: Date.now()
-        });
-        return "applied";
-      }
-      const { doc, conflicts } = mergeDocuments(current.baseJson, current.json, incoming.json);
-      if (conflicts === 0) {
-        put({
-          ...current,
-          ...meta,
-          title,
-          baseTitle: incoming.title,
-          json: doc,
-          baseJson: incoming.json,
-          lastIncomingKey: key,
-          revision: current.revision + 1,
-          origin: "external",
-          pending: null,
-          updatedAt: Date.now()
-        });
-        return "merged";
-      }
-      put({
-        ...current,
-        ...meta,
-        lastIncomingKey: key,
-        pending: { json: incoming.json, title: incoming.title, merged: doc, conflicts }
-      });
-      return "conflict";
-    },
-    hydrate(doc) {
-      put(fresh2(doc));
-    },
-    edit(id, json, origin) {
-      const current = records.get(id);
-      if (!current || docKey(current.json) === docKey(json)) return;
-      put({ ...current, json, origin, revision: current.revision + 1, updatedAt: Date.now() });
-    },
-    setTitle(id, title) {
-      const current = records.get(id);
-      if (!current || current.title === title) return;
-      put({ ...current, title, updatedAt: Date.now() });
-    },
-    resolve(id, choice) {
-      const current = records.get(id);
-      const pending = current?.pending;
-      if (!current || !pending) return;
-      if (choice === "keep") {
-        put({ ...current, baseJson: pending.json, baseTitle: pending.title, pending: null });
-        return;
-      }
-      const json = choice === "merge" ? pending.merged : pending.json;
-      const title = choice === "merge" ? current.title : pending.title;
-      put({
-        ...current,
-        title,
-        json,
-        baseJson: pending.json,
-        baseTitle: pending.title,
-        revision: current.revision + 1,
-        origin: "external",
-        pending: null,
-        updatedAt: Date.now()
-      });
-    },
-    remove(id) {
-      if (records.delete(id)) emit();
-    }
-  };
-}
-var defaultStore = null;
-function getDefaultDocumentStore() {
-  if (!defaultStore) defaultStore = createDocumentStore();
-  return defaultStore;
-}
-
 // src/components/document-editor/document-types.ts
 var ALL_EXPORT_FORMATS = [
   "html",
@@ -2891,7 +3091,7 @@ var ALL_EXPORT_FORMATS = [
 ];
 
 // src/components/document-editor/document-editor.tsx
-import { Fragment as Fragment4, jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 var snapshotOf = (r) => ({
   documentId: r.id,
   title: r.title,
@@ -2937,7 +3137,7 @@ function DocumentEditorImpl(props) {
       return { json: null, error: toJuneError(e, "DOCUMENT_ERROR") };
     }
   }, [contentKey]);
-  useEffect5(() => {
+  useEffect6(() => {
     if (parsed.error) optionsRef.current.onError?.(parsed.error);
   }, [parsed.error]);
   const title = useDocumentValue(store, documentId, (r) => r?.title ?? titleProp);
@@ -2953,7 +3153,7 @@ function DocumentEditorImpl(props) {
   const [findOpen, setFindOpen] = useState6(false);
   const [zoom, setZoom] = useState6(1);
   const [metrics, setMetrics] = useState6({ page: 1, pages: 1 });
-  useEffect5(() => {
+  useEffect6(() => {
     if (!fullscreen || typeof document === "undefined") return;
     const prev = document.body.style.overflow;
     document.body.style.overflow = "hidden";
@@ -2967,7 +3167,7 @@ function DocumentEditorImpl(props) {
   const flash = useCallback3((message) => {
     setNotice(message);
   }, []);
-  useEffect5(() => {
+  useEffect6(() => {
     if (!notice) return;
     const t = setTimeout(() => setNotice(null), 3e3);
     return () => clearTimeout(t);
@@ -2985,12 +3185,17 @@ function DocumentEditorImpl(props) {
     const delay = options.autosaveDelay ?? 1500;
     return delay > 0 ? debounce(() => void saveRef.current(), delay) : null;
   }, [options.autosaveDelay]);
-  useEffect5(() => () => autosave?.flush(), [autosave]);
+  useEffect6(() => () => autosave?.flush(), [autosave]);
   saveRef.current = async () => {
     const record = store.get(documentId);
     const onSave = optionsRef.current.onSave;
-    if (!record || !onSave) return;
+    if (!record) return;
     const key = JSON.stringify([record.title, docKey(record.json)]);
+    if (!onSave) {
+      lastSavedKey.current = key;
+      setSaveState("saved");
+      return;
+    }
     if (key === lastSavedKey.current) {
       setSaveState("saved");
       return;
@@ -3011,11 +3216,22 @@ function DocumentEditorImpl(props) {
       optionsRef.current.onError?.(toJuneError(error, "DOCUMENT_ERROR", "Saving the document failed"));
     }
   };
-  const markDirty = useCallback3(() => {
-    if (!optionsRef.current.onSave) return;
-    setSaveState("dirty");
-    autosave?.();
-  }, [autosave]);
+  const markDirty = useCallback3(
+    (userEdit = true) => {
+      if (!optionsRef.current.onSave) {
+        if (userEdit) setSaveState("dirty");
+        return;
+      }
+      setSaveState("dirty");
+      autosave?.();
+    },
+    [autosave]
+  );
+  useEffect6(() => {
+    if (saveState !== "saved" || options.onSave) return;
+    const t = setTimeout(() => setSaveState((s) => s === "saved" ? "idle" : s), 2500);
+    return () => clearTimeout(t);
+  }, [saveState, options.onSave]);
   const [initialJson] = useState6(() => store.get(documentId)?.json ?? parsed.json ?? emptyDoc());
   const extensions = useMemo4(() => createDocumentExtensions(), []);
   const onUpdateRef = useRef7(() => {
@@ -3040,11 +3256,13 @@ function DocumentEditorImpl(props) {
     },
     onUpdate: ({ editor: ed }) => onUpdateRef.current(ed.getJSON())
   });
-  useEffect5(() => {
-    editor?.setEditable(editable);
+  useEffect6(() => {
+    if (!editor || editor.isEditable === editable) return;
+    editor.setEditable(editable);
   }, [editor, editable]);
-  useEffect5(() => {
+  useEffect6(() => {
     if (!parsed.json) return;
+    if (isDocumentEcho(store, documentId, contentKey)) return;
     const outcome = store.receive({
       id: documentId,
       title: titleProp,
@@ -3054,7 +3272,7 @@ function DocumentEditorImpl(props) {
     });
     if (outcome === "applied" || outcome === "merged") {
       emitChange(outcome === "applied" ? "ai" : "merge");
-      markDirty();
+      markDirty(false);
     } else if (outcome === "conflict") {
       const record = store.get(documentId);
       optionsRef.current.onConflict?.({
@@ -3064,7 +3282,7 @@ function DocumentEditorImpl(props) {
       });
     }
   }, [store, documentId, titleProp, parsed.json, documentType, status, emitChange, markDirty]);
-  useEffect5(() => {
+  useEffect6(() => {
     if (!editor) return;
     const apply = () => {
       const record = store.get(documentId);
@@ -3081,7 +3299,7 @@ function DocumentEditorImpl(props) {
     apply();
     return store.subscribe(apply);
   }, [editor, store, documentId, instanceId]);
-  useEffect5(() => {
+  useEffect6(() => {
     if (!editor || readyRef.current) return;
     const record = store.get(documentId);
     if (!record) return;
@@ -3125,9 +3343,9 @@ function DocumentEditorImpl(props) {
   };
   const formats = (exportFormats ?? [...ALL_EXPORT_FORMATS]).filter((f) => listDocumentExporters().includes(f));
   if (parsed.error && !store.get(documentId)) {
-    return /* @__PURE__ */ jsxs9("div", { className: "june-doc june-doc--error", "data-theme": resolvedTheme, role: "alert", children: [
+    return /* @__PURE__ */ jsxs10("div", { className: "june-doc june-doc--error", "data-theme": resolvedTheme, role: "alert", children: [
       /* @__PURE__ */ jsx13("p", { className: "june-doc__draft-text", children: "This document could not be displayed." }),
-      /* @__PURE__ */ jsxs9("details", { children: [
+      /* @__PURE__ */ jsxs10("details", { children: [
         /* @__PURE__ */ jsx13("summary", { children: "Show raw content" }),
         /* @__PURE__ */ jsx13("pre", { className: "june-doc__raw", children: contentKey })
       ] })
@@ -3136,7 +3354,7 @@ function DocumentEditorImpl(props) {
   if (!editor) return /* @__PURE__ */ jsx13(DocumentDraft, { title, state: "loading" });
   const isDraft = recordStatus === "draft";
   const classes = ["june-doc", fullscreen ? "june-doc--fullscreen" : "", className ?? ""].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(
     "div",
     {
       className: classes,
@@ -3169,21 +3387,22 @@ function DocumentEditorImpl(props) {
             onTitle: handleTitle,
             exportFormats: formats,
             canSave: !!options.onSave,
+            showSave: !!options.onSave || editable && saveState !== "idle",
             saveState,
             onExport: (f) => void handleExport(f),
             onCopy: () => void handleCopy(),
             onSave: () => void saveRef.current()
           }
         ),
-        pending ? /* @__PURE__ */ jsxs9("div", { className: "june-doc__banner", role: "status", children: [
-          /* @__PURE__ */ jsxs9("span", { children: [
+        pending ? /* @__PURE__ */ jsxs10("div", { className: "june-doc__banner", role: "status", children: [
+          /* @__PURE__ */ jsxs10("span", { children: [
             "The assistant suggested changes that overlap your edits (",
             pending.conflicts,
             " ",
             pending.conflicts === 1 ? "section" : "sections",
             ")."
           ] }),
-          /* @__PURE__ */ jsxs9("span", { className: "june-doc__banner-actions", children: [
+          /* @__PURE__ */ jsxs10("span", { className: "june-doc__banner-actions", children: [
             /* @__PURE__ */ jsx13("button", { type: "button", className: "june-doc__btn", onClick: () => resolve("merge"), children: "Merge, keep my edits" }),
             /* @__PURE__ */ jsx13("button", { type: "button", className: "june-doc__btn", onClick: () => resolve("replace"), children: "Use AI version" }),
             /* @__PURE__ */ jsx13("button", { type: "button", className: "june-doc__btn", onClick: () => resolve("keep"), children: "Keep mine" })
@@ -3208,10 +3427,10 @@ function DocumentEditorImpl(props) {
         findOpen ? /* @__PURE__ */ jsx13(DocumentFindBar, { editor, editable, onClose: () => setFindOpen(false), onNotice: flash }) : null,
         editable ? /* @__PURE__ */ jsx13(DocumentBubbleMenu, { editor }) : null,
         /* @__PURE__ */ jsx13(DocumentContent, { editor, layout, zoom, showMarks, onMetrics: setMetrics }),
-        /* @__PURE__ */ jsxs9("div", { className: "june-doc__footer", children: [
-          /* @__PURE__ */ jsxs9("div", { className: "june-doc__stats", children: [
-            layout === "page" ? /* @__PURE__ */ jsxs9(Fragment4, { children: [
-              /* @__PURE__ */ jsxs9("span", { children: [
+        /* @__PURE__ */ jsxs10("div", { className: "june-doc__footer", children: [
+          /* @__PURE__ */ jsxs10("div", { className: "june-doc__stats", children: [
+            layout === "page" ? /* @__PURE__ */ jsxs10(Fragment4, { children: [
+              /* @__PURE__ */ jsxs10("span", { children: [
                 "Page ",
                 metrics.page,
                 " of ",
@@ -3219,15 +3438,15 @@ function DocumentEditorImpl(props) {
               ] }),
               /* @__PURE__ */ jsx13("span", { className: "june-doc__stats-sep", "aria-hidden": "true" })
             ] }) : null,
-            /* @__PURE__ */ jsxs9("span", { children: [
+            /* @__PURE__ */ jsxs10("span", { children: [
               words,
               " words"
             ] })
           ] }),
           /* @__PURE__ */ jsx13("span", { className: "june-doc__status", "aria-live": "polite", "data-state": notice ? "notice" : saveState, children: notice ?? SAVE_LABEL[saveState] }),
-          /* @__PURE__ */ jsxs9("div", { className: "june-doc__zoom", role: "group", "aria-label": "Zoom", children: [
+          /* @__PURE__ */ jsxs10("div", { className: "june-doc__zoom", role: "group", "aria-label": "Zoom", children: [
             /* @__PURE__ */ jsx13("button", { type: "button", className: "june-doc__btn june-doc__btn--icon june-doc__btn--ghost", "aria-label": "Zoom out", disabled: zoom <= ZOOM_STEPS[0], onClick: () => setZoom(stepZoom(zoom, -1)), children: /* @__PURE__ */ jsx13(Icon, { name: "minus", size: 14 }) }),
-            /* @__PURE__ */ jsxs9("button", { type: "button", className: "june-doc__zoom-value", "aria-label": "Reset zoom", title: "Reset zoom", onClick: () => setZoom(1), children: [
+            /* @__PURE__ */ jsxs10("button", { type: "button", className: "june-doc__zoom-value", "aria-label": "Reset zoom", title: "Reset zoom", onClick: () => setZoom(1), children: [
               Math.round(zoom * 100),
               "%"
             ] }),
@@ -3334,7 +3553,7 @@ function documentPromptOptions(options = {}) {
 var attr = (value) => value.replace(/"/g, "&quot;");
 async function serializeDocumentsForAgent(options = {}) {
   const store = options.store ?? getDefaultDocumentStore();
-  const { docToMarkdown: docToMarkdown2 } = await import("./document-engine-IAY2T6B3.js");
+  const { docToMarkdown: docToMarkdown2 } = await import("./document-engine-RKD5SLXR.js");
   return store.list().filter((r) => !options.ids || options.ids.includes(r.id)).map(
     (r) => `<document id="${attr(r.id)}" title="${attr(r.title)}"${r.documentType ? ` type="${attr(r.documentType)}"` : ""}>
 ${docToMarkdown2(r.json)}
@@ -3378,17 +3597,21 @@ export {
   getDefaultDocumentStore,
   getDocumentEditorInstructions,
   getDocumentEditorRules,
+  isDocumentEcho,
   isJuneError,
   jsonFieldExtractor,
   juneLibrary,
   lightTheme,
   listDocumentExporters,
   mergeDocuments,
+  readDocumentFromProgram,
   registerDocumentExporter,
+  rememberDocumentEcho,
   runAction,
   serializeDocumentsForAgent,
   sseToText,
   toJuneError,
+  updateDocumentInProgram,
   useDocumentOptions,
   useJuneRuntime,
   useJuneStream,