tinacms 3.12.1 → 3.14.0

package/dist/index.js

@@ -20,8 +20,7 @@ import { SlashInputPlugin, SlashPlugin } from "@udecode/plate-slash-command/reac
 import { TablePlugin, TableRowPlugin, useTableCellElement, TableProvider, useTableElement, useTableMergeState, useTableBordersDropdownMenuContentState, TableCellPlugin, TableCellHeaderPlugin } from "@udecode/plate-table/react";
 import { PlateElement, useReadOnly, useElement, PlateLeaf, useSelected, useFocused, useEditorRef, withRef as withRef$1, useComposedRef, useEditorPlugin, useElementSelector, withHOC, usePluginOption, useRemoveNodeButton, useEditorSelector, ParagraphPlugin, createPlatePlugin, PlateContent, PlateContainer, useEditorState, useMarkToolbarButtonState, useMarkToolbarButton, usePlateEditor, useFormInputProps, useEditorSelection, useEditorReadOnly, useOnClickOutside, useEventEditorValue, Plate } from "@udecode/plate/react";
 import { isLangSupported, formatCodeBlock, insertEmptyCodeBlock, isCodeBlockEmpty, unwrapCodeBlock, isSelectionAtCodeBlockStart } from "@udecode/plate-code-block";
-import { X, Search, ChevronDown, Check, AlertTriangle, BracesIcon, Heading6 as Heading6$1, Heading5 as Heading5$1, Heading4 as Heading4$1, Heading3 as Heading3$1, Heading2 as Heading2$1, Heading1 as Heading1$1, ChevronRight, Twitter, SunMedium, Moon, SeparatorHorizontal, Eye, Link2Off, Underline, Trash, Text, Table as Table$1, Superscript, Subscript, Strikethrough, Highlighter, Settings, RectangleHorizontal, RotateCcw, Pilcrow, Outdent, MoreHorizontal, Minus, WrapText, Keyboard, Indent, ExternalLink, Smile, Edit2, GripVertical, MessageSquarePlus, MessageSquare, Ungroup, Combine, RectangleVertical, Baseline, FileCode, PaintBucket, ChevronsUpDown, Quote, AlignRight as AlignRight$1, AlignLeft as AlignLeft$1, AlignJustify, AlignCenter as AlignCenter$1, Plus, PaintBucketIcon, CombineIcon, SquareSplitHorizontalIcon, Grid2X2Icon, Trash2Icon, ArrowUp, ArrowDown, XIcon, ArrowLeft, ArrowRight, EraserIcon, Info, CircleAlert, CircleCheck as CircleCheck$1, ChevronDownIcon as ChevronDownIcon$1, File as File$1, ChevronUp, Edit, Pencil, Clock, CalendarCheck, Calendar as Calendar$1, CalendarDays, RotateCw, ChevronLeft, WifiOff, TriangleAlert, RefreshCw, GitBranch, CircleHelp, Loader2, Lock, ArrowUpDown, GitFork, Globe, Copy, Folder as Folder$1, Clapperboard, LayoutGrid, List as List$1, CloudUpload, ArrowDownToLine, TextCursorInput, Images, AlertCircle, Image, Database, CheckCircle2, ImageOff, KeyRound, Cloud, LoaderCircle, ScrollText, RefreshCwOff, OctagonAlert, Menu, FilePlus, LogOut, FileStack, FolderOpen, History, Users, PanelLeft, Files, User, FileText, GitBranchIcon, Circle as Circle$1, ListOrdered, Grid3x3Icon, CircleX, Link, Unlink, SquarePen, Trash2, House, Unlock } from "lucide-react";
-import mermaid from "mermaid";
+import { X, Search, ChevronDown, Check, AlertTriangle, BracesIcon, Heading6 as Heading6$1, Heading5 as Heading5$1, Heading4 as Heading4$1, Heading3 as Heading3$1, Heading2 as Heading2$1, Heading1 as Heading1$1, ChevronRight, Twitter, SunMedium, Moon, SeparatorHorizontal, Eye, Link2Off, Underline, Trash, Text, Table as Table$1, Superscript, Subscript, Strikethrough, Highlighter, Settings, RectangleHorizontal, RotateCcw, Pilcrow, Outdent, MoreHorizontal, Minus, WrapText, Keyboard, Indent, ExternalLink, Smile, Edit2, GripVertical, MessageSquarePlus, MessageSquare, Ungroup, Combine, RectangleVertical, Baseline, FileCode, PaintBucket, ChevronsUpDown, Quote, AlignRight as AlignRight$1, AlignLeft as AlignLeft$1, AlignJustify, AlignCenter as AlignCenter$1, Plus, PaintBucketIcon, CombineIcon, SquareSplitHorizontalIcon, Grid2X2Icon, Trash2Icon, ArrowUp, ArrowDown, XIcon, ArrowLeft, ArrowRight, EraserIcon, Info, CircleAlert, CircleCheck as CircleCheck$1, CircleIcon, ChevronDownIcon as ChevronDownIcon$1, File as File$1, ChevronUp, Edit, Pencil, Clock, CalendarCheck, Calendar as Calendar$1, CalendarDays, RotateCw, ChevronLeft, WifiOff, TriangleAlert, RefreshCw, GitBranch, CircleHelp, Loader2, Lock, ArrowUpDown, GitFork, Globe, Copy, Folder as Folder$1, Clapperboard, LayoutGrid, List as List$1, CloudUpload, ArrowDownToLine, TextCursorInput, Images, AlertCircle, Image, Database, CheckCircle2, ImageOff, KeyRound, Cloud, LoaderCircle, ScrollText, RefreshCwOff, OctagonAlert, Menu, FilePlus, LogOut, FileStack, FolderOpen, History, Users, PanelLeft, Files, User, FileText, GitBranchIcon, Circle as Circle$1, ListOrdered, Grid3x3Icon, CircleX, Link, Unlink, SquarePen, Trash2, House, Unlock } from "lucide-react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 import { Command as Command$2 } from "cmdk";
@@ -33,7 +32,7 @@ import { useHTMLInputCursorState, useComboboxInput } from "@udecode/plate-combob
 import { useComboboxContext, Combobox as Combobox$1, useComboboxStore, ComboboxProvider, Portal, ComboboxPopover, ComboboxItem } from "@ariakit/react";
 import { filterWords } from "@udecode/plate-combobox";
 import { toggleList, unwrapList, getListItemEntry } from "@udecode/plate-list";
-import { normalizeHeadingLevels, ALL_HEADING_LEVELS, ASYNC_POLLER_ERROR, canonicalPath, ERR_BRANCH_EXISTS, ERR_BRANCH_CONFLICT, isHeadingLevel, TinaSchema, addNamespaceToSchema, parseURL, ERR_HAS_REFERENCES, ERR_ALREADY_EXISTS, isValidRelativePath, RELATIVE_PATH_ALLOWED_CHARS_MESSAGE, resolveForm, RELATIVE_PATH_REGEX, normalizePath, ERR_NOT_INDEXED, validateSchema } from "@tinacms/schema-tools";
+import { normalizeHeadingLevels, ALL_HEADING_LEVELS, MEDIA_MIME_TYPES, extensionOf, resolveMediaAccept, ASYNC_POLLER_ERROR, MEDIA_CATEGORIES, canonicalPath, ERR_BRANCH_EXISTS, ERR_BRANCH_CONFLICT, isHeadingLevel, TinaSchema, addNamespaceToSchema, parseURL, ERR_HAS_REFERENCES, ERR_ALREADY_EXISTS, isValidRelativePath, RELATIVE_PATH_ALLOWED_CHARS_MESSAGE, resolveForm, RELATIVE_PATH_REGEX, normalizePath, ERR_NOT_INDEXED, validateSchema } from "@tinacms/schema-tools";
 import { NAMER, resolveField } from "@tinacms/schema-tools";
 import { useBlockSelected, BlockSelectionPlugin } from "@udecode/plate-selection/react";
 import "@udecode/plate-dnd";
@@ -63,12 +62,12 @@ import { ExitBreakPlugin, SoftBreakPlugin } from "@udecode/plate-break/react";
 import { ResetNodePlugin } from "@udecode/plate-reset-node/react";
 import { TrailingBlockPlugin } from "@udecode/plate-trailing-block";
 import { BaseBlockquotePlugin } from "@udecode/plate-block-quote";
+import { autoformatSmartQuotes, autoformatPunctuation, autoformatLegal, autoformatArrow, autoformatMath } from "@udecode/plate-autoformat";
 import { HeadingPlugin } from "@udecode/plate-heading/react";
 import { IndentListPlugin } from "@udecode/plate-indent-list/react";
 import { NodeIdPlugin } from "@udecode/plate-node-id";
 import { offset, flip, shift, limitShift, useVirtualFloating, getSelectionBoundingClientRect } from "@udecode/plate-floating";
 import { getLinkAttributes } from "@udecode/plate-link";
-import { autoformatSmartQuotes, autoformatPunctuation, autoformatLegal, autoformatArrow, autoformatMath } from "@udecode/plate-autoformat";
 import * as yup from "yup";
 import { format as format$3, formatDistanceToNow } from "date-fns";
 import { enUS } from "date-fns/locale";
@@ -1396,20 +1395,6 @@ function CodeBlockCombobox({
     )))))
   ));
 }
