tinacms 3.9.3 → 3.10.0

package/dist/index.js

@@ -10,7 +10,7 @@ import React__default, { useState, useCallback, useRef, useEffect, createContext
 import { createPortal } from "react-dom";
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
-import { withRef, cn as cn$1, withCn, createPrimitiveElement, withVariants, withProps, useComposedRef as useComposedRef$1, PortalBody } from "@udecode/cn";
+import { withRef, cn as cn$1, withCn, createPrimitiveElement, withVariants, withProps, PortalBody, useComposedRef as useComposedRef$1 } from "@udecode/cn";
 import { CodePlugin, UnderlinePlugin, StrikethroughPlugin, ItalicPlugin, BoldPlugin, BasicMarksPlugin } from "@udecode/plate-basic-marks/react";
 import { BlockquotePlugin } from "@udecode/plate-block-quote/react";
 import { CodeBlockPlugin, CodeLinePlugin, CodeSyntaxPlugin } from "@udecode/plate-code-block/react";
@@ -23,7 +23,7 @@ import { SlashInputPlugin, SlashPlugin } from "@udecode/plate-slash-command/reac
 import { TablePlugin, TableRowPlugin, useTableCellElement, TableProvider, useTableElement, useTableMergeState, useTableBordersDropdownMenuContentState, TableCellHeaderPlugin, TableCellPlugin } 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, unwrapCodeBlock, isCodeBlockEmpty, isSelectionAtCodeBlockStart } from "@udecode/plate-code-block";
-import { X, Search, ChevronDown, Check, AlertTriangle, BracesIcon, Plus, AlignCenter as AlignCenter$1, AlignJustify, AlignLeft as AlignLeft$1, AlignRight as AlignRight$1, PaintBucket, Quote, ChevronRight, ChevronsUpDown, FileCode, Baseline, RectangleVertical, Combine, Ungroup, MessageSquare, MessageSquarePlus, Trash, GripVertical, Edit2, Smile, ExternalLink, Heading1 as Heading1$1, Heading2 as Heading2$1, Heading3 as Heading3$1, Heading4 as Heading4$1, Heading5 as Heading5$1, Heading6 as Heading6$1, Indent, Keyboard, WrapText, Minus, MoreHorizontal, Outdent, Pilcrow, RotateCcw, RectangleHorizontal, Settings, Highlighter, Strikethrough, Subscript, Superscript, Table as Table$1, Text, Underline, Link2Off, Eye, SeparatorHorizontal, Moon, SunMedium, Twitter, PaintBucketIcon, CombineIcon, SquareSplitHorizontalIcon, Grid2X2Icon, Trash2Icon, ArrowUp, ArrowDown, XIcon, ArrowLeft, ArrowRight, EraserIcon, ChevronDownIcon as ChevronDownIcon$1, ChevronUp, Clock, CalendarCheck, Calendar as Calendar$1, CalendarDays, RotateCw, ChevronLeft, ArrowUpDown, AlertCircle, Image, RefreshCw, Database, CheckCircle2, ImageOff, LoaderCircle, TriangleAlert, FileStack, History, GitBranchIcon, List as List$1, ListOrdered, Grid3x3Icon, CircleX, Link, Unlink } from "lucide-react";
+import { X, Search, ChevronDown, Check, AlertTriangle, BracesIcon, Plus, AlignCenter as AlignCenter$1, AlignJustify, AlignLeft as AlignLeft$1, AlignRight as AlignRight$1, PaintBucket, Quote, ChevronRight, ChevronsUpDown, FileCode, Baseline, RectangleVertical, Combine, Ungroup, MessageSquare, MessageSquarePlus, Trash, GripVertical, Edit2, Smile, ExternalLink, Heading1 as Heading1$1, Heading2 as Heading2$1, Heading3 as Heading3$1, Heading4 as Heading4$1, Heading5 as Heading5$1, Heading6 as Heading6$1, Indent, Keyboard, WrapText, Minus, MoreHorizontal, Outdent, Pilcrow, RotateCcw, RectangleHorizontal, Settings, Highlighter, Strikethrough, Subscript, Superscript, Table as Table$1, Text, Underline, Link2Off, Eye, SeparatorHorizontal, Moon, SunMedium, Twitter, PaintBucketIcon, CombineIcon, SquareSplitHorizontalIcon, Grid2X2Icon, Trash2Icon, ArrowUp, ArrowDown, XIcon, ArrowLeft, ArrowRight, EraserIcon, ChevronDownIcon as ChevronDownIcon$1, ChevronUp, Clock, CalendarCheck, Calendar as Calendar$1, CalendarDays, RotateCw, ChevronLeft, ArrowUpDown, AlertCircle, Image, RefreshCw, Database, CheckCircle2, ImageOff, LoaderCircle, TriangleAlert, FileStack, History, GitBranchIcon, FileText, Globe, List as List$1, ListOrdered, Grid3x3Icon, CircleX, Link, Unlink } from "lucide-react";
 import mermaid from "mermaid";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
@@ -36,7 +36,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, isHeadingLevel, TinaSchema, addNamespaceToSchema, parseURL, resolveForm, normalizePath, canonicalPath, validateSchema } from "@tinacms/schema-tools";
+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 { NAMER, resolveField } from "@tinacms/schema-tools";
 import { useBlockSelected, BlockSelectionPlugin } from "@udecode/plate-selection/react";
 import "@udecode/plate-dnd";
@@ -52,7 +52,7 @@ import arrayMutators from "final-form-arrays";
 import setFieldData from "final-form-set-field-data";
 import { Field, Form as Form$1 } from "react-final-form";
 import PropTypes from "prop-types";
-import { BiCheckCircle, BiError, BiInfoCircle, BiCheck, BiFileBlank, BiEdit, BiPencil, BiSearch, BiX, BiRefresh, BiGitBranch, BiPlus, BiLockAlt, BiLinkExternal, BiGitRepoForked, BiCopyAlt, BiFile, BiFolder, BiMovie, BiArrowToBottom, BiCloudUpload, BiGridAlt, BiListUl, BiRightArrowAlt, BiMenu, BiExit, BiChevronRight, BiFolderOpen, BiLeftArrowAlt, BiChevronDown, BiCopy, BiRename, BiTrash, BiArrowBack, BiSync } from "react-icons/bi";
+import { BiCheckCircle, BiError, BiInfoCircle, BiCheck, BiFileBlank, BiEdit, BiPencil, BiSearch, BiX, BiRefresh, BiGitBranch, BiPlus, BiLockAlt, BiLinkExternal, BiGitRepoForked, BiCopyAlt, BiFile, BiFolder, BiMovie, BiArrowToBottom, BiCloudUpload, BiGridAlt, BiListUl, BiRightArrowAlt, BiMenu, BiExit, BiChevronRight, BiFolderOpen, BiArrowBack, BiLeftArrowAlt, BiChevronDown, BiCopy, BiRename, BiTrash, BiSync } from "react-icons/bi";
 import { BsArrowRightShort, BsExclamationOctagonFill, BsCheckCircleFill } from "react-icons/bs";
 import { useSensors, useSensor, PointerSensor, KeyboardSensor, DndContext, closestCenter } from "@dnd-kit/core";
 import { sortableKeyboardCoordinates, useSortable, SortableContext, verticalListSortingStrategy, defaultAnimateLayoutChanges } from "@dnd-kit/sortable";
@@ -63,11 +63,11 @@ import { buildSchema, print, getIntrospectionQuery, buildClientSchema, parse as
 import { diff as diff$1 } from "@graphql-inspector/core";
 import { processDocumentForIndexing, queryToSearchIndexQuery, optionsToSearchIndexOptions, parseSearchIndexResponse } from "@tinacms/search/index-client";
 import { HexColorPicker } from "react-colorful";
-import { MdKeyboardArrowDown, MdOutlineClear, MdArrowForward, MdAccessTime, MdOutlineDataSaverOff, MdCheckCircle, MdWifiOff, MdOutlineSettings, MdOutlinePhotoLibrary, MdVpnKey, MdImage, MdOutlineCloud, MdWarning, MdInfo, MdError, MdSyncProblem, MdOutlinePerson, MdOutlineHelpOutline } from "react-icons/md";
+import { MdKeyboardArrowDown, MdOutlineClear, MdArrowForward, MdAccessTime, MdOutlineDataSaverOff, MdCheckCircle, MdWifiOff, MdOutlineLanguage, MdOutlinePhotoLibrary, MdVpnKey, MdImage, MdOutlineCloud, MdWarning, MdInfo, MdError, MdSyncProblem, MdOutlinePerson, MdOutlineHelpOutline } from "react-icons/md";
 import * as dropzone from "react-dropzone";
 import { IoMdArrowDropup, IoMdArrowDropdown, IoMdClose, IoMdRefresh } from "react-icons/io";
 import { Command as Command$3 } from "@udecode/cmdk";
-import { Popover as Popover$4, PopoverButton, Transition, PopoverPanel, TransitionChild, Disclosure, DisclosureButton, DisclosurePanel, Menu, MenuButton, MenuItems, MenuItem } from "@headlessui/react";
+import { Popover as Popover$4, PopoverButton, Transition, PopoverPanel, TransitionChild, Disclosure, DisclosureButton, DisclosurePanel, Menu, MenuButton, MenuItems, MenuItem as MenuItem$1 } from "@headlessui/react";
 import { isHotkey } from "is-hotkey";
 import { AutoformatPlugin } from "@udecode/plate-autoformat/react";
 import { ExitBreakPlugin, SoftBreakPlugin } from "@udecode/plate-break/react";
@@ -77,17 +77,15 @@ import { BaseBlockquotePlugin } from "@udecode/plate-block-quote";
 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, useVirtualFloating, getSelectionBoundingClientRect } from "@udecode/plate-floating";
