tinacms 0.0.0-9ffcade-20251202022528 → 0.0.0-a23fec8-20251217045135

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, 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";
@@ -43,10 +43,10 @@ import { twMerge } from "tailwind-merge";
 import { useSensors, useSensor, PointerSensor, KeyboardSensor, DndContext, closestCenter } from "@dnd-kit/core";
 import { sortableKeyboardCoordinates, useSortable, SortableContext, verticalListSortingStrategy, defaultAnimateLayoutChanges } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
-import * as pkg$1 from "react-color";
-import * as pkg from "color-string";
 import { buildSchema, print, getIntrospectionQuery, buildClientSchema, parse as parse$4 } from "graphql";
 import { diff as diff$1 } from "@graphql-inspector/core";
+import { get as get$6, to as to$1 } from "color-string";
+import { HexColorPicker } from "react-colorful";
 import * as dropzone from "react-dropzone";
 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";
@@ -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
@@ -33524,7 +33582,8 @@ const buttonVariants$2 = cva(
         inlineLink: "text-base text-primary underline underline-offset-4",
         link: "text-primary underline-offset-4 hover:underline",
         outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80"
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        tinaPrimary: "bg-tina-orange-dark text-white hover:bg-tina-orange-dark/90 disabled:bg-tina-orange-dark/50"
       }
     }
   }
@@ -38720,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);
 }
@@ -39367,20 +39423,183 @@ const TextArea = React.forwardRef(({ ...props }, ref) => {
     }
   );
 });
