tinacms 0.0.0-9358e25-20250226014947 → 0.0.0-95a293c-20250401070633

package/dist/index.js

@@ -1,6 +1,6 @@
 (function(global, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("zod"), require("react"), require("react-dom"), require("@udecode/cn"), require("@udecode/plate"), require("@udecode/plate-common"), require("@udecode/plate-slash-command"), require("slate-react"), require("@udecode/plate-code-block"), require("@monaco-editor/react"), require("@headlessui/react"), require("class-variance-authority"), require("lucide-react"), require("mermaid"), require("@udecode/plate-heading"), require("@ariakit/react"), require("@udecode/plate-combobox"), require("@udecode/plate-table"), require("@udecode/plate-resizable"), require("@radix-ui/react-popover"), require("@radix-ui/react-slot"), require("@radix-ui/react-dropdown-menu"), require("@radix-ui/react-separator"), require("final-form-arrays"), require("final-form-set-field-data"), require("final-form"), require("react-final-form"), require("prop-types"), require("react-beautiful-dnd"), require("react-color"), require("color-string"), require("react-dropzone"), require("clsx"), require("tailwind-merge"), require("cmdk"), require("is-hotkey"), require("slate"), require("lodash.get"), require("moment"), require("date-fns"), require("@udecode/plate-link"), require("@radix-ui/react-toolbar"), require("@radix-ui/react-tooltip"), require("@udecode/plate-paragraph"), require("@udecode/plate-block-quote"), require("@udecode/plate-floating"), require("@react-hook/window-size"), require("graphql"), require("graphql-tag"), require("@tinacms/schema-tools"), require("yup"), require("@graphql-inspector/core"), require("react-router-dom"), require("@tinacms/mdx")) : typeof define === "function" && define.amd ? define(["exports", "zod", "react", "react-dom", "@udecode/cn", "@udecode/plate", "@udecode/plate-common", "@udecode/plate-slash-command", "slate-react", "@udecode/plate-code-block", "@monaco-editor/react", "@headlessui/react", "class-variance-authority", "lucide-react", "mermaid", "@udecode/plate-heading", "@ariakit/react", "@udecode/plate-combobox", "@udecode/plate-table", "@udecode/plate-resizable", "@radix-ui/react-popover", "@radix-ui/react-slot", "@radix-ui/react-dropdown-menu", "@radix-ui/react-separator", "final-form-arrays", "final-form-set-field-data", "final-form", "react-final-form", "prop-types", "react-beautiful-dnd", "react-color", "color-string", "react-dropzone", "clsx", "tailwind-merge", "cmdk", "is-hotkey", "slate", "lodash.get", "moment", "date-fns", "@udecode/plate-link", "@radix-ui/react-toolbar", "@radix-ui/react-tooltip", "@udecode/plate-paragraph", "@udecode/plate-block-quote", "@udecode/plate-floating", "@react-hook/window-size", "graphql", "graphql-tag", "@tinacms/schema-tools", "yup", "@graphql-inspector/core", "react-router-dom", "@tinacms/mdx"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.tinacms = {}, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP));
-})(this, function(exports2, zod, React, reactDom, cn$1, plate, plateCommon, plateSlashCommand, slateReact, plateCodeBlock, MonacoEditor, react, classVarianceAuthority, lucideReact, mermaid, plateHeading, react$1, plateCombobox, plateTable, plateResizable, PopoverPrimitive, reactSlot, DropdownMenuPrimitive, SeparatorPrimitive, arrayMutators, setFieldData, finalForm, reactFinalForm, PropTypes, reactBeautifulDnd, pkg$1, pkg, dropzone, clsx, tailwindMerge, cmdk, isHotkey, slate, get, moment, dateFns, plateLink, ToolbarPrimitive, TooltipPrimitive, plateParagraph, plateBlockQuote, plateFloating, windowSize, graphql, gql, schemaTools, yup, core, reactRouterDom, mdx) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("zod"), require("react"), require("react-dom"), require("@udecode/cn"), require("@udecode/plate"), require("@udecode/plate-common"), require("@udecode/plate-slash-command"), require("slate-react"), require("@udecode/plate-code-block"), require("@monaco-editor/react"), require("@headlessui/react"), require("class-variance-authority"), require("lucide-react"), require("mermaid"), require("@udecode/plate-heading"), require("@ariakit/react"), require("@udecode/plate-combobox"), require("@udecode/plate-table"), require("@udecode/plate-resizable"), require("@radix-ui/react-popover"), require("@radix-ui/react-slot"), require("@radix-ui/react-dropdown-menu"), require("@radix-ui/react-separator"), require("final-form-arrays"), require("final-form-set-field-data"), require("final-form"), require("react-final-form"), require("prop-types"), require("react-beautiful-dnd"), require("react-color"), require("color-string"), require("react-dropzone"), require("clsx"), require("tailwind-merge"), require("cmdk"), require("is-hotkey"), require("slate"), require("@react-hook/window-size"), require("lodash.get"), require("moment"), require("date-fns"), require("@udecode/plate-link"), require("@radix-ui/react-toolbar"), require("@radix-ui/react-tooltip"), require("@udecode/plate-paragraph"), require("@udecode/plate-block-quote"), require("@udecode/plate-floating"), require("graphql"), require("@tinacms/schema-tools"), require("graphql-tag"), require("@graphql-inspector/core"), require("yup"), require("react-router-dom"), require("@tinacms/mdx")) : typeof define === "function" && define.amd ? define(["exports", "zod", "react", "react-dom", "@udecode/cn", "@udecode/plate", "@udecode/plate-common", "@udecode/plate-slash-command", "slate-react", "@udecode/plate-code-block", "@monaco-editor/react", "@headlessui/react", "class-variance-authority", "lucide-react", "mermaid", "@udecode/plate-heading", "@ariakit/react", "@udecode/plate-combobox", "@udecode/plate-table", "@udecode/plate-resizable", "@radix-ui/react-popover", "@radix-ui/react-slot", "@radix-ui/react-dropdown-menu", "@radix-ui/react-separator", "final-form-arrays", "final-form-set-field-data", "final-form", "react-final-form", "prop-types", "react-beautiful-dnd", "react-color", "color-string", "react-dropzone", "clsx", "tailwind-merge", "cmdk", "is-hotkey", "slate", "@react-hook/window-size", "lodash.get", "moment", "date-fns", "@udecode/plate-link", "@radix-ui/react-toolbar", "@radix-ui/react-tooltip", "@udecode/plate-paragraph", "@udecode/plate-block-quote", "@udecode/plate-floating", "graphql", "@tinacms/schema-tools", "graphql-tag", "@graphql-inspector/core", "yup", "react-router-dom", "@tinacms/mdx"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.tinacms = {}, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP));
+})(this, function(exports2, zod, React, reactDom, cn$1, plate, plateCommon, plateSlashCommand, slateReact, plateCodeBlock, MonacoEditor, react, classVarianceAuthority, lucideReact, mermaid, plateHeading, react$1, plateCombobox, plateTable, plateResizable, PopoverPrimitive, reactSlot, DropdownMenuPrimitive, SeparatorPrimitive, arrayMutators, setFieldData, finalForm, reactFinalForm, PropTypes, reactBeautifulDnd, pkg$1, pkg, dropzone, clsx, tailwindMerge, cmdk, isHotkey, slate, windowSize, get, moment, dateFns, plateLink, ToolbarPrimitive, TooltipPrimitive, plateParagraph, plateBlockQuote, plateFloating, graphql, schemaTools, gql, core, yup, reactRouterDom, mdx) {
   "use strict";var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => {
@@ -4403,36 +4403,6 @@ flowchart TD
   function MdOutlinePerson(props) {
     return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "fill": "none", "d": "M0 0h24v24H0V0z" }, "child": [] }, { "tag": "path", "attr": { "d": "M12 6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0 10c2.7 0 5.8 1.29 6 2H6c.23-.72 3.31-2 6-2m0-12C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 10c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" }, "child": [] }] })(props);
   }
