tinacms 1.5.10 → 1.5.12

package/dist/index.js

@@ -206,7 +206,9 @@
     return matches[1];
   };
   const ListBranchResponse = zod.z.object({
-    name: zod.z.string()
+    name: zod.z.string(),
+    protected: zod.z.boolean().optional().default(false),
+    githubPullRequestUrl: zod.z.string().optional()
   }).array();
   const IndexStatusResponse = zod.z.object({
     status: zod.z.union([
@@ -245,6 +247,8 @@
     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 toolkit.EventBus();
+      this.protectedBranches = [];
+      this.usingEditorialWorkflow = false;
       this.addPendingContent = async (props) => {
         const mutation = `#graphql
 mutation addPendingDocumentMutation(
@@ -435,6 +439,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 {
@@ -452,12 +491,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);
@@ -561,6 +594,7 @@ mutation addPendingDocumentMutation(
       }
     }
     waitForIndexStatus({ ref }) {
+      let unknownCount = 0;
       try {
         const [prom, cancel] = asyncPoll(async () => {
           try {
@@ -571,6 +605,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
               });
@@ -583,9 +623,8 @@ mutation addPendingDocumentMutation(
       } catch (error) {
         if (error.message === "AsyncPoller: reached timeout") {
           console.warn(error);
-          return {
-            status: "timeout"
-          };
+          return [Promise.resolve({ status: "timeout" }), () => {
+          }];
         }
         throw error;
       }
@@ -597,7 +636,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, {
@@ -605,6 +644,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 {
@@ -612,6 +654,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) {
@@ -619,6 +662,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 {
@@ -632,10 +679,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;
       }
     }
   }
@@ -1115,6 +1168,7 @@ mutation addPendingDocumentMutation(
       if (await client.isAuthenticated()) {
         setShowChildren(true);
         setActiveModal(null);
+        cms.events.dispatch({ type: "cms:login" });
       } else {
         throw new Error("No access to repo");
       }
@@ -1153,6 +1207,7 @@ mutation addPendingDocumentMutation(
     }), showChildren ? children : loginScreen ? loginScreen : null);
   };
   const TinaCloudProvider = (props) => {
+    var _a, _b, _c, _d, _e;
     const baseBranch = props.branch || "main";
     const [currentBranch, setCurrentBranch] = toolkit.useLocalStorage("tinacms-current-branch", baseBranch);
     useTinaAuthRedirect();
@@ -1168,16 +1223,16 @@ mutation addPendingDocumentMutation(
       cms.api.tina.setBranch(currentBranch);
     }
     React.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) {
@@ -1188,12 +1243,12 @@ mutation addPendingDocumentMutation(
       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 toolkit.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 {
@@ -1204,6 +1259,8 @@ mutation addPendingDocumentMutation(
         cms.media.store = new toolkit.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 });
@@ -1246,6 +1303,27 @@ mutation addPendingDocumentMutation(
         props.cmsCallback(cms);
       }
     }, []);
+    React__default["default"].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__default["default"].createElement(toolkit.BranchDataProvider, {
       currentBranch,
       setCurrentBranch: (b) => {
@@ -1575,6 +1653,343 @@ mutation addPendingDocumentMutation(
   --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;
 }
@@ -1636,21 +2051,16 @@ mutation addPendingDocumentMutation(
   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;
 }
@@ -1753,9 +2163,15 @@ mutation addPendingDocumentMutation(
 .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;
 }
@@ -1774,12 +2190,21 @@ mutation addPendingDocumentMutation(
 .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;
 }
@@ -1815,6 +2240,15 @@ mutation addPendingDocumentMutation(
 .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;
 }
@@ -1860,6 +2294,9 @@ mutation addPendingDocumentMutation(
 .tina-tailwind .gap-1 {
   gap: 4px;
 }
+.tina-tailwind .gap-1\\.5 {
+  gap: 6px;
+}
 .tina-tailwind .gap-2 {
   gap: 8px;
 }
@@ -1887,6 +2324,9 @@ mutation addPendingDocumentMutation(
 .tina-tailwind .overflow-hidden {
   overflow: hidden;
 }
+.tina-tailwind .overflow-scroll {
+  overflow: scroll;
+}
 .tina-tailwind .overflow-y-auto {
   overflow-y: auto;
 }
@@ -1926,6 +2366,9 @@ mutation addPendingDocumentMutation(
 .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;
 }
@@ -2003,10 +2446,20 @@ mutation addPendingDocumentMutation(
 .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;
@@ -2059,12 +2512,18 @@ mutation addPendingDocumentMutation(
   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;
 }
@@ -2083,6 +2542,9 @@ mutation addPendingDocumentMutation(
 .tina-tailwind .pt-12 {
   padding-top: 48px;
 }
+.tina-tailwind .pt-3 {
+  padding-top: 12px;
+}
 .tina-tailwind .pt-4 {
   padding-top: 16px;
 }
@@ -2092,6 +2554,9 @@ mutation addPendingDocumentMutation(
 .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";
 }
@@ -2123,6 +2588,9 @@ mutation addPendingDocumentMutation(
   font-size: 13px;
   line-height: 1.33;
 }
+.tina-tailwind .font-bold {
+  font-weight: 700;
+}
 .tina-tailwind .font-medium {
   font-weight: 500;
 }
@@ -2159,9 +2627,6 @@ mutation addPendingDocumentMutation(
   --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));
@@ -2190,6 +2655,10 @@ mutation addPendingDocumentMutation(
   --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));
@@ -2198,6 +2667,10 @@ mutation addPendingDocumentMutation(
   --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));
@@ -2223,8 +2696,8 @@ mutation addPendingDocumentMutation(
 .tina-tailwind .opacity-20 {
   opacity: .2;
 }
-.tina-tailwind .opacity-50 {
-  opacity: .5;
+.tina-tailwind .opacity-30 {
+  opacity: .3;
 }
 .tina-tailwind .opacity-70 {
   opacity: .7;
@@ -2283,11 +2756,6 @@ mutation addPendingDocumentMutation(
   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);
@@ -2343,6 +2811,9 @@ mutation addPendingDocumentMutation(
   --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;
 }
@@ -2356,17 +2827,10 @@ mutation addPendingDocumentMutation(
   --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);
@@ -2597,8 +3061,6 @@ mutation addPendingDocumentMutation(
       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__default["default"].createElement("div", {
           style: {
@@ -2632,18 +3094,7 @@ mutation addPendingDocumentMutation(
             this.setState({ pageRefresh: true });
             setTimeout(() => this.setState({ hasError: false, pageRefresh: false }), 3e3);
           }
-        }, "Refresh"), hasBranchData && /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].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__default["default"].createElement("p", null, "See our", " ", /* @__PURE__ */ React__default["default"].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__default["default"].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__default["default"].createElement(Loader, null, "Let's try that again.");
@@ -2947,6 +3398,9 @@ This will work when developing locally but NOT when deployed to production.
   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);
   }
@@ -3687,6 +4141,8 @@ This will work when developing locally but NOT when deployed to production.
       }));
       setEndCursor("");
       setPrevCursors([]);
+      setSearch("");
+      setSearchInput("");
     }, [loc]);
     React.useEffect(() => {
       setVars((old) => ({
@@ -3735,7 +4191,7 @@ This will work when developing locally but NOT when deployed to production.
         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__default["default"].createElement(React__default["default"].Fragment, null, deleteModalOpen && /* @__PURE__ */ React__default["default"].createElement(DeleteModal, {
+        return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, deleteModalOpen && !cms.api.tina.usingProtectedBranch() && /* @__PURE__ */ React__default["default"].createElement(DeleteModal, {
           filename: vars.relativePath,
           deleteFunc: async () => {
             try {
@@ -3749,6 +4205,22 @@ This will work when developing locally but NOT when deployed to production.
             }
           },
           close: () => setDeleteModalOpen(false)
+        }), deleteModalOpen && cms.api.tina.usingProtectedBranch() && /* @__PURE__ */ React__default["default"].createElement(toolkit.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__default["default"].createElement(RenameModal, {
           filename: vars.relativePath,
           newRelativePath: vars.newRelativePath,
@@ -4211,9 +4683,6 @@ This will work when developing locally but NOT when deployed to production.
       }
     }, "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);
   }
@@ -4314,17 +4783,22 @@ This will work when developing locally but NOT when deployed to production.
     const defaultItem = customDefaults || ((_d = template.ui) == null ? void 0 : _d.defaultItem) || (template == null ? void 0 : template.defaultItem);
     const form = React.useMemo(() => {
       var _a2, _b2;
+      const folderName = folder.fullyQualifiedName ? folder.name : "";
       return new toolkit.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,
@@ -4368,8 +4842,8 @@ This will work when developing locally but NOT when deployed to production.
         ],
         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}` : ""}`);
@@ -4404,21 +4878,17 @@ This will work when developing locally but NOT when deployed to production.
     }
     const activeForm = cms.state.forms.find(({ tinaForm }) => tinaForm.id === form.id);
     return /* @__PURE__ */ React__default["default"].createElement(PageWrapper, null, /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, ((_f = (_e = cms == null ? void 0 : cms.api) == null ? void 0 : _e.tina) == null ? void 0 : _f.isLocalMode) ? /* @__PURE__ */ React__default["default"].createElement(toolkit.LocalWarning, null) : /* @__PURE__ */ React__default["default"].createElement(toolkit.BillingWarning, null), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `py-4 border-b border-gray-200 bg-white ${headerPadding}`
-    }, /* @__PURE__ */ React__default["default"].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__default["default"].createElement("div", {
-      className: "mb-2"
-    }, /* @__PURE__ */ React__default["default"].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__default["default"].createElement(reactRouterDom.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__default["default"].createElement(HiChevronRight, {
-      className: "inline-block -mt-0.5 opacity-50"
-    })), /* @__PURE__ */ React__default["default"].createElement("span", {
-      className: "text-xl text-gray-700 font-medium leading-tight"
-    }, "Create New")), /* @__PURE__ */ React__default["default"].createElement(toolkit.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__default["default"].createElement("span", {
+      className: "opacity-30 text-sm leading-tight whitespace-nowrap flex-0"
+    }, "/"), /* @__PURE__ */ React__default["default"].createElement("span", {
+      className: "flex-1 w-full text-sm leading-tight whitespace-nowrap truncate"
+    }, "Create New"), /* @__PURE__ */ React__default["default"].createElement(toolkit.FormStatus, {
       pristine: formIsPristine
     }))), activeForm && /* @__PURE__ */ React__default["default"].createElement(toolkit.FormBuilder, {
       form: activeForm,
@@ -4564,7 +5034,7 @@ This will work when developing locally but NOT when deployed to production.
     });
     const form = React.useMemo(() => {
       return new toolkit.Form({
-        id: "update-form",
+        id: `${schemaCollection.path}/${relativePath2}`,
         label: "form",
         fields: formInfo.fields,
         initialValues: document._values,
@@ -4596,21 +5066,17 @@ This will work when developing locally but NOT when deployed to production.
     }
     const activeForm = cms.state.forms.find(({ tinaForm }) => tinaForm.id === form.id);
     return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, ((_b = (_a = cms == null ? void 0 : cms.api) == null ? void 0 : _a.tina) == null ? void 0 : _b.isLocalMode) ? /* @__PURE__ */ React__default["default"].createElement(toolkit.LocalWarning, null) : /* @__PURE__ */ React__default["default"].createElement(toolkit.BillingWarning, null), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `py-4 border-b border-gray-200 bg-white ${headerPadding}`
-    }, /* @__PURE__ */ React__default["default"].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__default["default"].createElement("div", {
-      className: "mb-2"
-    }, /* @__PURE__ */ React__default["default"].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__default["default"].createElement(reactRouterDom.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__default["default"].createElement(HiChevronRight, {
-      className: "inline-block -mt-0.5 opacity-50"
-    })), /* @__PURE__ */ React__default["default"].createElement("span", {
-      className: "text-xl text-gray-700 font-medium leading-tight"
-    }, "Edit ", `${filename}.${collection.format}`)), /* @__PURE__ */ React__default["default"].createElement(toolkit.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__default["default"].createElement("span", {
+      className: "opacity-30 text-sm leading-tight whitespace-nowrap flex-0"
+    }, "/"), /* @__PURE__ */ React__default["default"].createElement("span", {
+      className: "flex-1 w-full text-sm leading-tight whitespace-nowrap truncate"
+    }, `${filename}.${collection.format}`), /* @__PURE__ */ React__default["default"].createElement(toolkit.FormStatus, {
       pristine: formIsPristine
     }))), activeForm && /* @__PURE__ */ React__default["default"].createElement(toolkit.FormBuilder, {
       form: activeForm,
@@ -4638,6 +5104,127 @@ This will work when developing locally but NOT when deployed to production.
       })));
     });
   };
+  const IndexingPage = () => {
+    const cms = toolkit.useCMS();
+    const tinaApi = cms.api.tina;
+    const currentBranch = tinaApi.branch;
+    const kind = localStorage == null ? void 0 : localStorage.getItem("tina.createBranchState.kind");
+    const { setCurrentBranch } = toolkit.useBranchData();
+    const [state, setState] = React__default["default"].useState(localStorage == null ? void 0 : localStorage.getItem("tina.createBranchState"));
+    const [errorMessage, setErrorMessage] = React__default["default"].useState("");
+    const [baseBranch, setBaseBranch] = React__default["default"].useState(localStorage == null ? void 0 : localStorage.getItem("tina.createBranchState.baseBranch"));
+    const [searchParams] = reactRouterDom.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__default["default"].useState("tina/" + searchParams.get("branch"));
+    React.useEffect(() => {
+      const run = async () => {
+        if (state === "starting") {
+          try {
+            console.log("starting", branch, toolkit.formatBranchName(branch));
+            const name = await tinaApi.createBranch({
+              branchName: toolkit.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__default["default"].createElement(Wrapper, null, /* @__PURE__ */ React__default["default"].createElement("p", null, "Missing params please try again."));
+    }
+    return /* @__PURE__ */ React__default["default"].createElement(Wrapper, null, state !== "done" && state !== "error" && /* @__PURE__ */ React__default["default"].createElement(BiLoaderAlt, {
+      className: `opacity-70 text-blue-400 animate-spin w-10 h-auto`
+    }), (state === "starting" || state === "creatingBranch") && /* @__PURE__ */ React__default["default"].createElement("p", null, "Creating branch\u2026"), state === "indexing" && /* @__PURE__ */ React__default["default"].createElement("p", null, "Indexing Content\u2026"), state === "submitting" && /* @__PURE__ */ React__default["default"].createElement("p", null, "Saving content\u2026"), state === "creatingPR" && /* @__PURE__ */ React__default["default"].createElement("p", null, "Creating Pull Request\u2026"), state === "error" && /* @__PURE__ */ React__default["default"].createElement("p", {
+      className: "flex items-center gap-1 text-red-700"
+    }, /* @__PURE__ */ React__default["default"].createElement(BiError, {
+      className: "w-7 h-auto text-red-400 flex-shrink-0"
+    }), " ", /* @__PURE__ */ React__default["default"].createElement("b", null, "Error:"), " ", errorMessage, " "));
+  };
+  const Wrapper = ({ children }) => /* @__PURE__ */ React__default["default"].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__default["default"].useEffect(() => {
       if (window) {
@@ -4713,6 +5300,8 @@ This will work when developing locally but NOT when deployed to production.
     const cms = toolkit.useCMS();
     const api = new TinaAdminApi(cms);
     const url = api.api.contentApiUrl;
+    const [schemaMissingError, setSchemaMissingError] = React__default["default"].useState(false);
+    const currentBranch = decodeURIComponent(cms.api.tina.branch);
     React.useEffect(() => {
       if (schemaJson && cms) {
         api.checkGraphqlSchema({
@@ -4721,10 +5310,32 @@ This will work when developing locally but NOT when deployed to production.
           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__default["default"].createElement(React__default["default"].Fragment, null, schemaMissingError ? /* @__PURE__ */ React__default["default"].createElement(toolkit.Modal, null, /* @__PURE__ */ React__default["default"].createElement(toolkit.PopupModal, null, /* @__PURE__ */ React__default["default"].createElement(toolkit.ModalHeader, null, "Branch Not Found"), /* @__PURE__ */ React__default["default"].createElement(toolkit.ModalBody, {
+      padded: true
+    }, /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: "tina-prose"
+    }, "The current branch (", /* @__PURE__ */ React__default["default"].createElement("span", {
+      className: "font-bold"
+    }, currentBranch), ") has either been merged or deleted.")), /* @__PURE__ */ React__default["default"].createElement(toolkit.ModalActions, null, /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: "flex-1"
+    }), /* @__PURE__ */ React__default["default"].createElement(toolkit.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,
@@ -4750,7 +5361,7 @@ This will work when developing locally but NOT when deployed to production.
           return typeof ((_a2 = x == null ? void 0 : x.ui) == null ? void 0 : _a2.router) === "function";
         });
         const hasRouter = Boolean(collectionWithRouter);
-        return /* @__PURE__ */ React__default["default"].createElement(CheckSchema, {
+        return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement(CheckSchema, {
           schemaJson
         }, /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.HashRouter, null, /* @__PURE__ */ React__default["default"].createElement(SetPreviewFlag, {
           preview,
@@ -4764,6 +5375,11 @@ This will work when developing locally but NOT when deployed to production.
         }), /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Route, {
           path: "graphql",
           element: /* @__PURE__ */ React__default["default"].createElement(PlainLayout, null, /* @__PURE__ */ React__default["default"].createElement(Playground, null))
+        }), /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Route, {
+          path: "branch/new",
+          element: /* @__PURE__ */ React__default["default"].createElement(DefaultWrapper, {
+            cms
+          }, /* @__PURE__ */ React__default["default"].createElement(IndexingPage, null))
         }), /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Route, {
           path: "collections/new/:collectionName",
           element: /* @__PURE__ */ React__default["default"].createElement(DefaultWrapper, {
@@ -4821,7 +5437,7 @@ This will work when developing locally but NOT when deployed to production.
           }, /* @__PURE__ */ React__default["default"].createElement(DefaultWrapper, {
             cms
           }, /* @__PURE__ */ React__default["default"].createElement(DashboardPage, null)))
-        }))));
+        })))));
       } else {
         return /* @__PURE__ */ React__default["default"].createElement(Layout, null, /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.HashRouter, null, /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Routes, null, /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Route, {
           path: "logout",