-const { get: getColor, to: toColor } = pkg;
+const TRANSPARENT = "transparent";
+const isValidHex = (value) => /^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/.test(value);
+const expandHex = (hex) => {
+  const h = hex.replace("#", "");
+  if (h.length === 3) {
+    return `#${h[0]}${h[0]}${h[1]}${h[1]}${h[2]}${h[2]}`.toUpperCase();
+  }
+  return `#${h.toUpperCase()}`;
+};
+const hexToRgb = (hex) => {
+  if (!hex || !isValidHex(hex))
+    return null;
+  const expanded = expandHex(hex).replace("#", "");
+  return {
+    r: parseInt(expanded.substring(0, 2), 16),
+    g: parseInt(expanded.substring(2, 4), 16),
+    b: parseInt(expanded.substring(4, 6), 16)
+  };
+};
+const rgbToHex = (r2, g, b) => `#${((1 << 24) + (r2 << 16) + (g << 8) + b).toString(16).slice(1).toUpperCase()}`;
+const checkerboardStyle$1 = (size2 = 8) => ({
+  backgroundImage: "linear-gradient(45deg, #ccc 25%, transparent 25%), linear-gradient(-45deg, #ccc 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ccc 75%), linear-gradient(-45deg, transparent 75%, #ccc 75%)",
+  backgroundSize: `${size2}px ${size2}px`,
+  backgroundPosition: `0 0, 0 ${size2 / 2}px, ${size2 / 2}px -${size2 / 2}px, -${size2 / 2}px 0px`
+});
+const normalizeColorValue = (value) => {
+  if (isValidHex(value)) {
+    return expandHex(value);
+  }
+  const parsed = get$6(value.toLowerCase());
+  if (parsed)
+    return rgbToHex(parsed.value[0], parsed.value[1], parsed.value[2]);
+  return null;
+};
+const useHexInput = (color, onChange) => {
+  const [inputValue, setInputValue] = React.useState(color);
+  const [isFocused2, setIsFocused] = React.useState(false);
+  React.useEffect(() => {
+    if (!isFocused2) {
+      setInputValue(color);
+    }
+  }, [color, isFocused2]);
+  const handleChange = (e3) => {
+    const value = e3.target.value;
+    setInputValue(value);
+    const normalized = normalizeColorValue(value);
+    if (normalized)
+      onChange(normalized);
+  };
+  const handleFocus = () => {
+    setIsFocused(true);
+  };
+  const handleBlur = () => {
+    setIsFocused(false);
+    const normalized = normalizeColorValue(inputValue);
+    if (normalized) {
+      setInputValue(normalized);
+      onChange(normalized);
+    } else {
+      setInputValue(color);
+    }
+  };
+  const handleSwatchClick = React.useCallback(
+    (c2) => {
+      if (c2 === TRANSPARENT) {
+        onChange(null);
+      } else {
+        const normalized = normalizeColorValue(c2);
+        onChange(normalized || c2);
+      }
+    },
+    [onChange]
+  );
+  return {
+    inputValue,
+    handleChange,
+    handleFocus,
+    handleBlur,
+    handleSwatchClick
+  };
+};
+const SwatchButton = ({ color, isSelected: isSelected2, onClick }) => /* @__PURE__ */ React.createElement("div", { className: "relative w-full pb-[100%]" }, /* @__PURE__ */ React.createElement(
+  "button",
+  {
+    type: "button",
+    onClick,
+    className: `absolute inset-0 rounded-sm border cursor-pointer transition-all ${isSelected2 ? "border-blue-500 border-2 scale-110" : "border-gray-200 hover:scale-105"}`,
+    style: {
+      backgroundColor: color === TRANSPARENT ? "#FFF" : color,
+      ...color === TRANSPARENT ? checkerboardStyle$1() : {}
+    },
+    "aria-label": color === TRANSPARENT ? "Clear color" : `Select color ${color}`
+  }
+));
+const ColorPreview = ({
+  color,
+  size: size2 = "sm"
+}) => /* @__PURE__ */ React.createElement(
+  "div",
+  {
+    className: size2 === "lg" ? "h-16 w-full rounded border border-gray-200 mb-2" : "w-8 h-8 rounded border border-gray-200 flex-shrink-0",
+    style: {
+      backgroundColor: color || TRANSPARENT,
+      ...!color ? checkerboardStyle$1(size2 === "lg" ? 16 : 8) : {}
+    },
+    "aria-label": "Current color preview"
+  }
+);
+const HexInput = ({ value, onChange, onFocus, onBlur, fullWidth }) => /* @__PURE__ */ React.createElement(
+  "input",
+  {
+    type: "text",
+    value: value || "",
+    onChange,
+    onFocus,
+    onBlur,
+    placeholder: "#000000 or color name",
+    className: `shadow-inner px-2 py-1 text-sm border border-gray-200 rounded focus:shadow-outline focus:border-blue-500 focus:outline-none ${fullWidth ? "w-full" : "flex-1 min-w-0"}`
+  }
+);
+const SwatchGrid = ({ colors, selectedColor, onSelect }) => /* @__PURE__ */ React.createElement("div", { className: "mt-2 grid grid-cols-8 gap-1.5" }, colors.map((c2) => /* @__PURE__ */ React.createElement(
+  SwatchButton,
+  {
+    key: c2,
+    color: c2,
+    isSelected: (selectedColor == null ? void 0 : selectedColor.toLowerCase()) === c2.toLowerCase(),
+    onClick: () => onSelect(c2)
+  }
+)));
+const BlockWidget = ({
+  presetColors: presetColors2,
+  color,
+  onChange,
+  width
+}) => {
+  const {
+    inputValue,
+    handleChange,
+    handleFocus,
+    handleBlur,
+    handleSwatchClick
+  } = useHexInput(color, onChange);
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: "bg-white rounded-lg shadow-lg overflow-hidden",
+      style: { width }
+    },
+    /* @__PURE__ */ React.createElement("div", { className: "p-3" }, /* @__PURE__ */ React.createElement(ColorPreview, { color, size: "lg" }), /* @__PURE__ */ React.createElement(
+      HexInput,
+      {
+        value: inputValue,
+        onChange: handleChange,
+        onFocus: handleFocus,
+        onBlur: handleBlur,
+        fullWidth: true
+      }
+    ), /* @__PURE__ */ React.createElement(
+      SwatchGrid,
+      {
+        colors: presetColors2,
+        selectedColor: color,
+        onSelect: handleSwatchClick
+      }
+    ))
+  );
+};
 var ColorFormat = /* @__PURE__ */ ((ColorFormat2) => {
   ColorFormat2["Hex"] = "hex";
   ColorFormat2["RGB"] = "rgb";
   return ColorFormat2;
 })(ColorFormat || {});
-const rgbToHex = function(color) {
-  return "#" + ((1 << 24) + (color.r << 16) + (color.g << 8) + color.b).toString(16).slice(1);
-};
 function ParseColorStr(color) {
   if (!color) {
     return null;
   }
-  const colorDescriptor = getColor(color);
+  const colorDescriptor = get$6(color);
   if (!colorDescriptor)
     return null;
   const colorVals = colorDescriptor.value;
@@ -39396,7 +39615,7 @@ const ColorFormatter = {
     },
     getValue(color) {
       const colorVals = [color.r, color.g, color.b, color.a];
-      return toColor.rgb(colorVals);
+      return to$1.rgb(colorVals);
     },
     parse: ParseColorStr
   },
@@ -39405,37 +39624,88 @@ const ColorFormatter = {
     /* Hex */
   ]: {
     getLabel(color) {
-      return rgbToHex(color);
+      return rgbToHex(color.r, color.g, color.b);
     },
     getValue(color) {
       const colorVals = [color.r, color.g, color.b, color.a];
-      return toColor.hex(colorVals);
+      return to$1.hex(colorVals).toUpperCase();
     },
     parse: ParseColorStr
   }
 };