+import { offset, flip, shift, limitShift, useVirtualFloating, getSelectionBoundingClientRect } from "@udecode/plate-floating";
 import { getLinkAttributes } from "@udecode/plate-link";
 import "@heroicons/react/solid";
 import { autoformatSmartQuotes, autoformatPunctuation, autoformatLegal, autoformatArrow, autoformatMath } from "@udecode/plate-autoformat";
 import * as yup from "yup";
-import moment from "moment";
-import "moment-timezone";
+import { format as format$3, formatDistanceToNow } from "date-fns";
 import { enUS } from "date-fns/locale";
 import { DayPicker } from "react-day-picker";
 import * as SelectPrimitive from "@radix-ui/react-select";
-import { formatDistanceToNow } from "date-fns";
 import { GrCircleQuestion } from "react-icons/gr";
 import { useReactTable, getCoreRowModel, getSortedRowModel, flexRender, getFilteredRowModel, getExpandedRowModel } from "@tanstack/react-table";
 import { FiInfo } from "react-icons/fi";
@@ -96,7 +94,7 @@ import { TbLogs } from "react-icons/tb";
 import { ImUsers, ImFilesEmpty } from "react-icons/im";
 import { PiSidebarSimpleLight } from "react-icons/pi";
 import gql from "graphql-tag";
-import { useLocation, NavLink, useNavigate, useParams, Link as Link$1, HashRouter, Routes, Route } from "react-router-dom";
+import { useLocation, NavLink, useNavigate, useParams, Navigate, Link as Link$1, HashRouter, Routes, Route } from "react-router-dom";
 import { RiHome2Line } from "react-icons/ri";
 import { serializeMDX } from "@tinacms/mdx";
 const ModalProvider = ({ children }) => {
@@ -2034,6 +2032,27 @@ const Icons = {
   sun: SunMedium,
   twitter: Twitter
 };
+const EllipsisIcon = ({ title }) => {
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, title && /* @__PURE__ */ React__default.createElement("span", { className: "sr-only" }, title), /* @__PURE__ */ React__default.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      className: "h-5 w-5",
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor"
+    },
+    /* @__PURE__ */ React__default.createElement(
+      "path",
+      {
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 2,
+        d: "M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"
+      }
+    )
+  ));
+};
 function UnorderedListIcon(props) {
   const title = props.title || "format list bulleted";
   return /* @__PURE__ */ React__default.createElement(
@@ -2261,6 +2280,7 @@ const BranchSwitcherDropDownEvent = "branch-switcher-dropdown";
 const BranchSwitcherPRClickedEvent = "branch-switcher-pr-clicked";
 const SavedContentEvent = "saved-content";
 const SaveContentErrorEvent = "save-content-error";
+const EditorialWorkflowSaveEvent = "editorial-workflow-save";
 const FormResetEvent = "form-reset";
 const MediaManagerContentUploadedEvent = "media-manager-content-uploaded";
 const MediaManagerContentDeletedEvent = "media-manager-content-deleted";
@@ -4474,6 +4494,21 @@ function DropdownMenuSeparator({
     }
   );
 }
+const MenuItem = ({ item }) => {
+  const menuItem = /* @__PURE__ */ React.createElement(
+    DropdownMenuItem,
+    {
+      onClick: item.onClick,
+      disabled: item.disabled,
+      variant: item.variant
+    },
+    item.icon && item.icon,
+    item.label
+  );
+  if (!item.tooltip)
+    return menuItem;
+  return /* @__PURE__ */ React.createElement(Tooltip$1, null, /* @__PURE__ */ React.createElement(TooltipTrigger$1, { asChild: true }, /* @__PURE__ */ React.createElement("div", null, menuItem)), /* @__PURE__ */ React.createElement(TooltipPortal, null, /* @__PURE__ */ React.createElement(TooltipContent$1, { side: "left" }, item.tooltip)));
+};
 const DropdownButton = React.forwardRef(
   ({
     variant = "primary",
@@ -4511,17 +4546,7 @@ const DropdownButton = React.forwardRef(
             )
           }
         )
-      )), /* @__PURE__ */ React.createElement(DropdownMenuContent, { align: "end", side: "bottom", className: "z-[100000]" }, items.map((item, index) => /* @__PURE__ */ React.createElement(
-        DropdownMenuItem,
-        {
-          key: index,
-          onClick: item.onClick,
-          disabled: item.disabled,
-          variant: item.variant
-        },
-        item.icon && item.icon,
-        item.label
-      ))));
+      )), /* @__PURE__ */ React.createElement(DropdownMenuContent, { align: "end", side: "bottom", className: "z-[100000]" }, /* @__PURE__ */ React.createElement(TooltipProvider$1, null, items.map((item, index) => /* @__PURE__ */ React.createElement(MenuItem, { key: index, item })))));
     }
     return /* @__PURE__ */ React.createElement("div", { className: cn("inline-flex", className) }, /* @__PURE__ */ React.createElement(
       Button$2,
@@ -4558,19 +4583,10 @@ const DropdownButton = React.forwardRef(
           style: { fill: "none" }
         }
       )
-    )), /* @__PURE__ */ React.createElement(DropdownMenuContent, { align: "end", side: "bottom" }, items.map((item, index) => {
+    )), /* @__PURE__ */ React.createElement(DropdownMenuContent, { align: "end", side: "bottom" }, /* @__PURE__ */ React.createElement(TooltipProvider$1, null, items.map((item, index) => {
       var _a;
-      return /* @__PURE__ */ React.createElement(React.Fragment, { key: index }, /* @__PURE__ */ React.createElement(
-        DropdownMenuItem,
-        {
-          onClick: item.onClick,
-          disabled: item.disabled,
-          variant: item.variant
-        },
-        item.icon && item.icon,
-        item.label
-      ), item.variant === "destructive" && index < items.length - 1 && ((_a = items[index + 1]) == null ? void 0 : _a.variant) !== "destructive" && /* @__PURE__ */ React.createElement(DropdownMenuSeparator, null));
-    }))));
+      return /* @__PURE__ */ React.createElement(React.Fragment, { key: index }, /* @__PURE__ */ React.createElement(MenuItem, { item }), item.variant === "destructive" && index < items.length - 1 && ((_a = items[index + 1]) == null ? void 0 : _a.variant) !== "destructive" && /* @__PURE__ */ React.createElement(DropdownMenuSeparator, null));
+    })))));
   }
 );
 DropdownButton.displayName = "DropdownButton";
@@ -5946,7 +5962,7 @@ const useGetOptionSets = (cms, collections, collectionFilter) => {
   }, [cms, collections]);
   return { optionSets, loading };
 };
