tinacms 1.5.10 → 1.5.12

package/dist/index.es.js

@@ -1,5 +1,5 @@
 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, Select, Message, OverflowMenu, CursorPaginator, Input, PopupModal, BaseTextField, Form, wrapFieldsWithMeta, FormStatus, FormBuilder } from "@tinacms/toolkit";
+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 { getIntrospectionQuery, buildClientSchema, print, parse, buildSchema } from "graphql";
@@ -191,7 +191,9 @@ const parseRefForBranchName = (ref) => {
   return matches[1];
 };
 const ListBranchResponse = z.object({
-  name: z.string()
+  name: z.string(),
+  protected: z.boolean().optional().default(false),
+  githubPullRequestUrl: z.string().optional()
 }).array();
 const IndexStatusResponse = z.object({
   status: z.union([
@@ -230,6 +232,8 @@ class Client {
   constructor({ tokenStorage = "MEMORY", ...options }) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P;
     this.events = new EventBus();
+    this.protectedBranches = [];
+    this.usingEditorialWorkflow = false;
     this.addPendingContent = async (props) => {
       const mutation = `#graphql
 mutation addPendingDocumentMutation(
@@ -420,6 +424,41 @@ mutation addPendingDocumentMutation(
     const jsonRes = await res.json();
     return jsonRes;
   }
+  async getProject() {
+    const res = await this.fetchWithToken(`${this.identityApiUrl}/v2/apps/${this.clientId}`, {
+      method: "GET"
+    });
+    const val = await res.json();
+    return val;
+  }
+  async createPullRequest({
+    baseBranch,
+    branch,
+    title
+  }) {
+    const url = `${this.contentApiBase}/github/${this.clientId}/create_pull_request`;
+    try {
+      const res = await this.fetchWithToken(url, {
+        method: "POST",
+        body: JSON.stringify({
+          baseBranch,
+          branch,
+          title
+        }),
+        headers: {
+          "Content-Type": "application/json"
+        }
+      });
+      if (!res.ok) {
+        throw new Error(`There was an error creating a new branch. ${res.statusText}`);
+      }
+      const values = await res.json();
+      return values;
+    } catch (error) {
+      console.error("There was an error creating a new branch.", error);
+      throw error;
+    }
+  }
   async fetchEvents(limit, cursor) {
     if (this.isLocalMode) {
       return {
@@ -437,12 +476,6 @@ mutation addPendingDocumentMutation(
     }).join(""));
     return JSON.parse(jsonPayload);
   }
-  async getProject() {
-    const res = await this.fetchWithToken(`${this.identityApiUrl}/v2/apps/${this.clientId}`, {
-      method: "GET"
-    });
-    return res.json();
-  }
   async getRefreshedToken(tokens) {
     const { access_token, id_token, refresh_token } = JSON.parse(tokens);
     const { exp, iss, client_id } = this.parseJwt(access_token);
@@ -546,6 +579,7 @@ mutation addPendingDocumentMutation(
     }
   }
   waitForIndexStatus({ ref }) {
+    let unknownCount = 0;
     try {
       const [prom, cancel] = asyncPoll(async () => {
         try {
@@ -556,6 +590,12 @@ mutation addPendingDocumentMutation(
               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
             });
@@ -568,9 +608,8 @@ mutation addPendingDocumentMutation(
     } catch (error) {
       if (error.message === "AsyncPoller: reached timeout") {
         console.warn(error);
-        return {
-          status: "timeout"
-        };
+        return [Promise.resolve({ status: "timeout" }), () => {
+        }];
       }
       throw error;
     }
@@ -582,7 +621,7 @@ mutation addPendingDocumentMutation(
     const parsedResult = IndexStatusResponse.parse(result);
     return parsedResult;
   }
-  async listBranches() {
+  async listBranches(args) {
     try {
       const url = `${this.contentApiBase}/github/${this.clientId}/list_branches`;
       const res = await this.fetchWithToken(url, {
@@ -590,6 +629,9 @@ mutation addPendingDocumentMutation(
       });
       const branches = await res.json();
       const parsedBranches = ListBranchResponse.parse(branches);
+      if ((args == null ? void 0 : args.includeIndexStatus) === false) {
+        return parsedBranches;
+      }
       const indexStatusPromises = parsedBranches.map(async (branch) => {
         const indexStatus2 = await this.getIndexStatus({ ref: branch.name });
         return {
@@ -597,6 +639,7 @@ mutation addPendingDocumentMutation(
           indexStatus: indexStatus2
         };
       });
+      this.protectedBranches = parsedBranches.filter((x) => x.protected).map((x) => x.name);
       const indexStatus = await Promise.all(indexStatusPromises);
       return indexStatus;
     } catch (error) {
@@ -604,6 +647,10 @@ mutation addPendingDocumentMutation(
       throw error;
     }
   }
+  usingProtectedBranch() {
+    var _a;
+    return this.usingEditorialWorkflow && ((_a = this.protectedBranches) == null ? void 0 : _a.includes(this.branch));
+  }
   async createBranch({ baseBranch, branchName }) {
     const url = `${this.contentApiBase}/github/${this.clientId}/create_branch`;
     try {
@@ -617,10 +664,16 @@ mutation addPendingDocumentMutation(
           "Content-Type": "application/json"
         }
       });
-      return await res.json().then((r) => parseRefForBranchName(r.data.ref));
+      if (!res.ok) {
+        console.error("There was an error creating a new branch.");
+        const error = await res.json();
+        throw new Error(error == null ? void 0 : error.message);
+      }
+      const values = await res.json();
+      return parseRefForBranchName(values.data.ref);
     } catch (error) {
       console.error("There was an error creating a new branch.", error);
-      return null;
+      throw error;
     }
   }
 }
@@ -1100,6 +1153,7 @@ const AuthWallInner = ({
     if (await client.isAuthenticated()) {
       setShowChildren(true);
       setActiveModal(null);
+      cms.events.dispatch({ type: "cms:login" });
     } else {
       throw new Error("No access to repo");
     }
@@ -1138,6 +1192,7 @@ const AuthWallInner = ({
   }), 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);
   useTinaAuthRedirect();
@@ -1153,16 +1208,16 @@ const TinaCloudProvider = (props) => {
     cms.api.tina.setBranch(currentBranch);
   }
   useEffect(() => {
-    var _a, _b, _c, _d;
+    var _a2, _b2, _c2, _d2;
     let searchClient;
     if (props.isLocalClient) {
       searchClient = new LocalSearchClient(cms.api.tina);
     } else {
-      const hasTinaSearch = Boolean((_b = (_a = props.schema.config) == null ? void 0 : _a.search) == null ? void 0 : _b.tina);
+      const hasTinaSearch = Boolean((_b2 = (_a2 = props.schema.config) == null ? void 0 : _a2.search) == null ? void 0 : _b2.tina);
       if (hasTinaSearch) {
         searchClient = new TinaCMSSearchClient(cms.api.tina);
       } else {
-        searchClient = (_d = (_c = props.schema.config) == null ? void 0 : _c.search) == null ? void 0 : _d.searchClient;
+        searchClient = (_d2 = (_c2 = props.schema.config) == null ? void 0 : _c2.search) == null ? void 0 : _d2.searchClient;
       }
     }
     if (searchClient) {
@@ -1173,12 +1228,12 @@ const TinaCloudProvider = (props) => {
     cms.registerApi("admin", new TinaAdminApi(cms));
   }
   const setupMedia = async () => {
-    var _a, _b, _c, _d, _e, _f, _g;
-    const hasTinaMedia = Boolean((_b = (_a = props.schema.config) == null ? void 0 : _a.media) == null ? void 0 : _b.tina);
+    var _a2, _b2, _c2, _d2, _e2, _f, _g;
+    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 (((_d = (_c = props.schema.config) == null ? void 0 : _c.media) == null ? void 0 : _d.loadCustomStore) || props.mediaStore) {
-      const mediaStoreFromProps = ((_f = (_e = props.schema.config) == null ? void 0 : _e.media) == null ? void 0 : _f.loadCustomStore) || props.mediaStore;
+    } else if (((_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);
       } else {
@@ -1189,6 +1244,8 @@ const TinaCloudProvider = (props) => {
       cms.media.store = new DummyMediaStore();
     }
   };
+  const client = cms.api.tina;
+  const isTinaCloud = !client.isLocalMode && !((_e = (_d = (_c = (_b = (_a = client.schema) == null ? void 0 : _a.config) == null ? void 0 : _b.config) == null ? void 0 : _c.admin) == null ? void 0 : _d.auth) == null ? void 0 : _e.customAuth);
   const handleListBranches = async () => {
     const { owner, repo } = props;
     const branches = await cms.api.tina.listBranches({ owner, repo });
@@ -1231,6 +1288,27 @@ const TinaCloudProvider = (props) => {
       props.cmsCallback(cms);
     }
   }, []);
+  React.useEffect(() => {
+    const setupEditorialWorkflow = () => {
+      client.getProject().then((project) => {
+        var _a2;
+        if ((_a2 = project == null ? void 0 : project.features) == null ? void 0 : _a2.includes("editorial-workflow")) {
+          cms.flags.set("branch-switcher", true);
+          client.usingEditorialWorkflow = true;
+          client.protectedBranches = project.protectedBranches;
+        }
+      });
+    };
+    if (isTinaCloud) {
+      setupEditorialWorkflow();
+    }
+    const unsubscribe = cms.events.subscribe("cms:login", () => {
+      if (isTinaCloud) {
+        setupEditorialWorkflow();
+      }
+    });
+    return unsubscribe;
+  }, [isTinaCloud, cms]);
   return /* @__PURE__ */ React.createElement(BranchDataProvider, {
     currentBranch,
     setCurrentBranch: (b) => {
@@ -1560,6 +1638,343 @@ var styles = `.tina-tailwind {
   --tw-backdrop-saturate:  ;
   --tw-backdrop-sepia:  ;
 }
+.tina-prose {
+  color: var(--tw-prose-body);
+  max-width: 65ch;
+}
+.tina-prose :where([class~="lead"]):not(:where([class~="not-tina-prose"] *)) {
+  color: var(--tw-prose-lead);
+  font-size: 1.25em;
+  line-height: 1.6;
+  margin-top: 1.2em;
+  margin-bottom: 1.2em;
+}
+.tina-prose :where(a):not(:where([class~="not-tina-prose"] *)) {
+  color: var(--tw-prose-links);
+  text-decoration: underline;
+  font-weight: 500;
+}
+.tina-prose :where(strong):not(:where([class~="not-tina-prose"] *)) {
+  color: var(--tw-prose-bold);
+  font-weight: 600;
+}
+.tina-prose :where(ol):not(:where([class~="not-tina-prose"] *)) {
+  list-style-type: decimal;
+  padding-left: 1.625em;
+}
+.tina-prose :where(ol[type="A"]):not(:where([class~="not-tina-prose"] *)) {
+  list-style-type: upper-alpha;
+}
+.tina-prose :where(ol[type="a"]):not(:where([class~="not-tina-prose"] *)) {
+  list-style-type: lower-alpha;
+}
+.tina-prose :where(ol[type="A" s]):not(:where([class~="not-tina-prose"] *)) {
+  list-style-type: upper-alpha;
+}
+.tina-prose :where(ol[type="a" s]):not(:where([class~="not-tina-prose"] *)) {
+  list-style-type: lower-alpha;
+}
+.tina-prose :where(ol[type="I"]):not(:where([class~="not-tina-prose"] *)) {
+  list-style-type: upper-roman;
+}
+.tina-prose :where(ol[type="i"]):not(:where([class~="not-tina-prose"] *)) {
+  list-style-type: lower-roman;
+}
+.tina-prose :where(ol[type="I" s]):not(:where([class~="not-tina-prose"] *)) {
+  list-style-type: upper-roman;
+}
+.tina-prose :where(ol[type="i" s]):not(:where([class~="not-tina-prose"] *)) {
+  list-style-type: lower-roman;
+}
+.tina-prose :where(ol[type="1"]):not(:where([class~="not-tina-prose"] *)) {
+  list-style-type: decimal;
+}
+.tina-prose :where(ul):not(:where([class~="not-tina-prose"] *)) {
+  list-style-type: disc;
+  padding-left: 1.625em;
+}
+.tina-prose :where(ol > li):not(:where([class~="not-tina-prose"] *))::marker {
+  font-weight: 400;
+  color: var(--tw-prose-counters);
+}
+.tina-prose :where(ul > li):not(:where([class~="not-tina-prose"] *))::marker {
+  color: var(--tw-prose-bullets);
+}
+.tina-prose :where(hr):not(:where([class~="not-tina-prose"] *)) {
+  border-color: var(--tw-prose-hr);
+  border-top-width: 1px;
+  margin-top: 3em;
+  margin-bottom: 3em;
+}
+.tina-prose :where(blockquote):not(:where([class~="not-tina-prose"] *)) {
+  font-weight: 500;
+  font-style: italic;
+  color: var(--tw-prose-quotes);
+  border-left-width: 0.25rem;
+  border-left-color: var(--tw-prose-quote-borders);
+  quotes: "\\201C""\\201D""\\2018""\\2019";
+  margin-top: 1.6em;
+  margin-bottom: 1.6em;
+  padding-left: 1em;
+}
+.tina-prose :where(blockquote p:first-of-type):not(:where([class~="not-tina-prose"] *))::before {
+  content: open-quote;
+}
+.tina-prose :where(blockquote p:last-of-type):not(:where([class~="not-tina-prose"] *))::after {
+  content: close-quote;
+}
+.tina-prose :where(h1):not(:where([class~="not-tina-prose"] *)) {
+  color: var(--tw-prose-headings);
+  font-weight: 800;
+  font-size: 2.25em;
+  margin-top: 0;
+  margin-bottom: 0.8888889em;
+  line-height: 1.1111111;
+}
+.tina-prose :where(h1 strong):not(:where([class~="not-tina-prose"] *)) {
+  font-weight: 900;
+}
+.tina-prose :where(h2):not(:where([class~="not-tina-prose"] *)) {
+  color: var(--tw-prose-headings);
+  font-weight: 700;
+  font-size: 1.5em;
+  margin-top: 2em;
+  margin-bottom: 1em;
+  line-height: 1.3333333;
+}
+.tina-prose :where(h2 strong):not(:where([class~="not-tina-prose"] *)) {
+  font-weight: 800;
+}
+.tina-prose :where(h3):not(:where([class~="not-tina-prose"] *)) {
+  color: var(--tw-prose-headings);
+  font-weight: 600;
+  font-size: 1.25em;
+  margin-top: 1.6em;
+  margin-bottom: 0.6em;
+  line-height: 1.6;
+}
+.tina-prose :where(h3 strong):not(:where([class~="not-tina-prose"] *)) {
+  font-weight: 700;
+}
+.tina-prose :where(h4):not(:where([class~="not-tina-prose"] *)) {
+  color: var(--tw-prose-headings);
+  font-weight: 600;
+  margin-top: 1.5em;
+  margin-bottom: 0.5em;
+  line-height: 1.5;
+}
+.tina-prose :where(h4 strong):not(:where([class~="not-tina-prose"] *)) {
+  font-weight: 700;
+}
+.tina-prose :where(figure > *):not(:where([class~="not-tina-prose"] *)) {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+.tina-prose :where(figcaption):not(:where([class~="not-tina-prose"] *)) {
+  color: var(--tw-prose-captions);
+  font-size: 0.875em;
+  line-height: 1.4285714;
+  margin-top: 0.8571429em;
+}
+.tina-prose :where(code):not(:where([class~="not-tina-prose"] *)) {
+  color: var(--tw-prose-code);
+  font-weight: 600;
+  font-size: 0.875em;
+}
+.tina-prose :where(code):not(:where([class~="not-tina-prose"] *))::before {
+  content: "\`";
+}
+.tina-prose :where(code):not(:where([class~="not-tina-prose"] *))::after {
+  content: "\`";
+}
+.tina-prose :where(a code):not(:where([class~="not-tina-prose"] *)) {
+  color: var(--tw-prose-links);
+}
+.tina-prose :where(pre):not(:where([class~="not-tina-prose"] *)) {
+  color: var(--tw-prose-pre-code);
+  background-color: var(--tw-prose-pre-bg);
+  overflow-x: auto;
+  font-weight: 400;
+  font-size: 0.875em;
+  line-height: 1.7142857;
+  margin-top: 1.7142857em;
+  margin-bottom: 1.7142857em;
+  border-radius: 0.375rem;
+  padding-top: 0.8571429em;
+  padding-right: 1.1428571em;
+  padding-bottom: 0.8571429em;
+  padding-left: 1.1428571em;
+}
+.tina-prose :where(pre code):not(:where([class~="not-tina-prose"] *)) {
+  background-color: transparent;
+  border-width: 0;
+  border-radius: 0;
+  padding: 0;
+  font-weight: inherit;
+  color: inherit;
+  font-size: inherit;
+  font-family: inherit;
+  line-height: inherit;
+}
+.tina-prose :where(pre code):not(:where([class~="not-tina-prose"] *))::before {
+  content: none;
+}
+.tina-prose :where(pre code):not(:where([class~="not-tina-prose"] *))::after {
+  content: none;
+}
+.tina-prose :where(table):not(:where([class~="not-tina-prose"] *)) {
+  width: 100%;
+  table-layout: auto;
+  text-align: left;
+  margin-top: 2em;
+  margin-bottom: 2em;
+  font-size: 0.875em;
+  line-height: 1.7142857;
+}
+.tina-prose :where(thead):not(:where([class~="not-tina-prose"] *)) {
+  border-bottom-width: 1px;
+  border-bottom-color: var(--tw-prose-th-borders);
+}
+.tina-prose :where(thead th):not(:where([class~="not-tina-prose"] *)) {
+  color: var(--tw-prose-headings);
+  font-weight: 600;
+  vertical-align: bottom;
+  padding-right: 0.5714286em;
+  padding-bottom: 0.5714286em;
+  padding-left: 0.5714286em;
+}
+.tina-prose :where(tbody tr):not(:where([class~="not-tina-prose"] *)) {
+  border-bottom-width: 1px;
+  border-bottom-color: var(--tw-prose-td-borders);
+}
+.tina-prose :where(tbody tr:last-child):not(:where([class~="not-tina-prose"] *)) {
+  border-bottom-width: 0;
+}
+.tina-prose :where(tbody td):not(:where([class~="not-tina-prose"] *)) {
+  vertical-align: baseline;
+  padding-top: 0.5714286em;
+  padding-right: 0.5714286em;
+  padding-bottom: 0.5714286em;
+  padding-left: 0.5714286em;
+}
+.tina-prose {
+  --tw-prose-body: #374151;
+  --tw-prose-headings: #111827;
+  --tw-prose-lead: #4b5563;
+  --tw-prose-links: #111827;
+  --tw-prose-bold: #111827;
+  --tw-prose-counters: #6b7280;
+  --tw-prose-bullets: #d1d5db;
+  --tw-prose-hr: #e5e7eb;
+  --tw-prose-quotes: #111827;
+  --tw-prose-quote-borders: #e5e7eb;
+  --tw-prose-captions: #6b7280;
+  --tw-prose-code: #111827;
+  --tw-prose-pre-code: #e5e7eb;
+  --tw-prose-pre-bg: #1f2937;
+  --tw-prose-th-borders: #d1d5db;
+  --tw-prose-td-borders: #e5e7eb;
+  --tw-prose-invert-body: #d1d5db;
+  --tw-prose-invert-headings: #fff;
+  --tw-prose-invert-lead: #9ca3af;
+  --tw-prose-invert-links: #fff;
+  --tw-prose-invert-bold: #fff;
+  --tw-prose-invert-counters: #9ca3af;
+  --tw-prose-invert-bullets: #4b5563;
+  --tw-prose-invert-hr: #374151;
+  --tw-prose-invert-quotes: #f3f4f6;
+  --tw-prose-invert-quote-borders: #374151;
+  --tw-prose-invert-captions: #9ca3af;
+  --tw-prose-invert-code: #fff;
+  --tw-prose-invert-pre-code: #d1d5db;
+  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
+  --tw-prose-invert-th-borders: #4b5563;
+  --tw-prose-invert-td-borders: #374151;
+  font-size: 1rem;
+  line-height: 1.75;
+}
+.tina-prose :where(p):not(:where([class~="not-tina-prose"] *)) {
+  margin-top: 1.25em;
+  margin-bottom: 1.25em;
+}
+.tina-prose :where(img):not(:where([class~="not-tina-prose"] *)) {
+  margin-top: 2em;
+  margin-bottom: 2em;
+}
+.tina-prose :where(video):not(:where([class~="not-tina-prose"] *)) {
+  margin-top: 2em;
+  margin-bottom: 2em;
+}
+.tina-prose :where(figure):not(:where([class~="not-tina-prose"] *)) {
+  margin-top: 2em;
+  margin-bottom: 2em;
+}
+.tina-prose :where(h2 code):not(:where([class~="not-tina-prose"] *)) {
+  font-size: 0.875em;
+}
+.tina-prose :where(h3 code):not(:where([class~="not-tina-prose"] *)) {
+  font-size: 0.9em;
+}
+.tina-prose :where(li):not(:where([class~="not-tina-prose"] *)) {
+  margin-top: 0.5em;
+  margin-bottom: 0.5em;
+}
+.tina-prose :where(ol > li):not(:where([class~="not-tina-prose"] *)) {
+  padding-left: 0.375em;
+}
+.tina-prose :where(ul > li):not(:where([class~="not-tina-prose"] *)) {
+  padding-left: 0.375em;
+}
+.tina-prose > :where(ul > li p):not(:where([class~="not-tina-prose"] *)) {
+  margin-top: 0.75em;
+  margin-bottom: 0.75em;
+}
+.tina-prose > :where(ul > li > *:first-child):not(:where([class~="not-tina-prose"] *)) {
+  margin-top: 1.25em;
+}
+.tina-prose > :where(ul > li > *:last-child):not(:where([class~="not-tina-prose"] *)) {
+  margin-bottom: 1.25em;
+}
+.tina-prose > :where(ol > li > *:first-child):not(:where([class~="not-tina-prose"] *)) {
+  margin-top: 1.25em;
+}
+.tina-prose > :where(ol > li > *:last-child):not(:where([class~="not-tina-prose"] *)) {
+  margin-bottom: 1.25em;
+}
+.tina-prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-tina-prose"] *)) {
+  margin-top: 0.75em;
+  margin-bottom: 0.75em;
+}
+.tina-prose :where(hr + *):not(:where([class~="not-tina-prose"] *)) {
+  margin-top: 0;
+}
+.tina-prose :where(h2 + *):not(:where([class~="not-tina-prose"] *)) {
+  margin-top: 0;
+}
+.tina-prose :where(h3 + *):not(:where([class~="not-tina-prose"] *)) {
+  margin-top: 0;
+}
+.tina-prose :where(h4 + *):not(:where([class~="not-tina-prose"] *)) {
+  margin-top: 0;
+}
+.tina-prose :where(thead th:first-child):not(:where([class~="not-tina-prose"] *)) {
+  padding-left: 0;
+}
+.tina-prose :where(thead th:last-child):not(:where([class~="not-tina-prose"] *)) {
+  padding-right: 0;
+}
+.tina-prose :where(tbody td:first-child):not(:where([class~="not-tina-prose"] *)) {
+  padding-left: 0;
+}
+.tina-prose :where(tbody td:last-child):not(:where([class~="not-tina-prose"] *)) {
+  padding-right: 0;
+}
+.tina-prose > :where(:first-child):not(:where([class~="not-tina-prose"] *)) {
+  margin-top: 0;
+}
+.tina-prose > :where(:last-child):not(:where([class~="not-tina-prose"] *)) {
+  margin-bottom: 0;
+}
 .tina-tailwind .pointer-events-none {
   pointer-events: none;
 }
@@ -1621,21 +2036,16 @@ var styles = `.tina-tailwind {
   margin-left: auto;
   margin-right: auto;
 }
+.tina-tailwind .my-8 {
+  margin-top: 32px;
+  margin-bottom: 32px;
+}
 .tina-tailwind .-ml-px {
   margin-left: -1px;
 }
-.tina-tailwind .-mt-0 {
-  margin-top: -0px;
-}
-.tina-tailwind .-mt-0\\.5 {
-  margin-top: -2px;
-}
 .tina-tailwind .mb-1 {
   margin-bottom: 4px;
 }
-.tina-tailwind .mb-2 {
-  margin-bottom: 8px;
-}
 .tina-tailwind .mb-4 {
   margin-bottom: 16px;
 }
@@ -1738,9 +2148,15 @@ var styles = `.tina-tailwind {
 .tina-tailwind .min-w-\\[200px\\] {
   min-width: 200px;
 }
+.tina-tailwind .min-w-\\[48px\\] {
+  min-width: 48px;
+}
 .tina-tailwind .max-w-0 {
   max-width: 0rem;
 }
+.tina-tailwind .max-w-5xl {
+  max-width: 64rem;
+}
 .tina-tailwind .max-w-form {
   max-width: 900px;
 }
@@ -1759,12 +2175,21 @@ var styles = `.tina-tailwind {
 .tina-tailwind .flex-shrink-0 {
   flex-shrink: 0;
 }
+.tina-tailwind .shrink {
+  flex-shrink: 1;
+}
 .tina-tailwind .shrink-0 {
   flex-shrink: 0;
 }
 .tina-tailwind .flex-grow-0 {
   flex-grow: 0;
 }
+.tina-tailwind .grow-0 {
+  flex-grow: 0;
+}
+.tina-tailwind .basis-0 {
+  flex-basis: 0px;
+}
 .tina-tailwind .table-auto {
   table-layout: auto;
 }
@@ -1800,6 +2225,15 @@ var styles = `.tina-tailwind {
 .tina-tailwind .transform {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+@keyframes spin {
+
+  to {
+    transform: rotate(360deg);
+  }
+}
+.tina-tailwind .animate-spin {
+  animation: spin 1s linear infinite;
+}
 .tina-tailwind .cursor-pointer {
   cursor: pointer;
 }
@@ -1845,6 +2279,9 @@ var styles = `.tina-tailwind {
 .tina-tailwind .gap-1 {
   gap: 4px;
 }
+.tina-tailwind .gap-1\\.5 {
+  gap: 6px;
+}
 .tina-tailwind .gap-2 {
   gap: 8px;
 }
@@ -1872,6 +2309,9 @@ var styles = `.tina-tailwind {
 .tina-tailwind .overflow-hidden {
   overflow: hidden;
 }
+.tina-tailwind .overflow-scroll {
+  overflow: scroll;
+}
 .tina-tailwind .overflow-y-auto {
   overflow-y: auto;
 }
@@ -1911,6 +2351,9 @@ var styles = `.tina-tailwind {
 .tina-tailwind .border-b {
   border-bottom-width: 1px;
 }
+.tina-tailwind .border-l-2 {
+  border-left-width: 2px;
+}
 .tina-tailwind .border-r {
   border-right-width: 1px;
 }
@@ -1988,10 +2431,20 @@ var styles = `.tina-tailwind {
 .tina-tailwind .p-0 {
   padding: 0px;
 }
+.tina-tailwind .p-6 {
+  padding: 24px;
+}
+.tina-tailwind .p-8 {
+  padding: 32px;
+}
 .tina-tailwind .px-12 {
   padding-left: 48px;
   padding-right: 48px;
 }
+.tina-tailwind .px-2 {
+  padding-left: 8px;
+  padding-right: 8px;
+}
 .tina-tailwind .px-20 {
   padding-left: 80px;
   padding-right: 80px;
@@ -2044,12 +2497,18 @@ var styles = `.tina-tailwind {
   padding-top: 32px;
   padding-bottom: 32px;
 }
+.tina-tailwind .pb-4 {
+  padding-bottom: 16px;
+}
 .tina-tailwind .pl-18 {
   padding-left: 72px;
 }
 .tina-tailwind .pl-3 {
   padding-left: 12px;
 }
+.tina-tailwind .pl-4 {
+  padding-left: 16px;
+}
 .tina-tailwind .pl-5 {
   padding-left: 20px;
 }
@@ -2068,6 +2527,9 @@ var styles = `.tina-tailwind {
 .tina-tailwind .pt-12 {
   padding-top: 48px;
 }
+.tina-tailwind .pt-3 {
+  padding-top: 12px;
+}
 .tina-tailwind .pt-4 {
   padding-top: 16px;
 }
@@ -2077,6 +2539,9 @@ var styles = `.tina-tailwind {
 .tina-tailwind .text-center {
   text-align: center;
 }
+.tina-tailwind .font-mono {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+}
 .tina-tailwind .font-sans {
   font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 }
@@ -2108,6 +2573,9 @@ var styles = `.tina-tailwind {
   font-size: 13px;
   line-height: 1.33;
 }
+.tina-tailwind .font-bold {
+  font-weight: 700;
+}
 .tina-tailwind .font-medium {
   font-weight: 500;
 }
@@ -2144,9 +2612,6 @@ var styles = `.tina-tailwind {
   --tw-text-opacity: 1;
   color: rgb(5 116 228 / var(--tw-text-opacity));
 }
-.tina-tailwind .text-current {
-  color: currentColor;
-}
 .tina-tailwind .text-gray-200 {
   --tw-text-opacity: 1;
   color: rgb(225 221 236 / var(--tw-text-opacity));
@@ -2175,6 +2640,10 @@ var styles = `.tina-tailwind {
   --tw-text-opacity: 1;
   color: rgb(37 35 54 / var(--tw-text-opacity));
 }
+.tina-tailwind .text-orange-600 {
+  --tw-text-opacity: 1;
+  color: rgb(220 68 25 / var(--tw-text-opacity));
+}
 .tina-tailwind .text-red-400 {
   --tw-text-opacity: 1;
   color: rgb(248 113 113 / var(--tw-text-opacity));
@@ -2183,6 +2652,10 @@ var styles = `.tina-tailwind {
   --tw-text-opacity: 1;
   color: rgb(239 68 68 / var(--tw-text-opacity));
 }
+.tina-tailwind .text-red-700 {
+  --tw-text-opacity: 1;
+  color: rgb(185 28 28 / var(--tw-text-opacity));
+}
 .tina-tailwind .text-white {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
@@ -2208,8 +2681,8 @@ var styles = `.tina-tailwind {
 .tina-tailwind .opacity-20 {
   opacity: .2;
 }
-.tina-tailwind .opacity-50 {
-  opacity: .5;
+.tina-tailwind .opacity-30 {
+  opacity: .3;
 }
 .tina-tailwind .opacity-70 {
   opacity: .7;
@@ -2268,11 +2741,6 @@ var styles = `.tina-tailwind {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
-.tina-tailwind .transition-colors {
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
 .tina-tailwind .transition-opacity {
   transition-property: opacity;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -2328,6 +2796,9 @@ var styles = `.tina-tailwind {
   --tw-text-opacity: 1;
   color: rgb(5 116 228 / var(--tw-text-opacity));
 }
+.tina-tailwind .hover\\:underline:hover {
+  text-decoration-line: underline;
+}
 .tina-tailwind .hover\\:decoration-blue-400:hover {
   text-decoration-color: #2296fe;
 }
@@ -2341,17 +2812,10 @@ var styles = `.tina-tailwind {
   --tw-border-opacity: 1;
   border-color: rgb(0 132 255 / var(--tw-border-opacity));
 }
-.tina-tailwind .focus\\:text-blue-400:focus {
-  --tw-text-opacity: 1;
-  color: rgb(34 150 254 / var(--tw-text-opacity));
-}
 .tina-tailwind .focus\\:text-gray-900:focus {
   --tw-text-opacity: 1;
   color: rgb(37 35 54 / var(--tw-text-opacity));
 }
-.tina-tailwind .focus\\:underline:focus {
-  text-decoration-line: underline;
-}
 .tina-tailwind .focus\\:shadow-outline:focus {
   --tw-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
   --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color);
@@ -2582,8 +3046,6 @@ class ErrorBoundary extends React.Component {
     return { hasError: true, message: error.message };
   }
   render() {
-    const branchData = window.localStorage && window.localStorage.getItem("tinacms-current-branch");
-    const hasBranchData = branchData && branchData.length > 0;
     if (this.state.hasError && !this.state.pageRefresh) {
       return /* @__PURE__ */ React.createElement("div", {
         style: {
@@ -2617,18 +3079,7 @@ class ErrorBoundary extends React.Component {
           this.setState({ pageRefresh: true });
           setTimeout(() => this.setState({ hasError: false, pageRefresh: false }), 3e3);
         }
-      }, "Refresh"), hasBranchData && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("p", null, `If you're using the branch switcher, you may currently be on a "stale" branch that has been deleted or whose content is not compatible with the latest version of the site's layout. Click the button below to switch back to the default branch for this deployment.`), /* @__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: () => {
-          window.localStorage.removeItem("tinacms-current-branch");
-          window.location.reload();
-        }
-      }, "Switch to default branch"))));
+      }, "Refresh")));
     }
     if (this.state.pageRefresh) {
       return /* @__PURE__ */ React.createElement(Loader, null, "Let's try that again.");
@@ -2932,6 +3383,9 @@ function BiFile(props) {
 function BiFolder(props) {
   return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "d": "M20 5h-8.586L9.707 3.293A.997.997 0 0 0 9 3H4c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2V7c0-1.103-.897-2-2-2zM4 19V7h16l.002 12H4z" } }] })(props);
 }
+function BiLoaderAlt(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "d": "M12 22c5.421 0 10-4.579 10-10h-2c0 4.337-3.663 8-8 8s-8-3.663-8-8c0-4.336 3.663-8 8-8V2C6.579 2 2 6.58 2 12c0 5.421 4.579 10 10 10z" } }] })(props);
+}
 function BiLogIn(props) {
   return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "d": "m13 16 5-4-5-4v3H4v2h9z" } }, { "tag": "path", "attr": { "d": "M20 3h-9c-1.103 0-2 .897-2 2v4h2V5h9v14h-9v-4H9v4c0 1.103.897 2 2 2h9c1.103 0 2-.897 2-2V5c0-1.103-.897-2-2-2z" } }] })(props);
 }
@@ -3672,6 +4126,8 @@ const CollectionListPage = () => {
     }));
     setEndCursor("");
     setPrevCursors([]);
+    setSearch("");
+    setSearchInput("");
   }, [loc]);
   useEffect(() => {
     setVars((old) => ({
@@ -3720,7 +4176,7 @@ const CollectionListPage = () => {
       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 && /* @__PURE__ */ React.createElement(DeleteModal, {
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, deleteModalOpen && !cms.api.tina.usingProtectedBranch() && /* @__PURE__ */ React.createElement(DeleteModal, {
         filename: vars.relativePath,
         deleteFunc: async () => {
           try {
@@ -3734,6 +4190,22 @@ const CollectionListPage = () => {
           }
         },
         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,
@@ -4196,9 +4668,6 @@ const RenameModal = ({
     }
   }, "Rename"))));
 };
-function HiChevronRight(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 20 20", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "fillRule": "evenodd", "d": "M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z", "clipRule": "evenodd" } }] })(props);
-}
 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);
 }
@@ -4299,17 +4768,22 @@ const RenderForm$1 = ({
   const defaultItem = customDefaults || ((_d = template.ui) == null ? void 0 : _d.defaultItem) || (template == null ? void 0 : template.defaultItem);
   const form = useMemo(() => {
     var _a2, _b2;
+    const folderName = folder.fullyQualifiedName ? folder.name : "";
     return new Form({
+      crudType: "create",
       initialValues: typeof defaultItem === "function" ? defaultItem() : defaultItem,
       extraSubscribeValues: { active: true, submitting: true, touched: true },
       onChange: (values) => {
-        var _a3;
-        if (slugFunction && (values == null ? void 0 : values.active) !== "filename" && !(values == null ? void 0 : values.submitting) && !((_a3 = values.touched) == null ? void 0 : _a3.filename)) {
+        var _a3, _b3;
+        if (!(values == null ? void 0 : values.submitting)) {
+          form.relativePath = schemaCollection.path + folderName + `/${(_a3 = values == null ? void 0 : values.values) == null ? void 0 : _a3.filename}.${schemaCollection.format || "md"}`;
+        }
+        if (slugFunction && (values == null ? void 0 : values.active) !== "filename" && !(values == null ? void 0 : values.submitting) && !((_b3 = values.touched) == null ? void 0 : _b3.filename)) {
           const value = slugFunction(values == null ? void 0 : values.values);
           form.finalForm.change("filename", value);
         }
       },
-      id: "create-form",
+      id: schemaCollection.path + folderName + `/new-post.${schemaCollection.format || "md"}`,
       label: "form",
       fields: [
         ...formInfo.fields,
@@ -4353,8 +4827,8 @@ const RenderForm$1 = ({
       ],
       onSubmit: async (values) => {
         try {
-          const folderName = folder.fullyQualifiedName ? folder.name : "";
-          await createDocument(cms, collection, template, mutationInfo, folderName, values);
+          const folderName2 = folder.fullyQualifiedName ? folder.name : "";
+          await createDocument(cms, collection, template, mutationInfo, folderName2, values);
           cms.alerts.success("Document created!");
           setTimeout(() => {
             navigate(`/collections/${collection.name}${folder.fullyQualifiedName ? `/${folder.fullyQualifiedName}` : ""}`);
@@ -4389,21 +4863,17 @@ const RenderForm$1 = ({
   }
   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: `py-4 border-b border-gray-200 bg-white ${headerPadding}`
+    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: "max-w-form mx-auto"
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "mb-2"
-  }, /* @__PURE__ */ React.createElement("span", {
-    className: "block text-sm leading-tight uppercase text-gray-400 mb-1"
+    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: "inline-block text-current hover:text-blue-400 focus:underline focus:outline-none focus:text-blue-400 font-medium transition-colors duration-150 ease-out"
-  }, collection.label ? collection.label : collection.name), /* @__PURE__ */ React.createElement(HiChevronRight, {
-    className: "inline-block -mt-0.5 opacity-50"
-  })), /* @__PURE__ */ React.createElement("span", {
-    className: "text-xl text-gray-700 font-medium leading-tight"
-  }, "Create New")), /* @__PURE__ */ React.createElement(FormStatus, {
+    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,
@@ -4549,7 +5019,7 @@ const RenderForm = ({
   });
   const form = useMemo(() => {
     return new Form({
-      id: "update-form",
+      id: `${schemaCollection.path}/${relativePath2}`,
       label: "form",
       fields: formInfo.fields,
       initialValues: document._values,
@@ -4581,21 +5051,17 @@ const RenderForm = ({
   }
   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: `py-4 border-b border-gray-200 bg-white ${headerPadding}`
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "max-w-form mx-auto"
+    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: "mb-2"
-  }, /* @__PURE__ */ React.createElement("span", {
-    className: "block text-sm leading-tight uppercase text-gray-400 mb-1"
+    className: "w-full max-w-form flex gap-1.5 justify-between items-center"
   }, /* @__PURE__ */ React.createElement(Link, {
     to: `/collections/${collection.name}/~${parentFolder2}`,
-    className: "inline-block text-current hover:text-blue-400 focus:underline focus:outline-none focus:text-blue-400 font-medium transition-colors duration-150 ease-out"
-  }, collection.label ? collection.label : collection.name), /* @__PURE__ */ React.createElement(HiChevronRight, {
-    className: "inline-block -mt-0.5 opacity-50"
-  })), /* @__PURE__ */ React.createElement("span", {
-    className: "text-xl text-gray-700 font-medium leading-tight"
-  }, "Edit ", `${filename}.${collection.format}`)), /* @__PURE__ */ React.createElement(FormStatus, {
+    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,
@@ -4623,6 +5089,127 @@ const ScreenPage = () => {
     })));
   });
 };
+const IndexingPage = () => {
+  const cms = useCMS();
+  const tinaApi = cms.api.tina;
+  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 [errorMessage, setErrorMessage] = React.useState("");
+  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"));
+  useEffect(() => {
+    const run = async () => {
+      if (state === "starting") {
+        try {
+          console.log("starting", branch, formatBranchName(branch));
+          const name = await tinaApi.createBranch({
+            branchName: formatBranchName(branch),
+            baseBranch: currentBranch
+          });
+          if (!name) {
+            throw new Error("Branch creation failed.");
+          }
+          setBranch(name);
+          localStorage.setItem("tina.createBranchState", "indexing");
+          cms.alerts.success("Branch created.");
+          setState("indexing");
+        } catch (e) {
+          console.error(e);
+          cms.alerts.error("Branch creation failed: " + e.message);
+          setErrorMessage("Branch creation failed, please try again. By refreshing the page.");
+          setState("error");
+        }
+      }
+      if (state === "indexing") {
+        try {
+          const [
+            waitForIndexStatusPromise,
+            _cancelWaitForIndexFunc
+          ] = tinaApi.waitForIndexStatus({
+            ref: branch
+          });
+          await waitForIndexStatusPromise;
+          cms.alerts.success("Branch indexed.");
+          localStorage.setItem("tina.createBranchState", "submitting");
+          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.');
+          setState("error");
+        }
+      }
+      if (state === "submitting") {
+        try {
+          setBaseBranch(tinaApi.branch);
+          localStorage.setItem("tina.createBranchState.baseBranch", tinaApi.branch);
+          setCurrentBranch(branch);
+          const collection = tinaApi.schema.getCollectionByFullPath(fullPath);
+          const api = new TinaAdminApi(cms);
+          const params = api.schema.transformPayload(collection.name, values);
+          const relativePath2 = fullPath.replace(`${collection.path}/`, "");
+          if (await api.isAuthenticated()) {
+            if (kind === "delete") {
+              await api.deleteDocument(values);
+            } else if (kind === "create") {
+              await api.createDocument(collection, relativePath2, params);
+            } else {
+              await api.updateDocument(collection, relativePath2, params);
+            }
+          } else {
+            const authMessage = `UpdateDocument failed: User is no longer authenticated; please login and try again.`;
+            cms.alerts.error(authMessage);
+            console.error(authMessage);
+            return false;
+          }
+          localStorage.setItem("tina.createBranchState", "creatingPR");
+          cms.alerts.success("Content saved.");
+          setState("creatingPR");
+        } 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.");
+          setState("error");
+        }
+      }
+      if (state === "creatingPR") {
+        const foo = await tinaApi.createPullRequest({
+          baseBranch,
+          branch,
+          title: "PR from TinaCMS"
+        });
+        console.log("PR created", foo);
+        cms.alerts.success("Pull request created.");
+        localStorage.setItem("tina.createBranchState", "done");
+        setState("done");
+      }
+      if (state === "done") {
+        window.location.href = back;
+      }
+    };
+    if (fullPath && values && branch && back) {
+      run();
+    }
+  }, [state]);
+  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, " "));
+};
+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) {
@@ -4698,6 +5285,8 @@ const CheckSchema = ({
   const cms = useCMS();
   const api = new TinaAdminApi(cms);
   const url = api.api.contentApiUrl;
+  const [schemaMissingError, setSchemaMissingError] = React.useState(false);
+  const currentBranch = decodeURIComponent(cms.api.tina.branch);
   useEffect(() => {
     if (schemaJson && cms) {
       api.checkGraphqlSchema({
@@ -4706,10 +5295,32 @@ const CheckSchema = ({
         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");
         }
+      }).catch((e) => {
+        if (e.message.includes("has not been indexed by Tina Cloud")) {
+          setSchemaMissingError(true);
+        } else {
+          throw e;
+        }
       });
     }
   }, [cms, JSON.stringify(schemaJson || {}), url]);
-  return 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,
@@ -4735,7 +5346,7 @@ 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(CheckSchema, {
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(CheckSchema, {
         schemaJson
       }, /* @__PURE__ */ React.createElement(HashRouter, null, /* @__PURE__ */ React.createElement(SetPreviewFlag, {
         preview,
@@ -4749,6 +5360,11 @@ const TinaAdmin = ({
       }), /* @__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, {
@@ -4806,7 +5422,7 @@ const TinaAdmin = ({
         }, /* @__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",