@june-ai/june-ui 0.2.9 → 0.2.10

package/dist/{chunk-GFCROSGQ.cjs → chunk-GS4J6OAF.cjs}

@@ -1056,7 +1056,7 @@ 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) {
+function scan(line, state, preserveQuote = false) {
   for (let i = 0; i < line.length; i++) {
     const ch = line[i];
     if (state.quote) {
@@ -1070,7 +1070,95 @@ function scan(line, state) {
       state.depth = Math.max(0, state.depth - 1);
     }
   }
-  state.quote = null;
+  if (!preserveQuote) state.quote = null;
+}
+function quoteClosesLater(lines, from, state) {
+  const probe = { depth: state.depth, quote: state.quote };
+  for (let i = from; i < lines.length; i++) {
+    const line = lines[i];
+    if (probe.depth === 0 && STATEMENT_START.test(line.trim())) return false;
+    scan(line, probe, true);
+    if (!probe.quote) return true;
+  }
+  return false;
+}
+function decodeLangString(raw) {
+  let out = "";
+  for (let i = 0; i < raw.length; i++) {
+    const ch = raw[i];
+    if (ch === "\\" && i + 1 < raw.length) {
+      const next = raw[i + 1];
+      out += next === "n" ? "\n" : next === "t" ? "	" : next === "r" ? "\r" : next === "b" ? "\b" : next === "f" ? "\f" : next;
+      i++;
+      continue;
+    }
+    out += ch;
+  }
+  return out.replace(/\r/g, "");
+}
+function foldMultilineStrings(source) {
+  let out = "";
+  let i = 0;
+  while (i < source.length) {
+    if (source.startsWith('"""', i)) {
+      const end = source.indexOf('"""', i + 3);
+      if (end < 0) {
+        const nl = source.indexOf("\n", i);
+        if (nl < 0) {
+          out += source.slice(i);
+          break;
+        }
+        out += source.slice(i, nl + 1);
+        i = nl + 1;
+        continue;
+      }
+      out += JSON.stringify(source.slice(i + 3, end).replace(/\r/g, ""));
+      i = end + 3;
+      continue;
+    }
+    if (source[i] !== '"') {
+      out += source[i];
+      i++;
+      continue;
+    }
+    let j = i + 1;
+    let closed = false;
+    let hasNewline = false;
+    while (j < source.length) {
+      const ch = source[j];
+      if (ch === "\\") {
+        j += 2;
+        continue;
+      }
+      if (ch === "\n") {
+        if (STATEMENT_START.test(source.slice(j + 1))) break;
+        hasNewline = true;
+      }
+      if (ch === '"') {
+        closed = true;
+        break;
+      }
+      j++;
+    }
+    if (!closed) {
+      const nl = source.indexOf("\n", i);
+      if (nl < 0) {
+        out += source.slice(i);
+        break;
+      }
+      out += source.slice(i, nl + 1);
+      i = nl + 1;
+      continue;
+    }
+    if (!hasNewline) {
+      out += source.slice(i, j + 1);
+      i = j + 1;
+      continue;
+    }
+    out += JSON.stringify(decodeLangString(source.slice(i + 1, j)));
+    i = j + 1;
+  }
+  return out;
 }
 function splitResponse(source, options = {}) {
   const markdown = options.markdown === true;
@@ -1092,8 +1180,15 @@ function splitResponse(source, options = {}) {
     text = [];
     if (joined) (seenUi ? after : before).push(joined);
   };
-  for (const line of input.split(/\r?\n/)) {
+  const lines = input.split(/\r?\n/);
+  for (let index = 0; index < lines.length; index++) {
+    const line = lines[index];
     const trimmed = line.trim();
+    if (state.quote) {
+      ui.push(line);
+      scan(line, state, true);
+      continue;
+    }
     if (codeFence !== null) {
       text.push(line);
       if (trimmed.startsWith(codeFence)) {
@@ -1122,7 +1217,8 @@ function splitResponse(source, options = {}) {
       flushText();
       seenUi = true;
       ui.push(line);
-      scan(line, state);
+      scan(line, state, true);
+      if (state.quote && !quoteClosesLater(lines, index + 1, state)) state.quote = null;
       continue;
     }
     if (trimmed === "") {
@@ -1134,7 +1230,7 @@ function splitResponse(source, options = {}) {
   flushText();
   return {
     before,
-    ui: ui.join("\n"),
+    ui: foldMultilineStrings(ui.join("\n")),
     after,
     pure: !sawFence && before.length === 0 && after.length === 0
   };
@@ -1144,7 +1240,7 @@ function splitResponse(source, options = {}) {
 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 raw = parts && !parts.pure ? parts.ui : typeof response === "string" ? foldMultilineStrings(response) : response;
   const ui = !repair || !mixedContent || isStreaming || typeof raw !== "string" || raw.length === 0 ? raw : normalizeProgram(raw);
   const before = _nullishCoalesce(_optionalChain([parts, 'optionalAccess', _44 => _44.before]), () => ( []));
   const after = _nullishCoalesce(_optionalChain([parts, 'optionalAccess', _45 => _45.after]), () => ( []));
@@ -2115,6 +2211,10 @@ var PATHS = {
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M18 6 6 18" }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "m6 6 12 12" })
   ] }),
+  pencil: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "m15 5 4 4" })
+  ] }),
   maximize: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M8 3H5a2 2 0 0 0-2 2v3" }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M21 8V5a2 2 0 0 0-2-2h-3" }),
@@ -3940,6 +4040,96 @@ function DocumentEditorImpl(props) {
   );
 }
 
+// src/features/document-editor/document-preview.tsx
+
+var _reactdom = require('react-dom');
+
+function DocumentPreview(props) {
+  const { documentId, title = "Untitled document", content, editable = true } = props;
+  const { theme: contextTheme } = useJuneTheme();
+  const resolvedTheme = props.theme && props.theme !== "auto" ? props.theme : contextTheme;
+  const ctxOptions = useDocumentOptions();
+  const store = _react.useMemo.call(void 0, () => _nullishCoalesce(_nullishCoalesce(_optionalChain([props, 'access', _423 => _423.options, 'optionalAccess', _424 => _424.store]), () => ( ctxOptions.store)), () => ( getDefaultDocumentStore())), [_optionalChain([props, 'access', _425 => _425.options, 'optionalAccess', _426 => _426.store]), ctxOptions.store]);
+  const storedJson = useDocumentValue(store, documentId, (record) => _optionalChain([record, 'optionalAccess', _427 => _427.json]));
+  const [open, setOpen] = _react.useState.call(void 0, false);
+  const [preferStore, setPreferStore] = _react.useState.call(void 0, false);
+  const contentKey = typeof content === "string" ? content : content ? JSON.stringify(content) : "";
+  _react.useEffect.call(void 0, () => {
+    setPreferStore(false);
+  }, [contentKey]);
+  const html = _react.useMemo.call(void 0, () => {
+    try {
+      const fromContent = contentKey ? _chunkG6YPSE6Jcjs.parseDocumentContent.call(void 0, contentKey) : null;
+      const doc = preferStore && storedJson ? storedJson : fromContent;
+      return doc ? _chunkG6YPSE6Jcjs.docToHtml.call(void 0, doc) : "";
+    } catch (e10) {
+      return "";
+    }
+  }, [contentKey, preferStore, storedJson]);
+  _react.useEffect.call(void 0, () => {
+    if (!open || typeof document === "undefined") return;
+    const prev = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.body.style.overflow = prev;
+    };
+  }, [open]);
+  const close = () => {
+    setPreferStore(true);
+    setOpen(false);
+  };
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    !open ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "section", { className: "june-doc june-doc-card", "data-theme": resolvedTheme, "aria-label": title, children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "june-doc-card__bar", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "june-doc-card__title", children: title }),
+        editable ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { type: "button", className: "june-doc__btn june-doc__btn--icon june-doc__btn--ghost", "aria-label": "Edit document", title: "Edit", onClick: () => setOpen(true), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon, { name: "pencil", size: 16 }) }) : null
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "june-doc-card__canvas", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "june-doc-card__sheet", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "june-doc__prose", dangerouslySetInnerHTML: { __html: html } }) }) })
+    ] }) : null,
+    open && typeof document !== "undefined" ? _reactdom.createPortal.call(void 0, 
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "june-doc-modal", "data-theme": resolvedTheme, onMouseDown: close, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        "div",
+        {
+          className: "june-doc june-doc-modal__panel",
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-label": title,
+          tabIndex: -1,
+          "data-theme": resolvedTheme,
+          onMouseDown: (event) => event.stopPropagation(),
+          onKeyDown: (event) => {
+            if (event.key !== "Escape" || event.defaultPrevented) return;
+            if (event.currentTarget.querySelector(".june-doc--fullscreen")) return;
+            close();
+          },
+          children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "june-doc-modal__bar", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "button", { type: "button", className: "june-doc__btn june-doc__btn--ghost", "aria-label": "Close document", onClick: close, children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon, { name: "close", size: 16 }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Close" })
+            ] }) }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "june-doc-modal__body", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              DocumentEditorImpl,
+              {
+                documentId: props.documentId,
+                title: props.title,
+                content: props.content,
+                documentType: props.documentType,
+                status: props.status,
+                editable: props.editable,
+                exportFormats: props.exportFormats,
+                theme: props.theme,
+                generating: props.generating,
+                options: props.options
+              }
+            ) })
+          ]
+        }
+      ) }),
+      document.body
+    ) : null
+  ] });
+}
+
 // src/features/document-editor/document-component.tsx
 
 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.';