-const { SketchPicker, BlockPicker } = pkg$1;
-const GetTextColorForBackground = function(backgroundColor) {
-  return !backgroundColor || backgroundColor.r * 0.299 + backgroundColor.g * 0.587 + backgroundColor.b * 0.114 > 186 ? "#000000" : "#ffffff";
+const SketchWidget = ({
+  presetColors: presetColors2,
+  color,
+  onChange,
+  width
+}) => {
+  const {
+    inputValue,
+    handleChange,
+    handleFocus,
+    handleBlur,
+    handleSwatchClick
+  } = useHexInput(color, onChange);
+  const currentRgb = hexToRgb(color) || { r: 0, g: 0, b: 0 };
+  const handleRgbChange = (channel, value) => {
+    const num = Math.max(0, Math.min(255, parseInt(value, 10) || 0));
+    const updated = { ...currentRgb, [channel]: num };
+    onChange(rgbToHex(updated.r, updated.g, updated.b));
+  };
+  return /* @__PURE__ */ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-3", style: { width } }, /* @__PURE__ */ React.createElement(
+    HexColorPicker,
+    {
+      color: color || "#000000",
+      onChange,
+      className: "!w-full !h-[150px]"
+    }
+  ), /* @__PURE__ */ React.createElement("div", { className: "mt-2 flex gap-2 items-center" }, /* @__PURE__ */ React.createElement(ColorPreview, { color }), /* @__PURE__ */ React.createElement(
+    HexInput,
+    {
+      value: inputValue,
+      onChange: handleChange,
+      onFocus: handleFocus,
+      onBlur: handleBlur
+    }
+  )), /* @__PURE__ */ React.createElement("div", { className: "mt-2 flex gap-2" }, ["r", "g", "b"].map((channel) => /* @__PURE__ */ React.createElement("div", { key: channel, className: "flex-1" }, /* @__PURE__ */ React.createElement("label", { className: "block text-xs text-gray-500 mb-0.5" }, channel.toUpperCase()), /* @__PURE__ */ React.createElement(
+    "input",
+    {
+      type: "number",
+      min: 0,
+      max: 255,
+      value: currentRgb[channel],
+      onChange: (e3) => handleRgbChange(channel, e3.target.value),
+      className: "shadow-inner w-full px-2 py-1 text-sm border border-gray-200 rounded focus:shadow-outline focus:border-blue-500 focus:outline-none"
+    }
+  )))), /* @__PURE__ */ React.createElement(
+    SwatchGrid,
+    {
+      colors: presetColors2,
+      selectedColor: color,
+      onSelect: handleSwatchClick
+    }
+  ));
+};
+const isLightBackground = function(backgroundColor) {
+  return !backgroundColor || backgroundColor.r * 0.299 + backgroundColor.g * 0.587 + backgroundColor.b * 0.114 > 186;
 };
