tinacms 1.5.12 → 1.5.14

package/dist/index.es.js

@@ -1,11 +1,11 @@
 import { z } from "zod";
 import { EventBus, Modal, ModalPopup, ModalHeader, ModalBody, ModalActions, Button, LoadingDots, useLocalStorage, TinaCMS, BranchSwitcherPlugin, BranchDataProvider, TinaProvider, TinaMediaStore, DummyMediaStore, useCMS, Nav, BranchBanner, LocalWarning, BillingWarning, CreateBranchModel, Select, Message, OverflowMenu, CursorPaginator, Input, PopupModal, BaseTextField, Form, wrapFieldsWithMeta, FormStatus, FormBuilder, useBranchData, formatBranchName } from "@tinacms/toolkit";
 export * from "@tinacms/toolkit";
-export { MdxFieldPluginExtendible } from "@tinacms/toolkit";
+import { MdxFieldPluginExtendible } from "@tinacms/toolkit";
 import { getIntrospectionQuery, buildClientSchema, print, parse, buildSchema } from "graphql";
 import gql$1 from "graphql-tag";
 import { TinaSchema, addNamespaceToSchema, parseURL, resolveForm, normalizePath, validateSchema } from "@tinacms/schema-tools";
-export { NAMER, resolveField } from "@tinacms/schema-tools";
+import { NAMER, resolveField } from "@tinacms/schema-tools";
 import React, { useState, useCallback, useEffect, Fragment, useMemo } from "react";
 import * as yup from "yup";
 import { setEditing, useEditState } from "@tinacms/sharedctx";
@@ -16,7 +16,11 @@ import { useWindowWidth } from "@react-hook/window-size";
 function popupWindow(url, title, window2, w, h) {
   const y = window2.top.outerHeight / 2 + window2.top.screenY - h / 2;
   const x = window2.top.outerWidth / 2 + window2.top.screenX - w / 2;
-  return window2.open(url, title, "toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, copyhistory=no, width=" + w + ", height=" + h + ", top=" + y + ", left=" + x);
+  return window2.open(
+    url,
+    title,
+    "toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, copyhistory=no, width=" + w + ", height=" + h + ", top=" + y + ", left=" + x
+  );
 }
 const TINA_LOGIN_EVENT = "tinaCloudLogin";
 const AUTH_TOKEN_KEY = "tinacms-auth";
@@ -36,7 +40,13 @@ const authenticate = (clientId, frontendUrl) => {
       }
     });
     const origin = `${window.location.protocol}//${window.location.host}`;
-    authTab = popupWindow(`${frontendUrl}/signin?clientId=${clientId}&origin=${origin}`, "_blank", window, 1e3, 700);
+    authTab = popupWindow(
+      `${frontendUrl}/signin?clientId=${clientId}&origin=${origin}`,
+      "_blank",
+      window,
+      1e3,
+      700
+    );
   });
 };
 class StringBuilder {
@@ -72,7 +82,10 @@ const extractText = (data, acc, indexableNodeTypes) => {
         }
       }
     }