@@ -3960,18 +4150,19 @@ function DocumentEditor(props) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DocumentEditorImpl, { ...props });
 }
 function OpenUIDocument({ props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    DocumentEditor,
-    {
-      documentId: props.documentId,
-      title: props.title,
-      content: props.content,
-      documentType: props.documentType,
-      status: props.status,
-      editable: props.editable,
-      exportFormats: props.exportFormats
-    }
-  );
+  const { isStreaming } = useJuneRuntime();
+  const shared = {
+    documentId: props.documentId,
+    title: props.title,
+    content: props.content,
+    documentType: props.documentType,
+    status: props.status,
+    editable: props.editable,
+    exportFormats: props.exportFormats
+  };
+  if (isStreaming) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DocumentDraft, { title: props.title, state: "drafting" });
+  if (props.editable === false) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DocumentEditor, { ...shared });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DocumentPreview, { ...shared });
 }
 var JuneDocumentEditorComponent = _reactlang.defineComponent.call(void 0, {
   name: "DocumentEditor",
@@ -3986,7 +4177,7 @@ function withDocumentEditor(library) {
         add: [{ component: JuneDocumentEditorComponent, slots: ["Card"] }]
       }
     });
-  } catch (e10) {
+  } catch (e11) {
     return library.extend({ components: { add: [JuneDocumentEditorComponent] } });
   }
 }