-  const BranchContext = React__namespace.createContext({
-    currentBranch: null,
-    setCurrentBranch: (branch) => {
-      console.warn("BranchContext not initialized");
-    }
-  });
-  const BranchDataProvider = ({
-    currentBranch,
-    setCurrentBranch,
-    children
-  }) => {
-    return /* @__PURE__ */ React__namespace.createElement(
-      BranchContext.Provider,
-      {
-        value: {
-          currentBranch,
-          setCurrentBranch
-        }
-      },
-      children
-    );
-  };
-  const useBranchData = () => {
-    const branchData = React__namespace.useContext(BranchContext);
-    const { dispatch } = useEvent("branch:change");
-    React__namespace.useEffect(() => {
-      dispatch({ branchName: branchData.currentBranch });
-    }, [branchData.currentBranch]);
-    return branchData;
-  };
   const textFieldClasses = "shadow-inner focus:shadow-outline focus:border-blue-500 focus:outline-none block text-base placeholder:text-gray-300 px-3 py-2 text-gray-600 w-full bg-white border border-gray-200 transition-all ease-out duration-150 focus:text-gray-900 rounded-md";
   const disabledClasses$1 = "opacity-50 pointer-events-none cursor-not-allowed";
   const BaseTextField = React__namespace.forwardRef(({ className, disabled, ...rest }, ref) => {
@@ -5305,7 +5275,9 @@ flowchart TD
     }, [value, input, optionSets]);
     React__namespace.useEffect(() => {
       if (field.experimental___filter && optionSets.length > 0) {
-        setFilteredOptionsList(field.experimental___filter(optionSets, void 0));
+        setFilteredOptionsList(
+          field.experimental___filter(optionSets, void 0)
+        );
       } else {
         setFilteredOptionsList(optionSets);
       }
@@ -5675,7 +5647,9 @@ flowchart TD
           onClick: () => {
             const state = tinaForm.finalForm.getState();
             if (state.invalid === true) {
-              cms.alerts.error("Cannot navigate away from an invalid form.");
+              cms.alerts.error(
+                "Cannot navigate away from an invalid form."
+              );
               return;
             }
             cms.dispatch({
@@ -6259,7 +6233,9 @@ flowchart TD
         onClick: () => {
           const state = tinaForm.finalForm.getState();
           if (state.invalid === true) {
-            cms.alerts.error("Cannot navigate away from an invalid form.");
+            cms.alerts.error(
+              "Cannot navigate away from an invalid form."
+            );
             return;
           }
           cms.dispatch({
@@ -6741,28 +6717,28 @@ flowchart TD
     }
     renderDayHeaders() {
       const locale = this.props.viewDate.localeData();
-      let dayItems = getDaysOfWeek(locale).map((day, index) => /* @__PURE__ */ React.createElement("th", { key: day + index, className: "dow" }, day));
+      const dayItems = getDaysOfWeek(locale).map((day, index) => /* @__PURE__ */ React.createElement("th", { key: day + index, className: "dow" }, day));
       return /* @__PURE__ */ React.createElement("tr", null, dayItems);
     }
     renderDays() {
       const date = this.props.viewDate;
       const startOfMonth = date.clone().startOf("month");
       const endOfMonth = date.clone().endOf("month");
-      let rows = [[], [], [], [], [], []];
-      let startDate = date.clone().subtract(1, "months");
+      const rows = [[], [], [], [], [], []];
+      const startDate = date.clone().subtract(1, "months");
       startDate.date(startDate.daysInMonth()).startOf("week");
-      let endDate = startDate.clone().add(42, "d");
+      const endDate = startDate.clone().add(42, "d");
       let i = 0;
       while (startDate.isBefore(endDate)) {
-        let row = getRow$2(rows, i++);
+        const row = getRow$2(rows, i++);
         row.push(this.renderDay(startDate, startOfMonth, endOfMonth));
         startDate.add(1, "d");
       }
       return rows.map((r, i2) => /* @__PURE__ */ React.createElement("tr", { key: `${endDate.month()}_${i2}` }, r));
     }
     renderDay(date, startOfMonth, endOfMonth) {
-      let selectedDate = this.props.selectedDate;
-      let dayProps = {
+      const selectedDate = this.props.selectedDate;
+      const dayProps = {
         key: date.format("M_D"),
         "data-value": date.date(),
         "data-month": date.month(),
@@ -6816,7 +6792,7 @@ flowchart TD
   }
   function getDaysOfWeek(locale) {
     const first = locale.firstDayOfWeek();
-    let dow = [];
+    const dow = [];
     let i = 0;
     locale._weekdaysMin.forEach(function(day) {
       dow[(7 + i++ - first) % 7] = day;
@@ -6834,7 +6810,7 @@ flowchart TD
       return /* @__PURE__ */ React.createElement("div", { className: "rdtMonths" }, /* @__PURE__ */ React.createElement("table", null, /* @__PURE__ */ React.createElement("thead", null, this.renderNavigation())), /* @__PURE__ */ React.createElement("table", null, /* @__PURE__ */ React.createElement("tbody", null, this.renderMonths())));
     }
     renderNavigation() {
-      let year = this.props.viewDate.year();
+      const year = this.props.viewDate.year();
       return /* @__PURE__ */ React.createElement(
         ViewNavigation,
         {
@@ -6847,9 +6823,9 @@ flowchart TD
       );
     }
     renderMonths() {
-      let rows = [[], [], []];
+      const rows = [[], [], []];
       for (let month = 0; month < 12; month++) {
-        let row = getRow$1(rows, month);
+        const row = getRow$1(rows, month);
         row.push(this.renderMonth(month));
       }
       return rows.map((months, i) => /* @__PURE__ */ React.createElement("tr", { key: i }, months));
@@ -6866,7 +6842,7 @@ flowchart TD
       if (selectedDate && selectedDate.year() === this.props.viewDate.year() && selectedDate.month() === month) {
         className += " rdtActive";
       }
-      let props = { key: month, className, "data-value": month, onClick };
+      const props = { key: month, className, "data-value": month, onClick };
       if (this.props.renderMonth) {
         return this.props.renderMonth(
           props,
@@ -6878,11 +6854,11 @@ flowchart TD
       return /* @__PURE__ */ React.createElement("td", { ...props }, this.getMonthText(month));
     }
     isDisabledMonth(month) {
-      let isValidDate = this.props.isValidDate;
+      const isValidDate = this.props.isValidDate;
       if (!isValidDate) {
         return false;
       }
-      let date = this.props.viewDate.clone().set({ month });
+      const date = this.props.viewDate.clone().set({ month });
       let day = date.endOf("month").date() + 1;
       while (day-- > 1) {
         if (isValidDate(date.date(day))) {
@@ -6934,9 +6910,9 @@ flowchart TD
     }
     renderYears() {
       const viewYear = this.getViewYear();
-      let rows = [[], [], []];
+      const rows = [[], [], []];
       for (let year = viewYear - 1; year < viewYear + 11; year++) {
-        let row = getRow(rows, year - viewYear);
+        const row = getRow(rows, year - viewYear);
         row.push(this.renderYear(year));
       }
       return rows.map((years, i) => /* @__PURE__ */ React.createElement("tr", { key: i }, years));
@@ -6953,7 +6929,7 @@ flowchart TD
       if (selectedYear === year) {
         className += " rdtActive";
       }
-      let props = { key: year, className, "data-value": year, onClick };
+      const props = { key: year, className, "data-value": year, onClick };
       return this.props.renderYear(
         props,
         year,
@@ -6967,15 +6943,15 @@ flowchart TD
       return this.props.selectedDate && this.props.selectedDate.year();
     }
     isDisabledYear(year) {
-      let cache = this.disabledYearsCache;
+      const cache = this.disabledYearsCache;
       if (cache[year] !== void 0) {
         return cache[year];
       }
-      let isValidDate = this.props.isValidDate;
+      const isValidDate = this.props.isValidDate;
       if (!isValidDate) {
         return false;
       }
-      let date = this.props.viewDate.clone().set({ year });
+      const date = this.props.viewDate.clone().set({ year });
       let day = date.endOf("year").dayOfYear() + 1;
       while (day-- > 1) {
         if (isValidDate(date.dayOfYear(day))) {
@@ -7022,7 +6998,7 @@ flowchart TD
     }
   };
   function createConstraints(overrideTimeConstraints) {
-    let constraints = {};
+    const constraints = {};
     Object.keys(timeConstraints).forEach((type) => {
       constraints[type] = {
         ...timeConstraints[type],
@@ -7038,7 +7014,7 @@ flowchart TD
       this.state = this.getTimeParts(props.selectedDate || props.viewDate);
     }
     render() {
-      let items2 = [];
+      const items2 = [];
       const timeParts = this.state;
       this.getCounters().forEach((c, i) => {
         if (i && c !== "ampm") {
@@ -7100,8 +7076,8 @@ flowchart TD
       }
       if (type === "ampm")
         return this.toggleDayPart();
-      let update = {};
-      let body = document.body;
+      const update = {};
+      const body = document.body;
       update[type] = this[action](type);
       this.setState(update);
       this.timer = setTimeout(() => {
@@ -7144,8 +7120,8 @@ flowchart TD
       return pad(type, value);
     }
     getCounters() {
-      let counters = [];
-      let format2 = this.props.timeFormat;
+      const counters = [];
+      const format2 = this.props.timeFormat;
       if (format2.toLowerCase().indexOf("h") !== -1) {
         counters.push("hours");
         if (format2.indexOf("m") !== -1) {
@@ -7277,7 +7253,7 @@ flowchart TD
       __publicField(this, "_renderCalendar", () => {
         const props = this.props;
         const state = this.state;
-        let viewProps = {
+        const viewProps = {
           viewDate: state.viewDate.clone(),
           selectedDate: this.getSelectedDate(),
           isValidDate: props.isValidDate,
@@ -7320,10 +7296,10 @@ flowchart TD
       __publicField(this, "viewToMethod", { days: "date", months: "month", years: "year" });
       __publicField(this, "nextView", { days: "time", months: "days", years: "months" });
       __publicField(this, "_updateDate", (e) => {
-        let state = this.state;
-        let currentView = state.currentView;
-        let updateOnView = this.getUpdateOn(this.getFormat("date"));
-        let viewDate = this.state.viewDate.clone();
+        const state = this.state;
+        const currentView = state.currentView;
+        const updateOnView = this.getUpdateOn(this.getFormat("date"));
+        const viewDate = this.state.viewDate.clone();
         viewDate[this.viewToMethod[currentView]](
           parseInt(e.target.getAttribute("data-value"), 10)
         );
@@ -7331,7 +7307,7 @@ flowchart TD
           viewDate.month(parseInt(e.target.getAttribute("data-month"), 10));
           viewDate.year(parseInt(e.target.getAttribute("data-year"), 10));
         }
-        let update = { viewDate };
+        const update = { viewDate };
         if (currentView === updateOnView) {
           update.selectedDate = viewDate.clone();
           update.inputValue = viewDate.format(this.getFormat("datetime"));
@@ -7345,7 +7321,7 @@ flowchart TD
         this.setState(update);
       });
       __publicField(this, "_viewNavigate", (modifier, unit) => {
-        let viewDate = this.state.viewDate.clone();
+        const viewDate = this.state.viewDate.clone();
         viewDate.add(modifier, unit);
         if (modifier > 0) {
           this.props.onNavigateForward(modifier, unit);
@@ -7355,7 +7331,7 @@ flowchart TD
         this.setState({ viewDate });
       });
       __publicField(this, "_setTime", (type, value) => {
-        let date = (this.getSelectedDate() || this.state.viewDate).clone();
+        const date = (this.getSelectedDate() || this.state.viewDate).clone();
         date[type](value);
         if (!this.props.value) {
           this.setState({
@@ -7379,7 +7355,7 @@ flowchart TD
         });
       });
       __publicField(this, "_handleClickOutside", () => {
-        let props = this.props;
+        const props = this.props;
         if (props.input && this.state.open && props.open === void 0 && props.closeOnClickOutside) {
           this._closeCalendar();
         }
@@ -7394,7 +7370,7 @@ flowchart TD
           return;
         const value = e.target ? e.target.value : e;
         const localMoment = this.localMoment(value, this.getFormat("datetime"));
-        let update = { inputValue: value };
+        const update = { inputValue: value };
         if (localMoment.isValid()) {
           update.selectedDate = localMoment;
           update.viewDate = localMoment.clone().startOf("month");
@@ -7458,9 +7434,9 @@ flowchart TD
       return this.props.renderView(this.state.currentView, this._renderCalendar);
     }
     getInitialState() {
-      let props = this.props;
-      let inputFormat = this.getFormat("datetime");
-      let selectedDate = this.parseDate(
+      const props = this.props;
+      const inputFormat = this.getFormat("datetime");
+      const selectedDate = this.parseDate(
         props.value || props.initialValue,
         inputFormat
       );
@@ -7491,7 +7467,7 @@ flowchart TD
       return this.getInitialDate();
     }
     getInitialDate() {
-      let m = this.localMoment();
+      const m = this.localMoment();
       m.hour(0).minute(0).second(0).millisecond(0);
       return m;
     }
@@ -7511,8 +7487,8 @@ flowchart TD
     }
     getClassName() {
       let cn2 = "rdt";
-      let props = this.props;
-      let propCn = props.className;
+      const props = this.props;
+      const propCn = props.className;
       if (Array.isArray(propCn)) {
         cn2 += " " + propCn.join(" ");
       } else if (propCn) {
@@ -7545,14 +7521,14 @@ flowchart TD
       return viewModes.DAYS;
     }
     getLocaleData() {
-      let p = this.props;
+      const p = this.props;
       return this.localMoment(
         p.value || p.defaultValue || /* @__PURE__ */ new Date()
       ).localeData();
     }
     getDateFormat() {
       const locale = this.getLocaleData();
-      let format2 = this.props.dateFormat;
+      const format2 = this.props.dateFormat;
       if (format2 === true)
         return locale.longDateFormat("L");
       if (format2)
@@ -7561,7 +7537,7 @@ flowchart TD
     }
     getTimeFormat() {
       const locale = this.getLocaleData();
-      let format2 = this.props.timeFormat;
+      const format2 = this.props.timeFormat;
       if (format2 === true) {
         return locale.longDateFormat("LT");
       }
@@ -7573,12 +7549,12 @@ flowchart TD
       } else if (type === "time") {
         return this.getTimeFormat();
       }
-      let dateFormat = this.getDateFormat();
-      let timeFormat = this.getTimeFormat();
+      const dateFormat = this.getDateFormat();
+      const timeFormat = this.getTimeFormat();
       return dateFormat && timeFormat ? dateFormat + " " + timeFormat : dateFormat || timeFormat;
     }
     updateTime(op, amount, type, toSelected) {
-      let update = {};
+      const update = {};
       const date = toSelected ? "selectedDate" : "viewDate";
       update[date] = this.state[date].clone()[op](amount, type);
       this.setState(update);
@@ -7611,7 +7587,7 @@ flowchart TD
       if (prevProps === this.props)
         return;
       let needsUpdate = false;
-      let thisProps = this.props;
+      const thisProps = this.props;
       ["locale", "utc", "displayZone", "dateFormat", "timeFormat"].forEach(
         function(p) {
           prevProps[p] !== thisProps[p] && (needsUpdate = true);
@@ -7627,8 +7603,8 @@ flowchart TD
     }
     regenerateDates() {
       const props = this.props;
-      let viewDate = this.state.viewDate.clone();
-      let selectedDate = this.state.selectedDate && this.state.selectedDate.clone();
+      const viewDate = this.state.viewDate.clone();
+      const selectedDate = this.state.selectedDate && this.state.selectedDate.clone();
       if (props.locale) {
         viewDate.locale(props.locale);
         selectedDate && selectedDate.locale(props.locale);
@@ -7643,7 +7619,7 @@ flowchart TD
         viewDate.locale();
         selectedDate && selectedDate.locale();
       }
-      let update = { viewDate, selectedDate };
+      const update = { viewDate, selectedDate };
       if (selectedDate && selectedDate.isValid()) {
         update.inputValue = selectedDate.format(this.getFormat("datetime"));
       }
@@ -7652,7 +7628,7 @@ flowchart TD
     getSelectedDate() {
       if (this.props.value === void 0)
         return this.state.selectedDate;
-      let selectedDate = this.parseDate(
+      const selectedDate = this.parseDate(
         this.props.value,
         this.getFormat("datetime")
       );
@@ -7671,7 +7647,7 @@ flowchart TD
       return "";
     }
     getInputValue() {
-      let selectedDate = this.getSelectedDate();
+      const selectedDate = this.getSelectedDate();
       return selectedDate ? selectedDate.format(this.getFormat("datetime")) : this.state.inputValue;
     }
     /**
@@ -7681,7 +7657,7 @@ flowchart TD
      * @public
      */
     setViewDate(date) {
-      let logError = function() {
+      const logError = function() {
         return log("Invalid date passed to the `setViewDate` method: " + date);
       };
       if (!date)
@@ -7777,7 +7753,7 @@ flowchart TD
   // Make moment accessible through the Datetime class
   __publicField(Datetime, "moment", moment);
   function log(message, method) {
-    let con = typeof window !== "undefined" && window.console;
+    const con = typeof window !== "undefined" && window.console;
     if (!con)
       return;
     if (!method) {
@@ -8030,9 +8006,6 @@ flowchart TD
     },
     parse: parse$2
   };
-  function GrCircleQuestion(props) {
-    return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "fill": "none", "strokeWidth": "2", "d": "M12,22 C17.5228475,22 22,17.5228475 22,12 C22,6.4771525 17.5228475,2 12,2 C6.4771525,2 2,6.4771525 2,12 C2,17.5228475 6.4771525,22 12,22 Z M12,15 L12,14 C12,13 12,12.5 13,12 C14,11.5 15,11 15,9.5 C15,8.5 14,7 12,7 C10,7 9,8.26413718 9,10 M12,16 L12,18" }, "child": [] }] })(props);
-  }
   function AiFillWarning(props) {
     return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 1024 1024" }, "child": [{ "tag": "path", "attr": { "d": "M955.7 856l-416-720c-6.2-10.7-16.9-16-27.7-16s-21.6 5.3-27.7 16l-416 720C56 877.4 71.4 904 96 904h832c24.6 0 40-26.6 27.7-48zM480 416c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v184c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V416zm32 352a48.01 48.01 0 0 1 0-96 48.01 48.01 0 0 1 0 96z" }, "child": [] }] })(props);
   }
@@ -8051,6 +8024,39 @@ flowchart TD
   function FaUnlock(props) {
     return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 448 512" }, "child": [{ "tag": "path", "attr": { "d": "M400 256H152V152.9c0-39.6 31.7-72.5 71.3-72.9 40-.4 72.7 32.1 72.7 72v16c0 13.3 10.7 24 24 24h32c13.3 0 24-10.7 24-24v-16C376 68 307.5-.3 223.5 0 139.5.3 72 69.5 72 153.5V256H48c-26.5 0-48 21.5-48 48v160c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48z" }, "child": [] }] })(props);
   }
+  function GrCircleQuestion(props) {
+    return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "fill": "none", "strokeWidth": "2", "d": "M12,22 C17.5228475,22 22,17.5228475 22,12 C22,6.4771525 17.5228475,2 12,2 C6.4771525,2 2,6.4771525 2,12 C2,17.5228475 6.4771525,22 12,22 Z M12,15 L12,14 C12,13 12,12.5 13,12 C14,11.5 15,11 15,9.5 C15,8.5 14,7 12,7 C10,7 9,8.26413718 9,10 M12,16 L12,18" }, "child": [] }] })(props);
+  }
+  const BranchContext = React__namespace.createContext({
+    currentBranch: null,
+    setCurrentBranch: (branch) => {
+      console.warn("BranchContext not initialized");
+    }
+  });
+  const BranchDataProvider = ({
+    currentBranch,
+    setCurrentBranch,
+    children
+  }) => {
+    return /* @__PURE__ */ React__namespace.createElement(
+      BranchContext.Provider,
+      {
+        value: {
+          currentBranch,
+          setCurrentBranch
+        }
+      },
+      children
+    );
+  };
+  const useBranchData = () => {
+    const branchData = React__namespace.useContext(BranchContext);
+    const { dispatch } = useEvent("branch:change");
+    React__namespace.useEffect(() => {
+      dispatch({ branchName: branchData.currentBranch });
+    }, [branchData.currentBranch]);
+    return branchData;
+  };
   function formatBranchName$1(str) {
     const pattern = /[^/\w-]+/g;
     const formattedStr = str.replace(pattern, "");
@@ -8149,7 +8155,7 @@ flowchart TD
         className: "transition-all duration-150 ease-out text-blue-600 hover:text-blue-400 hover:underline no-underline",
         href: "https://tina.io/docs/tina-cloud/"
       },
-      "Learn more about moving to production with Tina Cloud."
+      "Learn more about moving to production with TinaCloud."
     )), /* @__PURE__ */ React__namespace.createElement("p", null, /* @__PURE__ */ React__namespace.createElement(
       Button$1,
       {
@@ -8385,7 +8391,7 @@ flowchart TD
         className: "transition-all duration-150 ease-out text-blue-600 hover:text-blue-400 hover:underline no-underline",
         href: "https://tina.io/docs/tina-cloud/"
       },
-      "Learn more about moving to production with Tina Cloud."
+      "Learn more about moving to production with TinaCloud."
     )), /* @__PURE__ */ React__namespace.createElement("p", null, /* @__PURE__ */ React__namespace.createElement(
       Button$1,
       {
@@ -8600,7 +8606,10 @@ flowchart TD
                 label: "View in GitHub",
                 Icon: /* @__PURE__ */ React__namespace.createElement(BiLinkExternal, { className: "w-5 h-auto text-blue-500 opacity-70" }),
                 onMouseDown: () => {
-                  window.open(branch.githubPullRequestUrl, "_blank");
+                  window.open(
+                    branch.githubPullRequestUrl,
+                    "_blank"
+                  );
                 }
               },
               typeof previewFunction === "function" && ((_b2 = previewFunction({ branch: branch.name })) == null ? void 0 : _b2.url) && {
@@ -8906,7 +8915,9 @@ flowchart TD
       } else {
         events = event;
       }
-      const newListeners = events.map((event2) => new Listener(event2, callback));
+      const newListeners = events.map(
+        (event2) => new Listener(event2, callback)
+      );
       newListeners.forEach((newListener) => this.listeners.add(newListener));
       return () => {
         newListeners.forEach((listener) => this.listeners.delete(listener));
@@ -9262,9 +9273,7 @@ flowchart TD
             const deleteStartTime = Date.now();
             while (true) {
               await new Promise((resolve) => setTimeout(resolve, 1e3));
-              const { error, message } = await this.api.getRequestStatus(
-                requestId
-              );
+              const { error, message } = await this.api.getRequestStatus(requestId);
               if (error !== void 0) {
                 if (error) {
                   throw new Error(message);
@@ -9414,7 +9423,7 @@ flowchart TD
   });
   new MediaListError({
     title: "An Error Occurred",
-    message: "Something went wrong accessing your media from Tina Cloud.",
+    message: "Something went wrong accessing your media from TinaCloud.",
     docsLink: ""
     // TODO
   });
@@ -9599,7 +9608,7 @@ flowchart TD
       return this.add("error", message, timeout);
     }
   };
-  const NoFormsPlaceholder = () => /* @__PURE__ */ React__namespace.createElement(
+  const SidebarLoadingPlaceholder = () => /* @__PURE__ */ React__namespace.createElement(
     "div",
     {
       className: "relative flex flex-col items-center justify-center text-center p-5 pb-16 w-full h-full overflow-y-auto",
@@ -9612,25 +9621,8 @@ flowchart TD
         animationDuration: "150ms"
       }
     },
-    /* @__PURE__ */ React__namespace.createElement(Emoji$1, { className: "pb-5" }, "🔎"),
-    /* @__PURE__ */ React__namespace.createElement("p", { className: "block pb-5" }, "Looks like there's ", /* @__PURE__ */ React__namespace.createElement("br", null), "nothing to edit on ", /* @__PURE__ */ React__namespace.createElement("br", null), "this page."),
-    /* @__PURE__ */ React__namespace.createElement("p", { className: "block" }, /* @__PURE__ */ React__namespace.createElement(
-      Button$1,
-      {
-        href: "https://tina.io/docs/tinacms-context/",
-        target: "_blank",
-        as: "a"
-      },
-      /* @__PURE__ */ React__namespace.createElement(Emoji$1, { className: "mr-1.5" }, "📖"),
-      " Contextual Editing"
-    ))
-  );
-  const Emoji$1 = ({ className = "", ...props }) => /* @__PURE__ */ React__namespace.createElement(
-    "span",
-    {
-      className: `text-[24px] leading-none inline-block ${className}`,
-      ...props
-    }
+    /* @__PURE__ */ React__namespace.createElement("p", { className: "block pb-5" }, "Please wait while TinaCMS", /* @__PURE__ */ React__namespace.createElement("br", null), "loads your content"),
+    /* @__PURE__ */ React__namespace.createElement(LoadingDots, { color: "var(--tina-color-primary)" })
   );
   class SidebarState {
     constructor(events, options = {}) {
@@ -9645,7 +9637,7 @@ flowchart TD
       };
       this.position = options.position || "displace";
       this.renderNav = options.renderNav || true;
-      this.placeholder = options.placeholder || NoFormsPlaceholder;
+      this.loadingPlaceholder = options.placeholder || SidebarLoadingPlaceholder;
       if ((_a = options.buttons) == null ? void 0 : _a.save) {
         this.buttons.save = options.buttons.save;
       }
@@ -9719,238 +9711,6 @@ flowchart TD
       children
     )));
   };
-  const Item = ({
-    item,
-    depth,
-    setActiveFormId
-  }) => {
-    const cms = useCMS();
-    const depths = ["pl-6", "pl-10", "pl-14"];
-    const form = React__namespace.useMemo(
-      () => cms.state.forms.find(({ tinaForm }) => item.formId === tinaForm.id),
-      [item.formId]
-    );
-    return /* @__PURE__ */ React__namespace.createElement(
-      "button",
-      {
-        type: "button",
-        key: item.path,
-        onClick: () => setActiveFormId(item.formId),
-        className: `${depths[depth] || "pl-12"} pr-6 py-3 w-full h-full bg-transparent border-none text-lg text-gray-700 group hover:bg-gray-50 transition-all ease-out duration-150 flex items-center justify-between gap-2`
-      },
-      /* @__PURE__ */ React__namespace.createElement(BiEdit, { className: "opacity-70 w-5 h-auto text-blue-500 flex-none" }),
-      /* @__PURE__ */ React__namespace.createElement("div", { className: "flex-1 flex flex-col gap-0.5 items-start" }, /* @__PURE__ */ React__namespace.createElement("div", { className: "group-hover:text-blue-500 font-sans text-xs font-semibold text-gray-700 whitespace-normal" }, form.tinaForm.label), /* @__PURE__ */ React__namespace.createElement("div", { className: "group-hover:text-blue-500 text-base truncate leading-tight text-gray-600" }, form.tinaForm.id))
-    );
-  };
-  const FormListItem = ({
-    item,
-    depth,
-    setActiveFormId
-  }) => {
-    var _a;
-    return /* @__PURE__ */ React__namespace.createElement("div", { className: "divide-y divide-gray-200" }, /* @__PURE__ */ React__namespace.createElement(Item, { setActiveFormId, item, depth }), item.subItems && /* @__PURE__ */ React__namespace.createElement("ul", { className: "divide-y divide-gray-200" }, (_a = item.subItems) == null ? void 0 : _a.map((subItem) => {
-      if (subItem.type === "document") {
-        return /* @__PURE__ */ React__namespace.createElement("li", { key: subItem.formId }, /* @__PURE__ */ React__namespace.createElement(
-          Item,
-          {
-            setActiveFormId,
-            depth: depth + 1,
-            item: subItem
-          }
-        ));
-      }
-    })));
-  };
-  const FormLists = (props) => {
-    const cms = useCMS();
-    return /* @__PURE__ */ React__namespace.createElement(
-      react.Transition,
-      {
-        appear: true,
-        show: true,
-        as: "div",
-        enter: "transition-all ease-out duration-150",
-        enterFrom: "opacity-0 -translate-x-1/2",
-        enterTo: "opacity-100",
-        leave: "transition-all ease-out duration-150",
-        leaveFrom: "opacity-100",
-        leaveTo: "opacity-0 -translate-x-1/2"
-      },
-      cms.state.formLists.map((formList, index) => /* @__PURE__ */ React__namespace.createElement("div", { key: `${formList.id}-${index}`, className: "pt-16" }, /* @__PURE__ */ React__namespace.createElement(
-        FormList,
-        {
-          isEditing: props.isEditing,
-          setActiveFormId: (id) => {
-            cms.dispatch({ type: "forms:set-active-form-id", value: id });
-          },
-          formList
-        }
-      )))
-    );
-  };
-  const FormList = (props) => {
-    const cms = useCMS();
-    const listItems = React__namespace.useMemo(() => {
-      var _a;
-      const orderedListItems = [];
-      const globalItems = [];
-      const topItems = [];
-      props.formList.items.forEach((item) => {
-        if (item.type === "document") {
-          const form = cms.state.forms.find(
-            ({ tinaForm }) => tinaForm.id === item.formId
-          );
-          if (form.tinaForm.global) {
-            globalItems.push(item);
-          } else {
-            orderedListItems.push(item);
-          }
-        } else {
-          orderedListItems.push(item);
-        }
-      });
-      if (((_a = orderedListItems[0]) == null ? void 0 : _a.type) === "document") {
-        topItems.push({ type: "list", label: "Documents" });
-      }
-      let extra = [];
-      if (globalItems.length) {
-        extra = [{ type: "list", label: "Global Documents" }, ...globalItems];
-      }
-      return [...topItems, ...orderedListItems, ...extra];
-    }, [JSON.stringify(props.formList.items)]);
-    return /* @__PURE__ */ React__namespace.createElement("ul", null, /* @__PURE__ */ React__namespace.createElement("li", { className: "divide-y divide-gray-200" }, listItems.map((item, index) => {
-      if (item.type === "list") {
-        return /* @__PURE__ */ React__namespace.createElement(
-          "div",
-          {
-            key: item.label,
-            className: `relative group text-left w-full bg-white shadow-sm
-   border-gray-100 px-6 -mt-px pb-3 ${index > 0 ? "pt-6 bg-gradient-to-b from-gray-50 via-white to-white" : "pt-3"}`
-          },
-          /* @__PURE__ */ React__namespace.createElement(
-            "span",
-            {
-              className: "text-sm tracking-wide font-bold text-gray-700 uppercase"
-            },
-            item.label
-          )
-        );
-      }
-      return /* @__PURE__ */ React__namespace.createElement(
-        FormListItem,
-        {
-          setActiveFormId: (id) => props.setActiveFormId(id),
-          key: item.formId,
-          item,
-          depth: 0
-        }
-      );
-    })));
-  };
-  const FormsView = ({
-    children
-  }) => {
-    const cms = useCMS$1();
-    const { setFormIsPristine } = React__namespace.useContext(SidebarContext);
-    const isMultiform = cms.state.forms.length > 1;
-    const activeForm = cms.state.forms.find(
-      ({ tinaForm }) => tinaForm.id === cms.state.activeFormId
-    );
-    const isEditing = !!activeForm;
-    if (!cms.state.formLists.length) {
-      return /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, " ", children, " ");
-    }
-    if (isMultiform && !activeForm) {
-      return /* @__PURE__ */ React__namespace.createElement(FormLists, { isEditing });
-    }
-    const formMetas = cms.plugins.all("form:meta");
-    return /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, activeForm && /* @__PURE__ */ React__namespace.createElement(FormWrapper$1, { isEditing, isMultiform }, isMultiform && /* @__PURE__ */ React__namespace.createElement(MultiformFormHeader, { activeForm }), !isMultiform && /* @__PURE__ */ React__namespace.createElement(FormHeader, { activeForm }), formMetas == null ? void 0 : formMetas.map((meta) => /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, { key: meta.name }, /* @__PURE__ */ React__namespace.createElement(meta.Component, null))), /* @__PURE__ */ React__namespace.createElement(FormBuilder, { form: activeForm, onPristineChange: setFormIsPristine })));
-  };
-  const FormWrapper$1 = ({ isEditing, children }) => {
-    return /* @__PURE__ */ React__namespace.createElement(
-      "div",
-      {
-        className: "flex-1 flex flex-col flex-nowrap overflow-hidden h-full w-full relative bg-white",
-        style: isEditing ? {
-          transform: "none",
-          animationName: "fly-in-left",
-          animationDuration: "150ms",
-          animationDelay: "0",
-          animationIterationCount: 1,
-          animationTimingFunction: "ease-out"
-        } : {
-          transform: "translate3d(100%, 0, 0)"
-        }
-      },
-      children
-    );
-  };
-  const MultiformFormHeader = ({
-    activeForm
-  }) => {
-    const cms = useCMS$1();
-    const { formIsPristine } = React__namespace.useContext(SidebarContext);
-    return /* @__PURE__ */ React__namespace.createElement(
-      "div",
-      {
-        className: "pt-18 pb-4 px-6 border-b border-gray-200 bg-gradient-to-t from-white to-gray-50"
-      },
-      /* @__PURE__ */ React__namespace.createElement("div", { className: "max-w-form mx-auto flex gap-2 justify-between items-center" }, /* @__PURE__ */ React__namespace.createElement(
-        "button",
-        {
-          type: "button",
-          className: "pointer-events-auto text-xs text-blue-400 hover:text-blue-500 hover:underline transition-all ease-out duration-150",
-          onClick: () => {
-            const state = activeForm.tinaForm.finalForm.getState();
-            if (state.invalid === true) {
-              cms.alerts.error("Cannot navigate away from an invalid form.");
-            } else {
-              cms.dispatch({ type: "forms:set-active-form-id", value: null });
-            }
-          }
-        },
-        /* @__PURE__ */ React__namespace.createElement(BiDotsVertical, { className: "h-auto w-5 inline-block opacity-70" })
-      ), /* @__PURE__ */ React__namespace.createElement(
-        "button",
-        {
-          type: "button",
-          className: "pointer-events-auto text-xs text-blue-400 hover:text-blue-500 hover:underline transition-all ease-out duration-150",
-          onClick: () => {
-            const collectionName = cms.api.tina.schema.getCollectionByFullPath(
-              cms.state.activeFormId
-            ).name;
-            window.location.href = `${new URL(window.location.href).pathname}#/collections/${collectionName}/~`;
-          }
-        },
-        /* @__PURE__ */ React__namespace.createElement(BiHomeAlt, { className: "h-auto w-5 inline-block opacity-70" })
-      ), /* @__PURE__ */ React__namespace.createElement("span", { className: "opacity-30 text-sm leading-tight whitespace-nowrap flex-0" }, "/"), /* @__PURE__ */ React__namespace.createElement("span", { className: "block w-full text-sm leading-tight whitespace-nowrap truncate" }, activeForm.tinaForm.label || activeForm.tinaForm.id), /* @__PURE__ */ React__namespace.createElement(FormStatus, { pristine: formIsPristine }))
-    );
-  };
-  const FormHeader = ({ activeForm }) => {
-    const { formIsPristine } = React__namespace.useContext(SidebarContext);
-    const cms = useCMS$1();
-    const shortFormLabel = activeForm.tinaForm.label ? activeForm.tinaForm.label.replace(/^.*[\\\/]/, "") : false;
-    return /* @__PURE__ */ React__namespace.createElement(
-      "div",
-      {
-        className: "pt-18 pb-4 px-6 border-b border-gray-200 bg-gradient-to-t from-white to-gray-50"
-      },
-      /* @__PURE__ */ React__namespace.createElement("div", { className: "max-w-form mx-auto flex gap-2 justify-between items-center" }, /* @__PURE__ */ React__namespace.createElement(
-        "button",
-        {
-          type: "button",
-          className: "pointer-events-auto text-xs text-blue-400 hover:text-blue-500 hover:underline transition-all ease-out duration-150",
-          onClick: () => {
-            const collectionName = cms.api.tina.schema.getCollectionByFullPath(
-              cms.state.activeFormId
-            ).name;
-            window.location.href = `${new URL(window.location.href).pathname}#/collections/${collectionName}/~`;
-          }
-        },
-        /* @__PURE__ */ React__namespace.createElement(BiHomeAlt, { className: "h-auto w-5 inline-block opacity-70" })
-      ), shortFormLabel && /* @__PURE__ */ React__namespace.createElement("span", { className: "block w-full text-sm leading-tight whitespace-nowrap truncate" }, shortFormLabel), /* @__PURE__ */ React__namespace.createElement(FormStatus, { pristine: formIsPristine }))
-    );
-  };
   function ImFilesEmpty(props) {
     return GenIcon({ "tag": "svg", "attr": { "version": "1.1", "viewBox": "0 0 16 16" }, "child": [{ "tag": "path", "attr": { "d": "M14.341 5.579c-0.347-0.473-0.831-1.027-1.362-1.558s-1.085-1.015-1.558-1.362c-0.806-0.591-1.197-0.659-1.421-0.659h-5.75c-0.689 0-1.25 0.561-1.25 1.25v11.5c0 0.689 0.561 1.25 1.25 1.25h9.5c0.689 0 1.25-0.561 1.25-1.25v-7.75c0-0.224-0.068-0.615-0.659-1.421zM12.271 4.729c0.48 0.48 0.856 0.912 1.134 1.271h-2.406v-2.405c0.359 0.278 0.792 0.654 1.271 1.134v0zM14 14.75c0 0.136-0.114 0.25-0.25 0.25h-9.5c-0.136 0-0.25-0.114-0.25-0.25v-11.5c0-0.135 0.114-0.25 0.25-0.25 0 0 5.749-0 5.75 0v3.5c0 0.276 0.224 0.5 0.5 0.5h3.5v7.75z" }, "child": [] }, { "tag": "path", "attr": { "d": "M9.421 0.659c-0.806-0.591-1.197-0.659-1.421-0.659h-5.75c-0.689 0-1.25 0.561-1.25 1.25v11.5c0 0.604 0.43 1.109 1 1.225v-12.725c0-0.135 0.115-0.25 0.25-0.25h7.607c-0.151-0.124-0.297-0.238-0.437-0.341z" }, "child": [] }] })(props);
   }
@@ -10193,7 +9953,7 @@ flowchart TD
       "Event Log"
     ));
   };
-  const version = "2.7.0";
+  const version = "2.7.4";
   const Nav = ({
     isLocalMode,
     className = "",
@@ -10435,6 +10195,293 @@ flowchart TD
       /* @__PURE__ */ React__namespace.createElement("span", { className: "absolute top-1/2 left-1/2 h-4/6 w-px bg-gray-200 transform -translate-y-1/2 -translate-x-1/2 opacity-30 transition-opacity duration-150 ease-out group-hover:opacity-100" })
     );
   };
+  const Item = ({
+    item,
+    depth,
+    setActiveFormId
+  }) => {
+    const cms = useCMS();
+    const depths = ["pl-6", "pl-10", "pl-14"];
+    const form = React__namespace.useMemo(
+      () => cms.state.forms.find(({ tinaForm }) => item.formId === tinaForm.id),
+      [item.formId]
+    );
+    return /* @__PURE__ */ React__namespace.createElement(
+      "button",
+      {
+        type: "button",
+        key: item.path,
+        onClick: () => setActiveFormId(item.formId),
+        className: `${depths[depth] || "pl-12"} pr-6 py-3 w-full h-full bg-transparent border-none text-lg text-gray-700 group hover:bg-gray-50 transition-all ease-out duration-150 flex items-center justify-between gap-2`
+      },
+      /* @__PURE__ */ React__namespace.createElement(BiEdit, { className: "opacity-70 w-5 h-auto text-blue-500 flex-none" }),
+      /* @__PURE__ */ React__namespace.createElement("div", { className: "flex-1 flex flex-col gap-0.5 items-start" }, /* @__PURE__ */ React__namespace.createElement("div", { className: "group-hover:text-blue-500 font-sans text-xs font-semibold text-gray-700 whitespace-normal" }, form.tinaForm.label), /* @__PURE__ */ React__namespace.createElement("div", { className: "group-hover:text-blue-500 text-base truncate leading-tight text-gray-600" }, form.tinaForm.id))
+    );
+  };
+  const FormListItem = ({
+    item,
+    depth,
+    setActiveFormId
+  }) => {
+    var _a;
+    return /* @__PURE__ */ React__namespace.createElement("div", { className: "divide-y divide-gray-200" }, /* @__PURE__ */ React__namespace.createElement(Item, { setActiveFormId, item, depth }), item.subItems && /* @__PURE__ */ React__namespace.createElement("ul", { className: "divide-y divide-gray-200" }, (_a = item.subItems) == null ? void 0 : _a.map((subItem) => {
+      if (subItem.type === "document") {
+        return /* @__PURE__ */ React__namespace.createElement("li", { key: subItem.formId }, /* @__PURE__ */ React__namespace.createElement(
+          Item,
+          {
+            setActiveFormId,
+            depth: depth + 1,
+            item: subItem
+          }
+        ));
+      }
+    })));
+  };
+  const FormLists = (props) => {
+    const cms = useCMS();
+    return /* @__PURE__ */ React__namespace.createElement(
+      react.Transition,
+      {
+        appear: true,
+        show: true,
+        as: "div",
+        enter: "transition-all ease-out duration-150",
+        enterFrom: "opacity-0 -translate-x-1/2",
+        enterTo: "opacity-100",
+        leave: "transition-all ease-out duration-150",
+        leaveFrom: "opacity-100",
+        leaveTo: "opacity-0 -translate-x-1/2"
+      },
+      cms.state.formLists.map((formList, index) => /* @__PURE__ */ React__namespace.createElement("div", { key: `${formList.id}-${index}`, className: "pt-16" }, /* @__PURE__ */ React__namespace.createElement(
+        FormList,
+        {
+          isEditing: props.isEditing,
+          setActiveFormId: (id) => {
+            cms.dispatch({ type: "forms:set-active-form-id", value: id });
+          },
+          formList
+        }
+      )))
+    );
+  };
+  const FormList = (props) => {
+    const cms = useCMS();
+    const listItems = React__namespace.useMemo(() => {
+      var _a;
+      const orderedListItems = [];
+      const globalItems = [];
+      const topItems = [];
+      props.formList.items.forEach((item) => {
+        if (item.type === "document") {
+          const form = cms.state.forms.find(
+            ({ tinaForm }) => tinaForm.id === item.formId
+          );
+          if (form.tinaForm.global) {
+            globalItems.push(item);
+          } else {
+            orderedListItems.push(item);
+          }
+        } else {
+          orderedListItems.push(item);
+        }
+      });
+      if (((_a = orderedListItems[0]) == null ? void 0 : _a.type) === "document") {
+        topItems.push({ type: "list", label: "Documents" });
+      }
+      let extra = [];
+      if (globalItems.length) {
+        extra = [{ type: "list", label: "Global Documents" }, ...globalItems];
+      }
+      return [...topItems, ...orderedListItems, ...extra];
+    }, [JSON.stringify(props.formList.items)]);
+    return /* @__PURE__ */ React__namespace.createElement("ul", null, /* @__PURE__ */ React__namespace.createElement("li", { className: "divide-y divide-gray-200" }, listItems.map((item, index) => {
+      if (item.type === "list") {
+        return /* @__PURE__ */ React__namespace.createElement(
+          "div",
+          {
+            key: item.label,
+            className: `relative group text-left w-full bg-white shadow-sm
+   border-gray-100 px-6 -mt-px pb-3 ${index > 0 ? "pt-6 bg-gradient-to-b from-gray-50 via-white to-white" : "pt-3"}`
+          },
+          /* @__PURE__ */ React__namespace.createElement(
+            "span",
+            {
+              className: "text-sm tracking-wide font-bold text-gray-700 uppercase"
+            },
+            item.label
+          )
+        );
+      }
+      return /* @__PURE__ */ React__namespace.createElement(
+        FormListItem,
+        {
+          setActiveFormId: (id) => props.setActiveFormId(id),
+          key: item.formId,
+          item,
+          depth: 0
+        }
+      );
+    })));
+  };
+  const SidebarNoFormsPlaceholder = () => /* @__PURE__ */ React__namespace.createElement(
+    "div",
+    {
+      className: "relative flex flex-col items-center justify-center text-center p-5 pb-16 w-full h-full overflow-y-auto",
+      style: {
+        animationName: "fade-in",
+        animationDelay: "300ms",
+        animationTimingFunction: "ease-out",
+        animationIterationCount: 1,
+        animationFillMode: "both",
+        animationDuration: "150ms"
+      }
+    },
+    /* @__PURE__ */ React__namespace.createElement("p", { className: "block pb-5" }, "Looks like there's ", /* @__PURE__ */ React__namespace.createElement("br", null), "nothing to edit on ", /* @__PURE__ */ React__namespace.createElement("br", null), "this page."),
+    /* @__PURE__ */ React__namespace.createElement("p", { className: "block pt-5" }, /* @__PURE__ */ React__namespace.createElement(
+      Button$1,
+      {
+        href: "https://tina.io/docs/contextual-editing/overview",
+        target: "_blank",
+        as: "a"
+      },
+      /* @__PURE__ */ React__namespace.createElement(Emoji$1, { className: "mr-1.5" }, "📖"),
+      " Contextual Editing Docs"
+    ))
+  );
+  const Emoji$1 = ({ className = "", ...props }) => /* @__PURE__ */ React__namespace.createElement(
+    "span",
+    {
+      className: `text-[24px] leading-none inline-block ${className}`,
+      ...props
+    }
+  );
+  const minimumTimeToShowLoadingIndicator = 1e3;
+  const FormsView = ({ loadingPlaceholder } = {}) => {
+    const cms = useCMS$1();
+    const { setFormIsPristine } = React__namespace.useContext(SidebarContext);
+    const [isShowingLoading, setIsShowingLoading] = React__namespace.useState(true);
+    const [initialLoadComplete, setInitialLoadComplete] = React__namespace.useState(false);
+    React__namespace.useEffect(() => {
+      if (cms.state.isLoadingContent) {
+        setIsShowingLoading(true);
+        const timer = setTimeout(() => {
+          if (!cms.state.isLoadingContent) {
+            setIsShowingLoading(false);
+            setInitialLoadComplete(true);
+          }
+        }, minimumTimeToShowLoadingIndicator);
+        return () => clearTimeout(timer);
+      } else {
+        const timer = setTimeout(() => {
+          setIsShowingLoading(false);
+          setInitialLoadComplete(true);
+        }, minimumTimeToShowLoadingIndicator);
+        return () => clearTimeout(timer);
+      }
+    }, [cms.state.isLoadingContent]);
+    if (isShowingLoading || !initialLoadComplete) {
+      const LoadingPlaceholder = loadingPlaceholder || SidebarLoadingPlaceholder;
+      return /* @__PURE__ */ React__namespace.createElement(LoadingPlaceholder, null);
+    }
+    if (!cms.state.formLists.length) {
+      return /* @__PURE__ */ React__namespace.createElement(SidebarNoFormsPlaceholder, null);
+    }
+    const isMultiform = cms.state.forms.length > 1;
+    const activeForm = cms.state.forms.find(
+      ({ tinaForm }) => tinaForm.id === cms.state.activeFormId
+    );
+    const isEditing = !!activeForm;
+    if (isMultiform && !activeForm) {
+      return /* @__PURE__ */ React__namespace.createElement(FormLists, { isEditing });
+    }
+    const formMetas = cms.plugins.all("form:meta");
+    return /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, activeForm && /* @__PURE__ */ React__namespace.createElement(FormWrapper$1, { isEditing, isMultiform }, isMultiform && /* @__PURE__ */ React__namespace.createElement(MultiformFormHeader, { activeForm }), !isMultiform && /* @__PURE__ */ React__namespace.createElement(FormHeader, { activeForm }), formMetas == null ? void 0 : formMetas.map((meta) => /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, { key: meta.name }, /* @__PURE__ */ React__namespace.createElement(meta.Component, null))), /* @__PURE__ */ React__namespace.createElement(FormBuilder, { form: activeForm, onPristineChange: setFormIsPristine })));
+  };
+  const FormWrapper$1 = ({ isEditing, children }) => {
+    return /* @__PURE__ */ React__namespace.createElement(
+      "div",
+      {
+        className: "flex-1 flex flex-col flex-nowrap overflow-hidden h-full w-full relative bg-white",
+        style: isEditing ? {
+          transform: "none",
+          animationName: "fly-in-left",
+          animationDuration: "150ms",
+          animationDelay: "0",
+          animationIterationCount: 1,
+          animationTimingFunction: "ease-out"
+        } : {
+          transform: "translate3d(100%, 0, 0)"
+        }
+      },
+      children
+    );
+  };
+  const MultiformFormHeader = ({
+    activeForm
+  }) => {
+    const cms = useCMS$1();
+    const { formIsPristine } = React__namespace.useContext(SidebarContext);
+    return /* @__PURE__ */ React__namespace.createElement(
+      "div",
+      {
+        className: "pt-18 pb-4 px-6 border-b border-gray-200 bg-gradient-to-t from-white to-gray-50"
+      },
+      /* @__PURE__ */ React__namespace.createElement("div", { className: "max-w-form mx-auto flex gap-2 justify-between items-center" }, /* @__PURE__ */ React__namespace.createElement(
+        "button",
+        {
+          type: "button",
+          className: "pointer-events-auto text-xs text-blue-400 hover:text-blue-500 hover:underline transition-all ease-out duration-150",
+          onClick: () => {
+            const state = activeForm.tinaForm.finalForm.getState();
+            if (state.invalid === true) {
+              cms.alerts.error("Cannot navigate away from an invalid form.");
+            } else {
+              cms.dispatch({ type: "forms:set-active-form-id", value: null });
+            }
+          }
+        },
+        /* @__PURE__ */ React__namespace.createElement(BiDotsVertical, { className: "h-auto w-5 inline-block opacity-70" })
+      ), /* @__PURE__ */ React__namespace.createElement(
+        "button",
+        {
+          type: "button",
+          className: "pointer-events-auto text-xs text-blue-400 hover:text-blue-500 hover:underline transition-all ease-out duration-150",
+          onClick: () => {
+            const collectionName = cms.api.tina.schema.getCollectionByFullPath(
+              cms.state.activeFormId
+            ).name;
+            window.location.href = `${new URL(window.location.href).pathname}#/collections/${collectionName}/~`;
+          }
+        },
+        /* @__PURE__ */ React__namespace.createElement(BiHomeAlt, { className: "h-auto w-5 inline-block opacity-70" })
+      ), /* @__PURE__ */ React__namespace.createElement("span", { className: "opacity-30 text-sm leading-tight whitespace-nowrap flex-0" }, "/"), /* @__PURE__ */ React__namespace.createElement("span", { className: "block w-full text-sm leading-tight whitespace-nowrap truncate" }, activeForm.tinaForm.label || activeForm.tinaForm.id), /* @__PURE__ */ React__namespace.createElement(FormStatus, { pristine: formIsPristine }))
+    );
+  };
+  const FormHeader = ({ activeForm }) => {
+    const { formIsPristine } = React__namespace.useContext(SidebarContext);
+    const cms = useCMS$1();
+    const shortFormLabel = activeForm.tinaForm.label ? activeForm.tinaForm.label.replace(/^.*[\\\/]/, "") : false;
+    return /* @__PURE__ */ React__namespace.createElement(
+      "div",
+      {
+        className: "pt-18 pb-4 px-6 border-b border-gray-200 bg-gradient-to-t from-white to-gray-50"
+      },
+      /* @__PURE__ */ React__namespace.createElement("div", { className: "max-w-form mx-auto flex gap-2 justify-between items-center" }, /* @__PURE__ */ React__namespace.createElement(
+        "button",
+        {
+          type: "button",
+          className: "pointer-events-auto text-xs text-blue-400 hover:text-blue-500 hover:underline transition-all ease-out duration-150",
+          onClick: () => {
+            const collectionName = cms.api.tina.schema.getCollectionByFullPath(
+              cms.state.activeFormId
+            ).name;
+            window.location.href = `${new URL(window.location.href).pathname}#/collections/${collectionName}/~`;
+          }
+        },
+        /* @__PURE__ */ React__namespace.createElement(BiHomeAlt, { className: "h-auto w-5 inline-block opacity-70" })
+      ), shortFormLabel && /* @__PURE__ */ React__namespace.createElement("span", { className: "block w-full text-sm leading-tight whitespace-nowrap truncate" }, shortFormLabel), /* @__PURE__ */ React__namespace.createElement(FormStatus, { pristine: formIsPristine }))
+    );
+  };
   const SidebarContext = React__namespace.createContext(null);
   const minPreviewWidth = 440;
   const minSidebarWidth = 360;
@@ -10653,7 +10700,7 @@ flowchart TD
           isLocalMode: (_d = (_c = cms.api) == null ? void 0 : _c.tina) == null ? void 0 : _d.isLocalMode,
           branchingEnabled
         }
-      ), /* @__PURE__ */ React__namespace.createElement(FormsView, null, /* @__PURE__ */ React__namespace.createElement(sidebar.placeholder, null)), activeScreen && /* @__PURE__ */ React__namespace.createElement(
+      ), /* @__PURE__ */ React__namespace.createElement(FormsView, { loadingPlaceholder: sidebar.loadingPlaceholder }), activeScreen && /* @__PURE__ */ React__namespace.createElement(
         ScreenPluginModal,
         {
           screen: activeScreen,
@@ -10829,7 +10876,7 @@ flowchart TD
             className: "h-5 w-auto -mx-1 text-blue-500",
             stroke: "currentColor",
             fill: "currentColor",
-            "stroke-width": "0",
+            strokeWidth: "0",
             viewBox: "0 0 24 24",
             xmlns: "http://www.w3.org/2000/svg"
           },
@@ -10969,6 +11016,93 @@ flowchart TD
       );
     };
   }
+  function dirname(path) {
+    var _a, _b;
+    const pattern = new RegExp("(?<prevDir>.*)/");
+    return (_b = (_a = path.match(pattern)) == null ? void 0 : _a.groups) == null ? void 0 : _b.prevDir;
+  }
+  const BreadcrumbButton = ({ className = "", ...props }) => /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      className: "capitalize transition-colors duration-150 border-0 bg-transparent hover:text-blue-500 " + className,
+      ...props
+    }
+  );
+  function Breadcrumb$1({ directory = "", setDirectory }) {
+    directory = directory.replace(/^\/|\/$/g, "");
+    let prevDir = dirname(directory) || "";
+    if (prevDir === ".") {
+      prevDir = "";
+    }
+    return /* @__PURE__ */ React.createElement("div", { className: "w-full flex items-center text-[16px] text-gray-300" }, directory !== "" && /* @__PURE__ */ React.createElement(
+      IconButton,
+      {
+        variant: "ghost",
+        className: "mr-2",
+        onClick: () => setDirectory(prevDir)
+      },
+      /* @__PURE__ */ React.createElement(
+        LeftArrowIcon,
+        {
+          className: `w-7 h-auto fill-gray-300 hover:fill-gray-900 transition duration-150 ease-out`
+        }
+      )
+    ), /* @__PURE__ */ React.createElement(
+      BreadcrumbButton,
+      {
+        onClick: () => setDirectory(""),
+        className: directory === "" ? "text-gray-500 font-bold" : "text-gray-300 font-medium after:pl-1.5 after:content-['/']"
+      },
+      "Media"
+    ), directory && directory.split("/").map((part, index, parts) => {
+      const currentDir = parts.slice(0, index + 1).join("/");
+      return /* @__PURE__ */ React.createElement(
+        BreadcrumbButton,
+        {
+          className: "pl-1.5 " + (index + 1 === parts.length ? "text-gray-500 font-bold" : "text-gray-300 font-medium after:pl-1.5 after:content-['/']"),
+          key: currentDir,
+          onClick: () => {
+            setDirectory(currentDir);
+          }
+        },
+        part
+      );
+    }));
+  }
+  const CopyField = ({ label, description, value }) => {
+    const [copied, setCopied] = React.useState(false);
+    const [fadeOut, setFadeOut] = React.useState(false);
+    return /* @__PURE__ */ React.createElement("div", { className: "w-full" }, label && /* @__PURE__ */ React.createElement("label", { className: "w-full mb-1 block flex-1  text-sm font-bold leading-5 text-gray-700" }, label), /* @__PURE__ */ React.createElement(
+      "span",
+      {
+        onClick: () => {
+          if (copied === true)
+            return;
+          setCopied(true);
+          setTimeout(() => {
+            setFadeOut(true);
+          }, 2500);
+          setTimeout(() => {
+            setCopied(false);
+            setFadeOut(false);
+          }, 3e3);
+          navigator.clipboard.writeText(value);
+        },
+        className: `shadow-inner text-base leading-5 whitespace-normal break-all px-3 py-2 text-gray-600 w-full bg-gray-50 border border-gray-200 transition-all ease-out duration-150 rounded-md relative overflow-hidden appearance-none flex items-center w-full cursor-pointer hover:bg-white hover:text-blue-500  ${copied ? `pointer-events-none` : ``}`
+      },
+      /* @__PURE__ */ React.createElement(BiCopyAlt, { className: "relative text-blue-500 shrink-0 w-5 h-auto mr-1.5 -ml-0.5 z-20" }),
+      " ",
+      value,
+      " ",
+      copied && /* @__PURE__ */ React.createElement(
+        "span",
+        {
+          className: `${fadeOut ? `opacity-0` : `opacity-100`} text-blue-500 transition-opacity	duration-500 absolute right-0 w-full h-full px-3 py-2 bg-white bg-opacity-90 flex items-center justify-center text-center tracking-wide font-medium z-10`
+        },
+        /* @__PURE__ */ React.createElement("span", null, "Copied to clipboard!")
+      )
+    ), description && /* @__PURE__ */ React.createElement("p", { className: "mt-2 text-sm text-gray-500" }, description));
+  };
   function ListMediaItem({ item, onClick, active }) {
     let FileIcon = BiFile;
     if (item.type === "dir") {
@@ -11044,59 +11178,6 @@ flowchart TD
       )
     );
   }
-  function dirname(path) {
-    var _a, _b;
-    const pattern = new RegExp("(?<prevDir>.*)/");
-    return (_b = (_a = path.match(pattern)) == null ? void 0 : _a.groups) == null ? void 0 : _b.prevDir;
-  }
-  const BreadcrumbButton = ({ className = "", ...props }) => /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      className: "capitalize transition-colors duration-150 border-0 bg-transparent hover:text-blue-500 " + className,
-      ...props
-    }
-  );
-  function Breadcrumb$1({ directory = "", setDirectory }) {
-    directory = directory.replace(/^\/|\/$/g, "");
-    let prevDir = dirname(directory) || "";
-    if (prevDir === ".") {
-      prevDir = "";
-    }
-    return /* @__PURE__ */ React.createElement("div", { className: "w-full flex items-center text-[16px] text-gray-300" }, directory !== "" && /* @__PURE__ */ React.createElement(
-      IconButton,
-      {
-        variant: "ghost",
-        className: "mr-2",
-        onClick: () => setDirectory(prevDir)
-      },
-      /* @__PURE__ */ React.createElement(
-        LeftArrowIcon,
-        {
-          className: `w-7 h-auto fill-gray-300 hover:fill-gray-900 transition duration-150 ease-out`
-        }
-      )
-    ), /* @__PURE__ */ React.createElement(
-      BreadcrumbButton,
-      {
-        onClick: () => setDirectory(""),
-        className: directory === "" ? "text-gray-500 font-bold" : "text-gray-300 font-medium after:pl-1.5 after:content-['/']"
-      },
-      "Media"
-    ), directory && directory.split("/").map((part, index, parts) => {
-      const currentDir = parts.slice(0, index + 1).join("/");
-      return /* @__PURE__ */ React.createElement(
-        BreadcrumbButton,
-        {
-          className: "pl-1.5 " + (index + 1 === parts.length ? "text-gray-500 font-bold" : "text-gray-300 font-medium after:pl-1.5 after:content-['/']"),
-          key: currentDir,
-          onClick: () => {
-            setDirectory(currentDir);
-          }
-        },
-        part
-      );
-    }));
-  }
   const DeleteModal$1 = ({
     close: close2,
     deleteFunc,
@@ -11150,40 +11231,6 @@ flowchart TD
       "Create New Folder"
     ))));
   };
-  const CopyField = ({ label, description, value }) => {
-    const [copied, setCopied] = React.useState(false);
-    const [fadeOut, setFadeOut] = React.useState(false);
-    return /* @__PURE__ */ React.createElement("div", { className: "w-full" }, label && /* @__PURE__ */ React.createElement("label", { className: "w-full mb-1 block flex-1  text-sm font-bold leading-5 text-gray-700" }, label), /* @__PURE__ */ React.createElement(
-      "span",
-      {
-        onClick: () => {
-          if (copied === true)
-            return;
-          setCopied(true);
-          setTimeout(() => {
-            setFadeOut(true);
-          }, 2500);
-          setTimeout(() => {
-            setCopied(false);
-            setFadeOut(false);
-          }, 3e3);
-          navigator.clipboard.writeText(value);
-        },
-        className: `shadow-inner text-base leading-5 whitespace-normal break-all px-3 py-2 text-gray-600 w-full bg-gray-50 border border-gray-200 transition-all ease-out duration-150 rounded-md relative overflow-hidden appearance-none flex items-center w-full cursor-pointer hover:bg-white hover:text-blue-500  ${copied ? `pointer-events-none` : ``}`
-      },
-      /* @__PURE__ */ React.createElement(BiCopyAlt, { className: "relative text-blue-500 shrink-0 w-5 h-auto mr-1.5 -ml-0.5 z-20" }),
-      " ",
-      value,
-      " ",
-      copied && /* @__PURE__ */ React.createElement(
-        "span",
-        {
-          className: `${fadeOut ? `opacity-0` : `opacity-100`} text-blue-500 transition-opacity	duration-500 absolute right-0 w-full h-full px-3 py-2 bg-white bg-opacity-90 flex items-center justify-center text-center tracking-wide font-medium z-10`
-        },
-        /* @__PURE__ */ React.createElement("span", null, "Copied to clipboard!")
-      )
-    ), description && /* @__PURE__ */ React.createElement("p", { className: "mt-2 text-sm text-gray-500" }, description));
-  };
   const { useDropzone } = dropzone__namespace;
   const join = function(...parts) {
     const [first, last, slash] = [0, parts.length - 1, "/"];
@@ -11419,7 +11466,10 @@ flowchart TD
       const observer = new IntersectionObserver((entries) => {
         const target = entries[0];
         if (target.isIntersecting && list.nextOffset) {
-          setOffsetHistory((offsetHistory2) => [...offsetHistory2, list.nextOffset]);
+          setOffsetHistory((offsetHistory2) => [
+            ...offsetHistory2,
+            list.nextOffset
+          ]);
         }
       });
       if (loaderRef.current) {
@@ -11682,7 +11732,7 @@ flowchart TD
           target: "_blank",
           href: `${cms.api.tina.appDashboardLink}/media`
         },
-        "Sync Your Media In Tina Cloud.",
+        "Sync Your Media In TinaCloud.",
         /* @__PURE__ */ React.createElement(BiLinkExternal, { className: `w-5 h-auto flex-shrink-0` })
       )
     )))) : /* @__PURE__ */ React.createElement(SyncStatusContext.Provider, { value: { syncStatus } }, children);
@@ -12014,6 +12064,7 @@ flowchart TD
       forms: [],
       formLists: [],
       editingMode: "basic",
+      isLoadingContent: false,
       quickEditSupported: false,
       sidebarDisplayState: ((_a = cms == null ? void 0 : cms.sidebar) == null ? void 0 : _a.defaultState) || "open"
     };
@@ -12073,7 +12124,12 @@ flowchart TD
             }
           });
         }