-    (_b = (_a = data.children) == null ? void 0 : _a.forEach) == null ? void 0 : _b.call(_a, (child) => extractText(child, acc, indexableNodeTypes));
+    (_b = (_a = data.children) == null ? void 0 : _a.forEach) == null ? void 0 : _b.call(
+      _a,
+      (child) => extractText(child, acc, indexableNodeTypes)
+    );
   }
 };
 const relativePath = (path, collection) => {
@@ -106,16 +119,35 @@ const processDocumentForIndexing = (data, path, collection, textIndexLength, fie
     if (data[f.name]) {
       if (f.type === "object") {
         if (isList) {
-          data[f.name] = data[f.name].map((obj) => processDocumentForIndexing(obj, path, collection, textIndexLength, f));
+          data[f.name] = data[f.name].map(
+            (obj) => processDocumentForIndexing(
+              obj,
+              path,
+              collection,
+              textIndexLength,
+              f
+            )
+          );
         } else {
-          data[f.name] = processDocumentForIndexing(data[f.name], path, collection, textIndexLength, f);
+          data[f.name] = processDocumentForIndexing(
+            data[f.name],
+            path,
+            collection,
+            textIndexLength,
+            f
+          );
         }
       } else if (f.type === "string") {
         const fieldTextIndexLength = f.maxSearchIndexFieldLength || textIndexLength;
         if (isList) {
-          data[f.name] = data[f.name].map((value) => processTextFieldValue(value, fieldTextIndexLength));
+          data[f.name] = data[f.name].map(
+            (value) => processTextFieldValue(value, fieldTextIndexLength)
+          );
         } else {
-          data[f.name] = processTextFieldValue(data[f.name], fieldTextIndexLength);
+          data[f.name] = processTextFieldValue(
+            data[f.name],
+            fieldTextIndexLength
+          );
         }
       } else if (f.type === "rich-text") {
         const fieldTextIndexLength = f.maxSearchIndexFieldLength || textIndexLength;
@@ -205,14 +237,14 @@ const IndexStatusResponse = z.object({
   timestamp: z.number().optional()
 });
 function asyncPoll(fn, pollInterval = 5 * 1e3, pollTimeout = 30 * 1e3) {
-  const endTime = new Date().getTime() + pollTimeout;
+  const endTime = (/* @__PURE__ */ new Date()).getTime() + pollTimeout;
   let stop = false;
   const cancel = () => {
     stop = true;
   };
   const checkCondition = (resolve, reject) => {
     Promise.resolve(fn()).then((result) => {
-      const now = new Date().getTime();
+      const now = (/* @__PURE__ */ new Date()).getTime();
       if (stop) {
         reject(new Error("AsyncPoller: cancelled"));
       } else if (result.done) {
@@ -273,11 +305,14 @@ mutation addPendingDocumentMutation(
       return this.gqlSchema;
     };
     this.getOptimizedQuery = async (documentNode) => {
-      const data = await this.request(`query GetOptimizedQuery($queryString: String!) {
+      const data = await this.request(
+        `query GetOptimizedQuery($queryString: String!) {
         getOptimizedQuery(queryString: $queryString)
-      }`, {
-        variables: { queryString: print(documentNode) }
-      });
+      }`,
+        {
+          variables: { queryString: print(documentNode) }
+        }
+      );
       return parse(data.getOptimizedQuery);
     };
     this.tinaGraphQLVersion = options.tinaGraphQLVersion;
@@ -305,9 +340,12 @@ mutation addPendingDocumentMutation(
       this.options.customContentApiUrl = options.schema.config.contentApiUrlOverride;
     }
     this.setBranch(options.branch);
-    this.events.subscribe("branch:change", ({ branchName }) => {
-      this.setBranch(branchName);
-    });
+    this.events.subscribe(
+      "branch:change",
+      ({ branchName }) => {
+        this.setBranch(branchName);
+      }
+    );
     this.clientId = options.clientId;
     switch (tokenStorage) {
       case "LOCAL_STORAGE":
@@ -345,7 +383,9 @@ mutation addPendingDocumentMutation(
         break;
       case "CUSTOM":
         if (!options.getTokenFn) {
-          throw new Error("When CUSTOM token storage is selected, a getTokenFn must be provided");
+          throw new Error(
+            "When CUSTOM token storage is selected, a getTokenFn must be provided"
+          );
         }
         this.getToken = options.getTokenFn;
         break;
@@ -357,6 +397,9 @@ mutation addPendingDocumentMutation(
   get isLocalMode() {
     return false;
   }
+  get isCustomContentApi() {
+    return !!this.options.customContentApiUrl;
+  }
   setBranch(branchName) {
     var _a, _b, _c, _d;
     const encodedBranch = encodeURIComponent(branchName);
@@ -403,8 +446,10 @@ mutation addPendingDocumentMutation(
     }
     const json = await res.json();
     if (json.errors) {
-      throw new Error(`Unable to fetch, errors: 
-	${json.errors.map((error) => error.message).join("\n")}`);
+      throw new Error(
+        `Unable to fetch, errors: 
+	${json.errors.map((error) => error.message).join("\n")}`
+      );
     }
     return json.data;
   }
@@ -414,20 +459,26 @@ mutation addPendingDocumentMutation(
   async checkSyncStatus({
     assetsSyncing
   }) {
-    const res = await this.fetchWithToken(`${this.assetsApiUrl}/v1/${this.clientId}/syncStatus`, {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json"
-      },
-      body: JSON.stringify({ assetsSyncing })
-    });
+    const res = await this.fetchWithToken(
+      `${this.assetsApiUrl}/v1/${this.clientId}/syncStatus`,
+      {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify({ assetsSyncing })
+      }
+    );
     const jsonRes = await res.json();
     return jsonRes;
   }
   async getProject() {
-    const res = await this.fetchWithToken(`${this.identityApiUrl}/v2/apps/${this.clientId}`, {
-      method: "GET"
-    });
+    const res = await this.fetchWithToken(
+      `${this.identityApiUrl}/v2/apps/${this.clientId}`,
+      {
+        method: "GET"
+      }
+    );
     const val = await res.json();
     return val;
   }
@@ -450,7 +501,9 @@ mutation addPendingDocumentMutation(
         }
       });
       if (!res.ok) {
-        throw new Error(`There was an error creating a new branch. ${res.statusText}`);
+        throw new Error(
+          `There was an error creating a new branch. ${res.statusText}`
+        );
       }
       const values = await res.json();
       return values;
@@ -465,15 +518,20 @@ mutation addPendingDocumentMutation(
         events: []
       };
     } else {
-      return (await this.fetchWithToken(`${this.contentApiBase}/events/${this.clientId}/${this.branch}?limit=${limit || 1}${cursor ? `&cursor=${cursor}` : ""}`, { method: "GET" })).json();
+      return (await this.fetchWithToken(
+        `${this.contentApiBase}/events/${this.clientId}/${this.branch}?limit=${limit || 1}${cursor ? `&cursor=${cursor}` : ""}`,
+        { method: "GET" }
+      )).json();
     }
   }
   parseJwt(token) {
     const base64Url = token.split(".")[1];
     const base64 = base64Url.replace(/-/g, "+").replace(/_/g, "/");
-    const jsonPayload = decodeURIComponent(atob(base64).split("").map(function(c) {
-      return "%" + ("00" + c.charCodeAt(0).toString(16)).slice(-2);
-    }).join(""));
+    const jsonPayload = decodeURIComponent(
+      atob(base64).split("").map(function(c) {
+        return "%" + ("00" + c.charCodeAt(0).toString(16)).slice(-2);
+      }).join("")
+    );
     return JSON.parse(jsonPayload);
   }
   async getRefreshedToken(tokens) {
@@ -523,6 +581,15 @@ mutation addPendingDocumentMutation(
     this.setToken(token);
     return token;
   }
+  /**
+   * Wraps the normal fetch function with same API but adds the authorization header token.
+   *
+   * @example
+   * const test = await tinaCloudClient.fetchWithToken(`/mycustomAPI/thing/one`) // the token will be passed in the authorization header
+   *
+   * @param input fetch function input
+   * @param init fetch function init
+   */
   async fetchWithToken(input, init) {
     const headers = (init == null ? void 0 : init.headers) || {};
     const token = await this.getToken();
@@ -581,29 +648,39 @@ mutation addPendingDocumentMutation(
   waitForIndexStatus({ ref }) {
     let unknownCount = 0;
     try {
-      const [prom, cancel] = asyncPoll(async () => {
-        try {
-          const result = await this.getIndexStatus({ ref });
-          if (!(result.status === "inprogress" || result.status === "unknown")) {
-            return Promise.resolve({
-              done: true,
-              data: result
-            });
-          } else {
-            if (result.status === "unknown") {
-              unknownCount++;
-              if (unknownCount > 5) {
-                throw new Error("AsyncPoller: status unknown for too long, please check indexing progress the Tina Cloud dashboard");
+      const [prom, cancel] = asyncPoll(
+        async () => {
+          try {
+            const result = await this.getIndexStatus({ ref });
+            if (!(result.status === "inprogress" || result.status === "unknown")) {
+              return Promise.resolve({
+                done: true,
+                data: result
+              });
+            } else {
+              if (result.status === "unknown") {
+                unknownCount++;
+                if (unknownCount > 5) {
+                  throw new Error(
+                    "AsyncPoller: status unknown for too long, please check indexing progress the Tina Cloud dashboard"
+                  );
+                }
               }
+              return Promise.resolve({
+                done: false
+              });
             }
-            return Promise.resolve({
-              done: false
-            });
+          } catch (err) {
+            return Promise.reject(err);
           }
-        } catch (err) {
-          return Promise.reject(err);
-        }
-      }, 5e3, 9e5);
+        },
+        // interval is 5s
+        5e3,
+        // interval
+        //  timeout is 15 min
+        9e5
+        // timeout
+      );
       return [prom, cancel];
     } catch (error) {
       if (error.message === "AsyncPoller: reached timeout") {
@@ -693,6 +770,7 @@ class LocalClient extends Client {
   get isLocalMode() {
     return true;
   }
+  // These functions allow the local client to have a login state so that we can correctly call the "OnLogin" callback. This is important for things like preview mode
   async logout() {
     localStorage.removeItem(LOCAL_CLIENT_KEY);
   }
@@ -712,25 +790,33 @@ class TinaCMSSearchClient {
     const q = queryToSearchIndexQuery(query);
     const opt = optionsToSearchIndexOptions(options);
     const optionsParam = opt["PAGE"] ? `&options=${JSON.stringify(opt)}` : "";
-    const res = await this.client.fetchWithToken(`${this.client.contentApiBase}/searchIndex/${this.client.clientId}/${this.client.getBranch()}?q=${JSON.stringify(q)}${optionsParam}`);
+    const res = await this.client.fetchWithToken(
+      `${this.client.contentApiBase}/searchIndex/${this.client.clientId}/${this.client.getBranch()}?q=${JSON.stringify(q)}${optionsParam}`
+    );
     return parseSearchIndexResponse(await res.json(), options);
   }
   async del(ids) {
-    const res = await this.client.fetchWithToken(`${this.client.contentApiBase}/searchIndex/${this.client.clientId}/${this.client.getBranch()}?ids=${ids.join(",")}`, {
-      method: "DELETE"
-    });
+    const res = await this.client.fetchWithToken(
+      `${this.client.contentApiBase}/searchIndex/${this.client.clientId}/${this.client.getBranch()}?ids=${ids.join(",")}`,
+      {
+        method: "DELETE"
+      }
+    );
     if (res.status !== 200) {
       throw new Error("Failed to update search index");
     }
   }
   async put(docs) {
-    const res = await this.client.fetchWithToken(`${this.client.contentApiBase}/searchIndex/${this.client.clientId}/${this.client.getBranch()}`, {
-      method: "POST",
-      body: JSON.stringify({ docs }),
-      headers: {
-        "Content-Type": "application/json"
+    const res = await this.client.fetchWithToken(
+      `${this.client.contentApiBase}/searchIndex/${this.client.clientId}/${this.client.getBranch()}`,
+      {
+        method: "POST",
+        body: JSON.stringify({ docs }),
+        headers: {
+          "Content-Type": "application/json"
+        }
       }
-    });
+    );
     if (res.status !== 200) {
       throw new Error("Failed to update search index");
     }
@@ -747,7 +833,9 @@ class LocalSearchClient {
     const q = queryToSearchIndexQuery(query);
     const opt = optionsToSearchIndexOptions(options);
     const optionsParam = opt["PAGE"] ? `&options=${JSON.stringify(opt)}` : "";
-    const res = await this.client.fetchWithToken(`http://localhost:4001/searchIndex?q=${JSON.stringify(q)}${optionsParam}`);
+    const res = await this.client.fetchWithToken(
+      `http://localhost:4001/searchIndex?q=${JSON.stringify(q)}${optionsParam}`
+    );
     return parseSearchIndexResponse(await res.json(), options);
   }
   del(ids) {
@@ -761,17 +849,9 @@ class LocalSearchClient {
   }
 }
 function ModalBuilder(modalProps) {
-  return /* @__PURE__ */ React.createElement(Modal, null, /* @__PURE__ */ React.createElement(ModalPopup, null, /* @__PURE__ */ React.createElement(ModalHeader, null, modalProps.title), /* @__PURE__ */ React.createElement(ModalBody, {
-    padded: true
-  }, /* @__PURE__ */ React.createElement("p", null, modalProps.message), modalProps.error && /* @__PURE__ */ React.createElement(ErrorLabel, null, modalProps.error)), /* @__PURE__ */ React.createElement(ModalActions, null, modalProps.actions.map((action) => /* @__PURE__ */ React.createElement(AsyncButton, {
-    key: action.name,
-    ...action
-  })))));
-}
-const ErrorLabel = ({ style = {}, ...props }) => /* @__PURE__ */ React.createElement("p", {
-  style: { ...style, color: "var(--tina-color-error)" },
-  ...props
-});
+  return /* @__PURE__ */ React.createElement(Modal, null, /* @__PURE__ */ React.createElement(ModalPopup, null, /* @__PURE__ */ React.createElement(ModalHeader, null, modalProps.title), /* @__PURE__ */ React.createElement(ModalBody, { padded: true }, /* @__PURE__ */ React.createElement("p", null, modalProps.message), modalProps.error && /* @__PURE__ */ React.createElement(ErrorLabel, null, modalProps.error)), /* @__PURE__ */ React.createElement(ModalActions, null, modalProps.actions.map((action) => /* @__PURE__ */ React.createElement(AsyncButton, { key: action.name, ...action })))));
+}
+const ErrorLabel = ({ style = {}, ...props }) => /* @__PURE__ */ React.createElement("p", { style: { ...style, color: "var(--tina-color-error)" }, ...props });
 const AsyncButton = ({ name, primary, action }) => {
   const [submitting, setSubmitting] = useState(false);
   const onClick = useCallback(async () => {
@@ -784,13 +864,18 @@ const AsyncButton = ({ name, primary, action }) => {
       throw e;
     }
   }, [action, setSubmitting]);
-  return /* @__PURE__ */ React.createElement(Button, {
-    "data-test": name.replace(/\s/g, "-").toLowerCase(),
-    variant: primary ? "primary" : "secondary",
-    onClick,
-    busy: submitting,
-    disabled: submitting
-  }, submitting && /* @__PURE__ */ React.createElement(LoadingDots, null), !submitting && name);
+  return /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      "data-test": name.replace(/\s/g, "-").toLowerCase(),
+      variant: primary ? "primary" : "secondary",
+      onClick,
+      busy: submitting,
+      disabled: submitting
+    },
+    submitting && /* @__PURE__ */ React.createElement(LoadingDots, null),
+    !submitting && name
+  );
 };
 const TINA_AUTH_CONFIG = "tina_auth_config";
 const useTinaAuthRedirect = () => {
@@ -871,16 +956,27 @@ class TinaAdminApi {
     return this.schema.getCollections();
   }
   async renameDocument({ collection, relativePath: relativePath2, newRelativePath }) {
-    await this.api.request(`#graphql
+    await this.api.request(
+      `#graphql
               mutation RenameDocument($collection: String!, $relativePath: String! $newRelativePath: String!) {
                 updateDocument(collection: $collection, relativePath: $relativePath, params: {relativePath: $newRelativePath}){
     __typename
   }
               }
-            `, { variables: { collection, relativePath: relativePath2, newRelativePath } });
+            `,
+      { variables: { collection, relativePath: relativePath2, newRelativePath } }
+    );
     if (this.searchClient) {
-      const { document: doc } = await this.fetchDocument(collection.name, newRelativePath);
-      const processed = processDocumentForIndexing(doc["_values"], `${collection.path}/${newRelativePath}`, collection, this.maxSearchIndexFieldLength);
+      const { document: doc } = await this.fetchDocument(
+        collection.name,
+        newRelativePath
+      );
+      const processed = processDocumentForIndexing(
+        doc["_values"],
+        `${collection.path}/${newRelativePath}`,
+        collection,
+        this.maxSearchIndexFieldLength
+      );
       await this.searchClient.put([processed]);
       await this.searchClient.del([`${collection.name}:${relativePath2}`]);
     }
@@ -890,12 +986,15 @@ class TinaAdminApi {
     relativePath: relativePath2
   }) {
     var _a;
-    await this.api.request(`#graphql
+    await this.api.request(
+      `#graphql
       mutation DeleteDocument($collection: String!, $relativePath: String!  ){
   deleteDocument(collection: $collection, relativePath: $relativePath){
     __typename
   }
-}`, { variables: { collection, relativePath: relativePath2 } });
+}`,
+      { variables: { collection, relativePath: relativePath2 } }
+    );
     await ((_a = this.searchClient) == null ? void 0 : _a.del([`${collection}:${relativePath2}`]));
   }
   async fetchCollection(collectionName, includeDocuments, folder = "", after, sortKey, order, filterArgs) {
@@ -934,7 +1033,8 @@ class TinaAdminApi {
     }
     if (includeDocuments === true) {
       const sort = sortKey || this.schema.getIsTitleFieldName(collectionName);
-      const response = order === "asc" ? await this.api.request(`#graphql
+      const response = order === "asc" ? await this.api.request(
+        `#graphql
       query($collection: String!, $includeDocuments: Boolean!, $sort: String,  $limit: Float, $after: String, $filter: DocumentFilter, $folder: String){
         collection(collection: $collection){
           name
@@ -972,17 +1072,20 @@ class TinaAdminApi {
             }
           }
         }
-      }`, {
-        variables: {
-          collection: collectionName,
-          includeDocuments,
-          folder,
-          sort,
-          limit: 50,
-          after,
-          filter
+      }`,
+        {
+          variables: {
+            collection: collectionName,
+            includeDocuments,
+            folder,
+            sort,
+            limit: 50,
+            after,
+            filter
+          }
         }
-      }) : await this.api.request(`#graphql
+      ) : await this.api.request(
+        `#graphql
       query($collection: String!, $includeDocuments: Boolean!, $sort: String,  $limit: Float, $after: String, $filter: DocumentFilter, $folder: String) {
         collection(collection: $collection){
           name
@@ -1020,24 +1123,28 @@ class TinaAdminApi {
             }
           }
         }
-      }`, {
-        variables: {
-          collection: collectionName,
-          includeDocuments,
-          folder,
-          sort,
-          limit: 50,
-          after,
-          filter
+      }`,
+        {
+          variables: {
+            collection: collectionName,
+            includeDocuments,
+            folder,
+            sort,
+            limit: 50,
+            after,
+            filter
+          }
         }
-      });
+      );
       return response.collection;
     } else {
       try {
         const collection = this.schema.getCollection(collectionName);
         return collection;
       } catch (e) {
-        console.error(`[TinaAdminAPI] Unable to fetchCollection(): ${e.message}`);
+        console.error(
+          `[TinaAdminAPI] Unable to fetchCollection(): ${e.message}`
+        );
         return void 0;
       }
     }
@@ -1079,45 +1186,67 @@ class TinaAdminApi {
     return response;
   }
   async createDocument(collection, relativePath2, params) {
-    const response = await this.api.request(`#graphql
+    const response = await this.api.request(
+      `#graphql
       mutation($collection: String!, $relativePath: String!, $params: DocumentMutation!) {
         createDocument(
           collection: $collection,
           relativePath: $relativePath,
           params: $params
         ){__typename}
-      }`, {
-      variables: {
-        collection: collection.name,
-        relativePath: relativePath2,
-        params
+      }`,
+      {
+        variables: {
+          collection: collection.name,
+          relativePath: relativePath2,
+          params
+        }
       }
-    });
+    );
     if (this.searchClient) {
-      const { document: doc } = await this.fetchDocument(collection.name, relativePath2);
-      const processed = processDocumentForIndexing(doc["_values"], `${collection.path}/${relativePath2}`, collection, this.maxSearchIndexFieldLength);
+      const { document: doc } = await this.fetchDocument(
+        collection.name,
+        relativePath2
+      );
+      const processed = processDocumentForIndexing(
+        doc["_values"],
+        `${collection.path}/${relativePath2}`,
+        collection,
+        this.maxSearchIndexFieldLength
+      );
       await this.searchClient.put([processed]);
     }
     return response;
   }
   async updateDocument(collection, relativePath2, params) {
-    const response = await this.api.request(`#graphql
+    const response = await this.api.request(
+      `#graphql
       mutation($collection: String!, $relativePath: String!, $params: DocumentUpdateMutation!) {
         updateDocument(
           collection: $collection,
           relativePath: $relativePath,
           params: $params
         ){__typename}
-      }`, {
-      variables: {
-        collection: collection.name,
-        relativePath: relativePath2,
-        params
+      }`,
+      {
+        variables: {
+          collection: collection.name,
+          relativePath: relativePath2,
+          params
+        }
       }
-    });
+    );
     if (this.searchClient) {
-      const { document: doc } = await this.fetchDocument(collection.name, relativePath2);
-      const processed = processDocumentForIndexing(doc["_values"], `${collection.path}/${relativePath2}`, collection, this.maxSearchIndexFieldLength);
+      const { document: doc } = await this.fetchDocument(
+        collection.name,
+        relativePath2
+      );
+      const processed = processDocumentForIndexing(
+        doc["_values"],
+        `${collection.path}/${relativePath2}`,
+        collection,
+        this.maxSearchIndexFieldLength
+      );
       await this.searchClient.put([processed]);
     }
     return response;
@@ -1163,45 +1292,54 @@ const AuthWallInner = ({
       setActiveModal(null);
     }
   }) : [];
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, activeModal === "authenticate" && /* @__PURE__ */ React.createElement(ModalBuilder, {
-    title: isTinaCloud ? "Tina Cloud Authorization" : "Enter into edit mode",
-    message: isTinaCloud ? "To save edits, Tina Cloud authorization is required. On save, changes will get commited using your account." : "To save edits, enter into edit mode. On save, changes will saved to the local filesystem.",
-    close,
-    actions: [
-      ...otherModalActions,
-      {
-        action: async () => {
-          setEditing(false);
-          window.location.reload();
-        },
-        name: "Close",
-        primary: false
-      },
-      {
-        name: isTinaCloud ? "Continue to Tina Cloud" : "Enter Edit Mode",
-        action: async () => {
-          const token = await client.authenticate();
-          if (typeof (client == null ? void 0 : client.onLogin) === "function") {
-            await (client == null ? void 0 : client.onLogin({ token }));
-          }
-          onAuthSuccess();
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, activeModal === "authenticate" && /* @__PURE__ */ React.createElement(
+    ModalBuilder,
+    {
+      title: isTinaCloud ? "Tina Cloud Authorization" : "Enter into edit mode",
+      message: isTinaCloud ? "To save edits, Tina Cloud authorization is required. On save, changes will get commited using your account." : "To save edits, enter into edit mode. On save, changes will saved to the local filesystem.",
+      close,
+      actions: [
+        ...otherModalActions,
+        {
+          action: async () => {
+            setEditing(false);
+            window.location.reload();
+          },
+          name: "Close",
+          primary: false
         },
-        primary: true
-      }
-    ]
-  }), showChildren ? children : loginScreen ? loginScreen : null);
+        {
+          name: isTinaCloud ? "Continue to Tina Cloud" : "Enter Edit Mode",
+          action: async () => {
+            const token = await client.authenticate();
+            if (typeof (client == null ? void 0 : client.onLogin) === "function") {
+              await (client == null ? void 0 : client.onLogin({ token }));
+            }
+            onAuthSuccess();
+          },
+          primary: true
+        }
+      ]
+    }
+  ), showChildren ? children : loginScreen ? loginScreen : null);
 };
 const TinaCloudProvider = (props) => {
   var _a, _b, _c, _d, _e;
   const baseBranch = props.branch || "main";
-  const [currentBranch, setCurrentBranch] = useLocalStorage("tinacms-current-branch", baseBranch);
+  const [currentBranch, setCurrentBranch] = useLocalStorage(
+    "tinacms-current-branch",
+    baseBranch
+  );
   useTinaAuthRedirect();
-  const cms = React.useMemo(() => props.cms || new TinaCMS({
-    enabled: true,
-    sidebar: true,
-    isLocalClient: props.isLocalClient,
-    clientId: props.clientId
-  }), [props.cms]);
+  const cms = React.useMemo(
+    () => props.cms || new TinaCMS({
+      enabled: true,
+      sidebar: true,
+      isLocalClient: props.isLocalClient,
+      clientId: props.clientId
+    }),
+    [props.cms]
+  );
   if (!cms.api.tina) {
     cms.registerApi("tina", createClient({ ...props, branch: currentBranch }));
   } else {
@@ -1232,7 +1370,12 @@ const TinaCloudProvider = (props) => {
     const hasTinaMedia = Boolean((_b2 = (_a2 = props.schema.config) == null ? void 0 : _a2.media) == null ? void 0 : _b2.tina);
     if (hasTinaMedia) {
       cms.media.store = new TinaMediaStore(cms);
-    } else if (((_d2 = (_c2 = props.schema.config) == null ? void 0 : _c2.media) == null ? void 0 : _d2.loadCustomStore) || props.mediaStore) {
+    } else if (
+      /* 
+      Has tina custom media (set up in the schema or define schema)
+       */
+      ((_d2 = (_c2 = props.schema.config) == null ? void 0 : _c2.media) == null ? void 0 : _d2.loadCustomStore) || props.mediaStore
+    ) {
       const mediaStoreFromProps = ((_f = (_e2 = props.schema.config) == null ? void 0 : _e2.media) == null ? void 0 : _f.loadCustomStore) || props.mediaStore;
       if ((_g = mediaStoreFromProps.prototype) == null ? void 0 : _g.persist) {
         cms.media.store = new mediaStoreFromProps(cms.api.tina);
@@ -1259,7 +1402,9 @@ const TinaCloudProvider = (props) => {
     return newBranch;
   };
   setupMedia();
-  const [branchingEnabled, setBranchingEnabled] = React.useState(() => cms.flags.get("branch-switcher"));
+  const [branchingEnabled, setBranchingEnabled] = React.useState(
+    () => cms.flags.get("branch-switcher")
+  );
   React.useEffect(() => {
     cms.events.subscribe("flag:set", ({ key, value }) => {
       if (key === "branch-switcher") {
@@ -1309,20 +1454,19 @@ const TinaCloudProvider = (props) => {
     });
     return unsubscribe;
   }, [isTinaCloud, cms]);
-  return /* @__PURE__ */ React.createElement(BranchDataProvider, {
-    currentBranch,
-    setCurrentBranch: (b) => {
-      setCurrentBranch(b);
-    }
-  }, /* @__PURE__ */ React.createElement(TinaProvider, {
-    cms
-  }, /* @__PURE__ */ React.createElement(AuthWallInner, {
-    ...props,
-    cms
-  })));
+  return /* @__PURE__ */ React.createElement(
+    BranchDataProvider,
+    {
+      currentBranch,
+      setCurrentBranch: (b) => {
+        setCurrentBranch(b);
+      }
+    },
+    /* @__PURE__ */ React.createElement(TinaProvider, { cms }, /* @__PURE__ */ React.createElement(AuthWallInner, { ...props, cms }))
+  );
 };
 const TinaCloudAuthWall = TinaCloudProvider;
-var styles = `.tina-tailwind {
+const styles = `.tina-tailwind {
   line-height: 1.5;
   -webkit-text-size-adjust: 100%;
   -moz-tab-size: 4;
@@ -2871,7 +3015,9 @@ class ContentCreatorPlugin {
   }
   async onSubmit({ collection, template, relativePath: relativePath2 }, cms) {
     try {
-      const selectedCollection = this.collections.find((collectionItem) => collectionItem.slug === collection);
+      const selectedCollection = this.collections.find(
+        (collectionItem) => collectionItem.slug === collection
+      );
       const collectionFormat = selectedCollection.format;
       const extensionLength = -1 * (collectionFormat.length + 1);
       let relativePathWithExt = relativePath2;
@@ -2912,7 +3058,8 @@ const useDocumentCreatorPlugin = (args) => {
   React.useEffect(() => {
     const run = async () => {
       var _a;
-      const res = await cms.api.tina.request((gql2) => gql2`
+      const res = await cms.api.tina.request(
+        (gql2) => gql2`
           {
             collections {
               label
@@ -2921,7 +3068,9 @@ const useDocumentCreatorPlugin = (args) => {
               templates
             }
           }
-        `, { variables: {} });
+        `,
+        { variables: {} }
+      );
       const allCollectionOptions = [];
       res.collections.forEach((collection) => {
         const value = collection.slug;
@@ -2945,68 +3094,72 @@ const useDocumentCreatorPlugin = (args) => {
         { value: "", label: "Choose Template" }
       ];
       if (values.collection) {
-        const filteredCollection = res.collections.find((c) => c.slug === values.collection);
+        const filteredCollection = res.collections.find(
+          (c) => c.slug === values.collection
+        );
         (_a = filteredCollection == null ? void 0 : filteredCollection.templates) == null ? void 0 : _a.forEach((template) => {
           templateOptions.push({ value: template.name, label: template.label });
         });
       }
-      setPlugin(new ContentCreatorPlugin({
-        label: "Add Document",
-        onNewDocument: args && args.onNewDocument,
-        collections: res.collections,
-        onChange: async ({ values: values2 }) => {
-          setValues(values2);
-        },
-        initialValues: values,
-        fields: [
-          {
-            component: "select",
-            name: "collection",
-            label: "Collection",
-            description: "Select the collection.",
-            options: collectionOptions,
-            validate: async (value, allValues, meta) => {
-              if (!value) {
-                return true;
-              }
-            }
+      setPlugin(
+        new ContentCreatorPlugin({
+          label: "Add Document",
+          onNewDocument: args && args.onNewDocument,
+          collections: res.collections,
+          onChange: async ({ values: values2 }) => {
+            setValues(values2);
           },
-          {
-            component: "select",
-            name: "template",
-            label: "Template",
-            description: "Select the template.",
-            options: templateOptions,
-            validate: async (value, allValues, meta) => {
-              if (!value && templateOptions.length > 1) {
-                if (meta.dirty) {
-                  return "Required";
+          initialValues: values,
+          fields: [
+            {
+              component: "select",
+              name: "collection",
+              label: "Collection",
+              description: "Select the collection.",
+              options: collectionOptions,
+              validate: async (value, allValues, meta) => {
+                if (!value) {
+                  return true;
                 }
-                return true;
               }
-            }
-          },
-          {
-            component: "text",
-            name: "relativePath",
-            label: "Name",
-            description: `A unique name for the content. Example: "newPost" or "blog_022021`,
-            placeholder: "newPost",
-            validate: (value, allValues, meta) => {
-              if (!value) {
-                if (meta.dirty) {
-                  return "Required";
+            },
+            {
+              component: "select",
+              name: "template",
+              label: "Template",
+              description: "Select the template.",
+              options: templateOptions,
+              validate: async (value, allValues, meta) => {
+                if (!value && templateOptions.length > 1) {
+                  if (meta.dirty) {
+                    return "Required";
+                  }
+                  return true;
                 }
-                return true;
               }
-              const isValid = /^[_a-zA-Z0-9][\-_a-zA-Z0-9]*$/.test(value);
-              if (value && !isValid) {
-                return "Must begin with a-z, A-Z, 0-9, or _ and contain only a-z, A-Z, 0-9, - or _";
+            },
+            {
+              component: "text",
+              name: "relativePath",
+              label: "Name",
+              description: `A unique name for the content. Example: "newPost" or "blog_022021`,
+              placeholder: "newPost",
+              validate: (value, allValues, meta) => {
+                if (!value) {
+                  if (meta.dirty) {
+                    return "Required";
+                  }
+                  return true;
+                }
+                const isValid = /^[_a-zA-Z0-9][\-_a-zA-Z0-9]*$/.test(value);
+                if (value && !isValid) {
+                  return "Must begin with a-z, A-Z, 0-9, or _ and contain only a-z, A-Z, 0-9, - or _";
+                }
               }
             }
-          }
-        ]
-      }));
+          ]
+        })
+      );
     };
     run();
   }, [cms]);
@@ -3045,41 +3198,72 @@ class ErrorBoundary extends React.Component {
   static getDerivedStateFromError(error) {
     return { hasError: true, message: error.message };
   }
+  /**
+   * Ideally we can track the last valid state and provide a button to go back, which
+   * would just reset the form to that state. This isn't ideal for many cases though,
+   * in general you'd probably want to push through the invalid state until you arrive at
+   * a new state which you are happy with. So we should offer the opportunity to try rendering
+   * again in the new, hopefully valid, state.
+   */
   render() {
     if (this.state.hasError && !this.state.pageRefresh) {
-      return /* @__PURE__ */ React.createElement("div", {
-        style: {
-          background: "#efefef",
-          height: "100vh",
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center"
-        }
-      }, /* @__PURE__ */ React.createElement("style", null, "            body {              margin: 0;            }          "), /* @__PURE__ */ React.createElement("div", {
-        style: {
-          background: "#fff",
-          maxWidth: "400px",
-          padding: "20px",
-          fontFamily: "'Inter', sans-serif",
-          borderRadius: "5px",
-          boxShadow: "0 6px 24px rgb(0 37 91 / 5%), 0 2px 4px rgb(0 37 91 / 3%)"
-        }
-      }, /* @__PURE__ */ React.createElement("h3", {
-        style: { color: "#eb6337" }
-      }, "TinaCMS Render Error"), /* @__PURE__ */ React.createElement("p", null, "Tina caught an error while updating the page:"), /* @__PURE__ */ React.createElement("pre", {
-        style: { marginTop: "1rem", overflowX: "auto" }
-      }, this.state.message), /* @__PURE__ */ React.createElement("br", null), /* @__PURE__ */ React.createElement("p", null, `If you've just updated the form, undo your most recent changes and click "refresh". If after a few refreshes, you're still encountering this error. There is a bigger issue with the site. Please reach out to your site admin.`), /* @__PURE__ */ React.createElement("p", null, "See our", " ", /* @__PURE__ */ React.createElement("a", {
-        className: "text-gray-600",
-        style: { textDecoration: "underline" },
-        href: "https://tina.io/docs/errors/faq/",
-        target: "_blank"
-      }, " ", "Error FAQ", " "), " ", "for more information."), /* @__PURE__ */ React.createElement("button", {
-        style: errorButtonStyles,
-        onClick: () => {
-          this.setState({ pageRefresh: true });
-          setTimeout(() => this.setState({ hasError: false, pageRefresh: false }), 3e3);
-        }
-      }, "Refresh")));
+      return /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          style: {
+            background: "#efefef",
+            height: "100vh",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center"
+          }
+        },
+        /* @__PURE__ */ React.createElement("style", null, "            body {              margin: 0;            }          "),
+        /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            style: {
+              background: "#fff",
+              maxWidth: "400px",
+              padding: "20px",
+              fontFamily: "'Inter', sans-serif",
+              borderRadius: "5px",
+              boxShadow: "0 6px 24px rgb(0 37 91 / 5%), 0 2px 4px rgb(0 37 91 / 3%)"
+            }
+          },
+          /* @__PURE__ */ React.createElement("h3", { style: { color: "#eb6337" } }, "TinaCMS Render Error"),
+          /* @__PURE__ */ React.createElement("p", null, "Tina caught an error while updating the page:"),
+          /* @__PURE__ */ React.createElement("pre", { style: { marginTop: "1rem", overflowX: "auto" } }, this.state.message),
+          /* @__PURE__ */ React.createElement("br", null),
+          /* @__PURE__ */ React.createElement("p", null, `If you've just updated the form, undo your most recent changes and click "refresh". If after a few refreshes, you're still encountering this error. There is a bigger issue with the site. Please reach out to your site admin.`),
+          /* @__PURE__ */ React.createElement("p", null, "See our", " ", /* @__PURE__ */ React.createElement(
+            "a",
+            {
+              className: "text-gray-600",
+              style: { textDecoration: "underline" },
+              href: "https://tina.io/docs/errors/faq/",
+              target: "_blank"
+            },
+            " ",
+            "Error FAQ",
+            " "
+          ), " ", "for more information."),
+          /* @__PURE__ */ React.createElement(
+            "button",
+            {
+              style: errorButtonStyles,
+              onClick: () => {
+                this.setState({ pageRefresh: true });
+                setTimeout(
+                  () => this.setState({ hasError: false, pageRefresh: false }),
+                  3e3
+                );
+              }
+            },
+            "Refresh"
+          )
+        )
+      );
     }
     if (this.state.pageRefresh) {
       return /* @__PURE__ */ React.createElement(Loader, null, "Let's try that again.");
@@ -3096,130 +3280,157 @@ const TinaCMSProvider2 = ({
 }) => {
   var _a, _b, _c, _d, _e;
   if (props == null ? void 0 : props.apiURL) {
-    console.warn("The apiURL prop is deprecated. Please see https://tina.io/blog/tina-v-0.68.14 for information on how to upgrade to the new API");
+    console.warn(
+      "The apiURL prop is deprecated. Please see https://tina.io/blog/tina-v-0.68.14 for information on how to upgrade to the new API"
+    );
   }
   const apiURL = ((_a = props == null ? void 0 : props.client) == null ? void 0 : _a.apiUrl) || (props == null ? void 0 : props.apiURL);
   const isLocalOverride = (_d = (_c = (_b = schema == null ? void 0 : schema.config) == null ? void 0 : _b.admin) == null ? void 0 : _c.auth) == null ? void 0 : _d.useLocalAuth;
   const { branch, clientId, isLocalClient } = apiURL ? parseURL(apiURL) : {
     branch: props.branch,
     clientId: props.clientId,
+    // @ts-expect-error this is for backwards compatibility
     isLocalClient: props == null ? void 0 : props.isLocalClient
   };
-  if (typeof isLocalClient === "undefined" || !isLocalClient && (!branch || !clientId) && !schema.config.contentApiUrlOverride) {
-    throw new Error("Invalid setup. See https://tina.io/docs/tina-cloud/connecting-site/ for more information.");
+  if (
+    // Check if local client is defined
+    typeof isLocalClient === "undefined" || // If in not in localMode check if clientId and branch are defined
+    !isLocalClient && (!branch || !clientId) && // if they pass a custom apiURL, we don't need to throw an error
+    !schema.config.contentApiUrlOverride
+  ) {
+    throw new Error(
+      "Invalid setup. See https://tina.io/docs/tina-cloud/connecting-site/ for more information."
+    );
   }
   if (!schema) {
-    throw new Error("`schema` is required to be passed as a property to `TinaProvider`.  You can learn more about this change here: https://github.com/tinacms/tinacms/pull/2823");
-  }
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(TinaCloudProvider, {
-    branch,
-    clientId: clientId || ((_e = schema == null ? void 0 : schema.config) == null ? void 0 : _e.clientId),
-    tinaioConfig: props.tinaioConfig,
-    isLocalClient: isLocalOverride || isLocalClient,
-    cmsCallback: props.cmsCallback,
-    mediaStore: props.mediaStore,
-    apiUrl: apiURL,
-    schema: { ...schema, config: { ...schema.config, ...props } },
-    tinaGraphQLVersion: props.tinaGraphQLVersion
-  }, /* @__PURE__ */ React.createElement("style", null, styles), /* @__PURE__ */ React.createElement(ErrorBoundary, null, props.children)));
+    throw new Error(
+      "`schema` is required to be passed as a property to `TinaProvider`.  You can learn more about this change here: https://github.com/tinacms/tinacms/pull/2823"
+    );
+  }
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    TinaCloudProvider,
+    {
+      branch,
+      clientId: clientId || ((_e = schema == null ? void 0 : schema.config) == null ? void 0 : _e.clientId),
+      tinaioConfig: props.tinaioConfig,
+      isLocalClient: isLocalOverride || isLocalClient,
+      cmsCallback: props.cmsCallback,
+      mediaStore: props.mediaStore,
+      apiUrl: apiURL,
+      schema: { ...schema, config: { ...schema.config, ...props } },
+      tinaGraphQLVersion: props.tinaGraphQLVersion
+    },
+    /* @__PURE__ */ React.createElement("style", null, styles),
+    /* @__PURE__ */ React.createElement(ErrorBoundary, null, props.children)
+  ));
 };
 const Loader = (props) => {
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", {
-    style: {
-      position: "fixed",
-      background: "rgba(0, 0, 0, 0.5)",
-      inset: 0,
-      zIndex: 200,
-      opacity: "0.8",
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      padding: "40px"
-    }
-  }, /* @__PURE__ */ React.createElement("div", {
-    style: {
-      background: "#f6f6f9",
-      boxShadow: "0px 2px 3px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.1)",
-      borderRadius: "5px",
-      padding: "40px 32px",
-      width: "460px",
-      maxWidth: "90%",
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      flexDirection: "column"
-    }
-  }, /* @__PURE__ */ React.createElement("svg", {
-    style: {
-      width: "64px",
-      color: "#2296fe",
-      marginTop: "-8px",
-      marginBottom: "16px"
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      style: {
+        position: "fixed",
+        background: "rgba(0, 0, 0, 0.5)",
+        inset: 0,
+        zIndex: 200,
+        opacity: "0.8",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        padding: "40px"
+      }
     },
-    version: "1.1",
-    id: "L5",
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink",
-    x: "0px",
-    y: "0px",
-    viewBox: "0 0 100 64",
-    enableBackground: "new 0 0 0 0",
-    xmlSpace: "preserve"
-  }, /* @__PURE__ */ React.createElement("circle", {
-    fill: "currentColor",
-    stroke: "none",
-    cx: 6,
-    cy: 32,
-    r: 6
-  }, /* @__PURE__ */ React.createElement("animateTransform", {
-    attributeName: "transform",
-    dur: "1s",
-    type: "translate",
-    values: "0 15 ; 0 -15; 0 15",
-    calcMode: "spline",
-    keySplines: "0.8 0 0.4 1; 0.4 0 0.2 1",
-    repeatCount: "indefinite",
-    begin: "0.1"
-  })), /* @__PURE__ */ React.createElement("circle", {
-    fill: "currentColor",
-    stroke: "none",
-    cx: 30,
-    cy: 32,
-    r: 6
-  }, /* @__PURE__ */ React.createElement("animateTransform", {
-    attributeName: "transform",
-    dur: "1s",
-    type: "translate",
-    values: "0 15 ; 0 -10; 0 15",
-    calcMode: "spline",
-    keySplines: "0.8 0 0.4 1; 0.4 0 0.2 1",
-    repeatCount: "indefinite",
-    begin: "0.2"
-  })), /* @__PURE__ */ React.createElement("circle", {
-    fill: "currentColor",
-    stroke: "none",
-    cx: 54,
-    cy: 32,
-    r: 6
-  }, /* @__PURE__ */ React.createElement("animateTransform", {
-    attributeName: "transform",
-    dur: "1s",
-    type: "translate",
-    values: "0 15 ; 0 -5; 0 15",
-    calcMode: "spline",
-    keySplines: "0.8 0 0.4 1; 0.4 0 0.2 1",
-    repeatCount: "indefinite",
-    begin: "0.3"
-  }))), /* @__PURE__ */ React.createElement("p", {
-    style: {
-      fontSize: "18px",
-      color: "#252336",
-      textAlign: "center",
-      lineHeight: "1.3",
-      fontFamily: "'Inter', sans-serif",
-      fontWeight: "normal"
-    }
-  }, "Please wait, Tina is loading data..."))), props.children);
+    /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        style: {
+          background: "#f6f6f9",
+          boxShadow: "0px 2px 3px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.1)",
+          borderRadius: "5px",
+          padding: "40px 32px",
+          width: "460px",
+          maxWidth: "90%",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          flexDirection: "column"
+        }
+      },
+      /* @__PURE__ */ React.createElement(
+        "svg",
+        {
+          style: {
+            width: "64px",
+            color: "#2296fe",
+            marginTop: "-8px",
+            marginBottom: "16px"
+          },
+          version: "1.1",
+          id: "L5",
+          xmlns: "http://www.w3.org/2000/svg",
+          xmlnsXlink: "http://www.w3.org/1999/xlink",
+          x: "0px",
+          y: "0px",
+          viewBox: "0 0 100 64",
+          enableBackground: "new 0 0 0 0",
+          xmlSpace: "preserve"
+        },
+        /* @__PURE__ */ React.createElement("circle", { fill: "currentColor", stroke: "none", cx: 6, cy: 32, r: 6 }, /* @__PURE__ */ React.createElement(
+          "animateTransform",
+          {
+            attributeName: "transform",
+            dur: "1s",
+            type: "translate",
+            values: "0 15 ; 0 -15; 0 15",
+            calcMode: "spline",
+            keySplines: "0.8 0 0.4 1; 0.4 0 0.2 1",
+            repeatCount: "indefinite",
+            begin: "0.1"
+          }
+        )),
+        /* @__PURE__ */ React.createElement("circle", { fill: "currentColor", stroke: "none", cx: 30, cy: 32, r: 6 }, /* @__PURE__ */ React.createElement(
+          "animateTransform",
+          {
+            attributeName: "transform",
+            dur: "1s",
+            type: "translate",
+            values: "0 15 ; 0 -10; 0 15",
+            calcMode: "spline",
+            keySplines: "0.8 0 0.4 1; 0.4 0 0.2 1",
+            repeatCount: "indefinite",
+            begin: "0.2"
+          }
+        )),
+        /* @__PURE__ */ React.createElement("circle", { fill: "currentColor", stroke: "none", cx: 54, cy: 32, r: 6 }, /* @__PURE__ */ React.createElement(
+          "animateTransform",
+          {
+            attributeName: "transform",
+            dur: "1s",
+            type: "translate",
+            values: "0 15 ; 0 -5; 0 15",
+            calcMode: "spline",
+            keySplines: "0.8 0 0.4 1; 0.4 0 0.2 1",
+            repeatCount: "indefinite",
+            begin: "0.3"
+          }
+        ))
+      ),
+      /* @__PURE__ */ React.createElement(
+        "p",
+        {
+          style: {
+            fontSize: "18px",
+            color: "#252336",
+            textAlign: "center",
+            lineHeight: "1.3",
+            fontFamily: "'Inter', sans-serif",
+            fontWeight: "normal"
+          }
+        },
+        "Please wait, Tina is loading data..."
+      )
+    )
+  ), props.children);
 };
 const getStaticPropsForTina = async ({
   query,
@@ -3227,17 +3438,21 @@ const getStaticPropsForTina = async ({
 }) => {
   try {
     const data = await staticRequest({ query, variables });
-    return JSON.parse(JSON.stringify({
-      data,
-      query,
-      variables
-    }));
+    return JSON.parse(
+      JSON.stringify({
+        data,
+        query,
+        variables
+      })
+    );
   } catch (e) {
-    return JSON.parse(JSON.stringify({
-      data: {},
-      query,
-      variables
-    }));
+    return JSON.parse(
+      JSON.stringify({
+        data: {},
+        query,
+        variables
+      })
+    );
   }
 };
 function is_server() {
@@ -3267,20 +3482,24 @@ function gql(strings, ...args) {
   return str;
 }
 const Layout = ({ children }) => {
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("style", null, styles), /* @__PURE__ */ React.createElement("div", {
-    className: "tina-tailwind",
-    style: {
-      position: "fixed",
-      top: 0,
-      left: 0,
-      width: "100%",
-      height: "100%",
-      overflow: "auto",
-      background: "#F6F6F9",
-      fontFamily: "'Inter', sans-serif",
-      zIndex: 9999
-    }
-  }, children));
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("style", null, styles), /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: "tina-tailwind",
+      style: {
+        position: "fixed",
+        top: 0,
+        left: 0,
+        width: "100%",
+        height: "100%",
+        overflow: "auto",
+        background: "#F6F6F9",
+        fontFamily: "'Inter', sans-serif",
+        zIndex: 9999
+      }
+    },
+    children
+  ));
 };
 var DefaultContext = {
   color: void 0,
@@ -3426,134 +3645,157 @@ const Sidebar = ({ cms }) => {
   const navBreakpoint = 1e3;
   const windowWidth = useWindowWidth();
   const renderDesktopNav = windowWidth > navBreakpoint;
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, renderDesktopNav && /* @__PURE__ */ React.createElement(Nav, {
-    isLocalMode,
-    sidebarWidth: 360,
-    showCollections: true,
-    collectionsInfo,
-    screens,
-    cloudConfigs,
-    contentCreators: [],
-    RenderNavSite: ({ view }) => /* @__PURE__ */ React.createElement(SidebarLink, {
-      label: view.name,
-      to: `/screens/${slugify(view.name)}`,
-      Icon: view.Icon ? view.Icon : ImFilesEmpty
-    }),
-    RenderNavCloud: ({ config }) => /* @__PURE__ */ React.createElement(SidebarCloudLink, {
-      config
-    }),
-    RenderNavCollection: ({ collection }) => /* @__PURE__ */ React.createElement(SidebarLink, {
-      label: collection.label ? collection.label : collection.name,
-      to: `/collections/${collection.name}/~`,
-      Icon: ImFilesEmpty
-    })
-  }), !renderDesktopNav && /* @__PURE__ */ React.createElement(Transition, {
-    show: menuIsOpen
-  }, /* @__PURE__ */ React.createElement(Transition.Child, {
-    as: React.Fragment,
-    enter: "transform transition-all ease-out duration-300",
-    enterFrom: "opacity-0 -translate-x-full",
-    enterTo: "opacity-100 translate-x-0",
-    leave: "transform transition-all ease-in duration-200",
-    leaveFrom: "opacity-100 translate-x-0",
-    leaveTo: "opacity-0 -translate-x-full"
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "fixed left-0 top-0 z-overlay h-full transform"
-  }, /* @__PURE__ */ React.createElement(Nav, {
-    isLocalMode,
-    className: "rounded-r-md",
-    sidebarWidth: 360,
-    showCollections: true,
-    collectionsInfo,
-    screens,
-    cloudConfigs,
-    contentCreators: [],
-    RenderNavSite: ({ view }) => /* @__PURE__ */ React.createElement(SidebarLink, {
-      label: view.name,
-      to: `/screens/${slugify(view.name)}`,
-      Icon: view.Icon ? view.Icon : ImFilesEmpty,
-      onClick: () => {
-        setMenuIsOpen(false);
-      }
-    }),
-    RenderNavCloud: ({ config }) => /* @__PURE__ */ React.createElement(SidebarCloudLink, {
-      config
-    }),
-    RenderNavCollection: ({ collection }) => /* @__PURE__ */ React.createElement(SidebarLink, {
-      label: collection.label ? collection.label : collection.name,
-      to: `/collections/${collection.name}/~`,
-      Icon: ImFilesEmpty,
-      onClick: () => {
-        setMenuIsOpen(false);
-      }
-    })
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "absolute top-8 right-0 transform translate-x-full overflow-hidden"
-  }, /* @__PURE__ */ React.createElement(Button, {
-    rounded: "right",
-    variant: "secondary",
-    onClick: () => {
-      setMenuIsOpen(false);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, renderDesktopNav && /* @__PURE__ */ React.createElement(
+    Nav,
+    {
+      isLocalMode,
+      sidebarWidth: 360,
+      showCollections: true,
+      collectionsInfo,
+      screens,
+      cloudConfigs,
+      contentCreators: [],
+      RenderNavSite: ({ view }) => /* @__PURE__ */ React.createElement(
+        SidebarLink,
+        {
+          label: view.name,
+          to: `/screens/${slugify(view.name)}`,
+          Icon: view.Icon ? view.Icon : ImFilesEmpty
+        }
+      ),
+      RenderNavCloud: ({ config }) => /* @__PURE__ */ React.createElement(SidebarCloudLink, { config }),
+      RenderNavCollection: ({ collection }) => /* @__PURE__ */ React.createElement(
+        SidebarLink,
+        {
+          label: collection.label ? collection.label : collection.name,
+          to: `/collections/${collection.name}/~`,
+          Icon: ImFilesEmpty
+        }
+      )
+    }
+  ), !renderDesktopNav && /* @__PURE__ */ React.createElement(Transition, { show: menuIsOpen }, /* @__PURE__ */ React.createElement(
+    Transition.Child,
+    {
+      as: React.Fragment,
+      enter: "transform transition-all ease-out duration-300",
+      enterFrom: "opacity-0 -translate-x-full",
+      enterTo: "opacity-100 translate-x-0",
+      leave: "transform transition-all ease-in duration-200",
+      leaveFrom: "opacity-100 translate-x-0",
+      leaveTo: "opacity-0 -translate-x-full"
     },
-    className: `transition-opacity duration-150 ease-out`
-  }, /* @__PURE__ */ React.createElement(IoMdClose, {
-    className: "h-6 w-auto"
-  })))))), /* @__PURE__ */ React.createElement(Transition.Child, {
-    as: React.Fragment,
-    enter: "ease-out duration-300",
-    enterFrom: "opacity-0",
-    enterTo: "opacity-80",
-    entered: "opacity-80",
-    leave: "ease-in duration-200",
-    leaveFrom: "opacity-80",
-    leaveTo: "opacity-0"
-  }, /* @__PURE__ */ React.createElement("div", {
-    onClick: () => {
-      setMenuIsOpen(false);
+    /* @__PURE__ */ React.createElement("div", { className: "fixed left-0 top-0 z-overlay h-full transform" }, /* @__PURE__ */ React.createElement(
+      Nav,
+      {
+        isLocalMode,
+        className: "rounded-r-md",
+        sidebarWidth: 360,
+        showCollections: true,
+        collectionsInfo,
+        screens,
+        cloudConfigs,
+        contentCreators: [],
+        RenderNavSite: ({ view }) => /* @__PURE__ */ React.createElement(
+          SidebarLink,
+          {
+            label: view.name,
+            to: `/screens/${slugify(view.name)}`,
+            Icon: view.Icon ? view.Icon : ImFilesEmpty,
+            onClick: () => {
+              setMenuIsOpen(false);
+            }
+          }
+        ),
+        RenderNavCloud: ({ config }) => /* @__PURE__ */ React.createElement(SidebarCloudLink, { config }),
+        RenderNavCollection: ({ collection }) => /* @__PURE__ */ React.createElement(
+          SidebarLink,
+          {
+            label: collection.label ? collection.label : collection.name,
+            to: `/collections/${collection.name}/~`,
+            Icon: ImFilesEmpty,
+            onClick: () => {
+              setMenuIsOpen(false);
+            }
+          }
+        )
+      },
+      /* @__PURE__ */ React.createElement("div", { className: "absolute top-8 right-0 transform translate-x-full overflow-hidden" }, /* @__PURE__ */ React.createElement(
+        Button,
+        {
+          rounded: "right",
+          variant: "secondary",
+          onClick: () => {
+            setMenuIsOpen(false);
+          },
+          className: `transition-opacity duration-150 ease-out`
+        },
+        /* @__PURE__ */ React.createElement(IoMdClose, { className: "h-6 w-auto" })
+      ))
+    ))
+  ), /* @__PURE__ */ React.createElement(
+    Transition.Child,
+    {
+      as: React.Fragment,
+      enter: "ease-out duration-300",
+      enterFrom: "opacity-0",
+      enterTo: "opacity-80",
+      entered: "opacity-80",
+      leave: "ease-in duration-200",
+      leaveFrom: "opacity-80",
+      leaveTo: "opacity-0"
     },
-    className: "fixed z-menu inset-0 bg-gradient-to-br from-gray-800 via-gray-900 to-black"
-  }))), !renderDesktopNav && /* @__PURE__ */ React.createElement(Button, {
-    rounded: "right",
-    variant: "secondary",
-    onClick: () => {
-      setMenuIsOpen(true);
+    /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        onClick: () => {
+          setMenuIsOpen(false);
+        },
+        className: "fixed z-menu inset-0 bg-gradient-to-br from-gray-800 via-gray-900 to-black"
+      }
+    )
+  )), !renderDesktopNav && /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      rounded: "right",
+      variant: "secondary",
+      onClick: () => {
+        setMenuIsOpen(true);
+      },
+      className: `pointer-events-auto -ml-px absolute left-0 z-50 ${isLocalMode ? `top-10` : `top-4`}`
     },
-    className: `pointer-events-auto -ml-px absolute left-0 z-50 ${isLocalMode ? `top-10` : `top-4`}`
-  }, /* @__PURE__ */ React.createElement(BiMenu, {
-    className: "h-7 w-auto"
-  })));
+    /* @__PURE__ */ React.createElement(BiMenu, { className: "h-7 w-auto" })
+  ));
 };
 const SidebarLink = (props) => {
   const { to, label, Icon } = props;
-  return /* @__PURE__ */ React.createElement(NavLink, {
-    className: ({ isActive }) => {
-      return `text-base tracking-wide ${isActive ? "text-blue-600" : "text-gray-500"} hover:text-blue-600 flex items-center opacity-90 hover:opacity-100`;
-    },
-    onClick: props.onClick ? props.onClick : () => {
+  return /* @__PURE__ */ React.createElement(
+    NavLink,
+    {
+      className: ({ isActive }) => {
+        return `text-base tracking-wide ${isActive ? "text-blue-600" : "text-gray-500"} hover:text-blue-600 flex items-center opacity-90 hover:opacity-100`;
+      },
+      onClick: props.onClick ? props.onClick : () => {
+      },
+      to
     },
-    to
-  }, /* @__PURE__ */ React.createElement(Icon, {
-    className: "mr-2 h-6 opacity-80 w-auto"
-  }), " ", label);
+    /* @__PURE__ */ React.createElement(Icon, { className: "mr-2 h-6 opacity-80 w-auto" }),
+    " ",
+    label
+  );
 };
 const SidebarCloudLink = ({ config }) => {
   if (config.text) {
-    return /* @__PURE__ */ React.createElement("span", {
-      className: "text-base tracking-wide text-gray-500 flex items-center opacity-90"
-    }, config.text, " ", /* @__PURE__ */ React.createElement("a", {
-      target: "_blank",
-      className: "ml-1 text-blue-600 hover:opacity-60",
-      href: config.link.href
-    }, config.link.text));
-  }
-  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));
+    return /* @__PURE__ */ React.createElement("span", { className: "text-base tracking-wide text-gray-500 flex items-center opacity-90" }, config.text, " ", /* @__PURE__ */ React.createElement(
+      "a",
+      {
+        target: "_blank",
+        className: "ml-1 text-blue-600 hover:opacity-60",
+        href: config.link.href
+      },
+      config.link.text
+    ));
+  }
+  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 {
@@ -3570,54 +3812,45 @@ const AuthTemplate = ({
   message,
   children
 }) => {
-  return /* @__PURE__ */ React.createElement("div", {
-    className: "h-screen w-full bg-gradient-to-b from-blue-900 to-gray-900 flex items-center justify-center px-4 py-6"
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "bg-white rounded-lg overflow-hidden shadow-lg w-full max-w-lg"
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "px-5 py-4 border-b border-gray-150"
-  }, /* @__PURE__ */ React.createElement("h2", {
-    className: "text-2xl font-sans tracking-wide text-gray-700 flex items-center gap-0.5"
-  }, /* @__PURE__ */ React.createElement("svg", {
-    viewBox: "0 0 32 32",
-    fill: "#EC4815",
-    xmlns: "http://www.w3.org/2000/svg",
-    className: "w-10 h-auto"
-  }, /* @__PURE__ */ React.createElement("path", {
-    d: "M18.6466 14.5553C19.9018 13.5141 20.458 7.36086 21.0014 5.14903C21.5447 2.9372 23.7919 3.04938 23.7919 3.04938C23.7919 3.04938 23.2085 4.06764 23.4464 4.82751C23.6844 5.58738 25.3145 6.26662 25.3145 6.26662L24.9629 7.19622C24.9629 7.19622 24.2288 7.10204 23.7919 7.9785C23.355 8.85496 24.3392 17.4442 24.3392 17.4442C24.3392 17.4442 21.4469 22.7275 21.4469 24.9206C21.4469 27.1136 22.4819 28.9515 22.4819 28.9515H21.0296C21.0296 28.9515 18.899 26.4086 18.462 25.1378C18.0251 23.8669 18.1998 22.596 18.1998 22.596C18.1998 22.596 15.8839 22.4646 13.8303 22.596C11.7767 22.7275 10.4072 24.498 10.16 25.4884C9.91287 26.4787 9.81048 28.9515 9.81048 28.9515H8.66211C7.96315 26.7882 7.40803 26.0129 7.70918 24.9206C8.54334 21.8949 8.37949 20.1788 8.18635 19.4145C7.99321 18.6501 6.68552 17.983 6.68552 17.983C7.32609 16.6741 7.97996 16.0452 10.7926 15.9796C13.6052 15.914 17.3915 15.5965 18.6466 14.5553Z"
-  }), /* @__PURE__ */ React.createElement("path", {
-    d: "M11.1268 24.7939C11.1268 24.7939 11.4236 27.5481 13.0001 28.9516H14.3511C13.0001 27.4166 12.8527 23.4155 12.8527 23.4155C12.1656 23.6399 11.3045 24.3846 11.1268 24.7939Z"
-  })), /* @__PURE__ */ React.createElement("span", null, "Tina"))), message && /* @__PURE__ */ React.createElement("div", {
-    className: "px-5 pt-4"
-  }, /* @__PURE__ */ React.createElement("p", {
-    className: "text-base font-sans leading-normal"
-  }, message)), /* @__PURE__ */ React.createElement("div", {
-    className: "px-5 py-4 flex gap-4 w-full justify-between"
-  }, children)));
+  return /* @__PURE__ */ React.createElement("div", { className: "h-screen w-full bg-gradient-to-b from-blue-900 to-gray-900 flex items-center justify-center px-4 py-6" }, /* @__PURE__ */ React.createElement("div", { className: "bg-white rounded-lg overflow-hidden shadow-lg w-full max-w-lg" }, /* @__PURE__ */ React.createElement("div", { className: "px-5 py-4 border-b border-gray-150" }, /* @__PURE__ */ React.createElement("h2", { className: "text-2xl font-sans tracking-wide text-gray-700 flex items-center gap-0.5" }, /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      viewBox: "0 0 32 32",
+      fill: "#EC4815",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: "w-10 h-auto"
+    },
+    /* @__PURE__ */ React.createElement("path", { d: "M18.6466 14.5553C19.9018 13.5141 20.458 7.36086 21.0014 5.14903C21.5447 2.9372 23.7919 3.04938 23.7919 3.04938C23.7919 3.04938 23.2085 4.06764 23.4464 4.82751C23.6844 5.58738 25.3145 6.26662 25.3145 6.26662L24.9629 7.19622C24.9629 7.19622 24.2288 7.10204 23.7919 7.9785C23.355 8.85496 24.3392 17.4442 24.3392 17.4442C24.3392 17.4442 21.4469 22.7275 21.4469 24.9206C21.4469 27.1136 22.4819 28.9515 22.4819 28.9515H21.0296C21.0296 28.9515 18.899 26.4086 18.462 25.1378C18.0251 23.8669 18.1998 22.596 18.1998 22.596C18.1998 22.596 15.8839 22.4646 13.8303 22.596C11.7767 22.7275 10.4072 24.498 10.16 25.4884C9.91287 26.4787 9.81048 28.9515 9.81048 28.9515H8.66211C7.96315 26.7882 7.40803 26.0129 7.70918 24.9206C8.54334 21.8949 8.37949 20.1788 8.18635 19.4145C7.99321 18.6501 6.68552 17.983 6.68552 17.983C7.32609 16.6741 7.97996 16.0452 10.7926 15.9796C13.6052 15.914 17.3915 15.5965 18.6466 14.5553Z" }),
+    /* @__PURE__ */ React.createElement("path", { d: "M11.1268 24.7939C11.1268 24.7939 11.4236 27.5481 13.0001 28.9516H14.3511C13.0001 27.4166 12.8527 23.4155 12.8527 23.4155C12.1656 23.6399 11.3045 24.3846 11.1268 24.7939Z" })
+  ), /* @__PURE__ */ React.createElement("span", null, "Tina"))), message && /* @__PURE__ */ React.createElement("div", { className: "px-5 pt-4" }, /* @__PURE__ */ React.createElement("p", { className: "text-base font-sans leading-normal" }, message)), /* @__PURE__ */ React.createElement("div", { className: "px-5 py-4 flex gap-4 w-full justify-between" }, children)));
 };
 const LoginPage = () => {
   const { setEdit } = useEditState();
   const login = () => setEdit(true);
-  return /* @__PURE__ */ React.createElement(AuthTemplate, null, /* @__PURE__ */ React.createElement("div", {
-    className: "flex w-full flex-1 gap-4 items-center justify-end"
-  }, /* @__PURE__ */ React.createElement(Button, {
-    onClick: () => {
-      window.location.href = "/";
+  return /* @__PURE__ */ React.createElement(AuthTemplate, null, /* @__PURE__ */ React.createElement("div", { className: "flex w-full flex-1 gap-4 items-center justify-end" }, /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      onClick: () => {
+        window.location.href = "/";
+      },
+      variant: "white",
+      size: "custom",
+      className: "text-base h-12 px-6 flex-shrink-0 flex-grow-0"
+    },
+    /* @__PURE__ */ React.createElement(MdOutlineArrowBack, { className: "w-6 h-auto mr-1.5 opacity-80" }),
+    " Back To Site"
+  ), /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      onClick: () => login(),
+      variant: "primary",
+      size: "custom",
+      className: "text-base h-12 px-6 flex-1",
+      type: "submit"
     },
-    variant: "white",
-    size: "custom",
-    className: "text-base h-12 px-6 flex-shrink-0 flex-grow-0"
-  }, /* @__PURE__ */ React.createElement(MdOutlineArrowBack, {
-    className: "w-6 h-auto mr-1.5 opacity-80"
-  }), " Back To Site"), /* @__PURE__ */ React.createElement(Button, {
-    onClick: () => login(),
-    variant: "primary",
-    size: "custom",
-    className: "text-base h-12 px-6 flex-1",
-    type: "submit"
-  }, /* @__PURE__ */ React.createElement(BiLogIn, {
-    className: "w-6 h-auto mr-2 opacity-80"
-  }), " Edit With Tina")));
+    /* @__PURE__ */ React.createElement(BiLogIn, { className: "w-6 h-auto mr-2 opacity-80" }),
+    " Edit With Tina"
+  )));
 };
 const LogoutRedirect = () => {
   const cms = useCMS();
@@ -3646,26 +3879,30 @@ const logout = () => {
   window.location.href = "/";
 };
 const LogoutPage = () => {
-  return /* @__PURE__ */ React.createElement(AuthTemplate, null, /* @__PURE__ */ React.createElement("div", {
-    className: "flex w-full flex-1 gap-4 items-center justify-end"
-  }, /* @__PURE__ */ React.createElement(Button, {
-    onClick: () => {
-      window.location.href = "/";
+  return /* @__PURE__ */ React.createElement(AuthTemplate, null, /* @__PURE__ */ React.createElement("div", { className: "flex w-full flex-1 gap-4 items-center justify-end" }, /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      onClick: () => {
+        window.location.href = "/";
+      },
+      variant: "white",
+      size: "custom",
+      className: "text-base h-12 px-6 flex-shrink-0 flex-grow-0"
+    },
+    /* @__PURE__ */ React.createElement(MdOutlineArrowBack, { className: "w-6 h-auto mr-1.5 opacity-80" }),
+    " Back To Site"
+  ), /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      onClick: () => logout(),
+      type: "submit",
+      variant: "primary",
+      size: "custom",
+      className: "text-base h-12 px-6 flex-1"
     },
-    variant: "white",
-    size: "custom",
-    className: "text-base h-12 px-6 flex-shrink-0 flex-grow-0"
-  }, /* @__PURE__ */ React.createElement(MdOutlineArrowBack, {
-    className: "w-6 h-auto mr-1.5 opacity-80"
-  }), " Back To Site"), /* @__PURE__ */ React.createElement(Button, {
-    onClick: () => logout(),
-    type: "submit",
-    variant: "primary",
-    size: "custom",
-    className: "text-base h-12 px-6 flex-1"
-  }, /* @__PURE__ */ React.createElement(BiLogOut, {
-    className: "w-6 h-auto mr-1.5 opacity-80"
-  }), " Log Out of Tina")));
+    /* @__PURE__ */ React.createElement(BiLogOut, { className: "w-6 h-auto mr-1.5 opacity-80" }),
+    " Log Out of Tina"
+  )));
 };
 const PageWrapper = ({
   children
@@ -3673,7 +3910,9 @@ const PageWrapper = ({
   var _a, _b;
   const cms = useCMS();
   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"));
+  const [branchingEnabled, setBranchingEnabled] = React.useState(
+    () => cms.flags.get("branch-switcher")
+  );
   React.useEffect(() => {
     cms.events.subscribe("flag:set", ({ key, value }) => {
       if (key === "branch-switcher") {
@@ -3681,164 +3920,143 @@ const PageWrapper = ({
       }
     });
   }, [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);
+  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-12 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))));
+  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-12 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-12"
-}, children);
+}) => /* @__PURE__ */ React.createElement("div", { className: "py-8 px-12" }, children);
 const PageBodyNarrow = ({
   children
-}) => /* @__PURE__ */ React.createElement("div", {
-  className: "py-10 px-12"
-}, /* @__PURE__ */ React.createElement("div", {
-  className: "w-full mx-auto max-w-screen-xl"
-}, children));
+}) => /* @__PURE__ */ React.createElement("div", { className: "py-10 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.")));
+    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" }, "child": [{ "tag": "g", "attr": {}, "child": [{ "tag": "path", "attr": { "fill": "none", "d": "M0 0h24v24H0z" } }, { "tag": "path", "attr": { "d": "M19 21H5a1 1 0 0 1-1-1v-9H1l10.327-9.388a1 1 0 0 1 1.346 0L23 11h-3v9a1 1 0 0 1-1 1zM6 19h12V9.157l-6-5.454-6 5.454V19z" } }] }] })(props);
 }