-const getFilename = (optionSets, value) => {
+const getFilename$1 = (optionSets, value) => {
   const nodes = optionSets.flatMap(
     (optionSet) => optionSet.edges.map((edge) => edge.node)
   );
@@ -5964,7 +5980,7 @@ const Combobox = ({ cms, input, field }) => {
   );
   const [filteredOptionsList, setFilteredOptionsList] = React.useState(optionSets);
   React.useEffect(() => {
-    setDisplayText(getFilename(optionSets, value));
+    setDisplayText(getFilename$1(optionSets, value));
     input.onChange(value);
   }, [value, input, optionSets]);
   React.useEffect(() => {
@@ -7603,6 +7619,81 @@ const PopoverContent = React.forwardRef(({ className, align = "center", sideOffs
   }
 )));
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+const TOKEN_MAP = [
+  // Year
+  ["YYYY", "yyyy"],
+  ["YY", "yy"],
+  // Month
+  ["MMMM", "MMMM"],
+  ["MMM", "MMM"],
+  ["MM", "MM"],
+  ["M", "M"],
+  // Day of month (uppercase D = day-of-month in moment)
+  ["DD", "dd"],
+  ["Do", "do"],
+  ["D", "d"],
+  // Weekday (lowercase d = weekday in moment)
+  ["dddd", "EEEE"],
+  ["ddd", "EEE"],
+  ["dd", "EEEEEE"],
+  // 24-hour
+  ["HH", "HH"],
+  ["H", "H"],
+  // 12-hour
+  ["hh", "hh"],
+  ["h", "h"],
+  // Minute
+  ["mm", "mm"],
+  ["m", "m"],
+  // Second
+  ["ss", "ss"],
+  ["s", "s"],
+  // Millisecond
+  ["SSS", "SSS"],
+  // AM/PM
+  ["A", "a"],
+  ["a", "aaa"],
+  // Timezone offset
+  ["ZZ", "xx"],
+  ["Z", "xxx"],
+  // Unix timestamps
+  ["X", "t"],
+  ["x", "T"]
+];
+function momentToDateFns(momentFormat) {
+  let result = "";
+  let i = 0;
+  while (i < momentFormat.length) {
+    if (momentFormat[i] === "[") {
+      const end = momentFormat.indexOf("]", i + 1);
+      if (end !== -1) {
+        const literal = momentFormat.slice(i + 1, end).replace(/'/g, "''");
+        result += `'${literal}'`;
+        i = end + 1;
+        continue;
+      }
+    }
+    let matched = false;
+    for (const [momentToken, dateFnsToken] of TOKEN_MAP) {
+      if (momentFormat.startsWith(momentToken, i)) {
+        result += dateFnsToken;
+        i += momentToken.length;
+        matched = true;
+        break;
+      }
+    }
+    if (!matched) {
+      const ch = momentFormat[i];
+      if (/[a-zA-Z]/.test(ch)) {
+        result += `'${ch}'`;
+      } else {
+        result += ch;
+      }
+      i++;
+    }
+  }
+  return result;
+}
 const Select = SelectPrimitive.Root;
 const SelectValue = SelectPrimitive.Value;
 const SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React.createElement(
@@ -8353,8 +8444,7 @@ const DateTimePicker = React.forwardRef(
 );
 DateTimePicker.displayName = "DateTimePicker";
 const format$1 = (date, format2) => {
-  const m = moment(date);
-  return m.format(format2);
+  return format$3(date, momentToDateFns(format2));
 };
 const DateField = wrapFieldsWithMeta(
   ({
@@ -8687,7 +8777,7 @@ const BranchSwitcherLegacy = ({
             return newBranchList;
           });
         }).catch((e) => {
-          if (e.message === "AsyncPoller: cancelled")
+          if (e.message === ASYNC_POLLER_ERROR.CANCELLED)
             return;
           console.error(e);
         });
@@ -9415,7 +9505,7 @@ const EditoralBranchSwitcher = ({
             return newBranchList;
           });
         }).catch((e) => {
-          if (e.message === "AsyncPoller: cancelled")
+          if (e.message === ASYNC_POLLER_ERROR.CANCELLED)
             return;
           console.error(e);
         });
@@ -9713,7 +9803,7 @@ class GlobalFormPlugin {
     __publicField(this, "layout");
     this.form = form;
     this.name = form.label;
-    this.Icon = icon || MdOutlineSettings;
+    this.Icon = icon || MdOutlineLanguage;
     this.layout = layout || "popup";
     this.Component = () => {
       const cms = useCMS();
@@ -13168,34 +13258,10 @@ const FormModal = ({ plugin, close: close2 }) => {
   );
   return /* @__PURE__ */ React.createElement(Modal, { id: "content-creator-modal", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React.createElement(PopupModal, null, /* @__PURE__ */ React.createElement(ModalHeader, { close: close2 }, plugin.name), /* @__PURE__ */ React.createElement(ModalBody, null, /* @__PURE__ */ React.createElement(FormBuilder, { form: { tinaForm: form } }))));
 };
-const NavContext = createContext(void 0);
-const useNav = () => {
-  const context = useContext(NavContext);
-  if (!context) {
-    throw new Error("useNav must be used within a NavProvider");
-  }
-  return context;
-};
-const NavProvider = ({
-  children,
-  defaultOpen = false
-}) => {
-  const [menuIsOpen, setMenuIsOpen] = useState(defaultOpen);
-  const toggleMenu = () => setMenuIsOpen((prev) => !prev);
-  const openMenu = () => setMenuIsOpen(true);
-  const closeMenu = () => setMenuIsOpen(false);
-  const value = {
-    menuIsOpen,
-    toggleMenu,
-    openMenu,
-    closeMenu
-  };
-  return /* @__PURE__ */ React__default.createElement(NavContext.Provider, { value }, children);
-};
 const name = "tinacms";
 const type = "module";
 const typings = "dist/index.d.ts";
-const version$1 = "3.9.3";
+const version$1 = "3.10.0";
 const main = "dist/index.js";
 const module = "./dist/index.js";
 const exports = {
@@ -13244,13 +13310,12 @@ const dependencies = {
   "@headlessui/react": "2.1.8",
   "@heroicons/react": "^1.0.6",
   "@monaco-editor/react": "catalog:",
-  "@radix-ui/react-checkbox": "catalog:",
   "@radix-ui/react-dialog": "catalog:",
   "@radix-ui/react-dropdown-menu": "catalog:",
   "@radix-ui/react-popover": "catalog:",
   "@radix-ui/react-select": "catalog:",
   "@radix-ui/react-separator": "catalog:",
-  "@radix-ui/react-slot": "^1.1.2",
+  "@radix-ui/react-slot": "catalog:",
   "@radix-ui/react-toolbar": "catalog:",
   "@radix-ui/react-tooltip": "catalog:",
   "@react-hook/window-size": "catalog:",
@@ -13283,7 +13348,6 @@ const dependencies = {
   "@udecode/plate-slash-command": "catalog:",
   "@udecode/plate-table": "catalog:",
   "@udecode/plate-trailing-block": "catalog:",
-  add: "catalog:",
   "async-lock": "catalog:",
   "class-variance-authority": "catalog:",
   clsx: "catalog:",
@@ -13300,14 +13364,11 @@ const dependencies = {
   "is-hotkey": "catalog:",
   "lucide-react": "catalog:",
   mermaid: "^11.12.2",
-  moment: "catalog:",
-  "moment-timezone": "^0.6.0",
   "monaco-editor": "catalog:",
   "posthog-js": "^1.347.1",
   "prism-react-renderer": "catalog:",
   "prop-types": "catalog:",
   "react-colorful": "catalog:",
-  "react-datetime": "catalog:",
   "react-day-picker": "^9.13.0",
   "react-dnd": "catalog:",
   "react-dnd-html5-backend": "catalog:",
@@ -13422,6 +13483,30 @@ const LatestVersionWarning = ({
   }
   return /* @__PURE__ */ React__default.createElement("span", { className: "text-yellow-700" }, /* @__PURE__ */ React__default.createElement(TriangleAlert, { className: "w-4 h-4 inline-block mb-px" }), /* @__PURE__ */ React__default.createElement("br", null), "v", latestVersion, " published ", relativePublishedAt);
 };
+const NavContext = createContext(void 0);
+const useNav = () => {
+  const context = useContext(NavContext);
+  if (!context) {
+    throw new Error("useNav must be used within a NavProvider");
+  }
+  return context;
+};
+const NavProvider = ({
+  children,
+  defaultOpen = false
+}) => {
+  const [menuIsOpen, setMenuIsOpen] = useState(defaultOpen);
+  const toggleMenu = () => setMenuIsOpen((prev) => !prev);
+  const openMenu = () => setMenuIsOpen(true);
+  const closeMenu = () => setMenuIsOpen(false);
+  const value = {
+    menuIsOpen,
+    toggleMenu,
+    openMenu,
+    closeMenu
+  };
+  return /* @__PURE__ */ React__default.createElement(NavContext.Provider, { value }, children);
+};
 const useGetEvents = (cms, cursor, existingEvents) => {
   const [events, setEvents] = useState([]);
   const [nextCursor, setNextCursor] = useState(void 0);
@@ -13583,6 +13668,7 @@ const Nav = ({
   sidebarWidth,
   RenderNavSite,
   RenderNavCloud,
+  RenderNavGlobal,
   RenderNavCollection,
   AuthRenderNavCollection,
   ...props
@@ -13593,17 +13679,21 @@ const Nav = ({
   const menuIsOpen = menuIsOpenProp ?? (navContext == null ? void 0 : navContext.menuIsOpen) ?? false;
   const toggleMenu = toggleMenuProp ?? (navContext == null ? void 0 : navContext.toggleMenu) ?? (() => {
   });
-  const { contentCollections, authCollection } = collectionsInfo.collections.reduce(
+  const { contentCollections, authCollection, globalCollections } = collectionsInfo.collections.reduce(
     (acc, collection) => {
+      var _a;
       if (collection.isAuthCollection) {
         acc.authCollection = collection;
+      } else if ((_a = collection.ui) == null ? void 0 : _a.global) {
+        acc.globalCollections.push(collection);
       } else {
         acc.contentCollections.push(collection);
       }
       return acc;
     },
     {
-      contentCollections: []
+      contentCollections: [],
+      globalCollections: []
     }
   );
   const screenCategories = screens.reduce(
@@ -13663,7 +13753,9 @@ const Nav = ({
         RenderNavCollection,
         collections: contentCollections
       }
-    )), (screenCategories.Site.length > 0 || contentCreators.length) > 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("h4", { className: "uppercase font-sans font-bold text-sm mb-3 mt-8 text-gray-700" }, "Site"), /* @__PURE__ */ React.createElement("ul", { className: "flex flex-col gap-4" }, screenCategories.Site.map((view) => {
+    )), (globalCollections.length > 0 || screenCategories.Site.length > 0 || contentCreators.length > 0) && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("h4", { className: "uppercase font-sans font-bold text-sm mb-3 mt-8 text-gray-700" }, "Site"), /* @__PURE__ */ React.createElement("ul", { className: "flex flex-col gap-4" }, globalCollections.map((collection) => {
+      return /* @__PURE__ */ React.createElement("li", { key: `nav-global-${collection.name}` }, /* @__PURE__ */ React.createElement(RenderNavGlobal, { collection }));
+    }), screenCategories.Site.map((view) => {
       return /* @__PURE__ */ React.createElement("li", { key: `nav-site-${view.name}` }, /* @__PURE__ */ React.createElement(RenderNavSite, { view }));
     }), contentCreators.map((plugin, idx) => {
       return /* @__PURE__ */ React.createElement(
@@ -13905,7 +13997,7 @@ function BreadcrumbSeparator({
       className: cn("[&>svg]:size-3.5", className),
       ...props
     },
-    children ?? /* @__PURE__ */ React.createElement(ChevronRight, null)
+    children ?? "/"
   );
 }
 function BreadcrumbEllipsis({
@@ -13925,6 +14017,32 @@ function BreadcrumbEllipsis({
     /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, "More")
   );
 }
+const TooltipProvider = TooltipPrimitive.Provider;
+const Tooltip = TooltipPrimitive.Root;
+const TooltipTrigger = TooltipPrimitive.Trigger;
+const TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React.createElement(TooltipPrimitive.Portal, null, /* @__PURE__ */ React.createElement(
+  TooltipPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "z-[10000] overflow-hidden rounded bg-[#FFF] px-3 py-1.5 text-xs text-[#504E5E] shadow-sm animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]",
+      className
+    ),
+    ...props
+  }
+)));
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+const documentListPath = (collectionName, filePath) => {
+  const folderPath = canonicalPath(filePath).split("/").slice(0, -1).join("/");
+  return `/collections/${collectionName}/~${folderPath ? `/${folderPath}` : ""}`;
+};
+const collectionListPathForDocument = (fullPath, collection) => {
+  const collectionPath = canonicalPath(collection.path || "");
+  const canonical = canonicalPath(fullPath);
+  const relativePath = collectionPath ? canonical.slice(collectionPath.length + 1) : canonical;
+  return documentListPath(collection.name, relativePath);
+};
 const getPaddingClass = (depth) => `${1.5 + depth * 1.35}rem`;
 const collectAllDocumentItems = (items, isGlobalFn) => {
   const allItems = [];
@@ -14323,22 +14441,6 @@ const Emoji$1 = ({ className = "", ...props }) => /* @__PURE__ */ React.createEl
     ...props
   }
 );
-const TooltipProvider = TooltipPrimitive.Provider;
-const Tooltip = TooltipPrimitive.Root;
-const TooltipTrigger = TooltipPrimitive.Trigger;
-const TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React.createElement(TooltipPrimitive.Portal, null, /* @__PURE__ */ React.createElement(
-  TooltipPrimitive.Content,
-  {
-    ref,
-    sideOffset,
-    className: cn(
-      "z-[10000] overflow-hidden rounded bg-[#FFF] px-3 py-1.5 text-xs text-[#504E5E] shadow-sm animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]",
-      className
-    ),
-    ...props
-  }
-)));
-TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 const minimumTimeToShowLoadingIndicator = 1e3;
 const FormsView = ({ loadingPlaceholder } = {}) => {
   var _a, _b, _c, _d;
@@ -14443,18 +14545,42 @@ const FormsView = ({ loadingPlaceholder } = {}) => {
     ))
   ));
 };
+const getFilename = (path) => {
+  var _a;
+  return (_a = path == null ? void 0 : path.split("/").pop()) == null ? void 0 : _a.replace(/\.[^/.]+$/, "");
+};
 const FormHeader = ({
   activeForm,
   repoProvider,
   branch,
   isLocalMode
 }) => {
+  var _a, _b;
+  const cms = useCMS$1();
   const { formIsPristine } = React.useContext(SidebarContext);
+  const path = activeForm.tinaForm.path;
+  let collectionCrumb;
+  try {
+    const collection = (_b = (_a = cms.api.tina.schema) == null ? void 0 : _a.getCollectionByFullPath) == null ? void 0 : _b.call(_a, path);
+    if (collection) {
+      const tinaPreview = cms.flags.get("tina-preview") || false;
+      const href = `${tinaPreview ? `/${tinaPreview}/index.html#` : "/admin#"}${collectionListPathForDocument(path, collection)}`;
+      collectionCrumb = {
+        label: collection.label || collection.name,
+        onClick: () => {
+          window.location.href = href;
+        }
+      };
+    }
+  } catch {
+  }
   return /* @__PURE__ */ React.createElement("div", { className: "px-4 pt-2 pb-4 flex flex-row flex-nowrap justify-between items-center gap-2 bg-gradient-to-t from-white to-gray-50 border-b border-gray-100" }, /* @__PURE__ */ React.createElement(
     FormBreadcrumbs,
     {
       className: "w-[calc(100%-3rem)]",
-      contentPath: activeForm.tinaForm.path
+      rootBreadcrumbName: getFilename(path),
+      contentPath: path,
+      collectionCrumb
     }
   ), /* @__PURE__ */ React.createElement(
     FileHistoryProvider,
@@ -14502,26 +14628,50 @@ const BreadcrumbItemLink = ({
   breadcrumb,
   onClick
 }) => {
-  return /* @__PURE__ */ React.createElement(BreadcrumbItem, { className: "shrink truncate" }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(BreadcrumbItem, { className: "shrink min-w-0" }, /* @__PURE__ */ React.createElement(
     BreadcrumbLink,
     {
       asChild: true,
-      className: "text-gray-700 truncate hover:text-orange-500"
+      className: "block min-w-0 truncate text-gray-700 hover:text-orange-500"
     },
     /* @__PURE__ */ React.createElement("button", { type: "button", onClick }, breadcrumb)
   ));
 };
+const CollectionBreadcrumbItem = ({
+  label,
+  onClick
+}) => {
+  return /* @__PURE__ */ React.createElement(BreadcrumbItem, { className: "shrink min-w-0" }, /* @__PURE__ */ React.createElement(
+    BreadcrumbLink,
+    {
+      asChild: true,
+      className: "min-w-0 text-gray-700 hover:text-orange-500"
+    },
+    /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        type: "button",
+        onClick,
+        "aria-label": `Back to ${label}`,
+        className: "flex items-center gap-1.5 min-w-0"
+      },
+      /* @__PURE__ */ React.createElement(BiArrowBack, { className: "w-4 h-4 shrink-0 opacity-80" }),
+      /* @__PURE__ */ React.createElement("span", { className: "truncate min-w-0" }, label)
+    )
+  ));
+};
 const FinalBreadcrumbItem = ({ breadcrumb }) => {
-  return /* @__PURE__ */ React.createElement(BreadcrumbItem, { className: "shrink truncate" }, /* @__PURE__ */ React.createElement(BreadcrumbPage, { className: "text-gray-700 font-medium cursor-default" }, breadcrumb));
+  return /* @__PURE__ */ React.createElement(BreadcrumbItem, { className: "shrink min-w-0" }, /* @__PURE__ */ React.createElement(BreadcrumbPage, { className: "block min-w-0 truncate text-gray-700 font-medium cursor-default" }, breadcrumb));
 };
 const FormBreadcrumbs = ({
   rootBreadcrumbName,
   contentPath,
+  collectionCrumb,
   ...props
 }) => {
   const cms = useCMS$1();
   const breadcrumbs = cms.state.breadcrumbs;
-  if (breadcrumbs.length === 0) {
+  if (breadcrumbs.length === 0 && !collectionCrumb) {
     return null;
   }
   const goBack = (formId, fieldName) => {
@@ -14537,7 +14687,13 @@ const FormBreadcrumbs = ({
   const secondLastBreadcrumb = breadcrumbs.length > 2 ? breadcrumbs[breadcrumbs.length - 2] : null;
   const lastBreadcrumb = breadcrumbs.length > 1 ? breadcrumbs[breadcrumbs.length - 1] : null;
   const dropdownBreadcrumbs = breadcrumbs.length > 3 ? breadcrumbs.slice(1, -2) : [];
-  return /* @__PURE__ */ React.createElement(Breadcrumb$1, { ...props }, /* @__PURE__ */ React.createElement(BreadcrumbList, { className: "flex-nowrap text-nowrap" }, /* @__PURE__ */ React.createElement(TooltipProvider, null, /* @__PURE__ */ React.createElement(Tooltip, null, /* @__PURE__ */ React.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React.createElement("span", null, breadcrumbs.length > 1 ? /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(Breadcrumb$1, { ...props }, /* @__PURE__ */ React.createElement(BreadcrumbList, { className: "flex-nowrap text-nowrap overflow-hidden" }, collectionCrumb && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    CollectionBreadcrumbItem,
+    {
+      label: collectionCrumb.label,
+      onClick: collectionCrumb.onClick
+    }
+  ), breadcrumbs.length > 0 && /* @__PURE__ */ React.createElement(BreadcrumbSeparator, null)), /* @__PURE__ */ React.createElement(TooltipProvider, null, /* @__PURE__ */ React.createElement(Tooltip, null, /* @__PURE__ */ React.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React.createElement("span", { className: "flex min-w-0 shrink" }, breadcrumbs.length > 1 ? /* @__PURE__ */ React.createElement(
     BreadcrumbItemLink,
     {
       breadcrumb: rootBreadcrumbName || firstBreadcrumb.label,
@@ -14781,6 +14937,15 @@ const Sidebar$1 = ({
             }
           ),
           RenderNavCloud: ({ config }) => /* @__PURE__ */ React.createElement(NavCloudLink, { config }),
+          RenderNavGlobal: ({ collection }) => /* @__PURE__ */ React.createElement(
+            SidebarGlobalLink,
+            {
+              collection,
+              onClick: () => {
+                setMenuIsOpen(false);
+              }
+            }
+          ),
           RenderNavCollection: ({ collection }) => /* @__PURE__ */ React.createElement(
             SidebarCollectionLink,
             {
@@ -14888,6 +15053,25 @@ const SidebarSiteLink = ({
     view.name
   );
 };
+const SidebarGlobalLink = ({
+  collection,
+  onClick
+}) => {
+  const cms = useCMS$1();
+  const tinaPreview = cms.flags.get("tina-preview") || false;
+  const href = `${tinaPreview ? `/${tinaPreview}/index.html#` : "/admin#"}/collections/${collection.name}/~`;
+  return /* @__PURE__ */ React.createElement(
+    "a",
+    {
+      onClick,
+      href,
+      className: "text-base tracking-wide text-gray-500 hover:text-blue-600 flex items-center opacity-90 hover:opacity-100"
+    },
+    /* @__PURE__ */ React.createElement(MdOutlineLanguage, { className: "mr-2 h-6 opacity-80 w-auto" }),
+    " ",
+    collection.label ? collection.label : collection.name
+  );
+};
 const SidebarCollectionLink = ({
   Icon = ImFilesEmpty,
   collection,
@@ -16182,9 +16366,9 @@ const getEditorialWorkflowErrorMessage = (e) => {
         break;
     }
   } else if (err.message) {
-    if (err.message.toLowerCase().includes("already exists")) {
+    if (err.message.toLowerCase().includes(ERR_BRANCH_EXISTS)) {
       errMessage = "A branch with this name already exists";
-    } else if (err.message.toLowerCase().includes("conflict")) {
+    } else if (err.message.toLowerCase().includes(ERR_BRANCH_CONFLICT)) {
       errMessage = err.message;
     }
   }
@@ -16224,12 +16408,13 @@ function useEditorialWorkflow() {
     values,
     crudType,
     tinaForm,
-    signal
+    signal,
+    isDraft
   }) => {
     var _a;
     try {
       if (signal == null ? void 0 : signal.aborted)
-        return false;
+        return { success: false };
       const targetBranchExists = await checkTargetBranchExists(
         tinaApi,
         branchName,
@@ -16237,12 +16422,12 @@ function useEditorialWorkflow() {
         signal
       );
       if (signal == null ? void 0 : signal.aborted)
-        return false;
+        return { success: false };
       if (targetBranchExists) {
         setErrorMessage(TARGET_BRANCH_EXISTS_ERROR);
         setIsExecuting(false);
         setCurrentStep(0);
-        return false;
+        return { success: false, error: TARGET_BRANCH_EXISTS_ERROR };
       }
       setIsExecuting(true);
       setCurrentStep(1);
@@ -16268,6 +16453,7 @@ function useEditorialWorkflow() {
         branchName,
         baseBranch,
         prTitle: getEditorialWorkflowPrTitle(branchName),
+        isDraft,
         graphQLContentOp: {
           query: graphql2,
           variables: {
@@ -16313,14 +16499,14 @@ function useEditorialWorkflow() {
         const folderPath = relativePath.includes("/") ? relativePath.substring(0, relativePath.lastIndexOf("/")) : "";
         window.location.hash = `#/collections/${collection.name}${folderPath ? `/${folderPath}` : ""}`;
       }
-      return true;
+      return { success: true };
     } catch (e) {
       console.error(e);
       const errMessage = getEditorialWorkflowErrorMessage(e);
       setErrorMessage(errMessage);
       setIsExecuting(false);
       setCurrentStep(0);
-      return false;
+      return { success: false, error: errMessage };
     }
   };
   return {
@@ -16416,6 +16602,41 @@ const EditorialWorkflowProgressModal = ({
     elapsedTime
   }
 ))));
+function useLocalStorage(key, initialValue) {
+  const [storedValue, setStoredValue] = React.useState(() => {
+    try {
+      const valueFromStorage = typeof window !== "undefined" && window.localStorage && window.localStorage.getItem(key);
+      if (valueFromStorage != null) {
+        return JSON.parse(valueFromStorage);
+      }
+    } catch (error2) {
+    }
+    return initialValue;
+  });
+  React.useEffect(() => {
+    const valueFromStorage = window.localStorage && window.localStorage.getItem(key);
+    if (valueFromStorage != null && valueFromStorage != void 0) {
+      setStoredValue(JSON.parse(valueFromStorage));
+    }
+  }, [key]);
+  const setValue = (value) => {
+    try {
+      const valueToStore = value instanceof Function ? value(storedValue) : value;
+      setStoredValue(valueToStore);
+      localStorage.setItem(key, JSON.stringify(valueToStore));
+    } catch (error2) {
+      console.log(error2);
+    }
+  };
+  return [storedValue, setValue];
+}
+const SAVE_CHOICE_KEY = "tina.editorialWorkflow.saveChoice";
+const SAVE_CHOICE_ORDER = ["draft", "review", "publish"];
+const resolveSaveOptions = (lastChoice, disablePublish) => {
+  const main2 = lastChoice === "publish" && disablePublish ? "draft" : lastChoice;
+  const menu = SAVE_CHOICE_ORDER.filter((choice) => choice !== main2);
+  return { main: main2, menu };
+};
 const formatDefaultBranchName = (filePath, crudType) => {
   let result = filePath;
   const contentPrefix = "content/";
@@ -16468,7 +16689,7 @@ const CreateBranchModal = ({
       (_a = branchGuardAbortRef.current) == null ? void 0 : _a.abort();
     };
   }, []);
-  const executeEditorialWorkflow = async () => {
+  const executeEditorialWorkflow = async (isDraft) => {
     abortBranchGuard();
     const abortController = new AbortController();
     branchGuardAbortRef.current = abortController;
@@ -16492,18 +16713,26 @@ const CreateBranchModal = ({
       return;
     }
     setIsBranchGuardChecking(false);
-    const success = await executeWorkflow({
+    const { success, error: error2 } = await executeWorkflow({
       branchName: targetBranch,
       baseBranch,
       path,
       values,
       crudType,
       tinaForm,
-      signal: abortController.signal
+      signal: abortController.signal,
+      isDraft
     });
     if (branchGuardAbortRef.current === abortController) {
       branchGuardAbortRef.current = null;
     }
+    if (abortController.signal.aborted)
+      return;
+    captureEvent(EditorialWorkflowSaveEvent, {
+      choice: isDraft ? "draft" : "review",
+      success,
+      error: error2
+    });
     if (success) {
       close2();
     }
@@ -16537,8 +16766,10 @@ const CreateBranchModal = ({
       onSaveToProtectedBranch: () => {
         abortBranchGuard();
         close2();
-        safeSubmit();
-      }
+        safeSubmit("publish");
+      },
+      showSaveOptions: true,
+      disablePublish: !!tinaApi.usingProtectedBranch()
     }
   );
 };
@@ -16549,8 +16780,36 @@ const CreateBranchPromptModal = ({
   errorMessage,
   onBranchNameChange,
   onCreateBranch,
-  onSaveToProtectedBranch
+  onSaveToProtectedBranch,
+  showSaveOptions = false,
+  disablePublish = false
 }) => {
+  const [lastChoice, setLastChoice] = useLocalStorage(
+    SAVE_CHOICE_KEY,
+    "draft"
+  );
+  const { main: main2, menu } = resolveSaveOptions(lastChoice, disablePublish);
+  const choices = {
+    draft: {
+      label: "Save draft",
+      Icon: FileText,
+      run: () => onCreateBranch(true)
+    },
+    review: {
+      label: "Save (ready for review)",
+      Icon: Eye,
+      run: () => onCreateBranch(false)
+    },
+    publish: {
+      label: "Save and publish",
+      Icon: Globe,
+      run: onSaveToProtectedBranch,
+      disabled: disablePublish,
+      tooltip: disablePublish ? "This branch is protected. Save a draft or send it for review instead." : void 0
+    }
+  };
+  const mainChoice = choices[main2] ?? choices.draft;
+  const MainIcon = mainChoice.Icon;
   return /* @__PURE__ */ React.createElement(Modal, { className: "flex" }, /* @__PURE__ */ React.createElement(PopupModal, { className: "w-auto" }, /* @__PURE__ */ React.createElement(ModalHeader, { close: close2 }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between w-full" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center" }, "Save changes to new branch"))), /* @__PURE__ */ React.createElement(ModalBody, { padded: true }, /* @__PURE__ */ React.createElement("div", { className: "max-w-sm" }, errorMessage && /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-1 text-red-700 py-2 px-3 mb-4 bg-red-50 border border-red-200 rounded" }, /* @__PURE__ */ React.createElement(BiError, { className: "w-5 h-auto text-red-400 flex-shrink-0" }), /* @__PURE__ */ React.createElement("span", { className: "text-sm" }, /* @__PURE__ */ React.createElement("b", null, "Error:"), " ", errorMessage)), /* @__PURE__ */ React.createElement("p", { className: "text-lg text-gray-700 font-bold mb-2" }, "First, let's create a copy"), /* @__PURE__ */ React.createElement("p", { className: "text-sm text-gray-700 mb-4 max-w-sm" }, "To make changes, you need to create a copy then get it approved and merged for it to go live.", /* @__PURE__ */ React.createElement("br", null), /* @__PURE__ */ React.createElement("br", null), /* @__PURE__ */ React.createElement("span", { className: "text-gray-500" }, "Learn more about "), /* @__PURE__ */ React.createElement(
     "a",
     {
@@ -16578,14 +16837,39 @@ const CreateBranchPromptModal = ({
       onClick: close2
     },
     "Cancel"
-  ), /* @__PURE__ */ React.createElement(
+  ), showSaveOptions ? /* @__PURE__ */ React.createElement(
     DropdownButton,
     {
       variant: "primary",
       align: "start",
       className: "w-full sm:w-auto",
       disabled,
-      onMainAction: onCreateBranch,
+      onMainAction: mainChoice.run,
+      items: menu.map((choice) => {
+        const option = choices[choice];
+        const OptionIcon = option.Icon;
+        return {
+          label: option.label,
+          icon: /* @__PURE__ */ React.createElement(OptionIcon, { className: "w-4 h-4" }),
+          disabled: option.disabled,
+          tooltip: option.tooltip,
+          onClick: () => {
+            setLastChoice(choice);
+            option.run();
+          }
+        };
+      })
+    },
+    /* @__PURE__ */ React.createElement(MainIcon, { className: "w-4 h-4 mr-1", style: { fill: "none" } }),
+    mainChoice.label
+  ) : /* @__PURE__ */ React.createElement(
+    DropdownButton,
+    {
+      variant: "primary",
+      align: "start",
+      className: "w-full sm:w-auto",
+      disabled,
+      onMainAction: () => onCreateBranch(false),
       items: [
         {
           label: "Save to Protected Branch",
@@ -16594,7 +16878,13 @@ const CreateBranchPromptModal = ({
         }
       ]
     },
-    /* @__PURE__ */ React.createElement(GitBranchIcon, { className: "w-4 h-4 mr-1", style: { fill: "none" } }),
+    /* @__PURE__ */ React.createElement(
+      GitBranchIcon,
+      {
+        className: "w-4 h-4 mr-1",
+        style: { fill: "none" }
+      }
+    ),
     "Save to a new branch"
   ))));
 };
@@ -16634,7 +16924,7 @@ const BranchDeletedModal = ({
     reset
   } = useEditorialWorkflow();
   const handleCreate = async () => {
-    const success = await executeWorkflow({
+    const { success } = await executeWorkflow({
       branchName: `tina/${newBranchName}`,
       baseBranch,
       path,
@@ -16811,7 +17101,16 @@ const FormBuilder = ({
     }) => {
       const usingProtectedBranch = cms.api.tina.usingProtectedBranch();
       const canSubmit = !pristine && !submitting && !hasValidationErrors && !(invalid && !dirtySinceLastSubmit);
-      const safeSubmit = async () => {
+      const safeSubmit = async (editorialWorkflowChoice) => {
+        const captureWorkflowChoice = (success, error2) => {
+          if (editorialWorkflowChoice) {
+            captureEvent(EditorialWorkflowSaveEvent, {
+              choice: editorialWorkflowChoice,
+              success,
+              error: error2
+            });
+          }
+        };
         if (canSubmit) {
           const alertsBefore = new Set(cms.alerts.all.map((a) => a.id));
           console.debug(
@@ -16834,6 +17133,7 @@ const FormBuilder = ({
                   cms.alerts.dismiss(alert);
                 }
               }
+              captureWorkflowChoice(false, errorMsg);
               setDeletedBranchModalOpen(true);
               return;
             }
@@ -16841,10 +17141,12 @@ const FormBuilder = ({
               documentPath: tinaForm.path,
               error: errorMsg
             });
+            captureWorkflowChoice(false, errorMsg);
           } else {
             captureEvent(SavedContentEvent, {
               documentPath: tinaForm.path
             });
+            captureWorkflowChoice(true);
           }
         } else {
           console.debug(
@@ -17199,27 +17501,6 @@ const insertImg = (editor, media) => {
   }
   editor.tf.normalize({ force: true });
 };
-const EllipsisIcon = ({ title }) => {
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, title && /* @__PURE__ */ React__default.createElement("span", { className: "sr-only" }, title), /* @__PURE__ */ React__default.createElement(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      className: "h-5 w-5",
-      fill: "none",
-      viewBox: "0 0 24 24",
-      stroke: "currentColor"
-    },
-    /* @__PURE__ */ React__default.createElement(
-      "path",
-      {
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: 2,
-        d: "M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"
-      }
-    )
-  ));
-};
 const Wrapper = ({ inline, children }) => {
   const Component = inline ? "span" : "div";
   return /* @__PURE__ */ React__default.createElement(
@@ -18742,7 +19023,7 @@ const useCreateEditor = ({
   });
 };
 const popoverVariants = cva(
-  "z-50 w-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md outline-hidden"
+  "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"
@@ -18776,7 +19057,8 @@ function LinkFloatingToolbar({
         flip({
           fallbackPlacements: ["bottom-end", "top-start", "top-end"],
           padding: 12
-        })
+        }),
+        shift({ padding: 8, limiter: limitShift() })
       ],
       placement: activeSuggestionId || activeCommentId ? "top-start" : "bottom-start"
     };
@@ -18896,13 +19178,13 @@ function LinkFloatingToolbar({
     },
     /* @__PURE__ */ React.createElement(Unlink, { width: 18 })
   ));
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(PortalBody, null, /* @__PURE__ */ React.createElement(
     "div",
     {
       ref: insertRef,
       className: popoverVariants(),
       ...insertProps,
-      style: insertProps.style
+      style: { ...insertProps.style }
     },
     input
   ), /* @__PURE__ */ React.createElement(
@@ -18911,7 +19193,7 @@ function LinkFloatingToolbar({
       ref: editRef,
       className: popoverVariants(),
       ...editProps,
-      style: editProps.style
+      style: { ...editProps.style }
     },
     editContent
   ));
@@ -70358,25 +70640,6 @@ class FormMetaPlugin {
     this.Component = options.Component;
   }
 }
-function useLocalStorage(key, initialValue) {
-  const [storedValue, setStoredValue] = React.useState(initialValue);
-  React.useEffect(() => {
-    const valueFromStorage = window.localStorage && window.localStorage.getItem(key);
-    if (valueFromStorage != null && valueFromStorage != void 0) {
-      setStoredValue(JSON.parse(valueFromStorage));
-    }
-  }, [key]);
-  const setValue = (value) => {
-    try {
-      const valueToStore = value instanceof Function ? value(storedValue) : value;
-      setStoredValue(valueToStore);
-      localStorage.setItem(key, JSON.stringify(valueToStore));
-    } catch (error2) {
-      console.log(error2);
-    }
-  };
-  return [storedValue, setValue];
-}
 const MediaWorkflowOverlay = () => {
   const cms = useCMS$1();
   const { setCurrentBranch } = useBranchData();
@@ -70572,13 +70835,13 @@ function asyncPoll(fn, pollInterval = 5 * 1e3, pollTimeout = 30 * 1e3) {
     Promise.resolve(fn()).then((result) => {
       const now = (/* @__PURE__ */ new Date()).getTime();
       if (stop) {
-        reject(new Error("AsyncPoller: cancelled"));
+        reject(new Error(ASYNC_POLLER_ERROR.CANCELLED));
       } else if (result.done) {
         resolve(result.data);
       } else if (now < endTime) {
         setTimeout(checkCondition, pollInterval, resolve, reject);
       } else {
-        reject(new Error("AsyncPoller: reached timeout"));
+        reject(new Error(ASYNC_POLLER_ERROR.TIMEOUT));
       }
     }).catch((err) => {
       reject(err);
@@ -71192,9 +71455,7 @@ mutation addPendingDocumentMutation(
               if (result.status === "unknown") {
                 unknownCount++;
                 if (unknownCount > 5) {
-                  throw new Error(
-                    "AsyncPoller: status unknown for too long, please check indexing progress the TinaCloud dashboard"
-                  );
+                  throw new Error(ASYNC_POLLER_ERROR.STATUS_UNKNOWN);
                 }
               }
               return Promise.resolve({
@@ -71214,7 +71475,7 @@ mutation addPendingDocumentMutation(
       );
       return [prom, cancel];
     } catch (error2) {
-      if (error2.message === "AsyncPoller: reached timeout") {
+      if (error2.message === ASYNC_POLLER_ERROR.TIMEOUT) {
         console.warn(error2);
         return [Promise.resolve({ status: "timeout" }), () => {
         }];
@@ -71408,6 +71669,7 @@ mutation addPendingDocumentMutation(
           branchName: options.branchName,
           baseBranch: options.baseBranch,
           prTitle: options.prTitle,
+          isDraft: options.isDraft,
           graphQLContentOp: options.graphQLContentOp
         },
         "Failed to start editorial workflow"
@@ -72580,6 +72842,14 @@ const Sidebar = ({ cms }) => {
         }
       ),
       RenderNavCloud: ({ config }) => /* @__PURE__ */ React__default.createElement(NavCloudLink, { config }),
+      RenderNavGlobal: ({ collection }) => /* @__PURE__ */ React__default.createElement(
+        SidebarLink,
+        {
+          label: collection.label ? collection.label : collection.name,
+          to: `/collections/${collection.name}/~`,
+          Icon: MdOutlineLanguage
+        }
+      ),
       RenderNavCollection: ({ collection }) => /* @__PURE__ */ React__default.createElement(
         SidebarLink,
         {
@@ -72839,7 +73109,7 @@ const TemplateMenu = ({
       leaveFrom: "transform opacity-100 scale-100",
       leaveTo: "transform opacity-0 scale-95"
     },
-    /* @__PURE__ */ React__default.createElement(MenuItems, { className: "origin-top-right absolute right-0 mt-2 z-menu w-56 rounded shadow-lg bg-white ring-1 ring-black ring-opacity-5 focus:outline-none" }, /* @__PURE__ */ React__default.createElement("div", { className: "py-1" }, templates.map((template) => /* @__PURE__ */ React__default.createElement(MenuItem, { key: `${template.label}-${template.name}` }, ({ focus }) => /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React__default.createElement(MenuItems, { className: "origin-top-right absolute right-0 mt-2 z-menu w-56 rounded shadow-lg bg-white ring-1 ring-black ring-opacity-5 focus:outline-none" }, /* @__PURE__ */ React__default.createElement("div", { className: "py-1" }, templates.map((template) => /* @__PURE__ */ React__default.createElement(MenuItem$1, { key: `${template.label}-${template.name}` }, ({ focus }) => /* @__PURE__ */ React__default.createElement(
       Link$1,
       {
         to: `/${folder.fullyQualifiedName ? [
@@ -72992,12 +73262,29 @@ const CollectionListPage = () => {
         ),
         search
       },
-      (collection, _loading, reFetchCollection, collectionExtra) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
+      (collection, loading, reFetchCollection, collectionExtra) => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u;
         const documents = collection.documents.edges;
         const admin = cms.api.admin;
         const pageInfo = collection.documents.pageInfo;
-        const fields = (((_a = collectionExtra.templates) == null ? void 0 : _a.length) ? getUniqueTemplateFields(collectionExtra) : collectionExtra.fields).filter(
+        if (((_a = collectionExtra == null ? void 0 : collectionExtra.ui) == null ? void 0 : _a.global) && !folder.fullyQualifiedName.startsWith("~/")) {
+          if (loading || collection.name !== collectionName) {
+            return /* @__PURE__ */ React__default.createElement(LoadingPage, null);
+          }
+          if ((documents == null ? void 0 : documents.length) === 1) {
+            const globalDoc = (_b = documents[0]) == null ? void 0 : _b.node;
+            if ((_c = globalDoc == null ? void 0 : globalDoc._sys) == null ? void 0 : _c.breadcrumbs) {
+              return /* @__PURE__ */ React__default.createElement(
+                Navigate,
+                {
+                  replace: true,
+                  to: `/collections/edit/${collection.name}/${globalDoc._sys.breadcrumbs.join("/")}`
+                }
+              );
+            }
+          }
+        }
+        const fields = (((_d = collectionExtra.templates) == null ? void 0 : _d.length) ? getUniqueTemplateFields(collectionExtra) : collectionExtra.fields).filter(
           (x) => (
             // only allow sortable fields
             ["string", "number", "datetime", "boolean"].includes(x.type)
@@ -73006,15 +73293,16 @@ const CollectionListPage = () => {
         const sortField = fields == null ? void 0 : fields.find(
           (field) => field.name === sortName
         );
-        const searchEnabled = !!((_d = (_c = (_b = cms.api.tina.schema) == null ? void 0 : _b.config) == null ? void 0 : _c.config) == null ? void 0 : _d.search);
+        const searchEnabled = !!((_g = (_f = (_e = cms.api.tina.schema) == null ? void 0 : _e.config) == null ? void 0 : _f.config) == null ? void 0 : _g.search);
         const collectionDefinition = cms.api.tina.schema.getCollection(
           collection.name
         );
-        const parse2 = (_f = (_e = collectionDefinition == null ? void 0 : collectionDefinition.ui) == null ? void 0 : _e.filename) == null ? void 0 : _f.parse;
-        const allowCreate = ((_h = (_g = collectionDefinition == null ? void 0 : collectionDefinition.ui) == null ? void 0 : _g.allowedActions) == null ? void 0 : _h.create) ?? true;
-        const allowDelete = ((_j = (_i = collectionDefinition == null ? void 0 : collectionDefinition.ui) == null ? void 0 : _i.allowedActions) == null ? void 0 : _j.delete) ?? true;
-        const allowCreateFolder = ((_l = (_k = collectionDefinition == null ? void 0 : collectionDefinition.ui) == null ? void 0 : _k.allowedActions) == null ? void 0 : _l.createFolder) ?? true;
-        const allowCreateNestedFolder = ((_n = (_m = collectionDefinition == null ? void 0 : collectionDefinition.ui) == null ? void 0 : _m.allowedActions) == null ? void 0 : _n.createNestedFolder) ?? true;
+        const parse2 = (_i = (_h = collectionDefinition == null ? void 0 : collectionDefinition.ui) == null ? void 0 : _h.filename) == null ? void 0 : _i.parse;
+        const isGlobalCollection = !!((_j = collectionExtra == null ? void 0 : collectionExtra.ui) == null ? void 0 : _j.global);
+        const allowCreate = (((_l = (_k = collectionDefinition == null ? void 0 : collectionDefinition.ui) == null ? void 0 : _k.allowedActions) == null ? void 0 : _l.create) ?? true) && (!isGlobalCollection || documents.length === 0);
+        const allowDelete = ((_n = (_m = collectionDefinition == null ? void 0 : collectionDefinition.ui) == null ? void 0 : _m.allowedActions) == null ? void 0 : _n.delete) ?? true;
+        const allowCreateFolder = !isGlobalCollection && (((_p = (_o = collectionDefinition == null ? void 0 : collectionDefinition.ui) == null ? void 0 : _o.allowedActions) == null ? void 0 : _p.createFolder) ?? true);
+        const allowCreateNestedFolder = !isGlobalCollection && (((_r = (_q = collectionDefinition == null ? void 0 : collectionDefinition.ui) == null ? void 0 : _q.allowedActions) == null ? void 0 : _r.createNestedFolder) ?? true);
         const folderView = folder.fullyQualifiedName !== "";
         return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, deleteModalOpen && !cms.api.tina.usingProtectedBranch() && /* @__PURE__ */ React__default.createElement(
           DeleteModal,
@@ -73045,7 +73333,7 @@ const CollectionListPage = () => {
                 );
                 reFetchCollection();
               } catch (error2) {
-                if (error2.message.indexOf("has references")) {
+                if (error2.message.includes(ERR_HAS_REFERENCES)) {
                   cms.alerts.error(
                     error2.message.split("\n	").filter(Boolean)[1]
                   );
@@ -73055,7 +73343,6 @@ const CollectionListPage = () => {
                   "Document was not deleted, ask a developer for help or check the console for an error message"
                 );
                 console.error(error2);
-                throw error2;
               }
             },
             close: () => setDeleteModalOpen(false)
@@ -73107,11 +73394,11 @@ const CollectionListPage = () => {
                 );
                 reFetchCollection();
               } catch (error2) {
-                if (error2.message && error2.message.includes("already exists")) {
+                if (error2.message && error2.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.`
                   );
-                } else if (error2.message && error2.message.includes("has references")) {
+                } else if (error2.message && error2.message.includes(ERR_HAS_REFERENCES)) {
                   cms.alerts.error(
                     error2.message.split("\n	").filter(Boolean)[1]
                   );
@@ -73134,7 +73421,7 @@ const CollectionListPage = () => {
                 return { ...vars2, folderName };
               });
             },
-            validationRegex: (_q = (_p = (_o = cms.api.tina) == null ? void 0 : _o.schema.config.config.ui) == null ? void 0 : _p.regexValidation) == null ? void 0 : _q.folderNameRegex,
+            validationRegex: (_u = (_t = (_s = cms.api.tina) == null ? void 0 : _s.schema.config.config.ui) == null ? void 0 : _t.regexValidation) == null ? void 0 : _u.folderNameRegex,
             createFunc: async () => {
               try {
                 await admin.createFolder(
@@ -73153,7 +73440,7 @@ const CollectionListPage = () => {
                 );
                 cms.alerts.info("Folder was successfully created");
               } catch (error2) {
-                if (error2.message && error2.message.includes("already exists")) {
+                if (error2.message && error2.message.includes(ERR_ALREADY_EXISTS)) {
                   cms.alerts.error(
                     `Folder was not created, folder with name "${vars.folderName}" already exists ${folder.name ? `in ${folder.name}` : ""}`
                   );
@@ -73234,7 +73521,7 @@ const CollectionListPage = () => {
           {
             cms,
             collectionName,
-            loading: _loading,
+            loading,
             search,
             setSearch,
             searchInput,
@@ -73739,38 +74026,56 @@ const FolderModal = ({
   validationRegex
 }) => {
   const [isFolderNameValid, setIsFolderNameValid] = useState(false);
+  const [validationMessage, setValidationMessage] = useState(
+    null
+  );
   const [isInteracted, setIsInteracted] = useState(false);
   useEffect(() => {
     validateFolderName(folderName);
   }, [folderName]);
   const validateFolderName = (name2) => {
-    if (!validationRegex || !name2.trim()) {
-      setIsFolderNameValid(!!name2.trim());
-      return !!name2.trim();
+    if (!name2.trim()) {
+      setIsFolderNameValid(false);
+      setValidationMessage(null);
+      return false;
     }
-    try {
-      const regex = new RegExp(validationRegex);
-      const valid = regex.test(name2);
-      setIsFolderNameValid(valid);
-      return valid;
-    } catch (error2) {
+    if (!isValidRelativePath(name2)) {
       setIsFolderNameValid(false);
+      setValidationMessage(RELATIVE_PATH_ALLOWED_CHARS_MESSAGE);
       return false;
     }
+    if (validationRegex) {
+      let passesCustomRegex = false;
+      try {
+        passesCustomRegex = new RegExp(validationRegex).test(name2);
+      } catch (error2) {
+        passesCustomRegex = false;
+      }
+      if (!passesCustomRegex) {
+        setIsFolderNameValid(false);
+        setValidationMessage(
+          "Folder name is not valid, please enter a valid folder name."
+        );
+        return false;
+      }
+    }
+    setIsFolderNameValid(true);
+    setValidationMessage(null);
+    return true;
   };
   return /* @__PURE__ */ React__default.createElement(Modal, null, /* @__PURE__ */ React__default.createElement(PopupModal, null, /* @__PURE__ */ React__default.createElement(ModalHeader, { close: close2 }, "Create Folder"), /* @__PURE__ */ React__default.createElement(ModalBody, { padded: true }, /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
     BaseTextField,
     {
       placeholder: "Enter the name of the new folder",
       value: folderName,
-      className: `mb-4 ${!isFolderNameValid && isInteracted ? "border-red-500" : ""}`,
+      className: `mb-4 ${isInteracted && validationMessage ? "border-red-500" : ""}`,
       onChange: (event) => {
         setFolderName(event.target.value);
         setIsInteracted(true);
         validateFolderName(event.target.value);
       }
     }
-  ), !isFolderNameValid && isInteracted && /* @__PURE__ */ React__default.createElement("p", { className: "text-red-500 text-sm pl-1" }, "Folder name is not valid – please enter a valid folder name."))), /* @__PURE__ */ React__default.createElement(ModalActions, null, /* @__PURE__ */ React__default.createElement(Button$2, { style: { flexGrow: 2 }, onClick: close2 }, "Cancel"), /* @__PURE__ */ React__default.createElement(
+  ), isInteracted && validationMessage && /* @__PURE__ */ React__default.createElement("p", { className: "text-red-500 text-sm pl-1" }, validationMessage))), /* @__PURE__ */ React__default.createElement(ModalActions, null, /* @__PURE__ */ React__default.createElement(Button$2, { style: { flexGrow: 2 }, onClick: close2 }, "Cancel"), /* @__PURE__ */ React__default.createElement(
     Button$2,
     {
       style: { flexGrow: 3 },
@@ -74210,9 +74515,8 @@ const RenderForm$1 = ({
         }
         return true;
       }
-      const isValid = /^[\.\-_\/a-zA-Z0-9]*$/.test(value);
-      if (value && !isValid) {
-        return "Must contain only a-z, A-Z, 0-9, -, _, ., or /.";
+      if (!RELATIVE_PATH_REGEX.test(value)) {
+        return RELATIVE_PATH_ALLOWED_CHARS_MESSAGE;
       }
       if (((_a2 = schemaCollection.match) == null ? void 0 : _a2.exclude) || ((_b2 = schemaCollection.match) == null ? void 0 : _b2.include)) {
         const filePath = `${normalizePath(schemaCollection.path)}/${value}.${schemaCollection.format || "md"}`;
@@ -74274,7 +74578,7 @@ const RenderForm$1 = ({
           }, 10);
         } catch (error2) {
           const defaultErrorText = "There was a problem saving your document.";
-          if (error2.message && error2.message.includes("already exists")) {
+          if (error2.message && error2.message.includes(ERR_ALREADY_EXISTS)) {
             cms.alerts.error(
               `${defaultErrorText} The filename "${form.values.filename}.${collection.format || "md"}" is already used for another document, please modify it.`
             );
@@ -74308,6 +74612,7 @@ const RenderForm$1 = ({
   const activeForm = cms.state.forms.find(
     ({ tinaForm }) => tinaForm.id === form.id
   );
+  const collectionListPath = `/collections/${collection.name}${folder.fullyQualifiedName ? `/${folder.fullyQualifiedName}` : ""}`;
   return /* @__PURE__ */ React__default.createElement(PageWrapper, { headerClassName: "bg-white" }, /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
     "div",
     {
@@ -74317,7 +74622,11 @@ const RenderForm$1 = ({
       FormBreadcrumbs,
       {
         className: "w-[calc(100%-3rem)]",
-        rootBreadcrumbName: "Create New"
+        rootBreadcrumbName: "Create New",
+        collectionCrumb: {
+          label: collection.label || collection.name,
+          onClick: () => navigate(collectionListPath)
+        }
       }
     ), /* @__PURE__ */ React__default.createElement(FormStatus, { pristine: formIsPristine }))
   ), activeForm && /* @__PURE__ */ React__default.createElement(FormBuilder, { form: activeForm, onPristineChange: setFormIsPristine })));
@@ -74486,7 +74795,9 @@ const RenderForm = ({
   mutationInfo
 }) => {
   var _a, _b, _c, _d;
+  const navigate = useNavigate();
   const [formIsPristine, setFormIsPristine] = useState(true);
+  const collectionListPath = documentListPath(collection.name, relativePath);
   const schema = cms.api.tina.schema;
   const schemaCollection = schema.getCollection(collection.name);
   const template = schema.getTemplateForData({
@@ -74555,7 +74866,11 @@ const RenderForm = ({
       FormBreadcrumbs,
       {
         className: "w-[calc(100%-3rem)]",
-        rootBreadcrumbName: `${filename}.${collection.format}`
+        rootBreadcrumbName: getFilename(filename),
+        collectionCrumb: {
+          label: collection.label || collection.name,
+          onClick: () => navigate(collectionListPath)
+        }
       }
     ), /* @__PURE__ */ React__default.createElement(
       FileHistoryProvider,
@@ -74724,7 +75039,7 @@ const CheckSchema = ({
           );
         }
       }).catch((error2) => {
-        if (error2.message.includes("has not been indexed by TinaCloud")) {
+        if (error2.message.includes(ERR_NOT_INDEXED)) {
           setSchemaMissingError(true);
         } else {
           console.error("Unexpected error checking schema:", error2);