-const Swatch = ({
-  colorRGBA,
-  colorFormat,
-  unselectable,
-  ...props
-}) => /* @__PURE__ */ React.createElement(
+const getTextColorForBackground = function(backgroundColor) {
+  return isLightBackground(backgroundColor) ? "#000000" : "#FFFFFF";
+};
+const Swatch = ({ colorRGBA, colorFormat, width, ...props }) => /* @__PURE__ */ React.createElement(
   "div",
   {
-    className: "bg-gray-100 rounded-3xl shadow-[0_2px_3px_rgba(0,0,0,0.12)] cursor-pointer w-full m-0",
+    className: "bg-gray-100 rounded shadow-[0_2px_3px_rgba(0,0,0,0.12)] cursor-pointer m-0",
+    style: { width },
     ...props
   },
   /* @__PURE__ */ React.createElement(
     "div",
     {
-      className: "swatch-inner flex items-center justify-center text-[13px] font-bold w-full h-10 rounded-3xl hover:opacity-[.6]",
+      className: "swatch-inner flex items-center justify-center text-[13px] font-bold w-full h-10 rounded hover:opacity-[.6]",
       style: {
         background: colorRGBA ? `rgba(${colorRGBA.r}, ${colorRGBA.g}, ${colorRGBA.b}, ${colorRGBA.a})` : `#fff`,
-        color: GetTextColorForBackground(colorRGBA),
+        color: getTextColorForBackground(colorRGBA),
         transition: "all var(--tina-timing-short) ease-out"
       }
     },
@@ -39451,7 +39721,7 @@ const Popover$2 = ({
 }) => /* @__PURE__ */ React.createElement(
   "div",
   {
-    className: `fixed z-50 before:content-[""] before:absolute before:left-1/2 before:-translate-x-1/2 before:w-[18px] before:h-[14px] before:bg-gray-200 before:z-10 after:content-[""] after:absolute after:left-1/2 after:-translate-x-1/2 after:w-4 after:h-[13px] after:bg-white after:z-20 ${openTop ? "before:bottom-0 before:mt-[1px] before:translate-y-full color-picker-on-top-clip-path after:bottom-0 after:mb-0.5 after:translate-y-full" : "before:top-0 before:mb-[1px] before:-translate-y-full color-picker-clip-path after:top-0 after:mt-0.5 after:-translate-y-full"} ${className}`,
+    className: `fixed z-50 before:content-[""] before:absolute before:left-1/2 before:-translate-x-1/2 before:w-[18px] before:h-[14px] before:bg-white before:z-10 after:content-[""] after:absolute after:left-1/2 after:-translate-x-1/2 after:w-4 after:h-[13px] after:bg-white after:z-20 ${openTop ? "before:bottom-0 before:mt-[1px] before:translate-y-full color-picker-on-top-clip-path after:bottom-0 after:mb-0.5 after:translate-y-full" : "before:top-0 before:mb-[1px] before:-translate-y-full color-picker-clip-path after:top-0 after:mt-0.5 after:-translate-y-full"} ${className}`,
     style: {
       top: triggerBoundingBox ? openTop ? triggerBoundingBox.top : triggerBoundingBox.bottom : 0,
       left: triggerBoundingBox ? triggerBoundingBox.left + triggerBoundingBox.width / 2 : 0,
@@ -39463,7 +39733,6 @@ const Popover$2 = ({
     ...props
   }
 );
-const nullColor = "transparent";
 const presetColors = [
   "#D0021B",
   "#F5A623",
@@ -39481,93 +39750,69 @@ const presetColors = [
   "#9B9B9B",
   "#FFFFFF"
 ];
-const SketchWidget = (props) => /* @__PURE__ */ React.createElement(
-  SketchPicker,
-  {
-    presetColors: props.presetColors,
-    color: props.color,
-    onChange: props.onChange,
-    disableAlpha: props.disableAlpha,
-    width: props.width
-  }
-);
-const BlockWidget = (props) => /* @__PURE__ */ React.createElement(
-  BlockPicker,
-  {
-    colors: props.presetColors,
-    color: props.color,
-    onChange: props.onChange,
-    width: props.width
-  }
-);
 const WIDGETS = { sketch: SketchWidget, block: BlockWidget };
 const ColorPicker = ({
   colorFormat,
   userColors = presetColors,
   widget = "sketch",
+  width,
   input
 }) => {
   const FormPortal = useFormPortal();
   const triggerRef = React.useRef(null);
   const [triggerBoundingBox, setTriggerBoundingBox] = useState(null);
-  const [openTop, setOpenTop] = useState(false);
+  const [displayColorPicker, setDisplayColorPicker] = useState(false);
   const updateTriggerBoundingBox = () => {
-    if (triggerRef.current) {
+    if (triggerRef.current)
       setTriggerBoundingBox(triggerRef.current.getBoundingClientRect());
-    }
   };
-  React.useEffect(() => {
-    if (triggerBoundingBox) {
-      const triggerOffsetTop = triggerBoundingBox.top + triggerBoundingBox.height / 2;
-      const windowHeight = window.innerHeight;
-      if (triggerOffsetTop > windowHeight / 2) {
-        setOpenTop(true);
-      } else {
-        setOpenTop(false);
-      }
-    }
-  }, [triggerBoundingBox]);
+  const openTop = triggerBoundingBox ? triggerBoundingBox.top + triggerBoundingBox.height / 2 > window.innerHeight / 2 : false;
   React.useEffect(() => {
     const delay = 100;
-    let timeout = false;
-    setTimeout(() => {
-      updateTriggerBoundingBox();
-    }, delay);
+    let timeout = null;
+    timeout = setTimeout(updateTriggerBoundingBox, delay);
     const handleResize = () => {
-      clearTimeout(timeout);
+      if (timeout)
+        clearTimeout(timeout);
       timeout = setTimeout(updateTriggerBoundingBox, delay);
     };
     window.addEventListener("resize", handleResize);
-    return () => {
-      window.removeEventListener("resize", handleResize);
-    };
-  }, [triggerRef.current]);
-  const Widget = WIDGETS[widget];
-  if (!Widget)
-    throw new Error("You must specify a widget type.");
-  const [displayColorPicker, setDisplayColorPicker] = useState(false);
+    return () => window.removeEventListener("resize", handleResize);
+  }, []);
   const getColorFormat = (colorFormat || ColorFormat.Hex).toLowerCase();
   const getColorRGBA = input.value ? ColorFormatter[getColorFormat].parse(input.value) : null;
-  const handleChange = (pickerColor) => {
-    const color = pickerColor.hex === nullColor ? null : { ...pickerColor.rgb, a: 1 };
-    input.onChange(
-      color ? ColorFormatter[getColorFormat].getValue(color) : null
-    );
-  };
+  const currentHexColor = getColorRGBA ? rgbToHex(getColorRGBA.r, getColorRGBA.g, getColorRGBA.b) : "";
+  const handleChange = useCallback(
+    (hexColor) => {
+      if (!hexColor) {
+        input.onChange(null);
+        return;
+      }
+      const rgb = hexToRgb(hexColor);
+      if (rgb)
+        input.onChange(
+          ColorFormatter[getColorFormat].getValue({ ...rgb, a: 1 })
+        );
+    },
+    [getColorFormat, input]
+  );
   const toggleColorPicker = (event) => {
     event.stopPropagation();
     const display = !displayColorPicker;
     setDisplayColorPicker(display);
-    if (display) {
+    if (display)
       updateTriggerBoundingBox();
-    }
   };
-  return /* @__PURE__ */ React.createElement("div", { className: "relative", ref: triggerRef }, /* @__PURE__ */ React.createElement(
+  const Widget = WIDGETS[widget];
+  if (!Widget)
+    throw new Error("You must specify a widget type.");
+  return /* @__PURE__ */ React.createElement("div", { className: "relative", ref: triggerRef, style: { width } }, /* @__PURE__ */ React.createElement(
     Swatch,
     {
       onClick: toggleColorPicker,
       colorRGBA: getColorRGBA,
-      colorFormat: getColorFormat
+      colorFormat: getColorFormat,
+      width
     }
   ), displayColorPicker && /* @__PURE__ */ React.createElement(FormPortal, null, ({ zIndexShift }) => /* @__PURE__ */ React.createElement(
     Popover$2,
@@ -39587,11 +39832,10 @@ const ColorPicker = ({
       /* @__PURE__ */ React.createElement(
         Widget,
         {
-          presetColors: [...userColors, nullColor],
-          color: getColorRGBA || { r: 0, g: 0, b: 0, a: 0 },
+          presetColors: [...userColors, TRANSPARENT],
+          color: currentHexColor,
           onChange: handleChange,
-          disableAlpha: true,
-          width: "240px"
+          width: width || "240px"
         }
       )
     )
@@ -41338,6 +41582,7 @@ const ColorField = wrapFieldsWithMeta(
         colorFormat: field.colorFormat,
         userColors: field.colors,
         widget: field.widget,
+        width: field.width,
         input
       }
     );
@@ -42838,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,
@@ -43240,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,
@@ -43310,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(() => {
@@ -43781,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, "-");
@@ -44017,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,
@@ -44076,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,
@@ -44085,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,
@@ -44095,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)
@@ -44121,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 }) => {
@@ -45485,7 +45767,7 @@ function GridMediaItem({ item, active, onClick }) {
         src: thumbnail,
         alt: item.filename
       }
-    )) : /* @__PURE__ */ React__default.createElement("div", { className: "p-4 w-full flex flex-col gap-4 items-center justify-center" }, /* @__PURE__ */ React__default.createElement(FileIcon, { className: "w-[30%] h-auto fill-gray-300" }), /* @__PURE__ */ React__default.createElement("span", { className: "block text-base text-gray-600 w-full break-words truncate" }, item.filename)))
+    )) : /* @__PURE__ */ React__default.createElement("div", { className: "p-4 w-full flex flex-col gap-4 items-center justify-center" }, /* @__PURE__ */ React__default.createElement(FileIcon, { className: "w-[40%] h-auto fill-gray-300", size: 40 })))
   ));
 }
 const DeleteModal$1 = ({
@@ -46296,12 +46578,12 @@ const Callout = ({
   className = "",
   ...props
 }) => {
-  const commonAlertStyles = "text-sm px-4 py-3 rounded-md border";
+  const commonAlertStyles = "text-sm px-4 py-3 rounded-md border-2 font bg-white text-gray-700 font-medium";
   const styles = {
-    warning: `text-amber-700 bg-amber-100 border-amber-700/20`,
-    info: `text-blue-600 bg-blue-100/50 border-blue-600/20`,
-    success: `text-green-600 bg-green-100/50 border-green-600/20`,
-    error: `text-red-600 bg-red-100/50 border-red-600/20`
+    warning: `border-amber-700/20`,
+    info: `border-blue-600/20`,
+    success: `border-green-600/20`,
+    error: `border-red-600/20`
   };
   const icon = {
     warning: /* @__PURE__ */ React.createElement(MdWarning, { className: "w-5 h-auto inline-block mr-1 opacity-70 text-amber-600" }),
@@ -46414,7 +46696,7 @@ const NavProvider = ({
   };
   return /* @__PURE__ */ React__default.createElement(NavContext.Provider, { value }, children);
 };
-const version$1 = "3.0.0";
+const version$1 = "3.1.0";
 const VersionInfo = () => {
   var _a2, _b, _c, _d, _e, _f;
   const cms = useCMS();
@@ -47100,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);
@@ -47140,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(
@@ -47161,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,
@@ -48082,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 top-6 left-6 flex flex-col items-center z-[999999]" }, 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 opacity-70" }), alert.level === "success" && /* @__PURE__ */ React__default.createElement(MdCheckCircle, { className: "w-5 h-auto opacity-70" }), alert.level === "warn" && /* @__PURE__ */ React__default.createElement(MdWarning, { className: "w-5 h-auto opacity-70" }), /* @__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" }, parseUrlsInText(alert.message.toString())), /* @__PURE__ */ React__default.createElement(
       CloseAlert,
       {
         onClick: () => {
@@ -48126,21 +48478,21 @@ const Alert = ({
   ...props
 }) => {
   const colorClasses = {
-    info: "bg-white border-blue-500 text-blue-600 fill-blue-500",
-    success: "bg-white border-green-500 text-green-600 fill-green-500",
-    warn: "bg-white border-yellow-500 text-yellow-600 fill-yellow-500",
-    error: "bg-white border-red-500 text-red-600 fill-red-500"
+    info: "bg-white",
+    success: "bg-white",
+    warn: "bg-white",
+    error: "bg-white"
   };
   const borderClasses = {
-    info: "border-blue-200",
-    success: "border-green-200",
-    warn: "border-yellow-200",
-    error: "border-red-200"
+    info: "border-blue-500",
+    success: "border-green-500",
+    warn: "border-amber-500",
+    error: "border-red-500"
   };
   return /* @__PURE__ */ React__default.createElement(
     "div",
     {
-      className: `rounded shadow-lg font-normal cursor-pointer pointer-events-all text-sm transition-all duration-100 ease-out mb-4 max-w-full ${colorClasses[level]}}`,
+      className: `rounded-md shadow-lg font-medium cursor-pointer pointer-events-all text-sm transition-all duration-100 ease-out mb-4 max-w-full text-gray-700 ${colorClasses[level]}`,
       style: {
         animationName: "fly-in-up, fade-in",
         animationTimingFunction: "ease-out",
@@ -48152,7 +48504,7 @@ const Alert = ({
     /* @__PURE__ */ React__default.createElement(
       "div",
       {
-        className: `flex items-center gap-1.5 w-[350px] rounded-md border p-2 ${borderClasses[level]}`,
+        className: `flex items-center gap-2 w-[350px] rounded-md border px-4 py-3 ${borderClasses[level]}`,
         ...props
       }
     )
@@ -48416,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),
@@ -52072,7 +52424,7 @@ const nld = [
   "in",
   "is",
   "ja",
-  "je ",
+  "je",
   "kan",
   "kon",
   "kunnen",
@@ -63362,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(",")];
-    }
-    stopwords = [];
-    for (const key of keys2) {
-      stopwords.push(...sw[key]);
+    const cacheKey = keys2.join(",");
+    if (stopwordCache[cacheKey]) {
+      return stopwordCache[cacheKey];
     }
-    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();
+  const resultArray = (data == null ? void 0 : data.RESULT) ?? (data == null ? void 0 : data.results);
+  if (!data || !Array.isArray(resultArray)) {
     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";
-    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!) {
@@ -63606,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!) {
@@ -63615,7 +63975,7 @@ class TinaAdminApi {
   }
               }
             `,
-      { variables: { collection, relativePath: relativePath2, newRelativePath } }
+      { variables: { collection, relativePath, newRelativePath } }
     );
     if (this.searchClient) {
       const { document: doc } = await this.fetchDocument(
@@ -63629,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;
@@ -63795,7 +64155,7 @@ class TinaAdminApi {
       }
     }
   }
-  async fetchDocument(collectionName, relativePath2, values = true) {
+  async fetchDocument(collectionName, relativePath, values = true) {
     let query;
     if (values) {
       query = `#graphql
@@ -63830,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
       );
@@ -63857,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
       );
@@ -63995,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,
@@ -64004,7 +64364,7 @@ const CreateBranchModal = ({
           query: graphql2,
           variables: {
             collection: collection.name,
-            relativePath: relativePath2,
+            relativePath,
             params
           }
         },
@@ -64035,7 +64395,8 @@ const CreateBranchModal = ({
         `Branch created successfully - Pull Request at ${result.pullRequestUrl}`
       );
       if (crudType === "create") {
-        window.location.hash = `#/collections/${collection.name}`;
+        const folderPath = relativePath.includes("/") ? relativePath.substring(0, relativePath.lastIndexOf("/")) : "";
+        window.location.hash = `#/collections/${collection.name}${folderPath ? `/${folderPath}` : ""}`;
       }
       close2();
     } catch (e3) {
@@ -64400,7 +64761,7 @@ const Emoji = ({ className = "", ...props }) => /* @__PURE__ */ React.createElem
 const CreateBranchModel = ({
   close: close2,
   safeSubmit,
-  relativePath: relativePath2,
+  relativePath,
   values,
   crudType
 }) => /* @__PURE__ */ React.createElement(
@@ -64408,7 +64769,7 @@ const CreateBranchModel = ({
   {
     close: close2,
     safeSubmit,
-    path: relativePath2,
+    path: relativePath,
     values,
     crudType
   }
@@ -67190,6 +67551,23 @@ function LinkFloatingToolbar({
 }) {
   const activeCommentId = usePluginOption({ key: "comment" }, "activeId");
   const activeSuggestionId = usePluginOption({ key: "suggestion" }, "activeId");
+  const { api, editor } = useEditorPlugin(LinkPlugin);
+  const isUrlValidator = usePluginOption(LinkPlugin, "isUrl");
+  const [currentUrl, setCurrentUrl] = React.useState("");
+  const [isValidUrl, setIsValidUrl] = React.useState(true);
+  const handleUrlInput = React.useCallback(
+    (e3) => {
+      const value = e3.currentTarget.value;
+      setCurrentUrl(value);
+      if (value && isUrlValidator) {
+        const valid = isUrlValidator(value);
+        setIsValidUrl(valid);
+      } else {
+        setIsValidUrl(true);
+      }
+    },
+    [isUrlValidator]
+  );
   const floatingOptions = React.useMemo(() => {
     return {
       middleware: [
@@ -67233,22 +67611,70 @@ function LinkFloatingToolbar({
   });
   if (hidden)
     return null;
-  const input = /* @__PURE__ */ React.createElement("div", { className: "z-[999999] flex w-[330px] flex-col", ...inputProps }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center pr-1 pl-2 text-muted-foreground" }, /* @__PURE__ */ React.createElement(Link, { className: "size-4" })), /* @__PURE__ */ React.createElement(
-    FloatingLinkUrlInput,
-    {
-      className: inputVariants(),
-      placeholder: "Paste link",
-      "data-plate-focus": true
-    }
-  )), /* @__PURE__ */ React.createElement(Separator, { className: "my-1" }), /* @__PURE__ */ React.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center pr-1 pl-2 text-muted-foreground" }, /* @__PURE__ */ React.createElement(Text$2, { className: "size-4" })), /* @__PURE__ */ React.createElement(
-    "input",
+  const input = /* @__PURE__ */ React.createElement(
+    "div",
     {
-      className: inputVariants(),
-      placeholder: "Text to display",
-      "data-plate-focus": true,
-      ...textInputProps
-    }
-  )));
+      className: "z-[999999] flex w-[330px] flex-col relative",
+      ...inputProps
+    },
+    !isValidUrl && currentUrl && /* @__PURE__ */ React.createElement("div", { className: "absolute -top-16 left-0 right-0 z-[1000000] mb-2" }, /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: "bg-red-50 border border-red-200 rounded-md p-2 shadow-lg",
+        role: "alert",
+        "aria-live": "polite"
+      },
+      /* @__PURE__ */ React.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React.createElement(CircleX, { className: "size-4 text-red-500 mr-2 flex-shrink-0" }), /* @__PURE__ */ React.createElement("span", { className: "text-sm text-red-700 text-wrap" }, "Invalid URL. Please prefix link with https:// or use a relative path like /about")),
+      /* @__PURE__ */ React.createElement("div", { className: "absolute -bottom-1 left-4 w-2 h-2 bg-red-50 border-r border-b border-red-200 transform rotate-45" })
+    )),
+    /* @__PURE__ */ React.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center pr-1 pl-2 text-muted-foreground" }, /* @__PURE__ */ React.createElement(Link, { className: "size-4" })), /* @__PURE__ */ React.createElement(
+      FloatingLinkUrlInput,
+      {
+        className: inputVariants(),
+        placeholder: "Paste link",
+        "data-plate-focus": true,
+        onInput: handleUrlInput
+      }
+    )),
+    /* @__PURE__ */ React.createElement(Separator, { className: "my-1" }),
+    /* @__PURE__ */ React.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center pr-1 pl-2 text-muted-foreground" }, /* @__PURE__ */ React.createElement(Text$2, { className: "size-4" })), /* @__PURE__ */ React.createElement(
+      "input",
+      {
+        className: inputVariants(),
+        placeholder: "Text to display",
+        "data-plate-focus": true,
+        ...textInputProps
+      }
+    )),
+    /* @__PURE__ */ React.createElement(Separator, { className: "my-1" }),
+    /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-end gap-2 px-2 py-1" }, /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        type: "button",
+        className: buttonVariants$2({ size: "sm", variant: "ghost" }),
+        onClick: () => {
+          api.floatingLink.hide();
+        }
+      },
+      "Cancel"
+    ), /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        type: "button",
+        className: buttonVariants$2({
+          size: "sm",
+          variant: "tinaPrimary"
+        }),
+        onClick: () => {
+          if (isValidUrl && currentUrl) {
+            submitFloatingLink(editor);
+          }
+        },
+        disabled: !isValidUrl && !!currentUrl
+      },
+      "OK"
+    ))
+  );
   const editContent = editState.isEditing ? input : /* @__PURE__ */ React.createElement("div", { className: "box-content flex items-center" }, /* @__PURE__ */ React.createElement(
     "button",
     {
@@ -67269,7 +67695,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();
@@ -119545,19 +119989,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=true&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);
   }
@@ -119592,15 +120053,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=true&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);
   }
@@ -119907,19 +120386,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) {
@@ -120053,18 +120535,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,
@@ -120793,22 +121275,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 {
@@ -120981,6 +121447,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";
@@ -121240,6 +121710,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,
@@ -121572,33 +122044,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",
@@ -121608,7 +122078,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" })
   ))));