-const LoadingPage = () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", {
-  style: {
-    position: "absolute",
-    top: 0,
-    left: 0,
-    width: "100%",
-    height: "100%",
-    zIndex: 200,
-    opacity: "0.8",
-    display: "flex",
-    alignItems: "start",
-    justifyContent: "center",
-    padding: "120px 40px 40px 40px"
-  }
-}, /* @__PURE__ */ React.createElement("div", {
-  style: {
-    background: "#FFF",
-    border: "1px solid #EDECF3",
-    boxShadow: "0px 2px 3px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.1)",
-    borderRadius: "8px",
-    padding: "32px 24px",
-    width: "460px",
-    maxWidth: "90%",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    flexDirection: "column"
-  }
-}, /* @__PURE__ */ React.createElement("svg", {
-  style: {
-    width: "64px",
-    color: "#2296fe",
-    marginTop: "-8px",
-    marginBottom: "16px"
+const LoadingPage = () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+  "div",
+  {
+    style: {
+      position: "absolute",
+      top: 0,
+      left: 0,
+      width: "100%",
+      height: "100%",
+      zIndex: 200,
+      opacity: "0.8",
+      display: "flex",
+      alignItems: "start",
+      justifyContent: "center",
+      padding: "120px 40px 40px 40px"
+    }
   },
-  version: "1.1",
-  id: "L5",
-  xmlns: "http://www.w3.org/2000/svg",
-  xmlnsXlink: "http://www.w3.org/1999/xlink",
-  x: "0px",
-  y: "0px",
-  viewBox: "0 0 100 64",
-  enableBackground: "new 0 0 0 0",
-  xmlSpace: "preserve"
-}, /* @__PURE__ */ React.createElement("circle", {
-  fill: "currentColor",
-  stroke: "none",
-  cx: 6,
-  cy: 32,
-  r: 6
-}, /* @__PURE__ */ React.createElement("animateTransform", {
-  attributeName: "transform",
-  dur: "1s",
-  type: "translate",
-  values: "0 15 ; 0 -15; 0 15",
-  calcMode: "spline",
-  keySplines: "0.8 0 0.4 1; 0.4 0 0.2 1",
-  repeatCount: "indefinite",
-  begin: "0.1"
-})), /* @__PURE__ */ React.createElement("circle", {
-  fill: "currentColor",
-  stroke: "none",
-  cx: 30,
-  cy: 32,
-  r: 6
-}, /* @__PURE__ */ React.createElement("animateTransform", {
-  attributeName: "transform",
-  dur: "1s",
-  type: "translate",
-  values: "0 15 ; 0 -10; 0 15",
-  calcMode: "spline",
-  keySplines: "0.8 0 0.4 1; 0.4 0 0.2 1",
-  repeatCount: "indefinite",
-  begin: "0.2"
-})), /* @__PURE__ */ React.createElement("circle", {
-  fill: "currentColor",
-  stroke: "none",
-  cx: 54,
-  cy: 32,
-  r: 6
-}, /* @__PURE__ */ React.createElement("animateTransform", {
-  attributeName: "transform",
-  dur: "1s",
-  type: "translate",
-  values: "0 15 ; 0 -5; 0 15",
-  calcMode: "spline",
-  keySplines: "0.8 0 0.4 1; 0.4 0 0.2 1",
-  repeatCount: "indefinite",
-  begin: "0.3"
-}))), /* @__PURE__ */ React.createElement("p", {
-  style: {
-    fontSize: "16px",
-    color: "#716c7f",
-    textAlign: "center",
-    lineHeight: "1.3",
-    fontFamily: "'Inter', sans-serif",
-    fontWeight: "normal"
-  }
-}, "Please wait, Tina is loading data..."))));
+  /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      style: {
+        background: "#FFF",
+        border: "1px solid #EDECF3",
+        boxShadow: "0px 2px 3px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.1)",
+        borderRadius: "8px",
+        padding: "32px 24px",
+        width: "460px",
+        maxWidth: "90%",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        flexDirection: "column"
+      }
+    },
+    /* @__PURE__ */ React.createElement(
+      "svg",
+      {
+        style: {
+          width: "64px",
+          color: "#2296fe",
+          marginTop: "-8px",
+          marginBottom: "16px"
+        },
+        version: "1.1",
+        id: "L5",
+        xmlns: "http://www.w3.org/2000/svg",
+        xmlnsXlink: "http://www.w3.org/1999/xlink",
+        x: "0px",
+        y: "0px",
+        viewBox: "0 0 100 64",
+        enableBackground: "new 0 0 0 0",
+        xmlSpace: "preserve"
+      },
+      /* @__PURE__ */ React.createElement("circle", { fill: "currentColor", stroke: "none", cx: 6, cy: 32, r: 6 }, /* @__PURE__ */ React.createElement(
+        "animateTransform",
+        {
+          attributeName: "transform",
+          dur: "1s",
+          type: "translate",
+          values: "0 15 ; 0 -15; 0 15",
+          calcMode: "spline",
+          keySplines: "0.8 0 0.4 1; 0.4 0 0.2 1",
+          repeatCount: "indefinite",
+          begin: "0.1"
+        }
+      )),
+      /* @__PURE__ */ React.createElement("circle", { fill: "currentColor", stroke: "none", cx: 30, cy: 32, r: 6 }, /* @__PURE__ */ React.createElement(
+        "animateTransform",
+        {
+          attributeName: "transform",
+          dur: "1s",
+          type: "translate",
+          values: "0 15 ; 0 -10; 0 15",
+          calcMode: "spline",
+          keySplines: "0.8 0 0.4 1; 0.4 0 0.2 1",
+          repeatCount: "indefinite",
+          begin: "0.2"
+        }
+      )),
+      /* @__PURE__ */ React.createElement("circle", { fill: "currentColor", stroke: "none", cx: 54, cy: 32, r: 6 }, /* @__PURE__ */ React.createElement(
+        "animateTransform",
+        {
+          attributeName: "transform",
+          dur: "1s",
+          type: "translate",
+          values: "0 15 ; 0 -5; 0 15",
+          calcMode: "spline",
+          keySplines: "0.8 0 0.4 1; 0.4 0 0.2 1",
+          repeatCount: "indefinite",
+          begin: "0.3"
+        }
+      ))
+    ),
+    /* @__PURE__ */ React.createElement(
+      "p",
+      {
+        style: {
+          fontSize: "16px",
+          color: "#716c7f",
+          textAlign: "center",
+          lineHeight: "1.3",
+          fontFamily: "'Inter', sans-serif",
+          fontWeight: "normal"
+        }
+      },
+      "Please wait, Tina is loading data..."
+    )
+  )
+));
 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, {
-    variant: "danger",
-    onClick: () => window.location.reload()
-  }, /* @__PURE__ */ React.createElement(BiSync, {
-    className: "w-7 h-auto fill-current opacity-70 mr-1"
-  }), " Reload"));
+  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, { 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);
@@ -3856,10 +4074,20 @@ const useGetCollection = (cms, collectionName, includeDocuments = true, folder,
         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);
