@pixerate/editor-react 0.16.0 → 0.17.0

package/dist/index.js

@@ -1,21 +1,28 @@
 import {
   FormulaHints,
+  NameManager,
+  SheetTabs,
+  SpreadsheetConditionalFormatPanel,
   SpreadsheetContextMenu,
+  SpreadsheetDataValidationPanel,
   SpreadsheetEditor,
   SpreadsheetGroupRow,
+  SpreadsheetValidationDialog,
   useFillHandle,
   useSpreadsheetClipboard,
   useSpreadsheetEditor
-} from "./chunk-FYIPXHAE.js";
+} from "./chunk-JR5ZBDR7.js";
 import {
   AdjustmentLayersPanel,
   ControlSlider,
   CurvesEditor,
   Histogram,
   ImageEditor,
+  RefineEdgePanel,
+  SelectionOptionsBar,
   useImageEditor,
   useImageHistogram
-} from "./chunk-XTFR3IMK.js";
+} from "./chunk-ZU54BMDC.js";
 import {
   CommandPalette,
   useCommandPalette,
@@ -27,11 +34,14 @@ import {
   useAutosave
 } from "./chunk-XWFU2CSG.js";
 import {
+  AssetMentionChips,
+  GenerationHistory,
   GenerationSettings,
   JobProgress,
   useGenerationPlan,
+  useGenerationRecords,
   useJobProgress
-} from "./chunk-7SPRQZ6H.js";
+} from "./chunk-I3E4KSA2.js";
 
 // src/hooks/usePromptEditor.ts
 import { useMemo, useEffect, useRef } from "react";
@@ -576,7 +586,8 @@ function useHistoryShortcuts(manager, options = {}) {
 // src/hooks/useFileImport.ts
 import { useEffect as useEffect5, useMemo as useMemo3, useRef as useRef6, useSyncExternalStore as useSyncExternalStore3 } from "react";
 import {
-  FileImportController
+  FileImportController,
+  summarizeImportStructure
 } from "@pixerate/editor";
 function useFileImport(editor, options = {}) {
   const editorRef = useRef6(editor);
@@ -592,8 +603,10 @@ function useFileImport(editor, options = {}) {
     controller.setOptions(options);
   });
   const state = useSyncExternalStore3(controller.subscribe, controller.getState, controller.getState);
+  const structureSummary = useMemo3(() => summarizeImportStructure(state.lastOutcomes), [state.lastOutcomes]);
   return {
     ...state,
+    structureSummary,
     accept: controller.accept,
     openFilePicker: controller.openFilePicker,
     importFiles: controller.importFiles
@@ -1216,6 +1229,168 @@ var OutlinePanel = ({
   ] });
 };
 
