tinacms 0.0.0-ac59522-20251205041248 → 0.0.0-ad128cc-20251219023808

package/dist/index.js

@@ -7,7 +7,7 @@ var __publicField = (obj, key, value) => {
 var _a;
 import { z } from "zod";
 import * as React from "react";
-import React__default, { useState, useCallback, useContext, createContext, forwardRef, useRef, useReducer, useMemo, useEffect, useLayoutEffect, Component, memo as memo$1, useDebugValue, useId, startTransition, useImperativeHandle } from "react";
+import React__default, { useState, useCallback, useContext, createContext, forwardRef, useRef, useReducer, useMemo, useEffect, useLayoutEffect, Component, memo, useDebugValue, useId, startTransition, useImperativeHandle } from "react";
 import ReactDOM, { createPortal } from "react-dom";
 import { withRef as withRef$1, cn as cn$2, withCn, createPrimitiveElement, withVariants, withProps, useComposedRef as useComposedRef$1, PortalBody } from "@udecode/cn";
 import { HEADING_KEYS as HEADING_KEYS$1, HEADING_LEVELS as HEADING_LEVELS$1 } from "@udecode/plate-heading";
@@ -15,7 +15,7 @@ import { isHotkey } from "is-hotkey";
 import clsx$1, { clsx } from "clsx";
 import { Slot } from "@radix-ui/react-slot";
 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, Heading2, Heading3, Heading4, Heading5, Heading6, Indent, Keyboard, WrapText, Minus, MoreHorizontal, Outdent, Pilcrow, RotateCcw, RectangleHorizontal, Settings, Strikethrough, Subscript, Superscript, Table, Text as Text$2, 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, LoaderCircle, TriangleAlert, EllipsisVertical, 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, Heading2, Heading3, Heading4, Heading5, Heading6, Indent, Keyboard, WrapText, Minus, MoreHorizontal, Outdent, Pilcrow, RotateCcw, RectangleHorizontal, Settings, Strikethrough, Subscript, Superscript, Table, Text as Text$2, 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, LoaderCircle, TriangleAlert, History, EllipsisVertical, GitBranchIcon, List as List$1, ListOrdered, Grid3x3Icon, CircleX, Link, Unlink } from "lucide-react";
 import mermaid from "mermaid";
 import { cva } from "class-variance-authority";
 import { Command as Command$2 } from "cmdk";
@@ -1414,21 +1414,29 @@ function isDraftable$1(value) {
   return isPlainObject$4(value) || Array.isArray(value) || !!value[DRAFTABLE] || !!((_a2 = value.constructor) == null ? void 0 : _a2[DRAFTABLE]) || isMap$2(value) || isSet$2(value);
 }
 var objectCtorString$1 = Object.prototype.constructor.toString();
+var cachedCtorStrings = /* @__PURE__ */ new WeakMap();
 function isPlainObject$4(value) {
   if (!value || typeof value !== "object")
     return false;
-  const proto = getPrototypeOf(value);
-  if (proto === null) {
+  const proto = Object.getPrototypeOf(value);
+  if (proto === null || proto === Object.prototype)
     return true;
-  }
   const Ctor = Object.hasOwnProperty.call(proto, "constructor") && proto.constructor;
   if (Ctor === Object)
     return true;
-  return typeof Ctor == "function" && Function.toString.call(Ctor) === objectCtorString$1;
+  if (typeof Ctor !== "function")
+    return false;
+  let ctorString = cachedCtorStrings.get(Ctor);
+  if (ctorString === void 0) {
+    ctorString = Function.toString.call(Ctor);
+    cachedCtorStrings.set(Ctor, ctorString);
+  }
+  return ctorString === objectCtorString$1;
 }