+          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}`);
+          cms.alerts.error(
+            `[${error2.name}] GetCollection failed: ${error2.message}`
+          );
           console.error(error2);
           setCollection(void 0);
           setError(error2);
@@ -3899,14 +4127,19 @@ const useSearchCollection = (cms, collectionName, includeDocuments = true, folde
     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 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);
@@ -3928,7 +4161,9 @@ const useSearchCollection = (cms, collectionName, includeDocuments = true, folde
             }
           });
         } catch (error2) {
-          cms.alerts.error(`[${error2.name}] GetCollection failed: ${error2.message}`);
+          cms.alerts.error(
+            `[${error2.name}] GetCollection failed: ${error2.message}`
+          );
           console.error(error2);
           setCollection(void 0);
           setError(error2);
@@ -3967,18 +4202,43 @@ const GetCollection = ({
   search
 }) => {
   const navigate = useNavigate();
-  const { collection, loading, error, reFetchCollection, collectionExtra } = search ? useSearchCollection(cms, collectionName, includeDocuments, folder, startCursor || "", search) : useGetCollection(cms, collectionName, includeDocuments, folder, startCursor || "", sortKey, filterArgs) || {};
+  const { collection, loading, error, reFetchCollection, collectionExtra } = search ? useSearchCollection(
+    cms,
+    collectionName,
+    includeDocuments,
+    folder,
+    startCursor || "",
+    search
+  ) : useGetCollection(
+    cms,
+    collectionName,
+    includeDocuments,
+    folder,
+    startCursor || "",
+    sortKey,
+    filterArgs
+  ) || {};
   useEffect(() => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
     if (loading)
       return;
-    const collectionDefinition = cms.api.tina.schema.getCollection(collection.name);
-    const allowCreate = (_c = (_b = (_a = collectionDefinition == null ? void 0 : collectionDefinition.ui) == null ? void 0 : _a.allowedActions) == null ? void 0 : _b.create) != null ? _c : true;
-    const allowDelete = (_f = (_e = (_d = collectionDefinition == null ? void 0 : collectionDefinition.ui) == null ? void 0 : _d.allowedActions) == null ? void 0 : _e.delete) != null ? _f : true;
+    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 && ((_h = (_g = collectionResponse.documents) == null ? void 0 : _g.edges) == null ? void 0 : _h.length) === 1 && ((_k = (_j = (_i = collectionResponse.documents) == null ? void 0 : _i.edges[0]) == null ? void 0 : _j.node) == null ? void 0 : _k.__typename) !== "Folder") {
+    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);
+      handleNavigate(
+        navigate,
+        cms,
+        collectionResponse,
+        collectionDefinition,
+        doc
+      );
     }
   }, [(collection == null ? void 0 : collection.name) || "", loading]);
   if (error) {
@@ -4033,43 +4293,38 @@ const TemplateMenu = ({
   folder,
   collectionName
 }) => {
-  return /* @__PURE__ */ React.createElement(Menu, {
-    as: "div",
-    className: "relative inline-block text-left"
-  }, () => /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Menu.Button, {
-    className: "icon-parent inline-flex items-center font-medium focus:outline-none focus:ring-2 focus:shadow-outline text-center rounded-full justify-center transition-all duration-150 ease-out  shadow text-white bg-blue-500 hover:bg-blue-600 focus:ring-blue-500 text-sm h-10 px-6"
-  }, "Create New ", /* @__PURE__ */ React.createElement(BiPlus, {
-    className: "w-5 h-full ml-1 opacity-70"
-  }))), /* @__PURE__ */ React.createElement(Transition, {
-    as: Fragment,
-    enter: "transition ease-out duration-100",
-    enterFrom: "transform opacity-0 scale-95",
-    enterTo: "transform opacity-100 scale-100",
-    leave: "transition ease-in duration-75",
-    leaveFrom: "transform opacity-100 scale-100",
-    leaveTo: "transform opacity-0 scale-95"
-  }, /* @__PURE__ */ React.createElement(Menu.Items, {
-    className: "origin-top-right absolute right-0 mt-2 z-menu w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 focus:outline-none"
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "py-1"
-  }, templates.map((template) => /* @__PURE__ */ React.createElement(Menu.Item, {
-    key: `${template.label}-${template.name}`
-  }, ({ active }) => /* @__PURE__ */ React.createElement(Link, {
-    to: `/${folder.fullyQualifiedName ? [
-      "collections",
-      "new",
-      collectionName,
-      template.name,
-      "~",
-      folder.name
-    ].join("/") : [
-      "collections",
-      "new",
-      collectionName,
-      template.name
-    ].join("/")}`,
-    className: `w-full text-md px-4 py-2 tracking-wide flex items-center transition ease-out duration-100 ${active ? "text-blue-600 opacity-100 bg-gray-50" : "opacity-80 text-gray-600"}`
-  }, template.label))))))));
+  return /* @__PURE__ */ React.createElement(Menu, { as: "div", className: "relative inline-block text-left" }, () => /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Menu.Button, { className: "icon-parent inline-flex items-center font-medium focus:outline-none focus:ring-2 focus:shadow-outline text-center rounded-full justify-center transition-all duration-150 ease-out  shadow text-white bg-blue-500 hover:bg-blue-600 focus:ring-blue-500 text-sm h-10 px-6" }, "Create New ", /* @__PURE__ */ React.createElement(BiPlus, { className: "w-5 h-full ml-1 opacity-70" }))), /* @__PURE__ */ React.createElement(
+    Transition,
+    {
+      as: Fragment,
+      enter: "transition ease-out duration-100",
+      enterFrom: "transform opacity-0 scale-95",
+      enterTo: "transform opacity-100 scale-100",
+      leave: "transition ease-in duration-75",
+      leaveFrom: "transform opacity-100 scale-100",
+      leaveTo: "transform opacity-0 scale-95"
+    },
+    /* @__PURE__ */ React.createElement(Menu.Items, { className: "origin-top-right absolute right-0 mt-2 z-menu w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 focus:outline-none" }, /* @__PURE__ */ React.createElement("div", { className: "py-1" }, templates.map((template) => /* @__PURE__ */ React.createElement(Menu.Item, { key: `${template.label}-${template.name}` }, ({ active }) => /* @__PURE__ */ React.createElement(
+      Link,
+      {
+        to: `/${folder.fullyQualifiedName ? [
+          "collections",
+          "new",
+          collectionName,
+          template.name,
+          "~",
+          folder.name
+        ].join("/") : [
+          "collections",
+          "new",
+          collectionName,
+          template.name
+        ].join("/")}`,
+        className: `w-full text-md px-4 py-2 tracking-wide flex items-center transition ease-out duration-100 ${active ? "text-blue-600 opacity-100 bg-gray-50" : "opacity-80 text-gray-600"}`
+      },
+      template.label
+    )))))
+  )));
 };
 const handleNavigate = (navigate, cms, collection, collectionDefinition, document) => {
   var _a, _b;
@@ -4088,7 +4343,10 @@ const handleNavigate = (navigate, cms, collection, collectionDefinition, documen
     return null;
   } else {
     const pathToDoc = document._sys.breadcrumbs;
-    navigate(`/${["collections", "edit", collection.name, ...pathToDoc].join("/")}`, { replace: true });
+    navigate(
+      `/${["collections", "edit", collection.name, ...pathToDoc].join("/")}`,
+      { replace: true }
+    );
   }
 };
 const CollectionListPage = () => {
@@ -4109,10 +4367,13 @@ const CollectionListPage = () => {
   });
   const [endCursor, setEndCursor] = useState("");
   const [prevCursors, setPrevCursors] = useState([]);
-  const [sortKey, setSortKey] = useState(isSSR ? "" : window.localStorage.getItem(`${LOCAL_STORAGE_KEY}.${collectionName}`) || JSON.stringify({
-    order: "asc",
-    name: ""
-  }));
+  const [sortKey, setSortKey] = useState(
+    // set sort key to cached value if it exists
+    isSSR ? "" : window.localStorage.getItem(`${LOCAL_STORAGE_KEY}.${collectionName}`) || JSON.stringify({
+      order: "asc",
+      name: ""
+    })
+  );
   const [search, setSearch] = useState("");
   const [searchInput, setSearchInput] = useState("");
   const { order = "asc", name: sortName } = JSON.parse(sortKey || "{}");
@@ -4120,10 +4381,12 @@ const CollectionListPage = () => {
   const loc = useLocation();
   const folder = useCollectionFolder();
   useEffect(() => {
-    setSortKey(window.localStorage.getItem(`${LOCAL_STORAGE_KEY}.${collectionName}`) || JSON.stringify({
-      order: "asc",
-      name: ""
-    }));
+    setSortKey(
+      window.localStorage.getItem(`${LOCAL_STORAGE_KEY}.${collectionName}`) || JSON.stringify({
+        order: "asc",
+        name: ""
+      })
+    );
     setEndCursor("");
     setPrevCursors([]);
     setSearch("");
@@ -4144,377 +4407,412 @@ const CollectionListPage = () => {
     }));
   }, [collectionName]);
   return /* @__PURE__ */ React.createElement(GetCMS, null, (cms) => {
-    return /* @__PURE__ */ React.createElement(PageWrapper, null, /* @__PURE__ */ React.createElement(GetCollection, {
-      cms,
-      collectionName,
-      includeDocuments: true,
-      startCursor: endCursor,
-      sortKey,
-      folder,
-      filterArgs: collectionName === vars.collection ? vars : {
-        collection: collectionName,
-        relativePath: "",
-        newRelativePath: "",
-        filterField: "",
-        startsWith: "",
-        endsWith: "",
-        before: "",
-        after: "",
-        booleanEquals: null
-      },
-      search
-    }, (collection, _loading, reFetchCollection, collectionExtra) => {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
-      collection.documents.totalCount;
-      const documents = collection.documents.edges;
-      const admin = cms.api.admin;
-      const pageInfo = collection.documents.pageInfo;
-      const fields = (_a = collectionExtra.fields) == null ? void 0 : _a.filter((x) => ["string", "number", "datetime", "boolean"].includes(x.type));
-      const sortField = fields == null ? void 0 : fields.find((field) => field.name === sortName);
-      const searchEnabled = !!((_d = (_c = (_b = cms.api.tina.schema) == null ? void 0 : _b.config) == null ? void 0 : _c.config) == null ? void 0 : _d.search);
-      const collectionDefinition = cms.api.tina.schema.getCollection(collection.name);
-      const allowCreate = (_g = (_f = (_e = collectionDefinition == null ? void 0 : collectionDefinition.ui) == null ? void 0 : _e.allowedActions) == null ? void 0 : _f.create) != null ? _g : true;
-      const allowDelete = (_j = (_i = (_h = collectionDefinition == null ? void 0 : collectionDefinition.ui) == null ? void 0 : _h.allowedActions) == null ? void 0 : _i.delete) != null ? _j : true;
-      const folderView = folder.fullyQualifiedName !== "";
-      return /* @__PURE__ */ React.createElement(React.Fragment, null, deleteModalOpen && !cms.api.tina.usingProtectedBranch() && /* @__PURE__ */ React.createElement(DeleteModal, {
-        filename: vars.relativePath,
-        deleteFunc: async () => {
-          try {
-            await admin.deleteDocument(vars);
-            cms.alerts.info("Document was successfully deleted");
-            reFetchCollection();
-          } catch (error) {
-            cms.alerts.warn("Document was not deleted, ask a developer for help or check the console for an error message");
-            console.error(error);
-            throw error;
-          }
-        },
-        close: () => setDeleteModalOpen(false)
-      }), deleteModalOpen && cms.api.tina.usingProtectedBranch() && /* @__PURE__ */ React.createElement(CreateBranchModel, {
-        crudType: "delete",
-        relativePath: collectionExtra.path + "/" + vars.relativePath,
-        values: vars,
-        close: () => setDeleteModalOpen(false),
-        safeSubmit: async () => {
-          try {
-            await admin.deleteDocument(vars);
-            cms.alerts.info("Document was successfully deleted");
-            reFetchCollection();
-          } catch (error) {
-            cms.alerts.warn("Document was not deleted, ask a developer for help or check the console for an error message");
-            console.error(error);
-            throw error;
-          }
-        }
-      }), renameModalOpen && /* @__PURE__ */ React.createElement(RenameModal, {
-        filename: vars.relativePath,
-        newRelativePath: vars.newRelativePath,
-        setNewRelativePath: (newRelativePath) => {
-          setVars((vars2) => {
-            return { ...vars2, newRelativePath };
-          });
-        },
-        renameFunc: async () => {
-          const newRelativePath = `${vars.newRelativePath}.${collection.format}`;
-          try {
-            await admin.renameDocument({
-              collection: vars.collection,
-              relativePath: vars.relativePath,
-              newRelativePath
-            });
-            cms.alerts.info("Document was successfully renamed");
-            reFetchCollection();
-          } catch (error) {
-            cms.alerts.warn("Document was not renamed, ask a developer for help or check the console for an error message");
-            console.error(error);
-            throw error;
+    return /* @__PURE__ */ React.createElement(PageWrapper, null, /* @__PURE__ */ React.createElement(
+      GetCollection,
+      {
+        cms,
+        collectionName,
+        includeDocuments: true,
+        startCursor: endCursor,
+        sortKey,
+        folder,
+        filterArgs: (
+          // only pass filter args if the collection is the same as the current route
+          // We need this hear because this runs before the useEffect above
+          collectionName === vars.collection ? vars : {
+            collection: collectionName,
+            relativePath: "",
+            newRelativePath: "",
+            filterField: "",
+            startsWith: "",
+            endsWith: "",
+            before: "",
+            after: "",
+            booleanEquals: null
           }
-        },
-        close: () => setRenameModalOpen(false)
-      }), /* @__PURE__ */ React.createElement(PageHeader, {
-        isLocalMode: (_l = (_k = cms == null ? void 0 : cms.api) == null ? void 0 : _k.tina) == null ? void 0 : _l.isLocalMode
-      }, /* @__PURE__ */ React.createElement("div", {
-        className: "w-full grid grid-flow-col items-end gap-4"
-      }, /* @__PURE__ */ React.createElement("div", {
-        className: "flex flex-col gap-4"
-      }, /* @__PURE__ */ React.createElement("h3", {
-        className: "font-sans text-2xl text-gray-700"
-      }, collection.label ? collection.label : collection.name), /* @__PURE__ */ React.createElement("div", {
-        className: "flex gap-4 items-start flex-wrap"
-      }, (fields == null ? void 0 : fields.length) > 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, !search && /* @__PURE__ */ React.createElement("div", {
-        className: "flex flex-col gap-2 items-start"
-      }, /* @__PURE__ */ React.createElement("label", {
-        htmlFor: "sort",
-        className: "block font-sans text-xs font-semibold text-gray-500 whitespace-normal"
-      }, "Sort by"), /* @__PURE__ */ React.createElement(Select, {
-        name: "sort",
-        options: [
+        ),
+        search
+      },
+      (collection, _loading, reFetchCollection, collectionExtra) => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+        collection.documents.totalCount;
+        const documents = collection.documents.edges;
+        const admin = cms.api.admin;
+        const pageInfo = collection.documents.pageInfo;
+        const fields = (_a = collectionExtra.fields) == null ? void 0 : _a.filter(
+          (x) => (
+            // only allow sortable fields
+            ["string", "number", "datetime", "boolean"].includes(x.type)
+          )
+        );
+        const sortField = fields == null ? void 0 : fields.find(
+          (field) => field.name === sortName
+        );
+        const searchEnabled = !!((_d = (_c = (_b = cms.api.tina.schema) == null ? void 0 : _b.config) == null ? void 0 : _c.config) == null ? void 0 : _d.search);
+        const collectionDefinition = cms.api.tina.schema.getCollection(
+          collection.name
+        );
+        const allowCreate = ((_f = (_e = collectionDefinition == null ? void 0 : collectionDefinition.ui) == null ? void 0 : _e.allowedActions) == null ? void 0 : _f.create) ?? true;
+        const allowDelete = ((_h = (_g = collectionDefinition == null ? void 0 : collectionDefinition.ui) == null ? void 0 : _g.allowedActions) == null ? void 0 : _h.delete) ?? true;
+        const folderView = folder.fullyQualifiedName !== "";
+        return /* @__PURE__ */ React.createElement(React.Fragment, null, deleteModalOpen && !cms.api.tina.usingProtectedBranch() && /* @__PURE__ */ React.createElement(
+          DeleteModal,
           {
-            label: "Default",
-            value: JSON.stringify({
-              order: "asc",
-              name: ""
-            })
-          },
-          ...fields.map((x) => [
-            {
-              label: (x.label || x.name) + (x.type === "datetime" ? " (Oldest First)" : " (Ascending)"),
-              value: JSON.stringify({
-                name: x.name,
-                order: "asc"
-              })
+            filename: vars.relativePath,
+            deleteFunc: async () => {
+              try {
+                await admin.deleteDocument(vars);
+                cms.alerts.info(
+                  "Document was successfully deleted"
+                );
+                reFetchCollection();
+              } catch (error) {
+                cms.alerts.warn(
+                  "Document was not deleted, ask a developer for help or check the console for an error message"
+                );
+                console.error(error);
+                throw error;
+              }
             },
-            {
-              label: (x.label || x.name) + (x.type === "datetime" ? " (Newest First)" : " (Descending)"),
-              value: JSON.stringify({
-                name: x.name,
-                order: "desc"
-              })
-            }
-          ]).flat()
-        ],
-        input: {
-          id: "sort",
-          name: "sort",
-          value: sortKey,
-          onChange: (e) => {
-            const val = JSON.parse(e.target.value);
-            setEndCursor("");
-            setPrevCursors([]);
-            window == null ? void 0 : window.localStorage.setItem(`${LOCAL_STORAGE_KEY}.${collectionName}`, e.target.value);
-            setSortKey(e.target.value);
-            setSortOrder(val.order);
+            close: () => setDeleteModalOpen(false)
           }
-        }
-      })), /* @__PURE__ */ React.createElement("div", {
-        className: "flex flex-1 flex-col gap-2 items-start w-full"
-      }, searchEnabled ? /* @__PURE__ */ React.createElement(SearchInput, {
-        loading: _loading,
-        search,
-        setSearch,
-        searchInput,
-        setSearchInput
-      }) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("label", {
-        className: "block font-sans text-xs font-semibold text-gray-500 whitespace-normal"
-      }, "Search"), /* @__PURE__ */ React.createElement(Message, {
-        link: "https://tina.io/docs/reference/search/overview",
-        linkLabel: "Read The Docs",
-        type: "info",
-        size: "small"
-      }, "Search not configured.")))))), /* @__PURE__ */ React.createElement("div", {
-        className: "flex self-end	justify-self-end"
-      }, !collection.templates && allowCreate && /* @__PURE__ */ React.createElement(Link, {
-        to: `/${folder.fullyQualifiedName ? [
-          "collections",
-          "new",
-          collectionName,
-          "~",
-          folder.name
-        ].join("/") : ["collections", "new", collectionName].join("/")}`,
-        className: "icon-parent inline-flex items-center font-medium focus:outline-none focus:ring-2 focus:shadow-outline text-center rounded-full justify-center transition-all duration-150 ease-out whitespace-nowrap shadow text-white bg-blue-500 hover:bg-blue-600 focus:ring-blue-500 text-sm h-10 px-6"
-      }, "Create New", " ", /* @__PURE__ */ React.createElement(BiPlus, {
-        className: "w-5 h-full ml-1 opacity-70"
-      })), collection.templates && allowCreate && /* @__PURE__ */ React.createElement(TemplateMenu, {
-        collectionName,
-        templates: collection.templates,
-        folder
-      })))), /* @__PURE__ */ React.createElement(PageBody, null, /* @__PURE__ */ React.createElement("div", {
-        className: "w-full mx-auto max-w-screen-xl"
-      }, sortField && !sortField.required && /* @__PURE__ */ React.createElement("p", {
-        className: "mb-4 text-gray-500"
-      }, /* @__PURE__ */ React.createElement("em", null, "Sorting on a non-required field. Some documents may be excluded (if they don't have a value for", " ", sortName, ")")), documents.length > 0 ? /* @__PURE__ */ React.createElement("table", {
-        className: "table-auto shadow bg-white border-b border-gray-200 w-full max-w-full rounded-lg"
-      }, /* @__PURE__ */ React.createElement("tbody", {
-        className: "divide-y divide-gray-150"
-      }, folder.name && !search && /* @__PURE__ */ React.createElement("tr", null, /* @__PURE__ */ React.createElement("td", {
-        colSpan: 5
-      }, /* @__PURE__ */ React.createElement(Breadcrumb, {
-        folder,
-        navigate,
-        collectionName
-      }))), documents.map((document) => {
-        var _a2;
-        if (document.node.__typename === "Folder") {
-          return /* @__PURE__ */ React.createElement("tr", {
-            key: `folder-${document.node.path}`
-          }, /* @__PURE__ */ React.createElement("td", {
-            className: "pl-5 pr-3 py-3 truncate max-w-0"
-          }, /* @__PURE__ */ React.createElement("a", {
-            className: "text-blue-600 hover:text-blue-400 flex items-center gap-3 cursor-pointer truncate",
-            onClick: () => {
-              navigate(`/${[
-                "collections",
-                collectionName,
-                document.node.path
-              ].join("/")}`, { replace: true });
+        ), deleteModalOpen && cms.api.tina.usingProtectedBranch() && /* @__PURE__ */ React.createElement(
+          CreateBranchModel,
+          {
+            crudType: "delete",
+            relativePath: collectionExtra.path + "/" + vars.relativePath,
+            values: vars,
+            close: () => setDeleteModalOpen(false),
+            safeSubmit: async () => {
+              try {
+                await admin.deleteDocument(vars);
+                cms.alerts.info("Document was successfully deleted");
+                reFetchCollection();
+              } catch (error) {
+                cms.alerts.warn(
+                  "Document was not deleted, ask a developer for help or check the console for an error message"
+                );
+                console.error(error);
+                throw error;
+              }
             }
-          }, /* @__PURE__ */ React.createElement(BiFolder, {
-            className: "inline-block h-6 w-auto flex-shrink-0 opacity-70"
-          }), /* @__PURE__ */ React.createElement("span", {
-            className: "truncate block"
-          }, /* @__PURE__ */ React.createElement("span", {
-            className: "block text-xs text-gray-400 mb-1 uppercase"
-          }, "Name"), /* @__PURE__ */ React.createElement("span", {
-            className: "h-5 leading-5 block truncate"
-          }, /* @__PURE__ */ React.createElement("span", null, document.node.name))))), /* @__PURE__ */ React.createElement("td", {
-            className: "px-3 py-3 truncate max-w-0",
-            colSpan: 4
-          }, /* @__PURE__ */ React.createElement("span", {
-            className: "block text-xs text-gray-400 mb-1 uppercase"
-          }, "Path"), /* @__PURE__ */ React.createElement("span", {
-            className: "leading-5 block text-sm font-medium text-gray-900 truncate"
-          }, document.node.path.substring(2).split("/").map((node) => {
-            return /* @__PURE__ */ React.createElement("span", {
-              key: node
-            }, /* @__PURE__ */ React.createElement("span", {
-              className: "text-gray-300 pr-0.5"
-            }, "/"), /* @__PURE__ */ React.createElement("span", {
-              className: "pr-0.5"
-            }, node));
-          }))));
-        }
-        const hasTitle = Boolean(document.node._sys.title);
-        const subfolders = document.node._sys.breadcrumbs.slice(0, -1).join("/");
-        return /* @__PURE__ */ React.createElement("tr", {
-          key: `document-${document.node._sys.relativePath}`,
-          className: ""
-        }, /* @__PURE__ */ React.createElement("td", {
-          className: "pl-5 pr-3 py-3 truncate max-w-0",
-          colSpan: hasTitle ? 1 : 2
-        }, /* @__PURE__ */ React.createElement("a", {
-          className: "text-blue-600 hover:text-blue-400 flex items-center gap-3 cursor-pointer truncate",
-          onClick: () => {
-            handleNavigate(navigate, cms, collection, collectionDefinition, document.node);
           }
-        }, /* @__PURE__ */ React.createElement(BiFile, {
-          className: "inline-block h-6 w-auto flex-shrink-0 opacity-70"
-        }), /* @__PURE__ */ React.createElement("span", {
-          className: "truncate block"
-        }, /* @__PURE__ */ React.createElement("span", {
-          className: "block text-xs text-gray-400 mb-1 uppercase"
-        }, hasTitle ? "Title" : "Filename"), /* @__PURE__ */ React.createElement("span", {
-          className: "h-5 leading-5 block truncate"
-        }, !folderView && !hasTitle && subfolders && /* @__PURE__ */ React.createElement("span", {
-          className: "text-xs text-gray-400"
-        }, `${subfolders}/`), /* @__PURE__ */ React.createElement("span", null, hasTitle ? (_a2 = document.node._sys) == null ? void 0 : _a2.title : document.node._sys.filename))))), hasTitle && /* @__PURE__ */ React.createElement("td", {
-          className: "px-3 py-3 truncate max-w-0"
-        }, /* @__PURE__ */ React.createElement("span", {
-          className: "block text-xs text-gray-400 mb-1 uppercase"
-        }, "Filename"), /* @__PURE__ */ React.createElement("span", {
-          className: "h-5 leading-5 block text-sm font-medium text-gray-900 truncate"
-        }, !folderView && subfolders && /* @__PURE__ */ React.createElement("span", {
-          className: "text-xs text-gray-400"
-        }, `${subfolders}/`), /* @__PURE__ */ React.createElement("span", null, document.node._sys.filename))), /* @__PURE__ */ React.createElement("td", {
-          className: "px-3 py-3 truncate w-[15%]"
-        }, /* @__PURE__ */ React.createElement("span", {
-          className: "block text-xs text-gray-400 mb-1 uppercase"
-        }, "Extension"), /* @__PURE__ */ React.createElement("span", {
-          className: "h-5 leading-5 block text-sm font-medium text-gray-900"
-        }, document.node._sys.extension)), /* @__PURE__ */ React.createElement("td", {
-          className: "px-3 py-3 truncate w-[15%]"
-        }, /* @__PURE__ */ React.createElement("span", {
-          className: "block text-xs text-gray-400 mb-1 uppercase"
-        }, "Template"), /* @__PURE__ */ React.createElement("span", {
-          className: "h-5 leading-5 block text-sm font-medium text-gray-900"
-        }, document.node._sys.template)), /* @__PURE__ */ React.createElement("td", {
-          className: "w-0"
-        }, /* @__PURE__ */ React.createElement(OverflowMenu, {
-          toolbarItems: [
-            {
-              name: "edit",
-              label: "Edit in Admin",
-              Icon: /* @__PURE__ */ React.createElement(BiEdit, {
-                size: "1.3rem"
-              }),
-              onMouseDown: () => {
-                const pathToDoc = document.node._sys.breadcrumbs;
-                if (folder.fullyQualifiedName) {
-                  pathToDoc.unshift("~");
-                }
-                navigate(`/${[
-                  "collections",
-                  "edit",
-                  collectionName,
-                  ...pathToDoc
-                ].join("/")}`, { replace: true });
+        ), renameModalOpen && /* @__PURE__ */ React.createElement(
+          RenameModal,
+          {
+            filename: vars.relativePath,
+            newRelativePath: vars.newRelativePath,
+            setNewRelativePath: (newRelativePath) => {
+              setVars((vars2) => {
+                return { ...vars2, newRelativePath };
+              });
+            },
+            renameFunc: async () => {
+              const newRelativePath = `${vars.newRelativePath}.${collection.format}`;
+              try {
+                await admin.renameDocument({
+                  collection: vars.collection,
+                  relativePath: vars.relativePath,
+                  newRelativePath
+                });
+                cms.alerts.info("Document was successfully renamed");
+                reFetchCollection();
+              } catch (error) {
+                cms.alerts.warn(
+                  "Document was not renamed, ask a developer for help or check the console for an error message"
+                );
+                console.error(error);
+                throw error;
               }
             },
-            allowCreate && {
-              name: "duplicate",
-              label: "Duplicate",
-              Icon: /* @__PURE__ */ React.createElement(BiCopy, {
-                size: "1.3rem"
-              }),
-              onMouseDown: () => {
-                const pathToDoc = document.node._sys.breadcrumbs;
-                if (folder.fullyQualifiedName) {
-                  pathToDoc.unshift("~");
+            close: () => setRenameModalOpen(false)
+          }
+        ), /* @__PURE__ */ React.createElement(PageHeader, { isLocalMode: (_j = (_i = cms == null ? void 0 : cms.api) == null ? void 0 : _i.tina) == null ? void 0 : _j.isLocalMode }, /* @__PURE__ */ React.createElement("div", { className: "w-full grid grid-flow-col items-end gap-4" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-4" }, /* @__PURE__ */ React.createElement("h3", { className: "font-sans text-2xl text-gray-700" }, collection.label ? collection.label : collection.name), /* @__PURE__ */ React.createElement("div", { className: "flex gap-4 items-start flex-wrap" }, (fields == null ? void 0 : fields.length) > 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, !search && /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-2 items-start" }, /* @__PURE__ */ React.createElement(
+          "label",
+          {
+            htmlFor: "sort",
+            className: "block font-sans text-xs font-semibold text-gray-500 whitespace-normal"
+          },
+          "Sort by"
+        ), /* @__PURE__ */ React.createElement(
+          Select,
+          {
+            name: "sort",
+            options: [
+              {
+                label: "Default",
+                value: JSON.stringify({
+                  order: "asc",
+                  name: ""
+                })
+              },
+              ...fields.map((x) => [
+                {
+                  label: (x.label || x.name) + (x.type === "datetime" ? " (Oldest First)" : " (Ascending)"),
+                  value: JSON.stringify({
+                    name: x.name,
+                    order: "asc"
+                  })
+                },
+                {
+                  label: (x.label || x.name) + (x.type === "datetime" ? " (Newest First)" : " (Descending)"),
+                  value: JSON.stringify({
+                    name: x.name,
+                    order: "desc"
+                  })
                 }
-                navigate(`/${[
-                  "collections",
-                  "duplicate",
-                  collectionName,
-                  ...pathToDoc
-                ].join("/")}`, { replace: true });
+              ]).flat()
+            ],
+            input: {
+              id: "sort",
+              name: "sort",
+              value: sortKey,
+              onChange: (e) => {
+                const val = JSON.parse(e.target.value);
+                setEndCursor("");
+                setPrevCursors([]);
+                window == null ? void 0 : window.localStorage.setItem(
+                  `${LOCAL_STORAGE_KEY}.${collectionName}`,
+                  e.target.value
+                );
+                setSortKey(e.target.value);
+                setSortOrder(val.order);
               }
+            }
+          }
+        )), /* @__PURE__ */ React.createElement("div", { className: "flex flex-1 flex-col gap-2 items-start w-full" }, searchEnabled ? /* @__PURE__ */ React.createElement(
+          SearchInput,
+          {
+            loading: _loading,
+            search,
+            setSearch,
+            searchInput,
+            setSearchInput
+          }
+        ) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("label", { className: "block font-sans text-xs font-semibold text-gray-500 whitespace-normal" }, "Search"), /* @__PURE__ */ React.createElement(
+          Message,
+          {
+            link: "https://tina.io/docs/reference/search/overview",
+            linkLabel: "Read The Docs",
+            type: "info",
+            size: "small"
+          },
+          "Search not configured."
+        )))))), /* @__PURE__ */ React.createElement("div", { className: "flex self-end	justify-self-end" }, !collection.templates && allowCreate && /* @__PURE__ */ React.createElement(
+          Link,
+          {
+            to: `/${folder.fullyQualifiedName ? [
+              "collections",
+              "new",
+              collectionName,
+              "~",
+              folder.name
+            ].join("/") : ["collections", "new", collectionName].join(
+              "/"
+            )}`,
+            className: "icon-parent inline-flex items-center font-medium focus:outline-none focus:ring-2 focus:shadow-outline text-center rounded-full justify-center transition-all duration-150 ease-out whitespace-nowrap shadow text-white bg-blue-500 hover:bg-blue-600 focus:ring-blue-500 text-sm h-10 px-6"
+          },
+          "Create New",
+          " ",
+          /* @__PURE__ */ React.createElement(BiPlus, { className: "w-5 h-full ml-1 opacity-70" })
+        ), collection.templates && allowCreate && /* @__PURE__ */ React.createElement(
+          TemplateMenu,
+          {
+            collectionName,
+            templates: collection.templates,
+            folder
+          }
+        )))), /* @__PURE__ */ React.createElement(PageBody, null, /* @__PURE__ */ React.createElement("div", { className: "w-full mx-auto max-w-screen-xl" }, sortField && !sortField.required && /* @__PURE__ */ React.createElement("p", { className: "mb-4 text-gray-500" }, /* @__PURE__ */ React.createElement("em", null, "Sorting on a non-required field. Some documents may be excluded (if they don't have a value for", " ", sortName, ")")), documents.length > 0 ? /* @__PURE__ */ React.createElement("table", { className: "table-auto shadow bg-white border-b border-gray-200 w-full max-w-full rounded-lg" }, /* @__PURE__ */ React.createElement("tbody", { className: "divide-y divide-gray-150" }, folder.name && !search && /* @__PURE__ */ React.createElement("tr", null, /* @__PURE__ */ React.createElement("td", { colSpan: 5 }, /* @__PURE__ */ React.createElement(
+          Breadcrumb,
+          {
+            folder,
+            navigate,
+            collectionName
+          }
+        ))), documents.map((document) => {
+          var _a2;
+          if (document.node.__typename === "Folder") {
+            return /* @__PURE__ */ React.createElement("tr", { key: `folder-${document.node.path}` }, /* @__PURE__ */ React.createElement("td", { className: "pl-5 pr-3 py-3 truncate max-w-0" }, /* @__PURE__ */ React.createElement(
+              "a",
+              {
+                className: "text-blue-600 hover:text-blue-400 flex items-center gap-3 cursor-pointer truncate",
+                onClick: () => {
+                  navigate(
+                    `/${[
+                      "collections",
+                      collectionName,
+                      document.node.path
+                    ].join("/")}`,
+                    { replace: true }
+                  );
+                }
+              },
+              /* @__PURE__ */ React.createElement(BiFolder, { className: "inline-block h-6 w-auto flex-shrink-0 opacity-70" }),
+              /* @__PURE__ */ React.createElement("span", { className: "truncate block" }, /* @__PURE__ */ React.createElement("span", { className: "block text-xs text-gray-400 mb-1 uppercase" }, "Name"), /* @__PURE__ */ React.createElement("span", { className: "h-5 leading-5 block truncate" }, /* @__PURE__ */ React.createElement("span", null, document.node.name)))
+            )), /* @__PURE__ */ React.createElement(
+              "td",
+              {
+                className: "px-3 py-3 truncate max-w-0",
+                colSpan: 4
+              },
+              /* @__PURE__ */ React.createElement("span", { className: "block text-xs text-gray-400 mb-1 uppercase" }, "Path"),
+              /* @__PURE__ */ React.createElement("span", { className: "leading-5 block text-sm font-medium text-gray-900 truncate" }, document.node.path.substring(2).split("/").map((node) => {
+                return /* @__PURE__ */ React.createElement("span", { key: node }, /* @__PURE__ */ React.createElement("span", { className: "text-gray-300 pr-0.5" }, "/"), /* @__PURE__ */ React.createElement("span", { className: "pr-0.5" }, node));
+              }))
+            ));
+          }
+          const hasTitle = Boolean(
+            document.node._sys.title
+          );
+          const subfolders = document.node._sys.breadcrumbs.slice(0, -1).join("/");
+          return /* @__PURE__ */ React.createElement(
+            "tr",
+            {
+              key: `document-${document.node._sys.relativePath}`,
+              className: ""
             },
-            allowDelete && {
-              name: "delete",
-              label: "Delete",
-              Icon: /* @__PURE__ */ React.createElement(BiTrash, {
-                size: "1.3rem",
-                className: "text-red-500"
-              }),
-              onMouseDown: () => {
-                setVars((old) => ({
-                  ...old,
-                  collection: collectionName,
-                  relativePath: document.node._sys.breadcrumbs.join("/") + document.node._sys.extension,
-                  newRelativePath: ""
-                }));
-                setDeleteModalOpen(true);
+            /* @__PURE__ */ React.createElement(
+              "td",
+              {
+                className: "pl-5 pr-3 py-3 truncate max-w-0",
+                colSpan: hasTitle ? 1 : 2
+              },
+              /* @__PURE__ */ React.createElement(
+                "a",
+                {
+                  className: "text-blue-600 hover:text-blue-400 flex items-center gap-3 cursor-pointer truncate",
+                  onClick: () => {
+                    handleNavigate(
+                      navigate,
+                      cms,
+                      collection,
+                      collectionDefinition,
+                      document.node
+                    );
+                  }
+                },
+                /* @__PURE__ */ React.createElement(BiFile, { className: "inline-block h-6 w-auto flex-shrink-0 opacity-70" }),
+                /* @__PURE__ */ React.createElement("span", { className: "truncate block" }, /* @__PURE__ */ React.createElement("span", { className: "block text-xs text-gray-400 mb-1 uppercase" }, hasTitle ? "Title" : "Filename"), /* @__PURE__ */ React.createElement("span", { className: "h-5 leading-5 block truncate" }, !folderView && !hasTitle && subfolders && /* @__PURE__ */ React.createElement("span", { className: "text-xs text-gray-400" }, `${subfolders}/`), /* @__PURE__ */ React.createElement("span", null, hasTitle ? (_a2 = document.node._sys) == null ? void 0 : _a2.title : document.node._sys.filename)))
+              )
+            ),
+            hasTitle && /* @__PURE__ */ React.createElement("td", { className: "px-3 py-3 truncate max-w-0" }, /* @__PURE__ */ React.createElement("span", { className: "block text-xs text-gray-400 mb-1 uppercase" }, "Filename"), /* @__PURE__ */ React.createElement("span", { className: "h-5 leading-5 block text-sm font-medium text-gray-900 truncate" }, !folderView && subfolders && /* @__PURE__ */ React.createElement("span", { className: "text-xs text-gray-400" }, `${subfolders}/`), /* @__PURE__ */ React.createElement("span", null, document.node._sys.filename))),
+            /* @__PURE__ */ React.createElement("td", { className: "px-3 py-3 truncate w-[15%]" }, /* @__PURE__ */ React.createElement("span", { className: "block text-xs text-gray-400 mb-1 uppercase" }, "Extension"), /* @__PURE__ */ React.createElement("span", { className: "h-5 leading-5 block text-sm font-medium text-gray-900" }, document.node._sys.extension)),
+            /* @__PURE__ */ React.createElement("td", { className: "px-3 py-3 truncate w-[15%]" }, /* @__PURE__ */ React.createElement("span", { className: "block text-xs text-gray-400 mb-1 uppercase" }, "Template"), /* @__PURE__ */ React.createElement("span", { className: "h-5 leading-5 block text-sm font-medium text-gray-900" }, document.node._sys.template)),
+            /* @__PURE__ */ React.createElement("td", { className: "w-0" }, /* @__PURE__ */ React.createElement(
+              OverflowMenu,
+              {
+                toolbarItems: [
+                  {
+                    name: "edit",
+                    label: "Edit in Admin",
+                    Icon: /* @__PURE__ */ React.createElement(BiEdit, { size: "1.3rem" }),
+                    onMouseDown: () => {
+                      const pathToDoc = document.node._sys.breadcrumbs;
+                      if (folder.fullyQualifiedName) {
+                        pathToDoc.unshift("~");
+                      }
+                      navigate(
+                        `/${[
+                          "collections",
+                          "edit",
+                          collectionName,
+                          ...pathToDoc
+                        ].join("/")}`,
+                        { replace: true }
+                      );
+                    }
+                  },
+                  allowCreate && {
+                    name: "duplicate",
+                    label: "Duplicate",
+                    Icon: /* @__PURE__ */ React.createElement(BiCopy, { size: "1.3rem" }),
+                    onMouseDown: () => {
+                      const pathToDoc = document.node._sys.breadcrumbs;
+                      if (folder.fullyQualifiedName) {
+                        pathToDoc.unshift("~");
+                      }
+                      navigate(
+                        `/${[
+                          "collections",
+                          "duplicate",
+                          collectionName,
+                          ...pathToDoc
+                        ].join("/")}`,
+                        { replace: true }
+                      );
+                    }
+                  },
+                  allowDelete && {
+                    name: "delete",
+                    label: "Delete",
+                    Icon: /* @__PURE__ */ React.createElement(
+                      BiTrash,
+                      {
+                        size: "1.3rem",
+                        className: "text-red-500"
+                      }
+                    ),
+                    onMouseDown: () => {
+                      setVars((old) => ({
+                        ...old,
+                        collection: collectionName,
+                        relativePath: document.node._sys.breadcrumbs.join(
+                          "/"
+                        ) + document.node._sys.extension,
+                        newRelativePath: ""
+                      }));
+                      setDeleteModalOpen(true);
+                    }
+                  },
+                  allowDelete && {
+                    name: "rename",
+                    label: "Rename",
+                    Icon: /* @__PURE__ */ React.createElement(
+                      BiRename,
+                      {
+                        size: "1.3rem",
+                        className: "text-red-500"
+                      }
+                    ),
+                    onMouseDown: () => {
+                      setVars((old) => ({
+                        ...old,
+                        collection: collectionName,
+                        relativePath: document.node._sys.breadcrumbs.join(
+                          "/"
+                        ) + document.node._sys.extension,
+                        newRelativePath: ""
+                      }));
+                      setRenameModalOpen(true);
+                    }
+                  }
+                ].filter(Boolean)
               }
+            ))
+          );
+        }))) : /* @__PURE__ */ React.createElement(NoDocumentsPlaceholder, null), /* @__PURE__ */ React.createElement("div", { className: "pt-4" }, /* @__PURE__ */ React.createElement(
+          CursorPaginator,
+          {
+            variant: "white",
+            hasNext: sortOrder === "asc" ? pageInfo == null ? void 0 : pageInfo.hasNextPage : pageInfo.hasPreviousPage,
+            navigateNext: () => {
+              const newState = [...prevCursors, endCursor];
+              setPrevCursors(newState);
+              setEndCursor(pageInfo == null ? void 0 : pageInfo.endCursor);
             },
-            allowDelete && {
-              name: "rename",
-              label: "Rename",
-              Icon: /* @__PURE__ */ React.createElement(BiRename, {
-                size: "1.3rem",
-                className: "text-red-500"
-              }),
-              onMouseDown: () => {
-                setVars((old) => ({
-                  ...old,
-                  collection: collectionName,
-                  relativePath: document.node._sys.breadcrumbs.join("/") + document.node._sys.extension,
-                  newRelativePath: ""
-                }));
-                setRenameModalOpen(true);
+            hasPrev: prevCursors.length > 0,
+            navigatePrev: () => {
+              const prev = prevCursors[prevCursors.length - 1];
+              if (typeof prev === "string") {
+                const newState = prevCursors.slice(0, -1);
+                setPrevCursors(newState);
+                setEndCursor(prev);
               }
             }
-          ].filter(Boolean)
-        })));
-      }))) : /* @__PURE__ */ React.createElement(NoDocumentsPlaceholder, null), /* @__PURE__ */ React.createElement("div", {
-        className: "pt-4"
-      }, /* @__PURE__ */ React.createElement(CursorPaginator, {
-        variant: "white",
-        hasNext: sortOrder === "asc" ? pageInfo == null ? void 0 : pageInfo.hasNextPage : pageInfo.hasPreviousPage,
-        navigateNext: () => {
-          const newState = [...prevCursors, endCursor];
-          setPrevCursors(newState);
-          setEndCursor(pageInfo == null ? void 0 : pageInfo.endCursor);
-        },
-        hasPrev: prevCursors.length > 0,
-        navigatePrev: () => {
-          const prev = prevCursors[prevCursors.length - 1];
-          if (typeof prev === "string") {
-            const newState = prevCursors.slice(0, -1);
-            setPrevCursors(newState);
-            setEndCursor(prev);
           }
-        }
-      })))));
-    }));
+        )))));
+      }
+    ));
   });
 };
 const SearchInput = ({
@@ -4532,112 +4830,119 @@ const SearchInput = ({
       setSearchLoaded(true);
     }
   }, [loading]);
-  return /* @__PURE__ */ React.createElement("form", {
-    className: "flex flex-1 flex-col gap-2 items-start w-full"
-  }, /* @__PURE__ */ React.createElement("label", {
-    htmlFor: "search",
-    className: "block font-sans text-xs font-semibold text-gray-500 whitespace-normal"
-  }, "Search"), /* @__PURE__ */ React.createElement("div", {
-    className: "flex flex-wrap items-center gap-3"
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "flex-1 min-w-[200px]"
-  }, /* @__PURE__ */ React.createElement(Input, {
-    type: "text",
-    name: "search",
-    placeholder: "Search",
-    value: searchInput,
-    onChange: (e) => {
-      setSearchInput(e.target.value);
+  return /* @__PURE__ */ React.createElement("form", { className: "flex flex-1 flex-col gap-2 items-start w-full" }, /* @__PURE__ */ React.createElement(
+    "label",
+    {
+      htmlFor: "search",
+      className: "block font-sans text-xs font-semibold text-gray-500 whitespace-normal"
+    },
+    "Search"
+  ), /* @__PURE__ */ React.createElement("div", { className: "flex flex-wrap items-center gap-3" }, /* @__PURE__ */ React.createElement("div", { className: "flex-1 min-w-[200px]" }, /* @__PURE__ */ React.createElement(
+    Input,
+    {
+      type: "text",
+      name: "search",
+      placeholder: "Search",
+      value: searchInput,
+      onChange: (e) => {
+        setSearchInput(e.target.value);
+      }
     }
-  })), /* @__PURE__ */ React.createElement("div", {
-    className: "flex gap-3"
-  }, /* @__PURE__ */ React.createElement(Button, {
-    onClick: () => {
-      setSearch(searchInput);
-      setSearchLoaded(false);
+  )), /* @__PURE__ */ React.createElement("div", { className: "flex gap-3" }, /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      onClick: () => {
+        setSearch(searchInput);
+        setSearchLoaded(false);
+      },
+      variant: "primary",
+      type: "submit"
     },
-    variant: "primary",
-    type: "submit"
-  }, "Search ", /* @__PURE__ */ React.createElement(BiSearch, {
-    className: "w-5 h-full ml-1.5 opacity-70"
-  })), search && searchLoaded && /* @__PURE__ */ React.createElement(Button, {
-    onClick: () => {
-      setSearch("");
-      setSearchInput("");
+    "Search ",
+    /* @__PURE__ */ React.createElement(BiSearch, { className: "w-5 h-full ml-1.5 opacity-70" })
+  ), search && searchLoaded && /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      onClick: () => {
+        setSearch("");
+        setSearchInput("");
+      },
+      variant: "white"
     },
-    variant: "white"
-  }, "Clear ", /* @__PURE__ */ React.createElement(BiX, {
-    className: "w-5 h-full ml-1 opacity-70"
-  })))));
+    "Clear ",
+    /* @__PURE__ */ React.createElement(BiX, { className: "w-5 h-full ml-1 opacity-70" })
+  ))));
 };
 const Breadcrumb = ({ folder, navigate, collectionName }) => {
   const folderArray = folder.name.split("/");
-  return /* @__PURE__ */ React.createElement("div", {
-    className: "w-full bg-gray-50/30 flex items-stretch"
-  }, /* @__PURE__ */ React.createElement("button", {
-    onClick: () => {
-      const folders = folder.fullyQualifiedName.split("/");
-      navigate(`/${[
-        "collections",
-        collectionName,
-        ...folders.slice(0, folders.length - 1)
-      ].join("/")}`, { replace: true });
-    },
-    className: "px-3 py-2 bg-white hover:bg-gray-50/50 transition ease-out duration-100 border-r border-gray-100 text-blue-500 hover:text-blue-600"
-  }, /* @__PURE__ */ React.createElement(BiArrowBack, {
-    className: "w-6 h-full opacity-70"
-  })), /* @__PURE__ */ React.createElement("span", {
-    className: "px-3 py-2 text-gray-600 flex flex-wrap items-center justify-start gap-1"
-  }, /* @__PURE__ */ React.createElement("button", {
-    onClick: () => {
-      navigate(`/collections/${collectionName}/~`, {
-        replace: true
-      });
-    },
-    className: "shrink-0 bg-transparent p-0 border-0 text-blue-400 hover:text-blue-500 transition-all ease-out duration-100 opacity-70 hover:opacity-100"
-  }, /* @__PURE__ */ React.createElement(RiHome2Line, {
-    className: "w-5 h-auto"
-  })), folderArray.map((node, index) => {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", {
-      className: "text-gray-200 shrink-0"
-    }, "/"), index < folderArray.length - 1 ? /* @__PURE__ */ React.createElement("button", {
-      className: "bg-transparent whitespace-nowrap truncate p-0 border-0 text-blue-500 hover:text-blue-600 transition-all ease-out duration-100 underline underline-offset-2 decoration-1	decoration-blue-200 hover:decoration-blue-400",
+  return /* @__PURE__ */ React.createElement("div", { className: "w-full bg-gray-50/30 flex items-stretch" }, /* @__PURE__ */ React.createElement(
+    "button",
+    {
       onClick: () => {
         const folders = folder.fullyQualifiedName.split("/");
-        navigate(`/${[
-          "collections",
-          collectionName,
-          ...folders.slice(0, folders.length - (folders.length - (index + 2)))
-        ].join("/")}`, { replace: true });
-      }
-    }, node) : /* @__PURE__ */ React.createElement("span", {
-      className: "whitespace-nowrap truncate"
-    }, node));
+        navigate(
+          `/${[
+            "collections",
+            collectionName,
+            ...folders.slice(0, folders.length - 1)
+          ].join("/")}`,
+          { replace: true }
+        );
+      },
+      className: "px-3 py-2 bg-white hover:bg-gray-50/50 transition ease-out duration-100 border-r border-gray-100 text-blue-500 hover:text-blue-600"
+    },
+    /* @__PURE__ */ React.createElement(BiArrowBack, { className: "w-6 h-full opacity-70" })
+  ), /* @__PURE__ */ React.createElement("span", { className: "px-3 py-2 text-gray-600 flex flex-wrap items-center justify-start gap-1" }, /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      onClick: () => {
+        navigate(`/collections/${collectionName}/~`, {
+          replace: true
+        });
+      },
+      className: "shrink-0 bg-transparent p-0 border-0 text-blue-400 hover:text-blue-500 transition-all ease-out duration-100 opacity-70 hover:opacity-100"
+    },
+    /* @__PURE__ */ React.createElement(RiHome2Line, { className: "w-5 h-auto" })
+  ), folderArray.map((node, index) => {
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", { className: "text-gray-200 shrink-0" }, "/"), index < folderArray.length - 1 ? /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        className: "bg-transparent whitespace-nowrap truncate p-0 border-0 text-blue-500 hover:text-blue-600 transition-all ease-out duration-100 underline underline-offset-2 decoration-1	decoration-blue-200 hover:decoration-blue-400",
+        onClick: () => {
+          const folders = folder.fullyQualifiedName.split("/");
+          navigate(
+            `/${[
+              "collections",
+              collectionName,
+              ...folders.slice(
+                0,
+                folders.length - (folders.length - (index + 2))
+              )
+            ].join("/")}`,
+            { replace: true }
+          );
+        }
+      },
+      node
+    ) : /* @__PURE__ */ React.createElement("span", { className: "whitespace-nowrap truncate" }, node));
   })));
 };
 const NoDocumentsPlaceholder = () => {
-  return /* @__PURE__ */ React.createElement("div", {
-    className: "text-center px-5 py-3 flex flex-col items-center justify-center shadow border border-gray-100 bg-gray-50 border-b border-gray-200 w-full max-w-full rounded-lg"
-  }, /* @__PURE__ */ React.createElement("p", {
-    className: "text-base italic font-medium text-gray-300"
-  }, "No documents found."));
+  return /* @__PURE__ */ React.createElement("div", { className: "text-center px-5 py-3 flex flex-col items-center justify-center shadow border border-gray-100 bg-gray-50 border-b border-gray-200 w-full max-w-full rounded-lg" }, /* @__PURE__ */ React.createElement("p", { className: "text-base italic font-medium text-gray-300" }, "No documents found."));
 };
 const DeleteModal = ({ close: close2, deleteFunc, filename }) => {
-  return /* @__PURE__ */ React.createElement(Modal, null, /* @__PURE__ */ React.createElement(PopupModal, null, /* @__PURE__ */ React.createElement(ModalHeader, {
-    close: close2
-  }, "Delete ", filename), /* @__PURE__ */ React.createElement(ModalBody, {
-    padded: true
-  }, /* @__PURE__ */ React.createElement("p", null, `Are you sure you want to delete ${filename}?`)), /* @__PURE__ */ React.createElement(ModalActions, null, /* @__PURE__ */ React.createElement(Button, {
-    style: { flexGrow: 2 },
-    onClick: close2
-  }, "Cancel"), /* @__PURE__ */ React.createElement(Button, {
-    style: { flexGrow: 3 },
-    variant: "danger",
-    onClick: async () => {
-      await deleteFunc();
-      close2();
-    }
-  }, "Delete"))));
+  return /* @__PURE__ */ React.createElement(Modal, null, /* @__PURE__ */ React.createElement(PopupModal, null, /* @__PURE__ */ React.createElement(ModalHeader, { close: close2 }, "Delete ", filename), /* @__PURE__ */ React.createElement(ModalBody, { padded: true }, /* @__PURE__ */ React.createElement("p", null, `Are you sure you want to delete ${filename}?`)), /* @__PURE__ */ React.createElement(ModalActions, null, /* @__PURE__ */ React.createElement(Button, { style: { flexGrow: 2 }, onClick: close2 }, "Cancel"), /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      style: { flexGrow: 3 },
+      variant: "danger",
+      onClick: async () => {
+        await deleteFunc();
+        close2();
+      }
+    },
+    "Delete"
+  ))));
 };
 const RenameModal = ({
   close: close2,
@@ -4646,27 +4951,25 @@ const RenameModal = ({
   newRelativePath,
   setNewRelativePath
 }) => {
-  return /* @__PURE__ */ React.createElement(Modal, null, /* @__PURE__ */ React.createElement(PopupModal, null, /* @__PURE__ */ React.createElement(ModalHeader, {
-    close: close2
-  }, "Rename ", filename), /* @__PURE__ */ React.createElement(ModalBody, {
-    padded: true
-  }, /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("p", {
-    className: "mb-4"
-  }, "Are you sure you want to rename ", /* @__PURE__ */ React.createElement("strong", null, filename), "? TinaCMS uses the filename as the ID; renaming this file could result in unresolved references."), /* @__PURE__ */ React.createElement(BaseTextField, {
-    placeholder: "Enter a new name for the document's file",
-    value: newRelativePath,
-    onChange: (event) => setNewRelativePath(event.target.value)
-  }))), /* @__PURE__ */ React.createElement(ModalActions, null, /* @__PURE__ */ React.createElement(Button, {
-    style: { flexGrow: 2 },
-    onClick: close2
-  }, "Cancel"), /* @__PURE__ */ React.createElement(Button, {
-    style: { flexGrow: 3 },
-    variant: "primary",
-    onClick: async () => {
-      await renameFunc();
-      close2();
+  return /* @__PURE__ */ React.createElement(Modal, null, /* @__PURE__ */ React.createElement(PopupModal, null, /* @__PURE__ */ React.createElement(ModalHeader, { close: close2 }, "Rename ", filename), /* @__PURE__ */ React.createElement(ModalBody, { padded: true }, /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("p", { className: "mb-4" }, "Are you sure you want to rename ", /* @__PURE__ */ React.createElement("strong", null, filename), "? TinaCMS uses the filename as the ID; renaming this file could result in unresolved references."), /* @__PURE__ */ React.createElement(
+    BaseTextField,
+    {
+      placeholder: "Enter a new name for the document's file",
+      value: newRelativePath,
+      onChange: (event) => setNewRelativePath(event.target.value)
     }
-  }, "Rename"))));
+  ))), /* @__PURE__ */ React.createElement(ModalActions, null, /* @__PURE__ */ React.createElement(Button, { style: { flexGrow: 2 }, onClick: close2 }, "Cancel"), /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      style: { flexGrow: 3 },
+      variant: "primary",
+      onClick: async () => {
+        await renameFunc();
+        close2();
+      }
+    },
+    "Rename"
+  ))));
 };
 function FaLock(props) {
   return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 448 512" }, "child": [{ "tag": "path", "attr": { "d": "M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z" } }] })(props);
@@ -4695,42 +4998,64 @@ const createDocument = async (cms, collection, template, mutationInfo, folder, v
 const CollectionCreatePage = () => {
   const folder = useCollectionFolder();
   const { collectionName, templateName } = useParams();
-  return /* @__PURE__ */ React.createElement(GetCMS, null, (cms) => /* @__PURE__ */ React.createElement(GetCollection, {
-    cms,
-    collectionName,
-    folder,
-    includeDocuments: false
-  }, (collection) => {
-    const mutationInfo = {
-      includeCollection: true,
-      includeTemplate: !!collection.templates
-    };
-    return /* @__PURE__ */ React.createElement(RenderForm$1, {
+  return /* @__PURE__ */ React.createElement(GetCMS, null, (cms) => /* @__PURE__ */ React.createElement(
+    GetCollection,
+    {
       cms,
-      collection,
-      templateName,
-      mutationInfo,
-      folder
-    });
-  }));
+      collectionName,
+      folder,
+      includeDocuments: false
+    },
+    (collection) => {
+      const mutationInfo = {
+        includeCollection: true,
+        includeTemplate: !!collection.templates
+      };
+      return /* @__PURE__ */ React.createElement(
+        RenderForm$1,
+        {
+          cms,
+          collection,
+          templateName,
+          mutationInfo,
+          folder
+        }
+      );
+    }
+  ));
 };
 const FilenameInput = (props) => {
   const [filenameTouched, setFilenameTouched] = React.useState(false);
-  return /* @__PURE__ */ React.createElement("div", {
-    className: "group relative block cursor-pointer",
-    onClick: () => {
-      setFilenameTouched(true);
-    }
-  }, /* @__PURE__ */ React.createElement("input", {
-    type: "text",
-    className: `shadow-inner focus:shadow-outline focus:border-blue-500 focus:outline-none block text-base pr-3 truncate py-2 w-full border transition-all ease-out duration-150 focus:text-gray-900 rounded-md ${props.readonly || !filenameTouched ? "bg-gray-50 text-gray-300  border-gray-150 pointer-events-none pl-8 group-hover:bg-white group-hover:text-gray-600  group-hover:border-gray-200" : "bg-white text-gray-600  border-gray-200 pl-3"}`,
-    ...props,
-    disabled: props.readonly || !filenameTouched
-  }), /* @__PURE__ */ React.createElement(FaLock, {
-    className: `text-gray-400 absolute top-1/2 left-2 -translate-y-1/2 pointer-events-none h-5 w-auto transition-opacity duration-150 ease-out ${!filenameTouched && !props.readonly ? "opacity-20 group-hover:opacity-0 group-active:opacity-0" : "opacity-0"}`
-  }), /* @__PURE__ */ React.createElement(FaUnlock, {
-    className: `text-blue-500 absolute top-1/2 left-2 -translate-y-1/2 pointer-events-none h-5 w-auto transition-opacity duration-150 ease-out ${!filenameTouched && !props.readonly ? "opacity-0 group-hover:opacity-80 group-active:opacity-80" : "opacity-0"}`
-  }));
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: "group relative block cursor-pointer",
+      onClick: () => {
+        setFilenameTouched(true);
+      }
+    },
+    /* @__PURE__ */ React.createElement(
+      "input",
+      {
+        type: "text",
+        className: `shadow-inner focus:shadow-outline focus:border-blue-500 focus:outline-none block text-base pr-3 truncate py-2 w-full border transition-all ease-out duration-150 focus:text-gray-900 rounded-md ${props.readonly || !filenameTouched ? "bg-gray-50 text-gray-300  border-gray-150 pointer-events-none pl-8 group-hover:bg-white group-hover:text-gray-600  group-hover:border-gray-200" : "bg-white text-gray-600  border-gray-200 pl-3"}`,
+        ...props,
+        disabled: props.readonly || !filenameTouched
+      }
+    ),
+    /* @__PURE__ */ React.createElement(
+      FaLock,
+      {
+        className: `text-gray-400 absolute top-1/2 left-2 -translate-y-1/2 pointer-events-none h-5 w-auto transition-opacity duration-150 ease-out ${!filenameTouched && !props.readonly ? "opacity-20 group-hover:opacity-0 group-active:opacity-0" : "opacity-0"}`
+      }
+    ),
+    /* @__PURE__ */ React.createElement(
+      FaUnlock,
+      {
+        className: `text-blue-500 absolute top-1/2 left-2 -translate-y-1/2 pointer-events-none h-5 w-auto transition-opacity duration-150 ease-out ${!filenameTouched && !props.readonly ? "opacity-0 group-hover:opacity-80 group-active:opacity-80" : "opacity-0"}`
+      }
+    )
+  );
 };
 const RenderForm$1 = ({
   cms,
@@ -4757,7 +5082,9 @@ const RenderForm$1 = ({
   });
   let slugFunction = (_b = (_a = schemaCollection.ui) == null ? void 0 : _a.filename) == null ? void 0 : _b.slugify;
   if (!slugFunction) {
-    const titleField = (_c = template == null ? void 0 : template.fields.find((x) => x.required && x.type === "string" && x.isTitle)) == null ? void 0 : _c.name;
+    const titleField = (_c = template == null ? void 0 : template.fields.find(
+      (x) => x.required && x.type === "string" && x.isTitle
+    )) == null ? void 0 : _c.name;
     if (titleField) {
       slugFunction = (values) => {
         var _a2;
@@ -4765,7 +5092,9 @@ const RenderForm$1 = ({
       };
     }
   }
-  const defaultItem = customDefaults || ((_d = template.ui) == null ? void 0 : _d.defaultItem) || (template == null ? void 0 : template.defaultItem);
+  const defaultItem = customDefaults || // @ts-ignore internal types aren't up to date
+  ((_d = template.ui) == null ? void 0 : _d.defaultItem) || // @ts-ignore
+  (template == null ? void 0 : template.defaultItem);
   const form = useMemo(() => {
     var _a2, _b2;
     const folderName = folder.fullyQualifiedName ? folder.name : "";
@@ -4792,10 +5121,13 @@ const RenderForm$1 = ({
           label: "Filename",
           component: slugFunction ? wrapFieldsWithMeta(({ field, input, meta }) => {
             var _a3, _b3;
-            return /* @__PURE__ */ React.createElement(FilenameInput, {
-              readonly: (_b3 = (_a3 = schemaCollection == null ? void 0 : schemaCollection.ui) == null ? void 0 : _a3.filename) == null ? void 0 : _b3.readonly,
-              ...input
-            });
+            return /* @__PURE__ */ React.createElement(
+              FilenameInput,
+              {
+                readonly: (_b3 = (_a3 = schemaCollection == null ? void 0 : schemaCollection.ui) == null ? void 0 : _a3.filename) == null ? void 0 : _b3.readonly,
+                ...input
+              }
+            );
           }) : "text",
           disabled: (_b2 = (_a2 = schemaCollection == null ? void 0 : schemaCollection.ui) == null ? void 0 : _a2.filename) == null ? void 0 : _b2.readonly,
           description: /* @__PURE__ */ React.createElement("span", null, "A unique filename for the content.", /* @__PURE__ */ React.createElement("br", null), "Examples: ", /* @__PURE__ */ React.createElement("code", null, "My_Document"), ", ", /* @__PURE__ */ React.createElement("code", null, "My_Document.en"), ",", " ", /* @__PURE__ */ React.createElement("code", null, "sub-folder/My_Document")),
@@ -4813,7 +5145,9 @@ const RenderForm$1 = ({
               return "Must begin with a-z, A-Z, 0-9, or _ and contain only a-z, A-Z, 0-9, -, _, ., or /.";
             }
             if (((_a3 = schemaCollection.match) == null ? void 0 : _a3.exclude) || ((_b3 = schemaCollection.match) == null ? void 0 : _b3.include)) {
-              const filePath = `${normalizePath(schemaCollection.path)}/${value}.${schemaCollection.format || "md"}`;
+              const filePath = `${normalizePath(
+                schemaCollection.path
+              )}/${value}.${schemaCollection.format || "md"}`;
               const match = schema.matchFiles({
                 files: [filePath],
                 collection: schemaCollection
@@ -4828,20 +5162,33 @@ const RenderForm$1 = ({
       onSubmit: async (values) => {
         try {
           const folderName2 = folder.fullyQualifiedName ? folder.name : "";
-          await createDocument(cms, collection, template, mutationInfo, folderName2, values);
+          await createDocument(
+            cms,
+            collection,
+            template,
+            mutationInfo,
+            folderName2,
+            values
+          );
           cms.alerts.success("Document created!");
           setTimeout(() => {
-            navigate(`/collections/${collection.name}${folder.fullyQualifiedName ? `/${folder.fullyQualifiedName}` : ""}`);
+            navigate(
+              `/collections/${collection.name}${folder.fullyQualifiedName ? `/${folder.fullyQualifiedName}` : ""}`
+            );
           }, 10);
         } catch (error) {
           console.error(error);
           const defaultErrorText = "There was a problem saving your document.";
           if (error.message.includes("already exists")) {
-            cms.alerts.error(`${defaultErrorText} The "Filename" is alredy used for another document, please modify it.`);
+            cms.alerts.error(
+              `${defaultErrorText} The "Filename" is alredy used for another document, please modify it.`
+            );
           } else {
             cms.alerts.error(defaultErrorText);
           }
-          throw new Error(`[${error.name}] CreateDocument failed: ${error.message}`);
+          throw new Error(
+            `[${error.name}] CreateDocument failed: ${error.message}`
+          );
         }
       }
     });
@@ -4861,24 +5208,23 @@ const RenderForm$1 = ({
   if (!cms.state.activeFormId) {
     return null;
   }
-  const activeForm = cms.state.forms.find(({ tinaForm }) => tinaForm.id === form.id);
-  return /* @__PURE__ */ React.createElement(PageWrapper, null, /* @__PURE__ */ React.createElement(React.Fragment, null, ((_f = (_e = cms == null ? void 0 : cms.api) == null ? void 0 : _e.tina) == null ? void 0 : _f.isLocalMode) ? /* @__PURE__ */ React.createElement(LocalWarning, null) : /* @__PURE__ */ React.createElement(BillingWarning, null), /* @__PURE__ */ React.createElement("div", {
-    className: `pt-3 pb-4 border-b border-gray-200 bg-white w-full grow-0 shrink basis-0 flex justify-center ${headerPadding}`
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "w-full max-w-form flex gap-1.5 justify-between items-center"
-  }, /* @__PURE__ */ React.createElement(Link, {
-    to: `/collections/${collection.name}${folder.fullyQualifiedName ? `/${folder.fullyQualifiedName}` : ""}`,
-    className: "flex-0 text-blue-500 hover:text-blue-400 hover:underline underline decoration-blue-200 hover:decoration-blue-400 text-sm leading-tight whitespace-nowrap truncate transition-all duration-150 ease-out"
-  }, collection.label ? collection.label : collection.name), /* @__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"
-  }, "Create New"), /* @__PURE__ */ React.createElement(FormStatus, {
-    pristine: formIsPristine
-  }))), activeForm && /* @__PURE__ */ React.createElement(FormBuilder, {
-    form: activeForm,
-    onPristineChange: setFormIsPristine
-  })));
+  const activeForm = cms.state.forms.find(
+    ({ tinaForm }) => tinaForm.id === form.id
+  );
+  return /* @__PURE__ */ React.createElement(PageWrapper, null, /* @__PURE__ */ React.createElement(React.Fragment, null, ((_f = (_e = cms == null ? void 0 : cms.api) == null ? void 0 : _e.tina) == null ? void 0 : _f.isLocalMode) ? /* @__PURE__ */ React.createElement(LocalWarning, null) : /* @__PURE__ */ React.createElement(BillingWarning, null), /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: `pt-3 pb-4 border-b border-gray-200 bg-white w-full grow-0 shrink basis-0 flex justify-center ${headerPadding}`
+    },
+    /* @__PURE__ */ React.createElement("div", { className: "w-full max-w-form flex gap-1.5 justify-between items-center" }, /* @__PURE__ */ React.createElement(
+      Link,
+      {
+        to: `/collections/${collection.name}${folder.fullyQualifiedName ? `/${folder.fullyQualifiedName}` : ""}`,
+        className: "flex-0 text-blue-500 hover:text-blue-400 hover:underline underline decoration-blue-200 hover:decoration-blue-400 text-sm leading-tight whitespace-nowrap truncate transition-all duration-150 ease-out"
+      },
+      collection.label ? collection.label : collection.name
+    ), /* @__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" }, "Create New"), /* @__PURE__ */ React.createElement(FormStatus, { pristine: formIsPristine }))
+  ), activeForm && /* @__PURE__ */ React.createElement(FormBuilder, { form: activeForm, onPristineChange: setFormIsPristine })));
 };
 const useGetDocument = (cms, collectionName, relativePath2) => {
   const api = new TinaAdminApi(cms);
@@ -4892,7 +5238,9 @@ const useGetDocument = (cms, collectionName, relativePath2) => {
           const response = await api.fetchDocument(collectionName, relativePath2);
           setDocument(response.document);
         } catch (error2) {
-          cms.alerts.error(`[${error2.name}] GetDocument failed: ${error2.message}`);
+          cms.alerts.error(
+            `[${error2.name}] GetDocument failed: ${error2.message}`
+          );
           console.error(error2);
           setDocument(void 0);
           setError(error2);
@@ -4911,7 +5259,11 @@ const GetDocument = ({
   relativePath: relativePath2,
   children
 }) => {
-  const { document, loading, error } = useGetDocument(cms, collectionName, relativePath2);
+  const { document, loading, error } = useGetDocument(
+    cms,
+    collectionName,
+    relativePath2
+  );
   if (error) {
     return /* @__PURE__ */ React.createElement(FullscreenError, null);
   }
@@ -4924,33 +5276,44 @@ const CollectionDuplicatePage = () => {
   const folder = useCollectionFolder();
   const { collectionName, ...rest } = useParams();
   const { "*": filename } = rest;
-  return /* @__PURE__ */ React.createElement(GetCMS, null, (cms) => /* @__PURE__ */ React.createElement(GetCollection, {
-    cms,
-    collectionName,
-    folder,
-    includeDocuments: false
-  }, (collection) => {
-    const relativePath2 = `${filename.startsWith("~/") ? filename.substring(2) : filename}.${collection.format}`;
-    const mutationInfo = {
-      includeCollection: true,
-      includeTemplate: !!collection.templates
-    };
-    return /* @__PURE__ */ React.createElement(GetDocument, {
+  return /* @__PURE__ */ React.createElement(GetCMS, null, (cms) => /* @__PURE__ */ React.createElement(
+    GetCollection,
+    {
       cms,
-      collectionName: collection.name,
-      relativePath: relativePath2
-    }, (document) => {
-      var _a;
-      return /* @__PURE__ */ React.createElement(RenderForm$1, {
-        cms,
-        collection,
-        templateName: (_a = document._values) == null ? void 0 : _a._template,
-        folder: parentFolder(folder),
-        mutationInfo,
-        customDefaults: document._values
-      });
-    });
-  }));
+      collectionName,
+      folder,
+      includeDocuments: false
+    },
+    (collection) => {
+      const relativePath2 = `${filename.startsWith("~/") ? filename.substring(2) : filename}.${collection.format}`;
+      const mutationInfo = {
+        includeCollection: true,
+        includeTemplate: !!collection.templates
+      };
+      return /* @__PURE__ */ React.createElement(
+        GetDocument,
+        {
+          cms,
+          collectionName: collection.name,
+          relativePath: relativePath2
+        },
+        (document) => {
+          var _a;
+          return /* @__PURE__ */ React.createElement(
+            RenderForm$1,
+            {
+              cms,
+              collection,
+              templateName: (_a = document._values) == null ? void 0 : _a._template,
+              folder: parentFolder(folder),
+              mutationInfo,
+              customDefaults: document._values
+            }
+          );
+        }
+      );
+    }
+  ));
 };
 const updateDocument = async (cms, relativePath2, collection, mutationInfo, values) => {
   const api = new TinaAdminApi(cms);
@@ -4969,30 +5332,41 @@ const CollectionUpdatePage = () => {
   const folder = useCollectionFolder();
   const { "*": filename } = rest;
   const resolvedFile = folder.fullyQualifiedName ? folder.name : filename;
-  return /* @__PURE__ */ React.createElement(GetCMS, null, (cms) => /* @__PURE__ */ React.createElement(GetCollection, {
-    cms,
-    collectionName,
-    folder,
-    includeDocuments: false
-  }, (collection) => {
-    const relativePath2 = `${resolvedFile}.${collection.format}`;
-    const mutationInfo = {
-      includeCollection: true,
-      includeTemplate: !!collection.templates
-    };
-    return /* @__PURE__ */ React.createElement(PageWrapper, null, /* @__PURE__ */ React.createElement(GetDocument, {
-      cms,
-      collectionName: collection.name,
-      relativePath: relativePath2
-    }, (document) => /* @__PURE__ */ React.createElement(RenderForm, {
+  return /* @__PURE__ */ React.createElement(GetCMS, null, (cms) => /* @__PURE__ */ React.createElement(
+    GetCollection,
+    {
       cms,
-      document,
-      filename: resolvedFile,
-      relativePath: relativePath2,
-      collection,
-      mutationInfo
-    })));
-  }));
+      collectionName,
+      folder,
+      includeDocuments: false
+    },
+    (collection) => {
+      const relativePath2 = `${resolvedFile}.${collection.format}`;
+      const mutationInfo = {
+        includeCollection: true,
+        includeTemplate: !!collection.templates
+      };
+      return /* @__PURE__ */ React.createElement(PageWrapper, null, /* @__PURE__ */ React.createElement(
+        GetDocument,
+        {
+          cms,
+          collectionName: collection.name,
+          relativePath: relativePath2
+        },
+        (document) => /* @__PURE__ */ React.createElement(
+          RenderForm,
+          {
+            cms,
+            document,
+            filename: resolvedFile,
+            relativePath: relativePath2,
+            collection,
+            mutationInfo
+          }
+        )
+      ));
+    }
+  ));
 };
 const RenderForm = ({
   cms,
@@ -5019,17 +5393,26 @@ const RenderForm = ({
   });
   const form = useMemo(() => {
     return new Form({
+      // id is the full document path
       id: `${schemaCollection.path}/${relativePath2}`,
       label: "form",
       fields: formInfo.fields,
       initialValues: document._values,
       onSubmit: async (values) => {
         try {
-          await updateDocument(cms, relativePath2, collection, mutationInfo, values);
+          await updateDocument(
+            cms,
+            relativePath2,
+            collection,
+            mutationInfo,
+            values
+          );
           cms.alerts.success("Document updated!");
         } catch (error) {
           console.error(error);
-          throw new Error(`[${error.name}] UpdateDocument failed: ${error.message}`);
+          throw new Error(
+            `[${error.name}] UpdateDocument failed: ${error.message}`
+          );
         }
       }
     });
@@ -5049,24 +5432,23 @@ const RenderForm = ({
   if (!cms.state.activeFormId) {
     return null;
   }
-  const activeForm = cms.state.forms.find(({ tinaForm }) => tinaForm.id === form.id);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, ((_b = (_a = cms == null ? void 0 : cms.api) == null ? void 0 : _a.tina) == null ? void 0 : _b.isLocalMode) ? /* @__PURE__ */ React.createElement(LocalWarning, null) : /* @__PURE__ */ React.createElement(BillingWarning, null), /* @__PURE__ */ React.createElement("div", {
-    className: `pt-3 pb-4 border-b border-gray-200 bg-white w-full grow-0 shrink basis-0 flex justify-center ${headerPadding}`
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "w-full max-w-form flex gap-1.5 justify-between items-center"
-  }, /* @__PURE__ */ React.createElement(Link, {
-    to: `/collections/${collection.name}/~${parentFolder2}`,
-    className: "flex-0 text-blue-500 hover:text-blue-400 hover:underline underline decoration-blue-200 hover:decoration-blue-400 text-sm leading-tight whitespace-nowrap truncate transition-all duration-150 ease-out"
-  }, collection.label ? collection.label : collection.name), /* @__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 activeForm = cms.state.forms.find(
+    ({ tinaForm }) => tinaForm.id === form.id
+  );
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, ((_b = (_a = cms == null ? void 0 : cms.api) == null ? void 0 : _a.tina) == null ? void 0 : _b.isLocalMode) ? /* @__PURE__ */ React.createElement(LocalWarning, null) : /* @__PURE__ */ React.createElement(BillingWarning, null), /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: `pt-3 pb-4 border-b border-gray-200 bg-white w-full grow-0 shrink basis-0 flex justify-center ${headerPadding}`
+    },
+    /* @__PURE__ */ React.createElement("div", { className: "w-full max-w-form flex gap-1.5 justify-between items-center" }, /* @__PURE__ */ React.createElement(
+      Link,
+      {
+        to: `/collections/${collection.name}/~${parentFolder2}`,
+        className: "flex-0 text-blue-500 hover:text-blue-400 hover:underline underline decoration-blue-200 hover:decoration-blue-400 text-sm leading-tight whitespace-nowrap truncate transition-all duration-150 ease-out"
+      },
+      collection.label ? collection.label : collection.name
+    ), /* @__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 ScreenPage = () => {
   const { screenName } = useParams();
@@ -5076,17 +5458,11 @@ const ScreenPage = () => {
   return /* @__PURE__ */ React.createElement(GetCMS, null, (cms) => {
     var _a, _b;
     const screens = cms.plugins.getType("screen").all();
-    const selectedScreen = screens.find(({ name }) => slugify(name) === screenName);
-    return /* @__PURE__ */ React.createElement("div", {
-      className: "relative w-full h-full flex flex-col items-stretch justify-between"
-    }, ((_b = (_a = cms == null ? void 0 : cms.api) == null ? void 0 : _a.tina) == null ? void 0 : _b.isLocalMode) ? /* @__PURE__ */ React.createElement(LocalWarning, null) : /* @__PURE__ */ React.createElement(BillingWarning, null), renderNavToggle && /* @__PURE__ */ React.createElement("div", {
-      className: `py-5 border-b border-gray-200 bg-white pl-18`
-    }, selectedScreen.name), /* @__PURE__ */ React.createElement("div", {
-      className: "flex-1 overflow-y-auto relative flex flex-col items-stretch justify-between"
-    }, /* @__PURE__ */ React.createElement(selectedScreen.Component, {
-      close: () => {
-      }
-    })));
+    const selectedScreen = screens.find(
+      ({ name }) => slugify(name) === screenName
+    );
+    return /* @__PURE__ */ React.createElement("div", { className: "relative w-full h-full flex flex-col items-stretch justify-between" }, ((_b = (_a = cms == null ? void 0 : cms.api) == null ? void 0 : _a.tina) == null ? void 0 : _b.isLocalMode) ? /* @__PURE__ */ React.createElement(LocalWarning, null) : /* @__PURE__ */ React.createElement(BillingWarning, null), renderNavToggle && /* @__PURE__ */ React.createElement("div", { className: `py-5 border-b border-gray-200 bg-white pl-18` }, selectedScreen.name), /* @__PURE__ */ React.createElement("div", { className: "flex-1 overflow-y-auto relative flex flex-col items-stretch justify-between" }, /* @__PURE__ */ React.createElement(selectedScreen.Component, { close: () => {
+    } })));
   });
 };
 const IndexingPage = () => {
@@ -5095,14 +5471,22 @@ const IndexingPage = () => {
   const currentBranch = tinaApi.branch;
   const kind = localStorage == null ? void 0 : localStorage.getItem("tina.createBranchState.kind");
   const { setCurrentBranch } = useBranchData();
-  const [state, setState] = React.useState(localStorage == null ? void 0 : localStorage.getItem("tina.createBranchState"));
+  const [state, setState] = React.useState(
+    localStorage == null ? void 0 : localStorage.getItem("tina.createBranchState")
+  );
   const [errorMessage, setErrorMessage] = React.useState("");
-  const [baseBranch, setBaseBranch] = React.useState(localStorage == null ? void 0 : localStorage.getItem("tina.createBranchState.baseBranch"));
+  const [baseBranch, setBaseBranch] = React.useState(
+    localStorage == null ? void 0 : localStorage.getItem("tina.createBranchState.baseBranch")
+  );
   const [searchParams] = useSearchParams();
   const back = localStorage == null ? void 0 : localStorage.getItem("tina.createBranchState.back");
   const fullPath = localStorage == null ? void 0 : localStorage.getItem("tina.createBranchState.fullPath");
-  const values = JSON.parse(localStorage == null ? void 0 : localStorage.getItem("tina.createBranchState.values"));
-  const [branch, setBranch] = React.useState("tina/" + searchParams.get("branch"));
+  const values = JSON.parse(
+    localStorage == null ? void 0 : localStorage.getItem("tina.createBranchState.values")
+  );
+  const [branch, setBranch] = React.useState(
+    "tina/" + searchParams.get("branch")
+  );
   useEffect(() => {
     const run = async () => {
       if (state === "starting") {
@@ -5122,14 +5506,18 @@ const IndexingPage = () => {
         } catch (e) {
           console.error(e);
           cms.alerts.error("Branch creation failed: " + e.message);
-          setErrorMessage("Branch creation failed, please try again. By refreshing the page.");
+          setErrorMessage(
+            "Branch creation failed, please try again. By refreshing the page."
+          );
           setState("error");
         }
       }
       if (state === "indexing") {
         try {
           const [
+            // When this promise resolves, we know the index status is no longer 'inprogress' or 'unknown'
             waitForIndexStatusPromise,
+            // Calling this function will cancel the polling
             _cancelWaitForIndexFunc
           ] = tinaApi.waitForIndexStatus({
             ref: branch
@@ -5140,14 +5528,19 @@ const IndexingPage = () => {
           setState("submitting");
         } 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.');
+          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.'
+          );
           setState("error");
         }
       }
       if (state === "submitting") {
         try {
           setBaseBranch(tinaApi.branch);
-          localStorage.setItem("tina.createBranchState.baseBranch", tinaApi.branch);
+          localStorage.setItem(
+            "tina.createBranchState.baseBranch",
+            tinaApi.branch
+          );
           setCurrentBranch(branch);
           const collection = tinaApi.schema.getCollectionByFullPath(fullPath);
           const api = new TinaAdminApi(cms);
@@ -5173,7 +5566,9 @@ const IndexingPage = () => {
         } catch (e) {
           console.error(e);
           cms.alerts.error("Content save failed.");
-          setErrorMessage("Content save failed, please try again. If the problem persists please contact support.");
+          setErrorMessage(
+            "Content save failed, please try again. If the problem persists please contact support."
+          );
           setState("error");
         }
       }
@@ -5181,7 +5576,7 @@ const IndexingPage = () => {
         const foo = await tinaApi.createPullRequest({
           baseBranch,
           branch,
-          title: "PR from TinaCMS"
+          title: `${branch.replace("tina/", "").replace("-", " ")} (PR from TinaCMS)`
         });
         console.log("PR created", foo);
         cms.alerts.success("Pull request created.");
@@ -5199,17 +5594,14 @@ const IndexingPage = () => {
   if (!back || !fullPath || !values || !branch) {
     return /* @__PURE__ */ React.createElement(Wrapper, null, /* @__PURE__ */ React.createElement("p", null, "Missing params please try again."));
   }
-  return /* @__PURE__ */ React.createElement(Wrapper, null, state !== "done" && state !== "error" && /* @__PURE__ */ React.createElement(BiLoaderAlt, {
-    className: `opacity-70 text-blue-400 animate-spin w-10 h-auto`
-  }), (state === "starting" || state === "creatingBranch") && /* @__PURE__ */ React.createElement("p", null, "Creating branch\u2026"), state === "indexing" && /* @__PURE__ */ React.createElement("p", null, "Indexing Content\u2026"), state === "submitting" && /* @__PURE__ */ React.createElement("p", null, "Saving content\u2026"), state === "creatingPR" && /* @__PURE__ */ React.createElement("p", null, "Creating Pull Request\u2026"), state === "error" && /* @__PURE__ */ React.createElement("p", {
-    className: "flex items-center gap-1 text-red-700"
-  }, /* @__PURE__ */ React.createElement(BiError, {
-    className: "w-7 h-auto text-red-400 flex-shrink-0"
-  }), " ", /* @__PURE__ */ React.createElement("b", null, "Error:"), " ", errorMessage, " "));
+  return /* @__PURE__ */ React.createElement(Wrapper, null, state !== "done" && state !== "error" && /* @__PURE__ */ React.createElement(
+    BiLoaderAlt,
+    {
+      className: `opacity-70 text-blue-400 animate-spin w-10 h-auto`
+    }
+  ), (state === "starting" || state === "creatingBranch") && /* @__PURE__ */ React.createElement("p", null, "Creating branch…"), state === "indexing" && /* @__PURE__ */ React.createElement("p", null, "Indexing Content…"), state === "submitting" && /* @__PURE__ */ React.createElement("p", null, "Saving content…"), state === "creatingPR" && /* @__PURE__ */ React.createElement("p", null, "Creating Pull Request…"), state === "error" && /* @__PURE__ */ React.createElement("p", { className: "flex items-center gap-1 text-red-700" }, /* @__PURE__ */ React.createElement(BiError, { className: "w-7 h-auto text-red-400 flex-shrink-0" }), " ", /* @__PURE__ */ React.createElement("b", null, "Error:"), " ", errorMessage, " "));
 };
-const Wrapper = ({ children }) => /* @__PURE__ */ React.createElement("div", {
-  className: "w-full h-full flex flex-col justify-center items-center gap-4 p-6 text-xl text-gray-700"
-}, children);
+const Wrapper = ({ children }) => /* @__PURE__ */ React.createElement("div", { className: "w-full h-full flex flex-col justify-center items-center gap-4 p-6 text-xl text-gray-700" }, children);
 const Redirect = () => {
   React.useEffect(() => {
     if (window) {
@@ -5272,11 +5664,7 @@ const PreviewInner = ({ preview, config }) => {
     }, 100);
   }, [ref.current]);
   const Preview = preview;
-  return /* @__PURE__ */ React.createElement(Preview, {
-    url,
-    iframeRef: ref,
-    ...config
-  });
+  return /* @__PURE__ */ React.createElement(Preview, { url, iframeRef: ref, ...config });
 };
 const CheckSchema = ({
   schemaJson,
@@ -5293,7 +5681,9 @@ const CheckSchema = ({
         localSchema: schemaJson
       }).then((x) => {
         if (x === false) {
-          cms.alerts.error("GraphQL Schema Mismatch. Editing may not work. If you just switched branches, try going back to the previous branch");
+          cms.alerts.error(
+            "GraphQL Schema Mismatch. Editing may not work. If you just switched branches, try going back to the previous branch"
+          );
         }
       }).catch((e) => {
         if (e.message.includes("has not been indexed by Tina Cloud")) {
@@ -5304,23 +5694,19 @@ const CheckSchema = ({
       });
     }
   }, [cms, JSON.stringify(schemaJson || {}), url]);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, schemaMissingError ? /* @__PURE__ */ React.createElement(Modal, null, /* @__PURE__ */ React.createElement(PopupModal, null, /* @__PURE__ */ React.createElement(ModalHeader, null, "Branch Not Found"), /* @__PURE__ */ React.createElement(ModalBody, {
-    padded: true
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "tina-prose"
-  }, "The current branch (", /* @__PURE__ */ React.createElement("span", {
-    className: "font-bold"
-  }, currentBranch), ") has either been merged or deleted.")), /* @__PURE__ */ React.createElement(ModalActions, null, /* @__PURE__ */ React.createElement("div", {
-    className: "flex-1"
-  }), /* @__PURE__ */ React.createElement(Button, {
-    style: { flexGrow: 1 },
-    className: "w-full",
-    variant: "primary",
-    onClick: () => {
-      window.localStorage.removeItem("tinacms-current-branch");
-      window.location.reload();
-    }
-  }, "Switch back to default branch")))) : children);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, schemaMissingError ? /* @__PURE__ */ React.createElement(Modal, null, /* @__PURE__ */ React.createElement(PopupModal, null, /* @__PURE__ */ React.createElement(ModalHeader, null, "Branch Not Found"), /* @__PURE__ */ React.createElement(ModalBody, { padded: true }, /* @__PURE__ */ React.createElement("div", { className: "tina-prose" }, "The current branch (", /* @__PURE__ */ React.createElement("span", { className: "font-bold" }, currentBranch), ") has either been merged or deleted.")), /* @__PURE__ */ React.createElement(ModalActions, null, /* @__PURE__ */ React.createElement("div", { className: "flex-1" }), /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      style: { flexGrow: 1 },
+      className: "w-full",
+      variant: "primary",
+      onClick: () => {
+        window.localStorage.removeItem("tinacms-current-branch");
+        window.location.reload();
+      }
+    },
+    "Switch back to default branch"
+  )))) : children);
 };
 const TinaAdmin = ({
   preview,
@@ -5346,91 +5732,99 @@ const TinaAdmin = ({
         return typeof ((_a2 = x == null ? void 0 : x.ui) == null ? void 0 : _a2.router) === "function";
       });
       const hasRouter = Boolean(collectionWithRouter);
-      return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(CheckSchema, {
-        schemaJson
-      }, /* @__PURE__ */ React.createElement(HashRouter, null, /* @__PURE__ */ React.createElement(SetPreviewFlag, {
-        preview,
-        cms
-      }), /* @__PURE__ */ React.createElement(Routes, null, preview && /* @__PURE__ */ React.createElement(Route, {
-        path: "/~/*",
-        element: /* @__PURE__ */ React.createElement(PreviewInner, {
-          config,
-          preview
-        })
-      }), /* @__PURE__ */ React.createElement(Route, {
-        path: "graphql",
-        element: /* @__PURE__ */ React.createElement(PlainLayout, null, /* @__PURE__ */ React.createElement(Playground, null))
-      }), /* @__PURE__ */ React.createElement(Route, {
-        path: "branch/new",
-        element: /* @__PURE__ */ React.createElement(DefaultWrapper, {
-          cms
-        }, /* @__PURE__ */ React.createElement(IndexingPage, null))
-      }), /* @__PURE__ */ React.createElement(Route, {
-        path: "collections/new/:collectionName",
-        element: /* @__PURE__ */ React.createElement(DefaultWrapper, {
-          cms
-        }, /* @__PURE__ */ React.createElement(CollectionCreatePage, null))
-      }), /* @__PURE__ */ React.createElement(Route, {
-        path: "collections/duplicate/:collectionName/~/*",
-        element: /* @__PURE__ */ React.createElement(DefaultWrapper, {
-          cms
-        }, /* @__PURE__ */ React.createElement(CollectionDuplicatePage, null))
-      }), /* @__PURE__ */ React.createElement(Route, {
-        path: "collections/duplicate/:collectionName/*",
-        element: /* @__PURE__ */ React.createElement(DefaultWrapper, {
-          cms
-        }, /* @__PURE__ */ React.createElement(CollectionDuplicatePage, null))
-      }), /* @__PURE__ */ React.createElement(Route, {
-        path: "collections/new/:collectionName/:templateName",
-        element: /* @__PURE__ */ React.createElement(DefaultWrapper, {
-          cms
-        }, /* @__PURE__ */ React.createElement(CollectionCreatePage, null))
-      }), /* @__PURE__ */ React.createElement(Route, {
-        path: "collections/new/:collectionName/:templateName/~/*",
-        element: /* @__PURE__ */ React.createElement(DefaultWrapper, {
-          cms
-        }, /* @__PURE__ */ React.createElement(CollectionCreatePage, null))
-      }), /* @__PURE__ */ React.createElement(Route, {
-        path: "collections/new/:collectionName/~/*",
-        element: /* @__PURE__ */ React.createElement(DefaultWrapper, {
-          cms
-        }, /* @__PURE__ */ React.createElement(CollectionCreatePage, null))
-      }), /* @__PURE__ */ React.createElement(Route, {
-        path: "collections/edit/:collectionName/*",
-        element: /* @__PURE__ */ React.createElement(DefaultWrapper, {
-          cms
-        }, /* @__PURE__ */ React.createElement(CollectionUpdatePage, null))
-      }), /* @__PURE__ */ React.createElement(Route, {
-        path: "collections/:collectionName/*",
-        element: /* @__PURE__ */ React.createElement(DefaultWrapper, {
-          cms
-        }, /* @__PURE__ */ React.createElement(CollectionListPage, null))
-      }), /* @__PURE__ */ React.createElement(Route, {
-        path: "screens/:screenName",
-        element: /* @__PURE__ */ React.createElement(DefaultWrapper, {
-          cms
-        }, /* @__PURE__ */ React.createElement(ScreenPage, null))
-      }), /* @__PURE__ */ React.createElement(Route, {
-        path: "logout",
-        element: /* @__PURE__ */ React.createElement(DefaultWrapper, {
-          cms
-        }, /* @__PURE__ */ React.createElement(LogoutRedirect, null))
-      }), /* @__PURE__ */ React.createElement(Route, {
-        path: "/",
-        element: /* @__PURE__ */ React.createElement(MaybeRedirectToPreview, {
-          redirect: !!preview && hasRouter
-        }, /* @__PURE__ */ React.createElement(DefaultWrapper, {
-          cms
-        }, /* @__PURE__ */ React.createElement(DashboardPage, null)))
-      })))));
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(CheckSchema, { schemaJson }, /* @__PURE__ */ React.createElement(HashRouter, null, /* @__PURE__ */ React.createElement(SetPreviewFlag, { preview, cms }), /* @__PURE__ */ React.createElement(Routes, null, preview && /* @__PURE__ */ React.createElement(
+        Route,
+        {
+          path: "/~/*",
+          element: /* @__PURE__ */ React.createElement(PreviewInner, { config, preview })
+        }
+      ), /* @__PURE__ */ React.createElement(
+        Route,
+        {
+          path: "graphql",
+          element: /* @__PURE__ */ React.createElement(PlainLayout, null, /* @__PURE__ */ React.createElement(Playground, null))
+        }
+      ), /* @__PURE__ */ React.createElement(
+        Route,
+        {
+          path: "branch/new",
+          element: /* @__PURE__ */ React.createElement(DefaultWrapper, { cms }, /* @__PURE__ */ React.createElement(IndexingPage, null))
+        }
+      ), /* @__PURE__ */ React.createElement(
+        Route,
+        {
+          path: "collections/new/:collectionName",
+          element: /* @__PURE__ */ React.createElement(DefaultWrapper, { cms }, /* @__PURE__ */ React.createElement(CollectionCreatePage, null))
+        }
+      ), /* @__PURE__ */ React.createElement(
+        Route,
+        {
+          path: "collections/duplicate/:collectionName/~/*",
+          element: /* @__PURE__ */ React.createElement(DefaultWrapper, { cms }, /* @__PURE__ */ React.createElement(CollectionDuplicatePage, null))
+        }
+      ), /* @__PURE__ */ React.createElement(
+        Route,
+        {
+          path: "collections/duplicate/:collectionName/*",
+          element: /* @__PURE__ */ React.createElement(DefaultWrapper, { cms }, /* @__PURE__ */ React.createElement(CollectionDuplicatePage, null))
+        }
+      ), /* @__PURE__ */ React.createElement(
+        Route,
+        {
+          path: "collections/new/:collectionName/:templateName",
+          element: /* @__PURE__ */ React.createElement(DefaultWrapper, { cms }, /* @__PURE__ */ React.createElement(CollectionCreatePage, null))
+        }
+      ), /* @__PURE__ */ React.createElement(
+        Route,
+        {
+          path: "collections/new/:collectionName/:templateName/~/*",
+          element: /* @__PURE__ */ React.createElement(DefaultWrapper, { cms }, /* @__PURE__ */ React.createElement(CollectionCreatePage, null))
+        }
+      ), /* @__PURE__ */ React.createElement(
+        Route,
+        {
+          path: "collections/new/:collectionName/~/*",
+          element: /* @__PURE__ */ React.createElement(DefaultWrapper, { cms }, /* @__PURE__ */ React.createElement(CollectionCreatePage, null))
+        }
+      ), /* @__PURE__ */ React.createElement(
+        Route,
+        {
+          path: "collections/edit/:collectionName/*",
+          element: /* @__PURE__ */ React.createElement(DefaultWrapper, { cms }, /* @__PURE__ */ React.createElement(CollectionUpdatePage, null))
+        }
+      ), /* @__PURE__ */ React.createElement(
+        Route,
+        {
+          path: "collections/:collectionName/*",
+          element: /* @__PURE__ */ React.createElement(DefaultWrapper, { cms }, /* @__PURE__ */ React.createElement(CollectionListPage, null))
+        }
+      ), /* @__PURE__ */ React.createElement(
+        Route,
+        {
+          path: "screens/:screenName",
+          element: /* @__PURE__ */ React.createElement(DefaultWrapper, { cms }, /* @__PURE__ */ React.createElement(ScreenPage, null))
+        }
+      ), /* @__PURE__ */ React.createElement(
+        Route,
+        {
+          path: "logout",
+          element: /* @__PURE__ */ React.createElement(DefaultWrapper, { cms }, /* @__PURE__ */ React.createElement(LogoutRedirect, null))
+        }
+      ), /* @__PURE__ */ React.createElement(
+        Route,
+        {
+          path: "/",
+          element: /* @__PURE__ */ React.createElement(
+            MaybeRedirectToPreview,
+            {
+              redirect: !!preview && hasRouter
+            },
+            /* @__PURE__ */ React.createElement(DefaultWrapper, { cms }, /* @__PURE__ */ React.createElement(DashboardPage, null))
+          )
+        }
+      )))));
     } else {
-      return /* @__PURE__ */ React.createElement(Layout, null, /* @__PURE__ */ React.createElement(HashRouter, null, /* @__PURE__ */ React.createElement(Routes, null, /* @__PURE__ */ React.createElement(Route, {
-        path: "logout",
-        element: /* @__PURE__ */ React.createElement(LogoutPage, null)
-      }), /* @__PURE__ */ React.createElement(Route, {
-        path: "/",
-        element: /* @__PURE__ */ React.createElement(Redirect, null)
-      }))));
+      return /* @__PURE__ */ React.createElement(Layout, null, /* @__PURE__ */ React.createElement(HashRouter, null, /* @__PURE__ */ React.createElement(Routes, null, /* @__PURE__ */ React.createElement(Route, { path: "logout", element: /* @__PURE__ */ React.createElement(LogoutPage, null) }), /* @__PURE__ */ React.createElement(Route, { path: "/", element: /* @__PURE__ */ React.createElement(Redirect, null) }))));
     }
   });
 };
@@ -5438,28 +5832,26 @@ const DefaultWrapper = ({
   cms,
   children
 }) => {
-  return /* @__PURE__ */ React.createElement(Layout, null, /* @__PURE__ */ React.createElement("div", {
-    className: "flex items-stretch h-screen overflow-hidden"
-  }, /* @__PURE__ */ React.createElement(Sidebar, {
-    cms
-  }), /* @__PURE__ */ React.createElement("div", {
-    className: "flex-1 relative"
-  }, children)));
+  return /* @__PURE__ */ React.createElement(Layout, null, /* @__PURE__ */ React.createElement("div", { className: "flex items-stretch h-screen overflow-hidden" }, /* @__PURE__ */ React.createElement(Sidebar, { cms }), /* @__PURE__ */ React.createElement("div", { className: "flex-1 relative" }, children)));
 };
 const PlainLayout = ({ children }) => {
-  return /* @__PURE__ */ React.createElement("div", {
-    style: {
-      position: "fixed",
-      top: 0,
-      left: 0,
-      width: "100%",
-      height: "100%",
-      overflow: "auto",
-      background: "#F6F6F9",
-      fontFamily: "'Inter', sans-serif",
-      zIndex: 9999
-    }
-  }, children);
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      style: {
+        position: "fixed",
+        top: 0,
+        left: 0,
+        width: "100%",
+        height: "100%",
+        overflow: "auto",
+        background: "#F6F6F9",
+        fontFamily: "'Inter', sans-serif",
+        zIndex: 9999
+      }
+    },
+    children
+  );
 };
 class RouteMappingPlugin {
   constructor(mapper) {
@@ -5484,4 +5876,34 @@ const defineStaticConfig = (config) => {
   return config;
 };
 const defineConfig = defineStaticConfig;
-export { AuthWallInner, Client, DEFAULT_LOCAL_TINA_GQL_SERVER_URL, LocalClient, LocalSearchClient, RouteMappingPlugin, TinaAdmin, TinaAdminApi, TinaCMSProvider2, TinaCMSSearchClient, TinaCloudAuthWall, TinaCloudProvider, assertShape, asyncPoll, createClient, TinaCMSProvider2 as default, defineConfig, defineLegacyConfig, defineSchema, defineStaticConfig, getStaticPropsForTina, gql, safeAssertShape, staticRequest, useDocumentCreatorPlugin, useTinaAuthRedirect };
+export {
+  AuthWallInner,
+  Client,
+  DEFAULT_LOCAL_TINA_GQL_SERVER_URL,
+  LocalClient,
+  LocalSearchClient,
+  MdxFieldPluginExtendible,
+  NAMER,
+  RouteMappingPlugin,
+  TinaAdmin,
+  TinaAdminApi,
+  TinaCMSProvider2,
+  TinaCMSSearchClient,
+  TinaCloudAuthWall,
+  TinaCloudProvider,
+  assertShape,
+  asyncPoll,
+  createClient,
+  TinaCMSProvider2 as default,
+  defineConfig,
+  defineLegacyConfig,
+  defineSchema,
+  defineStaticConfig,
+  getStaticPropsForTina,
+  gql,
+  resolveField,
+  safeAssertShape,
+  staticRequest,
+  useDocumentCreatorPlugin,
+  useTinaAuthRedirect
+};