-        return { ...state, activeFormId, formLists: nextFormLists };
+        return {
+          ...state,
+          activeFormId,
+          formLists: nextFormLists,
+          isLoadingContent: false
+        };
       }
       case "form-lists:remove": {
         const nextFormLists = state.formLists.filter(
@@ -12142,6 +12198,9 @@ flowchart TD
         }
         return { ...state, sidebarDisplayState: action.value };
       }
+      case "sidebar:set-loading-state": {
+        return { ...state, isLoadingContent: action.value };
+      }
       default:
         throw new Error(`Unhandled action ${action.type}`);
     }
@@ -12383,7 +12442,9 @@ flowchart TD
       if (activeEle) {
         setDisplay(true);
         setPosition(activeEle.getBoundingClientRect());
-        const iframe = document.getElementById("tina-iframe");
+        const iframe = document.getElementById(
+          "tina-iframe"
+        );
         if (iframe) {
           setIframePosition(iframe.getBoundingClientRect());
         }
@@ -12825,7 +12886,6 @@ flowchart TD
   }) => {
     const cms = useCMS$1();
     const tinaApi = cms.api.tina;
-    tinaApi.branch;
     const [disabled, setDisabled] = React__namespace.useState(false);
     const [newBranchName, setNewBranchName] = React__namespace.useState("");
     const [error, setError] = React__namespace.useState("");
@@ -12851,10 +12911,10 @@ flowchart TD
       const newUrl = window.location.href.replace(hash, newHash);
       window.location.href = newUrl;
     };