-function each(obj, iter) {
+function each(obj, iter, strict = true) {
   if (getArchtype(obj) === 0) {
-    Reflect.ownKeys(obj).forEach((key) => {
+    const keys2 = strict ? Reflect.ownKeys(obj) : Object.keys(obj);
+    keys2.forEach((key) => {
       iter(key, obj[key], obj);
     });
   } else {
@@ -1511,17 +1519,27 @@ function freeze$1(obj, deep = false) {
   if (isFrozen(obj) || isDraft$1(obj) || !isDraftable$1(obj))
     return obj;
   if (getArchtype(obj) > 1) {
-    obj.set = obj.add = obj.clear = obj.delete = dontMutateFrozenCollections;
+    Object.defineProperties(obj, {
+      set: dontMutateMethodOverride,
+      add: dontMutateMethodOverride,
+      clear: dontMutateMethodOverride,
+      delete: dontMutateMethodOverride
+    });
   }
   Object.freeze(obj);
   if (deep)
-    Object.entries(obj).forEach(([key, value]) => freeze$1(value, true));
+    Object.values(obj).forEach((value) => freeze$1(value, true));
   return obj;
 }
 function dontMutateFrozenCollections() {
   die(2);
 }
+var dontMutateMethodOverride = {
+  value: dontMutateFrozenCollections
+};
 function isFrozen(obj) {
+  if (obj === null || typeof obj !== "object")
+    return true;
   return Object.isFrozen(obj);
 }
 var plugins = {};
@@ -1609,11 +1627,13 @@ function processResult(result, scope) {
 function finalize(rootScope, value, path3) {
   if (isFrozen(value))
     return value;
+  const useStrictIteration = rootScope.immer_.shouldUseStrictIteration();
   const state = value[DRAFT_STATE];
   if (!state) {
     each(
       value,
-      (key, childValue) => finalizeProperty(rootScope, state, value, key, childValue, path3)
+      (key, childValue) => finalizeProperty(rootScope, state, value, key, childValue, path3),
+      useStrictIteration
     );
     return value;
   }
@@ -1636,7 +1656,16 @@ function finalize(rootScope, value, path3) {
     }
     each(
       resultEach,
-      (key, childValue) => finalizeProperty(rootScope, state, result, key, childValue, path3, isSet2)
+      (key, childValue) => finalizeProperty(
+        rootScope,
+        state,
+        result,
+        key,
+        childValue,
+        path3,
+        isSet2
+      ),
+      useStrictIteration
     );
     maybeFreeze(rootScope, result, false);
     if (path3 && rootScope.patches_) {
@@ -1651,6 +1680,16 @@ function finalize(rootScope, value, path3) {
   return state.copy_;
 }
 function finalizeProperty(rootScope, parentState, targetObject, prop2, childValue, rootPath, targetIsSet) {
+  if (childValue == null) {
+    return;
+  }
+  if (typeof childValue !== "object" && !targetIsSet) {
+    return;
+  }
+  const childIsFrozen = isFrozen(childValue);
+  if (childIsFrozen && !targetIsSet) {
+    return;
+  }
   if (process.env.NODE_ENV !== "production" && childValue === targetObject)
     die(5);
   if (isDraft$1(childValue)) {
@@ -1665,12 +1704,15 @@ function finalizeProperty(rootScope, parentState, targetObject, prop2, childValu
   } else if (targetIsSet) {
     targetObject.add(childValue);
   }
-  if (isDraftable$1(childValue) && !isFrozen(childValue)) {
+  if (isDraftable$1(childValue) && !childIsFrozen) {
     if (!rootScope.immer_.autoFreeze_ && rootScope.unfinalizedDrafts_ < 1) {
       return;
     }
+    if (parentState && parentState.base_ && parentState.base_[prop2] === childValue && childIsFrozen) {
+      return;
+    }
     finalize(rootScope, childValue);
-    if ((!parentState || !parentState.scope_.parent_) && typeof prop2 !== "symbol" && Object.prototype.propertyIsEnumerable.call(targetObject, prop2))
+    if ((!parentState || !parentState.scope_.parent_) && typeof prop2 !== "symbol" && (isMap$2(targetObject) ? targetObject.has(prop2) : Object.prototype.propertyIsEnumerable.call(targetObject, prop2)))
       maybeFreeze(rootScope, childValue);
   }
 }
@@ -1866,6 +1908,7 @@ var Immer2 = class {
   constructor(config) {
     this.autoFreeze_ = true;
     this.useStrictShallowCopy_ = false;
+    this.useStrictIteration_ = true;
     this.produce = (base, recipe, patchListener) => {
       if (typeof base === "function" && typeof recipe !== "function") {
         const defaultBase = recipe;
@@ -1928,6 +1971,8 @@ var Immer2 = class {
       this.setAutoFreeze(config.autoFreeze);
     if (typeof (config == null ? void 0 : config.useStrictShallowCopy) === "boolean")
       this.setUseStrictShallowCopy(config.useStrictShallowCopy);
+    if (typeof (config == null ? void 0 : config.useStrictIteration) === "boolean")
+      this.setUseStrictIteration(config.useStrictIteration);
   }
   createDraft(base) {
     if (!isDraftable$1(base))
@@ -1964,6 +2009,18 @@ var Immer2 = class {
   setUseStrictShallowCopy(value) {
     this.useStrictShallowCopy_ = value;
   }
+  /**
+   * Pass false to use faster iteration that skips non-enumerable properties
+   * but still handles symbols for compatibility.
+   *
+   * By default, strict iteration is enabled (includes all own properties).
+   */
+  setUseStrictIteration(value) {
+    this.useStrictIteration_ = value;
+  }
+  shouldUseStrictIteration() {
+    return this.useStrictIteration_;
+  }
   applyPatches(base, patches) {
     let i2;
     for (i2 = patches.length - 1; i2 >= 0; i2--) {
@@ -2002,17 +2059,23 @@ function currentImpl(value) {
     return value;
   const state = value[DRAFT_STATE];
   let copy2;
+  let strict = true;
   if (state) {
     if (!state.modified_)
       return state.base_;
     state.finalized_ = true;
     copy2 = shallowCopy$1(value, state.scope_.immer_.useStrictShallowCopy_);
+    strict = state.scope_.immer_.shouldUseStrictIteration();
   } else {
     copy2 = shallowCopy$1(value, true);
   }
-  each(copy2, (key, childValue) => {
-    set$3(copy2, key, currentImpl(childValue));
-  });
+  each(
+    copy2,
+    (key, childValue) => {
+      set$3(copy2, key, currentImpl(childValue));
+    },
+    strict
+  );
   if (state) {
     state.finalized_ = false;
   }
@@ -2020,14 +2083,8 @@ function currentImpl(value) {
 }
 var immer = new Immer2();
 var produce = immer.produce;
-immer.produceWithPatches.bind(
-  immer
-);
-immer.setAutoFreeze.bind(immer);
-immer.setUseStrictShallowCopy.bind(immer);
-immer.applyPatches.bind(immer);
-var createDraft$1 = immer.createDraft.bind(immer);
-var finishDraft = immer.finishDraft.bind(immer);
+var createDraft$1 = /* @__PURE__ */ immer.createDraft.bind(immer);
+var finishDraft = /* @__PURE__ */ immer.finishDraft.bind(immer);
 var PathRef = {
   transform(ref, op) {
     var {
@@ -10411,7 +10468,7 @@ var TextString = (props) => {
     ref
   }, initialText);
 };
-var MemoizedText$1 = /* @__PURE__ */ memo$1(/* @__PURE__ */ forwardRef((props, ref) => {
+var MemoizedText$1 = /* @__PURE__ */ memo(/* @__PURE__ */ forwardRef((props, ref) => {
   return /* @__PURE__ */ React__default.createElement("span", {
     "data-slate-string": true,
     ref
@@ -15023,8 +15080,9 @@ const devtoolsImpl = (fn, devtoolsOptions = {}) => (set2, get2, api) => {
     const r2 = set2(state, replace);
     if (!isRecording)
       return r2;
-    const inferredActionType = findCallerName(new Error().stack);
-    const action = nameOrAction === void 0 ? { type: anonymousActionType || inferredActionType || "anonymous" } : typeof nameOrAction === "string" ? { type: nameOrAction } : nameOrAction;
+    const action = nameOrAction === void 0 ? {
+      type: anonymousActionType || findCallerName(new Error().stack) || "anonymous"
+    } : typeof nameOrAction === "string" ? { type: nameOrAction } : nameOrAction;
     if (store === void 0) {
       connection == null ? void 0 : connection.send(action, get2());
       return r2;
@@ -15312,12 +15370,12 @@ const persistImpl = (config, baseOptions) => (set2, get2, api) => {
   const savedSetState = api.setState;
   api.setState = (state, replace) => {
     savedSetState(state, replace);
-    void setItem();
+    return setItem();
   };
   const configResult = config(
     (...args) => {
       set2(...args);
-      void setItem();
+      return setItem();
     },
     get2,
     api
@@ -38721,9 +38779,6 @@ function BiListUl(props) {
 function BiLockAlt(props) {
   return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "d": "M12 2C9.243 2 7 4.243 7 7v3H6c-1.103 0-2 .897-2 2v8c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2v-8c0-1.103-.897-2-2-2h-1V7c0-2.757-2.243-5-5-5zm6 10 .002 8H6v-8h12zm-9-2V7c0-1.654 1.346-3 3-3s3 1.346 3 3v3H9z" }, "child": [] }] })(props);
 }
-function BiLock(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "d": "M12 2C9.243 2 7 4.243 7 7v2H6c-1.103 0-2 .897-2 2v9c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2v-9c0-1.103-.897-2-2-2h-1V7c0-2.757-2.243-5-5-5zM9 7c0-1.654 1.346-3 3-3s3 1.346 3 3v2H9V7zm9.002 13H13v-2.278c.595-.347 1-.985 1-1.722 0-1.103-.897-2-2-2s-2 .897-2 2c0 .736.405 1.375 1 1.722V20H6v-9h12l.002 9z" }, "child": [] }] })(props);
-}
 function BiMenu(props) {
   return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "d": "M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z" }, "child": [] }] })(props);
 }
@@ -43028,7 +43083,10 @@ const formatCurrentDate = ({
   if (!dateFormat) {
     return format$1(displayDate, timeFormat);
   }
-  return `${format$1(displayDate, dateFormat)} ${format$1(displayDate, timeFormat)}`;
+  return `${format$1(displayDate, dateFormat)} ${format$1(
+    displayDate,
+    timeFormat
+  )}`;
 };
 function Calendar({
   className,
@@ -43430,7 +43488,8 @@ const DateTimePicker = React.forwardRef(
       }),
       [displayDate]
     );
-    const { options, localize: localize2, formatLong: formatLong2 } = locale2;
+    const localeAny = locale2;
+    const { options, localize: localize2, formatLong: formatLong2 } = localeAny || {};
     if (options && localize2 && formatLong2) {
       ({
         ...enUS,
@@ -43500,7 +43559,7 @@ const format$1 = (date, format2) => {
   return m.format(format2);
 };
 const DateField = wrapFieldsWithMeta(
-  ({ input, field: { dateFormat, timeFormat, onChange, ...rest } }) => {
+  ({ input, field: { dateFormat, timeFormat, onChange, locale: locale2, ...rest } }) => {
     const granularity = timeFormat ? "minute" : "day";
     const inputRef = React__default.useRef(null);
     React__default.useEffect(() => {
@@ -43971,7 +44030,7 @@ const Badge = ({
     children
   );
 };
-const tableHeadingStyle = "px-3 py-3 text-left text-xs font-bold text-gray-700 tracking-wider";
+const tableHeadingStyle = "px-3 py-3 text-left text-xs font-bold text-gray-700 tracking-wider sticky top-0 bg-gray-100 z-20 border-b-2 border-gray-200 ";
 function formatBranchName(str) {
   const pattern = /[^/\w-]+/g;
   const formattedStr = str.replace(pattern, "-");
@@ -44207,6 +44266,9 @@ const BranchSelector = ({
   const [search, setSearch] = React.useState("");
   const [filter2, setFilter] = React.useState("content");
   const [sortValue, setSortValue] = React.useState("default");
+  const [selectedBranch, setSelectedBranch] = React.useState(
+    null
+  );
   const cms = useCMS$1();
   const filteredBranchList = getFilteredBranchList(
     branchList,
@@ -44266,7 +44328,19 @@ const BranchSelector = ({
         }
       ]
     }
-  ))), filteredBranchList.length === 0 && /* @__PURE__ */ React.createElement("div", { className: "block relative text-gray-300 italic py-1" }, "No branches to display"), filteredBranchList.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "min-w-[192px] max-h-[24rem] overflow-y-auto w-full h-full rounded-lg shadow-inner bg-white border border-gray-200" }, /* @__PURE__ */ React.createElement("table", { className: "w-full" }, /* @__PURE__ */ React.createElement("thead", { className: "bg-gray-100 border-b-2 border-gray-200" }, /* @__PURE__ */ React.createElement("tr", null, /* @__PURE__ */ React.createElement("th", { className: tableHeadingStyle }, "Branch Name"), /* @__PURE__ */ React.createElement("th", { className: tableHeadingStyle }, "Last Updated"), /* @__PURE__ */ React.createElement("th", null), /* @__PURE__ */ React.createElement("th", null))), /* @__PURE__ */ React.createElement("tbody", null, filteredBranchList.map((branch) => /* @__PURE__ */ React.createElement(
+  ))), filteredBranchList.length === 0 && /* @__PURE__ */ React.createElement("div", { className: "block relative text-gray-300 italic py-1" }, "No branches to display"), filteredBranchList.length > 0 && /* @__PURE__ */ React.createElement(TooltipProvider$1, null, /* @__PURE__ */ React.createElement("div", { className: "rounded-lg border border-gray-200 overflow-hidden" }, /* @__PURE__ */ React.createElement("div", { className: "min-w-[192px] max-h-[24rem] overflow-y-auto w-full h-full shadow-inner bg-white" }, /* @__PURE__ */ React.createElement("table", { className: "w-full table-auto max-h-[24rem]" }, /* @__PURE__ */ React.createElement("thead", { className: "sticky top-0 z-20 bg-gray-100 border-b-2 border-gray-200" }, /* @__PURE__ */ React.createElement("tr", null, /* @__PURE__ */ React.createElement("th", { className: `${tableHeadingStyle} w-auto` }, "Branch Name"), /* @__PURE__ */ React.createElement(
+    "th",
+    {
+      className: `${tableHeadingStyle} w-0 whitespace-nowrap text-left`
+    },
+    "Last Updated"
+  ), /* @__PURE__ */ React.createElement(
+    "th",
+    {
+      className: `${tableHeadingStyle} w-0 whitespace-nowrap text-left`
+    },
+    "Pull Request"
+  ))), /* @__PURE__ */ React.createElement("tbody", null, filteredBranchList.map((branch) => /* @__PURE__ */ React.createElement(
     BranchItem,
     {
       key: branch.name,
@@ -44275,9 +44349,24 @@ const BranchSelector = ({
       onChange,
       refreshBranchList,
       previewFunction,
-      cms
+      cms,
+      selectedBranch,
+      onSelectBranch: setSelectedBranch
     }
-  ))))));
+  ))))))), /* @__PURE__ */ React.createElement("div", { className: "flex justify-end" }, /* @__PURE__ */ React.createElement(
+    Button$2,
+    {
+      variant: "primary",
+      onClick: () => {
+        onChange(selectedBranch);
+      },
+      disabled: !selectedBranch || selectedBranch === currentBranch
+    },
+    "Open branch in editor"
+  )));
+};
+const extractPullRequestId = (url) => {
+  return url.split("/").pop() || "";
 };
 const BranchItem = ({
   branch,
@@ -44285,9 +44374,11 @@ const BranchItem = ({
   onChange,
   refreshBranchList,
   previewFunction,
-  cms
+  cms,
+  selectedBranch,
+  onSelectBranch
 }) => {
-  var _a2, _b;
+  var _a2;
   const [creatingPR, setCreatingPR] = React.useState(false);
   const handleCreatePullRequest = async () => {
     if (creatingPR)
@@ -44311,62 +44402,63 @@ const BranchItem = ({
     }
   };
   const isCurrentBranch = branch.name === currentBranch;
+  const isSelected2 = selectedBranch === branch.name;
   const indexingStatus = (_a2 = branch == null ? void 0 : branch.indexStatus) == null ? void 0 : _a2.status;
+  const handleRowClick = () => {
+    if (indexingStatus === "complete" && !isCurrentBranch) {
+      onSelectBranch(isSelected2 ? null : branch.name);
+    }
+  };
   return /* @__PURE__ */ React.createElement(
     "tr",
     {
-      className: `text-base border-l-0 border-t-0 border-r-0 outline-none transition-all ease-out duration-150 ${indexingStatus !== "complete" ? "bg-gray-50 text-gray-400" : isCurrentBranch ? "bg-blue-50 text-blue-800 border-b-0" : "border-b-2 border-gray-50"}`
+      onClick: handleRowClick,
+      className: `text-base border-l-0 transition-colors border-t-0 border-r-0 outline-none transition-all ease-out duration-150 ${indexingStatus !== "complete" ? "bg-gray-50 text-gray-400" : isCurrentBranch ? "border-b-2 border-gray-50" : isSelected2 ? "bg-blue-100 text-blue-900 border-b-2 border-blue-50 cursor-pointer" : "border-b-2 border-gray-50 hover:bg-gray-50/50 cursor-pointer"}`
     },
-    /* @__PURE__ */ React.createElement("td", { className: "pl-3 pr-3 py-1.5 min-w-0" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-1" }, branch.protected && /* @__PURE__ */ React.createElement(BiLock, { className: "w-5 h-auto opacity-70 text-blue-500 flex-shrink-0" }), /* @__PURE__ */ React.createElement("span", { className: "text-sm leading-tight truncate" }, branch.name)), indexingStatus !== "complete" && /* @__PURE__ */ React.createElement("div", { className: "w-fit mt-1" }, /* @__PURE__ */ React.createElement(IndexStatus, { indexingStatus: branch.indexStatus.status })))),
+    /* @__PURE__ */ React.createElement(
+      "td",
+      {
+        className: `pl-3 pr-3 max-w-xs ${isCurrentBranch ? "py-2.5" : "py-1.5"}`
+      },
+      /* @__PURE__ */ React.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-1 min-w-0" }, branch.protected ? /* @__PURE__ */ React.createElement(BiLockAlt, { className: "w-4 h-auto opacity-70 text-blue-500 flex-shrink-0" }) : /* @__PURE__ */ React.createElement(BiGitBranch, { className: "w-4 h-auto opacity-70 text-gray-600 flex-shrink-0" }), /* @__PURE__ */ React.createElement(Tooltip$1, { delayDuration: 300 }, /* @__PURE__ */ React.createElement(TooltipTrigger$1, { asChild: true }, /* @__PURE__ */ React.createElement("span", { className: "text-sm leading-tight truncate block min-w-0 cursor-default" }, branch.name)), /* @__PURE__ */ React.createElement(TooltipPortal, null, /* @__PURE__ */ React.createElement(TooltipContent$1, { side: "top" }, branch.name)))), isCurrentBranch && /* @__PURE__ */ React.createElement("div", { className: "w-fit mt-1" }, /* @__PURE__ */ React.createElement(
+        Badge,
+        {
+          calloutStyle: "info",
+          className: "w-fit flex-shrink-0",
+          displayIcon: false
+        },
+        /* @__PURE__ */ React.createElement(BiPencil, { className: "w-3 h-auto inline-block mr-1" }),
+        "Currently editing"
+      )), indexingStatus !== "complete" && /* @__PURE__ */ React.createElement("div", { className: "w-fit mt-1" }, /* @__PURE__ */ React.createElement(IndexStatus, { indexingStatus: branch.indexStatus.status })))
+    ),
     /* @__PURE__ */ React.createElement("td", { className: "px-3 py-1.5 min-w-0" }, creatingPR ? /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "text-xs font-bold text-blue-600" }, "Creating PR"), /* @__PURE__ */ React.createElement("span", { className: "text-sm leading-tight text-blue-500" }, "Please wait...")), /* @__PURE__ */ React.createElement(FaSpinner, { className: "w-3 h-auto animate-spin text-blue-500" })) : /* @__PURE__ */ React.createElement("span", { className: "text-sm leading-tight whitespace-nowrap" }, formatDistanceToNow$1(new Date(branch.indexStatus.timestamp), {
       addSuffix: true
     }))),
-    /* @__PURE__ */ React.createElement("td", { className: "px-3 py-1.5 text-left" }, indexingStatus === "complete" && !isCurrentBranch && /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React.createElement("td", { className: "px-3 py-1.5 flex", onClick: (e3) => e3.stopPropagation() }, branch.githubPullRequestUrl ? /* @__PURE__ */ React.createElement(
       Button$2,
       {
         variant: "white",
         size: "custom",
         onClick: () => {
-          onChange(branch.name);
+          window.open(branch.githubPullRequestUrl, "_blank");
         },
-        className: "cursor-pointer text-sm h-9 px-4 flex items-center gap-1"
+        className: "cursor-pointer h-9 px-2 flex items-center gap-1",
+        title: "Open Git Pull Request"
       },
-      /* @__PURE__ */ React.createElement(BiPencil, { className: "h-4 w-auto text-blue-500 opacity-70 -mt-px" }),
-      " ",
-      "Select"
-    ), indexingStatus === "complete" && isCurrentBranch && /* @__PURE__ */ React.createElement(Badge, { calloutStyle: "info", className: "w-fit", displayIcon: false }, /* @__PURE__ */ React.createElement("span", null, "Selected"))),
-    /* @__PURE__ */ React.createElement("td", { className: "px-3 py-1.5 text-right" }, /* @__PURE__ */ React.createElement(
-      OverflowMenu$1,
-      {
-        toolbarItems: [
-          branch.githubPullRequestUrl && {
-            name: "github-pr",
-            label: "View in GitHub",
-            Icon: /* @__PURE__ */ React.createElement(BiLinkExternal, { className: "w-5 h-auto text-blue-500 opacity-70" }),
-            onMouseDown: () => {
-              window.open(branch.githubPullRequestUrl, "_blank");
-            }
-          },
-          !branch.githubPullRequestUrl && !branch.protected && !creatingPR && cms.api.tina.usingProtectedBranch() && {
-            name: "create-pr",
-            label: "Create Pull Request",
-            Icon: /* @__PURE__ */ React.createElement(BiGitBranch, { className: "w-5 h-auto text-blue-500 opacity-70" }),
-            onMouseDown: () => handleCreatePullRequest()
-          },
-          typeof previewFunction === "function" && ((_b = previewFunction({ branch: branch.name })) == null ? void 0 : _b.url) && {
-            name: "preview",
-            label: "Preview",
-            onMouseDown: () => {
-              var _a3;
-              const previewUrl = (_a3 = previewFunction({
-                branch: branch.name
-              })) == null ? void 0 : _a3.url;
-              window.open(previewUrl, "_blank");
-            }
-          }
-        ].filter(Boolean)
-      }
-    ))
+      /* @__PURE__ */ React.createElement(BiLinkExternal, { className: "h-3.5 w-auto text-gray-700 flex-shrink-0" }),
+      /* @__PURE__ */ React.createElement("span", { className: "text-sm truncate max-w-[120px]" }, "PR: ", extractPullRequestId(branch.githubPullRequestUrl))
+    ) : !branch.protected && !creatingPR && cms.api.tina.usingProtectedBranch() ? /* @__PURE__ */ React.createElement(
+      Button$2,
+      {
+        variant: "white",
+        size: "custom",
+        onClick: handleCreatePullRequest,
+        className: "cursor-pointer h-9 px-2 flex items-center gap-1",
+        title: "Create Pull Request"
+      },
+      /* @__PURE__ */ React.createElement(BiGitBranch, { className: "h-3.5 w-auto text-gray-700 flex-shrink-0" }),
+      /* @__PURE__ */ React.createElement("span", { className: "text-sm whitespace-nowrap" }, "Create PR")
+    ) : null)
   );
 };
 const IndexStatus = ({ indexingStatus }) => {
@@ -44470,7 +44562,7 @@ let Alerts$1 = class Alerts {
       ...eventsToAlerts
     };
   }
-  add(level, message, timeout = 8e3) {
+  add(level, message, timeout = 4e3) {
     const alert = {
       level,
       message,
@@ -44484,7 +44576,7 @@ let Alerts$1 = class Alerts {
       clearTimeout(timeoutId);
       this.dismiss(alert);
     };
-    timeoutId = level !== "error" ? setTimeout(dismiss, alert.timeout) : null;
+    timeoutId = level !== "error" && alert.timeout > 0 ? setTimeout(dismiss, alert.timeout) : null;
     return dismiss;
   }
   dismiss(alert) {
@@ -46604,7 +46696,7 @@ const NavProvider = ({
   };
   return /* @__PURE__ */ React__default.createElement(NavContext.Provider, { value }, children);
 };
-const version$1 = "3.0.1";
+const version$1 = "3.1.2";
 const VersionInfo = () => {
   var _a2, _b, _c, _d, _e, _f;
   const cms = useCMS();
@@ -47290,8 +47382,25 @@ 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$1(
+      "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 _a2, _b;
   const cms = useCMS$1();
   const { setFormIsPristine } = React.useContext(SidebarContext);
   const [isShowingLoading, setIsShowingLoading] = React.useState(true);
@@ -47330,7 +47439,15 @@ const FormsView = ({ loadingPlaceholder } = {}) => {
     return /* @__PURE__ */ React.createElement(FormLists, { isEditing });
   }
   const formMetas = cms.plugins.all("form:meta");
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, activeForm && /* @__PURE__ */ React.createElement(FormWrapper$1, { isEditing, isMultiform }, /* @__PURE__ */ React.createElement(FormHeader, { activeForm }), formMetas == null ? void 0 : formMetas.map((meta) => /* @__PURE__ */ React.createElement(React.Fragment, { key: meta.name }, /* @__PURE__ */ React.createElement(meta.Component, null))), /* @__PURE__ */ React.createElement(FormBuilder, { form: activeForm, onPristineChange: setFormIsPristine })));
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, activeForm && /* @__PURE__ */ React.createElement(FormWrapper$1, { isEditing, isMultiform }, /* @__PURE__ */ React.createElement(
+    FormHeader,
+    {
+      activeForm,
+      branch: cms.api.admin.api.branch,
+      repoProvider: cms.api.admin.api.schema.config.config.repoProvider,
+      isLocalMode: (_b = (_a2 = cms.api) == null ? void 0 : _a2.tina) == null ? void 0 : _b.isLocalMode
+    }
+  ), formMetas == null ? void 0 : formMetas.map((meta) => /* @__PURE__ */ React.createElement(React.Fragment, { key: meta.name }, /* @__PURE__ */ React.createElement(meta.Component, null))), /* @__PURE__ */ React.createElement(FormBuilder, { form: activeForm, onPristineChange: setFormIsPristine })));
 };
 const FormWrapper$1 = ({ isEditing, children }) => {
   return /* @__PURE__ */ React.createElement(
@@ -47351,9 +47468,54 @@ const FormWrapper$1 = ({ isEditing, children }) => {
     children
   );
 };
-const FormHeader = ({ activeForm }) => {
+const FormHeader = ({
+  activeForm,
+  repoProvider,
+  branch,
+  isLocalMode
+}) => {
   const { formIsPristine } = React.useContext(SidebarContext);
-  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" }, /* @__PURE__ */ React.createElement(MultiformSelector, { activeForm }), /* @__PURE__ */ React.createElement(FormBreadcrumbs, { className: "w-[calc(100%-3rem)]" }), /* @__PURE__ */ React.createElement(FormStatus, { pristine: formIsPristine }));
+  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" }, /* @__PURE__ */ React.createElement(MultiformSelector, { activeForm }), /* @__PURE__ */ React.createElement(FormBreadcrumbs, { className: "w-[calc(100%-3rem)]" }), /* @__PURE__ */ React.createElement(
+    FileHistoryProvider,
+    {
+      defaultBranchName: repoProvider == null ? void 0 : repoProvider.defaultBranchName,
+      historyUrl: repoProvider == null ? void 0 : repoProvider.historyUrl,
+      contentRelativePath: activeForm.tinaForm.path,
+      tinaBranch: branch,
+      isLocalMode
+    }
+  ), /* @__PURE__ */ React.createElement(FormStatus, { pristine: formIsPristine }));
+};
+const FileHistoryProvider = ({
+  contentRelativePath,
+  tinaBranch,
+  defaultBranchName,
+  historyUrl,
+  isLocalMode
+}) => {
+  if (!historyUrl) {
+    return null;
+  }
+  const branch = isLocalMode ? defaultBranchName || tinaBranch : tinaBranch;
+  if (!branch) {
+    return null;
+  }
+  const { url } = historyUrl({
+    relativePath: contentRelativePath,
+    branch
+  });
+  if (!url) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(TooltipProvider, null, /* @__PURE__ */ React.createElement(Tooltip, null, /* @__PURE__ */ React.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React.createElement("button", { type: "button" }, /* @__PURE__ */ React.createElement(
+    "a",
+    {
+      href: url,
+      target: "_blank",
+      className: "flex items-center gap-1 border-[0.5px] hover:bg-gray-300/10 transition-all duration-300 border-gray-300 rounded-md p-2"
+    },
+    /* @__PURE__ */ React.createElement(History, { className: "size-4 text-gray-700" })
+  ))), /* @__PURE__ */ React.createElement(TooltipContent, { side: "top", className: "shadow-md" }, "View file history")));
 };
 const FormBreadcrumbs = ({
   rootBreadcrumbName,
@@ -48272,10 +48434,10 @@ function Alerts2({ alerts }) {
   if (!alerts.all.length) {
     return null;
   }
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: "fixed top-0 left-0 p-6 flex flex-col items-center z-[999999]" }, alerts.all.filter((alert) => {
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: "fixed bottom-6 left-1/2 flex flex-col items-center z-[999999] -translate-x-1/2" }, alerts.all.filter((alert) => {
     return alert.level !== "error";
   }).map((alert) => {
-    return /* @__PURE__ */ React__default.createElement(Alert, { key: alert.id, level: alert.level }, alert.level === "info" && /* @__PURE__ */ React__default.createElement(MdInfo, { className: "w-5 h-auto text-blue-500" }), alert.level === "success" && /* @__PURE__ */ React__default.createElement(MdCheckCircle, { className: "w-5 h-auto text-green-500" }), alert.level === "warn" && /* @__PURE__ */ React__default.createElement(MdWarning, { className: "w-5 h-auto text-yellow-500" }), /* @__PURE__ */ React__default.createElement("p", { className: "m-0 flex-1 max-w-[680px] text-left" }, parseUrlsInText(alert.message.toString())), /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ React__default.createElement(Alert, { key: alert.id, level: alert.level }, alert.level === "info" && /* @__PURE__ */ React__default.createElement(MdInfo, { className: "w-5 h-auto text-blue-500" }), alert.level === "success" && /* @__PURE__ */ React__default.createElement(MdCheckCircle, { className: "w-5 h-auto text-green-500" }), alert.level === "warn" && /* @__PURE__ */ React__default.createElement(MdWarning, { className: "w-5 h-auto text-yellow-500" }), /* @__PURE__ */ React__default.createElement("p", { className: "m-0 flex-1 max-w-[680px] text-left break-all" }, parseUrlsInText(alert.message.toString())), /* @__PURE__ */ React__default.createElement(
       CloseAlert,
       {
         onClick: () => {
@@ -48342,7 +48504,7 @@ const Alert = ({
     /* @__PURE__ */ React__default.createElement(
       "div",
       {
-        className: `flex items-center gap-2 w-[350px] rounded-md border px-4 py-3 ${borderClasses[level]}`,
+        className: `flex items-center gap-2 min-w-[350px] rounded-md border px-4 py-3 ${borderClasses[level]}`,
         ...props
       }
     )
@@ -48606,7 +48768,7 @@ const BranchButton = ({ className = "" }) => {
       variant: "secondary",
       size: "custom",
       className: cn(
-        "pointer-events-auto px-3 py-3 flex shrink gap-1 items-center justify-between",
+        "pointer-events-auto px-3 py-3 flex shrink gap-1 items-center justify-between max-w-sm",
         className
       ),
       onClick: () => setOpen(true),
@@ -52262,7 +52424,7 @@ const nld = [
   "in",
   "is",
   "ja",
-  "je ",
+  "je",
   "kan",
   "kon",
   "kunnen",
@@ -63552,195 +63714,203 @@ var __publicField2 = (obj, key, value) => {
   __defNormalProp2(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
+const INDEXABLE_NODE_TYPES = ["text", "code_block", "html"];
 class StringBuilder {
   constructor(limit) {
-    __publicField2(this, "buffer");
-    __publicField2(this, "length", 0);
+    __publicField2(this, "buffer", []);
     __publicField2(this, "limit");
-    this.buffer = [];
+    __publicField2(this, "length", 0);
     this.limit = limit;
   }
   append(str) {
-    if (this.length + str.length > this.limit) {
+    if (this.length + str.length > this.limit)
       return true;
-    } else {
-      this.buffer.push(str);
-      this.length += str.length;
-      if (this.length > this.limit) {
-        return true;
-      }
-      return false;
-    }
+    this.buffer.push(str);
+    this.length += str.length;
+    return this.length > this.limit;
   }
   toString() {
     return this.buffer.join(" ");
   }
 }
-const extractText = (data, acc, indexableNodeTypes) => {
-  var _a2, _b;
-  if (data) {
-    if (indexableNodeTypes.indexOf(data.type) !== -1 && (data.text || data.value)) {
-      const tokens = tokenizeString(data.text || data.value);
-      for (const token of tokens) {
-        if (acc.append(token)) {
-          return;
-        }
-      }
+const tokenizeString = (str) => {
+  return str.split(/[\s\.,]+/).map((s2) => s2.toLowerCase()).filter((s2) => s2);
+};
+const extractText = (data, builder, nodeTypes) => {
+  var _a2;
+  if (!data)
+    return;
+  if (nodeTypes.includes(data.type ?? "") && (data.text || data.value)) {
+    const tokens = tokenizeString(data.text || data.value || "");
+    for (const token of tokens) {
+      if (builder.append(token))
+        return;
     }
-    (_b = (_a2 = data.children) == null ? void 0 : _a2.forEach) == null ? void 0 : _b.call(
-      _a2,
-      (child) => extractText(child, acc, indexableNodeTypes)
-    );
   }
+  (_a2 = data.children) == null ? void 0 : _a2.forEach((child) => extractText(child, builder, nodeTypes));
 };
-const relativePath = (path3, collection) => {
+const getRelativePath = (path3, collection) => {
   return path3.replace(/\\/g, "/").replace(collection.path, "").replace(/^\/|\/$/g, "");
 };
-const tokenizeString = (str) => {
-  return str.split(/[\s\.,]+/).map((s2) => s2.toLowerCase()).filter((s2) => s2);
-};
-const processTextFieldValue = (value, maxLen) => {
+const processTextField = (value, maxLength) => {
   const tokens = tokenizeString(value);
-  const builder = new StringBuilder(maxLen);
+  const builder = new StringBuilder(maxLength);
   for (const part of tokens) {
-    if (builder.append(part)) {
+    if (builder.append(part))
       break;
-    }
   }
   return builder.toString();
 };
+const processRichTextField = (value, maxLength) => {
+  const builder = new StringBuilder(maxLength);
+  extractText(value, builder, INDEXABLE_NODE_TYPES);
+  return builder.toString();
+};
+const processObjectField = (data, path3, collection, textIndexLength, field) => {
+  if (field.list) {
+    return data.map(
+      (obj) => processDocumentForIndexing(obj, path3, collection, textIndexLength, field)
+    );
+  }
+  return processDocumentForIndexing(
+    data,
+    path3,
+    collection,
+    textIndexLength,
+    field
+  );
+};
+const processStringField = (data, maxLength, isList) => {
+  if (isList) {
+    return data.map(
+      (value) => processTextField(value, maxLength)
+    );
+  }
+  return processTextField(data, maxLength);
+};
+const processRichTextFieldData = (data, maxLength, isList) => {
+  if (isList) {
+    return data.map(
+      (value) => processRichTextField(value, maxLength)
+    );
+  }
+  return processRichTextField(data, maxLength);
+};
 const processDocumentForIndexing = (data, path3, collection, textIndexLength, field) => {
   if (!field) {
-    const relPath = relativePath(path3, collection);
-    data["_id"] = `${collection.name}:${relPath}`;
-    data["_relativePath"] = relPath;
+    const relativePath = getRelativePath(path3, collection);
+    data["_id"] = `${collection.name}:${relativePath}`;
+    data["_relativePath"] = relativePath;
   }
-  for (const f2 of (field == null ? void 0 : field.fields) || collection.fields || []) {
+  const fields = (field == null ? void 0 : field.fields) || collection.fields || [];
+  for (const f2 of fields) {
     if (!f2.searchable) {
       delete data[f2.name];
       continue;
     }
-    const isList = f2.list;
-    if (data[f2.name]) {
-      if (f2.type === "object") {
-        if (isList) {
-          data[f2.name] = data[f2.name].map(
-            (obj) => processDocumentForIndexing(
-              obj,
-              path3,
-              collection,
-              textIndexLength,
-              f2
-            )
-          );
-        } else {
-          data[f2.name] = processDocumentForIndexing(
-            data[f2.name],
-            path3,
-            collection,
-            textIndexLength,
-            f2
-          );
-        }
-      } else if (f2.type === "string") {
-        const fieldTextIndexLength = f2.maxSearchIndexFieldLength || textIndexLength;
-        if (isList) {
-          data[f2.name] = data[f2.name].map(
-            (value) => processTextFieldValue(value, fieldTextIndexLength)
-          );
-        } else {
-          data[f2.name] = processTextFieldValue(
-            data[f2.name],
-            fieldTextIndexLength
-          );
-        }
-      } else if (f2.type === "rich-text") {
-        const fieldTextIndexLength = f2.maxSearchIndexFieldLength || textIndexLength;
-        if (isList) {
-          data[f2.name] = data[f2.name].map((value) => {
-            const acc = new StringBuilder(fieldTextIndexLength);
-            extractText(value, acc, ["text", "code_block", "html"]);
-            return acc.toString();
-          });
-        } else {
-          const acc = new StringBuilder(fieldTextIndexLength);
-          extractText(data[f2.name], acc, ["text", "code_block", "html"]);
-          data[f2.name] = acc.toString();
-        }
-      }
+    if (!data[f2.name])
+      continue;
+    const fieldMaxLength = f2.maxSearchIndexFieldLength || textIndexLength;
+    const isList = Boolean(f2.list);
+    switch (f2.type) {
+      case "object":
+        data[f2.name] = processObjectField(
+          data[f2.name],
+          path3,
+          collection,
+          textIndexLength,
+          f2
+        );
+        break;
+      case "string":
+        data[f2.name] = processStringField(
+          data[f2.name],
+          fieldMaxLength,
+          isList
+        );
+        break;
+      case "rich-text":
+        data[f2.name] = processRichTextFieldData(
+          data[f2.name],
+          fieldMaxLength,
+          isList
+        );
+        break;
     }
   }
   return data;
 };
-const memo = {};
+const stopwordCache = {};
+const PRESERVED_WORDS = ["about"];
 const lookupStopwords = (keys2, defaultStopWords = eng) => {
   let stopwords = defaultStopWords;
   if (keys2) {
-    if (memo[keys2.join(",")]) {
-      return memo[keys2.join(",")];
+    const cacheKey = keys2.join(",");
+    if (stopwordCache[cacheKey]) {
+      return stopwordCache[cacheKey];
     }
-    stopwords = [];
-    for (const key of keys2) {
-      stopwords.push(...sw[key]);
-    }
-    memo[keys2.join(",")] = stopwords;
+    stopwords = keys2.flatMap((key) => sw[key] || []);
+    stopwordCache[cacheKey] = stopwords;
   }
-  return stopwords;
+  return stopwords.filter((word) => !PRESERVED_WORDS.includes(word));
 };
 const queryToSearchIndexQuery = (query, stopwordLanguages) => {
-  let q2;
   const parts = query.split(" ");
   const stopwords = lookupStopwords(stopwordLanguages);
   if (parts.length === 1) {
-    q2 = { AND: [parts[0]] };
-  } else {
-    q2 = {
-      AND: parts.filter(
-        (part) => part.toLowerCase() !== "and" && stopwords.indexOf(part.toLowerCase()) === -1
-      )
-    };
+    return { AND: [parts[0]] };
   }
-  return q2;
+  const filteredParts = parts.filter(
+    (part) => part.toLowerCase() !== "and" && !stopwords.includes(part.toLowerCase())
+  );
+  return { AND: filteredParts };
 };
 const optionsToSearchIndexOptions = (options) => {
-  const opt = {};
-  if (options == null ? void 0 : options.limit) {
-    opt["PAGE"] = {
+  if (!(options == null ? void 0 : options.limit))
+    return {};
+  return {
+    PAGE: {
       SIZE: options.limit,
-      NUMBER: (options == null ? void 0 : options.cursor) ? parseInt(options.cursor) : 0
-    };
-  }
-  return opt;
+      NUMBER: options.cursor ? parseInt(options.cursor) : 0
+    }
+  };
 };
 const parseSearchIndexResponse = (data, options) => {
-  const results = data["RESULT"];
-  const total = data["RESULT_LENGTH"];
-  if ((options == null ? void 0 : options.cursor) && (options == null ? void 0 : options.limit)) {
-    const prevCursor = options.cursor === "0" ? null : (parseInt(options.cursor) - 1).toString();
-    const nextCursor = total <= (parseInt(options.cursor) + 1) * options.limit ? null : (parseInt(options.cursor) + 1).toString();
-    return {
-      results,
-      total,
-      prevCursor,
-      nextCursor
-    };
-  } else if (!(options == null ? void 0 : options.cursor) && (options == null ? void 0 : options.limit)) {
-    const prevCursor = null;
-    const nextCursor = total <= options.limit ? null : "1";
+  const resultArray = (data == null ? void 0 : data.RESULT) ?? (data == null ? void 0 : data.results);
+  if (!data || !Array.isArray(resultArray)) {
     return {
-      results,
-      total,
-      prevCursor,
-      nextCursor
+      results: [],
+      total: 0,
+      prevCursor: null,
+      nextCursor: null,
+      fuzzyMatches: void 0
     };
-  } else {
+  }
+  const results = data.RESULT ?? data.results;
+  const total = data.RESULT_LENGTH ?? data.total ?? 0;
+  const fuzzyMatches = data.FUZZY_MATCHES ?? data.fuzzyMatches;
+  const nextCursor = data.NEXT_CURSOR ?? data.nextCursor;
+  const prevCursor = data.PREV_CURSOR ?? data.prevCursor;
+  if (nextCursor !== void 0 || prevCursor !== void 0) {
     return {
       results,
       total,
-      prevCursor: null,
-      nextCursor: null
+      prevCursor: prevCursor ?? null,
+      nextCursor: nextCursor ?? null,
+      fuzzyMatches
     };
   }
+  const currentPage = (options == null ? void 0 : options.cursor) ? parseInt(options.cursor) : 0;
+  const pageSize = options == null ? void 0 : options.limit;
+  const hasPreviousPage = currentPage > 0;
+  const hasNextPage = pageSize ? total > (currentPage + 1) * pageSize : false;
+  return {
+    results,
+    total,
+    prevCursor: hasPreviousPage ? (currentPage - 1).toString() : null,
+    nextCursor: hasNextPage ? (currentPage + 1).toString() : null,
+    fuzzyMatches
+  };
 };
 const CREATE_DOCUMENT_GQL = `#graphql
 mutation($collection: String!, $relativePath: String!, $params: DocumentMutation!) {
@@ -63796,7 +63966,7 @@ class TinaAdminApi {
   fetchCollections() {
     return this.schema.getCollections();
   }
-  async renameDocument({ collection, relativePath: relativePath2, newRelativePath }) {
+  async renameDocument({ collection, relativePath, newRelativePath }) {
     await this.api.request(
       `#graphql
               mutation RenameDocument($collection: String!, $relativePath: String! $newRelativePath: String!) {
@@ -63805,7 +63975,7 @@ class TinaAdminApi {
   }
               }
             `,
-      { variables: { collection, relativePath: relativePath2, newRelativePath } }
+      { variables: { collection, relativePath, newRelativePath } }
     );
     if (this.searchClient) {
       const { document: doc } = await this.fetchDocument(
@@ -63819,18 +63989,18 @@ class TinaAdminApi {
         this.maxSearchIndexFieldLength
       );
       await this.searchClient.put([processed]);
-      await this.searchClient.del([`${collection.name}:${relativePath2}`]);
+      await this.searchClient.del([`${collection.name}:${relativePath}`]);
     }
   }
   async deleteDocument({
     collection,
-    relativePath: relativePath2
+    relativePath
   }) {
     var _a2;
     await this.api.request(DELETE_DOCUMENT_GQL, {
-      variables: { collection, relativePath: relativePath2 }
+      variables: { collection, relativePath }
     });
-    await ((_a2 = this.searchClient) == null ? void 0 : _a2.del([`${collection}:${relativePath2}`]));
+    await ((_a2 = this.searchClient) == null ? void 0 : _a2.del([`${collection}:${relativePath}`]));
   }
   async fetchCollection(collectionName, includeDocuments, folder = "", after3, sortKey, order, filterArgs) {
     let filter2 = null;
@@ -63985,7 +64155,7 @@ class TinaAdminApi {
       }
     }
   }
-  async fetchDocument(collectionName, relativePath2, values = true) {
+  async fetchDocument(collectionName, relativePath, values = true) {
     let query;
     if (values) {
       query = `#graphql
@@ -64020,26 +64190,26 @@ class TinaAdminApi {
         }`;
     }
     const response = await this.api.request(query, {
-      variables: { collection: collectionName, relativePath: relativePath2 }
+      variables: { collection: collectionName, relativePath }
     });
     return response;
   }
-  async createDocument(collection, relativePath2, params) {
+  async createDocument(collection, relativePath, params) {
     const response = await this.api.request(CREATE_DOCUMENT_GQL, {
       variables: {
         collection: collection.name,
-        relativePath: relativePath2,
+        relativePath,
         params
       }
     });
     if (this.searchClient) {
       const { document: doc } = await this.fetchDocument(
         collection.name,
-        relativePath2
+        relativePath
       );
       const processed = processDocumentForIndexing(
         doc["_values"],
-        `${collection.path}/${relativePath2}`,
+        `${collection.path}/${relativePath}`,
         collection,
         this.maxSearchIndexFieldLength
       );
@@ -64047,22 +64217,22 @@ class TinaAdminApi {
     }
     return response;
   }
-  async updateDocument(collection, relativePath2, params) {
+  async updateDocument(collection, relativePath, params) {
     const response = await this.api.request(UPDATE_DOCUMENT_GQL, {
       variables: {
         collection: collection.name,
-        relativePath: relativePath2,
+        relativePath,
         params
       }
     });
     if (this.searchClient) {
       const { document: doc } = await this.fetchDocument(
         collection.name,
-        relativePath2
+        relativePath
       );
       const processed = processDocumentForIndexing(
         doc["_values"],
-        `${collection.path}/${relativePath2}`,
+        `${collection.path}/${relativePath}`,
         collection,
         this.maxSearchIndexFieldLength
       );
@@ -64185,7 +64355,7 @@ const CreateBranchModal = ({
       }
       const collection = tinaApi.schema.getCollectionByFullPath(path3);
       const params = tinaApi.schema.transformPayload(collection.name, values);
-      const relativePath2 = pathRelativeToCollection(collection.path, path3);
+      const relativePath = pathRelativeToCollection(collection.path, path3);
       const result = await tinaApi.executeEditorialWorkflow({
         branchName,
         baseBranch: tinaApi.branch,
@@ -64194,7 +64364,7 @@ const CreateBranchModal = ({
           query: graphql2,
           variables: {
             collection: collection.name,
-            relativePath: relativePath2,
+            relativePath,
             params
           }
         },
@@ -64222,10 +64392,11 @@ const CreateBranchModal = ({
       }
       setCurrentBranch(result.branchName);
       cms.alerts.success(
-        `Branch created successfully - Pull Request at ${result.pullRequestUrl}`
+        `Branch created successfully - Pull Request at ${result.pullRequestUrl}`,
+        0
       );
       if (crudType === "create") {
-        const folderPath = relativePath2.includes("/") ? relativePath2.substring(0, relativePath2.lastIndexOf("/")) : "";
+        const folderPath = relativePath.includes("/") ? relativePath.substring(0, relativePath.lastIndexOf("/")) : "";
         window.location.hash = `#/collections/${collection.name}${folderPath ? `/${folderPath}` : ""}`;
       }
       close2();
@@ -64591,7 +64762,7 @@ const Emoji = ({ className = "", ...props }) => /* @__PURE__ */ React.createElem
 const CreateBranchModel = ({
   close: close2,
   safeSubmit,
-  relativePath: relativePath2,
+  relativePath,
   values,
   crudType
 }) => /* @__PURE__ */ React.createElement(
@@ -64599,7 +64770,7 @@ const CreateBranchModel = ({
   {
     close: close2,
     safeSubmit,
-    path: relativePath2,
+    path: relativePath,
     values,
     crudType
   }
@@ -67525,7 +67696,25 @@ function LinkFloatingToolbar({
     },
     /* @__PURE__ */ React.createElement(Unlink, { width: 18 })
   ));
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { ref: insertRef, className: popoverVariants(), ...insertProps }, input), /* @__PURE__ */ React.createElement("div", { ref: editRef, className: popoverVariants(), ...editProps }, editContent));
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      ref: insertRef,
+      className: popoverVariants(),
+      ...insertProps,
+      style: insertProps.style
+    },
+    input
+  ), /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      ref: editRef,
+      className: popoverVariants(),
+      ...editProps,
+      style: editProps.style
+    },
+    editContent
+  ));
 }
 function LinkOpenButton() {
   const editor = useEditorRef();
@@ -119801,19 +119990,36 @@ class LocalClient extends Client {
 }
 class TinaCMSSearchClient {
   constructor(client, tinaSearchConfig) {
+    __publicField(this, "fuzzyEnabled");
+    __publicField(this, "defaultFuzzyOptions");
     this.client = client;
     this.tinaSearchConfig = tinaSearchConfig;
+    this.fuzzyEnabled = (tinaSearchConfig == null ? void 0 : tinaSearchConfig.fuzzyEnabled) !== false;
+    this.defaultFuzzyOptions = tinaSearchConfig == null ? void 0 : tinaSearchConfig.fuzzyOptions;
   }
   async query(query, options) {
     var _a2;
+    const opt = optionsToSearchIndexOptions(options);
+    const optionsParam = opt["PAGE"] ? `&options=${JSON.stringify(opt)}` : "";
     const q2 = queryToSearchIndexQuery(
       query,
       (_a2 = this.tinaSearchConfig) == null ? void 0 : _a2.stopwordLanguages
     );
-    const opt = optionsToSearchIndexOptions(options);
-    const optionsParam = opt["PAGE"] ? `&options=${JSON.stringify(opt)}` : "";
+    const useFuzzy = (options == null ? void 0 : options.fuzzy) !== void 0 ? options.fuzzy : this.fuzzyEnabled;
+    let fuzzyParam = "";
+    if (useFuzzy) {
+      const mergedFuzzyOptions = {
+        ...this.defaultFuzzyOptions,
+        ...options == null ? void 0 : options.fuzzyOptions
+      };
+      fuzzyParam = `&fuzzy=${useFuzzy}&fuzzyOptions=${JSON.stringify(
+        mergedFuzzyOptions
+      )}`;
+    }
     const res = await this.client.authProvider.fetchWithToken(
-      `${this.client.contentApiBase}/searchIndex/${this.client.clientId}/${this.client.getBranch()}?q=${JSON.stringify(q2)}${optionsParam}`
+      `${this.client.contentApiBase}/searchIndex/${this.client.clientId}/${this.client.getBranch()}?q=${JSON.stringify(
+        q2
+      )}${optionsParam}${fuzzyParam}`
     );
     return parseSearchIndexResponse(await res.json(), options);
   }
@@ -119848,15 +120054,33 @@ class TinaCMSSearchClient {
   }
 }
 class LocalSearchClient {
-  constructor(client) {
+  constructor(client, tinaSearchConfig) {
+    __publicField(this, "fuzzyEnabled");
+    __publicField(this, "defaultFuzzyOptions");
     this.client = client;
+    this.tinaSearchConfig = tinaSearchConfig;
+    this.fuzzyEnabled = (tinaSearchConfig == null ? void 0 : tinaSearchConfig.fuzzyEnabled) !== false;
+    this.defaultFuzzyOptions = tinaSearchConfig == null ? void 0 : tinaSearchConfig.fuzzyOptions;
   }
   async query(query, options) {
     const q2 = queryToSearchIndexQuery(query);
     const opt = optionsToSearchIndexOptions(options);
     const optionsParam = opt["PAGE"] ? `&options=${JSON.stringify(opt)}` : "";
+    const useFuzzy = (options == null ? void 0 : options.fuzzy) !== void 0 ? options.fuzzy : this.fuzzyEnabled;
+    let fuzzyParam = "";
+    if (useFuzzy) {
+      const mergedFuzzyOptions = {
+        ...this.defaultFuzzyOptions,
+        ...options == null ? void 0 : options.fuzzyOptions
+      };
+      fuzzyParam = `&fuzzy=${useFuzzy}&fuzzyOptions=${JSON.stringify(
+        mergedFuzzyOptions
+      )}`;
+    }
     const res = await this.client.authProvider.fetchWithToken(
-      `http://localhost:4001/searchIndex?q=${JSON.stringify(q2)}${optionsParam}`
+      `http://localhost:4001/searchIndex?q=${JSON.stringify(
+        q2
+      )}${optionsParam}${fuzzyParam}`
     );
     return parseSearchIndexResponse(await res.json(), options);
   }
@@ -120163,19 +120387,22 @@ const TinaCloudProvider = (props) => {
     cms.api.tina.setBranch(currentBranch);
   }
   useEffect(() => {
-    var _a3, _b2, _c2, _d, _e, _f;
+    var _a3, _b2, _c2, _d, _e, _f, _g, _h;
     let searchClient;
     if (props.isLocalClient) {
-      searchClient = new LocalSearchClient(cms.api.tina);
+      searchClient = new LocalSearchClient(
+        cms.api.tina,
+        (_b2 = (_a3 = props.schema.config) == null ? void 0 : _a3.search) == null ? void 0 : _b2.tina
+      );
     } else {
-      const hasTinaSearch = Boolean((_b2 = (_a3 = props.schema.config) == null ? void 0 : _a3.search) == null ? void 0 : _b2.tina);
+      const hasTinaSearch = Boolean((_d = (_c2 = props.schema.config) == null ? void 0 : _c2.search) == null ? void 0 : _d.tina);
       if (hasTinaSearch) {
         searchClient = new TinaCMSSearchClient(
           cms.api.tina,
-          (_d = (_c2 = props.schema.config) == null ? void 0 : _c2.search) == null ? void 0 : _d.tina
+          (_f = (_e = props.schema.config) == null ? void 0 : _e.search) == null ? void 0 : _f.tina
         );
       } else {
-        searchClient = (_f = (_e = props.schema.config) == null ? void 0 : _e.search) == null ? void 0 : _f.searchClient;
+        searchClient = (_h = (_g = props.schema.config) == null ? void 0 : _g.search) == null ? void 0 : _h.searchClient;
       }
     }
     if (searchClient) {
@@ -120309,18 +120536,18 @@ class ContentCreatorPlugin {
     this.onChange = options.onChange;
     this.initialValues = options.initialValues;
   }
-  async onSubmit({ collection, template, relativePath: relativePath2 }, cms) {
+  async onSubmit({ collection, template, relativePath }, cms) {
     try {
       const selectedCollection = this.collections.find(
         (collectionItem) => collectionItem.slug === collection
       );
       const collectionFormat = selectedCollection.format;
       const extensionLength = -1 * (collectionFormat.length + 1);
-      let relativePathWithExt = relativePath2;
-      if (relativePath2.slice(extensionLength).toLocaleLowerCase() === `.${collectionFormat}`) {
-        relativePathWithExt = `${relativePath2.slice(0, -3)}.${collectionFormat}`;
+      let relativePathWithExt = relativePath;
+      if (relativePath.slice(extensionLength).toLocaleLowerCase() === `.${collectionFormat}`) {
+        relativePathWithExt = `${relativePath.slice(0, -3)}.${collectionFormat}`;
       } else {
-        relativePathWithExt = `${relativePath2}.${collectionFormat}`;
+        relativePathWithExt = `${relativePath}.${collectionFormat}`;
       }
       const payload = {
         relativePath: relativePathWithExt,
@@ -121049,22 +121276,6 @@ const PageHeader = ({
   return /* @__PURE__ */ React__default.createElement("div", { className: "pt-4 pb-2 px-6" }, /* @__PURE__ */ React__default.createElement("div", { className: "w-full flex justify-between items-end" }, children));
 };
 const PageBody = ({ children }) => /* @__PURE__ */ React__default.createElement("div", { className: "py-4 px-6" }, children);
-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$1(
-      "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 folderRegex = /^.*\/~\/*(.*)$/;
 const parentFolder = (folder) => {
   return {
@@ -121237,6 +121448,10 @@ const CollectionListPage = () => {
       booleanEquals: null
     }));
   }, [collectionName]);
+  useEffect(() => {
+    setEndCursor("");
+    setPrevCursors([]);
+  }, [search]);
   const tableRowStyle = "hover:bg-gray-50/50 border-b-2 border-gray-50 transition-colors duration-300";
   const tableHeadingCellStyle = "px-3 py-3 text-left text-xs font-bold text-gray-700 tracking-wider";
   const tableHeadingStyle2 = "bg-gray-100 border-b-2 border-gray-200";
@@ -121496,6 +121711,8 @@ const CollectionListPage = () => {
         ))), /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-1 flex-row gap-2 items-end w-full" }, searchEnabled ? /* @__PURE__ */ React__default.createElement(
           SearchInput,
           {
+            cms,
+            collectionName,
             loading: _loading,
             search,
             setSearch,
@@ -121828,33 +122045,31 @@ const SearchInput = ({
   setSearchInput
 }) => {
   const [searchLoaded, setSearchLoaded] = useState(false);
+  const inputRef = React__default.useRef(null);
   useEffect(() => {
-    if (loading) {
-      setSearchLoaded(false);
-    } else {
-      setSearchLoaded(true);
-    }
+    setSearchLoaded(!loading);
   }, [loading]);
-  return /* @__PURE__ */ React__default.createElement("form", { className: "flex flex-1 flex-col gap-2 items-start w-full" }, /* @__PURE__ */ React__default.createElement("div", { className: "h-4" }), /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-col md:flex-row items-start md:items-center w-full md:w-auto gap-3" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex-1 min-w-[200px] w-full md:w-auto relative" }, /* @__PURE__ */ React__default.createElement(BiSearch, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-gray-400 pointer-events-none" }), /* @__PURE__ */ React__default.createElement(
+  const handleKeyDown = (e3) => {
+    if (e3.key === "Enter") {
+      e3.preventDefault();
+      if (searchInput.trim()) {
+        setSearch(searchInput);
+        setSearchLoaded(false);
+      }
+    }
+  };
+  return /* @__PURE__ */ React__default.createElement("form", { className: "flex flex-1 flex-col gap-2 items-start w-full" }, /* @__PURE__ */ React__default.createElement("div", { className: "h-4" }), /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-col md:flex-row items-start md:items-center w-full md:w-auto gap-3" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex-1 min-w-[200px] w-full md:w-auto relative" }, /* @__PURE__ */ React__default.createElement(BiSearch, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-gray-400 pointer-events-none z-10" }), /* @__PURE__ */ React__default.createElement(
     "input",
     {
+      ref: inputRef,
       type: "text",
       name: "search",
       placeholder: "Search...",
       value: searchInput,
-      onChange: (e3) => {
-        setSearchInput(e3.target.value);
-      },
-      onKeyDown: (e3) => {
-        if (e3.key === "Enter") {
-          e3.preventDefault();
-          if (searchInput.trim()) {
-            setSearch(searchInput);
-            setSearchLoaded(false);
-          }
-        }
-      },
-      className: "shadow appearance-none bg-white block pl-10 pr-10 py-2 truncate w-full text-base border border-gray-200 focus:outline-none focus:shadow-outline focus:ring-blue-500 focus:border-blue-500 sm:text-sm rounded placeholder:text-gray-300 text-gray-600 focus:text-gray-900"
+      onChange: (e3) => setSearchInput(e3.target.value),
+      onKeyDown: handleKeyDown,
+      className: "shadow appearance-none bg-white block pl-10 pr-10 py-2 truncate w-full text-base border border-gray-200 focus:outline-none focus:shadow-outline focus:ring-blue-500 focus:border-blue-500 sm:text-sm rounded placeholder:text-gray-300 text-gray-600 focus:text-gray-900",
+      autoComplete: "off"
     }
   ), search && searchLoaded && /* @__PURE__ */ React__default.createElement(
     "button",
@@ -121864,7 +122079,7 @@ const SearchInput = ({
         setSearch("");
         setSearchInput("");
       },
-      className: "absolute right-3 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-600 transition-colors"
+      className: "absolute right-3 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-600 transition-colors z-10"
     },
     /* @__PURE__ */ React__default.createElement(BiX, { className: "w-5 h-5" })
   ))));
@@ -122133,41 +122348,46 @@ const useSearchCollection = (cms, collectionName, includeDocuments = true, folde
   useEffect(() => {
     let cancelled = false;
     const searchCollection = async () => {
+      var _a2, _b, _c, _d;
       if (await api.isAuthenticated() && !folder.loading && !cancelled) {
         try {
+          const fuzzyEnabled = ((_d = (_c = (_b = (_a2 = schema.config) == null ? void 0 : _a2.config) == null ? void 0 : _b.search) == null ? void 0 : _c.tina) == null ? void 0 : _d.fuzzyEnabled) !== false;
           const response = await cms.api.search.query(
             `${search} AND _collection:${collectionName}`,
             {
               limit: 15,
-              cursor: after3
+              cursor: after3,
+              fuzzy: fuzzyEnabled
             }
           );
+          const results = (response == null ? void 0 : response.results) ?? [];
           const docs = await Promise.allSettled(
-            response.results.map((result) => {
-              const [collection2, relativePath2] = result._id.split(":");
-              return api.fetchDocument(collection2, relativePath2, false);
+            results.map((result) => {
+              const [collection2, relativePath] = result._id.split(":");
+              return api.fetchDocument(collection2, relativePath, false);
             })
           );
           const edges2 = docs.filter((p2) => {
-            var _a2;
-            return p2.status === "fulfilled" && !!((_a2 = p2.value) == null ? void 0 : _a2.document);
+            var _a3;
+            return p2.status === "fulfilled" && !!((_a3 = p2.value) == null ? void 0 : _a3.document);
           }).map((result) => ({ node: result.value.document }));
           const c2 = await api.fetchCollection(collectionName, false, "");
-          setCollection({
-            format: collection.format,
-            label: collection.label,
+          const collectionData = {
+            format: c2.format,
+            label: c2.label,
             name: collectionName,
-            templates: collection.templates,
+            templates: c2.templates,
             documents: {
               pageInfo: {
-                hasNextPage: !!response.nextCursor,
-                hasPreviousPage: !!response.prevCursor,
+                hasNextPage: !!(response == null ? void 0 : response.nextCursor),
+                hasPreviousPage: !!(response == null ? void 0 : response.prevCursor),
                 startCursor: "",
-                endCursor: response.nextCursor || ""
+                endCursor: (response == null ? void 0 : response.nextCursor) || ""
               },
               edges: edges2
             }
-          });
+          };
+          setCollection(collectionData);
         } catch (error22) {
           cms.alerts.error(
             `[${error22.name}] GetCollection failed: ${error22.message}`
@@ -122270,14 +122490,14 @@ const createDocument = async (cms, collection, template, mutationInfo, folder, v
     throw new Error("Filename must be a string");
   }
   const appendFolder = folder && !filename.startsWith("/") ? `/${folder}/` : "/";
-  const relativePath2 = `${appendFolder}${filename}.${collection.format}`;
+  const relativePath = `${appendFolder}${filename}.${collection.format}`;
   const params = api.schema.transformPayload(collection.name, {
     _collection: collection.name,
     ...template && { _template: template.name },
     ...leftover
   });
   if (await api.isAuthenticated()) {
-    await api.createDocument(collection, relativePath2, params);
+    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);
@@ -122527,7 +122747,7 @@ const RenderForm$1 = ({
     ), /* @__PURE__ */ React__default.createElement(FormStatus, { pristine: formIsPristine }))
   ), activeForm && /* @__PURE__ */ React__default.createElement(FormBuilder, { form: activeForm, onPristineChange: setFormIsPristine })));
 };
-const useGetDocument = (cms, collectionName, relativePath2) => {
+const useGetDocument = (cms, collectionName, relativePath) => {
   const api = new TinaAdminApi(cms);
   const [document2, setDocument] = useState(void 0);
   const [loading, setLoading] = useState(true);
@@ -122539,7 +122759,7 @@ const useGetDocument = (cms, collectionName, relativePath2) => {
         try {
           const response = await api.fetchDocument(
             collectionName,
-            relativePath2
+            relativePath
           );
           if (!isCancelled) {
             setDocument(response.document);
@@ -122564,19 +122784,19 @@ const useGetDocument = (cms, collectionName, relativePath2) => {
     return () => {
       isCancelled = true;
     };
-  }, [cms, collectionName, relativePath2]);
+  }, [cms, collectionName, relativePath]);
   return { document: document2, loading, error: error2 };
 };
 const GetDocument = ({
   cms,
   collectionName,
-  relativePath: relativePath2,
+  relativePath,
   children
 }) => {
   const { document: document2, loading, error: error2 } = useGetDocument(
     cms,
     collectionName,
-    relativePath2
+    relativePath
   );
   if (error2) {
     return /* @__PURE__ */ React__default.createElement(FullscreenError, null);
@@ -122599,7 +122819,7 @@ const CollectionDuplicatePage = () => {
       includeDocuments: false
     },
     (collection) => {
-      const relativePath2 = `${filename.startsWith("~/") ? filename.substring(2) : filename}.${collection.format}`;
+      const relativePath = `${filename.startsWith("~/") ? filename.substring(2) : filename}.${collection.format}`;
       const mutationInfo = {
         includeCollection: true,
         includeTemplate: !!collection.templates
@@ -122609,7 +122829,7 @@ const CollectionDuplicatePage = () => {
         {
           cms,
           collectionName: collection.name,
-          relativePath: relativePath2
+          relativePath
         },
         (document2) => {
           var _a2;
@@ -122629,11 +122849,11 @@ const CollectionDuplicatePage = () => {
     }
   ));
 };
-const updateDocument = async (cms, relativePath2, collection, mutationInfo, values) => {
+const updateDocument = async (cms, relativePath, collection, mutationInfo, values) => {
   const api = new TinaAdminApi(cms);
   const params = api.schema.transformPayload(collection.name, values);
   if (await api.isAuthenticated()) {
-    await api.updateDocument(collection, relativePath2, params);
+    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);
@@ -122655,7 +122875,7 @@ const CollectionUpdatePage = () => {
       includeDocuments: false
     },
     (collection) => {
-      const relativePath2 = `${resolvedFile}.${collection.format}`;
+      const relativePath = `${resolvedFile}.${collection.format}`;
       const mutationInfo = {
         includeCollection: true,
         includeTemplate: !!collection.templates
@@ -122665,7 +122885,7 @@ const CollectionUpdatePage = () => {
         {
           cms,
           collectionName: collection.name,
-          relativePath: relativePath2
+          relativePath
         },
         (document2) => /* @__PURE__ */ React__default.createElement(
           RenderForm,
@@ -122673,7 +122893,7 @@ const CollectionUpdatePage = () => {
             cms,
             document: document2,
             filename: resolvedFile,
-            relativePath: relativePath2,
+            relativePath,
             collection,
             mutationInfo
           }
@@ -122686,10 +122906,11 @@ const RenderForm = ({
   cms,
   document: document2,
   filename,
-  relativePath: relativePath2,
+  relativePath,
   collection,
   mutationInfo
 }) => {
+  var _a2, _b, _c, _d;
   const [formIsPristine, setFormIsPristine] = useState(true);
   const schema = cms.api.tina.schema;
   const schemaCollection = schema.getCollection(collection.name);
@@ -122706,7 +122927,7 @@ const RenderForm = ({
   const form = useMemo(() => {
     return new Form({
       // id is the full document path
-      id: canonicalPath(`${schemaCollection.path}/${relativePath2}`),
+      id: canonicalPath(`${schemaCollection.path}/${relativePath}`),
       label: "form",
       fields: formInfo.fields,
       initialValues: document2._values,
@@ -122714,7 +122935,7 @@ const RenderForm = ({
         try {
           await updateDocument(
             cms,
-            relativePath2,
+            relativePath,
             collection,
             mutationInfo,
             values
@@ -122735,7 +122956,7 @@ const RenderForm = ({
         }
       }
     });
-  }, [cms, document2, relativePath2, collection, mutationInfo]);
+  }, [cms, document2, relativePath, collection, mutationInfo]);
   React__default.useEffect(() => {
     cms.dispatch({ type: "forms:add", value: form });
     cms.dispatch({ type: "forms:set-active-form-id", value: form.id });
@@ -122761,6 +122982,15 @@ const RenderForm = ({
         className: "w-[calc(100%-3rem)]",
         rootBreadcrumbName: `${filename}.${collection.format}`
       }
+    ), /* @__PURE__ */ React__default.createElement(
+      FileHistoryProvider,
+      {
+        defaultBranchName: (_a2 = cms.api.admin.api.schema.config.config.repoProvider) == null ? void 0 : _a2.defaultBranchName,
+        historyUrl: (_b = cms.api.admin.api.schema.config.config.repoProvider) == null ? void 0 : _b.historyUrl,
+        contentRelativePath: relativePath,
+        tinaBranch: cms.api.admin.api.branch,
+        isLocalMode: (_d = (_c = cms.api) == null ? void 0 : _c.tina) == null ? void 0 : _d.isLocalMode
+      }
     ), /* @__PURE__ */ React__default.createElement(FormStatus, { pristine: formIsPristine }))
   ), activeForm && /* @__PURE__ */ React__default.createElement(FormBuilder, { form: activeForm, onPristineChange: setFormIsPristine }));
 };