@june-ai/june-ui 0.2.10 → 0.2.11

package/README.md

@@ -645,6 +645,7 @@ Any other prop of OpenUI's `Renderer` is forwarded and typed from your installed
 | `onError` | `(errors: unknown[]) => void` | — | Raw OpenUI errors (`[]` when cleared). |
 | `onJuneError` | `(error: JuneError) => void` | — | Structured errors. |
 | `documents` | `JuneDocumentOptions` | — | Document store and callbacks. Memoize. |
+| `documentEditor` | `DocumentEditorConfig` | `{ presentation: "inline" }` | Where Edit opens the editor. `"side-panel"` uses `width` (for example `"65%"`). A document's `presentation` argument wins. |
 | `onResponseChange` | `(response, info) => void` | — | Program rewritten with user document edits. |
 | `responseChangeDelay` | `number` | `300` | Debounce in ms. |
 | `loadingFallback` | `ReactNode` | `null` | Streaming, nothing to draw yet. |

package/dist/{chunk-JFIMNFNJ.js → chunk-2TBT4VRQ.js}

@@ -141,7 +141,7 @@ function OpenUIDevtoolsGate() {
 
 // 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";
+import { Fragment, useCallback as useCallback2, useMemo as useMemo4, useRef as useRef2 } from "react";
 
 // src/core/context.ts
 import { createContext as createContext2, useContext as useContext2 } from "react";
@@ -224,9 +224,16 @@ function createActionHandler(options) {
   };
 }
 
+// src/features/document-editor/document-bridge.tsx
+import { useMemo as useMemo2 } from "react";
+
 // src/features/document-editor/document-context.ts
 import { createContext as createContext3, useContext as useContext3, useSyncExternalStore } from "react";
 var JuneDocumentContext = createContext3({});
+var DocumentEditorConfigContext = createContext3({});
+function useDocumentEditorConfig() {
+  return useContext3(DocumentEditorConfigContext);
+}
 function useDocumentOptions() {
   return useContext3(JuneDocumentContext);
 }
