@june-ai/june-ui 0.2.7 → 0.2.8

package/dist/chunk-H26BMR5S.js

@@ -0,0 +1,4314 @@
+import {
+  JuneError,
+  createDocumentExtensions,
+  debounce,
+  docKey,
+  docToHtml,
+  docToMarkdown,
+  emptyDoc,
+  getPageCount,
+  getSearchState,
+  gotoMatch,
+  parseDocumentContent,
+  remeasurePagination,
+  replaceAll,
+  replaceCurrent,
+  sanitizeHref,
+  setPaginationConfig,
+  setSearch,
+  slugify,
+  toJuneError,
+  wordCountOf
+} from "./chunk-27XM6EVX.js";
+
+// src/engine/openui-devtools.tsx
+import { OpenUIDevtools } from "@openuidev/devtools";
+import { jsx } from "react/jsx-runtime";
+var AUTO_MOUNT_FLAG = /* @__PURE__ */ Symbol.for("openui.devtools.autoMount");
+var BLOCKED_BY_JUNE = /* @__PURE__ */ Symbol.for("openui.devtools.blockedByJune");
+var flags = globalThis;
+var scheduledByOpenUI = flags[AUTO_MOUNT_FLAG] === true && flags[BLOCKED_BY_JUNE] !== true;
+flags[AUTO_MOUNT_FLAG] = true;
+flags[BLOCKED_BY_JUNE] = true;
+var DEVTOOLS_BUNDLE = "https://cdn.jsdelivr.net/npm/@openuidev/devtools@0/dist/devtools.browser.js";
+var ALIAS_CACHE_MS = 5 * 60 * 1e3;
+function claimDisabledDevtools() {
+  if (typeof document === "undefined") return () => {
+  };
+  const url = `${DEVTOOLS_BUNDLE}?t=${Math.floor(Date.now() / ALIAS_CACHE_MS)}`;
+  let cancelled = false;
+  let unmount = () => {
+    cancelled = true;
+  };
+  void Promise.all([
+    import(
+      /* @vite-ignore */
+      url
+    ),
+    import("react"),
+    import("react-dom"),
+    import("react-dom/client")
+  ]).then(([devtools, react, reactDom, reactDomClient]) => {
+    if (cancelled) return;
+    unmount = devtools.mountOpenUIDevtools({
+      React: react,
+      ReactDOM: reactDom,
+      ReactDOMClient: reactDomClient,
+      loadReactLang: () => import("@openuidev/react-lang"),
+      props: { enabled: false }
+    });
+  }).catch(() => {
+  });
+  return () => unmount();
+}
+if (scheduledByOpenUI && process.env.NODE_ENV === "development" && process.env.VITEST !== "true" && typeof document !== "undefined") {
+  claimDisabledDevtools();
+}
+function OpenUIDevtoolsGate() {
+  return /* @__PURE__ */ jsx(OpenUIDevtools, { enabled: false });
+}
+
+// src/engine/renderer/june-renderer.tsx
+import { Renderer } from "@openuidev/react-lang";
+import { Fragment, useCallback as useCallback2, useMemo as useMemo3, useRef as useRef2 } from "react";
+
+// src/core/context.ts
+import { createContext as createContext2, useContext as useContext2 } from "react";
+
+// src/themes/theme-context.ts
+import { createContext, useContext } from "react";
+var JuneContext = createContext({
+  mode: "light",
+  theme: "light"
+});
+function useJuneTheme() {
+  return useContext(JuneContext);
+}
+
+// src/core/context.ts
+var JuneRuntimeContext = createContext2({ isStreaming: false });
+function useJuneRuntime() {
+  return useContext2(JuneRuntimeContext);
+}
+
+// src/features/actions/action-handler.ts
+function firstString(...values) {
+  for (const v of values) if (typeof v === "string" && v.length > 0) return v;
+  return null;
+}
+var defaultParseActionEvent = (event) => {
+  if (!event || typeof event !== "object") return null;
+  const e = event;
+  const name = firstString(e.type, e.name, e.action);
+  if (!name) return null;
+  return { name, payload: e.params ?? e.payload ?? e.data };
+};
+async function runAction(event, options) {
+  const { actions, parseEvent = defaultParseActionEvent, confirm, onError, onUnhandled } = options;
+  const parsed = parseEvent(event);
+  const action = parsed && Object.prototype.hasOwnProperty.call(actions, parsed.name) ? actions[parsed.name] : void 0;
+  if (!parsed || !action) {
+    onUnhandled?.(event);
+    return "unhandled";
+  }
+  const { name } = parsed;
+  let payload = parsed.payload;
+  if (action.schema) {
+    const result = action.schema.safeParse(payload);
+    if (!result.success) {
+      onError?.(
+        new JuneError("ACTION_VALIDATION_ERROR", `Invalid payload for action "${name}"`, {
+          details: result.error
+        })
+      );
+      return "failed";
+    }
+    payload = result.data;
+  }
+  try {
+    if (action.sensitive || action.confirm) {
+      const ask = action.confirm ?? confirm;
+      if (!ask) {
+        onError?.(
+          new JuneError(
+            "ACTION_REJECTED",
+            `Action "${name}" requires confirmation but no confirm handler was provided`
+          )
+        );
+        return "rejected";
+      }
+      const approved = await ask({ name, payload, description: action.description });
+      if (!approved) return "rejected";
+    }
+    await action.handler(payload, { name, event });
+    return "handled";
+  } catch (error) {
+    onError?.(toJuneError(error, "ACTION_ERROR"));
+    return "failed";
+  }
+}
+function createActionHandler(options) {
+  return (event) => {
+    void runAction(event, options);
+  };
+}
+
+// src/features/document-editor/document-context.ts
+import { createContext as createContext3, useContext as useContext3, useSyncExternalStore } from "react";
+var JuneDocumentContext = createContext3({});
+function useDocumentOptions() {
+  return useContext3(JuneDocumentContext);
+}
+function useDocumentValue(store, id, selector) {
+  const read = () => selector(store.get(id));
+  return useSyncExternalStore(store.subscribe, read, read);
+}
+
+// src/features/document-editor/use-document-bridge.ts
+import { useCallback, useEffect, useMemo, useRef } from "react";
+
+// src/features/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/features/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/features/document-editor/program-sync.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/features/document-editor/use-document-bridge.ts
+function useDocumentBridge(options) {
+  const { documents, response, onResponseChange, responseChangeDelay = 300, onJuneError } = options;
+  const latest = useRef({ onResponseChange, responseChangeDelay, response, onJuneError });
+  latest.current = { onResponseChange, responseChangeDelay, response, onJuneError };
+  const timersRef = useRef(/* @__PURE__ */ new Map());
+  useEffect(() => {
+    const timers = timersRef.current;
+    return () => {
+      timers.forEach(clearTimeout);
+      timers.clear();
+    };
+  }, []);
+  const syncProgram = useCallback(async (change, store) => {
+    if (!latest.current.onResponseChange || typeof latest.current.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-BUTK73DW.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"));
+    }
+  }, []);
+  return useMemo(
+    () => ({
+      ...documents,
+      onDocumentChange: (change) => {
+        documents?.onDocumentChange?.(change);
+        if (!latest.current.onResponseChange || change.source === "ai") return;
+        const store = documents?.store ?? getDefaultDocumentStore();
+        const timers = timersRef.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, syncProgram]
+  );
+}
+
+// src/features/document-editor/document-bridge.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function DocumentBridge({ children, ...options }) {
+  const value = useDocumentBridge(options);
+  return /* @__PURE__ */ jsx2(JuneDocumentContext.Provider, { value, children });
+}
+
+// src/themes/theme-provider.tsx
+import { useMemo as useMemo2, useSyncExternalStore as useSyncExternalStore2 } from "react";
+
+// src/themes/dark.ts
+var darkTheme = {
+  "--june-foreground": "#f3f4f6",
+  "--june-muted": "#9ca3af",
+  "--june-border": "#1f2937",
+  "--june-accent": "#818cf8",
+  "--june-danger": "#f87171"
+};
+
+// src/themes/light.ts
+var lightTheme = {
+  "--june-foreground": "#111827",
+  "--june-muted": "#6b7280",
+  "--june-border": "#e5e7eb",
+  "--june-accent": "#4f46e5",
+  "--june-danger": "#b91c1c"
+};
+
+// src/themes/create-theme.ts
+function isThemeSet(input) {
+  if (!input) return false;
+  const keys = Object.keys(input);
+  return keys.length > 0 && keys.every((k) => (k === "light" || k === "dark") && typeof input[k] === "object");
+}
+function resolveThemeVars(input, mode) {
+  if (!input) return void 0;
+  return isThemeSet(input) ? input[mode] : input;
+}
+function createTheme(overrides = {}) {
+  return {
+    light: { ...lightTheme, ...overrides.light },
+    dark: { ...darkTheme, ...overrides.dark }
+  };
+}
+
+// src/themes/theme-provider.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var QUERY = "(prefers-color-scheme: dark)";
+function subscribe(onChange) {
+  if (typeof window === "undefined" || !window.matchMedia) return () => {
+  };
+  const mq = window.matchMedia(QUERY);
+  mq.addEventListener("change", onChange);
+  return () => mq.removeEventListener("change", onChange);
+}
+function getSnapshot() {
+  if (typeof window === "undefined") return "light";
+  return window.matchMedia?.(QUERY)?.matches ? "dark" : "light";
+}
+function getServerSnapshot() {
+  return "light";
+}
+function useResolvedTheme(mode) {
+  const system = useSyncExternalStore2(subscribe, getSnapshot, getServerSnapshot);
+  return mode === "system" ? system : mode;
+}
+function JuneThemeProvider({ mode, vars, className, style, children }) {
+  const explicit = mode !== void 0;
+  const resolved = useResolvedTheme(mode ?? "system");
+  const mergedStyle = useMemo2(() => {
+    const own = resolveThemeVars(vars, resolved);
+    if (!explicit && !own && !style) return void 0;
+    const base = explicit ? resolved === "dark" ? darkTheme : lightTheme : void 0;
+    return {
+      ...base,
+      ...own,
+      ...explicit ? { colorScheme: resolved } : {},
+      ...style
+    };
+  }, [explicit, resolved, vars, style]);
+  const context = useMemo2(() => ({ mode: mode ?? "system", theme: resolved }), [mode, resolved]);
+  return /* @__PURE__ */ jsx3(JuneContext.Provider, { value: context, children: /* @__PURE__ */ jsx3(
+    "div",
+    {
+      className: className ? `june-ui-root ${className}` : "june-ui-root",
+      "data-june-theme": explicit ? resolved : void 0,
+      style: mergedStyle,
+      children
+    }
+  ) });
+}
+
+// src/engine/parser/normalize-program.ts
+var ATTACHABLE = /* @__PURE__ */ new Set([
+  "Accordion",
+  "AreaChart",
+  "BarChart",
+  "Buttons",
+  "Button",
+  "Callout",
+  "Card",
+  "CardHeader",
+  "Carousel",
+  "CodeBlock",
+  "CompositeCardBlock",
+  "ContextCardBlock",
+  "DocumentEditor",
+  "EditableTable",
+  "EntityList",
+  "Form",
+  "HorizontalBarChart",
+  "IconButton",
+  "Image",
+  "ImageBlock",
+  "ImageGallery",
+  "InlineHeader",
+  "LineChart",
+  "ListBlock",
+  "MarkDownRenderer",
+  "Modal",
+  "OverviewCardBlock",
+  "PieChart",
+  "RadarChart",
+  "RadialChart",
+  "ScatterChart",
+  "Separator",
+  "SingleStackedBarChart",
+  "SnippetCardBlock",
+  "Stack",
+  "Steps",
+  "Table",
+  "Tabs",
+  "TagBlock",
+  "TextCallout",
+  "TextContent",
+  "VisualCardBlock"
+]);
+function normalizeProgram(source) {
+  const rewritten = rewriteCalls(source);
+  return attachOrphans(rewritten);
+}
+function rewriteCalls(source) {
+  let out = "";
+  let i = 0;
+  let quote = false;
+  while (i < source.length) {
+    const ch = source[i];
+    if (quote) {
+      out += ch;
+      if (ch === "\\") {
+        i += 1;
+        if (i < source.length) out += source[i];
+      } else if (ch === '"') {
+        quote = false;
+      }
+      i += 1;
+      continue;
+    }
+    if (ch === '"') {
+      quote = true;
+      out += ch;
+      i += 1;
+      continue;
+    }
+    const call = readCall(source, i);
+    if (call) {
+      const next = rewriteKnownCall(call);
+      if (next !== null) {
+        out += next;
+        i = call.end;
+        continue;
+      }
+    }
+    out += ch;
+    i += 1;
+  }
+  return out === source ? source : out;
+}
+function rewriteKnownCall(call) {
+  if (call.callee === "Grid") {
+    const args = call.args.map((arg) => rewriteCalls(arg));
+    const children = args.length === 0 ? "[]" : args.length === 1 ? args[0] : null;
+    if (children !== null) {
+      return `Stack(${children}, "row", "m", "stretch", "start", true)`;
+    }
+    return `Stack(${args.join(", ")})`;
+  }
+  if (call.callee === "Card") {
+    const args = call.args.map((arg) => rewriteCalls(arg));
+    if (args.length >= 2 && isStringLiteral(args[0]) && isStringLiteral(args[1])) {
+      const children = `[TextContent(${args[0]}, "small"), TextContent(${args[1]}, "large-heavy")]`;
+      return `Card(${[children, ...args.slice(2)].join(", ")})`;
+    }
+    if (args.some((arg, index) => arg !== call.args[index])) {
+      return `Card(${args.join(", ")})`;
+    }
+  }
+  return null;
+}
+function readCall(source, index) {
+  if (index > 0 && /[A-Za-z0-9_$]/.test(source[index - 1])) return null;
+  const match = /^(Grid|Card)\s*\(/.exec(source.slice(index));
+  if (!match) return null;
+  const open = index + match[0].length - 1;
+  const close = findMatchingParen(source, open);
+  if (close < 0) return null;
+  const args = splitArgs(source.slice(open + 1, close));
+  if (!args) return null;
+  return { callee: match[1], args, end: close + 1 };
+}
+function findMatchingParen(source, open) {
+  let depth = 0;
+  let quote = false;
+  for (let i = open; i < source.length; i += 1) {
+    const ch = source[i];
+    if (quote) {
+      if (ch === "\\") i += 1;
+      else if (ch === '"') quote = false;
+      continue;
+    }
+    if (ch === '"') quote = true;
+    else if (ch === "(") depth += 1;
+    else if (ch === ")") {
+      depth -= 1;
+      if (depth === 0) return i;
+    }
+  }
+  return -1;
+}
+function splitArgs(inner) {
+  const args = [];
+  let start = 0;
+  let depth = 0;
+  let quote = false;
+  for (let i = 0; i < inner.length; i += 1) {
+    const ch = inner[i];
+    if (quote) {
+      if (ch === "\\") i += 1;
+      else if (ch === '"') quote = false;
+      continue;
+    }
+    if (ch === '"') quote = true;
+    else if (ch === "(" || ch === "[" || ch === "{") depth += 1;
+    else if (ch === ")" || ch === "]" || ch === "}") depth -= 1;
+    else if (ch === "," && depth === 0) {
+      args.push(inner.slice(start, i).trim());
+      start = i + 1;
+    }
+  }
+  if (quote || depth !== 0) return null;
+  const last = inner.slice(start).trim();
+  if (last) args.push(last);
+  return args;
+}
+function isStringLiteral(value) {
+  return /^"(?:\\.|[^"\\])*"$/.test(value.trim());
+}
+function attachOrphans(source) {
+  let text = source;
+  let stmts = parseStatements(text);
+  if (!stmts) return source;
+  const taken = new Set(stmts.map((stmt) => stmt.name));
+  const extraRoots = stmts.filter((stmt) => stmt.name === "root").slice(1);
+  if (extraRoots.length > 0) {
+    const edits = extraRoots.map((stmt) => {
+      const body2 = fresh(taken, "rootBlock");
+      const stmtText = text.slice(stmt.start, stmt.end);
+      return {
+        start: stmt.start,
+        end: stmt.end,
+        text: stmtText.replace(/^(\s*)root\b/, `$1${body2}`)
+      };
+    });
+    text = applyEdits(text, edits);
+    stmts = parseStatements(text);
+    if (!stmts) return source;
+  }
+  const orphans = stmts.filter(
+    (stmt) => stmt.name !== "root" && ATTACHABLE.has(calleeOf(stmt.rhs) ?? "") && !referencedByOther(stmt.name, stmts)
+  );
+  if (orphans.length === 0) return source;
+  const names = orphans.map((stmt) => stmt.name);
+  const root = stmts.find((stmt) => stmt.name === "root");
+  if (!root) return `root = Stack([${names.join(", ")}])
+${text}`;
+  const rawRhs = text.slice(root.rhsStart, root.end);
+  const lead = /^\s*/.exec(rawRhs)?.[0] ?? "";
+  const spliced = spliceFirstArray(rawRhs.trim(), names);
+  if (spliced !== null) {
+    return text.slice(0, root.rhsStart) + lead + spliced + text.slice(root.end);
+  }
+  const body = fresh(new Set(stmts.map((stmt) => stmt.name)), "rootBody");
+  const wrapped = `root = Stack([${body}, ${names.join(", ")}])
+${body} = ${rawRhs.trim()}`;
+  return text.slice(0, root.start) + wrapped + text.slice(root.end);
+}
+function spliceFirstArray(rhs, names) {
+  const match = /^([A-Za-z_]\w*)\s*\(/.exec(rhs);
+  if (!match || match[1] !== "Stack" && match[1] !== "Card") return null;
+  const openParen = match[0].length - 1;
+  let paren = 0;
+  let quote = false;
+  let arrayStart = -1;
+  let arrayDepth = 0;
+  let arrayEnd = -1;
+  for (let i = openParen; i < rhs.length; i += 1) {
+    const ch = rhs[i];
+    if (quote) {
+      if (ch === "\\") i += 1;
+      else if (ch === '"') quote = false;
+      continue;
+    }
+    if (ch === '"') quote = true;
+    else if (ch === "(") paren += 1;
+    else if (ch === ")") {
+      paren -= 1;
+      if (paren === 0) break;
+    } else if (ch === "[") {
+      if (paren === 1 && arrayStart < 0) {
+        arrayStart = i;
+        arrayDepth = 1;
+      } else if (arrayStart >= 0 && arrayEnd < 0) {
+        arrayDepth += 1;
+      }
+    } else if (ch === "]" && arrayStart >= 0 && arrayEnd < 0) {
+      arrayDepth -= 1;
+      if (arrayDepth === 0) arrayEnd = i;
+    }
+  }
+  if (arrayStart < 0 || arrayEnd < 0) return null;
+  const inner = rhs.slice(arrayStart + 1, arrayEnd).trim();
+  const merged = inner === "" ? names.join(", ") : `${inner.replace(/,\s*$/, "")}, ${names.join(", ")}`;
+  return rhs.slice(0, arrayStart + 1) + merged + rhs.slice(arrayEnd);
+}
+function referencedByOther(name, stmts) {
+  const pattern = new RegExp(
+    `(?<![A-Za-z0-9_$.])${name.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")}(?![A-Za-z0-9_])`
+  );
+  return stmts.some((stmt) => stmt.name !== name && pattern.test(stripStrings(stmt.rhs)));
+}
+function calleeOf(rhs) {
+  const match = /^([A-Za-z_]\w*)\s*\(/.exec(rhs.trim());
+  return match ? match[1] : null;
+}
+function stripStrings(text) {
+  return text.replace(/"(?:\\.|[^"\\])*"/g, '""');
+}
+function fresh(taken, base) {
+  let name = base;
+  let n = 2;
+  while (taken.has(name)) {
+    name = `${base}${n}`;
+    n += 1;
+  }
+  taken.add(name);
+  return name;
+}
+function applyEdits(source, edits) {
+  const ordered = [...edits].sort((a, b) => b.start - a.start);
+  let text = source;
+  for (const edit of ordered) {
+    text = text.slice(0, edit.start) + edit.text + text.slice(edit.end);
+  }
+  return text;
+}
+function parseStatements(source) {
+  const lines = source.split("\n");
+  const stmts = [];
+  let offset = 0;
+  let depth = 0;
+  let quote = false;
+  let current = null;
+  const scan2 = (line) => {
+    for (let i = 0; i < line.length; i += 1) {
+      const ch = line[i];
+      if (quote) {
+        if (ch === "\\") i += 1;
+        else if (ch === '"') quote = false;
+      } else if (ch === '"') {
+        quote = true;
+      } else if (ch === "(" || ch === "[" || ch === "{") {
+        depth += 1;
+      } else if (ch === ")" || ch === "]" || ch === "}") {
+        depth = Math.max(0, depth - 1);
+      }
+    }
+  };
+  for (let li = 0; li < lines.length; li += 1) {
+    const line = lines[li];
+    const lineStart = offset;
+    const lineEnd = offset + line.length;
+    offset = lineEnd + (li < lines.length - 1 ? 1 : 0);
+    if (current && depth > 0) {
+      scan2(line);
+      if (depth === 0) {
+        stmts.push({
+          name: current.name,
+          rhs: source.slice(current.rhsStart, lineEnd).trim(),
+          start: current.start,
+          end: lineEnd,
+          rhsStart: current.rhsStart
+        });
+        current = null;
+      }
+      continue;
+    }
+    const trimmed = line.trim();
+    if (trimmed === "" || trimmed.startsWith("```")) continue;
+    const match = /^(\s*)(\$?[A-Za-z_]\w*)\s*=/.exec(line);
+    if (!match) return null;
+    const eq = line.indexOf("=");
+    const rhsStart = lineStart + eq + 1;
+    depth = 0;
+    quote = false;
+    scan2(line);
+    if (depth === 0) {
+      stmts.push({
+        name: match[2],
+        rhs: line.slice(eq + 1).trim(),
+        start: lineStart,
+        end: lineEnd,
+        rhsStart
+      });
+    } else {
+      current = { name: match[2], start: lineStart, rhsStart };
+    }
+  }
+  if (current || depth !== 0) return null;
+  return stmts;
+}
+
+// src/engine/parser/split-response.ts
+var STATEMENT_START = /^\$?[A-Za-z_]\w*\s*=/;
+var PENDING_IDENTIFIER = /^\s*\$?[A-Za-z_]\w*\s*$/;
+var FENCE = /^(`{3,})\s*([\w-]*)/;
+var OPENUI_FENCE_LANGS = /* @__PURE__ */ new Set(["", "openui", "openui-lang", "openuilang"]);
+function scan(line, state) {
+  for (let i = 0; i < line.length; i++) {
+    const ch = line[i];
+    if (state.quote) {
+      if (ch === "\\") i++;
+      else if (ch === state.quote) state.quote = null;
+    } else if (ch === '"') {
+      state.quote = ch;
+    } else if (ch === "(" || ch === "[" || ch === "{") {
+      state.depth++;
+    } else if (ch === ")" || ch === "]" || ch === "}") {
+      state.depth = Math.max(0, state.depth - 1);
+    }
+  }
+  state.quote = null;
+}
+function splitResponse(source, options = {}) {
+  const markdown = options.markdown === true;
+  let input = source;
+  if (options.streaming && !input.endsWith("\n")) {
+    const cut = input.lastIndexOf("\n");
+    if (PENDING_IDENTIFIER.test(input.slice(cut + 1))) input = input.slice(0, cut + 1);
+  }
+  const before = [];
+  const after = [];
+  const ui = [];
+  const state = { depth: 0, quote: null };
+  let text = [];
+  let seenUi = false;
+  let sawFence = false;
+  let codeFence = null;
+  const flushText = () => {
+    const joined = (markdown ? text.join("\n") : text.join(" ")).trim();
+    text = [];
+    if (joined) (seenUi ? after : before).push(joined);
+  };
+  for (const line of input.split(/\r?\n/)) {
+    const trimmed = line.trim();
+    if (codeFence !== null) {
+      text.push(line);
+      if (trimmed.startsWith(codeFence)) {
+        codeFence = null;
+        flushText();
+      }
+      continue;
+    }
+    const fence = FENCE.exec(trimmed);
+    if (fence) {
+      sawFence = true;
+      if (markdown && state.depth === 0 && !OPENUI_FENCE_LANGS.has(fence[2].toLowerCase())) {
+        flushText();
+        codeFence = fence[1];
+        text.push(line);
+        continue;
+      }
+      continue;
+    }
+    if (state.depth > 0) {
+      ui.push(line);
+      scan(line, state);
+      continue;
+    }
+    if (STATEMENT_START.test(trimmed)) {
+      flushText();
+      seenUi = true;
+      ui.push(line);
+      scan(line, state);
+      continue;
+    }
+    if (trimmed === "") {
+      flushText();
+      continue;
+    }
+    text.push(markdown ? line.trimEnd() : trimmed);
+  }
+  flushText();
+  return {
+    before,
+    ui: ui.join("\n"),
+    after,
+    pure: !sawFence && before.length === 0 && after.length === 0
+  };
+}
+
+// src/engine/parser/mixed-content.ts
+function resolveMixedContent(response, options = {}) {
+  const { mixedContent = true, isStreaming = false, repair = true, markdown = false } = options;
+  const parts = mixedContent && response ? splitResponse(response, { streaming: isStreaming, markdown }) : null;
+  const raw = parts && !parts.pure ? parts.ui : response;
+  const ui = !repair || !mixedContent || isStreaming || typeof raw !== "string" || raw.length === 0 ? raw : normalizeProgram(raw);
+  const before = parts?.before ?? [];
+  const after = parts?.after ?? [];
+  return {
+    before,
+    ui,
+    after,
+    hasUi: typeof ui === "string" && ui.trim().length > 0,
+    hasText: before.length + after.length > 0
+  };
+}
+
+// src/engine/renderer/error-boundary.tsx
+import { Component } from "react";
+import { jsx as jsx4 } from "react/jsx-runtime";
+function keysChanged(a = [], b = []) {
+  return a.length !== b.length || a.some((v, i) => !Object.is(v, b[i]));
+}
+var JuneErrorBoundary = class extends Component {
+  constructor() {
+    super(...arguments);
+    this.state = { error: null };
+    this.reset = () => {
+      this.setState({ error: null });
+    };
+  }
+  static getDerivedStateFromError(error) {
+    return { error };
+  }
+  componentDidCatch(error, info) {
+    this.props.onError?.(error, info);
+  }
+  componentDidUpdate(prev) {
+    if (this.state.error && keysChanged(prev.resetKeys, this.props.resetKeys)) {
+      this.reset();
+    }
+  }
+  render() {
+    const { error } = this.state;
+    if (!error) return this.props.children;
+    const { fallback } = this.props;
+    if (typeof fallback === "function") return fallback({ error, reset: this.reset });
+    if (fallback !== void 0) return fallback;
+    return /* @__PURE__ */ jsx4("div", { role: "alert", "data-june-error": "", children: "Something went wrong while rendering this UI." });
+  }
+};
+
+// src/engine/renderer/markdown-text.tsx
+import { lazy, Suspense } from "react";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var MarkDownRenderer = lazy(
+  () => import("@openuidev/react-ui").then((m) => ({ default: m.MarkDownRenderer }))
+);
+function MarkdownText({ text, className }) {
+  return /* @__PURE__ */ jsx5("div", { className: className ? `june-markdown ${className}` : "june-markdown", children: /* @__PURE__ */ jsx5(Suspense, { fallback: /* @__PURE__ */ jsx5("p", { className: "june-text", children: text }), children: /* @__PURE__ */ jsx5(MarkDownRenderer, { textMarkdown: text, variant: "clear" }) }) });
+}
+
+// src/engine/renderer/june-renderer.tsx
+import { jsx as jsx6, jsxs } from "react/jsx-runtime";
+function JuneRenderer(props) {
+  const {
+    library,
+    response,
+    isStreaming = false,
+    mixedContent = true,
+    textFormat = "plain",
+    renderText,
+    repair = true,
+    theme,
+    themeVars,
+    className,
+    style,
+    actions,
+    confirmAction,
+    parseActionEvent,
+    onAction,
+    onError,
+    onJuneError,
+    documents,
+    onResponseChange,
+    responseChangeDelay,
+    loadingFallback = null,
+    emptyFallback = null,
+    errorFallback,
+    resetKeys,
+    ...rendererProps
+  } = props;
+  const latest = useRef2({ actions, confirmAction, parseActionEvent, onAction, onError, onJuneError });
+  latest.current = { actions, confirmAction, parseActionEvent, onAction, onError, onJuneError };
+  const handleAction = useCallback2((event) => {
+    const l = latest.current;
+    l.onAction?.(event);
+    if (l.actions) {
+      void runAction(event, {
+        actions: l.actions,
+        parseEvent: l.parseActionEvent,
+        confirm: l.confirmAction,
+        onError: (e) => l.onJuneError?.(e)
+      });
+    }
+  }, []);
+  const handleParserErrors = useCallback2((errors) => {
+    const list2 = Array.isArray(errors) ? errors : [];
+    const l = latest.current;
+    l.onError?.(list2);
+    const real = list2.filter((e) => e?.severity !== "warning");
+    if (real.length > 0) {
+      l.onJuneError?.(new JuneError("PARSE_ERROR", `OpenUI reported ${real.length} error(s)`, { details: real }));
+    }
+    if (list2.length > 0 && !l.onError && !l.onJuneError) {
+      console.warn("[june-ui] OpenUI reported errors:", list2);
+    }
+  }, []);
+  const handleBoundaryError = useCallback2((error, info) => {
+    latest.current.onJuneError?.(
+      new JuneError("RENDER_ERROR", error.message, {
+        cause: error,
+        details: { componentStack: info.componentStack }
+      })
+    );
+  }, []);
+  const handleDocumentError = useCallback2((error) => latest.current.onJuneError?.(error), []);
+  const runtime = useMemo3(() => ({ isStreaming }), [isStreaming]);
+  const content = useMemo3(
+    () => resolveMixedContent(response, { mixedContent, isStreaming, repair, markdown: textFormat === "markdown" }),
+    [response, mixedContent, isStreaming, repair, textFormat]
+  );
+  const { before, after, ui, hasUi, hasText } = content;
+  const text = (value, index, key) => /* @__PURE__ */ jsx6(Fragment, { children: renderText ? renderText(value, index) : textFormat === "markdown" ? /* @__PURE__ */ jsx6(MarkdownText, { text: value }) : /* @__PURE__ */ jsx6("p", { className: "june-text", children: value }) }, key);
+  return /* @__PURE__ */ jsxs(JuneThemeProvider, { mode: theme, vars: themeVars, className, style, children: [
+    /* @__PURE__ */ jsx6(OpenUIDevtoolsGate, {}),
+    /* @__PURE__ */ jsx6(JuneRuntimeContext.Provider, { value: runtime, children: /* @__PURE__ */ jsx6(
+      DocumentBridge,
+      {
+        documents,
+        response,
+        onResponseChange,
+        responseChangeDelay,
+        onJuneError: handleDocumentError,
+        children: /* @__PURE__ */ jsxs(JuneErrorBoundary, { fallback: errorFallback, onError: handleBoundaryError, resetKeys: resetKeys ?? [response], children: [
+          before.map((t, i) => text(t, i, `b${i}`)),
+          hasUi && /* @__PURE__ */ jsx6(
+            Renderer,
+            {
+              ...rendererProps,
+              library,
+              response: ui,
+              isStreaming,
+              onAction: handleAction,
+              onError: handleParserErrors
+            }
+          ),
+          after.map((t, i) => text(t, before.length + i, `a${i}`)),
+          !hasUi && !hasText && (isStreaming ? loadingFallback : emptyFallback)
+        ] })
+      }
+    ) })
+  ] });
+}
+
+// src/engine/registry/define-component.ts
+import { createElement } from "react";
+import {
+  defineComponent as defineOpenUIComponent
+} from "@openuidev/react-lang";
+var NAME = /^[A-Z][A-Za-z0-9_]*$/;
+function isZodObject(value) {
+  const def = value?._zod?.def;
+  return def?.type === "object";
+}
+function validateComponentDefinition(definition) {
+  const { name } = definition;
+  if (typeof name !== "string" || !NAME.test(name)) {
+    throw new JuneError(
+      "LIBRARY_ERROR",
+      `Component name ${JSON.stringify(name)} is invalid. Use PascalCase letters, digits and "_" (for example "CustomCard").`
+    );
+  }
+  if (typeof definition.description !== "string" || definition.description.trim() === "") {
+    throw new JuneError(
+      "LIBRARY_ERROR",
+      `Component "${name}" needs a description. The model reads it to decide when to use the component.`
+    );
+  }
+  if (!isZodObject(definition.schema)) {
+    throw new JuneError(
+      "LIBRARY_ERROR",
+      `Component "${name}" needs a Zod 4 object schema, e.g. z.object({ ... }). On Zod 3.25 import z from "zod/v4".`
+    );
+  }
+  const hasComponent = definition.component !== void 0;
+  const hasRender = definition.render !== void 0;
+  if (hasComponent === hasRender) {
+    throw new JuneError(
+      "LIBRARY_ERROR",
+      `Component "${name}" needs exactly one of "component" (a React component taking its props) or "render" (OpenUI renderer props).`
+    );
+  }
+  if (hasRender && typeof definition.render !== "function") {
+    throw new JuneError("LIBRARY_ERROR", `Component "${name}": "render" must be a function.`);
+  }
+  if (hasComponent && typeof definition.component !== "function" && typeof definition.component !== "object") {
+    throw new JuneError("LIBRARY_ERROR", `Component "${name}": "component" must be a React component.`);
+  }
+}
+function defineComponent(options) {
+  validateComponentDefinition(options);
+  const { name, description, schema, slots, metadata } = options;
+  let renderer;
+  if (options.render) {
+    const render = options.render;
+    renderer = (args) => render(args);
+  } else {
+    const Component2 = options.component;
+    renderer = ({ props }) => createElement(Component2, props);
+  }
+  renderer.displayName = `June(${name})`;
+  const defined = defineOpenUIComponent({ name, description, props: schema, component: renderer });
+  const june = Object.freeze({
+    ...slots ? { slots: Object.freeze([...slots]) } : {},
+    ...metadata ? { metadata } : {}
+  });
+  return Object.assign(defined, { june });
+}
+function isJuneComponent(value) {
+  return typeof value === "object" && value !== null && "june" in value && "component" in value;
+}
+
+// src/engine/registry/component-registry.ts
+import { createLibrary } from "@openuidev/react-lang";
+function nameOf(component) {
+  const name = component?.name;
+  if (typeof name !== "string" || name.length === 0) {
+    throw new JuneError("LIBRARY_ERROR", "Every component needs a non-empty string name");
+  }
+  return name;
+}
+function slotsOf(component) {
+  return isJuneComponent(component) ? component.june.slots : void 0;
+}
+var isDev = () => typeof process !== "undefined" && process.env?.NODE_ENV === "development";
+var ComponentRegistry = class {
+  constructor(options = {}) {
+    this.added = /* @__PURE__ */ new Map();
+    this.overridden = /* @__PURE__ */ new Map();
+    this.removed = /* @__PURE__ */ new Set();
+    this.cached = null;
+    this.listeners = /* @__PURE__ */ new Set();
+    /** For `useSyncExternalStore`: called after every change. */
+    this.subscribe = (listener) => {
+      this.listeners.add(listener);
+      return () => {
+        this.listeners.delete(listener);
+      };
+    };
+    this.getSnapshot = () => this.library;
+    this.base = options.base;
+    this.root = options.root;
+    if (options.base && typeof options.base.extend !== "function") {
+      throw new JuneError("LIBRARY_ERROR", "The base library has no extend(); create it with OpenUI's createLibrary()");
+    }
+    this.transaction(() => {
+      for (const name of options.remove ?? []) this.applyRemove(name);
+      for (const c of options.components ?? []) this.applyRegister(c, false);
+      for (const c of options.overrides ?? []) this.applyRegister(c, true);
+    });
+  }
+  /** The OpenUI library for the current set of components. Stable until the registry changes. */
+  get library() {
+    if (!this.cached) this.cached = this.build();
+    return this.cached;
+  }
+  /** Adds one or more components. Set `override: true` to replace an existing name. */
+  register(components, options = {}) {
+    const list2 = Array.isArray(components) ? components : [components];
+    this.transaction(() => {
+      for (const c of list2) this.applyRegister(c, options.override === true);
+    });
+    return this;
+  }
+  /** Replaces existing components by name (same as `register(c, { override: true })`). */
+  override(components) {
+    return this.register(components, { override: true });
+  }
+  /**
+   * Removes a component. A registered component is dropped; an overridden built-in goes back to
+   * the original; a built-in is removed from the library.
+   */
+  unregister(name) {
+    this.transaction(() => this.applyRemove(name));
+    return this;
+  }
+  /** Drops every change and returns to the base library. */
+  reset() {
+    if (this.added.size + this.overridden.size + this.removed.size === 0) return this;
+    this.added.clear();
+    this.overridden.clear();
+    this.removed.clear();
+    this.changed();
+    return this;
+  }
+  has(name) {
+    return Object.prototype.hasOwnProperty.call(this.library.components, name);
+  }
+  get(name) {
+    return this.has(name) ? this.library.components[name] : void 0;
+  }
+  /** June metadata (`slots`, `metadata`) of a component, when it was made with June's defineComponent. */
+  getMeta(name) {
+    const c = this.added.get(name) ?? this.overridden.get(name);
+    return c && isJuneComponent(c) ? c.june : void 0;
+  }
+  /** Every component name in the library. */
+  names() {
+    return Object.keys(this.library.components);
+  }
+  /** Names added or overridden through this registry. */
+  customNames() {
+    return [...this.added.keys(), ...this.overridden.keys()];
+  }
+  /** The system prompt for these components (OpenUI's `library.prompt`). Usually called on the server. */
+  prompt(options) {
+    return this.library.prompt(options);
+  }
+  /* ---------------- internals ---------------- */
+  exists(name) {
+    if (this.added.has(name)) return true;
+    if (this.removed.has(name)) return false;
+    return !!this.base && Object.prototype.hasOwnProperty.call(this.base.components, name);
+  }
+  applyRegister(component, override) {
+    const name = nameOf(component);
+    const exists = this.exists(name);
+    if (exists && !override) {
+      throw new JuneError(
+        "LIBRARY_ERROR",
+        `Component "${name}" is already registered. Pass { override: true } (or use overrides) to replace it.`
+      );
+    }
+    if (!exists && override) {
+      throw new JuneError("LIBRARY_ERROR", `Cannot override "${name}": no component with that name. Register it instead.`);
+    }
+    const inBase = !!this.base && Object.prototype.hasOwnProperty.call(this.base.components, name);
+    if (inBase && !this.removed.has(name)) this.overridden.set(name, component);
+    else this.added.set(name, component);
+  }
+  applyRemove(name) {
+    if (this.added.delete(name)) return;
+    if (this.overridden.delete(name)) return;
+    const inBase = !!this.base && Object.prototype.hasOwnProperty.call(this.base.components, name);
+    if (!inBase || this.removed.has(name)) {
+      throw new JuneError("LIBRARY_ERROR", `Cannot remove "${name}": no component with that name.`);
+    }
+    if (this.base?.root === name) {
+      throw new JuneError("LIBRARY_ERROR", `Cannot remove "${name}": it is the root component.`);
+    }
+    this.removed.add(name);
+  }
+  /** Applies changes atomically: on error the previous state is restored and the error rethrown. */
+  transaction(apply) {
+    const snapshot = {
+      added: new Map(this.added),
+      overridden: new Map(this.overridden),
+      removed: new Set(this.removed),
+      cached: this.cached
+    };
+    try {
+      apply();
+      this.cached = this.build();
+    } catch (error) {
+      this.added = snapshot.added;
+      this.overridden = snapshot.overridden;
+      this.removed = snapshot.removed;
+      this.cached = snapshot.cached;
+      throw error instanceof JuneError ? error : new JuneError("LIBRARY_ERROR", "OpenUI rejected the component library", { cause: error });
+    }
+    if (this.cached !== snapshot.cached) this.notify();
+  }
+  changed() {
+    this.cached = null;
+    this.notify();
+  }
+  notify() {
+    this.listeners.forEach((l) => l());
+  }
+  build() {
+    const added = [...this.added.values()];
+    const overrides = [...this.overridden.values()];
+    const remove = [...this.removed];
+    if (!this.base) {
+      return createLibrary({ components: added, root: this.root });
+    }
+    if (added.length + overrides.length + remove.length === 0) return this.base;
+    const base = this.base;
+    const extension = (withSlots) => ({
+      components: {
+        add: added.map((component) => {
+          const slots = withSlots ? slotsOf(component) : void 0;
+          return slots && slots.length > 0 ? { component, slots: [...slots] } : component;
+        }),
+        ...overrides.length ? { override: overrides } : {},
+        ...remove.length ? { remove } : {}
+      }
+    });
+    try {
+      return base.extend(extension(true));
+    } catch (first) {
+      if (added.some((c) => slotsOf(c)?.length)) {
+        try {
+          const library = base.extend(extension(false));
+          if (isDev()) console.warn("[june-ui] Component slots were skipped (they need Zod 4.1+):", first);
+          return library;
+        } catch {
+        }
+      }
+      try {
+        return this.rebuild(added, overrides);
+      } catch {
+        throw first;
+      }
+    }
+  }
+  rebuild(added, overrides) {
+    const base = this.base;
+    const replace = new Map(overrides.map((c) => [nameOf(c), c]));
+    const components = Object.values(base.components).filter((c) => !this.removed.has(c.name)).map((c) => replace.get(c.name) ?? c).concat(added);
+    const componentGroups = base.componentGroups?.map((g) => ({ ...g, components: g.components.filter((n) => !this.removed.has(n)) })).filter((g) => g.components.length > 0);
+    return createLibrary({
+      components,
+      componentGroups,
+      root: base.root,
+      id: base.id,
+      functions: base.functions ? Object.values(base.functions) : void 0,
+      actions: base.actions ? Object.values(base.actions) : void 0
+    });
+  }
+};
+function createComponentRegistry(options = {}) {
+  return new ComponentRegistry(options);
+}
+
+// src/engine/registry/use-component-registry.ts
+import { useSyncExternalStore as useSyncExternalStore3 } from "react";
+function useRegistryLibrary(registry2) {
+  return useSyncExternalStore3(registry2.subscribe, registry2.getSnapshot, registry2.getSnapshot);
+}
+
+// src/engine/registry/create-library.ts
+import { createLibrary as createLibrary2, defineComponent as defineComponent2 } from "@openuidev/react-lang";
+var defineJuneComponent = defineComponent2;
+function createJuneLibrary(options) {
+  const { allow, deny, ...rest } = options;
+  const input = rest;
+  const raw = input;
+  const components = raw.components ?? [];
+  const names = /* @__PURE__ */ new Set();
+  for (const component of components) {
+    if (typeof component?.name !== "string" || component.name.length === 0) {
+      throw new JuneError("LIBRARY_ERROR", "Every component needs a non-empty string name");
+    }
+    if (names.has(component.name)) {
+      throw new JuneError("LIBRARY_ERROR", `Duplicate component name "${component.name}"`);
+    }
+    names.add(component.name);
+  }
+  const allowSet = allow ? new Set(allow) : null;
+  const denySet = deny ? new Set(deny) : null;
+  if (allowSet) {
+    for (const n of allowSet) {
+      if (!names.has(n)) throw new JuneError("LIBRARY_ERROR", `Allowed component "${n}" is not registered`);
+    }
+  }
+  const keep = components.filter((c) => {
+    const n = c.name;
+    return (!allowSet || allowSet.has(n)) && !(denySet && denySet.has(n));
+  });
+  if (raw.root !== void 0 && !keep.some((c) => c.name === raw.root)) {
+    throw new JuneError("LIBRARY_ERROR", `Root component "${raw.root}" is missing after filtering`);
+  }
+  try {
+    const unfiltered = keep.length === components.length;
+    return createLibrary2(
+      unfiltered ? input : { ...input, components: keep }
+    );
+  } catch (error) {
+    throw new JuneError("LIBRARY_ERROR", "OpenUI rejected the component library", { cause: error });
+  }
+}
+
+// src/features/actions/define-action.ts
+function defineJuneAction(definition) {
+  if (typeof definition.handler !== "function") {
+    throw new JuneError("ACTION_VALIDATION_ERROR", "defineJuneAction requires a handler function");
+  }
+  return Object.freeze({ ...definition, __june: "action" });
+}
+
+// src/features/streaming/use-june-stream.ts
+import { useCallback as useCallback3, useEffect as useEffect2, useMemo as useMemo4, useRef as useRef3, useState } from "react";
+
+// src/features/streaming/stream-handler.ts
+function isReadableStream(source) {
+  return typeof source.getReader === "function";
+}
+async function* iterateReadable(stream, signal) {
+  const reader = stream.getReader();
+  const onAbort = () => {
+    void reader.cancel().catch(() => {
+    });
+  };
+  signal?.addEventListener("abort", onAbort, { once: true });
+  try {
+    while (true) {
+      const { done, value } = await reader.read();
+      if (done) return;
+      yield value;
+    }
+  } finally {
+    signal?.removeEventListener("abort", onAbort);
+    try {
+      reader.releaseLock();
+    } catch {
+    }
+  }
+}
+function toAsyncIterable(source, signal) {
+  return isReadableStream(source) ? iterateReadable(source, signal) : source;
+}
+function abortedError(partial) {
+  return new JuneError("STREAM_ABORTED", "Stream was aborted", { details: { partial } });
+}
+async function consumeStream(source, options = {}) {
+  const { signal, onText, allowEmpty = false } = options;
+  if (signal?.aborted) throw abortedError("");
+  const decoder = new TextDecoder();
+  let text = "";
+  let received = false;
+  const push = (delta) => {
+    if (!delta) return;
+    received = true;
+    text += delta;
+    onText?.(delta, text);
+  };
+  try {
+    for await (const chunk of toAsyncIterable(source, signal)) {
+      if (signal?.aborted) break;
+      push(typeof chunk === "string" ? chunk : decoder.decode(chunk, { stream: true }));
+    }
+    push(decoder.decode());
+  } catch (error) {
+    if (signal?.aborted) throw abortedError(text);
+    if (error instanceof JuneError) throw error;
+    throw new JuneError("STREAM_ERROR", "Stream was interrupted", {
+      cause: error,
+      details: { partial: text }
+    });
+  }
+  if (signal?.aborted) throw abortedError(text);
+  if (!received && !allowEmpty) {
+    throw new JuneError("STREAM_EMPTY", "Stream completed without any content");
+  }
+  return text;
+}
+
+// src/features/streaming/sse-adapter.ts
+var BOUNDARY = /\r\n\r\n|\n\n|\r\r/;
+function parseFrame(raw) {
+  let event = "message";
+  const data = [];
+  for (const line of raw.split(/\r\n|\n|\r/)) {
+    if (!line || line.startsWith(":")) continue;
+    const i = line.indexOf(":");
+    const field = i === -1 ? line : line.slice(0, i);
+    let value = i === -1 ? "" : line.slice(i + 1);
+    if (value.startsWith(" ")) value = value.slice(1);
+    if (field === "event") event = value;
+    else if (field === "data") data.push(value);
+  }
+  if (data.length === 0 && event === "message") return null;
+  return { event, data: data.join("\n") };
+}
+async function* sseToText(source, options = {}) {
+  const { extract, doneSentinel = "[DONE]", signal } = options;
+  const decoder = new TextDecoder();
+  let buffer = "";
+  const handle = (raw) => {
+    const frame = parseFrame(raw);
+    if (!frame) return { done: false, text: null };
+    if (frame.event === "error") {
+      throw new JuneError("STREAM_ERROR", frame.data || "Server sent an error event", {
+        details: frame
+      });
+    }
+    if (doneSentinel !== null && frame.data === doneSentinel) {
+      return { done: true, text: null };
+    }
+    const text = extract ? extract(frame.data, frame.event) : frame.data;
+    return { done: false, text: text ? text : null };
+  };
+  for await (const chunk of toAsyncIterable(source, signal)) {
+    buffer += typeof chunk === "string" ? chunk : decoder.decode(chunk, { stream: true });
+    let match;
+    while ((match = BOUNDARY.exec(buffer)) !== null) {
+      const raw = buffer.slice(0, match.index);
+      buffer = buffer.slice(match.index + match[0].length);
+      const result = handle(raw);
+      if (result.done) return;
+      if (result.text) yield result.text;
+    }
+  }
+  buffer += decoder.decode();
+  if (buffer.trim()) {
+    const result = handle(buffer);
+    if (!result.done && result.text) yield result.text;
+  }
+}
+function jsonFieldExtractor(path) {
+  const keys = path.split(".");
+  return (data) => {
+    try {
+      let current = JSON.parse(data);
+      for (const key of keys) {
+        if (current === null || typeof current !== "object") return null;
+        current = current[key];
+      }
+      return typeof current === "string" ? current : null;
+    } catch {
+      return null;
+    }
+  };
+}
+
+// src/features/streaming/fetch-adapter.ts
+async function fetchStream(input, options = {}) {
+  const { sse, ...init } = options;
+  let response;
+  try {
+    response = await fetch(input, init);
+  } catch (error) {
+    if (init.signal?.aborted) {
+      throw new JuneError("STREAM_ABORTED", "Request was aborted", { cause: error });
+    }
+    throw new JuneError("NETWORK_ERROR", "Network request failed", { cause: error });
+  }
+  if (!response.ok) {
+    throw new JuneError("NETWORK_ERROR", `Request failed with status ${response.status}`, {
+      details: { status: response.status, statusText: response.statusText }
+    });
+  }
+  if (!response.body) {
+    throw new JuneError("STREAM_EMPTY", "Response has no body");
+  }
+  const body = response.body;
+  if (sse) {
+    return sseToText(body, {
+      ...sse === true ? {} : sse,
+      signal: init.signal ?? void 0
+    });
+  }
+  return body;
+}
+
+// src/features/streaming/use-june-stream.ts
+var FLUSH_MS = 16;
+var INITIAL = {
+  response: "",
+  isStreaming: false,
+  status: "idle",
+  error: null
+};
+function useJuneStream(options = {}) {
+  const [state, setState] = useState(INITIAL);
+  const optionsRef = useRef3(options);
+  optionsRef.current = options;
+  const controllerRef = useRef3(null);
+  const runIdRef = useRef3(0);
+  const textRef = useRef3("");
+  const timerRef = useRef3(null);
+  const clearTimer = useCallback3(() => {
+    if (timerRef.current !== null) {
+      clearTimeout(timerRef.current);
+      timerRef.current = null;
+    }
+  }, []);
+  const schedule = useCallback3(() => {
+    if (timerRef.current !== null) return;
+    timerRef.current = setTimeout(() => {
+      timerRef.current = null;
+      const text = textRef.current;
+      setState(
+        (s) => s.status !== "streaming" || s.response === text ? s : { ...s, response: text }
+      );
+    }, FLUSH_MS);
+  }, []);
+  const start = useCallback3(
+    async (input) => {
+      controllerRef.current?.abort();
+      const controller = new AbortController();
+      controllerRef.current = controller;
+      const runId = ++runIdRef.current;
+      const stale = () => runId !== runIdRef.current;
+      textRef.current = "";
+      clearTimer();
+      setState({ response: "", isStreaming: true, status: "streaming", error: null });
+      try {
+        const source = typeof input === "function" ? await input(controller.signal) : input;
+        if (stale()) return null;
+        const text = await consumeStream(source, {
+          signal: controller.signal,
+          allowEmpty: optionsRef.current.allowEmpty,
+          onText: (_delta, full) => {
+            if (stale()) return;
+            textRef.current = full;
+            schedule();
+          }
+        });
+        if (stale()) return null;
+        clearTimer();
+        setState({ response: text, isStreaming: false, status: "done", error: null });
+        optionsRef.current.onComplete?.(text);
+        return text;
+      } catch (caught) {
+        if (stale()) return null;
+        clearTimer();
+        const error = toJuneError(caught, "STREAM_ERROR");
+        const aborted = controller.signal.aborted || error.code === "STREAM_ABORTED";
+        setState({
+          response: textRef.current,
+          // keep partial output
+          isStreaming: false,
+          status: aborted ? "aborted" : "error",
+          error: aborted ? null : error
+        });
+        if (!aborted) optionsRef.current.onError?.(error);
+        return null;
+      }
+    },
+    [clearTimer, schedule]
+  );
+  const startFetch = useCallback3(
+    (input, fetchOptions) => start((signal) => fetchStream(input, { ...fetchOptions, signal })),
+    [start]
+  );
+  const abort = useCallback3(() => {
+    controllerRef.current?.abort();
+  }, []);
+  const reset = useCallback3(() => {
+    controllerRef.current?.abort();
+    runIdRef.current++;
+    textRef.current = "";
+    clearTimer();
+    setState(INITIAL);
+  }, [clearTimer]);
+  useEffect2(
+    () => () => {
+      runIdRef.current++;
+      controllerRef.current?.abort();
+      clearTimer();
+    },
+    [clearTimer]
+  );
+  return useMemo4(
+    () => ({ ...state, start, startFetch, abort, reset }),
+    [state, start, startFetch, abort, reset]
+  );
+}
+
+// src/features/document-editor/document-component.tsx
+import { defineComponent as defineComponent3 } from "@openuidev/react-lang";
+import { z } from "zod/v4";
+
+// src/features/document-editor/document-draft.tsx
+import { jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
+function DocumentDraft({ title, words, state }) {
+  if (state === "empty") {
+    return /* @__PURE__ */ jsx7("div", { className: "june-doc june-doc--draft", role: "alert", children: /* @__PURE__ */ jsx7("p", { className: "june-doc__draft-text", children: "No document content was received." }) });
+  }
+  return /* @__PURE__ */ jsxs2("div", { className: "june-doc june-doc--draft", role: "status", "aria-live": "polite", children: [
+    title ? /* @__PURE__ */ jsx7("p", { className: "june-doc__draft-title", children: title }) : null,
+    /* @__PURE__ */ jsx7("p", { className: "june-doc__draft-text", children: state === "drafting" ? `Drafting document\u2026${words ? ` ${words} words so far` : ""}` : "Loading editor\u2026" }),
+    /* @__PURE__ */ jsxs2("div", { className: "june-doc__pulse", "aria-hidden": "true", children: [
+      /* @__PURE__ */ jsx7("span", {}),
+      /* @__PURE__ */ jsx7("span", {}),
+      /* @__PURE__ */ jsx7("span", {})
+    ] })
+  ] });
+}
+
+// src/features/document-editor/document-editor.tsx
+import { useEditor } from "@tiptap/react";
+import { useCallback as useCallback4, useEffect as useEffect6, useId, useMemo as useMemo5, useRef as useRef8, useState as useState6 } from "react";
+
+// src/features/document-editor/document-bubble.tsx
+import { useEditorState as useEditorState2 } from "@tiptap/react";
+import { BubbleMenu } from "@tiptap/react/menus";
+
+// src/features/document-editor/document-toolbar.tsx
+import { useEditorState } from "@tiptap/react";
+import { useRef as useRef5, useState as useState3 } from "react";
+
+// src/features/document-editor/document-icons.tsx
+import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
+var PATHS = {
+  undo: /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsx8("path", { d: "M9 14 4 9l5-5" }),
+    /* @__PURE__ */ jsx8("path", { d: "M4 9h10.5a5.5 5.5 0 0 1 0 11H11" })
+  ] }),
+  redo: /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsx8("path", { d: "m15 14 5-5-5-5" }),
+    /* @__PURE__ */ jsx8("path", { d: "M20 9H9.5a5.5 5.5 0 0 0 0 11H13" })
+  ] }),
+  bold: /* @__PURE__ */ jsx8("path", { d: "M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8" }),
+  italic: /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsx8("line", { x1: "19", x2: "10", y1: "4", y2: "4" }),
+    /* @__PURE__ */ jsx8("line", { x1: "14", x2: "5", y1: "20", y2: "20" }),
+    /* @__PURE__ */ jsx8("line", { x1: "15", x2: "9", y1: "4", y2: "20" })
+  ] }),
+  underline: /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsx8("path", { d: "M6 4v6a6 6 0 0 0 12 0V4" }),
+    /* @__PURE__ */ jsx8("line", { x1: "4", x2: "20", y1: "20", y2: "20" })
+  ] }),
+  strike: /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsx8("path", { d: "M16 4H9a3 3 0 0 0-2.83 4" }),
+    /* @__PURE__ */ jsx8("path", { d: "M14 12a4 4 0 0 1 0 8H6" }),
+    /* @__PURE__ */ jsx8("line", { x1: "4", x2: "20", y1: "12", y2: "12" })
+  ] }),
+  code: /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsx8("path", { d: "m16 18 6-6-6-6" }),
+    /* @__PURE__ */ jsx8("path", { d: "m8 6-6 6 6 6" })
+  ] }),
+  codeBlock: /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsx8("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
+    /* @__PURE__ */ jsx8("path", { d: "m10 9-3 3 3 3" }),
+    /* @__PURE__ */ jsx8("path", { d: "m14 15 3-3-3-3" })
+  ] }),
+  superscript: /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsx8("path", { d: "m4 19 8-8" }),
+    /* @__PURE__ */ jsx8("path", { d: "m12 19-8-8" }),
+    /* @__PURE__ */ jsx8("path", { d: "M20 12h-4c0-1.5.44-2 1.5-2.5S20 8.33 20 7c0-.47-.17-.93-.48-1.29a2.11 2.11 0 0 0-2.62-.44c-.42.24-.74.62-.9 1.07" })
+  ] }),
+  subscript: /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsx8("path", { d: "m4 5 8 8" }),
+    /* @__PURE__ */ jsx8("path", { d: "m12 5-8 8" }),
+    /* @__PURE__ */ jsx8("path", { d: "M20 19h-4c0-1.5.44-2 1.5-2.5S20 15.33 20 14c0-.47-.17-.93-.48-1.29a2.11 2.11 0 0 0-2.62-.44c-.42.24-.74.62-.9 1.07" })
+  ] }),
+  alignLeft: /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsx8("path", { d: "M15 12H3" }),
+    /* @__PURE__ */ jsx8("path", { d: "M17 18H3" }),
+    /* @__PURE__ */ jsx8("path", { d: "M21 6H3" })
+  ] }),
+  alignCenter: /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsx8("path", { d: "M17 12H7" }),
+    /* @__PURE__ */ jsx8("path", { d: "M19 18H5" }),
+    /* @__PURE__ */ jsx8("path", { d: "M21 6H3" })
+  ] }),
+  alignRight: /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsx8("path", { d: "M21 12H9" }),
+    /* @__PURE__ */ jsx8("path", { d: "M21 18H7" }),
+    /* @__PURE__ */ jsx8("path", { d: "M21 6H3" })
+  ] }),
+  alignJustify: /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsx8("path", { d: "M3 12h18" }),
+    /* @__PURE__ */ jsx8("path", { d: "M3 18h18" }),
+    /* @__PURE__ */ jsx8("path", { d: "M3 6h18" })
+  ] }),
+  list: /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsx8("path", { d: "M3 12h.01" }),
+    /* @__PURE__ */ jsx8("path", { d: "M3 18h.01" }),
+    /* @__PURE__ */ jsx8("path", { d: "M3 6h.01" }),
+    /* @__PURE__ */ jsx8("path", { d: "M8 12h13" }),
+    /* @__PURE__ */ jsx8("path", { d: "M8 18h13" }),
+    /* @__PURE__ */ jsx8("path", { d: "M8 6h13" })
+  ] }),
+  listOrdered: /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsx8("path", { d: "M10 12h11" }),
+    /* @__PURE__ */ jsx8("path", { d: "M10 18h11" }),
+    /* @__PURE__ */ jsx8("path", { d: "M10 6h11" }),
+    /* @__PURE__ */ jsx8("path", { d: "M4 10h2" }),
+    /* @__PURE__ */ jsx8("path", { d: "M4 6h1v4" }),
+    /* @__PURE__ */ jsx8("path", { d: "M6 18H4c0-1 2-2 2-3s-1-1.5-2-1" })
+  ] }),
+  outdent: /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsx8("path", { d: "M21 12H11" }),
+    /* @__PURE__ */ jsx8("path", { d: "M21 18H11" }),
+    /* @__PURE__ */ jsx8("path", { d: "M21 6H11" }),
+    /* @__PURE__ */ jsx8("path", { d: "m7 8-4 4 4 4" })
+  ] }),
+  indent: /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsx8("path", { d: "M21 12H11" }),
+    /* @__PURE__ */ jsx8("path", { d: "M21 18H11" }),
+    /* @__PURE__ */ jsx8("path", { d: "M21 6H11" }),
+    /* @__PURE__ */ jsx8("path", { d: "m3 8 4 4-4 4" })
+  ] }),
+  quote: /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsx8("path", { d: "M17 6H3" }),
+    /* @__PURE__ */ jsx8("path", { d: "M21 12H8" }),
+    /* @__PURE__ */ jsx8("path", { d: "M21 18H8" }),
+    /* @__PURE__ */ jsx8("path", { d: "M3 12v6" })
+  ] }),
+  pilcrow: /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsx8("path", { d: "M13 4v16" }),
+    /* @__PURE__ */ jsx8("path", { d: "M17 4v16" }),
+    /* @__PURE__ */ jsx8("path", { d: "M19 4H9.5a4.5 4.5 0 0 0 0 9H13" })
+  ] }),
+  pageBreak: /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsx8("line", { x1: "3", x2: "21", y1: "12", y2: "12" }),
+    /* @__PURE__ */ jsx8("polyline", { points: "8 8 12 4 16 8" }),
+    /* @__PURE__ */ jsx8("polyline", { points: "16 16 12 20 8 16" })
+  ] }),
+  divider: /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsx8("path", { d: "M3 12h18" }),
+    /* @__PURE__ */ jsx8("path", { d: "M8 6h8", opacity: ".45" }),
+    /* @__PURE__ */ jsx8("path", { d: "M8 18h8", opacity: ".45" })
+  ] }),
+  layout: /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsx8("rect", { width: "18", height: "7", x: "3", y: "3", rx: "1" }),
+    /* @__PURE__ */ jsx8("rect", { width: "9", height: "7", x: "3", y: "14", rx: "1" }),
+    /* @__PURE__ */ jsx8("rect", { width: "5", height: "7", x: "16", y: "14", rx: "1" })
+  ] }),
+  search: /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsx8("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ jsx8("path", { d: "m21 21-4.3-4.3" })
+  ] }),
+  palette: /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsx8("circle", { cx: "13.5", cy: "6.5", r: ".5", fill: "currentColor" }),
+    /* @__PURE__ */ jsx8("circle", { cx: "17.5", cy: "10.5", r: ".5", fill: "currentColor" }),
+    /* @__PURE__ */ jsx8("circle", { cx: "8.5", cy: "7.5", r: ".5", fill: "currentColor" }),
+    /* @__PURE__ */ jsx8("circle", { cx: "6.5", cy: "12.5", r: ".5", fill: "currentColor" }),
+    /* @__PURE__ */ jsx8("path", { d: "M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.93 0 1.65-.75 1.65-1.69 0-.44-.18-.84-.44-1.13-.29-.29-.44-.65-.44-1.13a1.64 1.64 0 0 1 1.67-1.67h2c3.05 0 5.55-2.5 5.55-5.55C21.97 6.01 17.46 2 12 2z" })
+  ] }),
+  highlighter: /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsx8("path", { d: "m9 11-6 6v3h9l3-3" }),
+    /* @__PURE__ */ jsx8("path", { d: "m22 12-4.6 4.6a2 2 0 0 1-2.8 0l-5.2-5.2a2 2 0 0 1 0-2.8L14 4" })
+  ] }),
+  link: /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsx8("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" }),
+    /* @__PURE__ */ jsx8("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" })
+  ] }),
+  image: /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsx8("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+    /* @__PURE__ */ jsx8("circle", { cx: "9", cy: "9", r: "2" }),
+    /* @__PURE__ */ jsx8("path", { d: "m21 15-3.09-3.09a2 2 0 0 0-2.82 0L6 21" })
+  ] }),
+  table: /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsx8("path", { d: "M12 3v18" }),
+    /* @__PURE__ */ jsx8("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+    /* @__PURE__ */ jsx8("path", { d: "M3 9h18" }),
+    /* @__PURE__ */ jsx8("path", { d: "M3 15h18" })
+  ] }),
+  eraser: /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsx8("path", { d: "m7 21-4.3-4.3c-1-1-1-2.5 0-3.4l9.6-9.6c1-1 2.5-1 3.4 0l5.6 5.6c1 1 1 2.5 0 3.4L13 21" }),
+    /* @__PURE__ */ jsx8("path", { d: "M22 21H7" }),
+    /* @__PURE__ */ jsx8("path", { d: "m5 11 9 9" })
+  ] }),
+  save: /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsx8("path", { d: "M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z" }),
+    /* @__PURE__ */ jsx8("path", { d: "M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7" }),
+    /* @__PURE__ */ jsx8("path", { d: "M7 3v4a1 1 0 0 0 1 1h7" })
+  ] }),
+  download: /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsx8("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+    /* @__PURE__ */ jsx8("polyline", { points: "7 10 12 15 17 10" }),
+    /* @__PURE__ */ jsx8("line", { x1: "12", x2: "12", y1: "15", y2: "3" })
+  ] }),
+  chevronDown: /* @__PURE__ */ jsx8("path", { d: "m6 9 6 6 6-6" }),
+  chevronUp: /* @__PURE__ */ jsx8("path", { d: "m18 15-6-6-6 6" }),
+  close: /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsx8("path", { d: "M18 6 6 18" }),
+    /* @__PURE__ */ jsx8("path", { d: "m6 6 12 12" })
+  ] }),
+  maximize: /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsx8("path", { d: "M8 3H5a2 2 0 0 0-2 2v3" }),
+    /* @__PURE__ */ jsx8("path", { d: "M21 8V5a2 2 0 0 0-2-2h-3" }),
+    /* @__PURE__ */ jsx8("path", { d: "M3 16v3a2 2 0 0 0 2 2h3" }),
+    /* @__PURE__ */ jsx8("path", { d: "M16 21h3a2 2 0 0 0 2-2v-3" })
+  ] }),
+  copy: /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsx8("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2" }),
+    /* @__PURE__ */ jsx8("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })
+  ] }),
+  file: /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsx8("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }),
+    /* @__PURE__ */ jsx8("path", { d: "M14 2v4a2 2 0 0 0 2 2h4" })
+  ] }),
+  plus: /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsx8("path", { d: "M5 12h14" }),
+    /* @__PURE__ */ jsx8("path", { d: "M12 5v14" })
+  ] }),
+  minus: /* @__PURE__ */ jsx8("path", { d: "M5 12h14" }),
+  check: /* @__PURE__ */ jsx8("path", { d: "M20 6 9 17l-5-5" }),
+  sparkles: /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsx8("path", { d: "M9.94 14.06 8 20l-1.94-5.94L0 12l6.06-1.94L8 4l1.94 6.06L16 12z", transform: "translate(3 -1) scale(.85)" }),
+    /* @__PURE__ */ jsx8("path", { d: "M20 3v4" }),
+    /* @__PURE__ */ jsx8("path", { d: "M22 5h-4" })
+  ] }),
+  upload: /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsx8("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+    /* @__PURE__ */ jsx8("polyline", { points: "17 8 12 3 7 8" }),
+    /* @__PURE__ */ jsx8("line", { x1: "12", x2: "12", y1: "3", y2: "15" })
+  ] })
+};
+function Icon({ name, size = 16 }) {
+  return /* @__PURE__ */ jsx8(
+    "svg",
+    {
+      className: "june-doc__icon",
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
+      children: PATHS[name]
+    }
+  );
+}
+
+// src/features/document-editor/document-popover.tsx
+import { useEffect as useEffect3, useRef as useRef4, useState as useState2 } from "react";
+import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
+function Dropdown({ trigger, children, align = "start", className, onOpen }) {
+  const [open, setOpen] = useState2(false);
+  const anchor = useRef4(null);
+  useEffect3(() => {
+    if (!open) return;
+    const onDown = (e) => {
+      if (anchor.current && !anchor.current.contains(e.target)) setOpen(false);
+    };
+    document.addEventListener("mousedown", onDown);
+    return () => document.removeEventListener("mousedown", onDown);
+  }, [open]);
+  const toggle = () => setOpen((v) => {
+    if (!v) onOpen?.();
+    return !v;
+  });
+  const close = () => setOpen(false);
+  return /* @__PURE__ */ jsxs4(
+    "div",
+    {
+      ref: anchor,
+      className: "june-doc__anchor",
+      onKeyDown: (e) => {
+        if (e.key === "Escape" && open) {
+          e.stopPropagation();
+          close();
+        }
+      },
+      children: [
+        trigger({ open, toggle }),
+        open ? /* @__PURE__ */ jsx9("div", { className: `june-doc__pop june-doc__pop--${align}${className ? ` ${className}` : ""}`, children: children(close) }) : null
+      ]
+    }
+  );
+}
+
+// src/features/document-editor/document-toolbar.tsx
+import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
+var FONT_FAMILIES = [
+  { label: "Default", value: "" },
+  { label: "Arial", value: "Arial, Helvetica, sans-serif" },
+  { label: "Calibri", value: "Calibri, Carlito, sans-serif" },
+  { label: "Georgia", value: "Georgia, serif" },
+  { label: "Garamond", value: "Garamond, 'EB Garamond', serif" },
+  { label: "Times New Roman", value: "'Times New Roman', Times, serif" },
+  { label: "Verdana", value: "Verdana, Geneva, sans-serif" },
+  { label: "Trebuchet MS", value: "'Trebuchet MS', sans-serif" },
+  { label: "Courier New", value: "'Courier New', Courier, monospace" }
+];
+var FONT_SIZES = [8, 9, 10, 11, 12, 13, 14, 16, 18, 20, 24, 28, 32, 36, 48, 60, 72];
+var TEXT_COLORS = [
+  "#111827",
+  "#374151",
+  "#6b7280",
+  "#9ca3af",
+  "#dc2626",
+  "#ea580c",
+  "#ca8a04",
+  "#16a34a",
+  "#0d9488",
+  "#0284c7",
+  "#2563eb",
+  "#4f46e5",
+  "#9333ea",
+  "#db2777",
+  "#7f1d1d",
+  "#1e3a8a"
+];
+var HIGHLIGHT_COLORS = [
+  "#fef08a",
+  "#fde68a",
+  "#fed7aa",
+  "#fecaca",
+  "#fbcfe8",
+  "#e9d5ff",
+  "#c7d2fe",
+  "#bfdbfe",
+  "#a5f3fc",
+  "#bbf7d0",
+  "#d9f99d",
+  "#e5e7eb"
+];
+var MAX_IMAGE_BYTES = 8 * 1024 * 1024;
+function Btn({ label, icon, active, disabled, toggle, onClick, children, className, text }) {
+  return /* @__PURE__ */ jsxs5(
+    "button",
+    {
+      type: "button",
+      className: `june-doc__btn${icon && !text && !children ? " june-doc__btn--icon" : ""}${className ? ` ${className}` : ""}`,
+      "aria-label": label,
+      title: label,
+      "aria-pressed": toggle ? !!active : void 0,
+      "data-active": active || void 0,
+      disabled,
+      onMouseDown: (e) => e.preventDefault(),
+      onClick,
+      children: [
+        icon ? /* @__PURE__ */ jsx10(Icon, { name: icon }) : null,
+        children ?? (text ? /* @__PURE__ */ jsx10("span", { children: label }) : null)
+      ]
+    }
+  );
+}
+function Group({ label, children }) {
+  return /* @__PURE__ */ jsxs5("div", { className: "june-doc__group", role: "group", "aria-label": label, children: [
+    label ? /* @__PURE__ */ jsx10("span", { className: "june-doc__group-label", "aria-hidden": "true", children: label }) : null,
+    children
+  ] });
+}
+function Field({ label, children }) {
+  return /* @__PURE__ */ jsxs5("label", { className: "june-doc__field", children: [
+    /* @__PURE__ */ jsx10("span", { className: "june-doc__field-label", children: label }),
+    children
+  ] });
+}
+function ColorPicker({ label, icon, colors, current, disabled, resetLabel, onPick, onReset }) {
+  return /* @__PURE__ */ jsx10(
+    Dropdown,
+    {
+      trigger: ({ open, toggle }) => /* @__PURE__ */ jsxs5(
+        "button",
+        {
+          type: "button",
+          className: "june-doc__btn june-doc__btn--icon june-doc__btn--color",
+          "aria-label": label,
+          title: label,
+          "aria-expanded": open,
+          "aria-haspopup": "dialog",
+          disabled,
+          onMouseDown: (e) => e.preventDefault(),
+          onClick: toggle,
+          children: [
+            /* @__PURE__ */ jsx10(Icon, { name: icon }),
+            /* @__PURE__ */ jsx10("span", { className: "june-doc__color-bar", style: { background: current ?? "transparent" } })
+          ]
+        }
+      ),
+      children: (close) => /* @__PURE__ */ jsxs5("div", { className: "june-doc__swatches-wrap", role: "dialog", "aria-label": label, children: [
+        /* @__PURE__ */ jsx10("div", { className: "june-doc__pop-title", children: label }),
+        /* @__PURE__ */ jsx10("div", { className: "june-doc__swatches", children: colors.map((c) => /* @__PURE__ */ jsx10(
+          "button",
+          {
+            type: "button",
+            className: "june-doc__swatch",
+            style: { background: c },
+            "aria-label": c,
+            title: c,
+            "data-active": current?.toLowerCase() === c ? true : void 0,
+            onMouseDown: (e) => e.preventDefault(),
+            onClick: () => {
+              onPick(c);
+              close();
+            }
+          },
+          c
+        )) }),
+        /* @__PURE__ */ jsxs5("div", { className: "june-doc__pop-row", children: [
+          /* @__PURE__ */ jsx10(
+            "button",
+            {
+              type: "button",
+              className: "june-doc__btn june-doc__btn--ghost",
+              onMouseDown: (e) => e.preventDefault(),
+              onClick: () => {
+                onReset();
+                close();
+              },
+              children: resetLabel
+            }
+          ),
+          /* @__PURE__ */ jsxs5("label", { className: "june-doc__custom-color", title: "Custom color", children: [
+            /* @__PURE__ */ jsx10("span", { children: "Custom" }),
+            /* @__PURE__ */ jsx10(
+              "input",
+              {
+                type: "color",
+                "aria-label": `${label}: custom`,
+                defaultValue: current && /^#[0-9a-f]{6}$/i.test(current) ? current : "#000000",
+                onChange: (e) => onPick(e.target.value)
+              }
+            )
+          ] })
+        ] })
+      ] })
+    }
+  );
+}
+function LinkPanel({
+  editor,
+  href,
+  isLink,
+  close
+}) {
+  const [value, setValue] = useState3(href);
+  const apply = () => {
+    const safe = sanitizeHref(value);
+    if (safe) editor.chain().focus().extendMarkRange("link").setLink({ href: safe }).run();
+    close();
+  };
+  const remove = () => {
+    editor.chain().focus().extendMarkRange("link").unsetLink().run();
+    close();
+  };
+  return /* @__PURE__ */ jsxs5("div", { className: "june-doc__form", role: "dialog", "aria-label": "Edit link", children: [
+    /* @__PURE__ */ jsx10("div", { className: "june-doc__pop-title", children: "Link" }),
+    /* @__PURE__ */ jsx10(
+      "input",
+      {
+        "aria-label": "Link address",
+        className: "june-doc__input",
+        placeholder: "https://example.com",
+        value,
+        autoFocus: true,
+        onChange: (e) => setValue(e.target.value),
+        onKeyDown: (e) => {
+          if (e.key === "Enter") {
+            e.preventDefault();
+            apply();
+          }
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxs5("div", { className: "june-doc__pop-row june-doc__pop-row--end", children: [
+      isLink ? /* @__PURE__ */ jsx10("button", { type: "button", className: "june-doc__btn june-doc__btn--ghost", onClick: remove, children: "Remove" }) : null,
+      /* @__PURE__ */ jsx10("button", { type: "button", className: "june-doc__btn", onClick: close, children: "Cancel" }),
+      /* @__PURE__ */ jsx10("button", { type: "button", className: "june-doc__btn june-doc__btn--primary", onClick: apply, children: "Apply" })
+    ] })
+  ] });
+}
+function ImagePanel({ editor, close, onNotice }) {
+  const [url, setUrl] = useState3("");
+  const [alt, setAlt] = useState3("");
+  const file = useRef5(null);
+  const insert = (src) => {
+    editor.chain().focus().setImage({ src, alt: alt || void 0 }).run();
+    close();
+  };
+  const fromUrl = () => {
+    const safe = sanitizeHref(url);
+    if (!safe || !/^https?:/i.test(safe)) {
+      onNotice("Enter an http(s) image address");
+      return;
+    }
+    insert(safe);
+  };
+  const fromFile = (f) => {
+    if (!f) return;
+    if (!f.type.startsWith("image/")) return onNotice("That file is not an image");
+    if (f.size > MAX_IMAGE_BYTES) return onNotice("Images must be 8 MB or smaller");
+    const reader = new FileReader();
+    reader.onload = () => typeof reader.result === "string" && insert(reader.result);
+    reader.onerror = () => onNotice("The image could not be read");
+    reader.readAsDataURL(f);
+  };
+  return /* @__PURE__ */ jsxs5("div", { className: "june-doc__form", role: "dialog", "aria-label": "Insert image", children: [
+    /* @__PURE__ */ jsx10("div", { className: "june-doc__pop-title", children: "Image" }),
+    /* @__PURE__ */ jsxs5(
+      "button",
+      {
+        type: "button",
+        className: "june-doc__dropzone",
+        onClick: () => file.current?.click(),
+        onDragOver: (e) => e.preventDefault(),
+        onDrop: (e) => {
+          e.preventDefault();
+          fromFile(e.dataTransfer.files[0]);
+        },
+        children: [
+          /* @__PURE__ */ jsx10(Icon, { name: "upload", size: 18 }),
+          /* @__PURE__ */ jsx10("span", { children: "Upload or drop an image" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx10(
+      "input",
+      {
+        ref: file,
+        type: "file",
+        accept: "image/*",
+        hidden: true,
+        onChange: (e) => fromFile(e.target.files?.[0])
+      }
+    ),
+    /* @__PURE__ */ jsx10("div", { className: "june-doc__or", children: "or" }),
+    /* @__PURE__ */ jsx10(
+      "input",
+      {
+        "aria-label": "Image address",
+        className: "june-doc__input",
+        placeholder: "https://example.com/image.png",
+        value: url,
+        onChange: (e) => setUrl(e.target.value),
+        onKeyDown: (e) => e.key === "Enter" && fromUrl()
+      }
+    ),
+    /* @__PURE__ */ jsx10(
+      "input",
+      {
+        "aria-label": "Alternative text",
+        className: "june-doc__input",
+        placeholder: "Alt text (optional)",
+        value: alt,
+        onChange: (e) => setAlt(e.target.value)
+      }
+    ),
+    /* @__PURE__ */ jsxs5("div", { className: "june-doc__pop-row june-doc__pop-row--end", children: [
+      /* @__PURE__ */ jsx10("button", { type: "button", className: "june-doc__btn", onClick: close, children: "Cancel" }),
+      /* @__PURE__ */ jsx10("button", { type: "button", className: "june-doc__btn june-doc__btn--primary", disabled: !url.trim(), onClick: fromUrl, children: "Insert" })
+    ] })
+  ] });
+}
+function TablePanel({ editor, close }) {
+  const [hover, setHover] = useState3([0, 0]);
+  const N = 8;
+  return /* @__PURE__ */ jsxs5("div", { className: "june-doc__form", role: "dialog", "aria-label": "Insert table", children: [
+    /* @__PURE__ */ jsxs5("div", { className: "june-doc__pop-title", children: [
+      "Table ",
+      hover[0] ? `${hover[0]} \xD7 ${hover[1]}` : ""
+    ] }),
+    /* @__PURE__ */ jsx10("div", { className: "june-doc__grid", onMouseLeave: () => setHover([0, 0]), children: Array.from({ length: N * N }, (_, i) => {
+      const r = Math.floor(i / N) + 1;
+      const c = i % N + 1;
+      return /* @__PURE__ */ jsx10(
+        "button",
+        {
+          type: "button",
+          className: "june-doc__cell",
+          "aria-label": `${r} by ${c} table`,
+          "data-active": r <= hover[0] && c <= hover[1] ? true : void 0,
+          onMouseEnter: () => setHover([r, c]),
+          onFocus: () => setHover([r, c]),
+          onMouseDown: (e) => e.preventDefault(),
+          onClick: () => {
+            editor.chain().focus().insertTable({ rows: r, cols: c, withHeaderRow: true }).run();
+            close();
+          }
+        },
+        i
+      );
+    }) })
+  ] });
+}
+var px = (v) => typeof v === "string" ? v.replace(/px$/, "") : "";
+function DocumentToolbar(props) {
+  const { editor, editable, expanded, onToggleExpanded, showMarks, onToggleMarks, layout, onToggleLayout, findOpen, onToggleFind, onNotice } = props;
+  const s = useEditorState({
+    editor,
+    selector: ({ editor: ed }) => {
+      if (!ed) return null;
+      const ts = ed.getAttributes("textStyle");
+      return {
+        bold: ed.isActive("bold"),
+        italic: ed.isActive("italic"),
+        underline: ed.isActive("underline"),
+        strike: ed.isActive("strike"),
+        code: ed.isActive("code"),
+        sup: ed.isActive("superscript"),
+        sub: ed.isActive("subscript"),
+        bullet: ed.isActive("bulletList"),
+        ordered: ed.isActive("orderedList"),
+        quote: ed.isActive("blockquote"),
+        codeBlock: ed.isActive("codeBlock"),
+        link: ed.isActive("link"),
+        linkHref: ed.getAttributes("link").href ?? "",
+        h1: ed.isActive("heading", { level: 1 }),
+        h2: ed.isActive("heading", { level: 2 }),
+        h3: ed.isActive("heading", { level: 3 }),
+        left: ed.isActive({ textAlign: "left" }),
+        center: ed.isActive({ textAlign: "center" }),
+        right: ed.isActive({ textAlign: "right" }),
+        justify: ed.isActive({ textAlign: "justify" }),
+        inTable: ed.isActive("table"),
+        color: ts.color ?? null,
+        fontFamily: ts.fontFamily ?? "",
+        fontSize: px(ts.fontSize),
+        highlight: ed.isActive("highlight") ? ed.getAttributes("highlight").color ?? "#fef08a" : null,
+        canUndo: ed.can().undo(),
+        canRedo: ed.can().redo(),
+        canSink: ed.can().sinkListItem("listItem"),
+        canLift: ed.can().liftListItem("listItem"),
+        canMerge: ed.can().mergeCells(),
+        canSplit: ed.can().splitCell()
+      };
+    }
+  });
+  const run = () => editor?.chain().focus();
+  const off = !editor || !editable;
+  const style = s?.codeBlock ? "code" : s?.h1 ? "1" : s?.h2 ? "2" : s?.h3 ? "3" : s?.quote ? "quote" : "p";
+  const setStyle = (v) => {
+    if (!editor || !s) return;
+    let c = editor.chain().focus();
+    if (v === "quote") {
+      if (!s.quote) c = c.setParagraph().toggleBlockquote();
+    } else if (v === "code") {
+      if (!s.codeBlock) c = c.toggleCodeBlock();
+    } else {
+      if (s.quote) c = c.lift("blockquote");
+      c = v === "p" ? c.setParagraph() : c.setHeading({ level: Number(v) });
+    }
+    c.run();
+  };
+  const fontKnown = FONT_FAMILIES.some((f) => f.value === s?.fontFamily);
+  const sizes = s?.fontSize && !FONT_SIZES.includes(Number(s.fontSize)) ? [...FONT_SIZES, Number(s.fontSize)].sort((a, b) => a - b) : FONT_SIZES;
+  if (!editable) return null;
+  return /* @__PURE__ */ jsxs5("div", { className: "june-doc__ribbon", role: "toolbar", "aria-label": "Document formatting", children: [
+    /* @__PURE__ */ jsxs5("div", { className: "june-doc__row", children: [
+      /* @__PURE__ */ jsxs5(Group, { label: "History", children: [
+        /* @__PURE__ */ jsx10(Btn, { label: "Undo", icon: "undo", disabled: off || !s?.canUndo, onClick: () => run()?.undo().run() }),
+        /* @__PURE__ */ jsx10(Btn, { label: "Redo", icon: "redo", disabled: off || !s?.canRedo, onClick: () => run()?.redo().run() })
+      ] }),
+      /* @__PURE__ */ jsxs5(Group, { label: "Format", children: [
+        /* @__PURE__ */ jsx10(Btn, { label: "Bold", icon: "bold", toggle: true, active: s?.bold, disabled: off, onClick: () => run()?.toggleBold().run() }),
+        /* @__PURE__ */ jsx10(Btn, { label: "Italic", icon: "italic", toggle: true, active: s?.italic, disabled: off, onClick: () => run()?.toggleItalic().run() }),
+        /* @__PURE__ */ jsx10(Btn, { label: "Underline", icon: "underline", toggle: true, active: s?.underline, disabled: off, onClick: () => run()?.toggleUnderline().run() }),
+        /* @__PURE__ */ jsx10(Btn, { label: "Strikethrough", icon: "strike", toggle: true, active: s?.strike, disabled: off, onClick: () => run()?.toggleStrike().run() }),
+        /* @__PURE__ */ jsx10(Btn, { label: "Inline code", icon: "code", toggle: true, active: s?.code, disabled: off, onClick: () => run()?.toggleCode().run() }),
+        /* @__PURE__ */ jsx10(Btn, { label: "Superscript", icon: "superscript", toggle: true, active: s?.sup, disabled: off, onClick: () => run()?.toggleSuperscript().run() }),
+        /* @__PURE__ */ jsx10(Btn, { label: "Subscript", icon: "subscript", toggle: true, active: s?.sub, disabled: off, onClick: () => run()?.toggleSubscript().run() })
+      ] }),
+      /* @__PURE__ */ jsxs5(Group, { label: "Align", children: [
+        /* @__PURE__ */ jsx10(Btn, { label: "Align left", icon: "alignLeft", toggle: true, active: s?.left, disabled: off, onClick: () => run()?.setTextAlign("left").run() }),
+        /* @__PURE__ */ jsx10(Btn, { label: "Align center", icon: "alignCenter", toggle: true, active: s?.center, disabled: off, onClick: () => run()?.setTextAlign("center").run() }),
+        /* @__PURE__ */ jsx10(Btn, { label: "Align right", icon: "alignRight", toggle: true, active: s?.right, disabled: off, onClick: () => run()?.setTextAlign("right").run() }),
+        /* @__PURE__ */ jsx10(Btn, { label: "Justify", icon: "alignJustify", toggle: true, active: s?.justify, disabled: off, onClick: () => run()?.setTextAlign("justify").run() })
+      ] }),
+      /* @__PURE__ */ jsxs5(Group, { label: "Lists", children: [
+        /* @__PURE__ */ jsx10(Btn, { label: "Bullet list", icon: "list", toggle: true, active: s?.bullet, disabled: off, onClick: () => run()?.toggleBulletList().run() }),
+        /* @__PURE__ */ jsx10(Btn, { label: "Numbered list", icon: "listOrdered", toggle: true, active: s?.ordered, disabled: off, onClick: () => run()?.toggleOrderedList().run() }),
+        /* @__PURE__ */ jsx10(Btn, { label: "Decrease indent", icon: "outdent", disabled: off || !s?.canLift, onClick: () => run()?.liftListItem("listItem").run() }),
+        /* @__PURE__ */ jsx10(Btn, { label: "Increase indent", icon: "indent", disabled: off || !s?.canSink, onClick: () => run()?.sinkListItem("listItem").run() })
+      ] }),
+      /* @__PURE__ */ jsxs5(
+        "button",
+        {
+          type: "button",
+          className: "june-doc__btn june-doc__more",
+          "aria-expanded": expanded,
+          "aria-label": expanded ? "Show fewer tools" : "Show more tools",
+          onMouseDown: (e) => e.preventDefault(),
+          onClick: onToggleExpanded,
+          children: [
+            expanded ? "Less" : "More",
+            /* @__PURE__ */ jsx10(Icon, { name: expanded ? "chevronUp" : "chevronDown", size: 14 })
+          ]
+        }
+      )
+    ] }),
+    expanded ? /* @__PURE__ */ jsxs5("div", { className: "june-doc__row june-doc__row--secondary", children: [
+      /* @__PURE__ */ jsxs5(Group, { label: "Style", children: [
+        /* @__PURE__ */ jsx10(Field, { label: "Style", children: /* @__PURE__ */ jsxs5("select", { className: "june-doc__select", "aria-label": "Text style", disabled: off, value: style, onChange: (e) => setStyle(e.target.value), children: [
+          /* @__PURE__ */ jsx10("option", { value: "p", children: "Paragraph" }),
+          /* @__PURE__ */ jsx10("option", { value: "1", children: "Heading 1" }),
+          /* @__PURE__ */ jsx10("option", { value: "2", children: "Heading 2" }),
+          /* @__PURE__ */ jsx10("option", { value: "3", children: "Heading 3" }),
+          /* @__PURE__ */ jsx10("option", { value: "quote", children: "Quote" }),
+          /* @__PURE__ */ jsx10("option", { value: "code", children: "Code block" })
+        ] }) }),
+        /* @__PURE__ */ jsx10(Field, { label: "Font", children: /* @__PURE__ */ jsxs5(
+          "select",
+          {
+            className: "june-doc__select june-doc__select--font",
+            "aria-label": "Font family",
+            disabled: off,
+            value: s?.fontFamily ?? "",
+            onChange: (e) => {
+              const v = e.target.value;
+              if (v) run()?.setFontFamily(v).run();
+              else run()?.unsetFontFamily().run();
+            },
+            children: [
+              FONT_FAMILIES.map((f) => /* @__PURE__ */ jsx10("option", { value: f.value, style: { fontFamily: f.value || void 0 }, children: f.label }, f.label)),
+              !fontKnown && s?.fontFamily ? /* @__PURE__ */ jsx10("option", { value: s.fontFamily, children: s.fontFamily.split(",")[0].replace(/['"]/g, "") }) : null
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx10(Field, { label: "Size", children: /* @__PURE__ */ jsxs5(
+          "select",
+          {
+            className: "june-doc__select june-doc__select--size",
+            "aria-label": "Font size",
+            disabled: off,
+            value: s?.fontSize ?? "",
+            onChange: (e) => {
+              const v = e.target.value;
+              if (v) run()?.setFontSize(`${v}px`).run();
+              else run()?.unsetFontSize().run();
+            },
+            children: [
+              /* @__PURE__ */ jsx10("option", { value: "", children: "Auto" }),
+              sizes.map((n) => /* @__PURE__ */ jsx10("option", { value: String(n), children: n }, n))
+            ]
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ jsx10(Btn, { label: "Show formatting marks", icon: "pilcrow", toggle: true, active: showMarks, onClick: onToggleMarks, text: true, className: "june-doc__btn--marks", children: /* @__PURE__ */ jsx10("span", { children: "Paragraph" }) }),
+      /* @__PURE__ */ jsxs5(Group, { label: "Document", children: [
+        /* @__PURE__ */ jsx10(Btn, { label: "Insert page break", icon: "pageBreak", disabled: off, onClick: () => run()?.setPageBreak().run() }),
+        /* @__PURE__ */ jsx10(Btn, { label: "Insert divider", icon: "divider", disabled: off, onClick: () => run()?.setHorizontalRule().run() }),
+        /* @__PURE__ */ jsx10(Btn, { label: layout === "page" ? "Switch to full-width layout" : "Switch to page layout", icon: "layout", toggle: true, active: layout === "fluid", onClick: onToggleLayout }),
+        /* @__PURE__ */ jsx10(Btn, { label: "Find and replace", icon: "search", toggle: true, active: findOpen, onClick: onToggleFind })
+      ] }),
+      /* @__PURE__ */ jsxs5(Group, { label: "Color", children: [
+        /* @__PURE__ */ jsx10(
+          ColorPicker,
+          {
+            label: "Text color",
+            icon: "palette",
+            colors: TEXT_COLORS,
+            current: s?.color ?? null,
+            disabled: off,
+            resetLabel: "Default color",
+            onPick: (c) => run()?.setColor(c).run(),
+            onReset: () => run()?.unsetColor().run()
+          }
+        ),
+        /* @__PURE__ */ jsx10(
+          ColorPicker,
+          {
+            label: "Highlight",
+            icon: "highlighter",
+            colors: HIGHLIGHT_COLORS,
+            current: s?.highlight ?? null,
+            disabled: off,
+            resetLabel: "No highlight",
+            onPick: (c) => run()?.setHighlight({ color: c }).run(),
+            onReset: () => run()?.unsetHighlight().run()
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs5(Group, { label: "Insert", children: [
+        editor ? /* @__PURE__ */ jsx10(
+          Dropdown,
+          {
+            trigger: ({ open, toggle }) => /* @__PURE__ */ jsx10(Btn, { label: "Link", icon: "link", toggle: true, active: s?.link || open, disabled: off, onClick: toggle }),
+            children: (close) => /* @__PURE__ */ jsx10(LinkPanel, { editor, href: s?.linkHref ?? "", isLink: !!s?.link, close })
+          }
+        ) : null,
+        editor ? /* @__PURE__ */ jsx10(Dropdown, { trigger: ({ open, toggle }) => /* @__PURE__ */ jsx10(Btn, { label: "Insert image", icon: "image", active: open, disabled: off, onClick: toggle }), children: (close) => /* @__PURE__ */ jsx10(ImagePanel, { editor, close, onNotice }) }) : null,
+        editor ? /* @__PURE__ */ jsx10(Dropdown, { trigger: ({ open, toggle }) => /* @__PURE__ */ jsx10(Btn, { label: "Insert table", icon: "table", active: open, disabled: off, onClick: toggle }), children: (close) => /* @__PURE__ */ jsx10(TablePanel, { editor, close }) }) : null
+      ] }),
+      /* @__PURE__ */ jsx10(Group, { label: "Actions", children: /* @__PURE__ */ jsx10(Btn, { label: "Clear formatting", icon: "eraser", disabled: off, onClick: () => run()?.unsetAllMarks().clearNodes().run() }) })
+    ] }) : null,
+    s?.inTable ? /* @__PURE__ */ jsx10("div", { className: "june-doc__row june-doc__row--context", children: /* @__PURE__ */ jsxs5(Group, { label: "Table", children: [
+      /* @__PURE__ */ jsx10(Btn, { label: "Add row below", disabled: off, onClick: () => run()?.addRowAfter().run(), children: "+ Row" }),
+      /* @__PURE__ */ jsx10(Btn, { label: "Add column right", disabled: off, onClick: () => run()?.addColumnAfter().run(), children: "+ Column" }),
+      /* @__PURE__ */ jsx10(Btn, { label: "Delete row", disabled: off, onClick: () => run()?.deleteRow().run(), children: "\u2212 Row" }),
+      /* @__PURE__ */ jsx10(Btn, { label: "Delete column", disabled: off, onClick: () => run()?.deleteColumn().run(), children: "\u2212 Column" }),
+      /* @__PURE__ */ jsx10(Btn, { label: "Merge cells", disabled: off || !s?.canMerge, onClick: () => run()?.mergeCells().run(), children: "Merge" }),
+      /* @__PURE__ */ jsx10(Btn, { label: "Split cell", disabled: off || !s?.canSplit, onClick: () => run()?.splitCell().run(), children: "Split" }),
+      /* @__PURE__ */ jsx10(Btn, { label: "Toggle header row", disabled: off, onClick: () => run()?.toggleHeaderRow().run(), children: "Header row" }),
+      /* @__PURE__ */ jsx10(Btn, { label: "Delete table", disabled: off, onClick: () => run()?.deleteTable().run(), className: "june-doc__btn--danger", children: "Delete table" })
+    ] }) }) : null
+  ] });
+}
+
+// src/features/document-editor/document-bubble.tsx
+import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
+function DocumentBubbleMenu({ editor }) {
+  const s = useEditorState2({
+    editor,
+    selector: ({ editor: ed }) => ({
+      bold: ed.isActive("bold"),
+      italic: ed.isActive("italic"),
+      underline: ed.isActive("underline"),
+      strike: ed.isActive("strike"),
+      link: ed.isActive("link"),
+      linkHref: ed.getAttributes("link").href ?? "",
+      color: ed.getAttributes("textStyle").color ?? null,
+      highlight: ed.isActive("highlight") ? ed.getAttributes("highlight").color ?? "#fef08a" : null
+    })
+  });
+  const run = () => editor.chain().focus();
+  return /* @__PURE__ */ jsxs6(
+    BubbleMenu,
+    {
+      editor,
+      className: "june-doc__bubble",
+      options: { placement: "top", offset: 8 },
+      shouldShow: ({ editor: ed, state }) => {
+        const { empty } = state.selection;
+        if (empty || !ed.isEditable) return false;
+        if (ed.isActive("image") || ed.isActive("pageBreak") || ed.isActive("codeBlock")) return false;
+        return state.doc.textBetween(state.selection.from, state.selection.to).trim().length > 0;
+      },
+      children: [
+        /* @__PURE__ */ jsx11(Btn, { label: "Bold", icon: "bold", toggle: true, active: s.bold, onClick: () => run().toggleBold().run() }),
+        /* @__PURE__ */ jsx11(Btn, { label: "Italic", icon: "italic", toggle: true, active: s.italic, onClick: () => run().toggleItalic().run() }),
+        /* @__PURE__ */ jsx11(Btn, { label: "Underline", icon: "underline", toggle: true, active: s.underline, onClick: () => run().toggleUnderline().run() }),
+        /* @__PURE__ */ jsx11(Btn, { label: "Strikethrough", icon: "strike", toggle: true, active: s.strike, onClick: () => run().toggleStrike().run() }),
+        /* @__PURE__ */ jsx11("span", { className: "june-doc__bubble-sep", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx11(Dropdown, { trigger: ({ open, toggle }) => /* @__PURE__ */ jsx11(Btn, { label: "Link", icon: "link", toggle: true, active: s.link || open, onClick: toggle }), children: (close) => /* @__PURE__ */ jsx11(LinkPanel, { editor, href: s.linkHref, isLink: s.link, close }) }),
+        /* @__PURE__ */ jsx11(
+          ColorPicker,
+          {
+            label: "Text color",
+            icon: "palette",
+            colors: TEXT_COLORS,
+            current: s.color,
+            resetLabel: "Default color",
+            onPick: (c) => run().setColor(c).run(),
+            onReset: () => run().unsetColor().run()
+          }
+        ),
+        /* @__PURE__ */ jsx11(
+          ColorPicker,
+          {
+            label: "Highlight",
+            icon: "highlighter",
+            colors: HIGHLIGHT_COLORS,
+            current: s.highlight,
+            resetLabel: "No highlight",
+            onPick: (c) => run().setHighlight({ color: c }).run(),
+            onReset: () => run().unsetHighlight().run()
+          }
+        ),
+        /* @__PURE__ */ jsx11("span", { className: "june-doc__bubble-sep", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx11(Btn, { label: "Clear formatting", icon: "eraser", onClick: () => run().unsetAllMarks().run() })
+      ]
+    }
+  );
+}
+
+// src/features/document-editor/document-content.tsx
+import { EditorContent } from "@tiptap/react";
+import { useEffect as useEffect4, useLayoutEffect, useRef as useRef6, useState as useState4 } from "react";
+import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
+var PAGE_WIDTH = 794;
+var PAGE_HEIGHT = 1123;
+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 = useRef6(null);
+  const sheet = useRef6(null);
+  const [avail, setAvail] = useState4(PAGE_WIDTH);
+  const [sheetH, setSheetH] = useState4(0);
+  const [pages, setPages] = useState4(1);
+  const metricsRef = useRef6(onMetrics);
+  metricsRef.current = onMetrics;
+  const last = useRef6({ page: 0, pages: 0 });
+  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;
+    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 });
+      }
+    };
+    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 () => {
+      editor.off("transaction", report);
+      c.removeEventListener("scroll", report);
+      prose.removeEventListener("load", onLoad, true);
+      ro?.disconnect();
+    };
+  }, [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__ */ jsx12("div", { ref: canvas, className: "june-doc__content june-doc__canvas", "data-layout": layout, "data-marks": showMarks || void 0, children: /* @__PURE__ */ jsx12("div", { className: "june-doc__zoomer", style: zoomerStyle, children: /* @__PURE__ */ jsxs7("div", { ref: sheet, className: "june-doc__sheet", style: sheetStyle, children: [
+    paged ? /* @__PURE__ */ jsx12("div", { className: "june-doc__pages", "aria-hidden": "true", children: Array.from({ length: pages }, (_, i) => /* @__PURE__ */ jsx12("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__ */ jsx12(EditorContent, { editor })
+  ] }) }) });
+}
+
+// src/features/document-editor/document-findbar.tsx
+import { useEditorState as useEditorState3 } from "@tiptap/react";
+import { useEffect as useEffect5, useRef as useRef7, useState as useState5 } from "react";
+import { Fragment as Fragment3, jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
+function DocumentFindBar({ editor, editable, onClose, onNotice }) {
+  const [term, setTerm] = useState5(() => {
+    const { from, to, empty } = editor.state.selection;
+    return empty ? "" : editor.state.doc.textBetween(from, to, " ").slice(0, 100);
+  });
+  const [replacement, setReplacement] = useState5("");
+  const [caseSensitive, setCaseSensitive] = useState5(false);
+  const input = useRef7(null);
+  const info = useEditorState3({
+    editor,
+    selector: ({ editor: ed }) => {
+      const s = getSearchState(ed);
+      return { count: s?.matches.length ?? 0, current: s?.current ?? -1 };
+    }
+  });
+  useEffect5(() => {
+    input.current?.focus();
+    input.current?.select();
+  }, []);
+  useEffect5(() => {
+    setSearch(editor, { term, caseSensitive, current: 0 });
+  }, [editor, term, caseSensitive]);
+  useEffect5(() => () => {
+    if (!editor.isDestroyed) setSearch(editor, { term: "" });
+  }, [editor]);
+  const count = info?.count ?? 0;
+  const current = info?.current ?? -1;
+  return /* @__PURE__ */ jsxs8(
+    "div",
+    {
+      className: "june-doc__findbar",
+      role: "search",
+      onKeyDown: (e) => {
+        if (e.key === "Escape") {
+          e.stopPropagation();
+          onClose();
+          editor.commands.focus();
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsxs8("div", { className: "june-doc__find-field", children: [
+          /* @__PURE__ */ jsx13(Icon, { name: "search", size: 14 }),
+          /* @__PURE__ */ jsx13(
+            "input",
+            {
+              ref: input,
+              className: "june-doc__find-input",
+              "aria-label": "Find in document",
+              placeholder: "Find in document",
+              value: term,
+              onChange: (e) => setTerm(e.target.value),
+              onKeyDown: (e) => {
+                if (e.key === "Enter") {
+                  e.preventDefault();
+                  gotoMatch(editor, e.shiftKey ? -1 : 1);
+                }
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx13("span", { className: "june-doc__find-count", "aria-live": "polite", children: term ? count ? `${current + 1} of ${count}` : "No results" : "" })
+        ] }),
+        /* @__PURE__ */ jsx13("button", { type: "button", className: "june-doc__btn june-doc__btn--icon", "aria-label": "Previous match", title: "Previous (Shift+Enter)", disabled: !count, onClick: () => gotoMatch(editor, -1), children: /* @__PURE__ */ jsx13(Icon, { name: "chevronUp" }) }),
+        /* @__PURE__ */ jsx13("button", { type: "button", className: "june-doc__btn june-doc__btn--icon", "aria-label": "Next match", title: "Next (Enter)", disabled: !count, onClick: () => gotoMatch(editor, 1), children: /* @__PURE__ */ jsx13(Icon, { name: "chevronDown" }) }),
+        /* @__PURE__ */ jsx13(
+          "button",
+          {
+            type: "button",
+            className: "june-doc__btn june-doc__btn--icon june-doc__btn--case",
+            "aria-label": "Match case",
+            title: "Match case",
+            "aria-pressed": caseSensitive,
+            "data-active": caseSensitive || void 0,
+            onClick: () => setCaseSensitive((v) => !v),
+            children: "Aa"
+          }
+        ),
+        editable ? /* @__PURE__ */ jsxs8(Fragment3, { children: [
+          /* @__PURE__ */ jsx13("span", { className: "june-doc__find-sep", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx13(
+            "input",
+            {
+              className: "june-doc__input june-doc__replace-input",
+              "aria-label": "Replace with",
+              placeholder: "Replace with",
+              value: replacement,
+              onChange: (e) => setReplacement(e.target.value),
+              onKeyDown: (e) => {
+                if (e.key === "Enter") {
+                  e.preventDefault();
+                  replaceCurrent(editor, replacement);
+                }
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx13("button", { type: "button", className: "june-doc__btn", disabled: !count, onClick: () => replaceCurrent(editor, replacement), children: "Replace" }),
+          /* @__PURE__ */ jsx13(
+            "button",
+            {
+              type: "button",
+              className: "june-doc__btn",
+              disabled: !count,
+              onClick: () => {
+                const n = replaceAll(editor, replacement);
+                onNotice(`Replaced ${n} ${n === 1 ? "match" : "matches"}`);
+              },
+              children: "Replace all"
+            }
+          )
+        ] }) : null,
+        /* @__PURE__ */ jsx13("button", { type: "button", className: "june-doc__btn june-doc__btn--icon june-doc__btn--ghost june-doc__find-close", "aria-label": "Close find", onClick: onClose, children: /* @__PURE__ */ jsx13(Icon, { name: "close" }) })
+      ]
+    }
+  );
+}
+
+// src/features/document-editor/document-title.tsx
+import { jsx as jsx14 } from "react/jsx-runtime";
+function DocumentTitle({ value, disabled, onChange }) {
+  return /* @__PURE__ */ jsx14(
+    "input",
+    {
+      className: "june-doc__title",
+      "aria-label": "Document title",
+      value,
+      disabled,
+      placeholder: "Untitled document",
+      onChange: (e) => onChange(e.target.value)
+    }
+  );
+}
+
+// src/features/document-editor/document-header.tsx
+import { jsx as jsx15, 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" },
+  html: { label: "Web page", hint: ".html", icon: "code" },
+  markdown: { label: "Markdown", hint: ".md", icon: "file" },
+  txt: { label: "Plain text", hint: ".txt", icon: "file" }
+};
+function DocumentHeader(props) {
+  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__ */ jsx15("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__ */ jsx15(Icon, { name: "close", size: 18 }) }) : /* @__PURE__ */ jsx15("span", { className: "june-doc__doc-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx15(Icon, { name: "file", size: 16 }) }),
+    /* @__PURE__ */ jsx15(DocumentTitle, { value: title, disabled: !editable, onChange: onTitle }),
+    isDraft ? /* @__PURE__ */ jsxs9("span", { className: "june-doc__badge", children: [
+      /* @__PURE__ */ jsx15(Icon, { name: "sparkles", size: 12 }),
+      "AI draft"
+    ] }) : null,
+    /* @__PURE__ */ jsxs9("div", { className: "june-doc__header-actions", children: [
+      showSave ? /* @__PURE__ */ jsxs9(
+        "button",
+        {
+          type: "button",
+          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",
+          onClick: onSave,
+          children: [
+            /* @__PURE__ */ jsx15(Icon, { name: saveState === "saved" ? "check" : "save" }),
+            /* @__PURE__ */ jsx15("span", { children: saveState === "saving" ? "Saving\u2026" : saveState === "saved" ? "Saved" : "Save" })
+          ]
+        }
+      ) : null,
+      /* @__PURE__ */ jsx15(
+        Dropdown,
+        {
+          align: "end",
+          className: "june-doc__menu",
+          trigger: ({ open, toggle }) => /* @__PURE__ */ jsxs9(
+            "button",
+            {
+              type: "button",
+              className: "june-doc__btn june-doc__btn--solid",
+              "aria-label": "Download",
+              "aria-haspopup": "menu",
+              "aria-expanded": open,
+              onClick: toggle,
+              children: [
+                /* @__PURE__ */ jsx15("span", { children: "Download" }),
+                /* @__PURE__ */ jsx15(Icon, { name: "chevronDown", size: 14 })
+              ]
+            }
+          ),
+          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__ */ jsxs9(
+                "button",
+                {
+                  type: "button",
+                  role: "menuitem",
+                  className: "june-doc__menu-item",
+                  onClick: () => {
+                    close();
+                    onExport(f);
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx15(Icon, { name: meta.icon }),
+                    /* @__PURE__ */ jsx15("span", { className: "june-doc__menu-label", children: meta.label }),
+                    /* @__PURE__ */ jsx15("span", { className: "june-doc__menu-hint", children: meta.hint })
+                  ]
+                },
+                f
+              );
+            }),
+            exportFormats.length ? /* @__PURE__ */ jsx15("div", { className: "june-doc__menu-sep", role: "separator" }) : null,
+            /* @__PURE__ */ jsxs9(
+              "button",
+              {
+                type: "button",
+                role: "menuitem",
+                className: "june-doc__menu-item",
+                "aria-label": "Copy document",
+                onClick: () => {
+                  close();
+                  onCopy();
+                },
+                children: [
+                  /* @__PURE__ */ jsx15(Icon, { name: "copy" }),
+                  /* @__PURE__ */ jsx15("span", { className: "june-doc__menu-label", children: "Copy to clipboard" })
+                ]
+              }
+            )
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx15(
+        "button",
+        {
+          type: "button",
+          className: "june-doc__btn june-doc__btn--icon june-doc__btn--ghost",
+          "aria-label": fullscreen ? "Exit full screen" : "Open full screen",
+          title: fullscreen ? "Exit full screen" : "Open full screen",
+          "aria-pressed": fullscreen,
+          onClick: onToggleFullscreen,
+          children: /* @__PURE__ */ jsx15(Icon, { name: "maximize" })
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/features/document-editor/document-export.ts
+var escapeHtml = (value) => value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+var PRINT_CSS = 'body{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6;color:#111827;max-width:780px;margin:32px auto;padding:0 20px}h1,h2,h3{line-height:1.25}table{border-collapse:collapse;width:100%}th,td{border:1px solid #d1d5db;padding:6px 10px;text-align:left}blockquote{border-left:4px solid #d1d5db;margin:1em 0;padding-left:1em;color:#4b5563}pre,code{font-family:ui-monospace,Menlo,monospace;background:#f3f4f6}pre{padding:12px;overflow:auto}img{max-width:100%;height:auto}mark{padding:0 .1em;border-radius:2px}div[data-page-break]{break-after:page;page-break-after:always;height:0}@media screen{div[data-page-break]{border-top:1px dashed #d1d5db;margin:24px 0}}@media print{body{margin:0;max-width:none}}';
+function buildHtmlDocument(title, bodyHtml) {
+  return `<!doctype html><html lang="en"><head><meta charset="utf-8"><title>${escapeHtml(
+    title
+  )}</title><style>${PRINT_CSS}</style></head><body><h1>${escapeHtml(title)}</h1>${bodyHtml}</body></html>`;
+}
+var textResult = (text, filename, mimeType) => ({
+  filename,
+  mimeType,
+  text,
+  blob: new Blob([text], { type: `${mimeType};charset=utf-8` })
+});
+var exportHtml = async (ctx) => {
+  const { docToHtml: docToHtml2 } = await import("./document-engine-BUTK73DW.js");
+  return textResult(
+    buildHtmlDocument(ctx.title, docToHtml2(ctx.json)),
+    `${ctx.basename}.html`,
+    "text/html"
+  );
+};
+var exportMarkdown = async (ctx) => {
+  const { docToMarkdown: docToMarkdown2 } = await import("./document-engine-BUTK73DW.js");
+  return textResult(
+    `# ${ctx.title}
+
+${docToMarkdown2(ctx.json)}
+`,
+    `${ctx.basename}.md`,
+    "text/markdown"
+  );
+};
+var exportTxt = async (ctx) => {
+  const { docToText } = await import("./document-engine-BUTK73DW.js");
+  return textResult(`${ctx.title}
+
+${docToText(ctx.json)}
+`, `${ctx.basename}.txt`, "text/plain");
+};
+function toDocxColor(value) {
+  if (typeof value !== "string") return void 0;
+  const v = value.trim();
+  let m = /^#([0-9a-f]{3})$/i.exec(v);
+  if (m) return m[1].split("").map((c) => c + c).join("").toUpperCase();
+  m = /^#([0-9a-f]{6})$/i.exec(v);
+  if (m) return m[1].toUpperCase();
+  m = /^rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/i.exec(v);
+  if (m) {
+    return [m[1], m[2], m[3]].map((n) => Math.min(255, Number(n)).toString(16).padStart(2, "0")).join("").toUpperCase();
+  }
+  return void 0;
+}
+function toHalfPoints(value) {
+  if (typeof value !== "string") return void 0;
+  const m = /^([\d.]+)\s*(px|pt)?$/i.exec(value.trim());
+  if (!m) return void 0;
+  const n = Number(m[1]);
+  if (!Number.isFinite(n) || n <= 0) return void 0;
+  const pt = m[2]?.toLowerCase() === "pt" ? n : n * 0.75;
+  return Math.round(pt * 2);
+}
+function firstFontFamily(value) {
+  if (typeof value !== "string") return void 0;
+  const first = value.split(",")[0]?.trim().replace(/^['"]|['"]$/g, "");
+  return first || void 0;
+}
+var ORDERED_REF = "june-ordered";
+var DOCX_MIME = "application/vnd.openxmlformats-officedocument.wordprocessingml.document";
+function runs(d, node, fmt) {
+  const out = [];
+  for (const child of node.content ?? []) {
+    if (child.type === "hardBreak") {
+      out.push(new d.TextRun({ break: 1 }));
+      continue;
+    }
+    if (child.type !== "text" || !child.text) continue;
+    const marks = child.marks ?? [];
+    const has = (type) => marks.some((m) => m.type === type);
+    const link = marks.find((m) => m.type === "link");
+    const style = marks.find((m) => m.type === "textStyle")?.attrs ?? {};
+    const highlight = marks.find((m) => m.type === "highlight");
+    const fill = highlight ? toDocxColor(highlight.attrs?.color) ?? "FFF59D" : void 0;
+    const run = new d.TextRun({
+      text: child.text,
+      bold: fmt.bold || has("bold") || void 0,
+      italics: has("italic") || void 0,
+      underline: has("underline") || link ? {} : void 0,
+      strike: has("strike") || void 0,
+      superScript: has("superscript") || void 0,
+      subScript: has("subscript") || void 0,
+      font: has("code") ? "Courier New" : firstFontFamily(style.fontFamily),
+      size: toHalfPoints(style.fontSize),
+      color: toDocxColor(style.color) ?? (link ? "0563C1" : void 0),
+      shading: fill ? { type: d.ShadingType.CLEAR, fill, color: "auto" } : void 0
+    });
+    const href = typeof link?.attrs?.href === "string" ? sanitizeHref(link.attrs.href) : null;
+    out.push(href ? new d.ExternalHyperlink({ link: href, children: [run] }) : run);
+  }
+  return out;
+}
+function paragraph(d, node, fmt, extra = {}) {
+  const align = node.attrs?.textAlign;
+  return new d.Paragraph({
+    children: runs(d, node, fmt),
+    alignment: align === "center" ? d.AlignmentType.CENTER : align === "right" ? d.AlignmentType.RIGHT : align === "justify" ? d.AlignmentType.JUSTIFIED : void 0,
+    indent: fmt.indent ? { left: fmt.indent } : void 0,
+    border: fmt.quote ? { left: { color: "9CA3AF", space: 8, style: d.BorderStyle.SINGLE, size: 12 } } : void 0,
+    spacing: { after: 120 },
+    ...extra
+  });
+}
+function list(d, node, fmt, level, state) {
+  const ordered = node.type === "orderedList";
+  const instance = ordered ? ++state.instance : 0;
+  const out = [];
+  for (const item of node.content ?? []) {
+    let first = true;
+    for (const child of item.content ?? []) {
+      if (child.type === "bulletList" || child.type === "orderedList") {
+        out.push(...list(d, child, fmt, level + 1, state));
+      } else if (child.type === "paragraph" && first) {
+        first = false;
+        const lvl = Math.min(level, 2);
+        out.push(
+          paragraph(
+            d,
+            child,
+            fmt,
+            ordered ? { numbering: { reference: ORDERED_REF, level: lvl, instance } } : { bullet: { level: lvl } }
+          )
+        );
+      } else {
+        out.push(...blocks(d, [child], { ...fmt, indent: (fmt.indent ?? 0) + 720 * (level + 1) }, state));
+      }
+    }
+  }
+  return out;
+}
+function code(d, node) {
+  const lines = (node.content ?? []).map((c) => c.text ?? "").join("").split("\n");
+  return new d.Paragraph({
+    children: lines.map((line, i) => new d.TextRun({ text: line, font: "Courier New", break: i ? 1 : void 0 })),
+    spacing: { after: 120 },
+    shading: { type: d.ShadingType.CLEAR, fill: "F3F4F6" }
+  });
+}
+function table(d, node, state) {
+  const rows = (node.content ?? []).map(
+    (row) => new d.TableRow({
+      children: (row.content ?? []).map((cell) => {
+        const header = cell.type === "tableHeader";
+        const children = blocks(d, cell.content, { bold: header }, state);
+        return new d.TableCell({
+          children: children.length ? children : [new d.Paragraph("")],
+          shading: header ? { type: d.ShadingType.CLEAR, fill: "F3F4F6" } : void 0
+        });
+      })
+    })
+  );
+  if (rows.length === 0) return new d.Paragraph("");
+  return new d.Table({ rows, width: { size: 100, type: d.WidthType.PERCENTAGE } });
+}
+function image(d, node, state) {
+  const src = typeof node.attrs?.src === "string" ? node.attrs.src : "";
+  const alt = typeof node.attrs?.alt === "string" ? node.attrs.alt : "";
+  const img = state.images.get(src);
+  if (img) {
+    return [
+      new d.Paragraph({
+        children: [
+          new d.ImageRun({
+            type: img.type,
+            data: img.data,
+            transformation: { width: img.width, height: img.height },
+            altText: alt ? { name: alt, description: alt, title: alt } : void 0
+          })
+        ],
+        spacing: { after: 120 }
+      })
+    ];
+  }
+  const href = src && !src.startsWith("data:") ? sanitizeHref(src) : null;
+  if (!href) return [];
+  return [
+    new d.Paragraph({
+      children: [
+        new d.ExternalHyperlink({
+          link: href,
+          children: [new d.TextRun({ text: alt || href, color: "0563C1", underline: {} })]
+        })
+      ]
+    })
+  ];
+}
+function collectImages(nodes, out) {
+  for (const node of nodes ?? []) {
+    const src = node.attrs?.src;
+    if (node.type === "image" && typeof src === "string" && src && !out.has(src)) out.set(src, node.attrs);
+    if (node.content) collectImages(node.content, out);
+  }
+  return out;
+}
+var IMAGE_TYPES = {
+  "image/png": "png",
+  "image/jpeg": "jpg",
+  "image/jpg": "jpg",
+  "image/gif": "gif",
+  "image/bmp": "bmp"
+};
+var MAX_IMAGE_WIDTH = 600;
+function naturalSize(blob) {
+  const fallback = { width: 400, height: 300 };
+  return new Promise((resolve) => {
+    if (typeof Image === "undefined" || typeof URL.createObjectURL !== "function") return resolve(fallback);
+    const url = URL.createObjectURL(blob);
+    const img = new Image();
+    const done = (size) => {
+      URL.revokeObjectURL(url);
+      resolve(size);
+    };
+    img.onload = () => done({ width: img.naturalWidth || 400, height: img.naturalHeight || 300 });
+    img.onerror = () => done(fallback);
+    img.src = url;
+  });
+}
+async function loadImage(src, attrs) {
+  try {
+    const res = await fetch(src);
+    if (!res.ok) return null;
+    const blob = await res.blob();
+    const type = IMAGE_TYPES[blob.type.toLowerCase()];
+    if (!type) return null;
+    const natural = await naturalSize(blob);
+    let width = Number(attrs?.width) || natural.width;
+    let height = Number(attrs?.height) || natural.height * width / natural.width;
+    if (width > MAX_IMAGE_WIDTH) {
+      height = height * MAX_IMAGE_WIDTH / width;
+      width = MAX_IMAGE_WIDTH;
+    }
+    return { data: new Uint8Array(await blob.arrayBuffer()), type, width: Math.round(width), height: Math.round(height) };
+  } catch {
+    return null;
+  }
+}
+async function resolveImages(doc) {
+  const map = /* @__PURE__ */ new Map();
+  if (typeof fetch !== "function") return map;
+  const found = collectImages(doc.content, /* @__PURE__ */ new Map());
+  await Promise.all(
+    [...found].map(async ([src, attrs]) => {
+      const info = await loadImage(src, attrs);
+      if (info) map.set(src, info);
+    })
+  );
+  return map;
+}
+function blocks(d, nodes, fmt, state) {
+  const headings = [d.HeadingLevel.HEADING_1, d.HeadingLevel.HEADING_2, d.HeadingLevel.HEADING_3];
+  const out = [];
+  for (const node of nodes ?? []) {
+    switch (node.type) {
+      case "paragraph":
+        out.push(paragraph(d, node, fmt));
+        break;
+      case "heading": {
+        const level = Math.min(Math.max(Number(node.attrs?.level) || 1, 1), 3);
+        out.push(paragraph(d, node, fmt, { heading: headings[level - 1] }));
+        break;
+      }
+      case "bulletList":
+      case "orderedList":
+        out.push(...list(d, node, fmt, 0, state));
+        break;
+      case "blockquote":
+        out.push(...blocks(d, node.content, { ...fmt, quote: true, indent: (fmt.indent ?? 0) + 360 }, state));
+        break;
+      case "codeBlock":
+        out.push(code(d, node));
+        break;
+      case "horizontalRule":
+        out.push(
+          new d.Paragraph({
+            border: { bottom: { color: "9CA3AF", space: 1, style: d.BorderStyle.SINGLE, size: 6 } },
+            spacing: { after: 120 }
+          })
+        );
+        break;
+      case "table":
+        out.push(table(d, node, state));
+        break;
+      case "pageBreak":
+        out.push(new d.Paragraph({ children: [new d.PageBreak()] }));
+        break;
+      case "image":
+        out.push(...image(d, node, state));
+        break;
+      default:
+        if (node.content) out.push(...blocks(d, node.content, fmt, state));
+    }
+  }
+  return out;
+}
+var exportDocx = async (ctx) => {
+  const d = await import("docx");
+  const state = { instance: 0, images: await resolveImages(ctx.json) };
+  const children = [
+    new d.Paragraph({ text: ctx.title, heading: d.HeadingLevel.TITLE }),
+    ...blocks(d, ctx.json.content, {}, state)
+  ];
+  const doc = new d.Document({
+    title: ctx.title,
+    numbering: {
+      config: [
+        {
+          reference: ORDERED_REF,
+          levels: [0, 1, 2].map((level) => ({
+            level,
+            format: d.LevelFormat.DECIMAL,
+            text: `%${level + 1}.`,
+            alignment: d.AlignmentType.START,
+            style: { paragraph: { indent: { left: 720 * (level + 1), hanging: 360 } } }
+          }))
+        }
+      ]
+    },
+    sections: [{ children }]
+  });
+  const blob = await d.Packer.toBlob(doc);
+  return { filename: `${ctx.basename}.docx`, mimeType: DOCX_MIME, blob };
+};
+function printHtml(html) {
+  return new Promise((resolve, reject) => {
+    const frame = document.createElement("iframe");
+    frame.setAttribute("aria-hidden", "true");
+    frame.style.cssText = "position:fixed;right:0;bottom:0;width:0;height:0;border:0;";
+    const cleanup = () => setTimeout(() => frame.remove(), 500);
+    frame.onload = () => {
+      try {
+        const win = frame.contentWindow;
+        if (!win) throw new Error("The print frame is unavailable");
+        win.addEventListener("afterprint", cleanup);
+        win.focus();
+        win.print();
+        setTimeout(cleanup, 12e4);
+        resolve();
+      } catch (error) {
+        cleanup();
+        reject(error);
+      }
+    };
+    frame.srcdoc = html;
+    document.body.appendChild(frame);
+  });
+}
+var exportPdf = async (ctx) => {
+  const { docToHtml: docToHtml2 } = await import("./document-engine-BUTK73DW.js");
+  await printHtml(buildHtmlDocument(ctx.title, docToHtml2(ctx.json)));
+  return { filename: `${ctx.basename}.pdf`, mimeType: "application/pdf", handled: true };
+};
+var registry = /* @__PURE__ */ new Map([
+  ["html", exportHtml],
+  ["markdown", exportMarkdown],
+  ["txt", exportTxt],
+  ["docx", exportDocx],
+  ["pdf", exportPdf]
+]);
+function registerDocumentExporter(format2, exporter) {
+  registry.set(format2, exporter);
+}
+function listDocumentExporters() {
+  return [...registry.keys()];
+}
+async function exportDocument(format2, doc) {
+  const exporter = registry.get(format2);
+  if (!exporter) throw new JuneError("EXPORT_ERROR", `No exporter is registered for "${format2}"`);
+  try {
+    return await exporter({ ...doc, basename: slugify(doc.title) || "document" });
+  } catch (error) {
+    throw toJuneError(error, "EXPORT_ERROR", `Exporting ${format2} failed`);
+  }
+}
+function downloadResult(result) {
+  if (!result.blob) return;
+  const url = URL.createObjectURL(result.blob);
+  const link = document.createElement("a");
+  link.href = url;
+  link.download = result.filename;
+  document.body.appendChild(link);
+  link.click();
+  link.remove();
+  setTimeout(() => URL.revokeObjectURL(url), 1e3);
+}
+async function copyDocumentToClipboard(doc) {
+  const { docToHtml: docToHtml2, docToText } = await import("./document-engine-BUTK73DW.js");
+  const html = docToHtml2(doc.json);
+  const text = `${doc.title}
+
+${docToText(doc.json)}`;
+  try {
+    if (typeof ClipboardItem !== "undefined" && navigator.clipboard?.write) {
+      await navigator.clipboard.write([
+        new ClipboardItem({
+          "text/html": new Blob([html], { type: "text/html" }),
+          "text/plain": new Blob([text], { type: "text/plain" })
+        })
+      ]);
+      return true;
+    }
+    await navigator.clipboard.writeText(text);
+    return true;
+  } catch {
+    return false;
+  }
+}
+
+// src/features/document-editor/document-types.ts
+var ALL_EXPORT_FORMATS = [
+  "html",
+  "markdown",
+  "txt",
+  "docx",
+  "pdf"
+];
+
+// src/features/document-editor/document-editor.tsx
+import { Fragment as Fragment4, jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
+var snapshotOf = (r) => ({
+  documentId: r.id,
+  title: r.title,
+  documentType: r.documentType,
+  status: r.status,
+  json: r.json
+});
+var SAVE_LABEL = {
+  idle: "",
+  dirty: "Unsaved changes",
+  saving: "Saving\u2026",
+  saved: "Saved",
+  error: "Save failed"
+};
+var ZOOM_STEPS = [0.5, 0.67, 0.75, 0.9, 1, 1.1, 1.25, 1.5, 1.75, 2];
+var stepZoom = (z2, dir) => dir > 0 ? ZOOM_STEPS.find((s) => s > z2 + 1e-3) ?? z2 : [...ZOOM_STEPS].reverse().find((s) => s < z2 - 1e-3) ?? z2;
+function DocumentEditorImpl(props) {
+  const {
+    documentId,
+    title: titleProp = "Untitled document",
+    content,
+    documentType,
+    status = "draft",
+    editable = true,
+    exportFormats,
+    theme = "auto",
+    className
+  } = props;
+  const ctxOptions = useDocumentOptions();
+  const options = useMemo5(() => ({ ...ctxOptions, ...props.options }), [ctxOptions, props.options]);
+  const optionsRef = useRef8(options);
+  optionsRef.current = options;
+  const store = useMemo5(() => options.store ?? getDefaultDocumentStore(), [options.store]);
+  const instanceId = useId();
+  const { theme: contextTheme } = useJuneTheme();
+  const resolvedTheme = theme === "auto" ? contextTheme : theme;
+  const contentKey = typeof content === "string" ? content : content ? JSON.stringify(content) : "";
+  const parsed = useMemo5(() => {
+    if (!contentKey) return { json: null, error: null };
+    try {
+      return { json: parseDocumentContent(contentKey), error: null };
+    } catch (e) {
+      return { json: null, error: toJuneError(e, "DOCUMENT_ERROR") };
+    }
+  }, [contentKey]);
+  useEffect6(() => {
+    if (parsed.error) optionsRef.current.onError?.(parsed.error);
+  }, [parsed.error]);
+  const title = useDocumentValue(store, documentId, (r) => r?.title ?? titleProp);
+  const pending = useDocumentValue(store, documentId, (r) => r?.pending ?? null);
+  const words = useDocumentValue(store, documentId, (r) => r ? wordCountOf(r.json) : 0);
+  const recordStatus = useDocumentValue(store, documentId, (r) => r?.status ?? status);
+  const [saveState, setSaveState] = useState6("idle");
+  const [notice, setNotice] = useState6(null);
+  const [fullscreen, setFullscreen] = useState6(false);
+  const [expanded, setExpanded] = useState6(true);
+  const [showMarks, setShowMarks] = useState6(false);
+  const [layout, setLayout] = useState6("page");
+  const [findOpen, setFindOpen] = useState6(false);
+  const [zoom, setZoom] = useState6(1);
+  const [metrics, setMetrics] = useState6({ page: 1, pages: 1 });
+  useEffect6(() => {
+    if (!fullscreen || typeof document === "undefined") return;
+    const prev = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.body.style.overflow = prev;
+    };
+  }, [fullscreen]);
+  const lastSavedKey = useRef8("");
+  const seenRevision = useRef8(store.get(documentId)?.revision ?? 0);
+  const readyRef = useRef8(false);
+  const flash = useCallback4((message) => {
+    setNotice(message);
+  }, []);
+  useEffect6(() => {
+    if (!notice) return;
+    const t = setTimeout(() => setNotice(null), 3e3);
+    return () => clearTimeout(t);
+  }, [notice]);
+  const emitChange = useCallback4(
+    (source) => {
+      const record = store.get(documentId);
+      if (record) optionsRef.current.onDocumentChange?.({ ...snapshotOf(record), source });
+    },
+    [store, documentId]
+  );
+  const saveRef = useRef8(async () => {
+  });
+  const autosave = useMemo5(() => {
+    const delay = options.autosaveDelay ?? 1500;
+    return delay > 0 ? debounce(() => void saveRef.current(), delay) : null;
+  }, [options.autosaveDelay]);
+  useEffect6(() => () => autosave?.flush(), [autosave]);
+  saveRef.current = async () => {
+    const record = store.get(documentId);
+    const onSave = optionsRef.current.onSave;
+    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;
+    }
+    setSaveState("saving");
+    try {
+      await onSave({
+        ...snapshotOf(record),
+        html: docToHtml(record.json),
+        markdown: docToMarkdown(record.json)
+      });
+      lastSavedKey.current = key;
+      const latest = store.get(documentId);
+      const latestKey = latest ? JSON.stringify([latest.title, docKey(latest.json)]) : key;
+      setSaveState(latestKey === key ? "saved" : "dirty");
+    } catch (error) {
+      setSaveState("error");
+      optionsRef.current.onError?.(toJuneError(error, "DOCUMENT_ERROR", "Saving the document failed"));
+    }
+  };
+  const markDirty = useCallback4(
+    (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 = useMemo5(() => createDocumentExtensions(), []);
+  const onUpdateRef = useRef8(() => {
+  });
+  onUpdateRef.current = (json) => {
+    store.edit(documentId, json, instanceId);
+    emitChange("user");
+    markDirty();
+  };
+  const editor = useEditor({
+    extensions,
+    content: initialJson,
+    editable,
+    immediatelyRender: false,
+    editorProps: {
+      attributes: {
+        class: "june-doc__prose",
+        role: "textbox",
+        "aria-multiline": "true",
+        "aria-label": "Document content"
+      }
+    },
+    onUpdate: ({ editor: ed }) => onUpdateRef.current(ed.getJSON())
+  });
+  useEffect6(() => {
+    if (!editor || editor.isEditable === editable) return;
+    editor.setEditable(editable);
+  }, [editor, editable]);
+  useEffect6(() => {
+    if (!parsed.json) return;
+    if (isDocumentEcho(store, documentId, contentKey)) return;
+    const outcome = store.receive({
+      id: documentId,
+      title: titleProp,
+      json: parsed.json,
+      documentType,
+      status
+    });
+    if (outcome === "applied" || outcome === "merged") {
+      emitChange(outcome === "applied" ? "ai" : "merge");
+      markDirty(false);
+    } else if (outcome === "conflict") {
+      const record = store.get(documentId);
+      optionsRef.current.onConflict?.({
+        documentId,
+        title: record?.title ?? titleProp,
+        conflicts: record?.pending?.conflicts ?? 1
+      });
+    }
+  }, [store, documentId, titleProp, parsed.json, documentType, status, emitChange, markDirty]);
+  useEffect6(() => {
+    if (!editor) return;
+    const apply = () => {
+      const record = store.get(documentId);
+      if (!record || record.revision === seenRevision.current) return;
+      seenRevision.current = record.revision;
+      if (record.origin === instanceId) return;
+      const { from, to } = editor.state.selection;
+      editor.commands.setContent(record.json, { emitUpdate: false });
+      if (editor.isFocused) {
+        const size = editor.state.doc.content.size;
+        editor.commands.setTextSelection({ from: Math.min(from, size), to: Math.min(to, size) });
+      }
+    };
+    apply();
+    return store.subscribe(apply);
+  }, [editor, store, documentId, instanceId]);
+  useEffect6(() => {
+    if (!editor || readyRef.current) return;
+    const record = store.get(documentId);
+    if (!record) return;
+    readyRef.current = true;
+    lastSavedKey.current = JSON.stringify([record.title, docKey(record.json)]);
+    optionsRef.current.onDocumentReady?.(snapshotOf(record));
+  }, [editor, store, documentId, title]);
+  const handleTitle = (value) => {
+    store.setTitle(documentId, value);
+    emitChange("user");
+    markDirty();
+  };
+  const resolve = (choice) => {
+    store.resolve(documentId, choice);
+    if (choice !== "keep") {
+      emitChange(choice === "merge" ? "merge" : "resolve");
+      markDirty();
+    }
+  };
+  const handleExport = async (format2) => {
+    const record = store.get(documentId);
+    if (!record) return;
+    try {
+      const result = await exportDocument(format2, {
+        documentId,
+        title: record.title,
+        json: record.json
+        // always the latest editor content
+      });
+      if (result.blob) downloadResult(result);
+      optionsRef.current.onExport?.({ documentId, format: format2, ...result });
+    } catch (error) {
+      optionsRef.current.onError?.(toJuneError(error, "EXPORT_ERROR"));
+      flash("Export failed");
+    }
+  };
+  const handleCopy = async () => {
+    const record = store.get(documentId);
+    if (!record) return;
+    flash(await copyDocumentToClipboard({ title: record.title, json: record.json }) ? "Copied" : "Copy failed");
+  };
+  const formats = (exportFormats ?? [...ALL_EXPORT_FORMATS]).filter((f) => listDocumentExporters().includes(f));
+  if (parsed.error && !store.get(documentId)) {
+    return /* @__PURE__ */ jsxs10("div", { className: "june-doc june-doc--error", "data-theme": resolvedTheme, role: "alert", children: [
+      /* @__PURE__ */ jsx16("p", { className: "june-doc__draft-text", children: "This document could not be displayed." }),
+      /* @__PURE__ */ jsxs10("details", { children: [
+        /* @__PURE__ */ jsx16("summary", { children: "Show raw content" }),
+        /* @__PURE__ */ jsx16("pre", { className: "june-doc__raw", children: contentKey })
+      ] })
+    ] });
+  }
+  if (!editor) return /* @__PURE__ */ jsx16(DocumentDraft, { title, state: "loading" });
+  const isDraft = recordStatus === "draft";
+  const classes = ["june-doc", fullscreen ? "june-doc--fullscreen" : "", className ?? ""].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs10(
+    "div",
+    {
+      className: classes,
+      "data-theme": resolvedTheme,
+      "data-status": recordStatus,
+      role: fullscreen ? "dialog" : void 0,
+      "aria-modal": fullscreen || void 0,
+      "aria-label": fullscreen ? title : void 0,
+      onKeyDown: (e) => {
+        const mod = e.ctrlKey || e.metaKey;
+        if (mod && e.key.toLowerCase() === "s" && options.onSave) {
+          e.preventDefault();
+          void saveRef.current();
+        } else if (mod && e.key.toLowerCase() === "f") {
+          e.preventDefault();
+          setFindOpen(true);
+        } else if (e.key === "Escape" && fullscreen && !e.defaultPrevented) {
+          setFullscreen(false);
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsx16(
+          DocumentHeader,
+          {
+            title,
+            editable,
+            isDraft,
+            fullscreen,
+            onToggleFullscreen: () => setFullscreen((v) => !v),
+            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__ */ 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__ */ jsxs10("span", { className: "june-doc__banner-actions", children: [
+            /* @__PURE__ */ jsx16("button", { type: "button", className: "june-doc__btn", onClick: () => resolve("merge"), children: "Merge, keep my edits" }),
+            /* @__PURE__ */ jsx16("button", { type: "button", className: "june-doc__btn", onClick: () => resolve("replace"), children: "Use AI version" }),
+            /* @__PURE__ */ jsx16("button", { type: "button", className: "june-doc__btn", onClick: () => resolve("keep"), children: "Keep mine" })
+          ] })
+        ] }) : null,
+        /* @__PURE__ */ jsx16(
+          DocumentToolbar,
+          {
+            editor,
+            editable,
+            expanded,
+            onToggleExpanded: () => setExpanded((v) => !v),
+            showMarks,
+            onToggleMarks: () => setShowMarks((v) => !v),
+            layout,
+            onToggleLayout: () => setLayout((v) => v === "page" ? "fluid" : "page"),
+            findOpen,
+            onToggleFind: () => setFindOpen((v) => !v),
+            onNotice: flash
+          }
+        ),
+        findOpen ? /* @__PURE__ */ jsx16(DocumentFindBar, { editor, editable, onClose: () => setFindOpen(false), onNotice: flash }) : null,
+        editable ? /* @__PURE__ */ jsx16(DocumentBubbleMenu, { editor }) : null,
+        /* @__PURE__ */ jsx16(DocumentContent, { editor, layout, zoom, showMarks, onMetrics: setMetrics }),
+        /* @__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 ",
+                metrics.pages
+              ] }),
+              /* @__PURE__ */ jsx16("span", { className: "june-doc__stats-sep", "aria-hidden": "true" })
+            ] }) : null,
+            /* @__PURE__ */ jsxs10("span", { children: [
+              words,
+              " words"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx16("span", { className: "june-doc__status", "aria-live": "polite", "data-state": notice ? "notice" : saveState, children: notice ?? SAVE_LABEL[saveState] }),
+          /* @__PURE__ */ jsxs10("div", { className: "june-doc__zoom", role: "group", "aria-label": "Zoom", children: [
+            /* @__PURE__ */ jsx16("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__ */ jsx16(Icon, { name: "minus", size: 14 }) }),
+            /* @__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),
+              "%"
+            ] }),
+            /* @__PURE__ */ jsx16("button", { type: "button", className: "june-doc__btn june-doc__btn--icon june-doc__btn--ghost", "aria-label": "Zoom in", disabled: zoom >= ZOOM_STEPS[ZOOM_STEPS.length - 1], onClick: () => setZoom(stepZoom(zoom, 1)), children: /* @__PURE__ */ jsx16(Icon, { name: "plus", size: 14 }) })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/features/document-editor/document-component.tsx
+import { jsx as jsx17 } from "react/jsx-runtime";
+var DOCUMENT_COMPONENT_DESCRIPTION = 'Custom component. An editable document. DocumentEditor(documentId, title, content, documentType?, status?, editable?, exportFormats?). Place it in the root container (Card or Stack). "content" is the full document body as one Markdown string. Reuse documentId when revising the same document. Use it only when the user asks to create or revise a document.';
+var documentProps = z.object({
+  documentId: z.string().describe("Stable id. Reuse it when revising the same document."),
+  title: z.string().describe("Document title. Do not repeat it as a heading in content."),
+  content: z.string().describe("The whole document body as Markdown."),
+  documentType: z.string().optional().describe("Kind of document, such as proposal, contract or invoice."),
+  status: z.string().optional().describe('Use "draft" for generated documents.'),
+  editable: z.boolean().optional().describe("Whether the user can edit. Defaults to true."),
+  exportFormats: z.array(z.string()).optional().describe("Export formats to offer, such as html, markdown, docx.")
+});
+function DocumentEditor(props) {
+  const { isStreaming } = useJuneRuntime();
+  if (props.generating || isStreaming) {
+    return /* @__PURE__ */ jsx17(DocumentDraft, { title: props.title, state: "drafting" });
+  }
+  return /* @__PURE__ */ jsx17(DocumentEditorImpl, { ...props });
+}
+function OpenUIDocument({ props }) {
+  return /* @__PURE__ */ jsx17(
+    DocumentEditor,
+    {
+      documentId: props.documentId,
+      title: props.title,
+      content: props.content,
+      documentType: props.documentType,
+      status: props.status,
+      editable: props.editable,
+      exportFormats: props.exportFormats
+    }
+  );
+}
+var JuneDocumentEditorComponent = defineComponent3({
+  name: "DocumentEditor",
+  description: DOCUMENT_COMPONENT_DESCRIPTION,
+  props: documentProps,
+  component: OpenUIDocument
+});
+function withDocumentEditor(library) {
+  try {
+    return library.extend({
+      components: {
+        add: [{ component: JuneDocumentEditorComponent, slots: ["Card"] }]
+      }
+    });
+  } catch {
+    return library.extend({ components: { add: [JuneDocumentEditorComponent] } });
+  }
+}
+
+// src/features/document-editor/document-instructions.ts
+var DEFAULT_TYPES = [
+  "proposal",
+  "report",
+  "email",
+  "letter",
+  "invoice",
+  "contract",
+  "NDA",
+  "memo",
+  "meeting notes"
+];
+function getDocumentEditorRules(options = {}) {
+  const name = options.componentName ?? "DocumentEditor";
+  const types = (options.documentTypes ?? DEFAULT_TYPES).join(", ");
+  return [
+    `WHEN TO USE ${name}: use it only when the user asks you to create, draft, write, prepare, generate or revise an editable document (${types}, or similar). Put the finished document inside ${name}.`,
+    `WHEN NOT TO USE ${name}: for explanations ("explain what an NDA is"), factual answers, comparisons, brainstorming and general questions, answer with normal text and the other components. Never open ${name} for those.`,
+    `${name}(documentId, title, content, documentType?, status?, editable?, exportFormats?): "content" is the whole document body as Markdown inside ONE double-quoted string. Write line breaks as \\n and escape double quotes as \\". Supported Markdown: headings (#, ##, ###), paragraphs, **bold**, *italic*, lists, > quotes, [links](https://...), and tables.`,
+    `Do not repeat the title as a heading inside "content"; the title is shown separately. Structure the document with headings, short paragraphs and tables where useful. Keep a professional tone.`,
+    `EDITING: when the user asks to change an existing document (add a section, rewrite a part, change the title), write ${name} again with the SAME documentId and the COMPLETE updated content, starting from the current document text you were given. Copy every unchanged section exactly as it was. Change only what was requested. The app merges your version with the user's own edits.`,
+    `If the user asks for a document but leaves out details, write the document anyway and use clear placeholders such as [CLIENT NAME], [DATE], [AMOUNT]. Do not stop to ask unless the request is impossible to interpret.`,
+    `Never invent legal, financial or business facts, prices, dates, names or figures. Use placeholders instead. Set status to "draft" for generated documents, and for legal or financial documents say in one short sentence outside the component that the document is a draft that should be reviewed by a professional.`,
+    `You may add one short sentence before or after the component. Do not repeat the document text outside the component.`,
+    ...options.extraRules ?? []
+  ];
+}
+function getDocumentEditorInstructions(options = {}) {
+  const rules = getDocumentEditorRules(options);
+  return ["Document drafting:", ...rules.map((rule, i) => `${i + 1}. ${rule}`)].join("\n");
+}
+var EXAMPLE_NEW = 'root = Stack([doc])\ndoc = DocumentEditor("business-proposal", "Business Proposal", "## Executive Summary\\n\\nThis proposal outlines [SERVICE] for [CLIENT NAME].\\n\\n## Scope of Work\\n\\n- Discovery\\n- Delivery\\n\\n## Pricing\\n\\n| Item | Cost |\\n| --- | --- |\\n| Discovery | [AMOUNT] |", "proposal", "draft")';
+var EXAMPLE_EDIT = 'root = Stack([doc])\ndoc = DocumentEditor("business-proposal", "Business Proposal", "## Executive Summary\\n\\nThis proposal outlines [SERVICE] for [CLIENT NAME].\\n\\n## Scope of Work\\n\\n- Discovery\\n- Delivery\\n\\n## Pricing\\n\\n| Item | Cost |\\n| --- | --- |\\n| Discovery | [AMOUNT] |\\n| Delivery | [AMOUNT] |", "proposal", "draft")';
+function documentPromptOptions(options = {}) {
+  return {
+    additionalRules: getDocumentEditorRules(options),
+    examples: [EXAMPLE_NEW, EXAMPLE_EDIT]
+  };
+}
+
+// src/features/document-editor/document-agent.ts
+var attr = (value) => value.replace(/"/g, "&quot;");
+async function serializeDocumentsForAgent(options = {}) {
+  const store = options.store ?? getDefaultDocumentStore();
+  const { docToMarkdown: docToMarkdown2 } = await import("./document-engine-BUTK73DW.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)}
+</document>`
+  ).join("\n\n");
+}
+
+// src/features/tool-approval/tool-approval.tsx
+import { useId as useId2, useState as useState7 } from "react";
+import { Fragment as Fragment5, jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
+var defaultToolApprovalLabels = {
+  approve: "Approve",
+  reject: "Reject",
+  edit: "Edit",
+  save: "Approve with changes",
+  cancel: "Cancel",
+  invalidJson: "Arguments must be valid JSON.",
+  status: {
+    approved: "Approved",
+    rejected: "Rejected",
+    running: "Running\u2026",
+    completed: "Completed",
+    failed: "Failed"
+  },
+  sideEffect: { read: "Reads data", write: "Makes changes", destructive: "Deletes or overwrites" },
+  risk: (risk) => `${risk.charAt(0).toUpperCase()}${risk.slice(1)} risk`
+};
+var format = (value) => {
+  try {
+    return JSON.stringify(value, null, 2) ?? String(value);
+  } catch {
+    return String(value);
+  }
+};
+var hasArguments = (args) => args !== void 0 && args !== null && !(typeof args === "object" && Object.keys(args).length === 0);
+function ToolApproval({
+  request,
+  status = "pending",
+  onDecide,
+  disabled = false,
+  error,
+  labels: labelOverrides,
+  renderArguments,
+  className
+}) {
+  const labels = { ...defaultToolApprovalLabels, ...labelOverrides };
+  const options = request.options?.length ? request.options : ["approve", "reject"];
+  const [draft, setDraft] = useState7(null);
+  const [draftError, setDraftError] = useState7(null);
+  const titleId = useId2();
+  const pending = status === "pending";
+  const decide = (decision) => {
+    if (!disabled && pending) onDecide?.(decision);
+  };
+  const saveEdit = () => {
+    let editedArguments;
+    try {
+      editedArguments = JSON.parse(draft ?? "null");
+    } catch {
+      setDraftError(labels.invalidJson);
+      return;
+    }
+    setDraftError(null);
+    setDraft(null);
+    decide({ choice: "edit", editedArguments });
+  };
+  return /* @__PURE__ */ jsxs11(
+    "section",
+    {
+      className: className ? `june-approval ${className}` : "june-approval",
+      "aria-labelledby": titleId,
+      "data-status": status,
+      "data-risk": request.risk,
+      children: [
+        /* @__PURE__ */ jsxs11("header", { className: "june-approval__header", children: [
+          /* @__PURE__ */ jsx18("strong", { id: titleId, className: "june-approval__tool", children: request.tool }),
+          request.risk && /* @__PURE__ */ jsx18("span", { className: "june-approval__badge", "data-risk": request.risk, children: labels.risk(request.risk) }),
+          request.sideEffect && /* @__PURE__ */ jsx18("span", { className: "june-approval__badge", children: labels.sideEffect[request.sideEffect] })
+        ] }),
+        request.description && /* @__PURE__ */ jsx18("p", { className: "june-approval__description", children: request.description }),
+        draft !== null ? /* @__PURE__ */ jsxs11("div", { className: "june-approval__edit", children: [
+          /* @__PURE__ */ jsx18(
+            "textarea",
+            {
+              "aria-label": labels.edit,
+              className: "june-approval__editor",
+              value: draft,
+              onChange: (e) => setDraft(e.target.value),
+              rows: Math.min(14, Math.max(4, draft.split("\n").length + 1)),
+              spellCheck: false
+            }
+          ),
+          draftError && /* @__PURE__ */ jsx18("p", { role: "alert", className: "june-approval__error", children: draftError })
+        ] }) : hasArguments(request.arguments) ? renderArguments ? renderArguments(request.arguments) : /* @__PURE__ */ jsx18("pre", { className: "june-approval__args", children: format(request.arguments) }) : null,
+        pending ? /* @__PURE__ */ jsx18("div", { className: "june-approval__actions", children: draft !== null ? /* @__PURE__ */ jsxs11(Fragment5, { children: [
+          /* @__PURE__ */ jsx18("button", { type: "button", className: "june-approval__button", "data-variant": "primary", onClick: saveEdit, disabled, children: labels.save }),
+          /* @__PURE__ */ jsx18("button", { type: "button", className: "june-approval__button", onClick: () => setDraft(null), disabled, children: labels.cancel })
+        ] }) : options.map((choice) => /* @__PURE__ */ jsx18(
+          "button",
+          {
+            type: "button",
+            className: "june-approval__button",
+            "data-variant": choice === "approve" ? "primary" : choice === "reject" ? "danger" : void 0,
+            disabled,
+            onClick: () => choice === "edit" ? setDraft(format(request.arguments ?? {})) : decide({ choice }),
+            children: labels[choice]
+          },
+          choice
+        )) }) : /* @__PURE__ */ jsxs11("p", { className: "june-approval__status", role: "status", children: [
+          labels.status[status],
+          status === "failed" && error ? `: ${error}` : null
+        ] })
+      ]
+    }
+  );
+}
+
+// src/features/tool-approval/tool-approval-list.tsx
+import { jsx as jsx19 } from "react/jsx-runtime";
+function ToolApprovalList({ approvals, pendingOnly = false, renderItem, labels, className }) {
+  const entries = pendingOnly ? approvals.entries.filter((e) => e.status === "pending") : approvals.entries;
+  if (entries.length === 0) return null;
+  return /* @__PURE__ */ jsx19("div", { className: className ? `june-approval-list ${className}` : "june-approval-list", children: entries.map(
+    (entry) => renderItem ? /* @__PURE__ */ jsx19("div", { children: renderItem(entry, approvals.decide) }, entry.request.id) : /* @__PURE__ */ jsx19(
+      ToolApproval,
+      {
+        request: entry.request,
+        status: entry.status,
+        error: entry.error,
+        labels,
+        onDecide: (decision) => approvals.decide(entry.request.id, decision)
+      },
+      entry.request.id
+    )
+  ) });
+}
+
+// src/features/tool-approval/use-tool-approval.ts
+import { useCallback as useCallback5, useEffect as useEffect7, useMemo as useMemo6, useRef as useRef9, useState as useState8 } from "react";
+var counter = 0;
+var nextId = () => `june-approval-${++counter}`;
+function useToolApproval() {
+  const [entries, setEntries] = useState8([]);
+  const waiters = useRef9(/* @__PURE__ */ new Map());
+  const settle = useCallback5((id, decision) => {
+    const resolve = waiters.current.get(id);
+    waiters.current.delete(id);
+    resolve?.(decision);
+  }, []);
+  const request = useCallback5((input) => {
+    const id = input.id ?? nextId();
+    const entry = { request: { ...input, id }, status: "pending" };
+    return new Promise((resolve) => {
+      waiters.current.set(id, resolve);
+      setEntries((list2) => [...list2.filter((e) => e.request.id !== id), entry]);
+    });
+  }, []);
+  const decide = useCallback5(
+    (id, decision) => {
+      if (!waiters.current.has(id)) return;
+      setEntries(
+        (list2) => list2.map(
+          (e) => e.request.id === id ? { ...e, decision, status: decision.choice === "reject" ? "rejected" : "approved" } : e
+        )
+      );
+      settle(id, decision);
+    },
+    [settle]
+  );
+  const setStatus = useCallback5((id, status, error) => {
+    setEntries((list2) => list2.map((e) => e.request.id === id ? { ...e, status, error } : e));
+  }, []);
+  const dismiss = useCallback5(
+    (id) => {
+      const ids = id ? [id] : [...waiters.current.keys()];
+      ids.forEach((i) => settle(i, { choice: "reject" }));
+      setEntries((list2) => id ? list2.filter((e) => e.request.id !== id) : []);
+    },
+    [settle]
+  );
+  const confirmAction = useCallback5(
+    async ({ name, payload, description }) => {
+      const decision = await request({ tool: name, description, arguments: payload });
+      return decision.choice !== "reject";
+    },
+    [request]
+  );
+  useEffect7(() => {
+    const map = waiters.current;
+    return () => {
+      map.forEach((resolve) => resolve({ choice: "reject" }));
+      map.clear();
+    };
+  }, []);
+  const pending = useMemo6(() => entries.filter((e) => e.status === "pending"), [entries]);
+  return useMemo6(
+    () => ({ entries, pending, request, decide, setStatus, dismiss, confirmAction }),
+    [entries, pending, request, decide, setStatus, dismiss, confirmAction]
+  );
+}
+
+// src/adapters/langgraph/langgraph.ts
+var AI_TYPES = /* @__PURE__ */ new Set(["ai", "AIMessage", "AIMessageChunk"]);
+function isAiMessage(message) {
+  return message.type === void 0 || typeof message.type === "string" && AI_TYPES.has(message.type);
+}
+function messageContentToText(content) {
+  if (typeof content === "string") return content;
+  if (!Array.isArray(content)) return "";
+  let text = "";
+  for (const block of content) {
+    if (typeof block === "string") text += block;
+    else if (block && typeof block === "object" && block.type === "text") {
+      const value = block.text;
+      if (typeof value === "string") text += value;
+    }
+  }
+  return text;
+}
+function parse(data) {
+  try {
+    return JSON.parse(data);
+  } catch {
+    return void 0;
+  }
+}
+function createLangGraphExtractor(options = {}) {
+  const nodes = options.nodes ? new Set(options.nodes) : null;
+  const emitted = /* @__PURE__ */ new Map();
+  return (data, event) => {
+    const base = event.split("|")[0];
+    if (base === "messages") {
+      const parsed = parse(data);
+      if (!Array.isArray(parsed)) return null;
+      const [chunk, metadata] = parsed;
+      if (!chunk || typeof chunk !== "object" || !isAiMessage(chunk)) return null;
+      if (nodes && !(typeof metadata?.langgraph_node === "string" && nodes.has(metadata.langgraph_node))) return null;
+      return messageContentToText(chunk.content) || null;
+    }
+    if (base === "messages/partial" || base === "messages/complete") {
+      const parsed = parse(data);
+      if (!Array.isArray(parsed)) return null;
+      let out = "";
+      for (const message of parsed) {
+        if (!message || typeof message !== "object" || !isAiMessage(message)) continue;
+        const key = typeof message.id === "string" ? message.id : "__no_id__";
+        const text = messageContentToText(message.content);
+        const seen = emitted.get(key) ?? 0;
+        if (text.length > seen) {
+          out += text.slice(seen);
+          emitted.set(key, text.length);
+        }
+      }
+      return out || null;
+    }
+    return null;
+  };
+}
+function langGraphStreamOptions(options = {}) {
+  const sse = { extract: createLangGraphExtractor(options), doneSentinel: null };
+  return { sse };
+}
+function readLangGraphInterrupts(data, event = "updates") {
+  if (event.split("|")[0] !== "updates") return [];
+  const parsed = parse(data);
+  const list2 = parsed && typeof parsed === "object" ? parsed.__interrupt__ : void 0;
+  if (!Array.isArray(list2)) return [];
+  return list2.map((i) => i && typeof i === "object" && "value" in i ? i.value : i);
+}
+function interruptToApprovalRequests(value, idPrefix = "interrupt") {
+  const hitl = value;
+  if (!hitl || typeof hitl !== "object" || !Array.isArray(hitl.action_requests)) return [];
+  const configs = Array.isArray(hitl.review_configs) ? hitl.review_configs : [];
+  return hitl.action_requests.flatMap((action, index) => {
+    if (!action || typeof action.name !== "string") return [];
+    const config = configs.find((c) => c?.action_name === action.name);
+    const allowed = Array.isArray(config?.allowed_decisions) ? config.allowed_decisions.filter(
+      (d) => d === "approve" || d === "reject" || d === "edit"
+    ) : void 0;
+    return [
+      {
+        id: `${idPrefix}-${index}`,
+        tool: action.name,
+        description: typeof action.description === "string" ? action.description : void 0,
+        arguments: action.args ?? action.arguments,
+        options: allowed && allowed.length ? allowed : void 0
+      }
+    ];
+  });
+}
+
+export {
+  useJuneTheme,
+  JuneRuntimeContext,
+  useJuneRuntime,
+  defaultParseActionEvent,
+  runAction,
+  createActionHandler,
+  JuneDocumentContext,
+  useDocumentOptions,
+  mergeDocuments,
+  createDocumentStore,
+  rememberDocumentEcho,
+  isDocumentEcho,
+  getDefaultDocumentStore,
+  updateDocumentInProgram,
+  readDocumentFromProgram,
+  useDocumentBridge,
+  DocumentBridge,
+  darkTheme,
+  lightTheme,
+  isThemeSet,
+  resolveThemeVars,
+  createTheme,
+  useResolvedTheme,
+  JuneThemeProvider,
+  normalizeProgram,
+  splitResponse,
+  resolveMixedContent,
+  JuneErrorBoundary,
+  MarkdownText,
+  JuneRenderer,
+  validateComponentDefinition,
+  defineComponent,
+  isJuneComponent,
+  ComponentRegistry,
+  createComponentRegistry,
+  useRegistryLibrary,
+  defineJuneComponent,
+  createJuneLibrary,
+  defineJuneAction,
+  toAsyncIterable,
+  consumeStream,
+  sseToText,
+  jsonFieldExtractor,
+  fetchStream,
+  useJuneStream,
+  registerDocumentExporter,
+  listDocumentExporters,
+  exportDocument,
+  downloadResult,
+  copyDocumentToClipboard,
+  ALL_EXPORT_FORMATS,
+  DOCUMENT_COMPONENT_DESCRIPTION,
+  DocumentEditor,
+  JuneDocumentEditorComponent,
+  withDocumentEditor,
+  getDocumentEditorRules,
+  getDocumentEditorInstructions,
+  documentPromptOptions,
+  serializeDocumentsForAgent,
+  defaultToolApprovalLabels,
+  ToolApproval,
+  ToolApprovalList,
+  useToolApproval,
+  messageContentToText,
+  createLangGraphExtractor,
+  langGraphStreamOptions,
+  readLangGraphInterrupts,
+  interruptToApprovalRequests
+};