@@ -121883,13 +122353,15 @@ const useSearchCollection = (cms, collectionName, includeDocuments = true, folde
             `${search} AND _collection:${collectionName}`,
             {
               limit: 15,
-              cursor: after3
+              cursor: after3,
+              fuzzy: true
             }
           );
+          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) => {
@@ -121897,21 +122369,22 @@ const useSearchCollection = (cms, collectionName, includeDocuments = true, folde
             return p2.status === "fulfilled" && !!((_a2 = p2.value) == null ? void 0 : _a2.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}`
@@ -122014,14 +122487,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);
@@ -122271,7 +122744,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);
@@ -122283,7 +122756,7 @@ const useGetDocument = (cms, collectionName, relativePath2) => {
         try {
           const response = await api.fetchDocument(
             collectionName,
-            relativePath2
+            relativePath
           );
           if (!isCancelled) {
             setDocument(response.document);
@@ -122308,19 +122781,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);
@@ -122343,7 +122816,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
@@ -122353,7 +122826,7 @@ const CollectionDuplicatePage = () => {
         {
           cms,
           collectionName: collection.name,
-          relativePath: relativePath2
+          relativePath
         },
         (document2) => {
           var _a2;
@@ -122373,11 +122846,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);
@@ -122399,7 +122872,7 @@ const CollectionUpdatePage = () => {
       includeDocuments: false
     },
     (collection) => {
-      const relativePath2 = `${resolvedFile}.${collection.format}`;
+      const relativePath = `${resolvedFile}.${collection.format}`;
       const mutationInfo = {
         includeCollection: true,
         includeTemplate: !!collection.templates
@@ -122409,7 +122882,7 @@ const CollectionUpdatePage = () => {
         {
           cms,
           collectionName: collection.name,
-          relativePath: relativePath2
+          relativePath
         },
         (document2) => /* @__PURE__ */ React__default.createElement(
           RenderForm,
@@ -122417,7 +122890,7 @@ const CollectionUpdatePage = () => {
             cms,
             document: document2,
             filename: resolvedFile,
-            relativePath: relativePath2,
+            relativePath,
             collection,
             mutationInfo
           }
@@ -122430,10 +122903,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);
@@ -122450,7 +122924,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,
@@ -122458,7 +122932,7 @@ const RenderForm = ({
         try {
           await updateDocument(
             cms,
-            relativePath2,
+            relativePath,
             collection,
             mutationInfo,
             values
@@ -122479,7 +122953,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 });
@@ -122505,6 +122979,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 }));
 };