@@ -608,13 +615,20 @@ function useDocumentBridge(options) {
 
 // src/features/document-editor/document-bridge.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
-function DocumentBridge({ children, ...options }) {
+function DocumentBridge({
+  children,
+  documentEditor,
+  ...options
+}) {
   const value = useDocumentBridge(options);
-  return /* @__PURE__ */ jsx2(JuneDocumentContext.Provider, { value, children });
+  const presentation = documentEditor?.presentation;
+  const width = documentEditor?.width;
+  const config = useMemo2(() => ({ presentation, width }), [presentation, width]);
+  return /* @__PURE__ */ jsx2(JuneDocumentContext.Provider, { value, children: /* @__PURE__ */ jsx2(DocumentEditorConfigContext.Provider, { value: config, children }) });
 }
 
 // src/themes/theme-provider.tsx
-import { useMemo as useMemo2, useSyncExternalStore as useSyncExternalStore2 } from "react";
+import { useMemo as useMemo3, useSyncExternalStore as useSyncExternalStore2 } from "react";
 
 // src/themes/dark.ts
 var darkTheme = {
@@ -675,7 +689,7 @@ function useResolvedTheme(mode) {
 function JuneThemeProvider({ mode, vars, className, style, children }) {
   const explicit = mode !== void 0;
   const resolved = useResolvedTheme(mode ?? "system");
-  const mergedStyle = useMemo2(() => {
+  const mergedStyle = useMemo3(() => {
     const own = resolveThemeVars(vars, resolved);
     if (!explicit && !own && !style) return void 0;
     const base = explicit ? resolved === "dark" ? darkTheme : lightTheme : void 0;
@@ -686,7 +700,7 @@ function JuneThemeProvider({ mode, vars, className, style, children }) {
       ...style
     };
   }, [explicit, resolved, vars, style]);
-  const context = useMemo2(() => ({ mode: mode ?? "system", theme: resolved }), [mode, resolved]);
+  const context = useMemo3(() => ({ mode: mode ?? "system", theme: resolved }), [mode, resolved]);
   return /* @__PURE__ */ jsx3(JuneContext.Provider, { value: context, children: /* @__PURE__ */ jsx3(
     "div",
     {
@@ -1320,6 +1334,7 @@ function JuneRenderer(props) {
     onError,
     onJuneError,
     documents,
+    documentEditor,
     onResponseChange,
     responseChangeDelay,
     loadingFallback = null,
@@ -1363,8 +1378,8 @@ function JuneRenderer(props) {
     );
   }, []);
   const handleDocumentError = useCallback2((error) => latest.current.onJuneError?.(error), []);
-  const runtime = useMemo3(() => ({ isStreaming }), [isStreaming]);
-  const content = useMemo3(
+  const runtime = useMemo4(() => ({ isStreaming }), [isStreaming]);
+  const content = useMemo4(
     () => resolveMixedContent(response, { mixedContent, isStreaming, repair, markdown: textFormat === "markdown" }),
     [response, mixedContent, isStreaming, repair, textFormat]
   );
@@ -1376,6 +1391,7 @@ function JuneRenderer(props) {
       DocumentBridge,
       {
         documents,
+        documentEditor,
         response,
         onResponseChange,
         responseChangeDelay,
@@ -1739,7 +1755,7 @@ function defineJuneAction(definition) {
 }
 
 // src/features/streaming/use-june-stream.ts
-import { useCallback as useCallback3, useEffect as useEffect3, useMemo as useMemo4, useRef as useRef3, useState } from "react";
+import { useCallback as useCallback3, useEffect as useEffect3, useMemo as useMemo5, useRef as useRef3, useState } from "react";
 
 // src/features/streaming/stream-handler.ts
 function isReadableStream(source) {
@@ -2002,7 +2018,7 @@ function useJuneStream(options = {}) {
     },
     [clearTimer]
   );
-  return useMemo4(
+  return useMemo5(
     () => ({ ...state, start, startFetch, abort, reset }),
     [state, start, startFetch, abort, reset]
   );
@@ -2031,7 +2047,7 @@ function DocumentDraft({ title, words, state }) {
 
 // src/features/document-editor/document-editor.tsx
 import { useEditor } from "@tiptap/react";
-import { useCallback as useCallback4, useEffect as useEffect7, useId, useMemo as useMemo5, useRef as useRef8, useState as useState6 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect7, useId, useMemo as useMemo6, useRef as useRef8, useState as useState6 } from "react";
 
 // src/features/document-editor/document-bubble.tsx
 import { useEditorState as useEditorState2 } from "@tiptap/react";
@@ -3703,15 +3719,15 @@ function DocumentEditorImpl(props) {
     className
   } = props;
   const ctxOptions = useDocumentOptions();
-  const options = useMemo5(() => ({ ...ctxOptions, ...props.options }), [ctxOptions, props.options]);
+  const options = useMemo6(() => ({ ...ctxOptions, ...props.options }), [ctxOptions, props.options]);
   const optionsRef = useRef8(options);
   optionsRef.current = options;
-  const store = useMemo5(() => options.store ?? getDefaultDocumentStore(), [options.store]);
+  const store = useMemo6(() => 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(() => {
+  const parsed = useMemo6(() => {
     if (!contentKey) return { json: null, error: null };
     try {
       return { json: parseDocumentContent(contentKey), error: null };
@@ -3763,7 +3779,7 @@ function DocumentEditorImpl(props) {
   );
   const saveRef = useRef8(async () => {
   });
-  const autosave = useMemo5(() => {
+  const autosave = useMemo6(() => {
     const delay = options.autosaveDelay ?? 1500;
     return delay > 0 ? debounce(() => void saveRef.current(), delay) : null;
   }, [options.autosaveDelay]);
@@ -3815,7 +3831,7 @@ function DocumentEditorImpl(props) {
     return () => clearTimeout(t);
   }, [saveState, options.onSave]);
   const [initialJson] = useState6(() => store.get(documentId)?.json ?? parsed.json ?? emptyDoc());
-  const extensions = useMemo5(() => createDocumentExtensions(), []);
+  const extensions = useMemo6(() => createDocumentExtensions(), []);
   const onUpdateRef = useRef8(() => {
   });
   onUpdateRef.current = (json) => {
@@ -4041,52 +4057,155 @@ function DocumentEditorImpl(props) {
 }
 
 // src/features/document-editor/document-preview.tsx
-import { useEffect as useEffect8, useMemo as useMemo6, useState as useState7 } from "react";
+import { useEffect as useEffect8, useMemo as useMemo7, useState as useState7 } from "react";
 import { createPortal } from "react-dom";
+
+// src/features/document-editor/document-presentation.ts
+function resolveDocumentPresentation(documentPresentation, configured) {
+  if (documentPresentation === "inline" || documentPresentation === "side-panel") return documentPresentation;
+  if (configured === "inline" || configured === "side-panel") return configured;
+  return "inline";
+}
+function documentPanelWidth(width) {
+  if (typeof width === "number" && Number.isFinite(width)) return `${width}px`;
+  if (typeof width === "string" && width.trim()) return width.trim();
+  return void 0;
+}
+
+// src/features/document-editor/document-preview.tsx
 import { Fragment as Fragment5, jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
+var FORMAT_LABEL = {
+  docx: "Word document",
+  pdf: "PDF",
+  html: "Web page",
+  markdown: "Markdown",
+  txt: "Plain text"
+};
 function DocumentPreview(props) {
-  const { documentId, title = "Untitled document", content, editable = true } = props;
+  const { documentId, title = "Untitled document", content, editable = true, exportFormats } = 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 editorConfig = useDocumentEditorConfig();
+  const presentation = resolveDocumentPresentation(props.presentation, editorConfig.presentation);
+  const panelWidth = documentPanelWidth(editorConfig.width);
+  const store = useMemo7(() => 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 [notice, setNotice] = useState7(null);
   const contentKey = typeof content === "string" ? content : content ? JSON.stringify(content) : "";
+  const options = props.options ?? ctxOptions;
   useEffect8(() => {
     setPreferStore(false);
   }, [contentKey]);
-  const html = useMemo6(() => {
+  const doc = useMemo7(() => {
     try {
       const fromContent = contentKey ? parseDocumentContent(contentKey) : null;
-      const doc = preferStore && storedJson ? storedJson : fromContent;
-      return doc ? docToHtml(doc) : "";
+      return preferStore && storedJson ? storedJson : fromContent;
     } catch {
-      return "";
+      return null;
     }
   }, [contentKey, preferStore, storedJson]);
+  const html = useMemo7(() => doc ? docToHtml(doc) : "", [doc]);
+  const formats = (exportFormats ?? [...ALL_EXPORT_FORMATS]).filter((format2) => listDocumentExporters().includes(format2));
   useEffect8(() => {
-    if (!open || typeof document === "undefined") return;
+    if (!notice) return;
+    const timer = setTimeout(() => setNotice(null), 2e3);
+    return () => clearTimeout(timer);
+  }, [notice]);
+  useEffect8(() => {
+    if (!open || presentation !== "side-panel" || typeof document === "undefined") return;
     const prev = document.body.style.overflow;
     document.body.style.overflow = "hidden";
     return () => {
       document.body.style.overflow = prev;
     };
-  }, [open]);
+  }, [open, presentation]);
   const close = () => {
     setPreferStore(true);
     setOpen(false);
   };
+  const handleExport = async (format2) => {
+    if (!doc) return;
+    try {
+      const result = await exportDocument(format2, { documentId, title, json: doc });
+      if (result.blob) downloadResult(result);
+      options.onExport?.({ documentId, format: format2, ...result });
+    } catch (error) {
+      options.onError?.(toJuneError(error, "EXPORT_ERROR"));
+      setNotice("Export failed");
+    }
+  };
+  const handleCopy = async () => {
+    if (!doc) return;
+    setNotice(await copyDocumentToClipboard({ title, json: doc }) ? "Copied" : "Copy failed");
+  };
+  const editor = /* @__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
+    }
+  );
+  const closeBar = /* @__PURE__ */ jsx17("div", { className: "june-doc-editor__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" })
+  ] }) });
   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__ */ jsxs11("div", { className: "june-doc-card__actions", children: [
+          notice ? /* @__PURE__ */ jsx17("span", { className: "june-doc-card__notice", children: notice }) : null,
+          /* @__PURE__ */ jsx17(
+            Dropdown,
+            {
+              align: "end",
+              className: "june-doc__menu",
+              trigger: ({ open: menuOpen, toggle }) => /* @__PURE__ */ jsxs11("button", { type: "button", className: "june-doc__btn june-doc__btn--ghost", "aria-label": "Download", "aria-haspopup": "menu", "aria-expanded": menuOpen, onClick: toggle, children: [
+                /* @__PURE__ */ jsx17(Icon, { name: "download", size: 16 }),
+                /* @__PURE__ */ jsx17("span", { children: "Download" })
+              ] }),
+              children: (dismiss) => /* @__PURE__ */ jsx17("div", { role: "menu", "aria-label": "Download options", children: formats.map((format2) => /* @__PURE__ */ jsx17(
+                "button",
+                {
+                  type: "button",
+                  role: "menuitem",
+                  className: "june-doc__menu-item",
+                  onClick: () => {
+                    dismiss();
+                    void handleExport(format2);
+                  },
+                  children: /* @__PURE__ */ jsx17("span", { className: "june-doc__menu-label", children: FORMAT_LABEL[format2] ?? format2.toUpperCase() })
+                },
+                format2
+              )) })
+            }
+          ),
+          /* @__PURE__ */ jsx17("button", { type: "button", className: "june-doc__btn june-doc__btn--icon june-doc__btn--ghost", "aria-label": "Copy document", title: "Copy", onClick: () => void handleCopy(), children: /* @__PURE__ */ jsx17(Icon, { name: "copy", size: 16 }) }),
+          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(
+    open && presentation === "inline" ? /* @__PURE__ */ jsxs11("section", { className: "june-doc june-doc-inline", "data-theme": resolvedTheme, "aria-label": title, onKeyDown: (event) => {
+      if (event.key !== "Escape" || event.defaultPrevented) return;
+      if (event.currentTarget.querySelector(".june-doc--fullscreen")) return;
+      close();
+    }, children: [
+      closeBar,
+      editor
+    ] }) : null,
+    open && presentation === "side-panel" && typeof document !== "undefined" ? createPortal(
       /* @__PURE__ */ jsx17("div", { className: "june-doc-modal", "data-theme": resolvedTheme, onMouseDown: close, children: /* @__PURE__ */ jsxs11(
         "div",
         {
@@ -4096,6 +4215,7 @@ function DocumentPreview(props) {
           "aria-label": title,
           tabIndex: -1,
           "data-theme": resolvedTheme,
+          style: panelWidth ? { width: panelWidth, maxWidth: "100vw" } : void 0,
           onMouseDown: (event) => event.stopPropagation(),
           onKeyDown: (event) => {
             if (event.key !== "Escape" || event.defaultPrevented) return;
@@ -4103,25 +4223,8 @@ function DocumentPreview(props) {
             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
-              }
-            ) })
+            closeBar,
+            /* @__PURE__ */ jsx17("div", { className: "june-doc-modal__body", children: editor })
           ]
         }
       ) }),
@@ -4132,7 +4235,7 @@ function DocumentPreview(props) {
 
 // src/features/document-editor/document-component.tsx
 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 DOCUMENT_COMPONENT_DESCRIPTION = 'Custom component. An editable document. DocumentEditor(documentId, title, content, documentType?, status?, editable?, exportFormats?, presentation?). 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. presentation is "inline" or "side-panel"; omit it to use the app default.';
 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."),
@@ -4140,7 +4243,8 @@ var documentProps = z.object({
   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.")
+  exportFormats: z.array(z.string()).optional().describe("Export formats to offer, such as html, markdown, docx."),
+  presentation: z.enum(["inline", "side-panel"]).optional().describe('Where Edit opens the editor: "inline" in the chat, or "side-panel". Omit to use the app default.')
 });
 function DocumentEditor(props) {
   const { isStreaming } = useJuneRuntime();
@@ -4158,10 +4262,10 @@ function OpenUIDocument({ props }) {
     documentType: props.documentType,
     status: props.status,
     editable: props.editable,
-    exportFormats: props.exportFormats
+    exportFormats: props.exportFormats,
+    presentation: props.presentation
   };
   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({
@@ -4200,7 +4304,7 @@ function getDocumentEditorRules(options = {}) {
   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.`,
+    `${name}(documentId, title, content, documentType?, status?, editable?, exportFormats?, presentation?): "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. presentation is optional: "inline" or "side-panel". Omit it to use the app default.`,
     `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.`,
@@ -4365,7 +4469,7 @@ function ToolApprovalList({ approvals, pendingOnly = false, renderItem, labels,
 }
 
 // src/features/tool-approval/use-tool-approval.ts
-import { useCallback as useCallback5, useEffect as useEffect9, useMemo as useMemo7, useRef as useRef9, useState as useState9 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect9, useMemo as useMemo8, useRef as useRef9, useState as useState9 } from "react";
 var counter = 0;
 var nextId = () => `june-approval-${++counter}`;
 function useToolApproval() {
@@ -4421,8 +4525,8 @@ function useToolApproval() {
       map.clear();
     };
   }, []);
-  const pending = useMemo7(() => entries.filter((e) => e.status === "pending"), [entries]);
-  return useMemo7(
+  const pending = useMemo8(() => entries.filter((e) => e.status === "pending"), [entries]);
+  return useMemo8(
     () => ({ entries, pending, request, decide, setStatus, dismiss, confirmAction }),
     [entries, pending, request, decide, setStatus, dismiss, confirmAction]
   );
@@ -4526,6 +4630,8 @@ export {
   runAction,
   createActionHandler,
   JuneDocumentContext,
+  DocumentEditorConfigContext,
+  useDocumentEditorConfig,
   useDocumentOptions,
   mergeDocuments,
   createDocumentStore,
@@ -4570,6 +4676,8 @@ export {
   downloadResult,
   copyDocumentToClipboard,
   ALL_EXPORT_FORMATS,
+  resolveDocumentPresentation,
+  documentPanelWidth,
   DOCUMENT_COMPONENT_DESCRIPTION,
   DocumentEditor,
   JuneDocumentEditorComponent,