+// src/hooks/useParagraphStyles.ts
+import { useMemo as useMemo8, useSyncExternalStore as useSyncExternalStore5 } from "react";
+import {
+  createParagraphStylesStore,
+  getStyleRegistry
+} from "@pixerate/editor";
+function useParagraphStyles(editor) {
+  const store = useMemo8(() => createParagraphStylesStore(editor), [editor]);
+  const snapshot = useSyncExternalStore5(store.subscribe, store.getSnapshot, store.getSnapshot);
+  return useMemo8(() => {
+    const registry = getStyleRegistry(editor);
+    const live = () => editor && !editor.isDestroyed ? editor : null;
+    return {
+      ...snapshot,
+      registry,
+      currentStyle: snapshot.currentStyleId && registry?.get(snapshot.currentStyleId) || null,
+      apply: (id) => !!live()?.chain().focus().setParagraphStyle(id).run(),
+      clear: () => !!live()?.chain().focus().clearParagraphStyle().run(),
+      updateFromSelection: (id) => !!live()?.chain().focus().updateParagraphStyleFromSelection(id).run(),
+      createFromSelection: (name, options) => {
+        const e = live();
+        if (!e || !registry) return null;
+        const id = options?.id ?? registry.newId(name.trim());
+        const ok = e.chain().focus().createParagraphStyleFromSelection(name, { ...options, id }).run();
+        return ok ? id : null;
+      },
+      applyCharacterStyle: (id) => !!live()?.chain().focus().setCharacterStyle(id).run()
+    };
+  }, [snapshot, editor]);
+}
+
+// src/components/StylesGallery.tsx
+import { useState as useState8 } from "react";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+var camel = (property) => property.replace(/-([a-z])/g, (_, c) => c.toUpperCase());
+var keepSelection = (event) => event.preventDefault();
+var StylesGallery = ({
+  editor,
+  variant = "dropdown",
+  showAllStyles = false,
+  showActions = true,
+  preview = true,
+  className = "relative inline-flex flex-wrap items-center gap-1 text-sm",
+  itemClassName = "rounded px-2 py-1 text-left text-xs text-foreground hover:bg-muted",
+  activeItemClassName = "bg-primary/10 text-primary",
+  onChange
+}) => {
+  const styles = useParagraphStyles(editor);
+  const [open, setOpen] = useState8(false);
+  const [creating, setCreating] = useState8(false);
+  const [name, setName] = useState8("");
+  const list = showAllStyles ? styles.styles : styles.gallery;
+  const current = styles.currentStyle;
+  const expanded = variant === "gallery" || open;
+  const close = () => {
+    if (variant === "dropdown") setOpen(false);
+    setCreating(false);
+    setName("");
+  };
+  const previewStyle = (id) => {
+    if (!preview || !styles.registry) return void 0;
+    return Object.fromEntries(
+      Object.entries(styles.registry.previewDeclarations(id)).map(([k, v]) => [camel(k), v])
+    );
+  };
+  const apply = (id) => {
+    if (styles.apply(id)) onChange?.({ type: "apply", id });
+    close();
+  };
+  const create = (event) => {
+    event.preventDefault();
+    const id = name.trim() ? styles.createFromSelection(name) : null;
+    if (id) onChange?.({ type: "create", id });
+    close();
+  };
+  return /* @__PURE__ */ jsxs5("div", { className, role: "group", "aria-label": "Paragraph styles", "data-styles-gallery": variant, children: [
+    variant === "dropdown" && /* @__PURE__ */ jsxs5(
+      "button",
+      {
+        type: "button",
+        className: itemClassName,
+        "aria-haspopup": "listbox",
+        "aria-expanded": open,
+        disabled: !editor || !styles.registry,
+        onMouseDown: keepSelection,
+        onClick: () => setOpen((value) => !value),
+        children: [
+          current?.name ?? "Styles",
+          " \u25BE"
+        ]
+      }
+    ),
+    expanded && /* @__PURE__ */ jsxs5(
+      "div",
+      {
+        className: variant === "dropdown" ? "absolute left-0 top-full z-20 mt-1 flex min-w-[12rem] flex-col gap-0.5 rounded-md border border-border bg-background p-1 shadow-md" : "flex flex-wrap items-center gap-1",
+        children: [
+          /* @__PURE__ */ jsx6("div", { role: "listbox", "aria-label": "Styles", className: variant === "dropdown" ? "flex flex-col gap-0.5" : "flex flex-wrap gap-1", children: list.map((style) => {
+            const active = style.id === styles.currentStyleId;
+            return /* @__PURE__ */ jsx6(
+              "button",
+              {
+                type: "button",
+                role: "option",
+                "aria-selected": active,
+                "data-style-id": style.id,
+                className: active ? `${itemClassName} ${activeItemClassName}` : itemClassName,
+                style: previewStyle(style.id),
+                onMouseDown: keepSelection,
+                onClick: () => apply(style.id),
+                children: style.name
+              },
+              style.id
+            );
+          }) }),
+          showActions && /* @__PURE__ */ jsxs5("div", { className: variant === "dropdown" ? "mt-1 flex flex-col gap-0.5 border-t border-border pt-1" : "flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx6(
+              "button",
+              {
+                type: "button",
+                className: itemClassName,
+                disabled: !current,
+                onMouseDown: keepSelection,
+                onClick: () => {
+                  if (current && styles.updateFromSelection(current.id)) {
+                    onChange?.({ type: "update", id: current.id });
+                  }
+                  close();
+                },
+                children: current ? `Update ${current.name} to match selection` : "Update to match selection"
+              }
+            ),
+            creating ? /* @__PURE__ */ jsxs5("form", { className: "flex items-center gap-1", onSubmit: create, children: [
+              /* @__PURE__ */ jsx6(
+                "input",
+                {
+                  "aria-label": "New style name",
+                  className: "w-32 rounded border border-border bg-background px-1 py-0.5 text-xs",
+                  value: name,
+                  autoFocus: true,
+                  onChange: (event) => setName(event.target.value)
+                }
+              ),
+              /* @__PURE__ */ jsx6("button", { type: "submit", className: itemClassName, disabled: !name.trim(), children: "Create" })
+            ] }) : /* @__PURE__ */ jsx6(
+              "button",
+              {
+                type: "button",
+                className: itemClassName,
+                disabled: !editor || !styles.registry,
+                onMouseDown: keepSelection,
+                onClick: () => setCreating(true),
+                children: "New style from selection"
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+};
+
 // src/index.ts
 import {
   DirtyTracker as DirtyTracker2,
@@ -1228,10 +1403,10 @@ import {
 } from "@pixerate/editor";
 
 // src/slots.tsx
-import { createContext, useContext, useMemo as useMemo8 } from "react";
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { createContext, useContext, useMemo as useMemo9 } from "react";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 var defaultSlots = {
-  Button: (props) => /* @__PURE__ */ jsx6(
+  Button: (props) => /* @__PURE__ */ jsx7(
     "button",
     {
       type: "button",
@@ -1241,26 +1416,26 @@ var defaultSlots = {
       children: props.children
     }
   ),
-  Tooltip: (props) => /* @__PURE__ */ jsx6("div", { className: `pixerate-tooltip-container ${props.className || ""}`, title: String(props.content), children: props.children }),
-  NodeHeader: (props) => /* @__PURE__ */ jsxs5("div", { className: `pixerate-node-header flex items-center justify-between ${props.className || ""}`, children: [
-    /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2", children: [
+  Tooltip: (props) => /* @__PURE__ */ jsx7("div", { className: `pixerate-tooltip-container ${props.className || ""}`, title: String(props.content), children: props.children }),
+  NodeHeader: (props) => /* @__PURE__ */ jsxs6("div", { className: `pixerate-node-header flex items-center justify-between ${props.className || ""}`, children: [
+    /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
       props.icon,
-      /* @__PURE__ */ jsx6("span", { className: "font-semibold", children: props.title })
+      /* @__PURE__ */ jsx7("span", { className: "font-semibold", children: props.title })
     ] }),
-    props.onClose && /* @__PURE__ */ jsx6("button", { type: "button", onClick: props.onClose, className: "opacity-70 hover:opacity-100", children: "\xD7" })
+    props.onClose && /* @__PURE__ */ jsx7("button", { type: "button", onClick: props.onClose, className: "opacity-70 hover:opacity-100", children: "\xD7" })
   ] })
 };
 var EditorSlotsContext = createContext(defaultSlots);
 function EditorSlotsProvider({ slots, children }) {
-  const mergedSlots = useMemo8(() => ({ ...defaultSlots, ...slots }), [slots]);
-  return /* @__PURE__ */ jsx6(EditorSlotsContext.Provider, { value: mergedSlots, children });
+  const mergedSlots = useMemo9(() => ({ ...defaultSlots, ...slots }), [slots]);
+  return /* @__PURE__ */ jsx7(EditorSlotsContext.Provider, { value: mergedSlots, children });
 }
 function useEditorSlots() {
   return useContext(EditorSlotsContext);
 }
 
 // src/review/useReview.ts
-import { useCallback as useCallback6, useMemo as useMemo9, useSyncExternalStore as useSyncExternalStore5 } from "react";
+import { useCallback as useCallback6, useMemo as useMemo10, useSyncExternalStore as useSyncExternalStore6 } from "react";
 import {
   getCommentStore,
   getTrackChangesStore
@@ -1287,8 +1462,8 @@ function useComments(source) {
     [store]
   );
   const getSnapshot = () => store?.getSnapshot() ?? EMPTY_COMMENTS;
-  const snapshot = useSyncExternalStore5(subscribe, getSnapshot, getSnapshot);
-  return useMemo9(() => ({ ...snapshot, store }), [snapshot, store]);
+  const snapshot = useSyncExternalStore6(subscribe, getSnapshot, getSnapshot);
+  return useMemo10(() => ({ ...snapshot, store }), [snapshot, store]);
 }
 function useTrackChanges(editor) {
   const store = getTrackChangesStore(editor ?? null);
@@ -1297,8 +1472,8 @@ function useTrackChanges(editor) {
     [store]
   );
   const getSnapshot = () => store?.getSnapshot() ?? EMPTY_TRACK_CHANGES;
-  const snapshot = useSyncExternalStore5(subscribe, getSnapshot, getSnapshot);
-  return useMemo9(() => {
+  const snapshot = useSyncExternalStore6(subscribe, getSnapshot, getSnapshot);
+  return useMemo10(() => {
     const run = (fn) => () => {
       if (editor && !editor.isDestroyed) fn(editor);
     };
@@ -1312,18 +1487,21 @@ function useTrackChanges(editor) {
       acceptAll: run((e) => e.commands.acceptAllChanges()),
       rejectAll: run((e) => e.commands.rejectAllChanges()),
       next: run((e) => e.chain().focus().selectNextChange().run()),
-      previous: run((e) => e.chain().focus().selectPreviousChange().run())
+      previous: run((e) => e.chain().focus().selectPreviousChange().run()),
+      select: (id) => run((e) => e.chain().focus().selectChange(id).run())(),
+      acceptMove: (id) => run((e) => e.commands.acceptMove(id))(),
+      rejectMove: (id) => run((e) => e.commands.rejectMove(id))()
     };
   }, [snapshot, editor]);
 }
 
 // src/review/CommentsPanel.tsx
-import { useState as useState8 } from "react";
+import { useState as useState9 } from "react";
 import {
   formatReviewTime,
   getCommentAuthor
 } from "@pixerate/editor";
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 var buttonClass = "rounded px-2 py-1 text-xs text-muted-foreground hover:bg-muted hover:text-foreground disabled:opacity-50";
 var primaryButtonClass = "rounded px-2 py-1 text-xs bg-primary/10 text-primary hover:bg-primary/20 disabled:opacity-50";
 var textareaClass = "w-full resize-y rounded-md border border-input bg-background p-2 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-primary";
@@ -1337,18 +1515,18 @@ var CommentsPanel = ({
   emptyMessage = "No comments yet. Select text and add a comment."
 }) => {
   const { threads, activeThreadId, store } = useComments(storeProp ?? editor);
-  const [showResolved, setShowResolved] = useState8(showResolvedInitial);
+  const [showResolved, setShowResolved] = useState9(showResolvedInitial);
   const author = authorProp ?? getCommentAuthor(editor) ?? { id: "anonymous", name: "Anonymous" };
   const visible = threads.filter((t) => showResolved || !t.resolved);
   const resolvedCount = threads.filter((t) => t.resolved).length;
-  return /* @__PURE__ */ jsxs6("aside", { className, "aria-label": "Comments", children: [
-    /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between gap-2", children: [
-      /* @__PURE__ */ jsxs6("span", { className: "text-xs font-medium text-muted-foreground", children: [
+  return /* @__PURE__ */ jsxs7("aside", { className, "aria-label": "Comments", children: [
+    /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsxs7("span", { className: "text-xs font-medium text-muted-foreground", children: [
         threads.length - resolvedCount,
         " open",
         resolvedCount > 0 ? ` \xB7 ${resolvedCount} resolved` : ""
       ] }),
-      resolvedCount > 0 && /* @__PURE__ */ jsx7(
+      resolvedCount > 0 && /* @__PURE__ */ jsx8(
         "button",
         {
           type: "button",
@@ -1359,7 +1537,7 @@ var CommentsPanel = ({
         }
       )
     ] }),
-    visible.length === 0 ? /* @__PURE__ */ jsx7("p", { className: "text-xs text-muted-foreground", children: emptyMessage }) : /* @__PURE__ */ jsx7("ul", { className: "flex flex-col gap-2", role: "list", children: visible.map((thread) => /* @__PURE__ */ jsx7(
+    visible.length === 0 ? /* @__PURE__ */ jsx8("p", { className: "text-xs text-muted-foreground", children: emptyMessage }) : /* @__PURE__ */ jsx8("ul", { className: "flex flex-col gap-2", role: "list", children: visible.map((thread) => /* @__PURE__ */ jsx8(
       CommentThreadCard,
       {
         thread,
@@ -1381,7 +1559,7 @@ var CommentThreadCard = ({
   author,
   formatTime
 }) => {
-  const [draft, setDraft] = useState8("");
+  const [draft, setDraft] = useState9("");
   const isDraft = thread.body === "";
   const quote = thread.anchor?.quote ?? thread.lastQuote ?? "";
   const live = editor && !editor.isDestroyed ? editor : null;
@@ -1407,7 +1585,7 @@ var CommentThreadCard = ({
     setDraft("");
   };
   const stop = (e) => e.stopPropagation();
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7(
     "li",
     {
       className: `flex flex-col gap-2 rounded-md border bg-background p-3 cursor-pointer ${active ? "border-primary ring-1 ring-primary" : "border-border"} ${thread.resolved ? "opacity-70" : ""}`,
@@ -1423,24 +1601,24 @@ var CommentThreadCard = ({
         }
       },
       children: [
-        /* @__PURE__ */ jsxs6("div", { className: "flex items-baseline justify-between gap-2", children: [
-          /* @__PURE__ */ jsx7("span", { className: "font-medium", children: thread.author.name }),
-          /* @__PURE__ */ jsx7("span", { className: "text-xs text-muted-foreground", children: formatTime(thread.createdAt) })
+        /* @__PURE__ */ jsxs7("div", { className: "flex items-baseline justify-between gap-2", children: [
+          /* @__PURE__ */ jsx8("span", { className: "font-medium", children: thread.author.name }),
+          /* @__PURE__ */ jsx8("span", { className: "text-xs text-muted-foreground", children: formatTime(thread.createdAt) })
         ] }),
-        quote && /* @__PURE__ */ jsx7("blockquote", { className: "border-l-2 border-border pl-2 text-xs text-muted-foreground line-clamp-2", children: quote }),
-        thread.orphaned && /* @__PURE__ */ jsx7("span", { className: "text-xs text-destructive", children: "The commented text was deleted." }),
-        thread.resolved && /* @__PURE__ */ jsx7("span", { className: "text-xs text-muted-foreground", children: "Resolved" }),
-        !isDraft && /* @__PURE__ */ jsx7("p", { className: "whitespace-pre-wrap break-words", children: thread.body }),
-        thread.replies.length > 0 && /* @__PURE__ */ jsx7("ul", { className: "flex flex-col gap-2 border-l border-border pl-3", role: "list", children: thread.replies.map((reply) => /* @__PURE__ */ jsxs6("li", { className: "flex flex-col gap-0.5", "data-reply-id": reply.id, children: [
-          /* @__PURE__ */ jsxs6("span", { className: "text-xs", children: [
-            /* @__PURE__ */ jsx7("span", { className: "font-medium", children: reply.author.name }),
+        quote && /* @__PURE__ */ jsx8("blockquote", { className: "border-l-2 border-border pl-2 text-xs text-muted-foreground line-clamp-2", children: quote }),
+        thread.orphaned && /* @__PURE__ */ jsx8("span", { className: "text-xs text-destructive", children: "The commented text was deleted." }),
+        thread.resolved && /* @__PURE__ */ jsx8("span", { className: "text-xs text-muted-foreground", children: "Resolved" }),
+        !isDraft && /* @__PURE__ */ jsx8("p", { className: "whitespace-pre-wrap break-words", children: thread.body }),
+        thread.replies.length > 0 && /* @__PURE__ */ jsx8("ul", { className: "flex flex-col gap-2 border-l border-border pl-3", role: "list", children: thread.replies.map((reply) => /* @__PURE__ */ jsxs7("li", { className: "flex flex-col gap-0.5", "data-reply-id": reply.id, children: [
+          /* @__PURE__ */ jsxs7("span", { className: "text-xs", children: [
+            /* @__PURE__ */ jsx8("span", { className: "font-medium", children: reply.author.name }),
             " ",
-            /* @__PURE__ */ jsx7("span", { className: "text-muted-foreground", children: formatTime(reply.createdAt) })
+            /* @__PURE__ */ jsx8("span", { className: "text-muted-foreground", children: formatTime(reply.createdAt) })
           ] }),
-          /* @__PURE__ */ jsx7("p", { className: "whitespace-pre-wrap break-words", children: reply.body })
+          /* @__PURE__ */ jsx8("p", { className: "whitespace-pre-wrap break-words", children: reply.body })
         ] }, reply.id)) }),
-        (active || isDraft) && !thread.resolved && /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-1", onClick: stop, children: [
-          /* @__PURE__ */ jsx7(
+        (active || isDraft) && !thread.resolved && /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-1", onClick: stop, children: [
+          /* @__PURE__ */ jsx8(
             "textarea",
             {
               className: textareaClass,
@@ -1458,9 +1636,9 @@ var CommentThreadCard = ({
               }
             }
           ),
-          /* @__PURE__ */ jsxs6("div", { className: "flex justify-end gap-1", children: [
-            isDraft && /* @__PURE__ */ jsx7("button", { type: "button", className: buttonClass, onClick: remove, children: "Cancel" }),
-            /* @__PURE__ */ jsx7(
+          /* @__PURE__ */ jsxs7("div", { className: "flex justify-end gap-1", children: [
+            isDraft && /* @__PURE__ */ jsx8("button", { type: "button", className: buttonClass, onClick: remove, children: "Cancel" }),
+            /* @__PURE__ */ jsx8(
               "button",
               {
                 type: "button",
@@ -1472,9 +1650,9 @@ var CommentThreadCard = ({
             )
           ] })
         ] }),
-        !isDraft && /* @__PURE__ */ jsxs6("div", { className: "flex justify-end gap-1", onClick: stop, children: [
-          /* @__PURE__ */ jsx7("button", { type: "button", className: buttonClass, onClick: () => setResolved(!thread.resolved), children: thread.resolved ? "Reopen" : "Resolve" }),
-          /* @__PURE__ */ jsx7(
+        !isDraft && /* @__PURE__ */ jsxs7("div", { className: "flex justify-end gap-1", onClick: stop, children: [
+          /* @__PURE__ */ jsx8("button", { type: "button", className: buttonClass, onClick: () => setResolved(!thread.resolved), children: thread.resolved ? "Reopen" : "Resolve" }),
+          /* @__PURE__ */ jsx8(
             "button",
             {
               type: "button",
@@ -1490,7 +1668,7 @@ var CommentThreadCard = ({
 };
 
 // src/review/ReviewToolbar.tsx
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 var defaultDescriptionClass = "max-w-[16rem] truncate px-1 text-xs text-muted-foreground";
 var buttonClass2 = "rounded px-2 py-1 text-xs text-foreground hover:bg-muted disabled:opacity-40 disabled:hover:bg-transparent";
 var ReviewToolbar = ({
@@ -1503,8 +1681,8 @@ var ReviewToolbar = ({
   const count = review.changes.length;
   const current = review.currentChange;
   const index = current ? review.changes.findIndex((c) => c.id === current.id) + 1 : 0;
-  return /* @__PURE__ */ jsxs7("div", { className, role: "toolbar", "aria-label": "Review", children: [
-    /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsxs8("div", { className, role: "toolbar", "aria-label": "Review", children: [
+    /* @__PURE__ */ jsx9(
       "button",
       {
         type: "button",
@@ -1515,8 +1693,8 @@ var ReviewToolbar = ({
         children: review.enabled ? "Tracking on" : "Track changes"
       }
     ),
-    /* @__PURE__ */ jsx8("span", { className: "mx-1 h-4 w-px bg-border", "aria-hidden": "true" }),
-    /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsx9("span", { className: "mx-1 h-4 w-px bg-border", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx9(
       "button",
       {
         type: "button",
@@ -1527,8 +1705,8 @@ var ReviewToolbar = ({
         children: "\u2039"
       }
     ),
-    /* @__PURE__ */ jsx8("span", { className: "min-w-[4rem] text-center text-xs text-muted-foreground", "aria-live": "polite", children: count === 0 ? "No changes" : current ? `${index} of ${count}` : `${count} changes` }),
-    /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsx9("span", { className: "min-w-[4rem] text-center text-xs text-muted-foreground", "aria-live": "polite", children: count === 0 ? "No changes" : current ? `${index} of ${count}` : `${count} changes` }),
+    /* @__PURE__ */ jsx9(
       "button",
       {
         type: "button",
@@ -1539,7 +1717,7 @@ var ReviewToolbar = ({
         children: "\u203A"
       }
     ),
-    showDescription && current && /* @__PURE__ */ jsxs7(
+    showDescription && current && /* @__PURE__ */ jsxs8(
       "span",
       {
         className: descriptionClassName,
@@ -1551,8 +1729,8 @@ var ReviewToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsx8("span", { className: "mx-1 h-4 w-px bg-border", "aria-hidden": "true" }),
-    /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsx9("span", { className: "mx-1 h-4 w-px bg-border", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx9(
       "button",
       {
         type: "button",
@@ -1562,7 +1740,7 @@ var ReviewToolbar = ({
         children: "Accept"
       }
     ),
-    /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsx9(
       "button",
       {
         type: "button",
@@ -1572,18 +1750,18 @@ var ReviewToolbar = ({
         children: "Reject"
       }
     ),
-    /* @__PURE__ */ jsx8("button", { type: "button", className: buttonClass2, disabled: count === 0, onClick: review.acceptAll, children: "Accept all" }),
-    /* @__PURE__ */ jsx8("button", { type: "button", className: buttonClass2, disabled: count === 0, onClick: review.rejectAll, children: "Reject all" })
+    /* @__PURE__ */ jsx9("button", { type: "button", className: buttonClass2, disabled: count === 0, onClick: review.acceptAll, children: "Accept all" }),
+    /* @__PURE__ */ jsx9("button", { type: "button", className: buttonClass2, disabled: count === 0, onClick: review.rejectAll, children: "Reject all" })
   ] });
 };
 
 // src/review/CommentButton.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 var CommentButton = ({
   editor,
   className = "rounded px-2 py-1 text-xs text-popover-foreground hover:bg-muted",
   children = "Comment"
-}) => /* @__PURE__ */ jsx9(
+}) => /* @__PURE__ */ jsx10(
   "button",
   {
     type: "button",
@@ -1595,12 +1773,12 @@ var CommentButton = ({
 );
 
 // src/review/useDocumentCompare.ts
-import { useCallback as useCallback7, useMemo as useMemo10, useRef as useRef8, useState as useState9 } from "react";
+import { useCallback as useCallback7, useMemo as useMemo11, useRef as useRef8, useState as useState10 } from "react";
 import {
   applyDocumentComparison
 } from "@pixerate/editor";
 function useDocumentCompare(editor, options) {
-  const [summary, setSummary] = useState9(null);
+  const [summary, setSummary] = useState10(null);
   const defaults = useRef8(options);
   defaults.current = options;
   const compare = useCallback7(
@@ -1616,11 +1794,58 @@ function useDocumentCompare(editor, options) {
     [editor]
   );
   const clear = useCallback7(() => setSummary(null), []);
-  return useMemo10(() => ({ summary, compare, clear }), [summary, compare, clear]);
+  return useMemo11(() => ({ summary, compare, clear }), [summary, compare, clear]);
 }
 
+// src/review/TrackedChangesList.tsx
+import { trackedChangeLabel } from "@pixerate/editor";
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+var buttonClass3 = "rounded px-1.5 py-0.5 text-xs text-foreground hover:bg-muted disabled:opacity-40";
+var TrackedChangesList = ({
+  editor,
+  className = "flex flex-col gap-1 text-sm",
+  itemClassName = "flex items-center gap-2 rounded px-2 py-1 hover:bg-muted/50",
+  activeItemClassName = "bg-primary/10",
+  emptyState = "No tracked changes."
+}) => {
+  const review = useTrackChanges(editor);
+  if (review.changes.length === 0) {
+    return /* @__PURE__ */ jsx11("div", { className, "data-tracked-changes-list": "", children: /* @__PURE__ */ jsx11("div", { className: "pixerate-changes-empty text-xs text-muted-foreground", children: emptyState }) });
+  }
+  return /* @__PURE__ */ jsx11("ul", { className, role: "list", "aria-label": "Tracked changes", "data-tracked-changes-list": "", children: review.changes.map((change) => {
+    const active = change.id === review.currentChangeId;
+    return /* @__PURE__ */ jsxs9(
+      "li",
+      {
+        className: active ? `${itemClassName} ${activeItemClassName}` : itemClassName,
+        "data-change-type": change.type,
+        "data-change-id": change.id,
+        children: [
+          /* @__PURE__ */ jsxs9(
+            "button",
+            {
+              type: "button",
+              className: "min-w-0 flex-1 truncate text-left text-xs",
+              title: `${change.author.name}: ${change.description}`,
+              onClick: () => review.select(change.id),
+              children: [
+                /* @__PURE__ */ jsx11("span", { className: "font-medium", children: trackedChangeLabel(change) }),
+                change.author.name ? ` \xB7 ${change.author.name}` : "",
+                /* @__PURE__ */ jsx11("span", { className: "block truncate text-muted-foreground", children: change.description })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx11("button", { type: "button", className: buttonClass3, onClick: () => review.accept(change.id), children: "Accept" }),
+          /* @__PURE__ */ jsx11("button", { type: "button", className: buttonClass3, onClick: () => review.reject(change.id), children: "Reject" })
+        ]
+      },
+      `${change.type}:${change.id}`
+    );
+  }) });
+};
+
 // src/find-replace/useFindReplace.ts
-import { useCallback as useCallback8, useMemo as useMemo11, useSyncExternalStore as useSyncExternalStore6 } from "react";
+import { useCallback as useCallback8, useMemo as useMemo12, useSyncExternalStore as useSyncExternalStore7 } from "react";
 import {
   EMPTY_FIND_REPLACE_SNAPSHOT,
   getFindReplaceStore
@@ -1634,8 +1859,8 @@ function useFindReplace(editor) {
     [store]
   );
   const getSnapshot = () => store?.getSnapshot() ?? EMPTY_FIND_REPLACE_SNAPSHOT;
-  const snapshot = useSyncExternalStore6(subscribe, getSnapshot, getSnapshot);
-  return useMemo11(() => {
+  const snapshot = useSyncExternalStore7(subscribe, getSnapshot, getSnapshot);
+  return useMemo12(() => {
     const run = (fn) => {
       if (editor && !editor.isDestroyed && store) fn(editor);
     };
@@ -1659,12 +1884,12 @@ function useFindReplace(editor) {
 }
 
 // src/find-replace/FindReplaceBar.tsx
-import { useEffect as useEffect8, useRef as useRef9, useState as useState10 } from "react";
+import { useEffect as useEffect8, useRef as useRef9, useState as useState11 } from "react";
 import { FIND_OPTION_TOGGLES, formatFindStatus } from "@pixerate/editor";
-import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 var inputClass = "min-w-0 flex-1 rounded border border-input bg-background px-2 py-1 text-xs text-foreground focus:outline-none focus:ring-1 focus:ring-ring";
-var buttonClass3 = "rounded px-2 py-1 text-xs text-foreground hover:bg-muted disabled:opacity-40 disabled:hover:bg-transparent";
-var toggleClass = (on) => `${buttonClass3} font-mono ${on ? "bg-primary/10 text-primary" : "text-muted-foreground"}`;
+var buttonClass4 = "rounded px-2 py-1 text-xs text-foreground hover:bg-muted disabled:opacity-40 disabled:hover:bg-transparent";
+var toggleClass = (on) => `${buttonClass4} font-mono ${on ? "bg-primary/10 text-primary" : "text-muted-foreground"}`;
 var isMod = (e) => e.metaKey || e.ctrlKey;
 var FindReplaceBar = ({
   editor,
@@ -1675,7 +1900,7 @@ var FindReplaceBar = ({
 }) => {
   const find = useFindReplace(editor);
   const findInput = useRef9(null);
-  const [moreOpen, setMoreOpen] = useState10(false);
+  const [moreOpen, setMoreOpen] = useState11(false);
   const visible = find.available && (alwaysOpen || find.open);
   useEffect8(() => {
     if (!visible || find.focusRequest === 0) return;
@@ -1715,20 +1940,20 @@ var FindReplaceBar = ({
     if (isMod(e)) find.replaceAll();
     else find.replace();
   };
-  return /* @__PURE__ */ jsxs8("div", { className, role: "search", "aria-label": "Find and replace", onKeyDown: onBarKeyDown, children: [
-    /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-1", children: [
-      /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsxs10("div", { className, role: "search", "aria-label": "Find and replace", onKeyDown: onBarKeyDown, children: [
+    /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsx12(
         "button",
         {
           type: "button",
-          className: buttonClass3,
+          className: buttonClass4,
           "aria-label": "Toggle replace",
           "aria-expanded": showReplace,
           onClick: () => find.show(showReplace ? "find" : "replace"),
           children: showReplace ? "\u25BE" : "\u25B8"
         }
       ),
-      /* @__PURE__ */ jsx10(
+      /* @__PURE__ */ jsx12(
         "input",
         {
           ref: findInput,
@@ -1742,7 +1967,7 @@ var FindReplaceBar = ({
           onKeyDown: onFindKeyDown
         }
       ),
-      FIND_OPTION_TOGGLES.filter((t) => !t.advanced).map((t) => /* @__PURE__ */ jsx10(
+      FIND_OPTION_TOGGLES.filter((t) => !t.advanced).map((t) => /* @__PURE__ */ jsx12(
         "button",
         {
           type: "button",
@@ -1755,7 +1980,7 @@ var FindReplaceBar = ({
         },
         t.key
       )),
-      /* @__PURE__ */ jsx10(
+      /* @__PURE__ */ jsx12(
         "span",
         {
           className: `min-w-[5rem] px-1 text-center text-xs ${find.error ? "text-destructive" : "text-muted-foreground"}`,
@@ -1765,23 +1990,23 @@ var FindReplaceBar = ({
           children: status
         }
       ),
-      /* @__PURE__ */ jsx10("button", { type: "button", className: buttonClass3, "aria-label": "Previous match", disabled: !hasMatches, onClick: find.previous, children: "\u2191" }),
-      /* @__PURE__ */ jsx10("button", { type: "button", className: buttonClass3, "aria-label": "Next match", disabled: !hasMatches, onClick: find.next, children: "\u2193" }),
-      showMoreOptions && /* @__PURE__ */ jsx10(
+      /* @__PURE__ */ jsx12("button", { type: "button", className: buttonClass4, "aria-label": "Previous match", disabled: !hasMatches, onClick: find.previous, children: "\u2191" }),
+      /* @__PURE__ */ jsx12("button", { type: "button", className: buttonClass4, "aria-label": "Next match", disabled: !hasMatches, onClick: find.next, children: "\u2193" }),
+      showMoreOptions && /* @__PURE__ */ jsx12(
         "button",
         {
           type: "button",
-          className: buttonClass3,
+          className: buttonClass4,
           "aria-label": "More options",
           "aria-expanded": moreOpen,
           onClick: () => setMoreOpen((v) => !v),
           children: "\u2026"
         }
       ),
-      /* @__PURE__ */ jsx10("button", { type: "button", className: buttonClass3, "aria-label": "Close find", onClick: close, children: "\xD7" })
+      /* @__PURE__ */ jsx12("button", { type: "button", className: buttonClass4, "aria-label": "Close find", onClick: close, children: "\xD7" })
     ] }),
-    showReplace && /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-1 pl-7", children: [
-      /* @__PURE__ */ jsx10(
+    showReplace && /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-1 pl-7", children: [
+      /* @__PURE__ */ jsx12(
         "input",
         {
           type: "text",
@@ -1793,21 +2018,21 @@ var FindReplaceBar = ({
           onKeyDown: onReplaceKeyDown
         }
       ),
-      /* @__PURE__ */ jsx10(
+      /* @__PURE__ */ jsx12(
         "button",
         {
           type: "button",
-          className: buttonClass3,
+          className: buttonClass4,
           disabled: !hasMatches || find.currentIndex < 0,
           onClick: find.replace,
           children: "Replace"
         }
       ),
-      /* @__PURE__ */ jsx10("button", { type: "button", className: buttonClass3, disabled: !hasMatches, onClick: find.replaceAll, children: "Replace all" }),
-      find.lastReplaceCount !== null && /* @__PURE__ */ jsx10("span", { className: "px-1 text-xs text-muted-foreground", "aria-live": "polite", children: find.lastReplaceCount === 1 ? "1 replaced" : `${find.lastReplaceCount} replaced` })
+      /* @__PURE__ */ jsx12("button", { type: "button", className: buttonClass4, disabled: !hasMatches, onClick: find.replaceAll, children: "Replace all" }),
+      find.lastReplaceCount !== null && /* @__PURE__ */ jsx12("span", { className: "px-1 text-xs text-muted-foreground", "aria-live": "polite", children: find.lastReplaceCount === 1 ? "1 replaced" : `${find.lastReplaceCount} replaced` })
     ] }),
-    showMoreOptions && moreOpen && /* @__PURE__ */ jsx10("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-1 pl-7 text-xs text-muted-foreground", children: FIND_OPTION_TOGGLES.filter((t) => t.advanced).map((t) => /* @__PURE__ */ jsxs8("label", { className: "flex items-center gap-1", children: [
-      /* @__PURE__ */ jsx10(
+    showMoreOptions && moreOpen && /* @__PURE__ */ jsx12("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-1 pl-7 text-xs text-muted-foreground", children: FIND_OPTION_TOGGLES.filter((t) => t.advanced).map((t) => /* @__PURE__ */ jsxs10("label", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsx12(
         "input",
         {
           type: "checkbox",
@@ -1821,6 +2046,7 @@ var FindReplaceBar = ({
 };
 export {
   AdjustmentLayersPanel,
+  AssetMentionChips,
   BubbleMenu,
   CommandPalette,
   CommentButton,
@@ -1832,19 +2058,29 @@ export {
   EditorSlotsProvider,
   FindReplaceBar,
   FormulaHints,
+  GenerationHistory,
   GenerationSettings,
   Histogram,
   HistoryManager2 as HistoryManager,
   ImageEditor,
   JobProgress,
   MergePreview,
+  NameManager,
   OutlinePanel,
   RecoveryPrompt,
+  RefineEdgePanel,
   ReviewToolbar,
+  SelectionOptionsBar,
+  SheetTabs,
+  SpreadsheetConditionalFormatPanel,
   SpreadsheetContextMenu,
+  SpreadsheetDataValidationPanel,
   SpreadsheetEditor,
   SpreadsheetGroupRow,
+  SpreadsheetValidationDialog,
+  StylesGallery,
   TemplateRenderer,
+  TrackedChangesList,
   VariableForm,
   bindDirtyToHistory2 as bindDirtyToHistory,
   createDirtyTracker,
@@ -1863,6 +2099,7 @@ export {
   useFillHandle,
   useFindReplace,
   useGenerationPlan,
+  useGenerationRecords,
   useHistory,
   useHistoryDirty,
   useHistoryShortcuts,
@@ -1872,6 +2109,7 @@ export {
   useMergePreview,
   useNavigationGuard,
   useOutline,
+  useParagraphStyles,
   usePromptEditor,
   useRegisterCommands,
   useSpreadsheetClipboard,