@@ -4066,7 +4257,7 @@ var defaultToolApprovalLabels = {
 var format = (value) => {
   try {
     return _nullishCoalesce(JSON.stringify(value, null, 2), () => ( String(value)));
-  } catch (e11) {
+  } catch (e12) {
     return String(value);
   }
 };
@@ -4082,19 +4273,19 @@ function ToolApproval({
   className
 }) {
   const labels = { ...defaultToolApprovalLabels, ...labelOverrides };
-  const options = _optionalChain([request, 'access', _423 => _423.options, 'optionalAccess', _424 => _424.length]) ? request.options : ["approve", "reject"];
+  const options = _optionalChain([request, 'access', _428 => _428.options, 'optionalAccess', _429 => _429.length]) ? request.options : ["approve", "reject"];
   const [draft, setDraft] = _react.useState.call(void 0, null);
   const [draftError, setDraftError] = _react.useState.call(void 0, null);
   const titleId = _react.useId.call(void 0, );
   const pending = status === "pending";
   const decide = (decision) => {
-    if (!disabled && pending) _optionalChain([onDecide, 'optionalCall', _425 => _425(decision)]);
+    if (!disabled && pending) _optionalChain([onDecide, 'optionalCall', _430 => _430(decision)]);
   };
   const saveEdit = () => {
     let editedArguments;
     try {
       editedArguments = JSON.parse(_nullishCoalesce(draft, () => ( "null")));
-    } catch (e12) {
+    } catch (e13) {
       setDraftError(labels.invalidJson);
       return;
     }
@@ -4183,7 +4374,7 @@ function useToolApproval() {
   const settle = _react.useCallback.call(void 0, (id, decision) => {
     const resolve = waiters.current.get(id);
     waiters.current.delete(id);
-    _optionalChain([resolve, 'optionalCall', _426 => _426(decision)]);
+    _optionalChain([resolve, 'optionalCall', _431 => _431(decision)]);
   }, []);
   const request = _react.useCallback.call(void 0, (input) => {
     const id = _nullishCoalesce(input.id, () => ( nextId()));
@@ -4258,7 +4449,7 @@ function messageContentToText(content) {
 function parse(data) {
   try {
     return JSON.parse(data);
-  } catch (e13) {
+  } catch (e14) {
     return void 0;
   }
 }
@@ -4272,7 +4463,7 @@ function createLangGraphExtractor(options = {}) {
       if (!Array.isArray(parsed)) return null;
       const [chunk, metadata] = parsed;
       if (!chunk || typeof chunk !== "object" || !isAiMessage(chunk)) return null;
-      if (nodes && !(typeof _optionalChain([metadata, 'optionalAccess', _427 => _427.langgraph_node]) === "string" && nodes.has(metadata.langgraph_node))) return null;
+      if (nodes && !(typeof _optionalChain([metadata, 'optionalAccess', _432 => _432.langgraph_node]) === "string" && nodes.has(metadata.langgraph_node))) return null;
       return messageContentToText(chunk.content) || null;
     }
     if (base === "messages/partial" || base === "messages/complete") {
@@ -4311,8 +4502,8 @@ function interruptToApprovalRequests(value, idPrefix = "interrupt") {
   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) => _optionalChain([c, 'optionalAccess', _428 => _428.action_name]) === action.name);
-    const allowed = Array.isArray(_optionalChain([config, 'optionalAccess', _429 => _429.allowed_decisions])) ? config.allowed_decisions.filter(
+    const config = configs.find((c) => _optionalChain([c, 'optionalAccess', _433 => _433.action_name]) === action.name);
+    const allowed = Array.isArray(_optionalChain([config, 'optionalAccess', _434 => _434.allowed_decisions])) ? config.allowed_decisions.filter(
       (d) => d === "approve" || d === "reject" || d === "edit"
     ) : void 0;
     return [

package/dist/{chunk-JSRO5CRO.js → chunk-JFIMNFNJ.js}

@@ -1056,7 +1056,7 @@ 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) {
+function scan(line, state, preserveQuote = false) {
   for (let i = 0; i < line.length; i++) {
     const ch = line[i];
     if (state.quote) {
@@ -1070,7 +1070,95 @@ function scan(line, state) {
       state.depth = Math.max(0, state.depth - 1);
     }
   }
-  state.quote = null;
+  if (!preserveQuote) state.quote = null;
+}
+function quoteClosesLater(lines, from, state) {
+  const probe = { depth: state.depth, quote: state.quote };
+  for (let i = from; i < lines.length; i++) {
+    const line = lines[i];
+    if (probe.depth === 0 && STATEMENT_START.test(line.trim())) return false;
+    scan(line, probe, true);
+    if (!probe.quote) return true;
+  }
+  return false;
+}
+function decodeLangString(raw) {
+  let out = "";
+  for (let i = 0; i < raw.length; i++) {
+    const ch = raw[i];
+    if (ch === "\\" && i + 1 < raw.length) {
+      const next = raw[i + 1];
+      out += next === "n" ? "\n" : next === "t" ? "	" : next === "r" ? "\r" : next === "b" ? "\b" : next === "f" ? "\f" : next;
+      i++;
+      continue;
+    }
+    out += ch;
+  }
+  return out.replace(/\r/g, "");
+}
+function foldMultilineStrings(source) {
+  let out = "";
+  let i = 0;
+  while (i < source.length) {
+    if (source.startsWith('"""', i)) {
+      const end = source.indexOf('"""', i + 3);
+      if (end < 0) {
+        const nl = source.indexOf("\n", i);
+        if (nl < 0) {
+          out += source.slice(i);
+          break;
+        }
+        out += source.slice(i, nl + 1);
+        i = nl + 1;
+        continue;
+      }
+      out += JSON.stringify(source.slice(i + 3, end).replace(/\r/g, ""));
+      i = end + 3;
+      continue;
+    }
+    if (source[i] !== '"') {
+      out += source[i];
+      i++;
+      continue;
+    }
+    let j = i + 1;
+    let closed = false;
+    let hasNewline = false;
+    while (j < source.length) {
+      const ch = source[j];
+      if (ch === "\\") {
+        j += 2;
+        continue;
+      }
+      if (ch === "\n") {
+        if (STATEMENT_START.test(source.slice(j + 1))) break;
+        hasNewline = true;
+      }
+      if (ch === '"') {
+        closed = true;
+        break;
+      }
+      j++;
+    }
+    if (!closed) {
+      const nl = source.indexOf("\n", i);
+      if (nl < 0) {
+        out += source.slice(i);
+        break;
+      }
+      out += source.slice(i, nl + 1);
+      i = nl + 1;
+      continue;
+    }
+    if (!hasNewline) {
+      out += source.slice(i, j + 1);
+      i = j + 1;
+      continue;
+    }
+    out += JSON.stringify(decodeLangString(source.slice(i + 1, j)));
+    i = j + 1;
+  }
+  return out;
 }
 function splitResponse(source, options = {}) {
   const markdown = options.markdown === true;
@@ -1092,8 +1180,15 @@ function splitResponse(source, options = {}) {
     text = [];
     if (joined) (seenUi ? after : before).push(joined);
   };
-  for (const line of input.split(/\r?\n/)) {
+  const lines = input.split(/\r?\n/);
+  for (let index = 0; index < lines.length; index++) {
+    const line = lines[index];
     const trimmed = line.trim();
+    if (state.quote) {
+      ui.push(line);
+      scan(line, state, true);
+      continue;
+    }
     if (codeFence !== null) {
       text.push(line);
       if (trimmed.startsWith(codeFence)) {
@@ -1122,7 +1217,8 @@ function splitResponse(source, options = {}) {
       flushText();
       seenUi = true;
       ui.push(line);
-      scan(line, state);
+      scan(line, state, true);
+      if (state.quote && !quoteClosesLater(lines, index + 1, state)) state.quote = null;
       continue;
     }
     if (trimmed === "") {
@@ -1134,7 +1230,7 @@ function splitResponse(source, options = {}) {
   flushText();
   return {
     before,
-    ui: ui.join("\n"),
+    ui: foldMultilineStrings(ui.join("\n")),
     after,
     pure: !sawFence && before.length === 0 && after.length === 0
   };
@@ -1144,7 +1240,7 @@ function splitResponse(source, options = {}) {
 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 raw = parts && !parts.pure ? parts.ui : typeof response === "string" ? foldMultilineStrings(response) : response;
   const ui = !repair || !mixedContent || isStreaming || typeof raw !== "string" || raw.length === 0 ? raw : normalizeProgram(raw);
   const before = parts?.before ?? [];
   const after = parts?.after ?? [];
@@ -2115,6 +2211,10 @@ var PATHS = {
     /* @__PURE__ */ jsx8("path", { d: "M18 6 6 18" }),
     /* @__PURE__ */ jsx8("path", { d: "m6 6 12 12" })
   ] }),
+  pencil: /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsx8("path", { d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z" }),
+    /* @__PURE__ */ jsx8("path", { d: "m15 5 4 4" })
+  ] }),
   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" }),
@@ -3940,8 +4040,98 @@ function DocumentEditorImpl(props) {
   );
 }
 
+// src/features/document-editor/document-preview.tsx
+import { useEffect as useEffect8, useMemo as useMemo6, useState as useState7 } from "react";
+import { createPortal } from "react-dom";
+import { Fragment as Fragment5, jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
+function DocumentPreview(props) {
+  const { documentId, title = "Untitled document", content, editable = true } = props;
+  const { theme: contextTheme } = useJuneTheme();
+  const resolvedTheme = props.theme && props.theme !== "auto" ? props.theme : contextTheme;
+  const ctxOptions = useDocumentOptions();
+  const store = useMemo6(() => props.options?.store ?? ctxOptions.store ?? getDefaultDocumentStore(), [props.options?.store, ctxOptions.store]);
+  const storedJson = useDocumentValue(store, documentId, (record) => record?.json);
+  const [open, setOpen] = useState7(false);
+  const [preferStore, setPreferStore] = useState7(false);
+  const contentKey = typeof content === "string" ? content : content ? JSON.stringify(content) : "";
+  useEffect8(() => {
+    setPreferStore(false);
+  }, [contentKey]);
+  const html = useMemo6(() => {
+    try {
+      const fromContent = contentKey ? parseDocumentContent(contentKey) : null;
+      const doc = preferStore && storedJson ? storedJson : fromContent;
+      return doc ? docToHtml(doc) : "";
+    } catch {
+      return "";
+    }
+  }, [contentKey, preferStore, storedJson]);
+  useEffect8(() => {
+    if (!open || typeof document === "undefined") return;
+    const prev = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.body.style.overflow = prev;
+    };
+  }, [open]);
+  const close = () => {
+    setPreferStore(true);
+    setOpen(false);
+  };
+  return /* @__PURE__ */ jsxs11(Fragment5, { children: [
+    !open ? /* @__PURE__ */ jsxs11("section", { className: "june-doc june-doc-card", "data-theme": resolvedTheme, "aria-label": title, children: [
+      /* @__PURE__ */ jsxs11("div", { className: "june-doc-card__bar", children: [
+        /* @__PURE__ */ jsx17("span", { className: "june-doc-card__title", children: title }),
+        editable ? /* @__PURE__ */ jsx17("button", { type: "button", className: "june-doc__btn june-doc__btn--icon june-doc__btn--ghost", "aria-label": "Edit document", title: "Edit", onClick: () => setOpen(true), children: /* @__PURE__ */ jsx17(Icon, { name: "pencil", size: 16 }) }) : null
+      ] }),
+      /* @__PURE__ */ jsx17("div", { className: "june-doc-card__canvas", children: /* @__PURE__ */ jsx17("div", { className: "june-doc-card__sheet", children: /* @__PURE__ */ jsx17("div", { className: "june-doc__prose", dangerouslySetInnerHTML: { __html: html } }) }) })
+    ] }) : null,
+    open && typeof document !== "undefined" ? createPortal(
+      /* @__PURE__ */ jsx17("div", { className: "june-doc-modal", "data-theme": resolvedTheme, onMouseDown: close, children: /* @__PURE__ */ jsxs11(
+        "div",
+        {
+          className: "june-doc june-doc-modal__panel",
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-label": title,
+          tabIndex: -1,
+          "data-theme": resolvedTheme,
+          onMouseDown: (event) => event.stopPropagation(),
+          onKeyDown: (event) => {
+            if (event.key !== "Escape" || event.defaultPrevented) return;
+            if (event.currentTarget.querySelector(".june-doc--fullscreen")) return;
+            close();
+          },
+          children: [
+            /* @__PURE__ */ jsx17("div", { className: "june-doc-modal__bar", children: /* @__PURE__ */ jsxs11("button", { type: "button", className: "june-doc__btn june-doc__btn--ghost", "aria-label": "Close document", onClick: close, children: [
+              /* @__PURE__ */ jsx17(Icon, { name: "close", size: 16 }),
+              /* @__PURE__ */ jsx17("span", { children: "Close" })
+            ] }) }),
+            /* @__PURE__ */ jsx17("div", { className: "june-doc-modal__body", children: /* @__PURE__ */ jsx17(
+              DocumentEditorImpl,
+              {
+                documentId: props.documentId,
+                title: props.title,
+                content: props.content,
+                documentType: props.documentType,
+                status: props.status,
+                editable: props.editable,
+                exportFormats: props.exportFormats,
+                theme: props.theme,
+                generating: props.generating,
+                options: props.options
+              }
+            ) })
+          ]
+        }
+      ) }),
+      document.body
+    ) : null
+  ] });
+}
+
 // src/features/document-editor/document-component.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx18 } 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."),
@@ -3955,23 +4145,24 @@ var documentProps = z.object({
 function DocumentEditor(props) {
   const { isStreaming } = useJuneRuntime();
   if (props.generating || isStreaming) {
-    return /* @__PURE__ */ jsx17(DocumentDraft, { title: props.title, state: "drafting" });
+    return /* @__PURE__ */ jsx18(DocumentDraft, { title: props.title, state: "drafting" });
   }
-  return /* @__PURE__ */ jsx17(DocumentEditorImpl, { ...props });
+  return /* @__PURE__ */ jsx18(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
-    }
-  );
+  const { isStreaming } = useJuneRuntime();
+  const shared = {
+    documentId: props.documentId,
+    title: props.title,
+    content: props.content,
+    documentType: props.documentType,
+    status: props.status,
+    editable: props.editable,
+    exportFormats: props.exportFormats
+  };
+  if (isStreaming) return /* @__PURE__ */ jsx18(DocumentDraft, { title: props.title, state: "drafting" });
+  if (props.editable === false) return /* @__PURE__ */ jsx18(DocumentEditor, { ...shared });
+  return /* @__PURE__ */ jsx18(DocumentPreview, { ...shared });
 }
 var JuneDocumentEditorComponent = defineComponent3({
   name: "DocumentEditor",
@@ -4044,8 +4235,8 @@ ${docToMarkdown2(r.json)}
 }
 
 // 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";
+import { useId as useId2, useState as useState8 } from "react";
+import { Fragment as Fragment6, jsx as jsx19, jsxs as jsxs12 } from "react/jsx-runtime";
 var defaultToolApprovalLabels = {
   approve: "Approve",
   reject: "Reject",
@@ -4083,8 +4274,8 @@ function ToolApproval({
 }) {
   const labels = { ...defaultToolApprovalLabels, ...labelOverrides };
   const options = request.options?.length ? request.options : ["approve", "reject"];
-  const [draft, setDraft] = useState7(null);
-  const [draftError, setDraftError] = useState7(null);
+  const [draft, setDraft] = useState8(null);
+  const [draftError, setDraftError] = useState8(null);
   const titleId = useId2();
   const pending = status === "pending";
   const decide = (decision) => {
@@ -4102,7 +4293,7 @@ function ToolApproval({
     setDraft(null);
     decide({ choice: "edit", editedArguments });
   };
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(
     "section",
     {
       className: className ? `june-approval ${className}` : "june-approval",
@@ -4110,14 +4301,14 @@ function ToolApproval({
       "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] })
+        /* @__PURE__ */ jsxs12("header", { className: "june-approval__header", children: [
+          /* @__PURE__ */ jsx19("strong", { id: titleId, className: "june-approval__tool", children: request.tool }),
+          request.risk && /* @__PURE__ */ jsx19("span", { className: "june-approval__badge", "data-risk": request.risk, children: labels.risk(request.risk) }),
+          request.sideEffect && /* @__PURE__ */ jsx19("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(
+        request.description && /* @__PURE__ */ jsx19("p", { className: "june-approval__description", children: request.description }),
+        draft !== null ? /* @__PURE__ */ jsxs12("div", { className: "june-approval__edit", children: [
+          /* @__PURE__ */ jsx19(
             "textarea",
             {
               "aria-label": labels.edit,
@@ -4128,12 +4319,12 @@ function ToolApproval({
               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(
+          draftError && /* @__PURE__ */ jsx19("p", { role: "alert", className: "june-approval__error", children: draftError })
+        ] }) : hasArguments(request.arguments) ? renderArguments ? renderArguments(request.arguments) : /* @__PURE__ */ jsx19("pre", { className: "june-approval__args", children: format(request.arguments) }) : null,
+        pending ? /* @__PURE__ */ jsx19("div", { className: "june-approval__actions", children: draft !== null ? /* @__PURE__ */ jsxs12(Fragment6, { children: [
+          /* @__PURE__ */ jsx19("button", { type: "button", className: "june-approval__button", "data-variant": "primary", onClick: saveEdit, disabled, children: labels.save }),
+          /* @__PURE__ */ jsx19("button", { type: "button", className: "june-approval__button", onClick: () => setDraft(null), disabled, children: labels.cancel })
+        ] }) : options.map((choice) => /* @__PURE__ */ jsx19(
           "button",
           {
             type: "button",
@@ -4144,7 +4335,7 @@ function ToolApproval({
             children: labels[choice]
           },
           choice
-        )) }) : /* @__PURE__ */ jsxs11("p", { className: "june-approval__status", role: "status", children: [
+        )) }) : /* @__PURE__ */ jsxs12("p", { className: "june-approval__status", role: "status", children: [
           labels.status[status],
           status === "failed" && error ? `: ${error}` : null
         ] })
@@ -4154,12 +4345,12 @@ function ToolApproval({
 }
 
 // src/features/tool-approval/tool-approval-list.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx20 } 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(
+  return /* @__PURE__ */ jsx20("div", { className: className ? `june-approval-list ${className}` : "june-approval-list", children: entries.map(
+    (entry) => renderItem ? /* @__PURE__ */ jsx20("div", { children: renderItem(entry, approvals.decide) }, entry.request.id) : /* @__PURE__ */ jsx20(
       ToolApproval,
       {
         request: entry.request,
@@ -4174,11 +4365,11 @@ function ToolApprovalList({ approvals, pendingOnly = false, renderItem, labels,
 }
 
 // src/features/tool-approval/use-tool-approval.ts
-import { useCallback as useCallback5, useEffect as useEffect8, useMemo as useMemo6, useRef as useRef9, useState as useState8 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect9, useMemo as useMemo7, useRef as useRef9, useState as useState9 } from "react";
 var counter = 0;
 var nextId = () => `june-approval-${++counter}`;
 function useToolApproval() {
-  const [entries, setEntries] = useState8([]);
+  const [entries, setEntries] = useState9([]);
   const waiters = useRef9(/* @__PURE__ */ new Map());
   const settle = useCallback5((id, decision) => {
     const resolve = waiters.current.get(id);
@@ -4223,15 +4414,15 @@ function useToolApproval() {
     },
     [request]
   );
-  useEffect8(() => {
+  useEffect9(() => {
     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(
+  const pending = useMemo7(() => entries.filter((e) => e.status === "pending"), [entries]);
+  return useMemo7(
     () => ({ entries, pending, request, decide, setStatus, dismiss, confirmAction }),
     [entries, pending, request, decide, setStatus, dismiss, confirmAction]
   );

package/dist/entry-core.cjs

@@ -67,7 +67,7 @@
 
 
 
-var _chunkGFCROSGQcjs = require('./chunk-GFCROSGQ.cjs');
+var _chunkGS4J6OAFcjs = require('./chunk-GS4J6OAF.cjs');
 
 
 
@@ -145,4 +145,4 @@ var _chunkG6YPSE6Jcjs = require('./chunk-G6YPSE6J.cjs');
 
 
 
-exports.ALL_EXPORT_FORMATS = _chunkGFCROSGQcjs.ALL_EXPORT_FORMATS; exports.ComponentRegistry = _chunkGFCROSGQcjs.ComponentRegistry; exports.DOCUMENT_COMPONENT_DESCRIPTION = _chunkGFCROSGQcjs.DOCUMENT_COMPONENT_DESCRIPTION; exports.DocumentBridge = _chunkGFCROSGQcjs.DocumentBridge; exports.DocumentEditor = _chunkGFCROSGQcjs.DocumentEditor; exports.JuneDocumentContext = _chunkGFCROSGQcjs.JuneDocumentContext; exports.JuneDocumentEditorComponent = _chunkGFCROSGQcjs.JuneDocumentEditorComponent; exports.JuneError = _chunkG6YPSE6Jcjs.JuneError; exports.JuneErrorBoundary = _chunkGFCROSGQcjs.JuneErrorBoundary; exports.JuneRenderer = _chunkGFCROSGQcjs.JuneRenderer; exports.JuneRuntimeContext = _chunkGFCROSGQcjs.JuneRuntimeContext; exports.JuneThemeProvider = _chunkGFCROSGQcjs.JuneThemeProvider; exports.MarkdownText = _chunkGFCROSGQcjs.MarkdownText; exports.ToolApproval = _chunkGFCROSGQcjs.ToolApproval; exports.ToolApprovalList = _chunkGFCROSGQcjs.ToolApprovalList; exports.consumeStream = _chunkGFCROSGQcjs.consumeStream; exports.copyDocumentToClipboard = _chunkGFCROSGQcjs.copyDocumentToClipboard; exports.createActionHandler = _chunkGFCROSGQcjs.createActionHandler; exports.createComponentRegistry = _chunkGFCROSGQcjs.createComponentRegistry; exports.createDocumentStore = _chunkGFCROSGQcjs.createDocumentStore; exports.createJuneLibrary = _chunkGFCROSGQcjs.createJuneLibrary; exports.createLangGraphExtractor = _chunkGFCROSGQcjs.createLangGraphExtractor; exports.createTheme = _chunkGFCROSGQcjs.createTheme; exports.darkTheme = _chunkGFCROSGQcjs.darkTheme; exports.defaultParseActionEvent = _chunkGFCROSGQcjs.defaultParseActionEvent; exports.defaultToolApprovalLabels = _chunkGFCROSGQcjs.defaultToolApprovalLabels; exports.defineComponent = _chunkGFCROSGQcjs.defineComponent; exports.defineJuneAction = _chunkGFCROSGQcjs.defineJuneAction; exports.defineJuneComponent = _chunkGFCROSGQcjs.defineJuneComponent; exports.documentPromptOptions = _chunkGFCROSGQcjs.documentPromptOptions; exports.downloadResult = _chunkGFCROSGQcjs.downloadResult; exports.exportDocument = _chunkGFCROSGQcjs.exportDocument; exports.fetchStream = _chunkGFCROSGQcjs.fetchStream; exports.getDefaultDocumentStore = _chunkGFCROSGQcjs.getDefaultDocumentStore; exports.getDocumentEditorInstructions = _chunkGFCROSGQcjs.getDocumentEditorInstructions; exports.getDocumentEditorRules = _chunkGFCROSGQcjs.getDocumentEditorRules; exports.interruptToApprovalRequests = _chunkGFCROSGQcjs.interruptToApprovalRequests; exports.isDocumentEcho = _chunkGFCROSGQcjs.isDocumentEcho; exports.isJuneComponent = _chunkGFCROSGQcjs.isJuneComponent; exports.isJuneError = _chunkG6YPSE6Jcjs.isJuneError; exports.isThemeSet = _chunkGFCROSGQcjs.isThemeSet; exports.jsonFieldExtractor = _chunkGFCROSGQcjs.jsonFieldExtractor; exports.langGraphStreamOptions = _chunkGFCROSGQcjs.langGraphStreamOptions; exports.lightTheme = _chunkGFCROSGQcjs.lightTheme; exports.listDocumentExporters = _chunkGFCROSGQcjs.listDocumentExporters; exports.mergeDocuments = _chunkGFCROSGQcjs.mergeDocuments; exports.messageContentToText = _chunkGFCROSGQcjs.messageContentToText; exports.normalizeProgram = _chunkGFCROSGQcjs.normalizeProgram; exports.readDocumentFromProgram = _chunkGFCROSGQcjs.readDocumentFromProgram; exports.readLangGraphInterrupts = _chunkGFCROSGQcjs.readLangGraphInterrupts; exports.registerDocumentExporter = _chunkGFCROSGQcjs.registerDocumentExporter; exports.rememberDocumentEcho = _chunkGFCROSGQcjs.rememberDocumentEcho; exports.resolveMixedContent = _chunkGFCROSGQcjs.resolveMixedContent; exports.resolveThemeVars = _chunkGFCROSGQcjs.resolveThemeVars; exports.runAction = _chunkGFCROSGQcjs.runAction; exports.serializeDocumentsForAgent = _chunkGFCROSGQcjs.serializeDocumentsForAgent; exports.splitResponse = _chunkGFCROSGQcjs.splitResponse; exports.sseToText = _chunkGFCROSGQcjs.sseToText; exports.toAsyncIterable = _chunkGFCROSGQcjs.toAsyncIterable; exports.toJuneError = _chunkG6YPSE6Jcjs.toJuneError; exports.updateDocumentInProgram = _chunkGFCROSGQcjs.updateDocumentInProgram; exports.useDocumentBridge = _chunkGFCROSGQcjs.useDocumentBridge; exports.useDocumentOptions = _chunkGFCROSGQcjs.useDocumentOptions; exports.useJuneRuntime = _chunkGFCROSGQcjs.useJuneRuntime; exports.useJuneStream = _chunkGFCROSGQcjs.useJuneStream; exports.useJuneTheme = _chunkGFCROSGQcjs.useJuneTheme; exports.useRegistryLibrary = _chunkGFCROSGQcjs.useRegistryLibrary; exports.useResolvedTheme = _chunkGFCROSGQcjs.useResolvedTheme; exports.useToolApproval = _chunkGFCROSGQcjs.useToolApproval; exports.validateComponentDefinition = _chunkGFCROSGQcjs.validateComponentDefinition; exports.withDocumentEditor = _chunkGFCROSGQcjs.withDocumentEditor;
+exports.ALL_EXPORT_FORMATS = _chunkGS4J6OAFcjs.ALL_EXPORT_FORMATS; exports.ComponentRegistry = _chunkGS4J6OAFcjs.ComponentRegistry; exports.DOCUMENT_COMPONENT_DESCRIPTION = _chunkGS4J6OAFcjs.DOCUMENT_COMPONENT_DESCRIPTION; exports.DocumentBridge = _chunkGS4J6OAFcjs.DocumentBridge; exports.DocumentEditor = _chunkGS4J6OAFcjs.DocumentEditor; exports.JuneDocumentContext = _chunkGS4J6OAFcjs.JuneDocumentContext; exports.JuneDocumentEditorComponent = _chunkGS4J6OAFcjs.JuneDocumentEditorComponent; exports.JuneError = _chunkG6YPSE6Jcjs.JuneError; exports.JuneErrorBoundary = _chunkGS4J6OAFcjs.JuneErrorBoundary; exports.JuneRenderer = _chunkGS4J6OAFcjs.JuneRenderer; exports.JuneRuntimeContext = _chunkGS4J6OAFcjs.JuneRuntimeContext; exports.JuneThemeProvider = _chunkGS4J6OAFcjs.JuneThemeProvider; exports.MarkdownText = _chunkGS4J6OAFcjs.MarkdownText; exports.ToolApproval = _chunkGS4J6OAFcjs.ToolApproval; exports.ToolApprovalList = _chunkGS4J6OAFcjs.ToolApprovalList; exports.consumeStream = _chunkGS4J6OAFcjs.consumeStream; exports.copyDocumentToClipboard = _chunkGS4J6OAFcjs.copyDocumentToClipboard; exports.createActionHandler = _chunkGS4J6OAFcjs.createActionHandler; exports.createComponentRegistry = _chunkGS4J6OAFcjs.createComponentRegistry; exports.createDocumentStore = _chunkGS4J6OAFcjs.createDocumentStore; exports.createJuneLibrary = _chunkGS4J6OAFcjs.createJuneLibrary; exports.createLangGraphExtractor = _chunkGS4J6OAFcjs.createLangGraphExtractor; exports.createTheme = _chunkGS4J6OAFcjs.createTheme; exports.darkTheme = _chunkGS4J6OAFcjs.darkTheme; exports.defaultParseActionEvent = _chunkGS4J6OAFcjs.defaultParseActionEvent; exports.defaultToolApprovalLabels = _chunkGS4J6OAFcjs.defaultToolApprovalLabels; exports.defineComponent = _chunkGS4J6OAFcjs.defineComponent; exports.defineJuneAction = _chunkGS4J6OAFcjs.defineJuneAction; exports.defineJuneComponent = _chunkGS4J6OAFcjs.defineJuneComponent; exports.documentPromptOptions = _chunkGS4J6OAFcjs.documentPromptOptions; exports.downloadResult = _chunkGS4J6OAFcjs.downloadResult; exports.exportDocument = _chunkGS4J6OAFcjs.exportDocument; exports.fetchStream = _chunkGS4J6OAFcjs.fetchStream; exports.getDefaultDocumentStore = _chunkGS4J6OAFcjs.getDefaultDocumentStore; exports.getDocumentEditorInstructions = _chunkGS4J6OAFcjs.getDocumentEditorInstructions; exports.getDocumentEditorRules = _chunkGS4J6OAFcjs.getDocumentEditorRules; exports.interruptToApprovalRequests = _chunkGS4J6OAFcjs.interruptToApprovalRequests; exports.isDocumentEcho = _chunkGS4J6OAFcjs.isDocumentEcho; exports.isJuneComponent = _chunkGS4J6OAFcjs.isJuneComponent; exports.isJuneError = _chunkG6YPSE6Jcjs.isJuneError; exports.isThemeSet = _chunkGS4J6OAFcjs.isThemeSet; exports.jsonFieldExtractor = _chunkGS4J6OAFcjs.jsonFieldExtractor; exports.langGraphStreamOptions = _chunkGS4J6OAFcjs.langGraphStreamOptions; exports.lightTheme = _chunkGS4J6OAFcjs.lightTheme; exports.listDocumentExporters = _chunkGS4J6OAFcjs.listDocumentExporters; exports.mergeDocuments = _chunkGS4J6OAFcjs.mergeDocuments; exports.messageContentToText = _chunkGS4J6OAFcjs.messageContentToText; exports.normalizeProgram = _chunkGS4J6OAFcjs.normalizeProgram; exports.readDocumentFromProgram = _chunkGS4J6OAFcjs.readDocumentFromProgram; exports.readLangGraphInterrupts = _chunkGS4J6OAFcjs.readLangGraphInterrupts; exports.registerDocumentExporter = _chunkGS4J6OAFcjs.registerDocumentExporter; exports.rememberDocumentEcho = _chunkGS4J6OAFcjs.rememberDocumentEcho; exports.resolveMixedContent = _chunkGS4J6OAFcjs.resolveMixedContent; exports.resolveThemeVars = _chunkGS4J6OAFcjs.resolveThemeVars; exports.runAction = _chunkGS4J6OAFcjs.runAction; exports.serializeDocumentsForAgent = _chunkGS4J6OAFcjs.serializeDocumentsForAgent; exports.splitResponse = _chunkGS4J6OAFcjs.splitResponse; exports.sseToText = _chunkGS4J6OAFcjs.sseToText; exports.toAsyncIterable = _chunkGS4J6OAFcjs.toAsyncIterable; exports.toJuneError = _chunkG6YPSE6Jcjs.toJuneError; exports.updateDocumentInProgram = _chunkGS4J6OAFcjs.updateDocumentInProgram; exports.useDocumentBridge = _chunkGS4J6OAFcjs.useDocumentBridge; exports.useDocumentOptions = _chunkGS4J6OAFcjs.useDocumentOptions; exports.useJuneRuntime = _chunkGS4J6OAFcjs.useJuneRuntime; exports.useJuneStream = _chunkGS4J6OAFcjs.useJuneStream; exports.useJuneTheme = _chunkGS4J6OAFcjs.useJuneTheme; exports.useRegistryLibrary = _chunkGS4J6OAFcjs.useRegistryLibrary; exports.useResolvedTheme = _chunkGS4J6OAFcjs.useResolvedTheme; exports.useToolApproval = _chunkGS4J6OAFcjs.useToolApproval; exports.validateComponentDefinition = _chunkGS4J6OAFcjs.validateComponentDefinition; exports.withDocumentEditor = _chunkGS4J6OAFcjs.withDocumentEditor;

package/dist/entry-core.js

@@ -68,7 +68,7 @@ import {
   useToolApproval,
   validateComponentDefinition,
   withDocumentEditor
-} from "./chunk-JSRO5CRO.js";
+} from "./chunk-JFIMNFNJ.js";
 import {
   JuneError,
   isJuneError,

package/dist/index.cjs

@@ -67,7 +67,7 @@
 
 
 
-var _chunkGFCROSGQcjs = require('./chunk-GFCROSGQ.cjs');
+var _chunkGS4J6OAFcjs = require('./chunk-GS4J6OAF.cjs');
 
 
 
@@ -103,8 +103,8 @@ function withChatLayout(library) {
     }
   });
 }
-var juneLibrary = _chunkGFCROSGQcjs.withDocumentEditor.call(void 0, withChatLayout(_reactui.openuiChatLibrary));
-var defaultRegistry = _chunkGFCROSGQcjs.createComponentRegistry.call(void 0, { base: juneLibrary });
+var juneLibrary = _chunkGS4J6OAFcjs.withDocumentEditor.call(void 0, withChatLayout(_reactui.openuiChatLibrary));
+var defaultRegistry = _chunkGS4J6OAFcjs.createComponentRegistry.call(void 0, { base: juneLibrary });
 function registerComponent(components, options) {
   return defaultRegistry.register(components, options);
 }
@@ -129,14 +129,14 @@ function useJuneUIContext() {
 function JuneUI({ library, june, ...props }) {
   const context = useJuneUIContext();
   const instance = _nullishCoalesce(june, () => ( _optionalChain([context, 'optionalAccess', _ => _.june])));
-  const registryLibrary = _chunkGFCROSGQcjs.useRegistryLibrary.call(void 0, _nullishCoalesce(_optionalChain([instance, 'optionalAccess', _2 => _2.registry]), () => ( defaultRegistry)));
+  const registryLibrary = _chunkGS4J6OAFcjs.useRegistryLibrary.call(void 0, _nullishCoalesce(_optionalChain([instance, 'optionalAccess', _2 => _2.registry]), () => ( defaultRegistry)));
   const merged = mergeDefined(_optionalChain([instance, 'optionalAccess', _3 => _3.defaults]), _optionalChain([context, 'optionalAccess', _4 => _4.defaults]), props);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGFCROSGQcjs.JuneRenderer, { ...merged, library: _nullishCoalesce(library, () => ( registryLibrary)) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGS4J6OAFcjs.JuneRenderer, { ...merged, library: _nullishCoalesce(library, () => ( registryLibrary)) });
 }
 
 // src/core/create-june-ui.ts
 function createJuneUI(options = {}) {
-  const registry = _chunkGFCROSGQcjs.createComponentRegistry.call(void 0, {
+  const registry = _chunkGS4J6OAFcjs.createComponentRegistry.call(void 0, {
     base: _nullishCoalesce(options.baseLibrary, () => ( juneLibrary)),
     components: options.components,
     overrides: options.overrides,
@@ -237,4 +237,4 @@ function createJuneUI(options = {}) {
 
 
 
-exports.ALL_EXPORT_FORMATS = _chunkGFCROSGQcjs.ALL_EXPORT_FORMATS; exports.ComponentRegistry = _chunkGFCROSGQcjs.ComponentRegistry; exports.DOCUMENT_COMPONENT_DESCRIPTION = _chunkGFCROSGQcjs.DOCUMENT_COMPONENT_DESCRIPTION; exports.DocumentBridge = _chunkGFCROSGQcjs.DocumentBridge; exports.DocumentEditor = _chunkGFCROSGQcjs.DocumentEditor; exports.JuneDocumentContext = _chunkGFCROSGQcjs.JuneDocumentContext; exports.JuneDocumentEditorComponent = _chunkGFCROSGQcjs.JuneDocumentEditorComponent; exports.JuneError = _chunkG6YPSE6Jcjs.JuneError; exports.JuneErrorBoundary = _chunkGFCROSGQcjs.JuneErrorBoundary; exports.JuneRenderer = _chunkGFCROSGQcjs.JuneRenderer; exports.JuneRuntimeContext = _chunkGFCROSGQcjs.JuneRuntimeContext; exports.JuneThemeProvider = _chunkGFCROSGQcjs.JuneThemeProvider; exports.JuneUI = JuneUI; exports.JuneUIProvider = JuneUIProvider; exports.MarkdownText = _chunkGFCROSGQcjs.MarkdownText; exports.ToolApproval = _chunkGFCROSGQcjs.ToolApproval; exports.ToolApprovalList = _chunkGFCROSGQcjs.ToolApprovalList; exports.consumeStream = _chunkGFCROSGQcjs.consumeStream; exports.copyDocumentToClipboard = _chunkGFCROSGQcjs.copyDocumentToClipboard; exports.createActionHandler = _chunkGFCROSGQcjs.createActionHandler; exports.createComponentRegistry = _chunkGFCROSGQcjs.createComponentRegistry; exports.createDocumentStore = _chunkGFCROSGQcjs.createDocumentStore; exports.createJuneLibrary = _chunkGFCROSGQcjs.createJuneLibrary; exports.createJuneUI = createJuneUI; exports.createLangGraphExtractor = _chunkGFCROSGQcjs.createLangGraphExtractor; exports.createTheme = _chunkGFCROSGQcjs.createTheme; exports.darkTheme = _chunkGFCROSGQcjs.darkTheme; exports.defaultParseActionEvent = _chunkGFCROSGQcjs.defaultParseActionEvent; exports.defaultRegistry = defaultRegistry; exports.defaultToolApprovalLabels = _chunkGFCROSGQcjs.defaultToolApprovalLabels; exports.defineComponent = _chunkGFCROSGQcjs.defineComponent; exports.defineJuneAction = _chunkGFCROSGQcjs.defineJuneAction; exports.defineJuneComponent = _chunkGFCROSGQcjs.defineJuneComponent; exports.documentPromptOptions = _chunkGFCROSGQcjs.documentPromptOptions; exports.downloadResult = _chunkGFCROSGQcjs.downloadResult; exports.exportDocument = _chunkGFCROSGQcjs.exportDocument; exports.fetchStream = _chunkGFCROSGQcjs.fetchStream; exports.getDefaultDocumentStore = _chunkGFCROSGQcjs.getDefaultDocumentStore; exports.getDocumentEditorInstructions = _chunkGFCROSGQcjs.getDocumentEditorInstructions; exports.getDocumentEditorRules = _chunkGFCROSGQcjs.getDocumentEditorRules; exports.interruptToApprovalRequests = _chunkGFCROSGQcjs.interruptToApprovalRequests; exports.isDocumentEcho = _chunkGFCROSGQcjs.isDocumentEcho; exports.isJuneComponent = _chunkGFCROSGQcjs.isJuneComponent; exports.isJuneError = _chunkG6YPSE6Jcjs.isJuneError; exports.isThemeSet = _chunkGFCROSGQcjs.isThemeSet; exports.jsonFieldExtractor = _chunkGFCROSGQcjs.jsonFieldExtractor; exports.juneLibrary = juneLibrary; exports.langGraphStreamOptions = _chunkGFCROSGQcjs.langGraphStreamOptions; exports.lightTheme = _chunkGFCROSGQcjs.lightTheme; exports.listDocumentExporters = _chunkGFCROSGQcjs.listDocumentExporters; exports.mergeDocuments = _chunkGFCROSGQcjs.mergeDocuments; exports.messageContentToText = _chunkGFCROSGQcjs.messageContentToText; exports.normalizeProgram = _chunkGFCROSGQcjs.normalizeProgram; exports.readDocumentFromProgram = _chunkGFCROSGQcjs.readDocumentFromProgram; exports.readLangGraphInterrupts = _chunkGFCROSGQcjs.readLangGraphInterrupts; exports.registerComponent = registerComponent; exports.registerDocumentExporter = _chunkGFCROSGQcjs.registerDocumentExporter; exports.rememberDocumentEcho = _chunkGFCROSGQcjs.rememberDocumentEcho; exports.resolveMixedContent = _chunkGFCROSGQcjs.resolveMixedContent; exports.resolveThemeVars = _chunkGFCROSGQcjs.resolveThemeVars; exports.runAction = _chunkGFCROSGQcjs.runAction; exports.serializeDocumentsForAgent = _chunkGFCROSGQcjs.serializeDocumentsForAgent; exports.splitResponse = _chunkGFCROSGQcjs.splitResponse; exports.sseToText = _chunkGFCROSGQcjs.sseToText; exports.toAsyncIterable = _chunkGFCROSGQcjs.toAsyncIterable; exports.toJuneError = _chunkG6YPSE6Jcjs.toJuneError; exports.unregisterComponent = unregisterComponent; exports.updateDocumentInProgram = _chunkGFCROSGQcjs.updateDocumentInProgram; exports.useDocumentBridge = _chunkGFCROSGQcjs.useDocumentBridge; exports.useDocumentOptions = _chunkGFCROSGQcjs.useDocumentOptions; exports.useJuneRuntime = _chunkGFCROSGQcjs.useJuneRuntime; exports.useJuneStream = _chunkGFCROSGQcjs.useJuneStream; exports.useJuneTheme = _chunkGFCROSGQcjs.useJuneTheme; exports.useJuneUIContext = useJuneUIContext; exports.useRegistryLibrary = _chunkGFCROSGQcjs.useRegistryLibrary; exports.useResolvedTheme = _chunkGFCROSGQcjs.useResolvedTheme; exports.useToolApproval = _chunkGFCROSGQcjs.useToolApproval; exports.validateComponentDefinition = _chunkGFCROSGQcjs.validateComponentDefinition; exports.withDocumentEditor = _chunkGFCROSGQcjs.withDocumentEditor;
+exports.ALL_EXPORT_FORMATS = _chunkGS4J6OAFcjs.ALL_EXPORT_FORMATS; exports.ComponentRegistry = _chunkGS4J6OAFcjs.ComponentRegistry; exports.DOCUMENT_COMPONENT_DESCRIPTION = _chunkGS4J6OAFcjs.DOCUMENT_COMPONENT_DESCRIPTION; exports.DocumentBridge = _chunkGS4J6OAFcjs.DocumentBridge; exports.DocumentEditor = _chunkGS4J6OAFcjs.DocumentEditor; exports.JuneDocumentContext = _chunkGS4J6OAFcjs.JuneDocumentContext; exports.JuneDocumentEditorComponent = _chunkGS4J6OAFcjs.JuneDocumentEditorComponent; exports.JuneError = _chunkG6YPSE6Jcjs.JuneError; exports.JuneErrorBoundary = _chunkGS4J6OAFcjs.JuneErrorBoundary; exports.JuneRenderer = _chunkGS4J6OAFcjs.JuneRenderer; exports.JuneRuntimeContext = _chunkGS4J6OAFcjs.JuneRuntimeContext; exports.JuneThemeProvider = _chunkGS4J6OAFcjs.JuneThemeProvider; exports.JuneUI = JuneUI; exports.JuneUIProvider = JuneUIProvider; exports.MarkdownText = _chunkGS4J6OAFcjs.MarkdownText; exports.ToolApproval = _chunkGS4J6OAFcjs.ToolApproval; exports.ToolApprovalList = _chunkGS4J6OAFcjs.ToolApprovalList; exports.consumeStream = _chunkGS4J6OAFcjs.consumeStream; exports.copyDocumentToClipboard = _chunkGS4J6OAFcjs.copyDocumentToClipboard; exports.createActionHandler = _chunkGS4J6OAFcjs.createActionHandler; exports.createComponentRegistry = _chunkGS4J6OAFcjs.createComponentRegistry; exports.createDocumentStore = _chunkGS4J6OAFcjs.createDocumentStore; exports.createJuneLibrary = _chunkGS4J6OAFcjs.createJuneLibrary; exports.createJuneUI = createJuneUI; exports.createLangGraphExtractor = _chunkGS4J6OAFcjs.createLangGraphExtractor; exports.createTheme = _chunkGS4J6OAFcjs.createTheme; exports.darkTheme = _chunkGS4J6OAFcjs.darkTheme; exports.defaultParseActionEvent = _chunkGS4J6OAFcjs.defaultParseActionEvent; exports.defaultRegistry = defaultRegistry; exports.defaultToolApprovalLabels = _chunkGS4J6OAFcjs.defaultToolApprovalLabels; exports.defineComponent = _chunkGS4J6OAFcjs.defineComponent; exports.defineJuneAction = _chunkGS4J6OAFcjs.defineJuneAction; exports.defineJuneComponent = _chunkGS4J6OAFcjs.defineJuneComponent; exports.documentPromptOptions = _chunkGS4J6OAFcjs.documentPromptOptions; exports.downloadResult = _chunkGS4J6OAFcjs.downloadResult; exports.exportDocument = _chunkGS4J6OAFcjs.exportDocument; exports.fetchStream = _chunkGS4J6OAFcjs.fetchStream; exports.getDefaultDocumentStore = _chunkGS4J6OAFcjs.getDefaultDocumentStore; exports.getDocumentEditorInstructions = _chunkGS4J6OAFcjs.getDocumentEditorInstructions; exports.getDocumentEditorRules = _chunkGS4J6OAFcjs.getDocumentEditorRules; exports.interruptToApprovalRequests = _chunkGS4J6OAFcjs.interruptToApprovalRequests; exports.isDocumentEcho = _chunkGS4J6OAFcjs.isDocumentEcho; exports.isJuneComponent = _chunkGS4J6OAFcjs.isJuneComponent; exports.isJuneError = _chunkG6YPSE6Jcjs.isJuneError; exports.isThemeSet = _chunkGS4J6OAFcjs.isThemeSet; exports.jsonFieldExtractor = _chunkGS4J6OAFcjs.jsonFieldExtractor; exports.juneLibrary = juneLibrary; exports.langGraphStreamOptions = _chunkGS4J6OAFcjs.langGraphStreamOptions; exports.lightTheme = _chunkGS4J6OAFcjs.lightTheme; exports.listDocumentExporters = _chunkGS4J6OAFcjs.listDocumentExporters; exports.mergeDocuments = _chunkGS4J6OAFcjs.mergeDocuments; exports.messageContentToText = _chunkGS4J6OAFcjs.messageContentToText; exports.normalizeProgram = _chunkGS4J6OAFcjs.normalizeProgram; exports.readDocumentFromProgram = _chunkGS4J6OAFcjs.readDocumentFromProgram; exports.readLangGraphInterrupts = _chunkGS4J6OAFcjs.readLangGraphInterrupts; exports.registerComponent = registerComponent; exports.registerDocumentExporter = _chunkGS4J6OAFcjs.registerDocumentExporter; exports.rememberDocumentEcho = _chunkGS4J6OAFcjs.rememberDocumentEcho; exports.resolveMixedContent = _chunkGS4J6OAFcjs.resolveMixedContent; exports.resolveThemeVars = _chunkGS4J6OAFcjs.resolveThemeVars; exports.runAction = _chunkGS4J6OAFcjs.runAction; exports.serializeDocumentsForAgent = _chunkGS4J6OAFcjs.serializeDocumentsForAgent; exports.splitResponse = _chunkGS4J6OAFcjs.splitResponse; exports.sseToText = _chunkGS4J6OAFcjs.sseToText; exports.toAsyncIterable = _chunkGS4J6OAFcjs.toAsyncIterable; exports.toJuneError = _chunkG6YPSE6Jcjs.toJuneError; exports.unregisterComponent = unregisterComponent; exports.updateDocumentInProgram = _chunkGS4J6OAFcjs.updateDocumentInProgram; exports.useDocumentBridge = _chunkGS4J6OAFcjs.useDocumentBridge; exports.useDocumentOptions = _chunkGS4J6OAFcjs.useDocumentOptions; exports.useJuneRuntime = _chunkGS4J6OAFcjs.useJuneRuntime; exports.useJuneStream = _chunkGS4J6OAFcjs.useJuneStream; exports.useJuneTheme = _chunkGS4J6OAFcjs.useJuneTheme; exports.useJuneUIContext = useJuneUIContext; exports.useRegistryLibrary = _chunkGS4J6OAFcjs.useRegistryLibrary; exports.useResolvedTheme = _chunkGS4J6OAFcjs.useResolvedTheme; exports.useToolApproval = _chunkGS4J6OAFcjs.useToolApproval; exports.validateComponentDefinition = _chunkGS4J6OAFcjs.validateComponentDefinition; exports.withDocumentEditor = _chunkGS4J6OAFcjs.withDocumentEditor;

package/dist/index.js

@@ -68,7 +68,7 @@ import {
   useToolApproval,
   validateComponentDefinition,
   withDocumentEditor
-} from "./chunk-JSRO5CRO.js";
+} from "./chunk-JFIMNFNJ.js";
 import {
   JuneError,
   isJuneError,

package/dist/june.css

@@ -483,6 +483,47 @@
   .june-doc__status { display: none; }
   .june-doc__footer { justify-content: space-between; }
 }
+/* ---------- generated preview and edit panel ---------- */
+.june-doc-card { margin: 8px 0; }
+.june-doc-card__bar {
+  display: flex; align-items: center; gap: 10px;
+  min-height: 48px; padding: 8px 12px 8px 16px;
+  border-bottom: 1px solid var(--jd-border);
+}
+.june-doc-card__title {
+  flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+  font-size: 0.9375rem; font-weight: 600;
+}
+.june-doc-card__canvas {
+  max-height: min(68vh, 640px); overflow: auto;
+  padding: 20px 16px 28px; background: var(--jd-canvas);
+}
+.june-doc-card__sheet {
+  max-width: 794px; margin: 0 auto; padding: 48px 40px;
+  color: var(--jd-page-fg); background: var(--jd-page);
+  border: 1px solid var(--jd-border); border-radius: 3px; box-shadow: var(--jd-shadow);
+}
+.june-doc-modal {
+  position: fixed; inset: 0; z-index: 2147482000;
+  display: flex; justify-content: flex-end;
+  background: rgba(15, 18, 28, 0.48);
+}
+.june-doc.june-doc-modal__panel {
+  position: relative; display: flex; flex-direction: column;
+  width: min(960px, 100vw); max-width: 100%; height: 100%; margin: 0;
+  border: 0; border-radius: 0;
+  box-shadow: -16px 0 40px rgba(0, 0, 0, 0.28);
+}
+.june-doc-modal[data-theme="dark"] .june-doc-modal__panel { background: #0f1420; color: #f3f4f6; }
+.june-doc-modal__bar {
+  display: flex; align-items: center; justify-content: flex-end;
+  min-height: 44px; padding: 6px 10px;
+  border-bottom: 1px solid var(--jd-border, #e5e7eb);
+}
+.june-doc-modal__body { flex: 1 1 auto; min-height: 0; overflow: auto; }
+.june-doc-modal__body .june-doc { height: 100%; margin: 0; border: 0; border-radius: 0; box-shadow: none; }
+.june-doc-modal__body .june-doc__canvas { max-height: none; flex: 1 1 auto; }
+
 @media print {
   .june-doc__header, .june-doc__ribbon, .june-doc__findbar, .june-doc__footer, .june-doc__banner { display: none; }
   .june-doc__canvas { max-height: none; overflow: visible; padding: 0; background: none; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@june-ai/june-ui",
-  "version": "0.2.9",
+  "version": "0.2.10",
   "description": "A modular React SDK for generative UI: Markdown, streaming OpenUI Lang, custom components and documents",
   "license": "MIT",
   "type": "module",