-    return /* @__PURE__ */ React__namespace.createElement(Modal, null, /* @__PURE__ */ React__namespace.createElement(PopupModal, null, /* @__PURE__ */ React__namespace.createElement(ModalHeader, { close: close2 }, /* @__PURE__ */ React__namespace.createElement(BiGitBranch, { className: "w-6 h-auto mr-1 text-blue-500 opacity-70" }), " ", "Create Branch"), /* @__PURE__ */ React__namespace.createElement(ModalBody, { padded: true }, /* @__PURE__ */ React__namespace.createElement("p", { className: "text-base text-gray-700 mb-2" }, "This branch is ", /* @__PURE__ */ React__namespace.createElement("strong", null, "protected"), ". Create a new branch to save your changes."), /* @__PURE__ */ React__namespace.createElement(
+    return /* @__PURE__ */ React__namespace.createElement(Modal, null, /* @__PURE__ */ React__namespace.createElement(PopupModal, null, /* @__PURE__ */ React__namespace.createElement(ModalHeader, { close: close2 }, /* @__PURE__ */ React__namespace.createElement(BiGitBranch, { className: "w-6 h-auto mr-1 text-blue-500 opacity-70" }), " ", "Create Branch"), /* @__PURE__ */ React__namespace.createElement(ModalBody, { padded: true }, /* @__PURE__ */ React__namespace.createElement("p", { className: "text-lg text-gray-700 font-bold mb-2" }, "This content is protected 🚧"), /* @__PURE__ */ React__namespace.createElement("p", { className: "text-sm text-gray-700 mb-4" }, "To make changes, you need to create a copy then get it approved and merged for it to go live."), /* @__PURE__ */ React__namespace.createElement(
       PrefixedTextField,
       {
-        placeholder: "Branch Name",
+        placeholder: "e.g. {{PAGE-NAME}}-updates",
         value: newBranchName,
         onChange: (e) => {
           setError("");
@@ -13001,7 +13061,9 @@ flowchart TD
     const { fieldName } = useTemplates();
     const { handleClose, handleRemove, handleSelect, isExpanded } = useEmbedHandles(editor, element, fieldName);
     useHotkey("enter", () => {
-      plateCommon.insertNodes(editor, [{ type: plate.ELEMENT_PARAGRAPH, children: [{ text: "" }] }]);
+      plateCommon.insertNodes(editor, [
+        { type: plate.ELEMENT_PARAGRAPH, children: [{ text: "" }] }
+      ]);
     });
     return /* @__PURE__ */ React.createElement("span", { ...attributes, className: "" }, children, element.url ? /* @__PURE__ */ React.createElement(
       "div",
@@ -13144,7 +13206,9 @@ flowchart TD
     const { templates, fieldName } = useTemplates();
     const { handleClose, handleRemove, handleSelect, isExpanded } = useEmbedHandles(editor, element, fieldName);
     useHotkey("enter", () => {
-      plateCommon.insertNodes(editor, [{ type: plate.ELEMENT_PARAGRAPH, children: [{ text: "" }] }]);
+      plateCommon.insertNodes(editor, [
+        { type: plate.ELEMENT_PARAGRAPH, children: [{ text: "" }] }
+      ]);
     });
     useHotkey("space", () => {
       plateCommon.insertNodes(editor, [{ text: " " }], {
@@ -13200,7 +13264,9 @@ flowchart TD
     const { templates, fieldName } = useTemplates();
     const { handleClose, handleRemove, handleSelect, isExpanded } = useEmbedHandles(editor, element, fieldName);
     useHotkey("enter", () => {
-      plateCommon.insertNodes(editor, [{ type: plate.ELEMENT_PARAGRAPH, children: [{ text: "" }] }]);
+      plateCommon.insertNodes(editor, [
+        { type: plate.ELEMENT_PARAGRAPH, children: [{ text: "" }] }
+      ]);
     });
     const activeTemplate = templates.find(
       (template) => template.name === element.name
@@ -14059,7 +14125,9 @@ flowchart TD
   const CONTAINER_MD_BREAKPOINT = 448;
   const FLOAT_BUTTON_WIDTH = 25;
   const HEADING_LABEL = "Headings";
-  const ToolbarContext = React.createContext(void 0);
+  const ToolbarContext = React.createContext(
+    void 0
+  );
   const ToolbarProvider = ({
     tinaForm,
     templates,
@@ -14209,7 +14277,7 @@ flowchart TD
   const CodeBlockToolbarButton = cn$1.withRef(({ clear, ...rest }, ref) => {
     const state = useCodeBlockToolbarButtonState();
     const { props } = useCodeBlockToolbarButton(state);
-    return /* @__PURE__ */ React.createElement(ToolbarButton, { ref, tooltip: "Link", ...rest, ...props }, /* @__PURE__ */ React.createElement(Icons.codeBlock, null));
+    return /* @__PURE__ */ React.createElement(ToolbarButton, { ref, tooltip: "Code Block", ...rest, ...props }, /* @__PURE__ */ React.createElement(Icons.codeBlock, null));
   });
   const useImageToolbarButtonState = () => {
     const editor = plateCommon.useEditorState();
@@ -14241,36 +14309,54 @@ flowchart TD
   const ImageToolbarButton = cn$1.withRef(({ clear, ...rest }, ref) => {
     const state = useImageToolbarButtonState();
     const { props } = useImageToolbarButton(state);
-    return /* @__PURE__ */ React.createElement(ToolbarButton, { ref, tooltip: "Link", ...rest, ...props }, /* @__PURE__ */ React.createElement(Icons.image, null));
-  });
-  const IndentListToolbarButton = cn$1.withRef(({ nodeType = plate.ELEMENT_UL }, ref) => {
-    const editor = plateCommon.useEditorState();
-    const state = plate.useListToolbarButtonState({ nodeType });
-    const { props } = plate.useListToolbarButton(state);
-    return /* @__PURE__ */ React.createElement(
-      ToolbarButton,
-      {
-        ref,
-        tooltip: nodeType === plate.ELEMENT_UL ? "Bulleted List" : "Numbered List",
-        ...props,
-        onClick: (e) => {
-          e.preventDefault();
-          e.stopPropagation();
-          plate.toggleList(editor, { type: nodeType });
-        }
-      },
-      nodeType === plate.ELEMENT_UL ? /* @__PURE__ */ React.createElement(Icons.ul, null) : /* @__PURE__ */ React.createElement(Icons.ol, null)
-    );
+    return /* @__PURE__ */ React.createElement(ToolbarButton, { ref, tooltip: "Image", ...rest, ...props }, /* @__PURE__ */ React.createElement(Icons.image, null));
   });
+  const UnorderedListToolbarButton = cn$1.withRef(
+    (props, ref) => {
+      const editor = plateCommon.useEditorState();
+      const state = plate.useListToolbarButtonState({ nodeType: plate.ELEMENT_UL });
+      const { props: buttonProps } = plate.useListToolbarButton(state);
+      return /* @__PURE__ */ React.createElement(
+        ToolbarButton,
+        {
+          ref,
+          tooltip: "Bulleted List",
+          ...buttonProps,
+          onClick: (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            plate.toggleList(editor, { type: plate.ELEMENT_UL });
+          }
+        },
+        /* @__PURE__ */ React.createElement(Icons.ul, null)
+      );
+    }
+  );
+  const OrderedListToolbarButton = cn$1.withRef(
+    (props, ref) => {
+      const editor = plateCommon.useEditorState();
+      const state = plate.useListToolbarButtonState({ nodeType: plate.ELEMENT_OL });
+      const { props: buttonProps } = plate.useListToolbarButton(state);
+      return /* @__PURE__ */ React.createElement(
+        ToolbarButton,
+        {
+          ref,
+          tooltip: "Numbered List",
+          ...buttonProps,
+          onClick: (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            plate.toggleList(editor, { type: plate.ELEMENT_OL });
+          }
+        },
+        /* @__PURE__ */ React.createElement(Icons.ol, null)
+      );
+    }
+  );
   const LinkToolbarButton = cn$1.withRef((rest, ref) => {
     const state = plateLink.useLinkToolbarButtonState();
     const { props } = plateLink.useLinkToolbarButton(state);
-    return /* @__PURE__ */ React.createElement(ToolbarButton, { ref, tooltip: "Link", ...props, ...rest }, /* @__PURE__ */ React.createElement(Icons.link, null));
-  });
-  const MarkToolbarButton = cn$1.withRef(({ clear, nodeType, ...rest }, ref) => {
-    const state = plateCommon.useMarkToolbarButtonState({ clear, nodeType });
-    const { props } = plateCommon.useMarkToolbarButton(state);
-    return /* @__PURE__ */ React.createElement(ToolbarButton, { ref, ...props, ...rest });
+    return /* @__PURE__ */ React.createElement(ToolbarButton, { ref, ...props, ...rest, tooltip: "Link" }, /* @__PURE__ */ React.createElement(Icons.link, null));
   });
   const useMermaidToolbarButtonState = () => {
     const editor = plateCommon.useEditorState();
@@ -14351,7 +14437,7 @@ flowchart TD
   const QuoteToolbarButton = cn$1.withRef(({ clear, ...rest }, ref) => {
     const state = useBlockQuoteToolbarButtonState();
     const { props } = useBlockQuoteToolbarButton(state);
-    return /* @__PURE__ */ React.createElement(ToolbarButton, { ref, tooltip: "Link", ...rest, ...props }, /* @__PURE__ */ React.createElement(Icons.quote, null));
+    return /* @__PURE__ */ React.createElement(ToolbarButton, { ref, tooltip: "Quote (⌘+⇧+.)", ...rest, ...props }, /* @__PURE__ */ React.createElement(Icons.quote, null));
   });
   const useRawMarkdownToolbarButton = () => {
     const { setRawMode } = useEditorContext();
@@ -14371,7 +14457,7 @@ flowchart TD
       ToolbarButton,
       {
         ref,
-        tooltip: "Link",
+        tooltip: "Raw Markdown",
         ...rest,
         ...props,
         "data-testid": "markdown-button"
@@ -14524,6 +14610,15 @@ flowchart TD
       template.label || template.name
     ))));
   };
+  const MarkToolbarButton = cn$1.withRef(({ clear, nodeType, ...rest }, ref) => {
+    const state = plateCommon.useMarkToolbarButtonState({ clear, nodeType });
+    const { props } = plateCommon.useMarkToolbarButton(state);
+    return /* @__PURE__ */ React.createElement(ToolbarButton, { ref, ...props, ...rest });
+  });
+  const BoldToolbarButton = () => /* @__PURE__ */ React.createElement(MarkToolbarButton, { tooltip: "Bold (⌘+B)", nodeType: plate.MARK_BOLD }, /* @__PURE__ */ React.createElement(Icons.bold, null));
+  const StrikethroughToolbarButton = () => /* @__PURE__ */ React.createElement(MarkToolbarButton, { tooltip: "Strikethrough", nodeType: plate.MARK_STRIKETHROUGH }, /* @__PURE__ */ React.createElement(Icons.strikethrough, null));
+  const ItalicToolbarButton = () => /* @__PURE__ */ React.createElement(MarkToolbarButton, { tooltip: "Italic (⌘+I)", nodeType: plate.MARK_ITALIC }, /* @__PURE__ */ React.createElement(Icons.italic, null));
+  const CodeToolbarButton = () => /* @__PURE__ */ React.createElement(MarkToolbarButton, { tooltip: "Code (⌘+E)", nodeType: plate.MARK_CODE }, /* @__PURE__ */ React.createElement(Icons.code, null));
   const toolbarItems = {
     heading: {
       label: HEADING_LABEL,
@@ -14544,37 +14639,37 @@ flowchart TD
     quote: {
       label: "Quote",
       width: () => STANDARD_ICON_WIDTH,
-      Component: /* @__PURE__ */ React.createElement(QuoteToolbarButton, { tooltip: "Quote Quote (⌘+⇧+.)" })
+      Component: /* @__PURE__ */ React.createElement(QuoteToolbarButton, null)
     },
     ul: {
       label: "Unordered List",
       width: () => STANDARD_ICON_WIDTH,
-      Component: /* @__PURE__ */ React.createElement(IndentListToolbarButton, { nodeType: plate.ELEMENT_UL })
+      Component: /* @__PURE__ */ React.createElement(UnorderedListToolbarButton, null)
     },
     ol: {
       label: "Ordered List",
       width: () => STANDARD_ICON_WIDTH,
-      Component: /* @__PURE__ */ React.createElement(IndentListToolbarButton, { nodeType: plate.ELEMENT_OL })
+      Component: /* @__PURE__ */ React.createElement(OrderedListToolbarButton, null)
     },
     bold: {
       label: "Bold",
       width: () => STANDARD_ICON_WIDTH,
-      Component: /* @__PURE__ */ React.createElement(MarkToolbarButton, { tooltip: "Bold (⌘+B)", nodeType: plate.MARK_BOLD }, /* @__PURE__ */ React.createElement(Icons.bold, null))
+      Component: /* @__PURE__ */ React.createElement(BoldToolbarButton, null)
     },
     strikethrough: {
       label: "Strikethrough",
       width: () => STANDARD_ICON_WIDTH,
-      Component: /* @__PURE__ */ React.createElement(MarkToolbarButton, { tooltip: "Strikethrough ", nodeType: plate.MARK_STRIKETHROUGH }, /* @__PURE__ */ React.createElement(Icons.strikethrough, null))
+      Component: /* @__PURE__ */ React.createElement(StrikethroughToolbarButton, null)
     },
     italic: {
       label: "Italic",
       width: () => STANDARD_ICON_WIDTH,
-      Component: /* @__PURE__ */ React.createElement(MarkToolbarButton, { tooltip: "Italic (⌘+I)", nodeType: plate.MARK_ITALIC }, /* @__PURE__ */ React.createElement(Icons.italic, null))
+      Component: /* @__PURE__ */ React.createElement(ItalicToolbarButton, null)
     },
     code: {
       label: "Code",
       width: () => STANDARD_ICON_WIDTH,
-      Component: /* @__PURE__ */ React.createElement(MarkToolbarButton, { tooltip: "Code (⌘+E)", nodeType: plate.MARK_CODE }, /* @__PURE__ */ React.createElement(Icons.code, null))
+      Component: /* @__PURE__ */ React.createElement(CodeToolbarButton, null)
     },
     codeBlock: {
       label: "Code Block",
@@ -30244,7 +30339,14 @@ flowchart TD
   const AUTH_TOKEN_KEY = "tinacms-auth";
   const authenticate = (clientId, frontendUrl) => {
     return new Promise((resolve) => {
-      let authTab;
+      const origin = `${window.location.protocol}//${window.location.host}`;
+      const authTab = popupWindow(
+        `${frontendUrl}/signin?clientId=${clientId}&origin=${origin}`,
+        "_blank",
+        window,
+        1e3,
+        700
+      );
       window.addEventListener("message", function(e) {
         if (e.data.source === TINA_LOGIN_EVENT) {
           if (authTab) {
@@ -30257,14 +30359,6 @@ flowchart TD
           });
         }
       });
-      const origin = `${window.location.protocol}//${window.location.host}`;
-      authTab = popupWindow(
-        `${frontendUrl}/signin?clientId=${clientId}&origin=${origin}`,
-        "_blank",
-        window,
-        1e3,
-        700
-      );
     });
   };
   const DefaultSessionProvider = ({
@@ -30617,7 +30711,7 @@ mutation addPendingDocumentMutation(
 	branch: ${this.branch}.`;
           if (this.branch !== "main") {
             errorMessage = `${errorMessage}
-	Note: This error can occur if the branch does not exist on GitHub or on Tina Cloud`;
+	Note: This error can occur if the branch does not exist on GitHub or on TinaCloud`;
           }
         }
         throw new Error(errorMessage);
@@ -30753,7 +30847,7 @@ mutation addPendingDocumentMutation(
                   unknownCount++;
                   if (unknownCount > 5) {
                     throw new Error(
-                      "AsyncPoller: status unknown for too long, please check indexing progress the Tina Cloud dashboard"
+                      "AsyncPoller: status unknown for too long, please check indexing progress the TinaCloud dashboard"
                     );
                   }
                 }
@@ -30970,56 +31064,6 @@ mutation addPendingDocumentMutation(
       !submitting && name
     );
   };
-  const TINA_AUTH_CONFIG = "tina_auth_config";
-  const useTinaAuthRedirect = () => {
-    React.useEffect(() => {
-      const urlParams = new URLSearchParams(window.location.search);
-      const config = {
-        code: urlParams.get("code") || "",
-        scope: urlParams.get("scope") || "email",
-        state: urlParams.get("state")
-      };
-      if (!config.code) {
-        return;
-      }
-      localStorage[TINA_AUTH_CONFIG] = JSON.stringify(config);
-    }, []);
-  };
-  const createClient = ({
-    clientId,
-    isLocalClient = true,
-    branch,
-    tinaioConfig,
-    schema,
-    apiUrl,
-    tinaGraphQLVersion
-  }) => {
-    return isLocalClient ? new LocalClient({ customContentApiUrl: apiUrl, schema }) : new Client({
-      clientId: clientId || "",
-      branch: branch || "main",
-      tokenStorage: "LOCAL_STORAGE",
-      tinaioConfig,
-      schema,
-      tinaGraphQLVersion
-    });
-  };
-  function assertShape(value, yupSchema, errorMessage) {
-    const shape = yupSchema(yup__namespace);
-    try {
-      shape.validateSync(value);
-    } catch (e) {
-      const message = errorMessage || `Failed to assertShape - ${e.message}`;
-      throw new Error(message);
-    }
-  }
-  function safeAssertShape(value, yupSchema) {
-    try {
-      assertShape(value, yupSchema);
-      return true;
-    } catch (e) {
-      return false;
-    }
-  }
   class TinaAdminApi {
     constructor(cms) {
       var _a, _b, _c, _d;
@@ -31366,6 +31410,56 @@ mutation addPendingDocumentMutation(
       );
     }
   }
+  const createClient = ({
+    clientId,
+    isLocalClient = true,
+    branch,
+    tinaioConfig,
+    schema,
+    apiUrl,
+    tinaGraphQLVersion
+  }) => {
+    return isLocalClient ? new LocalClient({ customContentApiUrl: apiUrl, schema }) : new Client({
+      clientId: clientId || "",
+      branch: branch || "main",
+      tokenStorage: "LOCAL_STORAGE",
+      tinaioConfig,
+      schema,
+      tinaGraphQLVersion
+    });
+  };
+  function assertShape(value, yupSchema, errorMessage) {
+    const shape = yupSchema(yup__namespace);
+    try {
+      shape.validateSync(value);
+    } catch (e) {
+      const message = errorMessage || `Failed to assertShape - ${e.message}`;
+      throw new Error(message);
+    }
+  }
+  function safeAssertShape(value, yupSchema) {
+    try {
+      assertShape(value, yupSchema);
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+  const TINA_AUTH_CONFIG = "tina_auth_config";
+  const useTinaAuthRedirect = () => {
+    React.useEffect(() => {
+      const urlParams = new URLSearchParams(window.location.search);
+      const config = {
+        code: urlParams.get("code") || "",
+        scope: urlParams.get("scope") || "email",
+        state: urlParams.get("state")
+      };
+      if (!config.code) {
+        return;
+      }
+      localStorage[TINA_AUTH_CONFIG] = JSON.stringify(config);
+    }, []);
+  };
   function sleep(ms) {
     return new Promise((resolve) => setTimeout(resolve, ms));
   }
@@ -31464,7 +31558,7 @@ mutation addPendingDocumentMutation(
         });
       }
     };
-    let modalTitle = "Tina Cloud";
+    let modalTitle = "TinaCloud";
     if (activeModal === "authenticate" && loginStrategy === "Redirect" && !isTinaCloud) {
       modalTitle = "Enter into edit mode";
     } else if (activeModal === "authenticate" && loginStrategy === "UsernamePassword") {
@@ -31480,7 +31574,7 @@ mutation addPendingDocumentMutation(
       ModalBuilder,
       {
         title: modalTitle,
-        message: isTinaCloud ? "Your site uses Tina Cloud to track changes. To make edits, you must log in." : "To save edits, enter into edit mode. On save, changes will saved to the local filesystem.",
+        message: isTinaCloud ? "Your site uses TinaCloud to track changes. To make edits, you must log in." : "To save edits, enter into edit mode. On save, changes will saved to the local filesystem.",
         close,
         actions: [
           ...otherModalActions,
@@ -31702,6 +31796,9 @@ mutation addPendingDocumentMutation(
             cms.flags.set("branch-switcher", true);
             client.usingEditorialWorkflow = true;
             client.protectedBranches = project.protectedBranches;
+            if (!project.metadata[currentBranch]) {
+              setCurrentBranch(project.defaultBranch || "main");
+            }
           }
         });
       };
@@ -31714,7 +31811,7 @@ mutation addPendingDocumentMutation(
         }
       });
       return unsubscribe;
-    }, [isTinaCloud, cms]);
+    }, [currentBranch, isTinaCloud, cms]);
     return /* @__PURE__ */ React.createElement(SessionProvider, { basePath: "/api/tina/auth" }, /* @__PURE__ */ React.createElement(
       BranchDataProvider,
       {
@@ -32200,6 +32297,14 @@ This will work when developing locally but NOT when deployed to production.
     }
     return client.request(query, { variables });
   };
+  const GetCMS = ({ children }) => {
+    try {
+      const cms = useCMS$1();
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, children(cms));
+    } catch (e) {
+      return null;
+    }
+  };
   const Layout = ({ children }) => {
     return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
       "div",
@@ -32411,47 +32516,6 @@ This will work when developing locally but NOT when deployed to production.
     }
     return /* @__PURE__ */ React.createElement("span", { className: "text-base tracking-wide text-gray-500 hover:text-blue-600 flex items-center opacity-90 hover:opacity-100" }, /* @__PURE__ */ React.createElement(config.Icon, { className: "mr-2 h-6 opacity-80 w-auto" }), /* @__PURE__ */ React.createElement("a", { target: "_blank", href: config.link.href }, config.link.text));
   };
-  const GetCMS = ({ children }) => {
-    try {
-      const cms = useCMS$1();
-      return /* @__PURE__ */ React.createElement(React.Fragment, null, children(cms));
-    } catch (e) {
-      return null;
-    }
-  };
-  const PageWrapper = ({ children }) => {
-    var _a, _b;
-    const cms = useCMS$1();
-    const isLocalMode = (_b = (_a = cms.api) == null ? void 0 : _a.tina) == null ? void 0 : _b.isLocalMode;
-    const [branchingEnabled, setBranchingEnabled] = React.useState(
-      () => cms.flags.get("branch-switcher")
-    );
-    React.useEffect(() => {
-      cms.events.subscribe("flag:set", ({ key, value }) => {
-        if (key === "branch-switcher") {
-          setBranchingEnabled(value);
-        }
-      });
-    }, [cms.events]);
-    return /* @__PURE__ */ React.createElement("div", { className: "relative left-0 w-full h-full bg-gradient-to-b from-gray-50/50 to-gray-50 shadow-2xl overflow-y-auto transition-opacity duration-300 ease-out flex flex-col opacity-100" }, branchingEnabled && !isLocalMode && /* @__PURE__ */ React.createElement(BranchBanner, null), children);
-  };
-  const PageHeader = ({
-    isLocalMode,
-    children
-  }) => {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, isLocalMode && /* @__PURE__ */ React.createElement(LocalWarning, null), !isLocalMode && /* @__PURE__ */ React.createElement(BillingWarning, null), /* @__PURE__ */ React.createElement("div", { className: "pt-16 xl:pt-12 px-6 xl:px-12" }, /* @__PURE__ */ React.createElement("div", { className: "w-full mx-auto max-w-screen-xl" }, /* @__PURE__ */ React.createElement("div", { className: "w-full flex justify-between items-end" }, children))));
-  };
-  const PageBody = ({ children }) => /* @__PURE__ */ React.createElement("div", { className: "py-8 px-6 xl:px-12" }, children);
-  const PageBodyNarrow = ({ children }) => /* @__PURE__ */ React.createElement("div", { className: "py-10 px-6 xl:px-12" }, /* @__PURE__ */ React.createElement("div", { className: "w-full mx-auto max-w-screen-xl" }, children));
-  const DashboardPage = () => {
-    return /* @__PURE__ */ React.createElement(GetCMS, null, (cms) => {
-      var _a, _b;
-      return /* @__PURE__ */ React.createElement(PageWrapper, null, /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(PageHeader, { isLocalMode: (_b = (_a = cms.api) == null ? void 0 : _a.tina) == null ? void 0 : _b.isLocalMode }, /* @__PURE__ */ React.createElement("h3", { className: "text-2xl font-sans text-gray-700" }, "Welcome to Tina!")), /* @__PURE__ */ React.createElement(PageBodyNarrow, null, "This is your dashboard for editing or creating content. Select a collection on the left to begin.")));
-    });
-  };
-  function RiHome2Line(props) {
-    return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M19 21H5C4.44772 21 4 20.5523 4 20V11L1 11L11.3273 1.6115C11.7087 1.26475 12.2913 1.26475 12.6727 1.6115L23 11L20 11V20C20 20.5523 19.5523 21 19 21ZM6 19H18V9.15745L12 3.7029L6 9.15745V19Z" }, "child": [] }] })(props);
-  }
   const LoadingPage = () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
     "div",
     {
@@ -32561,203 +32625,33 @@ This will work when developing locally but NOT when deployed to production.
       )
     )
   ));
-  const FullscreenError = ({
-    title = "Error",
-    errorMessage = "It looks like something went wrong."
-  }) => {
-    return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col justify-center items-center h-screen bg-gray-100" }, /* @__PURE__ */ React.createElement("div", { className: "text-red-500 text-4xl mb-6 flex items-center" }, /* @__PURE__ */ React.createElement(BiError, { className: "w-12 h-auto fill-current text-red-400 opacity-70 mr-1" }), " ", title), /* @__PURE__ */ React.createElement("p", { className: "text-gray-700 text-xl mb-8" }, errorMessage), /* @__PURE__ */ React.createElement(Button$1, { variant: "danger", onClick: () => window.location.reload() }, /* @__PURE__ */ React.createElement(BiSync, { className: "w-7 h-auto fill-current opacity-70 mr-1" }), " Reload"));
-  };
-  const useGetCollection = (cms, collectionName, includeDocuments = true, folder, after = "", sortKey, filterArgs) => {
-    const api = new TinaAdminApi(cms);
-    const schema = cms.api.tina.schema;
-    const collectionExtra = schema.getCollection(collectionName);
-    const [collection, setCollection] = React.useState(void 0);
-    const [loading, setLoading] = React.useState(true);
-    const [error, setError] = React.useState(void 0);
-    const [resetState, setResetSate] = React.useState(0);
-    React.useEffect(() => {
-      let cancelled = false;
-      const fetchCollection = async () => {
-        var _a;
-        if (await api.isAuthenticated() && !folder.loading && !cancelled) {
-          const { name, order } = JSON.parse(sortKey || "{}");
-          const validSortKey = ((_a = collectionExtra.fields) == null ? void 0 : _a.map((x) => x.name).includes(name)) ? name : void 0;
-          try {
-            const collection2 = await api.fetchCollection(
-              collectionName,
-              includeDocuments,
-              (filterArgs == null ? void 0 : filterArgs.filterField) ? "" : folder.fullyQualifiedName,
-              after,
-              validSortKey,
-              order,
-              filterArgs
-            );
-            setCollection(collection2);
-          } catch (error2) {
-            cms.alerts.error(
-              `[${error2.name}] GetCollection failed: ${error2.message}`
-            );
-            console.error(error2);
-            setCollection(void 0);
-            setError(error2);
-          }
-          setLoading(false);
-        }
-      };
-      if (cancelled)
-        return;
-      setLoading(true);
-      fetchCollection();
-      return () => {
-        cancelled = true;
-      };
-    }, [
-      cms,
-      collectionName,
-      folder.loading,
-      folder.fullyQualifiedName,
-      resetState,
-      after,
-      sortKey
-    ]);
-    const reFetchCollection = () => setResetSate((x) => x + 1);
-    return { collection, loading, error, reFetchCollection, collectionExtra };
-  };
-  const useSearchCollection = (cms, collectionName, includeDocuments = true, folder, after = "", search) => {
-    const api = new TinaAdminApi(cms);
-    const schema = cms.api.tina.schema;
-    const collectionExtra = schema.getCollection(collectionName);
-    const [collection, setCollection] = React.useState(void 0);
-    const [loading, setLoading] = React.useState(true);
-    const [error, setError] = React.useState(void 0);
-    const [resetState, setResetSate] = React.useState(0);
+  function RiHome2Line(props) {
+    return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M19 21H5C4.44772 21 4 20.5523 4 20V11L1 11L11.3273 1.6115C11.7087 1.26475 12.2913 1.26475 12.6727 1.6115L23 11L20 11V20C20 20.5523 19.5523 21 19 21ZM6 19H18V9.15745L12 3.7029L6 9.15745V19Z" }, "child": [] }] })(props);
+  }
+  const PageWrapper = ({ children }) => {
+    var _a, _b;
+    const cms = useCMS$1();
+    const isLocalMode = (_b = (_a = cms.api) == null ? void 0 : _a.tina) == null ? void 0 : _b.isLocalMode;
+    const [branchingEnabled, setBranchingEnabled] = React.useState(
+      () => cms.flags.get("branch-switcher")
+    );
     React.useEffect(() => {
-      let cancelled = false;
-      const searchCollection = async () => {
-        if (await api.isAuthenticated() && !folder.loading && !cancelled) {
-          try {
-            const response = await cms.api.search.query(
-              `${search} AND _collection:${collectionName}`,
-              {
-                limit: 15,
-                cursor: after
-              }
-            );
-            const docs = await Promise.allSettled(
-              response.results.map((result) => {
-                const [collection2, relativePath2] = result._id.split(":");
-                return api.fetchDocument(collection2, relativePath2, false);
-              })
-            );
-            const edges = docs.filter((p) => {
-              var _a;
-              return p.status === "fulfilled" && !!((_a = p.value) == null ? void 0 : _a.document);
-            }).map((result) => ({ node: result.value.document }));
-            const c = await api.fetchCollection(collectionName, false, "");
-            setCollection({
-              format: collection.format,
-              label: collection.label,
-              name: collectionName,
-              templates: collection.templates,
-              documents: {
-                pageInfo: {
-                  hasNextPage: !!response.nextCursor,
-                  hasPreviousPage: !!response.prevCursor,
-                  startCursor: "",
-                  endCursor: response.nextCursor || ""
-                },
-                edges
-              }
-            });
-          } catch (error2) {
-            cms.alerts.error(
-              `[${error2.name}] GetCollection failed: ${error2.message}`
-            );
-            console.error(error2);
-            setCollection(void 0);
-            setError(error2);
-          }
-          setLoading(false);
+      cms.events.subscribe("flag:set", ({ key, value }) => {
+        if (key === "branch-switcher") {
+          setBranchingEnabled(value);
         }
-      };
-      if (cancelled)
-        return;
-      setLoading(true);
-      searchCollection();
-      return () => {
-        cancelled = true;
-      };
-    }, [
-      cms,
-      collectionName,
-      folder.loading,
-      folder.fullyQualifiedName,
-      resetState,
-      after,
-      search
-    ]);
-    const reFetchCollection = () => setResetSate((x) => x + 1);
-    return { collection, loading, error, reFetchCollection, collectionExtra };
+      });
+    }, [cms.events]);
+    return /* @__PURE__ */ React.createElement("div", { className: "relative left-0 w-full h-full bg-gradient-to-b from-gray-50/50 to-gray-50 shadow-2xl overflow-y-auto transition-opacity duration-300 ease-out flex flex-col opacity-100" }, branchingEnabled && !isLocalMode && /* @__PURE__ */ React.createElement(BranchBanner, null), children);
   };
-  const GetCollection = ({
-    cms,
-    collectionName,
-    folder,
-    includeDocuments = true,
-    startCursor,
-    sortKey,
-    children,
-    filterArgs,
-    search
+  const PageHeader = ({
+    isLocalMode,
+    children
   }) => {
-    const navigate = reactRouterDom.useNavigate();
-    const { collection, loading, error, reFetchCollection, collectionExtra } = search ? useSearchCollection(
-      cms,
-      collectionName,
-      includeDocuments,
-      folder,
-      startCursor || "",
-      search
-    ) : useGetCollection(
-      cms,
-      collectionName,
-      includeDocuments,
-      folder,
-      startCursor || "",
-      sortKey,
-      filterArgs
-    ) || {};
-    React.useEffect(() => {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-      if (loading)
-        return;
-      const collectionDefinition = cms.api.tina.schema.getCollection(
-        collection.name
-      );
-      const allowCreate = ((_b = (_a = collectionDefinition == null ? void 0 : collectionDefinition.ui) == null ? void 0 : _a.allowedActions) == null ? void 0 : _b.create) ?? true;
-      const allowDelete = ((_d = (_c = collectionDefinition == null ? void 0 : collectionDefinition.ui) == null ? void 0 : _c.allowedActions) == null ? void 0 : _d.delete) ?? true;
-      const collectionResponse = collection;
-      if (!allowCreate && !allowDelete && // Check there is only one document
-      ((_f = (_e = collectionResponse.documents) == null ? void 0 : _e.edges) == null ? void 0 : _f.length) === 1 && // Check to make sure the file is not a folder
-      ((_i = (_h = (_g = collectionResponse.documents) == null ? void 0 : _g.edges[0]) == null ? void 0 : _h.node) == null ? void 0 : _i.__typename) !== "Folder") {
-        const doc = collectionResponse.documents.edges[0].node;
-        handleNavigate(
-          navigate,
-          cms,
-          collectionResponse,
-          collectionDefinition,
-          doc
-        );
-      }
-    }, [(collection == null ? void 0 : collection.name) || "", loading]);
-    if (error) {
-      return /* @__PURE__ */ React.createElement(FullscreenError, null);
-    }
-    if (loading) {
-      return /* @__PURE__ */ React.createElement(LoadingPage, null);
-    }
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, children(collection, loading, reFetchCollection, collectionExtra));
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, isLocalMode && /* @__PURE__ */ React.createElement(LocalWarning, null), !isLocalMode && /* @__PURE__ */ React.createElement(BillingWarning, null), /* @__PURE__ */ React.createElement("div", { className: "pt-16 xl:pt-12 px-6 xl:px-12" }, /* @__PURE__ */ React.createElement("div", { className: "w-full mx-auto max-w-screen-xl" }, /* @__PURE__ */ React.createElement("div", { className: "w-full flex justify-between items-end" }, children))));
   };
+  const PageBody = ({ children }) => /* @__PURE__ */ React.createElement("div", { className: "py-8 px-6 xl:px-12" }, children);
+  const PageBodyNarrow = ({ children }) => /* @__PURE__ */ React.createElement("div", { className: "py-10 px-6 xl:px-12" }, /* @__PURE__ */ React.createElement("div", { className: "w-full mx-auto max-w-screen-xl" }, children));
   const folderRegex = /^.*\/~\/*(.*)$/;
   const parentFolder = (folder) => {
     return {
@@ -33033,7 +32927,9 @@ This will work when developing locally but NOT when deployed to production.
               safeSubmit: async () => {
                 try {
                   await admin.deleteDocument(vars);
-                  cms.alerts.info("Document was successfully deleted");
+                  cms.alerts.info(
+                    "Document was successfully deleted"
+                  );
                   reFetchCollection();
                 } catch (error) {
                   cms.alerts.warn(
@@ -33062,7 +32958,9 @@ This will work when developing locally but NOT when deployed to production.
                     relativePath: vars.relativePath,
                     newRelativePath
                   });
-                  cms.alerts.info("Document was successfully renamed");
+                  cms.alerts.info(
+                    "Document was successfully renamed"
+                  );
                   reFetchCollection();
                 } catch (error) {
                   if (error.message.indexOf("has references")) {
@@ -33162,7 +33060,9 @@ This will work when developing locally but NOT when deployed to production.
                 name: "sort",
                 value: sortKey,
                 onChange: (e) => {
-                  const val = JSON.parse(e.target.value);
+                  const val = JSON.parse(
+                    e.target.value
+                  );
                   setEndCursor("");
                   setPrevCursors([]);
                   window == null ? void 0 : window.localStorage.setItem(
@@ -33629,6 +33529,231 @@ This will work when developing locally but NOT when deployed to production.
       "Rename"
     ))));
   };
+  const FullscreenError = ({
+    title = "Error",
+    errorMessage = "It looks like something went wrong."
+  }) => {
+    return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col justify-center items-center h-screen bg-gray-100" }, /* @__PURE__ */ React.createElement("div", { className: "text-red-500 text-4xl mb-6 flex items-center" }, /* @__PURE__ */ React.createElement(BiError, { className: "w-12 h-auto fill-current text-red-400 opacity-70 mr-1" }), " ", title), /* @__PURE__ */ React.createElement("p", { className: "text-gray-700 text-xl mb-8" }, errorMessage), /* @__PURE__ */ React.createElement(Button$1, { variant: "danger", onClick: () => window.location.reload() }, /* @__PURE__ */ React.createElement(BiSync, { className: "w-7 h-auto fill-current opacity-70 mr-1" }), " Reload"));
+  };
+  const isValidSortKey = (sortKey, collection) => {
+    if (collection.fields) {
+      const sortKeys = collection.fields.map((x) => x.name);
+      return sortKeys.includes(sortKey);
+    } else if (collection.templates) {
+      const collectionMap = {};
+      const conflictedFields = /* @__PURE__ */ new Set();
+      for (const template of collection.templates) {
+        for (const field of template.fields) {
+          if (collectionMap[field.name]) {
+            if (collectionMap[field.name].type !== field.type) {
+              conflictedFields.add(field.name);
+            }
+          } else {
+            collectionMap[field.name] = field;
+          }
+        }
+      }
+      for (const key in conflictedFields) {
+        delete collectionMap[key];
+      }
+      for (const key in collectionMap) {
+        if (key === sortKey) {
+          return true;
+        }
+      }
+      return false;
+    }
+  };
+  const useGetCollection = (cms, collectionName, includeDocuments = true, folder, after = "", sortKey, filterArgs) => {
+    const api = new TinaAdminApi(cms);
+    const schema = cms.api.tina.schema;
+    const collectionExtra = schema.getCollection(collectionName);
+    const [collection, setCollection] = React.useState(void 0);
+    const [loading, setLoading] = React.useState(true);
+    const [error, setError] = React.useState(void 0);
+    const [resetState, setResetSate] = React.useState(0);
+    React.useEffect(() => {
+      let cancelled = false;
+      const fetchCollection = async () => {
+        if (await api.isAuthenticated() && !folder.loading && !cancelled) {
+          const { name, order } = JSON.parse(sortKey || "{}");
+          const validSortKey = isValidSortKey(name, collectionExtra) ? name : void 0;
+          try {
+            const collection2 = await api.fetchCollection(
+              collectionName,
+              includeDocuments,
+              (filterArgs == null ? void 0 : filterArgs.filterField) ? "" : folder.fullyQualifiedName,
+              after,
+              validSortKey,
+              order,
+              filterArgs
+            );
+            setCollection(collection2);
+          } catch (error2) {
+            cms.alerts.error(
+              `[${error2.name}] GetCollection failed: ${error2.message}`
+            );
+            console.error(error2);
+            setCollection(void 0);
+            setError(error2);
+          }
+          setLoading(false);
+        }
+      };
+      if (cancelled)
+        return;
+      setLoading(true);
+      fetchCollection();
+      return () => {
+        cancelled = true;
+      };
+    }, [
+      cms,
+      collectionName,
+      folder.loading,
+      folder.fullyQualifiedName,
+      resetState,
+      after,
+      sortKey
+    ]);
+    const reFetchCollection = () => setResetSate((x) => x + 1);
+    return { collection, loading, error, reFetchCollection, collectionExtra };
+  };
+  const useSearchCollection = (cms, collectionName, includeDocuments = true, folder, after = "", search) => {
+    const api = new TinaAdminApi(cms);
+    const schema = cms.api.tina.schema;
+    const collectionExtra = schema.getCollection(collectionName);
+    const [collection, setCollection] = React.useState(void 0);
+    const [loading, setLoading] = React.useState(true);
+    const [error, setError] = React.useState(void 0);
+    const [resetState, setResetSate] = React.useState(0);
+    React.useEffect(() => {
+      let cancelled = false;
+      const searchCollection = async () => {
+        if (await api.isAuthenticated() && !folder.loading && !cancelled) {
+          try {
+            const response = await cms.api.search.query(
+              `${search} AND _collection:${collectionName}`,
+              {
+                limit: 15,
+                cursor: after
+              }
+            );
+            const docs = await Promise.allSettled(
+              response.results.map((result) => {
+                const [collection2, relativePath2] = result._id.split(":");
+                return api.fetchDocument(collection2, relativePath2, false);
+              })
+            );
+            const edges = docs.filter((p) => {
+              var _a;
+              return p.status === "fulfilled" && !!((_a = p.value) == null ? void 0 : _a.document);
+            }).map((result) => ({ node: result.value.document }));
+            const c = await api.fetchCollection(collectionName, false, "");
+            setCollection({
+              format: collection.format,
+              label: collection.label,
+              name: collectionName,
+              templates: collection.templates,
+              documents: {
+                pageInfo: {
+                  hasNextPage: !!response.nextCursor,
+                  hasPreviousPage: !!response.prevCursor,
+                  startCursor: "",
+                  endCursor: response.nextCursor || ""
+                },
+                edges
+              }
+            });
+          } catch (error2) {
+            cms.alerts.error(
+              `[${error2.name}] GetCollection failed: ${error2.message}`
+            );
+            console.error(error2);
+            setCollection(void 0);
+            setError(error2);
+          }
+          setLoading(false);
+        }
+      };
+      if (cancelled)
+        return;
+      setLoading(true);
+      searchCollection();
+      return () => {
+        cancelled = true;
+      };
+    }, [
+      cms,
+      collectionName,
+      folder.loading,
+      folder.fullyQualifiedName,
+      resetState,
+      after,
+      search
+    ]);
+    const reFetchCollection = () => setResetSate((x) => x + 1);
+    return { collection, loading, error, reFetchCollection, collectionExtra };
+  };
+  const GetCollection = ({
+    cms,
+    collectionName,
+    folder,
+    includeDocuments = true,
+    startCursor,
+    sortKey,
+    children,
+    filterArgs,
+    search
+  }) => {
+    const navigate = reactRouterDom.useNavigate();
+    const { collection, loading, error, reFetchCollection, collectionExtra } = search ? useSearchCollection(
+      cms,
+      collectionName,
+      includeDocuments,
+      folder,
+      startCursor || "",
+      search
+    ) : useGetCollection(
+      cms,
+      collectionName,
+      includeDocuments,
+      folder,
+      startCursor || "",
+      sortKey,
+      filterArgs
+    ) || {};
+    React.useEffect(() => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+      if (loading)
+        return;
+      const collectionDefinition = cms.api.tina.schema.getCollection(
+        collection.name
+      );
+      const allowCreate = ((_b = (_a = collectionDefinition == null ? void 0 : collectionDefinition.ui) == null ? void 0 : _a.allowedActions) == null ? void 0 : _b.create) ?? true;
+      const allowDelete = ((_d = (_c = collectionDefinition == null ? void 0 : collectionDefinition.ui) == null ? void 0 : _c.allowedActions) == null ? void 0 : _d.delete) ?? true;
+      const collectionResponse = collection;
+      if (!allowCreate && !allowDelete && // Check there is only one document
+      ((_f = (_e = collectionResponse.documents) == null ? void 0 : _e.edges) == null ? void 0 : _f.length) === 1 && // Check to make sure the file is not a folder
+      ((_i = (_h = (_g = collectionResponse.documents) == null ? void 0 : _g.edges[0]) == null ? void 0 : _h.node) == null ? void 0 : _i.__typename) !== "Folder") {
+        const doc = collectionResponse.documents.edges[0].node;
+        handleNavigate(
+          navigate,
+          cms,
+          collectionResponse,
+          collectionDefinition,
+          doc
+        );
+      }
+    }, [(collection == null ? void 0 : collection.name) || "", loading]);
+    if (error) {
+      return /* @__PURE__ */ React.createElement(FullscreenError, null);
+    }
+    if (loading) {
+      return /* @__PURE__ */ React.createElement(LoadingPage, null);
+    }
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, children(collection, loading, reFetchCollection, collectionExtra));
+  };
   const ErrorDialog = (props) => {
     return /* @__PURE__ */ React.createElement(
       "div",
@@ -33951,7 +34076,10 @@ This will work when developing locally but NOT when deployed to production.
       const fetchDocument = async () => {
         if (api.isAuthenticated()) {
           try {
-            const response = await api.fetchDocument(collectionName, relativePath2);
+            const response = await api.fetchDocument(
+              collectionName,
+              relativePath2
+            );
             setDocument(response.document);
           } catch (error2) {
             cms.alerts.error(
@@ -34169,6 +34297,12 @@ This will work when developing locally but NOT when deployed to production.
       ), /* @__PURE__ */ React.createElement("span", { className: "opacity-30 text-sm leading-tight whitespace-nowrap flex-0" }, "/"), /* @__PURE__ */ React.createElement("span", { className: "flex-1 w-full text-sm leading-tight whitespace-nowrap truncate" }, `${filename}.${collection.format}`), /* @__PURE__ */ React.createElement(FormStatus, { pristine: formIsPristine }))
     ), activeForm && /* @__PURE__ */ React.createElement(FormBuilder, { form: activeForm, onPristineChange: setFormIsPristine }));
   };
+  const DashboardPage = () => {
+    return /* @__PURE__ */ React.createElement(GetCMS, null, (cms) => {
+      var _a, _b;
+      return /* @__PURE__ */ React.createElement(PageWrapper, null, /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(PageHeader, { isLocalMode: (_b = (_a = cms.api) == null ? void 0 : _a.tina) == null ? void 0 : _b.isLocalMode }, /* @__PURE__ */ React.createElement("h3", { className: "text-2xl font-sans text-gray-700" }, "Welcome to Tina!")), /* @__PURE__ */ React.createElement(PageBodyNarrow, null, "This is your dashboard for editing or creating content. Select a collection on the left to begin.")));
+    });
+  };
   const ScreenPage = () => {
     const { screenName } = reactRouterDom.useParams();
     return /* @__PURE__ */ React.createElement(GetCMS, null, (cms) => {
@@ -34251,7 +34385,7 @@ This will work when developing locally but NOT when deployed to production.
           } catch {
             cms.alerts.error("Branch indexing failed.");
             setErrorMessage(
-              'Branch indexing failed, please check the Tina Cloud dashboard for more information. To try again chick "re-index" on the branch in the dashboard.'
+              'Branch indexing failed, please check the TinaCloud dashboard for more information. To try again chick "re-index" on the branch in the dashboard.'
             );
             setState("error");
           }
@@ -34419,7 +34553,7 @@ This will work when developing locally but NOT when deployed to production.
             );
           }
         }).catch((e) => {
-          if (e.message.includes("has not been indexed by Tina Cloud")) {
+          if (e.message.includes("has not been indexed by TinaCloud")) {
             setSchemaMissingError(true);
           } else {
             cms.alerts.error(`Unexpected error checking schema: ${e}`);