-const MermaidElementWithRef = ({ config }) => {
-  const mermaidRef = useRef(null);
-  useEffect(() => {
-    if (mermaidRef.current) {
-      const renderMermaid = async () => {
-        await mermaid.run({
-          nodes: [mermaidRef.current.querySelector(".mermaid")]
-        });
-      };
-      renderMermaid();
-    }
-  }, [config]);
-  return /* @__PURE__ */ React__default.createElement("div", { contentEditable: false, className: "border-border border-b pt-10" }, /* @__PURE__ */ React__default.createElement("div", { ref: mermaidRef }, /* @__PURE__ */ React__default.createElement("pre", { className: "mermaid not-tina-prose" }, config)));
-};
 function ErrorMessage$1({ error }) {
   if (!error) return null;
   return /* @__PURE__ */ React__default.createElement(
@@ -1423,6 +1408,52 @@ function ErrorMessage$1({ error }) {
     /* @__PURE__ */ React__default.createElement("div", { className: "ml-3 flex-1" }, /* @__PURE__ */ React__default.createElement("pre", { className: "m-0 font-mono text-sm text-red-700 whitespace-pre-wrap break-words" }, error))
   );
 }
+const RENDERER_FAILED = "The diagram renderer did not load.";
+const MermaidElementWithRef = ({ config }) => {
+  const mermaidRef = useRef(null);
+  const [status, setStatus] = useState("loading");
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    let isCancelled = false;
+    setStatus("loading");
+    const render = async () => {
+      var _a;
+      try {
+        const node = (_a = mermaidRef.current) == null ? void 0 : _a.querySelector(".mermaid");
+        if (!node) throw new Error(RENDERER_FAILED);
+        const { default: mermaid } = await import("mermaid");
+        await mermaid.run({ nodes: [node] });
+        if (!isCancelled) {
+          setError(null);
+          setStatus("ready");
+        }
+      } catch (cause) {
+        if (isCancelled) {
+          return;
+        }
+        if (cause instanceof Error) {
+          setError(cause.message || RENDERER_FAILED);
+        } else {
+          setError(RENDERER_FAILED);
+        }
+        setStatus("failed");
+      }
+    };
+    render();
+    return () => {
+      isCancelled = true;
+    };
+  }, [config]);
+  return /* @__PURE__ */ React__default.createElement("div", { contentEditable: false, className: "border-border border-b pt-10" }, /* @__PURE__ */ React__default.createElement("div", { className: "relative" }, /* @__PURE__ */ React__default.createElement(
+    "div",
+    {
+      ref: mermaidRef,
+      className: status === "loading" ? "opacity-0" : void 0
+    },
+    /* @__PURE__ */ React__default.createElement("pre", { className: "mermaid not-tina-prose" }, config)
+  ), status === "loading" && /* @__PURE__ */ React__default.createElement("div", { className: "absolute inset-0 flex items-center justify-center text-sm text-muted-foreground" }, "Loading diagram…")), status === "failed" && /* @__PURE__ */ React__default.createElement(ErrorMessage$1, { error }));
+};
+const PARSE_FAILED = "An error occurred while parsing the diagram.";
 function codeLineToString(content) {
   return (content.children || []).map(
     (line) => (line.children || []).map((textNode) => textNode.text).join("")
@@ -1440,17 +1471,21 @@ const CodeBlockElement = withRef(
       let isCancelled = false;
       const validateMermaid = async () => {
         try {
+          const { default: mermaid } = await import("mermaid");
           await mermaid.parse(
             codeLineToString(element)
           );
           if (!isCancelled) {
             setCodeBlockError(null);
           }
-        } catch (err) {
-          if (!isCancelled) {
-            setCodeBlockError(
-              String(err.message) || "An error occurred while parsing the diagram."
-            );
+        } catch (cause) {
+          if (isCancelled) {
+            return;
+          }
+          if (cause instanceof Error) {
+            setCodeBlockError(cause.message || PARSE_FAILED);
+          } else {
+            setCodeBlockError(PARSE_FAILED);
           }
         }
       };
@@ -2759,7 +2794,7 @@ const DropdownMenuTrigger$1 = DropdownMenuPrimitive.Trigger;
 const DropdownMenuGroup = DropdownMenuPrimitive.Group;
 const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 const DropdownMenuSub = DropdownMenuPrimitive.Sub;
-const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+const DropdownMenuRadioGroup$1 = DropdownMenuPrimitive.RadioGroup;
 const DropdownMenuSubTrigger = withRef(({ children, className, inset, ...props }, ref) => /* @__PURE__ */ React__default.createElement(
   DropdownMenuPrimitive.SubTrigger,
   {
@@ -2818,7 +2853,7 @@ const DropdownMenuCheckboxItem = withRef(({ children, className, ...props }, ref
   /* @__PURE__ */ React__default.createElement("span", { className: "absolute left-2 flex size-3.5 items-center justify-center" }, /* @__PURE__ */ React__default.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React__default.createElement(Icons.check, { className: "size-4" }))),
   children
 ));
-const DropdownMenuRadioItem = withRef(({ children, className, hideIcon, ...props }, ref) => /* @__PURE__ */ React__default.createElement(
+const DropdownMenuRadioItem$1 = withRef(({ children, className, hideIcon, ...props }, ref) => /* @__PURE__ */ React__default.createElement(
   DropdownMenuPrimitive.RadioItem,
   {
     className: cn$1(
@@ -2842,7 +2877,7 @@ const dropdownMenuLabelVariants = cva(
     }
   }
 );
-const DropdownMenuLabel = withVariants(
+const DropdownMenuLabel$1 = withVariants(
   DropdownMenuPrimitive.Label,
   dropdownMenuLabelVariants,
   ["inset"]
@@ -4166,6 +4201,17 @@ TinaField.propTypes = {
   Component: PropTypes.any.isRequired,
   children: PropTypes.any
 };
+const isErrorNamed = (error, name2) => error instanceof Error && error.name === name2;
+class SessionExpiredError extends Error {
+  constructor() {
+    super("Your session has ended. Please sign in again.");
+    this.name = "SessionExpiredError";
+  }
+}
+const isSessionExpiredError = (error) => error instanceof SessionExpiredError || isErrorNamed(error, "SessionExpiredError");
+const dispatchSessionExpired = (events) => {
+  events.dispatch({ type: "cms:session-expired" });
+};
 const LoadingDots = ({
   dotSize = 8,
   color = "white"
@@ -4474,6 +4520,54 @@ function DropdownMenuItem({
     }
   );
 }
+function DropdownMenuRadioGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(
+    DropdownMenuPrimitive.RadioGroup,
+    {
+      "data-slot": "dropdown-menu-radio-group",
+      ...props
+    }
+  );
+}
+function DropdownMenuRadioItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(
+    DropdownMenuPrimitive.RadioItem,
+    {
+      "data-slot": "dropdown-menu-radio-item",
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    },
+    /* @__PURE__ */ React.createElement("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" }, /* @__PURE__ */ React.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React.createElement(CircleIcon, { className: "size-2 fill-current" }))),
+    children
+  );
+}
+function DropdownMenuLabel({
+  className,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(
+    DropdownMenuPrimitive.Label,
+    {
+      "data-slot": "dropdown-menu-label",
+      "data-inset": inset,
+      className: cn(
+        "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
+        className
+      ),
+      ...props
+    }
+  );
+}
 function DropdownMenuSeparator({
   className,
   ...props
@@ -5557,12 +5651,38 @@ const dropzoneAcceptFromString = (str) => {
     ...(str || DEFAULT_MEDIA_UPLOAD_TYPES).split(",").map((x) => ({ [x]: [] }))
   );
 };
-const isImage = (filename) => {
-  return /\.(gif|jpg|jpeg|tiff|png|svg|webp|avif)(\?.*)?$/i.test(filename);
-};
-const isVideo = (filename) => {
-  return /\.(mp4|webm|ogg|m4v|mov|avi|flv|mkv)(\?.*)?$/i.test(filename);
+const dropzoneAcceptFromExtensions = (extensions) => {
+  if (!extensions.length) return void 0;
+  const accept = {};
+  for (const ext of extensions) {
+    const mimeType = MEDIA_MIME_TYPES[ext];
+    accept[mimeType] ?? (accept[mimeType] = []);
+    accept[mimeType].push(`.${ext}`);
+  }
+  return accept;
 };
+const PREVIEWABLE_IMAGE_EXTENSIONS = /* @__PURE__ */ new Set([
+  "gif",
+  "jpg",
+  "jpeg",
+  "tiff",
+  "png",
+  "svg",
+  "webp",
+  "avif"
+]);
+const PREVIEWABLE_VIDEO_EXTENSIONS = /* @__PURE__ */ new Set([
+  "mp4",
+  "webm",
+  "ogg",
+  "m4v",
+  "mov",
+  "avi",
+  "flv",
+  "mkv"
+]);
+const isImage = (filename) => PREVIEWABLE_IMAGE_EXTENSIONS.has(extensionOf(filename ?? ""));
+const isVideo = (filename) => PREVIEWABLE_VIDEO_EXTENSIONS.has(extensionOf(filename ?? ""));
 const absoluteImgURL = (str) => {
   if (str.startsWith("http")) return str;
   return `${window.location.origin}${str}`;
@@ -5624,12 +5744,13 @@ const StyledImage = ({ src }) => {
 const StyledFile = ({ src }) => {
   return /* @__PURE__ */ React.createElement("div", { className: "max-w-full w-full flex-1 flex justify-start items-center gap-3" }, /* @__PURE__ */ React.createElement("div", { className: "w-12 h-12 bg-white shadow border border-gray-100 rounded flex justify-center flex-none" }, /* @__PURE__ */ React.createElement(File$1, { className: "w-3/5 h-full text-gray-300" })), /* @__PURE__ */ React.createElement("span", { className: "text-base text-left flex-1 text-gray-500 w-full break-words truncate" }, src));
 };
-const ImageUpload = React.forwardRef(({ onDrop, onClear, onClick, value, src, loading }, ref) => {
+const ImageUpload = React.forwardRef(({ onDrop, onClear, onClick, value, src, loading, accept }, ref) => {
   const cms = useCMS();
   const { getRootProps, getInputProps } = useDropzone$1({
-    accept: dropzoneAcceptFromString(
-      cms.media.accept || DEFAULT_MEDIA_UPLOAD_TYPES
-    ),
+    // A field's `accept` overrides the global `media.accept`, so a file the
+    // field would refuse is rejected here rather than uploaded and then
+    // discarded by the insert guard.
+    accept: dropzoneAcceptFromExtensions(resolveMediaAccept(accept)) ?? dropzoneAcceptFromString(cms.media.accept || DEFAULT_MEDIA_UPLOAD_TYPES),
     onDrop,
     noClick: !!onClick
   });
@@ -7349,6 +7470,16 @@ const ImageField = wrapFieldsWithMeta(
       var _a, _b;
       if (media) {
         const item = Array.isArray(media) ? media[0] : media;
+        const allowed = resolveMediaAccept(
+          props.field.accept
+        );
+        const ext = extensionOf(item.filename) || extensionOf(item.src ?? "");
+        if (allowed.length && !allowed.includes(ext)) {
+          cms.alerts.error(
+            `${item.filename} is not an accepted file type. This field accepts ${allowed.join(", ")}.`
+          );
+          return;
+        }
         const parsedValue = typeof ((_b = (_a = cms == null ? void 0 : cms.media) == null ? void 0 : _a.store) == null ? void 0 : _b.parse) === "function" ? cms.media.store.parse(item) : item.src || item;
         props.input.onChange(parsedValue);
       }
@@ -7361,12 +7492,14 @@ const ImageField = wrapFieldsWithMeta(
         value,
         src,
         loading: isImgUploading,
+        accept: props.field.accept,
         onClick: () => {
           const directory = uploadDir(props.form.getState().values);
           cms.media.open({
             allowDelete: true,
             directory,
-            onSelect: onChange
+            onSelect: onChange,
+            accept: props.field.accept
           });
         },
         onDrop: async ([file], fileRejections) => {
@@ -9938,9 +10071,21 @@ let Alerts$1 = class Alerts {
         this.add(level, message, timeout);
       }
     });
+    /**
+     * While suppressed (the window between a session expiring and the user
+     * signing back in), new alerts are dropped so nothing paints over the
+     * login modal. Alerts already showing are left alone.
+     */
+    __publicField(this, "suppressed", false);
     this.events = events;
     this.map = map;
     this.events.subscribe("*", this.mapEventToAlert);
+    this.events.subscribe("cms:session-expired", () => {
+      this.suppressed = true;
+    });
+    this.events.subscribe("cms:login", () => {
+      this.suppressed = false;
+    });
   }
   setMap(eventsToAlerts) {
     this.map = {
@@ -9949,6 +10094,10 @@ let Alerts$1 = class Alerts {
     };
   }
   add(level, message, timeout = 4e3) {
+    if (this.suppressed) {
+      return () => {
+      };
+    }
     const alert = {
       level,
       message,
@@ -9989,219 +10138,6 @@ let Alerts$1 = class Alerts {
     return this.add("error", message, timeout);
   }
 };
-class PluginTypeManager {
-  constructor(events) {
-    /**
-     * @ignore
-     */
-    __publicField(this, "plugins", {});
-    this.events = events;
-  }
-  /**
-   * Gets the [[PluginType|collection of plugins]] for the given type.
-   *
-   * #### Example: Basic Usage
-   *
-   * ```ts
-   * const colorPlugins = cms.plugins.get("color")
-   * ```
-   *
-   * #### Example: Advanced Types
-   *
-   * A type param can be added to specify the kind of Plugin
-   * that is being listed.
-   *
-   * ```ts
-   * const colorPlugins = cms.plugins.get<ColorPlugin>("color")
-   * ```
-   *
-   * @param type The type of plugins to be retrieved
-   * @typeparam P A subclass of Plugin. Optional.
-   */
-  getType(type2) {
-    return this.plugins[type2] = this.plugins[type2] || new PluginType(type2, this.events);
-  }
-  /**
-   * An alias to [[get]]
-   *
-   * ### !DEPRECATED!
-   *
-   * This name is unnecessarily verbose and weird.
-   */
-  findOrCreateMap(type2) {
-    return this.getType(type2);
-  }
-  /**
-   * Adds a Plugin to the CMS.
-   *
-   * #### Example: Basic Usage
-   *
-   * ```js
-   * cms.plugins.add({ __type: "color", name: "red" })
-   * ```
-   *
-   * #### Example: Advanced Types
-   *
-   * ```ts
-   * interface ColorPlugin extends Plugin {
-   *   __type: "color"
-   *   hex: string
-   *   rgb: string
-   * }
-   *
-   * cms.plugins.add<ColorPlugin>({
-   *   __type: "color",
-   *   name: "red",
-   *   hex: "#FF0000",
-   *   rgb: "RGBA(255, 0, 0, 1)"
-   * })
-   * ```
-   *
-   * @typeparam P A subclass of Plugin. Optional.
-   * @param plugin
-   * @todo Consider returning the plugin which was just added.
-   */
-  add(plugin) {
-    this.findOrCreateMap(plugin.__type).add(plugin);
-  }
-  /**
-   * Removes the given plugin from the CMS.
-   *
-   * #### Example
-   *
-   * In this example a plugin is added to the CMS and removed
-   * 5 seconds later.
-   *
-   * ```ts
-   * const redPlugin = {
-   *   __type: "color",
-   *   name: "red",
-   *   hex: "#FF0000",
-   *   rgb: "RGBA(255, 0, 0, 1)"
-   * }
-   *
-   * cms.plugins.add(redPlugin)
-   *
-   * setTimeout(() => {
-   *   cms.plugins.remove(redPlugin)
-   * }, 5000)
-   * ```
-   *
-   * @typeparam P A subclass of Plugin. Optional.
-   * @param plugin The plugin to be removed from the CMS.
-   */
-  remove(plugin) {
-    this.findOrCreateMap(plugin.__type).remove(plugin);
-  }
-  /**
-   * Returns a list of all the plugins of the given type.
-   *
-   * #### Example: Basic Usage
-   *
-   * ```ts
-   * cms.plugins.all("color").forEach(color => {
-   *   console.log(color.name)
-   * })
-   * ```
-   *
-   * #### Example: Advanced Types
-   *
-   * A generic can be added to specify the type of plugins
-   * that are being retrieved.
-   *
-   * ```ts
-   * cms.plugins.all<ColorPlugin>("color").forEach(color => {
-   *   console.log(color.name, color.hex)
-   * })
-   * ```
-   *
-   * @typeparam P A subclass of Plugin. Optional.
-   * @param type The name of the plugin
-   * @returns An array of all plugins of the given type.
-   */
-  all(type2) {
-    return this.findOrCreateMap(type2).all();
-  }
-}
-class PluginType {
-  /**
-   *
-   * @param __type The `__type` of plugin being managed.
-   */
-  constructor(__type, events) {
-    /**
-     * @ignore
-     */
-    __publicField(this, "__plugins", {});
-    this.__type = __type;
-    this.events = events;
-  }
-  /**
-   * Adds a new plugin to the collection.
-   *
-   * ### Example
-   *
-   * ```ts
-   * interface ColorPlugin extends Plugin {
-   *   hex: string
-   * }
-   *
-   * const colorPlugins = new PluginType<ColorPlugin>("color")
-   *
-   * colorPlugins.add({ name: "red", hex: "#f00" })
-   * ```
-   *
-   * @param plugin A new plugin. The `__type` is optional and will be added if it's missing.
-   */
-  add(plugin) {
-    const p = plugin;
-    if (!p.__type) {
-      p.__type = this.__type;
-    }
-    this.__plugins[p.name] = p;
-    this.events.dispatch({ type: `plugin:add:${this.__type}` });
-  }
-  all() {
-    return Object.keys(this.__plugins).map((name2) => this.__plugins[name2]);
-  }
-  /**
-   *
-   * Looks up a plugin by it's `name`.
-   *
-   * ### Example
-   *
-   * ```ts
-   * const colorPlugins = new PluginType<ColorPlugin>("color")
-   *
-   * colorPlugins.add({ name: "red", hex: "#f00" })
-   *
-   * colorPlugins.find("red")  // { __type: "color", name: "red", hex: "#f00" }
-   * colorPlugin.find("large") // undefined
-   * ```
-   *
-   * @param name The `name` of the plugin to be retrieved.
-   */
-  find(name2) {
-    return this.__plugins[name2];
-  }
-  /**
-   * Pass this function a plugin or the `name` of a plugin to have
-   * it be removed from the CMS.
-   *
-   * @param pluginOrName The `name` of a plugin, or the plugin itself.
-   * @returns The plugin that was removed, or `undefined` if it was not found.
-   */
-  remove(pluginOrName) {
-    const name2 = typeof pluginOrName === "string" ? pluginOrName : pluginOrName.name;
-    const plugin = this.__plugins[name2];
-    delete this.__plugins[name2];
-    this.events.dispatch({ type: `plugin:remove:${this.__type}` });
-    return plugin;
-  }
-  subscribe(cb) {
-    return this.events.subscribe(`plugin:*:${this.__type}`, cb);
-  }
-}
 class EventBus {
   constructor() {
     __publicField(this, "listeners", /* @__PURE__ */ new Set());
@@ -10280,6 +10216,19 @@ class Listener {
     return !ignoresEvent;
   }
 }
+class Flags {
+  constructor(events) {
+    __publicField(this, "_flags", /* @__PURE__ */ new Map());
+    this.events = events;
+  }
+  get(key) {
+    return this._flags.get(key);
+  }
+  set(key, value) {
+    this._flags.set(key, value);
+    this.events.dispatch({ type: "flag:set", key, value });
+  }
+}
 const EDITORIAL_WORKFLOW_STATUS = {
   QUEUED: "queued",
   PROCESSING: "processing",
@@ -10367,6 +10316,26 @@ const MEDIA_WORKFLOW_STATUS_TO_STEP = {
   [EDITORIAL_WORKFLOW_STATUS.COMPLETE]: MEDIA_WORKFLOW_STEP.COMPLETE
 };
 const s3ErrorRegex = /<Error>.*<Code>(.+)<\/Code>.*<Message>(.+)<\/Message>.*/;
+const CANONICAL_THUMBNAIL_SIZES = [
+  { w: 75, h: 75 },
+  { w: 400, h: 400 },
+  { w: 1e3, h: 1e3 }
+];
+const RENAME_ERROR_CODES = [
+  "NOT_FOUND",
+  "NAME_COLLISION",
+  "INVALID_FILENAME",
+  "INVALID_PATH",
+  "UNAUTHORIZED",
+  "UNSUPPORTED",
+  "BACKEND_FAILURE"
+];
+class MediaRenameCancelled extends Error {
+  constructor() {
+    super("Media rename cancelled.");
+    __publicField(this, "ERR_TYPE", "MediaRenameCancelled");
+  }
+}
 class DummyMediaStore {
   constructor() {
     __publicField(this, "accept", "*");
@@ -10408,10 +10377,9 @@ class TinaMediaStore {
     __publicField(this, "workflowBranchOverride");
     __publicField(this, "mediaWorkflowInProgress", false);
     /**
-     * Renaming is only implemented against the local dev server. This is an
-     * instance property rather than a prototype method on purpose: the media
+     * An instance property rather than a prototype method on purpose: the media
      * manager decides whether to offer the action by checking whether the store
-     * defines `rename`, so a cloud-backed instance must not carry one — a
+     * defines `rename`, so an instance that cannot rename must not carry one — a
      * prototype method would advertise support everywhere and surface an action
      * that always fails.
      */
@@ -10429,8 +10397,8 @@ class TinaMediaStore {
       this.isStatic = true;
       this.staticMedia = staticMedia;
     }
-    if (!this.isStatic && ((_b = (_a = cms == null ? void 0 : cms.api) == null ? void 0 : _a.tina) == null ? void 0 : _b.isLocalMode)) {
-      this.rename = (from, to2) => this.rename_local(from, to2);
+    if (!this.isStatic && !this.isUnsupportedSelfHostedRepoMedia()) {
+      this.rename = ((_b = (_a = cms == null ? void 0 : cms.api) == null ? void 0 : _a.tina) == null ? void 0 : _b.isLocalMode) ? (from, to2) => this.rename_local(from, to2) : (from, to2) => this.rename_cloud(from, to2);
     }
   }
   /**
@@ -10476,27 +10444,29 @@ class TinaMediaStore {
     return await this.api.authProvider.isAuthenticated();
   }
   /**
-   * Returns the workflow branch override or current branch as a single-encoded
-   * query-param value, or an empty string when no branch is set.
-   *
-   * `this.api.branch` is already URL-encoded by `Client.setBranch()`, so we
-   * decode then re-encode here to defend against double-encoding when this
-   * value is concatenated into a URL.
-   *
-   * `Client.setBranch()` runs the constructor's `options.branch` through
-   * `encodeURIComponent` without a guard, so an unset `options.branch`
-   * lands here as the literal string `"undefined"`. We treat that and the
-   * empty case as no-branch so we don't send `?branch=undefined` to the
-   * assets-api (which would route the call to a non-existent staging path).
+   * The v2 cloud endpoint and the local dev server both filter by `ext` before
+   * paginating. `staticMedia` is a build-time snapshot with no such pass, and
+   * filtering a page client-side would leave a near-empty grid while matches
+   * sit further down — so a static store reports no support and the control
+   * stays hidden, the same way `searchable` is gated.
    */
-  encodedBranchParam() {
-    if (this.workflowBranchOverride) {
-      return encodeURIComponent(this.workflowBranchOverride);
-    }
+  get extensionFilterable() {
+    return !this.isStatic;
+  }
+  /**
+   * `Client.setBranch()` encodes an unset branch to the literal `"undefined"`,
+   * which the assets API would read as a real (non-existent) staging path.
+   */
+  currentBranch() {
+    if (this.workflowBranchOverride) return this.workflowBranchOverride;
     if (!this.api.branch) return "";
     const decoded = decodeURIComponent(this.api.branch);
-    if (!decoded || decoded === "undefined") return "";
-    return encodeURIComponent(decoded);
+    return decoded === "undefined" ? "" : decoded;
+  }
+  /** `this.api.branch` arrives encoded, so encode the decoded name once here. */
+  encodedBranchParam() {
+    const branch = this.currentBranch();
+    return branch ? encodeURIComponent(branch) : "";
   }
   shortStableHash(input) {
     let hash = 2166136261;
@@ -10534,7 +10504,7 @@ class TinaMediaStore {
     const encodedBranch = this.encodedBranchParam();
     return encodedBranch ? `?branch=${encodedBranch}` : "";
   }
-  requestMediaBranchChoice(branchName, baseBranch, opType, repoPath) {
+  requestMediaBranchChoice(branchName, baseBranch, request) {
     if (!this.cms.events.hasExplicitListenerFor("media:workflow:confirm-branch")) {
       throw new Error(
         "Cannot start a media editorial workflow: no branch prompt is mounted. Ensure <MediaWorkflowOverlay /> is rendered (TinaCloudProvider mounts it automatically)."
@@ -10545,12 +10515,13 @@ class TinaMediaStore {
         type: "media:workflow:confirm-branch",
         branchName,
         baseBranch,
+        // A rename on a protected branch can only go through the workflow.
+        allowSaveToProtectedBranch: request.opType !== "rename",
         onConfirm: async (selectedBranchName) => {
           const context = await this.prepareMediaBranch(
             selectedBranchName,
             baseBranch,
-            opType,
-            repoPath
+            request
           );
           resolve({
             kind: "workflow",
@@ -10562,7 +10533,7 @@ class TinaMediaStore {
       });
     });
   }
-  async prepareMediaBranch(branchName, baseBranch, opType, repoPath) {
+  async prepareMediaBranch(branchName, baseBranch, request) {
     if (this.mediaWorkflowInProgress) {
       throw new Error("A media workflow is already in progress.");
     }
@@ -10577,8 +10548,9 @@ class TinaMediaStore {
         branchName,
         baseBranch,
         prTitle: getEditorialWorkflowPrTitle(branchName),
-        operation: opType,
-        repoPath
+        operation: request.opType,
+        repoPath: request.repoPath,
+        targetRepoPath: request.targetRepoPath
       });
       const branchContext = {
         branchName: workflow.branchName || branchName,
@@ -10654,12 +10626,10 @@ class TinaMediaStore {
     const branchName = `media-${opType}-${mediaSlug}`;
     const repoFilename = opType === "upload" && filename ? sanitizeFilename(filename) : filename;
     const repoPath = this.joinMediaPath(directory, repoFilename);
-    return this.requestMediaBranchChoice(
-      branchName,
-      baseBranch,
+    return this.requestMediaBranchChoice(branchName, baseBranch, {
       opType,
       repoPath
-    );
+    });
   }
   async waitForRequestStatus(requestId, timeoutMessage) {
     const startTime = Date.now();
@@ -10923,6 +10893,160 @@ class TinaMediaStore {
       lastSlash === -1 ? to2 : to2.slice(lastSlash + 1)
     );
   }
+  /**
+   * `from`/`to` are media-root-relative `directory/filename` paths. `to` is
+   * already sanitised by `previewRename` and is passed through untouched.
+   */
+  async rename_cloud(from, to2) {
+    this.setup();
+    if (!await this.isAuthenticated()) {
+      throw new MediaRenameError({
+        code: "UNAUTHORIZED",
+        message: "You don't have permission to rename this file."
+      });
+    }
+    const decision = await this.prepareRenameBranch(from, to2);
+    if (decision.kind === "cancelled") {
+      throw new MediaRenameCancelled();
+    }
+    if (decision.kind === "workflow") {
+      return this.renameCloudViaWorkflow(from, to2, decision.context);
+    }
+    return this.renameCloudDirect(from, to2);
+  }
+  /** `currentBranch()` is the workflow branch while one is active. */
+  async postCloudRename(from, to2) {
+    const branch = this.currentBranch() || void 0;
+    const res = await this.api.authProvider.fetchWithToken(
+      `${this.url}/rename`,
+      {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ from, to: to2, branch })
+      }
+    );
+    const body = await res.json().catch(() => null);
+    if (res.status !== 200 || (body == null ? void 0 : body.success) !== true) {
+      throw this.toCloudRenameError(res.status, body);
+    }
+    return body;
+  }
+  async renameCloudDirect(from, to2) {
+    const result = await this.postCloudRename(from, to2);
+    if (result.requestId) {
+      try {
+        await this.waitForRequestStatus(
+          result.requestId,
+          "Time out waiting for rename to complete"
+        );
+      } catch (error) {
+        const detail = error instanceof Error && error.message ? `${error.message}. ` : "Failed to confirm the rename. ";
+        throw new MediaRenameError({
+          code: "BACKEND_FAILURE",
+          message: `${detail}The file may still have been renamed — refresh the media library to check.`
+        });
+      }
+    }
+    return this.resolveRenamedMedia(result.path || to2, result.src);
+  }
+  /**
+   * Completion is the workflow status, not the rename request status: only the
+   * former waits for the branch, the media index and the pull request.
+   */
+  async renameCloudViaWorkflow(from, to2, branchContext) {
+    let renamed;
+    try {
+      const result = await this.postCloudRename(from, to2);
+      await this.finalizeMediaWorkflow(branchContext, async () => {
+        renamed = await this.resolveRenamedMedia(result.path || to2, result.src);
+      });
+    } catch (err) {
+      this.resetWorkflowState();
+      this.cms.events.dispatch({ type: "media:workflow:finish" });
+      throw err;
+    }
+    if (!renamed) {
+      throw new MediaRenameError({
+        code: "BACKEND_FAILURE",
+        message: "The rename was staged but the branch workflow did not complete. Check the branch in TinaCloud before trying again."
+      });
+    }
+    return renamed;
+  }
+  async prepareRenameBranch(from, to2) {
+    if (!this.api.usingProtectedBranch()) return { kind: "direct" };
+    const baseBranch = decodeURIComponent(this.api.branch || "");
+    const { directory, filename } = this.splitMediaPath(from);
+    const branchName = `media-rename-${this.branchSlugForMediaPath(
+      directory,
+      filename
+    )}`;
+    return this.requestMediaBranchChoice(branchName, baseBranch, {
+      opType: "rename",
+      repoPath: from,
+      targetRepoPath: to2
+    });
+  }
+  splitMediaPath(path) {
+    const lastSlash = path.lastIndexOf("/");
+    return lastSlash === -1 ? { directory: "", filename: path } : {
+      directory: path.slice(0, lastSlash),
+      filename: path.slice(lastSlash + 1)
+    };
+  }
+  /**
+   * The listing is the source of truth for `src` (staging path, per-stage CDN
+   * host) and thumbnails; the rename response is the fallback when the entry
+   * isn't on the first page.
+   */
+  async resolveRenamedMedia(targetPath, srcFromResponse) {
+    const { directory, filename } = this.splitMediaPath(targetPath);
+    try {
+      const listed = await this.list({
+        directory,
+        limit: 100,
+        thumbnailSizes: CANONICAL_THUMBNAIL_SIZES
+      });
+      const entry = listed.items.find(
+        (item) => item.type === "file" && item.filename === filename
+      );
+      if (entry) return entry;
+    } catch (error) {
+      console.error("Failed to fetch the canonical media entry:", error);
+    }
+    const src = srcFromResponse || "";
+    return {
+      type: "file",
+      id: filename,
+      filename,
+      directory,
+      src,
+      thumbnails: CANONICAL_THUMBNAIL_SIZES.reduce(
+        (acc, size) => {
+          acc[`${size.w}x${size.h}`] = this.genThumbnail(src, size);
+          return acc;
+        },
+        {}
+      )
+    };
+  }
+  toCloudRenameError(status, body) {
+    const message = typeof (body == null ? void 0 : body.message) === "string" && body.message ? body.message : "Failed to rename the file.";
+    if (RENAME_ERROR_CODES.includes(body == null ? void 0 : body.code)) {
+      return new MediaRenameError({ code: body.code, message });
+    }
+    let code;
+    if (status === 401 || status === 403) {
+      code = "UNAUTHORIZED";
+    } else if (status === 404) {
+      code = "NOT_FOUND";
+    } else if (status === 409) {
+      code = "NAME_COLLISION";
+    } else {
+      code = "BACKEND_FAILURE";
+    }
+    return new MediaRenameError({ code, message });
+  }
   toRenameError(status, body) {
     if (body == null ? void 0 : body.code) {
       return new MediaRenameError({
@@ -10950,6 +11074,7 @@ class TinaMediaStore {
     return !this.isLocal ? `${src}?fit=crop&max-w=${dimensions.w}&max-h=${dimensions.h}` : src;
   }
   async list(options) {
+    var _a, _b;
     this.setup();
     if (this.staticMedia) {
       const offset2 = options.offset || 0;
@@ -10981,13 +11106,16 @@ class TinaMediaStore {
           nextOffset: hasMore2 ? Number(offset2) + 20 : null
         };
       }
-      return { items: media, nextOffset: hasMore ? Number(offset2) + 20 : null };
+      return {
+        items: media,
+        nextOffset: hasMore ? Number(offset2) + 20 : null
+      };
     }
     let res;
     if (!this.isLocal) {
       const encodedBranch = this.encodedBranchParam();
       res = await this.api.authProvider.fetchWithToken(
-        `${this.listUrl}/list/${options.directory || ""}?limit=${options.limit || 20}${options.offset ? `&cursor=${options.offset}` : ""}${encodedBranch ? `&branch=${encodedBranch}` : ""}${options.search ? `&search=${encodeURIComponent(options.search)}` : ""}`
+        `${this.listUrl}/list/${options.directory || ""}?limit=${options.limit || 20}${options.offset ? `&cursor=${encodeURIComponent(options.offset)}` : ""}${encodedBranch ? `&branch=${encodedBranch}` : ""}${options.search ? `&search=${encodeURIComponent(options.search)}` : ""}${((_a = options.ext) == null ? void 0 : _a.length) ? `&ext=${encodeURIComponent(options.ext.join(","))}` : ""}`
       );
       if (res.status == 401) {
         throw E_UNAUTHORIZED;
@@ -10997,7 +11125,7 @@ class TinaMediaStore {
       }
     } else {
       res = await this.fetchFunction(
-        `${this.url}/list/${options.directory || ""}?limit=${options.limit || 20}${options.offset ? `&cursor=${options.offset}` : ""}${options.search ? `&search=${encodeURIComponent(options.search)}` : ""}`
+        `${this.url}/list/${options.directory || ""}?limit=${options.limit || 20}${options.offset ? `&cursor=${encodeURIComponent(options.offset)}` : ""}${options.search ? `&search=${encodeURIComponent(options.search)}` : ""}${((_b = options.ext) == null ? void 0 : _b.length) ? `&ext=${encodeURIComponent(options.ext.join(","))}` : ""}`
       );
       if (res.status == 404) {
         throw E_BAD_ROUTE;
@@ -11242,17 +11370,217 @@ const E_SELF_HOSTED_MEDIA = new MediaListError({
   message: "Self-hosted TinaCMS can't serve media from your repo through TinaCloud. Configure an external media store (e.g. S3, Cloudinary, DigitalOcean Spaces, or Azure) with media.loadCustomStore, or add media to your repo manually.",
   docsLink: "https://tina.io/docs/r/backend-media-handler/"
 });
-class Flags {
+class PluginTypeManager {
   constructor(events) {
-    __publicField(this, "_flags", /* @__PURE__ */ new Map());
+    /**
+     * @ignore
+     */
+    __publicField(this, "plugins", {});
     this.events = events;
   }
-  get(key) {
-    return this._flags.get(key);
+  /**
+   * Gets the [[PluginType|collection of plugins]] for the given type.
+   *
+   * #### Example: Basic Usage
+   *
+   * ```ts
+   * const colorPlugins = cms.plugins.get("color")
+   * ```
+   *
+   * #### Example: Advanced Types
+   *
+   * A type param can be added to specify the kind of Plugin
+   * that is being listed.
+   *
+   * ```ts
+   * const colorPlugins = cms.plugins.get<ColorPlugin>("color")
+   * ```
+   *
+   * @param type The type of plugins to be retrieved
+   * @typeparam P A subclass of Plugin. Optional.
+   */
+  getType(type2) {
+    return this.plugins[type2] = this.plugins[type2] || new PluginType(type2, this.events);
   }
-  set(key, value) {
-    this._flags.set(key, value);
-    this.events.dispatch({ type: "flag:set", key, value });
+  /**
+   * An alias to [[get]]
+   *
+   * ### !DEPRECATED!
+   *
+   * This name is unnecessarily verbose and weird.
+   */
+  findOrCreateMap(type2) {
+    return this.getType(type2);
+  }
+  /**
+   * Adds a Plugin to the CMS.
+   *
+   * #### Example: Basic Usage
+   *
+   * ```js
+   * cms.plugins.add({ __type: "color", name: "red" })
+   * ```
+   *
+   * #### Example: Advanced Types
+   *
+   * ```ts
+   * interface ColorPlugin extends Plugin {
+   *   __type: "color"
+   *   hex: string
+   *   rgb: string
+   * }
+   *
+   * cms.plugins.add<ColorPlugin>({
+   *   __type: "color",
+   *   name: "red",
+   *   hex: "#FF0000",
+   *   rgb: "RGBA(255, 0, 0, 1)"
+   * })
+   * ```
+   *
+   * @typeparam P A subclass of Plugin. Optional.
+   * @param plugin
+   * @todo Consider returning the plugin which was just added.
+   */
+  add(plugin) {
+    this.findOrCreateMap(plugin.__type).add(plugin);
+  }
+  /**
+   * Removes the given plugin from the CMS.
+   *
+   * #### Example
+   *
+   * In this example a plugin is added to the CMS and removed
+   * 5 seconds later.
+   *
+   * ```ts
+   * const redPlugin = {
+   *   __type: "color",
+   *   name: "red",
+   *   hex: "#FF0000",
+   *   rgb: "RGBA(255, 0, 0, 1)"
+   * }
+   *
+   * cms.plugins.add(redPlugin)
+   *
+   * setTimeout(() => {
+   *   cms.plugins.remove(redPlugin)
+   * }, 5000)
+   * ```
+   *
+   * @typeparam P A subclass of Plugin. Optional.
+   * @param plugin The plugin to be removed from the CMS.
+   */
+  remove(plugin) {
+    this.findOrCreateMap(plugin.__type).remove(plugin);
+  }
+  /**
+   * Returns a list of all the plugins of the given type.
+   *
+   * #### Example: Basic Usage
+   *
+   * ```ts
+   * cms.plugins.all("color").forEach(color => {
+   *   console.log(color.name)
+   * })
+   * ```
+   *
+   * #### Example: Advanced Types
+   *
+   * A generic can be added to specify the type of plugins
+   * that are being retrieved.
+   *
+   * ```ts
+   * cms.plugins.all<ColorPlugin>("color").forEach(color => {
+   *   console.log(color.name, color.hex)
+   * })
+   * ```
+   *
+   * @typeparam P A subclass of Plugin. Optional.
+   * @param type The name of the plugin
+   * @returns An array of all plugins of the given type.
+   */
+  all(type2) {
+    return this.findOrCreateMap(type2).all();
+  }
+}
+class PluginType {
+  /**
+   *
+   * @param __type The `__type` of plugin being managed.
+   */
+  constructor(__type, events) {
+    /**
+     * @ignore
+     */
+    __publicField(this, "__plugins", {});
+    this.__type = __type;
+    this.events = events;
+  }
+  /**
+   * Adds a new plugin to the collection.
+   *
+   * ### Example
+   *
+   * ```ts
+   * interface ColorPlugin extends Plugin {
+   *   hex: string
+   * }
+   *
+   * const colorPlugins = new PluginType<ColorPlugin>("color")
+   *
+   * colorPlugins.add({ name: "red", hex: "#f00" })
+   * ```
+   *
+   * @param plugin A new plugin. The `__type` is optional and will be added if it's missing.
+   */
+  add(plugin) {
+    const p = plugin;
+    if (!p.__type) {
+      p.__type = this.__type;
+    }
+    this.__plugins[p.name] = p;
+    this.events.dispatch({ type: `plugin:add:${this.__type}` });
+  }
+  all() {
+    return Object.keys(this.__plugins).map((name2) => this.__plugins[name2]);
+  }
+  /**
+   *
+   * Looks up a plugin by it's `name`.
+   *
+   * ### Example
+   *
+   * ```ts
+   * const colorPlugins = new PluginType<ColorPlugin>("color")
+   *
+   * colorPlugins.add({ name: "red", hex: "#f00" })
+   *
+   * colorPlugins.find("red")  // { __type: "color", name: "red", hex: "#f00" }
+   * colorPlugin.find("large") // undefined
+   * ```
+   *
+   * @param name The `name` of the plugin to be retrieved.
+   */
+  find(name2) {
+    return this.__plugins[name2];
+  }
+  /**
+   * Pass this function a plugin or the `name` of a plugin to have
+   * it be removed from the CMS.
+   *
+   * @param pluginOrName The `name` of a plugin, or the plugin itself.
+   * @returns The plugin that was removed, or `undefined` if it was not found.
+   */
+  remove(pluginOrName) {
+    const name2 = typeof pluginOrName === "string" ? pluginOrName : pluginOrName.name;
+    const plugin = this.__plugins[name2];
+    delete this.__plugins[name2];
+    this.events.dispatch({ type: `plugin:remove:${this.__type}` });
+    return plugin;
+  }
+  subscribe(cb) {
+    return this.events.subscribe(`plugin:*:${this.__type}`, cb);
   }
 }
 const _CMS = class _CMS {
@@ -11365,14 +11693,28 @@ const _CMS = class _CMS {
       this.unsubscribeHooks[name2]();
     }
     if (api.events instanceof EventBus) {
-      const unsubscribeHost = api.events.subscribe(
-        "*",
-        this.events.dispatch
-      );
-      const unsubscribeGuest = this.events.subscribe(
-        "*",
-        (e) => api.events.dispatch(e)
-      );
+      let forwardingToCms = null;
+      let forwardingToApi = null;
+      const unsubscribeHost = api.events.subscribe("*", (e) => {
+        if (e === forwardingToApi) return;
+        const previous = forwardingToCms;
+        forwardingToCms = e;
+        try {
+          this.events.dispatch(e);
+        } finally {
+          forwardingToCms = previous;
+        }
+      });
+      const unsubscribeGuest = this.events.subscribe("*", (e) => {
+        if (e === forwardingToCms) return;
+        const previous = forwardingToApi;
+        forwardingToApi = e;
+        try {
+          api.events.dispatch(e);
+        } finally {
+          forwardingToApi = previous;
+        }
+      });
       this.unsubscribeHooks[name2] = () => {
         unsubscribeHost();
         unsubscribeGuest();
@@ -11715,6 +12057,10 @@ const RenameModal$1 = ({
           await renameFunc(sanitized);
           close2();
         } catch (e) {
+          if ((e == null ? void 0 : e.ERR_TYPE) === "MediaRenameCancelled") {
+            close2();
+            return;
+          }
           setError(renameErrorMessage(e, sanitized));
           setProcessing(false);
         }
@@ -11824,6 +12170,7 @@ function MediaPicker({
   allowDelete,
   onSelect,
   close: close2,
+  accept: fieldAccept,
   ...props
 }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
@@ -11860,6 +12207,7 @@ function MediaPicker({
   const [mediaFilter, setMediaFilter] = useState(
     "all"
   );
+  const [typeFilter, setTypeFilter] = useState("all");
   const [offsetHistory, setOffsetHistory] = useState([]);
   const offset2 = offsetHistory[offsetHistory.length - 1];
   const resetOffset = () => setOffsetHistory([]);
@@ -11872,8 +12220,25 @@ function MediaPicker({
     resetList();
     setActiveItem(false);
   };
+  const changeTypeFilter = (next) => {
+    if (next === typeFilter) return;
+    setTypeFilter(next);
+    setLoadFolders(true);
+    resetOffset();
+    resetList();
+    setActiveItem(false);
+  };
   const listRequestRef = useRef(0);
   const newMediaSrcsRef = useRef(/* @__PURE__ */ new Set());
+  const fieldExtensions = React__default.useMemo(
+    () => resolveMediaAccept(fieldAccept),
+    [fieldAccept]
+  );
+  const acceptedExtensions = React__default.useMemo(() => {
+    if (!cms.media.store.extensionFilterable) return [];
+    if (fieldExtensions.length) return fieldExtensions;
+    return typeFilter === "all" ? [] : resolveMediaAccept(typeFilter);
+  }, [fieldExtensions, typeFilter, cms.media.store.extensionFilterable]);
   async function loadMedia(loadFolders2 = true) {
     const requestId = ++listRequestRef.current;
     setListState("loading");
@@ -11888,7 +12253,8 @@ function MediaPicker({
           { w: 1e3, h: 1e3 }
         ],
         filesOnly: !loadFolders2,
-        search: debouncedSearch || void 0
+        search: debouncedSearch || void 0,
+        ext: acceptedExtensions.length ? acceptedExtensions : void 0
       });
       if (requestId !== listRequestRef.current) return;
       setList((prev) => {
@@ -11931,9 +12297,6 @@ function MediaPicker({
   }, [refreshing]);
   useEffect(() => {
     if (!cms.media.isConfigured) return;
-    if (refreshing) return;
-    loadMedia(loadFolders);
-    if (loadFolders) setLoadFolders(false);
     return cms.events.subscribe(
       ["media:delete:success", "media:rename:success", "media:pageSize"],
       (event) => {
@@ -11947,7 +12310,19 @@ function MediaPicker({
         resetList();
       }
     );
-  }, [offset2, directory, debouncedSearch, cms.media.isConfigured]);
+  }, [cms.media.isConfigured]);
+  useEffect(() => {
+    if (!cms.media.isConfigured) return;
+    if (refreshing) return;
+    loadMedia(loadFolders);
+    if (loadFolders) setLoadFolders(false);
+  }, [
+    offset2,
+    directory,
+    debouncedSearch,
+    acceptedExtensions,
+    cms.media.isConfigured
+  ]);
   const onClickMediaItem = (item) => {
     if (!item) {
       setActiveItem(false);
@@ -11981,12 +12356,12 @@ function MediaPicker({
     };
   }
   const [uploading, setUploading] = useState(false);
-  const accept = Array.isArray(
+  const globalAccept = Array.isArray(
     (_c = (_b = (_a = cms.api.tina.schema.schema) == null ? void 0 : _a.config) == null ? void 0 : _b.media) == null ? void 0 : _c.accept
   ) ? (_f = (_e = (_d = cms.api.tina.schema.schema) == null ? void 0 : _d.config) == null ? void 0 : _e.media) == null ? void 0 : _f.accept.join(",") : (_i = (_h = (_g = cms.api.tina.schema.schema) == null ? void 0 : _g.config) == null ? void 0 : _h.media) == null ? void 0 : _i.accept;
   const { getRootProps, getInputProps, isDragActive } = useDropzone({
-    accept: dropzoneAcceptFromString(
-      accept || cms.media.accept || DEFAULT_MEDIA_UPLOAD_TYPES
+    accept: dropzoneAcceptFromExtensions(fieldExtensions) ?? dropzoneAcceptFromString(
+      globalAccept || cms.media.accept || DEFAULT_MEDIA_UPLOAD_TYPES
     ),
     maxSize: cms.media.maxSize,
     multiple: true,
@@ -12203,7 +12578,15 @@ function MediaPicker({
       setValue: setSearch,
       clear: () => setSearch("")
     }
-  ), /* @__PURE__ */ React__default.createElement("div", { className: "ml-auto" }, /* @__PURE__ */ React__default.createElement(
+  ), /* @__PURE__ */ React__default.createElement("div", { className: "ml-auto flex items-center gap-3" }, cms.media.store.extensionFilterable && /* @__PURE__ */ React__default.createElement(
+    MediaTypeFilter,
+    {
+      value: typeFilter,
+      setValue: changeTypeFilter,
+      lockedTo: fieldAccept,
+      lockedExtensions: fieldExtensions
+    }
+  ), /* @__PURE__ */ React__default.createElement(
     MediaFilterToggle,
     {
       value: mediaFilter,
@@ -12468,6 +12851,62 @@ const MediaFilterToggle = ({
     option.label
   )));
 };
+const TYPE_FILTER_LABELS = {
+  image: "Images",
+  video: "Video",
+  audio: "Audio",
+  document: "Documents"
+};
+const acceptEntryLabel = (entry) => entry in MEDIA_CATEGORIES ? TYPE_FILTER_LABELS[entry] : entry.toUpperCase();
+const MediaTypeFilter = ({
+  value,
+  setValue,
+  lockedTo,
+  lockedExtensions
+}) => {
+  if (lockedExtensions.length) {
+    const entries = Array.isArray(lockedTo) ? lockedTo : [lockedTo];
+    const label = entries.length > 3 ? `${entries.length} types only` : `${entries.map(acceptEntryLabel).join(", ")} only`;
+    const description = `This field accepts ${lockedExtensions.join(", ")}`;
+    return /* @__PURE__ */ React__default.createElement(
+      "span",
+      {
+        className: "grow-0 flex items-center gap-1.5 whitespace-nowrap rounded-lg border border-dashed border-gray-200 bg-gray-100 px-3 py-1.5 text-sm text-gray-500",
+        title: description
+      },
+      /* @__PURE__ */ React__default.createElement(Lock, { className: "w-3.5 h-3.5 opacity-80", "aria-hidden": "true" }),
+      label,
+      /* @__PURE__ */ React__default.createElement("span", { className: "sr-only" }, description)
+    );
+  }
+  const active = value !== "all";
+  return /* @__PURE__ */ React__default.createElement(DropdownMenu, null, /* @__PURE__ */ React__default.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React__default.createElement(
+    "button",
+    {
+      type: "button",
+      className: `grow-0 flex items-center gap-2 whitespace-nowrap rounded-lg border bg-white px-3 py-1.5 text-sm transition-colors ease-out duration-150 ${active ? "border-tina-orange text-tina-orange font-medium" : "border-gray-200 text-gray-700 hover:border-gray-300"}`
+    },
+    active ? TYPE_FILTER_LABELS[value] : "Any type",
+    /* @__PURE__ */ React__default.createElement(
+      ChevronDown,
+      {
+        className: `w-4 h-4 ${active ? "opacity-90" : "text-gray-400"}`
+      }
+    )
+  )), /* @__PURE__ */ React__default.createElement(DropdownMenuContent, { align: "end", className: "min-w-52" }, /* @__PURE__ */ React__default.createElement(
+    DropdownMenuRadioGroup,
+    {
+      value,
+      onValueChange: (next) => setValue(next)
+    },
+    /* @__PURE__ */ React__default.createElement(DropdownMenuRadioItem, { value: "all" }, "Any type"),
+    /* @__PURE__ */ React__default.createElement(DropdownMenuSeparator, null),
+    /* @__PURE__ */ React__default.createElement(DropdownMenuLabel, null, "Category"),
+    Object.keys(MEDIA_CATEGORIES).map(
+      (category) => /* @__PURE__ */ React__default.createElement(DropdownMenuRadioItem, { key: category, value: category }, TYPE_FILTER_LABELS[category])
+    )
+  )));
+};
 const ViewModeToggle = ({ viewMode, setViewMode }) => {
   const base = "relative flex items-center justify-center w-9 py-1.5 transition-colors ease-out duration-150";
   const active = "bg-white text-tina-orange";
@@ -13566,6 +14005,70 @@ function createCloudConfig({
     ...options
   };
 }
+const LOADING_MESSAGES = [
+  "Hang tight, TinaCMS is looking for llamas 🦙 🦙 🦙",
+  "Reticulating llama splines 🦙",
+  "Herding llamas into collections 🦙",
+  "Brushing llama fur 🦙 🦙",
+  "Teaching a llama to write frontmatter 🦙",
+  "Feeding the GraphQL llama 🦙",
+  "Counting llamas in your content folder 🦙",
+  "Asking a llama what changed in git 🦙",
+  "Llamas are proofreading your schema 🦙",
+  "Untangling markdown with llama teeth 🦙",
+  "Waking the llamas in the media library 🦙",
+  "Alphabetising llamas by collection 🦙",
+  "Convincing a llama that MDX is fine 🦙",
+  "Saddling up the content layer 🦙",
+  "Polishing the sidebar, llama style 🦙",
+  "One more llama, almost there 🦙"
+];
+const CYCLE_MS = 2e3;
+const FADE_MS = 200;
+const prefersReducedMotion = () => typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+const pickOther = (current, length) => {
+  if (length < 2) return 0;
+  const offset2 = 1 + Math.floor(Math.random() * (length - 1));
+  return (current + offset2) % length;
+};
+const LoadingMessage = ({
+  className,
+  style,
+  messages = LOADING_MESSAGES
+}) => {
+  const [index, setIndex] = React__default.useState(0);
+  const [visible, setVisible] = React__default.useState(false);
+  const [reducedMotion] = React__default.useState(prefersReducedMotion);
+  React__default.useEffect(() => {
+    setIndex((current) => pickOther(current, messages.length));
+    setVisible(true);
+  }, [messages.length]);
+  React__default.useEffect(() => {
+    const fadeOut = setTimeout(() => setVisible(false), CYCLE_MS - FADE_MS);
+    const next = setTimeout(() => {
+      setIndex((current) => pickOther(current, messages.length));
+      setVisible(true);
+    }, CYCLE_MS);
+    return () => {
+      clearTimeout(fadeOut);
+      clearTimeout(next);
+    };
+  }, [index, messages.length]);
+  return /* @__PURE__ */ React__default.createElement(
+    "p",
+    {
+      className,
+      "aria-live": "polite",
+      style: {
+        ...style,
+        opacity: reducedMotion || visible ? 1 : 0,
+        transform: reducedMotion || visible ? "none" : "translateY(4px)",
+        transition: reducedMotion ? void 0 : `opacity ${FADE_MS}ms ease-out, transform ${FADE_MS}ms ease-out`
+      }
+    },
+    messages[index]
+  );
+};
 const SidebarLoadingPlaceholder = () => /* @__PURE__ */ React.createElement(
   "div",
   {
@@ -13579,7 +14082,7 @@ const SidebarLoadingPlaceholder = () => /* @__PURE__ */ React.createElement(
       animationDuration: "150ms"
     }
   },
-  /* @__PURE__ */ React.createElement("p", { className: "block pb-5" }, "Please wait while TinaCMS", /* @__PURE__ */ React.createElement("br", null), "loads your content"),
+  /* @__PURE__ */ React.createElement(LoadingMessage, { className: "block pb-5" }),
   /* @__PURE__ */ React.createElement(LoadingDots, { color: "var(--tina-color-primary)" })
 );
 class SidebarState {
@@ -13719,7 +14222,7 @@ const FormModal = ({ plugin, close: close2 }) => {
 const name = "tinacms";
 const type = "module";
 const typings = "dist/index.d.ts";
-const version = "3.12.1";
+const version = "3.14.0";
 const main = "dist/index.js";
 const module$1 = "./dist/index.js";
 const exports$1 = { ".": "./dist/index.js", "./dist/client": "./dist/client.js", "./react": "./dist/react.js", "./dist/react": "./dist/react.js", "./tina-field": "./dist/tina-field.js", "./dist/tina-field": "./dist/tina-field.js", "./dist/rich-text": "./dist/rich-text/index.js", "./dist/rich-text/static": "./dist/rich-text/static.js", "./dist/rich-text/prism": "./dist/rich-text/prism.js" };
@@ -13827,7 +14330,11 @@ const useGetEvents = (cms, cursor, existingEvents) => {
       var _a, _b, _c, _d, _e;
       let doFetchEvents = false;
       if (!((_b = (_a = cms.api) == null ? void 0 : _a.tina) == null ? void 0 : _b.isCustomContentApi)) {
-        doFetchEvents = await ((_e = (_d = (_c = cms.api) == null ? void 0 : _c.tina) == null ? void 0 : _d.authProvider) == null ? void 0 : _e.isAuthenticated());
+        try {
+          doFetchEvents = await ((_e = (_d = (_c = cms.api) == null ? void 0 : _c.tina) == null ? void 0 : _d.authProvider) == null ? void 0 : _e.isAuthenticated());
+        } catch {
+          doFetchEvents = false;
+        }
       }
       if (doFetchEvents) {
         try {
@@ -13860,7 +14367,11 @@ function useSyncStatus(cms) {
       var _a2, _b2, _c, _d, _e;
       let doFetchEvents = false;
       if (!((_b2 = (_a2 = cms.api) == null ? void 0 : _a2.tina) == null ? void 0 : _b2.isCustomContentApi)) {
-        doFetchEvents = await ((_e = (_d = (_c = cms.api) == null ? void 0 : _c.tina) == null ? void 0 : _d.authProvider) == null ? void 0 : _e.isAuthenticated());
+        try {
+          doFetchEvents = await ((_e = (_d = (_c = cms.api) == null ? void 0 : _c.tina) == null ? void 0 : _d.authProvider) == null ? void 0 : _e.isAuthenticated());
+        } catch {
+          doFetchEvents = false;
+        }
       }
       if (doFetchEvents) {
         const { events } = await cms.api.tina.fetchEvents();
@@ -16106,6 +16617,9 @@ const useFieldReference = (fieldName) => {
     } else {
       doc = document;
     }
+    if (!doc) {
+      return;
+    }
     const fieldEle = doc.querySelector(
       `[data-tinafield="${fieldName}"]`
     );
@@ -17144,6 +17658,35 @@ const CreateBranchModal = ({
     }
   );
 };
+const getInitials = (name2) => {
+  const atIndex = name2.indexOf("@");
+  const localPart = atIndex === -1 ? name2 : name2.slice(0, atIndex);
+  return localPart.split(/[\s._-]+/).filter(Boolean).slice(0, 2).map((part) => [...part][0].toUpperCase()).join("");
+};
+const CommittingAs = () => {
+  var _a, _b, _c;
+  const cms = useCMS$1();
+  const user = (_b = (_a = cms.api) == null ? void 0 : _a.tina) == null ? void 0 : _b.user;
+  const author = typeof user === "object" && user !== null ? user : void 0;
+  const mode = (_c = author == null ? void 0 : author.gitAuthoring) == null ? void 0 : _c.mode;
+  if (mode !== "bot" && mode !== "user") {
+    return null;
+  }
+  const authorName = mode === "bot" ? "TinaCloud bot" : author.fullName || author.email;
+  if (!authorName) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-3 mt-4 pt-4 border-t border-gray-100" }, /* @__PURE__ */ React.createElement("span", { className: "flex items-center justify-center w-8 h-8 rounded-full bg-gray-100 text-gray-600 text-xs font-medium flex-shrink-0" }, getInitials(authorName)), /* @__PURE__ */ React.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React.createElement("p", { className: "text-xs text-gray-500" }, "Committing as"), /* @__PURE__ */ React.createElement("p", { className: "text-sm text-gray-700 font-medium truncate" }, authorName)), /* @__PURE__ */ React.createElement(
+    "a",
+    {
+      className: "text-sm underline text-tina-orange-dark font-medium flex-shrink-0",
+      href: cms.api.tina.gitSettingsLink,
+      target: "_blank",
+      rel: "noreferrer"
+    },
+    "Change"
+  ));
+};
 const CreateBranchPromptModal = ({
   branchName,
   close: close2,
@@ -17153,7 +17696,8 @@ const CreateBranchPromptModal = ({
   onCreateBranch,
   onSaveToProtectedBranch,
   showSaveOptions = false,
-  disablePublish = false
+  disablePublish = false,
+  allowSaveToProtectedBranch = true
 }) => {
   const [lastChoice, setLastChoice] = useLocalStorage(
     SAVE_CHOICE_KEY,
@@ -17200,7 +17744,7 @@ const CreateBranchPromptModal = ({
         onBranchNameChange(e.target.value);
       }
     }
-  ))), /* @__PURE__ */ React.createElement(ModalActions, { align: "end" }, /* @__PURE__ */ React.createElement(
+  ), /* @__PURE__ */ React.createElement(CommittingAs, null))), /* @__PURE__ */ React.createElement(ModalActions, { align: "end" }, /* @__PURE__ */ React.createElement(
     Button$2,
     {
       variant: "secondary",
@@ -17233,7 +17777,7 @@ const CreateBranchPromptModal = ({
     },
     /* @__PURE__ */ React.createElement(MainIcon, { className: "w-4 h-4 mr-1", style: { fill: "none" } }),
     mainChoice.label
-  ) : /* @__PURE__ */ React.createElement(
+  ) : allowSaveToProtectedBranch ? /* @__PURE__ */ React.createElement(
     DropdownButton,
     {
       variant: "primary",
@@ -17257,6 +17801,25 @@ const CreateBranchPromptModal = ({
       }
     ),
     "Save to a new branch"
+  ) : (
+    // A plain button: the dropdown's only item is the one being dropped.
+    /* @__PURE__ */ React.createElement(
+      Button$2,
+      {
+        variant: "primary",
+        className: "w-full sm:w-auto",
+        disabled,
+        onClick: () => onCreateBranch(false)
+      },
+      /* @__PURE__ */ React.createElement(
+        GitBranchIcon,
+        {
+          className: "w-4 h-4 mr-1",
+          style: { fill: "none" }
+        }
+      ),
+      "Save to a new branch"
+    )
   ))));
 };
 const PrefixedTextField = ({
@@ -17609,6 +18172,10 @@ const FormBuilder = ({
               setDeletedBranchModalOpen(true);
               return;
             }
+            if (isSessionExpiredError(error)) {
+              captureWorkflowChoice(false, errorMsg);
+              return;
+            }
             captureEvent(SaveContentErrorEvent, {
               documentPath: tinaForm.path,
               error: errorMsg
@@ -18709,7 +19276,7 @@ function HeadingsMenu(props) {
       className: "min-w-0 rounded-none rounded-bl rounded-br border-border"
     },
     /* @__PURE__ */ React__default.createElement(
-      DropdownMenuRadioGroup,
+      DropdownMenuRadioGroup$1,
       {
         className: "flex flex-col gap-0.5",
         onValueChange: (type2) => {
@@ -18725,7 +19292,7 @@ function HeadingsMenu(props) {
         }
         return true;
       }).map(({ icon: Icon, label, value: itemValue }) => /* @__PURE__ */ React__default.createElement(
-        DropdownMenuRadioItem,
+        DropdownMenuRadioItem$1,
         {
           className: "min-w-[180px]",
           key: itemValue,
@@ -19481,549 +20048,6 @@ const useCreateEditor = ({
     components
   });
 };
-const popoverVariants = cva(
-  "z-[999999] w-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md outline-hidden"
-);
-const inputVariants = cva(
-  "flex h-[28px] w-full rounded-md border-none bg-transparent px-1.5 py-1 text-base placeholder:text-muted-foreground focus-visible:ring-transparent focus-visible:outline-none md:text-sm"
-);
-function LinkFloatingToolbar({
-  state
-}) {
-  const activeCommentId = usePluginOption({ key: "comment" }, "activeId");
-  const activeSuggestionId = usePluginOption({ key: "suggestion" }, "activeId");
-  const { api, editor } = useEditorPlugin(LinkPlugin);
-  const isUrlValidator = usePluginOption(LinkPlugin, "isUrl");
-  const [currentUrl, setCurrentUrl] = React.useState("");
-  const [isValidUrl, setIsValidUrl] = React.useState(true);
-  const handleUrlInput = React.useCallback(
-    (e) => {
-      const value = e.currentTarget.value;
-      setCurrentUrl(value);
-      if (value && isUrlValidator) {
-        const valid = isUrlValidator(value);
-        setIsValidUrl(valid);
-      } else {
-        setIsValidUrl(true);
-      }
-    },
-    [isUrlValidator]
-  );
-  const floatingOptions = React.useMemo(() => {
-    return {
-      middleware: [
-        offset(8),
-        flip({
-          fallbackPlacements: ["bottom-end", "top-start", "top-end"],
-          padding: 12
-        }),
-        shift({ padding: 8, limiter: limitShift() })
-      ],
-      placement: activeSuggestionId || activeCommentId ? "top-start" : "bottom-start"
-    };
-  }, [activeCommentId, activeSuggestionId]);
-  const insertState = useFloatingLinkInsertState({
-    ...state,
-    floatingOptions: {
-      ...floatingOptions,
-      ...state == null ? void 0 : state.floatingOptions
-    }
-  });
-  const {
-    hidden,
-    props: insertProps,
-    ref: insertRef,
-    textInputProps
-  } = useFloatingLinkInsert(insertState);
-  const editState = useFloatingLinkEditState({
-    ...state,
-    floatingOptions: {
-      ...floatingOptions,
-      ...state == null ? void 0 : state.floatingOptions
-    }
-  });
-  const {
-    editButtonProps,
-    props: editProps,
-    ref: editRef,
-    unlinkButtonProps
-  } = useFloatingLinkEdit(editState);
-  const inputProps = useFormInputProps({
-    preventDefaultOnEnterKeydown: true
-  });
-  if (hidden) return null;
-  const input = /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      className: "z-[999999] flex w-[330px] flex-col relative",
-      ...inputProps
-    },
-    !isValidUrl && currentUrl && /* @__PURE__ */ React.createElement("div", { className: "absolute -top-16 left-0 right-0 z-[1000000] mb-2" }, /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: "bg-red-50 border border-red-200 rounded-md p-2 shadow-lg",
-        role: "alert",
-        "aria-live": "polite"
-      },
-      /* @__PURE__ */ React.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React.createElement(CircleX, { className: "size-4 text-red-500 mr-2 flex-shrink-0" }), /* @__PURE__ */ React.createElement("span", { className: "text-sm text-red-700 text-wrap" }, "Invalid URL. Please prefix link with https:// or use a relative path like /about")),
-      /* @__PURE__ */ React.createElement("div", { className: "absolute -bottom-1 left-4 w-2 h-2 bg-red-50 border-r border-b border-red-200 transform rotate-45" })
-    )),
-    /* @__PURE__ */ React.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center pr-1 pl-2 text-muted-foreground" }, /* @__PURE__ */ React.createElement(Link, { className: "size-4" })), /* @__PURE__ */ React.createElement(
-      FloatingLinkUrlInput,
-      {
-        className: inputVariants(),
-        placeholder: "Paste link",
-        "data-plate-focus": true,
-        onInput: handleUrlInput
-      }
-    )),
-    /* @__PURE__ */ React.createElement(Separator, { className: "my-1" }),
-    /* @__PURE__ */ React.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center pr-1 pl-2 text-muted-foreground" }, /* @__PURE__ */ React.createElement(Text, { className: "size-4" })), /* @__PURE__ */ React.createElement(
-      "input",
-      {
-        className: inputVariants(),
-        placeholder: "Text to display",
-        "data-plate-focus": true,
-        ...textInputProps
-      }
-    )),
-    /* @__PURE__ */ React.createElement(Separator, { className: "my-1" }),
-    /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-end gap-2 px-2 py-1" }, /* @__PURE__ */ React.createElement(
-      "button",
-      {
-        type: "button",
-        className: buttonVariants$2({ size: "sm", variant: "ghost" }),
-        onClick: () => {
-          api.floatingLink.hide();
-        }
-      },
-      "Cancel"
-    ), /* @__PURE__ */ React.createElement(
-      "button",
-      {
-        type: "button",
-        className: buttonVariants$2({
-          size: "sm",
-          variant: "tinaPrimary"
-        }),
-        onClick: () => {
-          if (isValidUrl && currentUrl) {
-            submitFloatingLink(editor);
-          }
-        },
-        disabled: !isValidUrl && !!currentUrl
-      },
-      "OK"
-    ))
-  );
-  const editContent = editState.isEditing ? input : /* @__PURE__ */ React.createElement("div", { className: "box-content flex items-center" }, /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      className: buttonVariants$2({ size: "sm", variant: "ghost" }),
-      type: "button",
-      ...editButtonProps
-    },
-    "Edit link"
-  ), /* @__PURE__ */ React.createElement(Separator, { orientation: "vertical" }), /* @__PURE__ */ React.createElement(LinkOpenButton, null), /* @__PURE__ */ React.createElement(Separator, { orientation: "vertical" }), /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      className: buttonVariants$2({
-        size: "icon",
-        variant: "ghost"
-      }),
-      type: "button",
-      ...unlinkButtonProps
-    },
-    /* @__PURE__ */ React.createElement(Unlink, { width: 18 })
-  ));
-  return /* @__PURE__ */ React.createElement(PortalBody, null, /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      ref: insertRef,
-      className: popoverVariants(),
-      ...insertProps,
-      style: {
-        ...insertProps.style,
-        zIndex: 999999
-      }
-    },
-    input
-  ), /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      ref: editRef,
-      className: popoverVariants(),
-      ...editProps,
-      style: { ...editProps.style, zIndex: 999999 }
-    },
-    editContent
-  ));
-}
-function LinkOpenButton() {
-  const editor = useEditorRef();
-  const selection = useEditorSelection();
-  const attributes = React.useMemo(
-    () => {
-      const entry = editor.api.node({
-        match: { type: editor.getType(LinkPlugin) }
-      });
-      if (!entry) {
-        return {};
-      }
-      const [element] = entry;
-      return getLinkAttributes(editor, element);
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [editor, selection]
-  );
-  return /* @__PURE__ */ React.createElement(
-    "a",
-    {
-      ...attributes,
-      className: buttonVariants$2({
-        size: "icon",
-        variant: "ghost"
-      }),
-      onMouseOver: (e) => {
-        e.stopPropagation();
-      },
-      "aria-label": "Open link in a new tab",
-      target: "_blank"
-    },
-    /* @__PURE__ */ React.createElement(ExternalLink, { width: 18 })
-  );
-}
-const protocolAndDomainRE = /^(?:\w+:)?\/\/(\S+)$/;
-const emailLintRE = /mailto:([^?\\]+)/;
-const telLintRE = /tel:([\d-]+)/;
-const localhostDomainRE = /^localhost[\d:?]*(?:[^\d:?]\S*)?$/;
-const nonLocalhostDomainRE = /^[^\s.]+\.\S{2,}$/;
-const localUrlRE = /^\/\S+/;
-const isUrl = (string) => {
-  if (typeof string !== "string") {
-    return false;
-  }
-  if (string.startsWith("#")) {
-    return true;
-  }
-  const generalMatch = string.match(protocolAndDomainRE);
-  const emailLinkMatch = string.match(emailLintRE);
-  const telLinkMatch = string.match(telLintRE);
-  const localUrlMatch = string.match(localUrlRE);
-  if (emailLinkMatch || telLinkMatch || localUrlMatch) {
-    return true;
-  }
-  if (generalMatch) {
-    const everythingAfterProtocol = generalMatch[1];
-    if (!everythingAfterProtocol) {
-      return false;
-    }
-    try {
-      new URL(string);
-    } catch {
-      return false;
-    }
-    return localhostDomainRE.test(everythingAfterProtocol) || nonLocalhostDomainRE.test(everythingAfterProtocol);
-  }
-  return false;
-};
-const buildError = (element) => {
-  return {
-    message: element.message,
-    position: element.position && {
-      endColumn: element.position.end.column,
-      startColumn: element.position.start.column,
-      startLineNumber: element.position.start.line,
-      endLineNumber: element.position.end.line
-    }
-  };
-};
-const buildErrorMessage = (element) => {
-  if (!element) {
-    return "";
-  }
-  const errorMessage = buildError(element);
-  const message = errorMessage ? `${errorMessage.message}${errorMessage.position ? ` at line: ${errorMessage.position.startLineNumber}, column: ${errorMessage.position.startColumn}` : ""}` : null;
-  return message;
-};
-const ELEMENT_INVALID_MARKDOWN = "invalid_markdown";
-const createInvalidMarkdownPlugin = createPlatePlugin({
-  key: ELEMENT_INVALID_MARKDOWN,
-  options: {
-    isElement: true,
-    isVoid: true,
-    isInline: false
-  },
-  node: {
-    component: InvalidMarkdownElement
-  }
-});
-function InvalidMarkdownElement({
-  attributes,
-  element,
-  children
-}) {
-  return /* @__PURE__ */ React__default.createElement("div", { ...attributes }, /* @__PURE__ */ React__default.createElement(ErrorMessage, { error: element }), children);
-}
-function ErrorMessage({ error }) {
-  const message = buildErrorMessage(error);
-  const { setRawMode } = useEditorContext();
-  return /* @__PURE__ */ React__default.createElement("div", { contentEditable: false, className: "bg-red-50 sm:rounded-lg" }, /* @__PURE__ */ React__default.createElement("div", { className: "px-4 py-5 sm:p-6" }, /* @__PURE__ */ React__default.createElement("h3", { className: "text-lg leading-6 font-medium text-red-800" }, "❌ Error parsing markdown"), /* @__PURE__ */ React__default.createElement("div", { className: "mt-2 max-w-xl text-sm text-red-800 space-y-4" }, /* @__PURE__ */ React__default.createElement("p", null, message), /* @__PURE__ */ React__default.createElement("p", null, "To fix these errors, edit the content in raw-mode."), /* @__PURE__ */ React__default.createElement(
-    "button",
-    {
-      type: "button",
-      onClick: () => setRawMode(true),
-      className: "rounded-l border-r-0 shadow rounded bg-white cursor-pointer relative inline-flex items-center px-2 py-2 border border-gray-200 hover:text-white text-sm font-medium transition-all ease-out duration-150 hover:bg-gray-500 focus:z-10 focus:outline-none focus:ring-1 focus:ring-gray-500 focus:border-gray-500"
-    },
-    "Switch to raw-mode"
-  ))));
-}
-const useCustomFloatingToolbarState = ({
-  editorId,
-  floatingOptions,
-  focusedEditorId,
-  hideToolbar,
-  showWhenReadOnly
-}) => {
-  const editor = useEditorRef();
-  const selectionExpanded = useEditorSelector(
-    () => editor.api.isExpanded(),
-    []
-  );
-  const selectionText = useEditorSelector(() => editor.api.string(), []);
-  const readOnly = useEditorReadOnly();
-  const focused = useFocused();
-  const [open, setOpen] = React__default.useState(false);
-  const [waitForCollapsedSelection, setWaitForCollapsedSelection] = React__default.useState(false);
-  const [mousedown, setMousedown] = React__default.useState(false);
-  const floating = useVirtualFloating(
-    mergeProps(
-      {
-        open,
-        getBoundingClientRect: () => getSelectionBoundingClientRect(editor),
-        onOpenChange: setOpen
-      },
-      floatingOptions
-    )
-  );
-  return {
-    editorId,
-    floating,
-    focused,
-    focusedEditorId,
-    hideToolbar,
-    mousedown,
-    open,
-    readOnly,
-    selectionExpanded,
-    selectionText,
-    setMousedown,
-    setOpen,
-    setWaitForCollapsedSelection,
-    showWhenReadOnly,
-    waitForCollapsedSelection
-  };
-};
-const useCustomFloatingToolbar = ({
-  editorId,
-  floating,
-  focusedEditorId,
-  hideToolbar,
-  mousedown,
-  open,
-  readOnly,
-  selectionExpanded,
-  selectionText,
-  setMousedown,
-  setOpen,
-  setWaitForCollapsedSelection,
-  showWhenReadOnly,
-  waitForCollapsedSelection
-}) => {
-  React__default.useEffect(() => {
-    if (!(editorId === focusedEditorId)) {
-      setWaitForCollapsedSelection(true);
-    }
-    if (!selectionExpanded) {
-      setWaitForCollapsedSelection(false);
-    }
-  }, [
-    editorId,
-    focusedEditorId,
-    selectionExpanded,
-    setWaitForCollapsedSelection
-  ]);
-  React__default.useEffect(() => {
-    const mouseup = () => setMousedown(false);
-    const mousedown2 = () => setMousedown(true);
-    document.addEventListener("mouseup", mouseup);
-    document.addEventListener("mousedown", mousedown2);
-    return () => {
-      document.removeEventListener("mouseup", mouseup);
-      document.removeEventListener("mousedown", mousedown2);
-    };
-  }, []);
-  React__default.useEffect(() => {
-    if (!selectionExpanded || !selectionText || mousedown && !open || hideToolbar || readOnly && !showWhenReadOnly) {
-      setOpen(false);
-    } else if (selectionText && selectionExpanded && (!waitForCollapsedSelection || readOnly)) {
-      setOpen(true);
-    }
-  }, [
-    setOpen,
-    editorId,
-    focusedEditorId,
-    hideToolbar,
-    showWhenReadOnly,
-    selectionExpanded,
-    selectionText,
-    mousedown,
-    waitForCollapsedSelection,
-    open,
-    readOnly
-  ]);
-  const { update } = floating;
-  useEditorSelector(() => {
-    update == null ? void 0 : update();
-  }, [update]);
-  const clickOutsideRef = useOnClickOutside(
-    () => {
-      setOpen(false);
-    },
-    {
-      ignoreClass: "ignore-click-outside/toolbar"
-    }
-  );
-  return {
-    clickOutsideRef,
-    hidden: !open,
-    props: {
-      style: floating.style
-    },
-    ref: floating.refs.setFloating
-  };
-};
-const FloatingToolbar = withRef(({ children, state, ...props }, propRef) => {
-  const editorId = useEditorRef();
-  const focusedEditorId = useEventEditorValue("focus");
-  const test = useCustomFloatingToolbarState({
-    editorId: editorId.id,
-    focusedEditorId,
-    ...state,
-    floatingOptions: {
-      middleware: [
-        offset(12),
-        flip({
-          fallbackPlacements: [
-            "top-start",
-            "top-end",
-            "bottom-start",
-            "bottom-end"
-          ],
-          padding: 12
-        })
-      ],
-      placement: "top",
-      ...state == null ? void 0 : state.floatingOptions
-    }
-  });
-  const {
-    hidden,
-    props: rootProps,
-    ref: floatingRef
-  } = useCustomFloatingToolbar(test);
-  const ref = useComposedRef$1(propRef, floatingRef);
-  if (hidden) return null;
-  return /* @__PURE__ */ React__default.createElement(PortalBody, null, /* @__PURE__ */ React__default.createElement(
-    Toolbar,
-    {
-      className: cn$1(
-        "absolute z-[10799] whitespace-nowrap border bg-popover px-1 opacity-100 shadow-md print:hidden rounded-md"
-      ),
-      ...props,
-      ...rootProps,
-      ref
-    },
-    children
-  ));
-});
-function TurnIntoDropdownMenu(props) {
-  const { headingLevels } = useToolbarContext();
-  const items = [
-    paragraphItem,
-    ...headingLevels.map((level) => headingItemsByLevel[level])
-  ];
-  const value = useEditorSelector((editor2) => {
-    let initialNodeType = ParagraphPlugin.key;
-    let allNodesMatchInitialNodeType = false;
-    const codeBlockEntries = editor2.api.nodes({
-      match: (n) => editor2.api.isBlock(n),
-      mode: "highest"
-    });
-    const nodes = Array.from(codeBlockEntries);
-    if (nodes.length > 0) {
-      initialNodeType = nodes[0][0].type;
-      allNodesMatchInitialNodeType = nodes.every(([node]) => {
-        const type2 = (node == null ? void 0 : node.type) || ParagraphPlugin.key;
-        return type2 === initialNodeType;
-      });
-    }
-    return allNodesMatchInitialNodeType ? initialNodeType : ParagraphPlugin.key;
-  }, []);
-  const editor = useEditorRef();
-  const openState = useOpenState();
-  const selectedItem = getHeadingItem(value) ?? paragraphItem;
-  const { icon: SelectedItemIcon, label: selectedItemLabel } = selectedItem;
-  const editorState = useEditorState();
-  const userInTable = helpers.isNodeActive(editorState, TablePlugin.key);
-  if (userInTable) return null;
-  return /* @__PURE__ */ React__default.createElement(DropdownMenu$1, { modal: false, ...openState, ...props }, /* @__PURE__ */ React__default.createElement(DropdownMenuTrigger$1, { asChild: true }, /* @__PURE__ */ React__default.createElement(
-    ToolbarButton,
-    {
-      className: "lg:min-w-[130px]",
-      isDropdown: true,
-      showArrow: true,
-      pressed: openState.open,
-      tooltip: "Turn into"
-    },
-    /* @__PURE__ */ React__default.createElement("span", { className: "" }, selectedItemLabel)
-  )), /* @__PURE__ */ React__default.createElement(DropdownMenuContent$1, { align: "start", className: "min-w-0" }, /* @__PURE__ */ React__default.createElement(DropdownMenuLabel, null, "Turn into"), /* @__PURE__ */ React__default.createElement(
-    DropdownMenuRadioGroup,
-    {
-      className: "flex flex-col gap-0.5",
-      onValueChange: (type2) => {
-        if (type2 === "ul" || type2 === "ol") {
-          toggleList(editor, { type: type2 });
-        } else {
-          unwrapList(editor);
-          editor.tf.toggleBlock(type2);
-        }
-        editor.tf.collapse();
-        editor.tf.focus();
-      },
-      value
-    },
-    items.map(({ icon: Icon, label, value: itemValue }) => /* @__PURE__ */ React__default.createElement(
-      DropdownMenuRadioItem,
-      {
-        className: "min-w-[180px]",
-        key: itemValue,
-        value: itemValue
-      },
-      /* @__PURE__ */ React__default.createElement(Icon, { className: "mr-2 size-5" }),
-      label
-    ))
-  )));
-}
-function FloatingToolbarButtons() {
-  return /* @__PURE__ */ React__default.createElement("div", { className: "rounded-md" }, /* @__PURE__ */ React__default.createElement(TurnIntoDropdownMenu, null));
-}
-const FloatingToolbarPlugin = createPlatePlugin({
-  key: "floating-toolbar",
-  render: {
-    afterEditable: () => /* @__PURE__ */ React__default.createElement(FloatingToolbar, null, /* @__PURE__ */ React__default.createElement(FloatingToolbarButtons, null))
-  }
-});
 function _1c(hljs) {
   const UNDERSCORE_IDENT_RE = "[A-Za-zА-Яа-яёЁ_][A-Za-zА-Яа-яёЁ_0-9]+";
   const v7_keywords = "далее ";
@@ -70669,6 +70693,252 @@ class HastEmitter {
     return "";
   }
 }
+const popoverVariants = cva(
+  "z-[999999] w-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md outline-hidden"
+);
+const inputVariants = cva(
+  "flex h-[28px] w-full rounded-md border-none bg-transparent px-1.5 py-1 text-base placeholder:text-muted-foreground focus-visible:ring-transparent focus-visible:outline-none md:text-sm"
+);
+function LinkFloatingToolbar({
+  state
+}) {
+  const activeCommentId = usePluginOption({ key: "comment" }, "activeId");
+  const activeSuggestionId = usePluginOption({ key: "suggestion" }, "activeId");
+  const { api, editor } = useEditorPlugin(LinkPlugin);
+  const isUrlValidator = usePluginOption(LinkPlugin, "isUrl");
+  const [currentUrl, setCurrentUrl] = React.useState("");
+  const [isValidUrl, setIsValidUrl] = React.useState(true);
+  const handleUrlInput = React.useCallback(
+    (e) => {
+      const value = e.currentTarget.value;
+      setCurrentUrl(value);
+      if (value && isUrlValidator) {
+        const valid = isUrlValidator(value);
+        setIsValidUrl(valid);
+      } else {
+        setIsValidUrl(true);
+      }
+    },
+    [isUrlValidator]
+  );
+  const floatingOptions = React.useMemo(() => {
+    return {
+      middleware: [
+        offset(8),
+        flip({
+          fallbackPlacements: ["bottom-end", "top-start", "top-end"],
+          padding: 12
+        }),
+        shift({ padding: 8, limiter: limitShift() })
+      ],
+      placement: activeSuggestionId || activeCommentId ? "top-start" : "bottom-start"
+    };
+  }, [activeCommentId, activeSuggestionId]);
+  const insertState = useFloatingLinkInsertState({
+    ...state,
+    floatingOptions: {
+      ...floatingOptions,
+      ...state == null ? void 0 : state.floatingOptions
+    }
+  });
+  const {
+    hidden,
+    props: insertProps,
+    ref: insertRef,
+    textInputProps
+  } = useFloatingLinkInsert(insertState);
+  const editState = useFloatingLinkEditState({
+    ...state,
+    floatingOptions: {
+      ...floatingOptions,
+      ...state == null ? void 0 : state.floatingOptions
+    }
+  });
+  const {
+    editButtonProps,
+    props: editProps,
+    ref: editRef,
+    unlinkButtonProps
+  } = useFloatingLinkEdit(editState);
+  const inputProps = useFormInputProps({
+    preventDefaultOnEnterKeydown: true
+  });
+  if (hidden) return null;
+  const input = /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: "z-[999999] flex w-[330px] flex-col relative",
+      ...inputProps
+    },
+    !isValidUrl && currentUrl && /* @__PURE__ */ React.createElement("div", { className: "absolute -top-16 left-0 right-0 z-[1000000] mb-2" }, /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: "bg-red-50 border border-red-200 rounded-md p-2 shadow-lg",
+        role: "alert",
+        "aria-live": "polite"
+      },
+      /* @__PURE__ */ React.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React.createElement(CircleX, { className: "size-4 text-red-500 mr-2 flex-shrink-0" }), /* @__PURE__ */ React.createElement("span", { className: "text-sm text-red-700 text-wrap" }, "Invalid URL. Please prefix link with https:// or use a relative path like /about")),
+      /* @__PURE__ */ React.createElement("div", { className: "absolute -bottom-1 left-4 w-2 h-2 bg-red-50 border-r border-b border-red-200 transform rotate-45" })
+    )),
+    /* @__PURE__ */ React.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center pr-1 pl-2 text-muted-foreground" }, /* @__PURE__ */ React.createElement(Link, { className: "size-4" })), /* @__PURE__ */ React.createElement(
+      FloatingLinkUrlInput,
+      {
+        className: inputVariants(),
+        placeholder: "Paste link",
+        "data-plate-focus": true,
+        onInput: handleUrlInput
+      }
+    )),
+    /* @__PURE__ */ React.createElement(Separator, { className: "my-1" }),
+    /* @__PURE__ */ React.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center pr-1 pl-2 text-muted-foreground" }, /* @__PURE__ */ React.createElement(Text, { className: "size-4" })), /* @__PURE__ */ React.createElement(
+      "input",
+      {
+        className: inputVariants(),
+        placeholder: "Text to display",
+        "data-plate-focus": true,
+        ...textInputProps
+      }
+    )),
+    /* @__PURE__ */ React.createElement(Separator, { className: "my-1" }),
+    /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-end gap-2 px-2 py-1" }, /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        type: "button",
+        className: buttonVariants$2({ size: "sm", variant: "ghost" }),
+        onClick: () => {
+          api.floatingLink.hide();
+        }
+      },
+      "Cancel"
+    ), /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        type: "button",
+        className: buttonVariants$2({
+          size: "sm",
+          variant: "tinaPrimary"
+        }),
+        onClick: () => {
+          if (isValidUrl && currentUrl) {
+            submitFloatingLink(editor);
+          }
+        },
+        disabled: !isValidUrl && !!currentUrl
+      },
+      "OK"
+    ))
+  );
+  const editContent = editState.isEditing ? input : /* @__PURE__ */ React.createElement("div", { className: "box-content flex items-center" }, /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      className: buttonVariants$2({ size: "sm", variant: "ghost" }),
+      type: "button",
+      ...editButtonProps
+    },
+    "Edit link"
+  ), /* @__PURE__ */ React.createElement(Separator, { orientation: "vertical" }), /* @__PURE__ */ React.createElement(LinkOpenButton, null), /* @__PURE__ */ React.createElement(Separator, { orientation: "vertical" }), /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      className: buttonVariants$2({
+        size: "icon",
+        variant: "ghost"
+      }),
+      type: "button",
+      ...unlinkButtonProps
+    },
+    /* @__PURE__ */ React.createElement(Unlink, { width: 18 })
+  ));
+  return /* @__PURE__ */ React.createElement(PortalBody, null, /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      ref: insertRef,
+      className: popoverVariants(),
+      ...insertProps,
+      style: {
+        ...insertProps.style,
+        zIndex: 999999
+      }
+    },
+    input
+  ), /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      ref: editRef,
+      className: popoverVariants(),
+      ...editProps,
+      style: { ...editProps.style, zIndex: 999999 }
+    },
+    editContent
+  ));
+}
+function LinkOpenButton() {
+  const editor = useEditorRef();
+  const selection = useEditorSelection();
+  const attributes = React.useMemo(
+    () => {
+      const entry = editor.api.node({
+        match: { type: editor.getType(LinkPlugin) }
+      });
+      if (!entry) {
+        return {};
+      }
+      const [element] = entry;
+      return getLinkAttributes(editor, element);
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [editor, selection]
+  );
+  return /* @__PURE__ */ React.createElement(
+    "a",
+    {
+      ...attributes,
+      className: buttonVariants$2({
+        size: "icon",
+        variant: "ghost"
+      }),
+      onMouseOver: (e) => {
+        e.stopPropagation();
+      },
+      "aria-label": "Open link in a new tab",
+      target: "_blank"
+    },
+    /* @__PURE__ */ React.createElement(ExternalLink, { width: 18 })
+  );
+}
+const protocolAndDomainRE = /^(?:\w+:)?\/\/(\S+)$/;
+const emailLintRE = /mailto:([^?\\]+)/;
+const telLintRE = /tel:([\d-]+)/;
+const localhostDomainRE = /^localhost[\d:?]*(?:[^\d:?]\S*)?$/;
+const nonLocalhostDomainRE = /^[^\s.]+\.\S{2,}$/;
+const localUrlRE = /^\/\S+/;
+const isUrl = (string) => {
+  if (typeof string !== "string") {
+    return false;
+  }
+  if (string.startsWith("#")) {
+    return true;
+  }
+  const generalMatch = string.match(protocolAndDomainRE);
+  const emailLinkMatch = string.match(emailLintRE);
+  const telLinkMatch = string.match(telLintRE);
+  const localUrlMatch = string.match(localUrlRE);
+  if (emailLinkMatch || telLinkMatch || localUrlMatch) {
+    return true;
+  }
+  if (generalMatch) {
+    const everythingAfterProtocol = generalMatch[1];
+    if (!everythingAfterProtocol) {
+      return false;
+    }
+    try {
+      new URL(string);
+    } catch {
+      return false;
+    }
+    return localhostDomainRE.test(everythingAfterProtocol) || nonLocalhostDomainRE.test(everythingAfterProtocol);
+  }
+  return false;
+};
 const createHTMLBlockPlugin = createPlatePlugin({
   key: "html",
   node: {
@@ -70685,18 +70955,26 @@ const createHTMLInlinePlugin = createPlatePlugin({
     isInline: true
   }
 });
-const KEY_BLOCKQUOTE_ENTER_BREAK = "blockquote-enter-break";
-const createBlockquoteEnterBreakPlugin = createPlatePlugin({
-  key: KEY_BLOCKQUOTE_ENTER_BREAK,
+const KEY_HARD_BREAK = "tina-hard-break";
+const NO_HARD_BREAK = [
+  CodeBlockPlugin.key,
+  TableCellPlugin.key,
+  TableCellHeaderPlugin.key
+];
+const createHardBreakPlugin = createPlatePlugin({
+  key: KEY_HARD_BREAK,
   handlers: {
     onKeyDown: ({ editor, event }) => {
       var _a;
-      if (event.key !== "Enter") return;
-      const blockquoteEntry = editor.api.above({
+      if (event.key !== "Enter" || event.metaKey || event.ctrlKey) return;
+      const inBlockquote = editor.api.above({
         match: { type: BlockquotePlugin.key }
       });
-      if (!blockquoteEntry) return;
+      if (!event.shiftKey && !inBlockquote) return;
+      if (editor.api.some({ match: { type: NO_HARD_BREAK } })) return;
+      if (!editor.selection) return;
       event.preventDefault();
+      if (editor.api.isExpanded()) editor.tf.delete();
       const cursorPosition = (_a = editor.selection) == null ? void 0 : _a.focus;
       if (!cursorPosition) return;
       editor.tf.insertNodes(
@@ -70724,6 +71002,303 @@ const createBreakPlugin = createPlatePlugin({
     }
   }
 });
+const buildError = (element) => {
+  return {
+    message: element.message,
+    position: element.position && {
+      endColumn: element.position.end.column,
+      startColumn: element.position.start.column,
+      startLineNumber: element.position.start.line,
+      endLineNumber: element.position.end.line
+    }
+  };
+};
+const buildErrorMessage = (element) => {
+  if (!element) {
+    return "";
+  }
+  const errorMessage = buildError(element);
+  const message = errorMessage ? `${errorMessage.message}${errorMessage.position ? ` at line: ${errorMessage.position.startLineNumber}, column: ${errorMessage.position.startColumn}` : ""}` : null;
+  return message;
+};
+const ELEMENT_INVALID_MARKDOWN = "invalid_markdown";
+const createInvalidMarkdownPlugin = createPlatePlugin({
+  key: ELEMENT_INVALID_MARKDOWN,
+  options: {
+    isElement: true,
+    isVoid: true,
+    isInline: false
+  },
+  node: {
+    component: InvalidMarkdownElement
+  }
+});
+function InvalidMarkdownElement({
+  attributes,
+  element,
+  children
+}) {
+  return /* @__PURE__ */ React__default.createElement("div", { ...attributes }, /* @__PURE__ */ React__default.createElement(ErrorMessage, { error: element }), children);
+}
+function ErrorMessage({ error }) {
+  const message = buildErrorMessage(error);
+  const { setRawMode } = useEditorContext();
+  return /* @__PURE__ */ React__default.createElement("div", { contentEditable: false, className: "bg-red-50 sm:rounded-lg" }, /* @__PURE__ */ React__default.createElement("div", { className: "px-4 py-5 sm:p-6" }, /* @__PURE__ */ React__default.createElement("h3", { className: "text-lg leading-6 font-medium text-red-800" }, "❌ Error parsing markdown"), /* @__PURE__ */ React__default.createElement("div", { className: "mt-2 max-w-xl text-sm text-red-800 space-y-4" }, /* @__PURE__ */ React__default.createElement("p", null, message), /* @__PURE__ */ React__default.createElement("p", null, "To fix these errors, edit the content in raw-mode."), /* @__PURE__ */ React__default.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: () => setRawMode(true),
+      className: "rounded-l border-r-0 shadow rounded bg-white cursor-pointer relative inline-flex items-center px-2 py-2 border border-gray-200 hover:text-white text-sm font-medium transition-all ease-out duration-150 hover:bg-gray-500 focus:z-10 focus:outline-none focus:ring-1 focus:ring-gray-500 focus:border-gray-500"
+    },
+    "Switch to raw-mode"
+  ))));
+}
+const useCustomFloatingToolbarState = ({
+  editorId,
+  floatingOptions,
+  focusedEditorId,
+  hideToolbar,
+  showWhenReadOnly
+}) => {
+  const editor = useEditorRef();
+  const selectionExpanded = useEditorSelector(
+    () => editor.api.isExpanded(),
+    []
+  );
+  const selectionText = useEditorSelector(() => editor.api.string(), []);
+  const readOnly = useEditorReadOnly();
+  const focused = useFocused();
+  const [open, setOpen] = React__default.useState(false);
+  const [waitForCollapsedSelection, setWaitForCollapsedSelection] = React__default.useState(false);
+  const [mousedown, setMousedown] = React__default.useState(false);
+  const floating = useVirtualFloating(
+    mergeProps(
+      {
+        open,
+        getBoundingClientRect: () => getSelectionBoundingClientRect(editor),
+        onOpenChange: setOpen
+      },
+      floatingOptions
+    )
+  );
+  return {
+    editorId,
+    floating,
+    focused,
+    focusedEditorId,
+    hideToolbar,
+    mousedown,
+    open,
+    readOnly,
+    selectionExpanded,
+    selectionText,
+    setMousedown,
+    setOpen,
+    setWaitForCollapsedSelection,
+    showWhenReadOnly,
+    waitForCollapsedSelection
+  };
+};
+const useCustomFloatingToolbar = ({
+  editorId,
+  floating,
+  focusedEditorId,
+  hideToolbar,
+  mousedown,
+  open,
+  readOnly,
+  selectionExpanded,
+  selectionText,
+  setMousedown,
+  setOpen,
+  setWaitForCollapsedSelection,
+  showWhenReadOnly,
+  waitForCollapsedSelection
+}) => {
+  React__default.useEffect(() => {
+    if (!(editorId === focusedEditorId)) {
+      setWaitForCollapsedSelection(true);
+    }
+    if (!selectionExpanded) {
+      setWaitForCollapsedSelection(false);
+    }
+  }, [
+    editorId,
+    focusedEditorId,
+    selectionExpanded,
+    setWaitForCollapsedSelection
+  ]);
+  React__default.useEffect(() => {
+    const mouseup = () => setMousedown(false);
+    const mousedown2 = () => setMousedown(true);
+    document.addEventListener("mouseup", mouseup);
+    document.addEventListener("mousedown", mousedown2);
+    return () => {
+      document.removeEventListener("mouseup", mouseup);
+      document.removeEventListener("mousedown", mousedown2);
+    };
+  }, []);
+  React__default.useEffect(() => {
+    if (!selectionExpanded || !selectionText || mousedown && !open || hideToolbar || readOnly && !showWhenReadOnly) {
+      setOpen(false);
+    } else if (selectionText && selectionExpanded && (!waitForCollapsedSelection || readOnly)) {
+      setOpen(true);
+    }
+  }, [
+    setOpen,
+    editorId,
+    focusedEditorId,
+    hideToolbar,
+    showWhenReadOnly,
+    selectionExpanded,
+    selectionText,
+    mousedown,
+    waitForCollapsedSelection,
+    open,
+    readOnly
+  ]);
+  const { update } = floating;
+  useEditorSelector(() => {
+    update == null ? void 0 : update();
+  }, [update]);
+  const clickOutsideRef = useOnClickOutside(
+    () => {
+      setOpen(false);
+    },
+    {
+      ignoreClass: "ignore-click-outside/toolbar"
+    }
+  );
+  return {
+    clickOutsideRef,
+    hidden: !open,
+    props: {
+      style: floating.style
+    },
+    ref: floating.refs.setFloating
+  };
+};
+const FloatingToolbar = withRef(({ children, state, ...props }, propRef) => {
+  const editorId = useEditorRef();
+  const focusedEditorId = useEventEditorValue("focus");
+  const test = useCustomFloatingToolbarState({
+    editorId: editorId.id,
+    focusedEditorId,
+    ...state,
+    floatingOptions: {
+      middleware: [
+        offset(12),
+        flip({
+          fallbackPlacements: [
+            "top-start",
+            "top-end",
+            "bottom-start",
+            "bottom-end"
+          ],
+          padding: 12
+        })
+      ],
+      placement: "top",
+      ...state == null ? void 0 : state.floatingOptions
+    }
+  });
+  const {
+    hidden,
+    props: rootProps,
+    ref: floatingRef
+  } = useCustomFloatingToolbar(test);
+  const ref = useComposedRef$1(propRef, floatingRef);
+  if (hidden) return null;
+  return /* @__PURE__ */ React__default.createElement(PortalBody, null, /* @__PURE__ */ React__default.createElement(
+    Toolbar,
+    {
+      className: cn$1(
+        "absolute z-[10799] whitespace-nowrap border bg-popover px-1 opacity-100 shadow-md print:hidden rounded-md"
+      ),
+      ...props,
+      ...rootProps,
+      ref
+    },
+    children
+  ));
+});
+function TurnIntoDropdownMenu(props) {
+  const { headingLevels } = useToolbarContext();
+  const items = [
+    paragraphItem,
+    ...headingLevels.map((level) => headingItemsByLevel[level])
+  ];
+  const value = useEditorSelector((editor2) => {
+    let initialNodeType = ParagraphPlugin.key;
+    let allNodesMatchInitialNodeType = false;
+    const codeBlockEntries = editor2.api.nodes({
+      match: (n) => editor2.api.isBlock(n),
+      mode: "highest"
+    });
+    const nodes = Array.from(codeBlockEntries);
+    if (nodes.length > 0) {
+      initialNodeType = nodes[0][0].type;
+      allNodesMatchInitialNodeType = nodes.every(([node]) => {
+        const type2 = (node == null ? void 0 : node.type) || ParagraphPlugin.key;
+        return type2 === initialNodeType;
+      });
+    }
+    return allNodesMatchInitialNodeType ? initialNodeType : ParagraphPlugin.key;
+  }, []);
+  const editor = useEditorRef();
+  const openState = useOpenState();
+  const selectedItem = getHeadingItem(value) ?? paragraphItem;
+  const { icon: SelectedItemIcon, label: selectedItemLabel } = selectedItem;
+  const editorState = useEditorState();
+  const userInTable = helpers.isNodeActive(editorState, TablePlugin.key);
+  if (userInTable) return null;
+  return /* @__PURE__ */ React__default.createElement(DropdownMenu$1, { modal: false, ...openState, ...props }, /* @__PURE__ */ React__default.createElement(DropdownMenuTrigger$1, { asChild: true }, /* @__PURE__ */ React__default.createElement(
+    ToolbarButton,
+    {
+      className: "lg:min-w-[130px]",
+      isDropdown: true,
+      showArrow: true,
+      pressed: openState.open,
+      tooltip: "Turn into"
+    },
+    /* @__PURE__ */ React__default.createElement("span", { className: "" }, selectedItemLabel)
+  )), /* @__PURE__ */ React__default.createElement(DropdownMenuContent$1, { align: "start", className: "min-w-0" }, /* @__PURE__ */ React__default.createElement(DropdownMenuLabel$1, null, "Turn into"), /* @__PURE__ */ React__default.createElement(
+    DropdownMenuRadioGroup$1,
+    {
+      className: "flex flex-col gap-0.5",
+      onValueChange: (type2) => {
+        if (type2 === "ul" || type2 === "ol") {
+          toggleList(editor, { type: type2 });
+        } else {
+          unwrapList(editor);
+          editor.tf.toggleBlock(type2);
+        }
+        editor.tf.collapse();
+        editor.tf.focus();
+      },
+      value
+    },
+    items.map(({ icon: Icon, label, value: itemValue }) => /* @__PURE__ */ React__default.createElement(
+      DropdownMenuRadioItem$1,
+      {
+        className: "min-w-[180px]",
+        key: itemValue,
+        value: itemValue
+      },
+      /* @__PURE__ */ React__default.createElement(Icon, { className: "mr-2 size-5" }),
+      label
+    ))
+  )));
+}
+function FloatingToolbarButtons() {
+  return /* @__PURE__ */ React__default.createElement("div", { className: "rounded-md" }, /* @__PURE__ */ React__default.createElement(TurnIntoDropdownMenu, null));
+}
+const FloatingToolbarPlugin = createPlatePlugin({
+  key: "floating-toolbar",
+  render: {
+    afterEditable: () => /* @__PURE__ */ React__default.createElement(FloatingToolbar, null, /* @__PURE__ */ React__default.createElement(FloatingToolbarButtons, null))
+  }
+});
 [
   HEADING_KEYS.h1,
   HEADING_KEYS.h2,
@@ -70788,7 +71363,7 @@ const createEditorPlugins = ({
   createImgPlugin,
   createHTMLBlockPlugin,
   createHTMLInlinePlugin,
-  createBlockquoteEnterBreakPlugin,
+  createHardBreakPlugin,
   createInvalidMarkdownPlugin,
   CorrectNodeBehaviorPlugin,
   ClearHighlightOnEnterPlugin,
@@ -70887,6 +71462,8 @@ const createEditorPlugins = ({
       ]
     }
   }),
+  // Only reached where `createHardBreakPlugin` bails (code blocks, table
+  // cells) — everywhere else it has already inserted a `break` element.
   SoftBreakPlugin.configure({
     options: {
       rules: [
@@ -71067,6 +71644,7 @@ const MediaWorkflowOverlay = () => {
           phase: "confirming",
           branchName: event.branchName,
           baseBranch: event.baseBranch,
+          allowSaveToProtectedBranch: event.allowSaveToProtectedBranch,
           onConfirm: event.onConfirm,
           onCancel: event.onCancel,
           onSaveToProtectedBranch: event.onSaveToProtectedBranch
@@ -71201,6 +71779,7 @@ const MediaWorkflowOverlay = () => {
           );
         },
         onCreateBranch: handleCreateBranch,
+        allowSaveToProtectedBranch: state.allowSaveToProtectedBranch,
         onSaveToProtectedBranch: () => {
           abortPreflight();
           state.onSaveToProtectedBranch();
@@ -71390,6 +71969,14 @@ const DefaultSessionProvider = ({
   children
 }) => /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children);
 class AbstractAuthProvider {
+  constructor() {
+    /**
+     * Turns a tokened 401 into the auth wall re-arming. The Client assigns this
+     * automatically; AbstractAuthProvider.fetchWithToken invokes it. A provider
+     * that implements its own fetchWithToken must invoke it itself.
+     */
+    __publicField(this, "sessionExpiredListener");
+  }
   /**
    * Wraps the normal fetch function with same API but adds the authorization header token.
    *
@@ -71400,15 +71987,20 @@ class AbstractAuthProvider {
    * @param init fetch function init
    */
   async fetchWithToken(input, init) {
+    var _a;
     const headers = (init == null ? void 0 : init.headers) || {};
     const accessToken = await this.getAccessToken();
     if (accessToken) {
       headers["Authorization"] = "Bearer " + accessToken;
     }
-    return await fetch(input, {
+    const res = await fetch(input, {
       ...init || {},
       headers: new Headers(headers)
     });
+    if (res.status === 401 && accessToken) {
+      (_a = this.sessionExpiredListener) == null ? void 0 : _a.call(this);
+    }
+    return res;
   }
   async getAccessToken() {
     const token = await this.getToken();
@@ -71529,9 +72121,14 @@ class TinaCloudAuthProvider extends AbstractAuthProvider {
         }
         return null;
       }
-      const res = await this.fetchWithToken(url, {
-        method: "GET"
-      });
+      let res;
+      try {
+        res = await this.fetchWithToken(url, { method: "GET" });
+      } catch (networkError) {
+        console.warn("TinaCMS: session check failed, retrying.", networkError);
+        await new Promise((resolve) => setTimeout(resolve, 300));
+        res = await this.fetchWithToken(url, { method: "GET" });
+      }
       const val = await res.json();
       if (!res.status.toString().startsWith("2")) {
         console.error(
@@ -71542,6 +72139,9 @@ class TinaCloudAuthProvider extends AbstractAuthProvider {
       }
       return val;
     } catch (e) {
+      if (e instanceof TypeError || isErrorNamed(e, "AbortError")) {
+        throw e;
+      }
       console.error(e);
       return null;
     }
@@ -71658,6 +72258,8 @@ class Client {
     // automatically hooked into global event bus when attached via cms.
     __publicField(this, "protectedBranches", []);
     __publicField(this, "usingEditorialWorkflow", false);
+    // Whatever the auth provider returned from getUser().
+    __publicField(this, "user");
     __publicField(this, "addPendingContent", async (props) => {
       const mutation = `#graphql
 mutation addPendingDocumentMutation(
@@ -71757,13 +72359,24 @@ mutation addPendingDocumentMutation(
       }
     );
     this.clientId = options.clientId;
-    this.authProvider = ((_u = (_t = (_s = this.schema) == null ? void 0 : _s.config) == null ? void 0 : _t.config) == null ? void 0 : _u.authProvider) || new TinaCloudAuthProvider({
-      clientId: options.clientId,
-      identityApiUrl: this.identityApiUrl,
-      getTokenFn: options.getTokenFn,
-      tokenStorage,
-      frontendUrl: this.frontendUrl
-    });
+    this.authProvider = this.adoptAuthProvider(
+      ((_u = (_t = (_s = this.schema) == null ? void 0 : _s.config) == null ? void 0 : _t.config) == null ? void 0 : _u.authProvider) || new TinaCloudAuthProvider({
+        clientId: options.clientId,
+        identityApiUrl: this.identityApiUrl,
+        getTokenFn: options.getTokenFn,
+        tokenStorage,
+        frontendUrl: this.frontendUrl
+      })
+    );
+  }
+  /**
+   * Every provider swap must come through here: the listener is what turns a
+   * REST 401 into the auth wall re-arming, and a bare field assignment would
+   * silently drop it.
+   */
+  adoptAuthProvider(provider) {
+    provider.sessionExpiredListener = () => dispatchSessionExpired(this.events);
+    return provider;
   }
   get isLocalMode() {
     return false;
@@ -71808,6 +72421,17 @@ mutation addPendingDocumentMutation(
         variables
       })
     });
+    if (res.status === 401) {
+      res.json().catch(() => {
+      });
+      if (this.isCustomContentApi) {
+        console.error(
+          `TinaCMS: the content API at ${this.contentApiUrl} returned 401. If signing in again does not resolve this, check the backend's auth configuration (clientId: ${this.options.clientId}, branch: ${this.branch}).`
+        );
+      }
+      dispatchSessionExpired(this.events);
+      throw new SessionExpiredError();
+    }
     if (res.status !== 200) {
       let errorMessage = `Unable to complete request, ${res.statusText}`;
       const resBody = await res.json();
@@ -72229,6 +72853,10 @@ mutation addPendingDocumentMutation(
       throw error;
     }
   }
+  /**
+   * The server normalises `branchName`, so follow-up calls must use the
+   * `branchName` from the response rather than the one they sent.
+   */
   async startMediaEditorialWorkflow(options) {
     const url = `${this.contentApiBase}/editorial-workflow/${this.clientId}/media`;
     return await this.postEditorialWorkflow(
@@ -72253,7 +72881,9 @@ class LocalClient extends Client {
       customContentApiUrl: props && props.customContentApiUrl ? props.customContentApiUrl : DEFAULT_LOCAL_TINA_GQL_SERVER_URL
     };
     super(clientProps);
-    this.authProvider = ((_c = (_b = (_a = this.schema) == null ? void 0 : _a.config) == null ? void 0 : _b.config) == null ? void 0 : _c.authProvider) || new LocalAuthProvider();
+    this.authProvider = this.adoptAuthProvider(
+      ((_c = (_b = (_a = this.schema) == null ? void 0 : _a.config) == null ? void 0 : _b.config) == null ? void 0 : _c.authProvider) || new LocalAuthProvider()
+    );
   }
   get isLocalMode() {
     return true;
@@ -72544,6 +73174,7 @@ const AuthWallInner = ({
           if (!mounted) return;
           if (isAuthorized) {
             const user = await client.authProvider.getUser();
+            client.user = user;
             if (user.passwordChangeRequired) {
               window.location.hash = "#/screens/change_password";
             }
@@ -72599,7 +73230,7 @@ const AuthWallInner = ({
       }
       return onAuthenticated();
     } catch (e) {
-      if (e instanceof AuthenticationCancelledError || (e == null ? void 0 : e.name) === "AuthenticationCancelledError") {
+      if (e instanceof AuthenticationCancelledError || isErrorNamed(e, "AuthenticationCancelledError")) {
         return;
       }
       console.error(e);
@@ -73338,7 +73969,7 @@ const Loader = (props) => {
         ))
       ),
       /* @__PURE__ */ React__default.createElement(
-        "p",
+        LoadingMessage,
         {
           style: {
             fontSize: "18px",
@@ -73348,8 +73979,7 @@ const Loader = (props) => {
             fontFamily: "'Inter', sans-serif",
             fontWeight: "normal"
           }
-        },
-        "Please wait, Tina is loading data..."
+        }
       )
     )
   ), props.children);
@@ -73650,7 +74280,7 @@ const LoadingPage = () => /* @__PURE__ */ React__default.createElement(React__de
       ))
     ),
     /* @__PURE__ */ React__default.createElement(
-      "p",
+      LoadingMessage,
       {
         style: {
           fontSize: "16px",
@@ -73660,8 +74290,7 @@ const LoadingPage = () => /* @__PURE__ */ React__default.createElement(React__de
           fontFamily: "'Inter', sans-serif",
           fontWeight: "normal"
         }
-      },
-      "Please wait, Tina is loading data..."
+      }
     )
   )
 ));
@@ -73948,6 +74577,7 @@ const CollectionListPage = () => {
                 );
                 return (_b2 = (_a2 = doc == null ? void 0 : doc.document) == null ? void 0 : _a2._sys) == null ? void 0 : _b2.hasReferences;
               } catch (error) {
+                if (isSessionExpiredError(error)) throw error;
                 cms.alerts.error(
                   "Document was not found, ask a developer for help or check the console for an error message"
                 );
@@ -73963,6 +74593,7 @@ const CollectionListPage = () => {
                 );
                 reFetchCollection();
               } catch (error) {
+                if (isSessionExpiredError(error)) throw error;
                 if (error.message.includes(ERR_HAS_REFERENCES)) {
                   cms.alerts.error(
                     error.message.split("\n	").filter(Boolean)[1]
@@ -73992,6 +74623,7 @@ const CollectionListPage = () => {
                 );
                 reFetchCollection();
               } catch (error) {
+                if (isSessionExpiredError(error)) throw error;
                 cms.alerts.warn(
                   "Document was not deleted, ask a developer for help or check the console for an error message"
                 );
@@ -74024,6 +74656,7 @@ const CollectionListPage = () => {
                 );
                 reFetchCollection();
               } catch (error) {
+                if (isSessionExpiredError(error)) throw error;
                 if (error.message && error.message.includes(ERR_ALREADY_EXISTS)) {
                   cms.alerts.error(
                     `Document was not renamed. The filename "${vars.newRelativePath}" is already used by another document, please choose a different name.`
@@ -74070,6 +74703,7 @@ const CollectionListPage = () => {
                 );
                 cms.alerts.info("Folder was successfully created");
               } catch (error) {
+                if (isSessionExpiredError(error)) throw error;
                 if (error.message && error.message.includes(ERR_ALREADY_EXISTS)) {
                   cms.alerts.error(
                     `Folder was not created, folder with name "${vars.folderName}" already exists ${folder.name ? `in ${folder.name}` : ""}`
@@ -74633,6 +75267,7 @@ const DeleteModal = ({
   useEffect(() => {
     checkRefsFunc().then((result) => {
       setHasRefs(result);
+    }).catch(() => {
     });
   }, [filename, checkRefsFunc]);
   return /* @__PURE__ */ React__default.createElement(Modal, null, /* @__PURE__ */ React__default.createElement(PopupModal, null, /* @__PURE__ */ React__default.createElement(ModalHeader, { close: close2 }, "Delete ", filename), /* @__PURE__ */ React__default.createElement(ModalBody, { padded: true }, /* @__PURE__ */ React__default.createElement("p", null, `Are you sure you want to delete ${filename}?${hasRefs ? " References to this document will also be deleted." : ""}`)), /* @__PURE__ */ React__default.createElement(ModalActions, null, /* @__PURE__ */ React__default.createElement(Button$2, { style: { flexGrow: 2 }, onClick: close2 }, "Cancel"), /* @__PURE__ */ React__default.createElement(
@@ -74641,7 +75276,10 @@ const DeleteModal = ({
       style: { flexGrow: 3 },
       variant: "danger",
       onClick: async () => {
-        await deleteFunc();
+        try {
+          await deleteFunc();
+        } catch {
+        }
         close2();
       }
     },
@@ -74849,16 +75487,18 @@ const useGetCollection = (cms, collectionName, includeDocuments = true, folder,
           );
           setCollection(collection2);
         } else if (!cancelled) {
-          cms.events.dispatch({ type: "cms:session-expired" });
+          dispatchSessionExpired(cms.events);
           setCollection(void 0);
         }
       } catch (error2) {
-        cms.alerts.error(
-          `[${error2.name}] GetCollection failed: ${error2.message}`
-        );
-        console.error(error2);
         setCollection(void 0);
-        setError(error2);
+        if (!isSessionExpiredError(error2)) {
+          cms.alerts.error(
+            `[${error2.name}] GetCollection failed: ${error2.message}`
+          );
+          console.error(error2);
+          setError(error2);
+        }
       }
       if (!cancelled) {
         setLoading(false);
@@ -74910,6 +75550,15 @@ const useSearchCollection = (cms, collectionName, includeDocuments = true, folde
               return api.fetchDocument(collection2, relativePath, false);
             })
           );
+          if (docs.some(
+            (p) => p.status === "rejected" && isSessionExpiredError(p.reason)
+          )) {
+            setCollection(void 0);
+            if (!cancelled) {
+              setLoading(false);
+            }
+            return;
+          }
           const edges = docs.filter((p) => {
             var _a;
             return p.status === "fulfilled" && !!((_a = p.value) == null ? void 0 : _a.document);
@@ -74932,16 +75581,18 @@ const useSearchCollection = (cms, collectionName, includeDocuments = true, folde
           };
           setCollection(collectionData);
         } else if (!cancelled) {
-          cms.events.dispatch({ type: "cms:session-expired" });
+          dispatchSessionExpired(cms.events);
           setCollection(void 0);
         }
       } catch (error2) {
-        cms.alerts.error(
-          `[${error2.name}] GetCollection failed: ${error2.message}`
-        );
-        console.error(error2);
         setCollection(void 0);
-        setError(error2);
+        if (!isSessionExpiredError(error2)) {
+          cms.alerts.error(
+            `[${error2.name}] GetCollection failed: ${error2.message}`
+          );
+          console.error(error2);
+          setError(error2);
+        }
       }
       if (!cancelled) {
         setLoading(false);
@@ -75051,9 +75702,7 @@ const createDocument = async (cms, collection, template, mutationInfo, folder, v
   if (await api.isAuthenticated()) {
     await api.createDocument(collection, relativePath, params);
   } else {
-    const authMessage = `CreateDocument failed: User is no longer authenticated; please login and try again.`;
-    cms.alerts.error(authMessage);
-    console.error(authMessage);
+    dispatchSessionExpired(cms.events);
     return false;
   }
 };
@@ -75236,7 +75885,7 @@ const RenderForm$1 = ({
       onSubmit: async (values) => {
         try {
           const folderName2 = folder.fullyQualifiedName ? folder.name : "";
-          await createDocument(
+          const result = await createDocument(
             cms,
             collection,
             template,
@@ -75244,6 +75893,7 @@ const RenderForm$1 = ({
             folderName2,
             values
           );
+          if (result === false) return;
           cms.alerts.success("Document created!");
           setTimeout(() => {
             navigate(
@@ -75251,6 +75901,7 @@ const RenderForm$1 = ({
             );
           }, 10);
         } catch (error) {
+          if (isSessionExpiredError(error)) throw error;
           const defaultErrorText = "There was a problem saving your document.";
           if (error.message && error.message.includes(ERR_ALREADY_EXISTS)) {
             cms.alerts.error(
@@ -75323,17 +75974,19 @@ const useGetDocument = (cms, collectionName, relativePath) => {
             setDocument(response.document);
           }
         } else if (!isCancelled) {
-          cms.events.dispatch({ type: "cms:session-expired" });
+          dispatchSessionExpired(cms.events);
           setDocument(void 0);
         }
       } catch (error2) {
         if (!isCancelled) {
-          cms.alerts.error(
-            `[${error2.name}] GetDocument failed: ${error2.message}`
-          );
-          console.error(error2);
           setDocument(void 0);
-          setError(error2);
+          if (!isSessionExpiredError(error2)) {
+            cms.alerts.error(
+              `[${error2.name}] GetDocument failed: ${error2.message}`
+            );
+            console.error(error2);
+            setError(error2);
+          }
         }
       }
       if (!isCancelled) {
@@ -75419,9 +76072,7 @@ const updateDocument = async (cms, relativePath, collection, mutationInfo, value
   if (await api.isAuthenticated()) {
     await api.updateDocument(collection, relativePath, params);
   } else {
-    const authMessage = `UpdateDocument failed: User is no longer authenticated; please login and try again.`;
-    cms.alerts.error(authMessage);
-    console.error(authMessage);
+    dispatchSessionExpired(cms.events);
     return false;
   }
 };
@@ -75499,15 +76150,17 @@ const RenderForm = ({
       initialValues: document2._values,
       onSubmit: async (values) => {
         try {
-          await updateDocument(
+          const result = await updateDocument(
             cms,
             relativePath,
             collection,
             mutationInfo,
             values
           );
+          if (result === false) return;
           cms.alerts.success("Document updated!");
         } catch (error) {
+          if (isSessionExpiredError(error)) throw error;
           cms.alerts.error(
             () => ErrorDialog({
               title: "There was a problem saving your document",
@@ -75584,6 +76237,24 @@ const ScreenPage = () => {
     } })));
   });
 };
+function resolvePreviewPath(splat, baseOrigin = typeof window !== "undefined" ? window.location.origin : "") {
+  if (!baseOrigin || !splat) {
+    return { path: "/", offOrigin: false };
+  }
+  try {
+    const resolved = new URL(`/${splat}`, baseOrigin);
+    if (resolved.origin !== baseOrigin) {
+      return { path: "/", offOrigin: true };
+    }
+    const path = `${resolved.pathname}${resolved.search}${resolved.hash}`;
+    if (new URL(path, baseOrigin).origin !== baseOrigin) {
+      return { path: "/", offOrigin: true };
+    }
+    return { path, offOrigin: false };
+  } catch {
+    return { path: "/", offOrigin: true };
+  }
+}
 const TROUBLESHOOTING_URL = "https://tina.io/docs/tinacloud/troubleshooting";
 const ErrorModalContent = (props) => {
   const { title, message } = props;
@@ -75663,12 +76334,23 @@ const SetPreviewFlag = ({
   return null;
 };
 const PreviewInner = ({ preview, config }) => {
+  const cms = useCMS$1();
   const params = useParams();
   const navigate = useNavigate();
-  const [url, setURL] = React__default.useState(`/${params["*"]}`);
+  const splat = params["*"];
+  const { path: paramURL, offOrigin } = resolvePreviewPath(splat);
+  const [url, setURL] = React__default.useState(paramURL);
   const [reportedURL, setReportedURL] = useState(null);
   const ref = React__default.useRef(null);
-  const paramURL = `/${params["*"]}`;
+  React__default.useEffect(() => {
+    if (!offOrigin) {
+      return;
+    }
+    cms.alerts.warn(
+      "This preview link points to a different site, so it was not opened."
+    );
+    navigate(`/~${paramURL}`, { replace: true });
+  }, [splat, offOrigin]);
   React__default.useEffect(() => {
     if (reportedURL !== paramURL && paramURL) {
       setURL(paramURL);
@@ -75717,6 +76399,9 @@ const CheckSchema = ({
           );
         }
       }).catch((error) => {
+        if (isSessionExpiredError(error)) {
+          return;
+        }
         if (error.message.includes(ERR_NOT_INDEXED)) {
           setSchemaMissingError(true);
         } else {
@@ -76181,6 +76866,7 @@ export {
   Select$1 as Select,
   SelectField,
   SelectFieldPlugin,
+  SessionExpiredError,
   SettingsIcon,
   StrikethroughIcon,
   StyledFile,
@@ -76233,6 +76919,7 @@ export {
   get,
   getFilteredBranchList,
   getStaticPropsForTina,
+  isSessionExpiredError,
   passwordFieldClasses,
   resolveField,
   safeAssertShape,