tinacms 2.8.3 → 2.9.1

package/dist/index.js

@@ -38855,6 +38855,18 @@ Please wrap them with useCallback or configure the deps array correctly.`
       }
     );
   };
+  function MdCheckCircle(props) {
+    return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "fill": "none", "d": "M0 0h24v24H0z" }, "child": [] }, { "tag": "path", "attr": { "d": "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" }, "child": [] }] })(props);
+  }
+  function MdInfo(props) {
+    return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "fill": "none", "d": "M0 0h24v24H0z" }, "child": [] }, { "tag": "path", "attr": { "d": "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z" }, "child": [] }] })(props);
+  }
+  function MdError(props) {
+    return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "fill": "none", "d": "M0 0h24v24H0z" }, "child": [] }, { "tag": "path", "attr": { "d": "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z" }, "child": [] }] })(props);
+  }
+  function MdWarning(props) {
+    return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "fill": "none", "d": "M0 0h24v24H0z" }, "child": [] }, { "tag": "path", "attr": { "d": "M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z" }, "child": [] }] })(props);
+  }
   function MdVpnKey(props) {
     return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "fill": "none", "d": "M0 0h24v24H0z" }, "child": [] }, { "tag": "path", "attr": { "d": "M12.65 10A5.99 5.99 0 0 0 7 6c-3.31 0-6 2.69-6 6s2.69 6 6 6a5.99 5.99 0 0 0 5.65-4H17v4h4v-4h2v-4H12.65zM7 14c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z" }, "child": [] }] })(props);
   }
@@ -39255,7 +39267,8 @@ Please wrap them with useCallback or configure the deps array correctly.`
           },
           className: classNames(
             toolbarItem.active ? "bg-gray-50 text-blue-500" : "bg-white text-gray-600",
-            "hover:bg-gray-50 hover:text-blue-500 cursor-pointer pointer-events-auto px-4 py-2 text-sm w-full flex items-center whitespace-nowrap"
+            "hover:bg-gray-50 hover:text-blue-500 cursor-pointer pointer-events-auto px-4 py-2 text-sm w-full flex items-center whitespace-nowrap",
+            toolbarItem.className ?? ""
           )
         },
         /* @__PURE__ */ React.createElement("div", { className: "mr-2 opacity-80" }, toolbarItem.Icon),
@@ -40330,6 +40343,18 @@ Please wrap them with useCallback or configure the deps array correctly.`
     name: "group",
     Component: Group
   };
+  const constructUrlWithBasePath = (url, basePath) => {
+    if (!url)
+      return url;
+    if (url.startsWith("http://") || url.startsWith("https://") || url.startsWith("//")) {
+      return url;
+    }
+    if (basePath) {
+      const cleanBasePath = basePath.replace(/^\/+|\/+$/g, "");
+      return `/${cleanBasePath}/${url}`;
+    }
+    return url;
+  };
   const BlockSelectorBig = ({
     templates,
     addItem,
@@ -40529,6 +40554,10 @@ Please wrap them with useCallback or configure the deps array correctly.`
     );
   };
   const BlockCard = ({ close: close2, name, template }) => {
+    const cms = useCMS$1();
+    const basePath = cms.flags.get("tina-basepath");
+    const basePathStr = typeof basePath === "string" ? basePath : void 0;
+    const previewSrc = template.previewSrc ? constructUrlWithBasePath(template.previewSrc, basePathStr) : void 0;
     return /* @__PURE__ */ React__namespace.createElement(
       "button",
       {
@@ -40539,17 +40568,17 @@ Please wrap them with useCallback or configure the deps array correctly.`
           close2(name, template);
         }
       },
-      template.previewSrc && /* @__PURE__ */ React__namespace.createElement(
+      previewSrc && /* @__PURE__ */ React__namespace.createElement(
         "img",
         {
-          src: template.previewSrc,
+          src: previewSrc,
           className: "w-full h-auto transition-all ease-out duration-150 group-hover:opacity-50"
         }
       ),
       /* @__PURE__ */ React__namespace.createElement(
         "span",
         {
-          className: `relative flex justify-between items-center gap-4 w-full px-4 text-left ${template.previewSrc ? `py-2 border-t border-gray-100 ` : `py-3`}`
+          className: `relative flex justify-between items-center gap-4 w-full px-4 text-left ${previewSrc ? `py-2 border-t border-gray-100 ` : `py-3`}`
         },
         template.label ? template.label : name,
         /* @__PURE__ */ React__namespace.createElement(AddIcon, { className: "w-5 h-auto group-hover:text-blue-500 opacity-30 transition-all ease-out duration-150 group-hover:opacity-80" })
@@ -42585,13 +42614,13 @@ Please wrap them with useCallback or configure the deps array correctly.`
       {
         target: "_blank",
         className: "transition-all duration-150 ease-out text-blue-600 hover:text-blue-400 hover:underline no-underline",
-        href: "https://tina.io/docs/tina-cloud/"
+        href: "https://tina.io/docs/r/what-is-tinacloud/"
       },
       "Learn more about moving to production with TinaCloud."
     )), /* @__PURE__ */ React__namespace.createElement("p", null, /* @__PURE__ */ React__namespace.createElement(
       Button$1,
       {
-        href: "https://tina.io/docs/tina-cloud/",
+        href: "https://tina.io/docs/r/what-is-tinacloud/",
         target: "_blank",
         as: "a"
       },
@@ -42821,13 +42850,13 @@ Please wrap them with useCallback or configure the deps array correctly.`
       {
         target: "_blank",
         className: "transition-all duration-150 ease-out text-blue-600 hover:text-blue-400 hover:underline no-underline",
-        href: "https://tina.io/docs/tina-cloud/"
+        href: "https://tina.io/docs/r/what-is-tinacloud/"
       },
       "Learn more about moving to production with TinaCloud."
     )), /* @__PURE__ */ React__namespace.createElement("p", null, /* @__PURE__ */ React__namespace.createElement(
       Button$1,
       {
-        href: "https://tina.io/docs/tina-cloud/",
+        href: "https://tina.io/docs/r/what-is-tinacloud/",
         target: "_blank",
         as: "a"
       },
@@ -43744,18 +43773,14 @@ Please wrap them with useCallback or configure the deps array correctly.`
       }
       let res;
       if (!this.isLocal) {
-        if (await this.isAuthenticated()) {
-          res = await this.api.authProvider.fetchWithToken(
-            `${this.url}/list/${options.directory || ""}?limit=${options.limit || 20}${options.offset ? `&cursor=${options.offset}` : ""}`
-          );
-          if (res.status == 401) {
-            throw E_UNAUTHORIZED;
-          }
-          if (res.status == 404) {
-            throw E_BAD_ROUTE;
-          }
-        } else {
-          throw new Error("Not authenticated");
+        res = await this.api.authProvider.fetchWithToken(
+          `${this.url}/list/${options.directory || ""}?limit=${options.limit || 20}${options.offset ? `&cursor=${options.offset}` : ""}`
+        );
+        if (res.status == 401) {
+          throw E_UNAUTHORIZED;
+        }
+        if (res.status == 404) {
+          throw E_BAD_ROUTE;
         }
       } else {
         res = await this.fetchFunction(
@@ -43955,18 +43980,17 @@ Please wrap them with useCallback or configure the deps array correctly.`
   const E_UNAUTHORIZED = new MediaListError({
     title: "Unauthorized",
     message: "You don't have access to this resource.",
-    docsLink: "https://tina.io/docs/reference/media/overview"
+    docsLink: "https://tina.io/docs/r/repo-based-media"
   });
   const E_BAD_ROUTE = new MediaListError({
     title: "Bad Route",
     message: "The Cloudinary API route is missing or misconfigured.",
-    docsLink: "https://tina.io/docs/reference/media/external/authentication/"
+    docsLink: "https://tina.io/docs/r/backend-media-handler/"
   });
   new MediaListError({
     title: "An Error Occurred",
     message: "Something went wrong accessing your media from TinaCloud.",
-    docsLink: ""
-    // TODO
+    docsLink: "https://tina.io/docs/r/repo-based-media"
   });
   class Flags {
     constructor(events2) {
@@ -44110,7 +44134,7 @@ Please wrap them with useCallback or configure the deps array correctly.`
           "a",
           {
             className: "text-blue-500 underline",
-            href: "https://tina.io/docs/editing/markdown/#registering-the-field-plugins",
+            href: "https://tina.io/docs/r/custom-fields-react",
             target: "_blank",
             rel: "noreferrer noopener"
           },
@@ -44314,7 +44338,7 @@ Please wrap them with useCallback or configure the deps array correctly.`
     }
     const thumbnail = (item.thumbnails || {})["400x400"];
     const itemIsImage = isImage(thumbnail);
-    return /* @__PURE__ */ React.createElement("li", { className: "block overflow-hidden flex justify-center shrink-0 w-full transition duration-150 ease-out" }, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement("li", { className: "block flex justify-center shrink-0 w-full transition duration-150 ease-out" }, /* @__PURE__ */ React.createElement(
       "button",
       {
         className: cn(
@@ -44332,6 +44356,17 @@ Please wrap them with useCallback or configure the deps array correctly.`
           }
         }
       },
+      /* @__PURE__ */ React.createElement(
+        "span",
+        {
+          className: cn(
+            "absolute bottom-0 left-0 w-full text-xs text-white px-2 py-1 truncate z-10",
+            active ? "bg-blue-500/60" : "bg-black/60"
+          ),
+          style: { pointerEvents: "none" }
+        },
+        item.filename
+      ),
       item.new && /* @__PURE__ */ React.createElement("span", { className: "absolute top-1 right-1 rounded shadow bg-green-100 border border-green-200 text-[10px] tracking-wide font-bold text-green-600 px-1.5 py-0.5 z-10" }, "NEW"),
       /* @__PURE__ */ React.createElement("div", { className: "relative w-full flex items-center justify-center" }, itemIsImage ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
         "img",
@@ -44344,16 +44379,6 @@ Please wrap them with useCallback or configure the deps array correctly.`
           src: thumbnail,
           alt: item.filename
         }
-      ), /* @__PURE__ */ React.createElement(
-        "span",
-        {
-          className: cn(
-            "absolute bottom-0 left-0 w-full text-xs text-white px-2 py-1 truncate z-10",
-            active ? "bg-blue-500/60" : "bg-black/60"
-          ),
-          style: { pointerEvents: "none" }
-        },
-        item.filename
       )) : /* @__PURE__ */ React.createElement("div", { className: "p-4 w-full flex flex-col gap-4 items-center justify-center" }, /* @__PURE__ */ React.createElement(FileIcon, { className: "w-[30%] h-auto fill-gray-300" }), /* @__PURE__ */ React.createElement("span", { className: "block text-base text-gray-600 w-full break-words truncate" }, item.filename)))
     ));
   }
@@ -44449,7 +44474,7 @@ Please wrap them with useCallback or configure the deps array correctly.`
   const defaultListError = new MediaListError({
     title: "Error fetching media",
     message: "Something went wrong while requesting the resource.",
-    docsLink: "https://tina.io/docs/media/#media-store"
+    docsLink: "https://tina.io/docs/r/repo-based-media"
   });
   function MediaPicker({
     allowDelete,
@@ -44669,7 +44694,7 @@ Please wrap them with useCallback or configure the deps array correctly.`
         {
           title: "No Media Store Configured",
           message: "To use the media manager, you need to configure a Media Store.",
-          docsLink: "https://tina.io/docs/reference/media/overview/"
+          docsLink: "https://tina.io/docs/r/repo-based-media"
         }
       );
     }
@@ -44825,8 +44850,8 @@ Please wrap them with useCallback or configure the deps array correctly.`
           variant: "primary",
           onClick: () => selectMediaItem(activeItem)
         },
-        "Insert",
-        /* @__PURE__ */ React.createElement(BiArrowToBottom, { className: "ml-1 -mr-0.5 w-6 h-auto opacity-70" })
+        /* @__PURE__ */ React.createElement(BiArrowToBottom, { className: "mr-1 -ml-0.5 w-6 h-auto opacity-70" }),
+        "Insert"
       ), allowDelete && /* @__PURE__ */ React.createElement(
         Button$1,
         {
@@ -44834,8 +44859,8 @@ Please wrap them with useCallback or configure the deps array correctly.`
           size: "medium",
           onClick: deleteMediaItem
         },
-        "Delete",
-        /* @__PURE__ */ React.createElement(TrashIcon, { className: "ml-1 -mr-0.5 w-6 h-auto opacity-70" })
+        /* @__PURE__ */ React.createElement(TrashIcon, { className: "mr-1 -ml-0.5 w-6 h-auto opacity-70" }),
+        "Delete"
       ))))
     );
   };
@@ -45157,19 +45182,35 @@ Please wrap them with useCallback or configure the deps array correctly.`
   function PiSidebarSimpleLight(props) {
     return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 256 256", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M216,42H40A14,14,0,0,0,26,56V200a14,14,0,0,0,14,14H216a14,14,0,0,0,14-14V56A14,14,0,0,0,216,42ZM38,200V56a2,2,0,0,1,2-2H82V202H40A2,2,0,0,1,38,200Zm180,0a2,2,0,0,1-2,2H94V54H216a2,2,0,0,1,2,2Z" }, "child": [] }] })(props);
   }
-  const Alert$1 = ({
+  const Callout = ({
     children,
-    alertStyle = "warning",
+    calloutStyle = "warning",
     className = "",
     ...props
   }) => {
+    const commonAlertStyles = "ml-8 text-sm px-4 py-3 rounded-md border";
     const styles = {
-      warning: "ml-8 text-sm px-4 py-2 text-amber-700 bg-amber-100 rounded border border-amber-700/20"
+      warning: `text-amber-700 bg-amber-100 border-amber-700/20`,
+      info: `text-blue-600 bg-blue-100/50 border-blue-600/20`,
+      success: `text-green-600 bg-green-100/50 border-green-600/20`,
+      error: `text-red-600 bg-red-100/50 border-red-600/20`
     };
     const icon = {
-      warning: /* @__PURE__ */ React__namespace.createElement(AiFillWarning, { className: "w-5 h-auto inline-block mr-1 opacity-70 text-amber-600" })
+      warning: /* @__PURE__ */ React__namespace.createElement(MdWarning, { className: "w-5 h-auto inline-block mr-1 opacity-70 text-amber-600" }),
+      info: /* @__PURE__ */ React__namespace.createElement(MdInfo, { className: "w-5 h-auto inline-block mr-1 opacity-70 text-[#1D4ED8]" }),
+      success: /* @__PURE__ */ React__namespace.createElement(MdCheckCircle, { className: "w-5 h-auto inline-block mr-1 opacity-70 text-green-600" }),
+      error: /* @__PURE__ */ React__namespace.createElement(MdError, { className: "w-5 h-auto inline-block mr-1 opacity-70 text-red-600" })
     };
-    return /* @__PURE__ */ React__namespace.createElement("div", { className: cn$1(styles[alertStyle], className), ...props }, icon[alertStyle], " ", children);
+    return /* @__PURE__ */ React__namespace.createElement(
+      "div",
+      {
+        className: cn$1(commonAlertStyles, styles[calloutStyle], className),
+        ...props
+      },
+      icon[calloutStyle],
+      " ",
+      children
+    );
   };
   const LocalWarning = () => {
     var _a2, _b;
@@ -45178,7 +45219,7 @@ Please wrap them with useCallback or configure the deps array correctly.`
     if (!isLocalMode) {
       return null;
     }
-    return /* @__PURE__ */ React__namespace.createElement(Alert$1, { alertStyle: "warning" }, /* @__PURE__ */ React__namespace.createElement("a", { href: "https://tina.io/docs/tina-cloud/", target: "_blank" }, "You are in local mode"));
+    return /* @__PURE__ */ React__namespace.createElement(Callout, { calloutStyle: "warning", className: "w-fit" }, /* @__PURE__ */ React__namespace.createElement("a", { href: "https://tina.io/docs/r/what-is-tinacloud/", target: "_blank" }, "You are in local mode"));
   };
   const BillingWarning = () => {
     var _a2;
@@ -45919,7 +45960,7 @@ Please wrap them with useCallback or configure the deps array correctly.`
     requiredArgs(1, arguments);
     return formatDistance(dirtyDate, Date.now(), options);
   }
-  const version$1 = "2.8.3";
+  const version$1 = "2.9.1";
   const VersionInfo = () => {
     var _a2, _b, _c, _d, _e, _f;
     const cms = useCMS();
@@ -46144,11 +46185,11 @@ Please wrap them with useCallback or configure the deps array correctly.`
       },
       { Site: [] }
     );
-    return /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, /* @__PURE__ */ React__namespace.createElement(
+    return /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, /* @__PURE__ */ React__namespace.createElement("div", { className: "flex items-baseline" }, /* @__PURE__ */ React__namespace.createElement(
       "button",
       {
         className: cn(
-          "fixed pointer-events-auto p-4 hover:bg-gray-100 transition-colors duration-150 ease-in-out rounded z-10",
+          "pointer-events-auto p-4 hover:bg-gray-100 transition-colors duration-150 ease-in-out rounded z-10",
           menuIsOpen ? "hidden" : ""
         ),
         onClick: () => {
@@ -46156,7 +46197,7 @@ Please wrap them with useCallback or configure the deps array correctly.`
         }
       },
       /* @__PURE__ */ React__namespace.createElement(BiMenu, { className: "h-6 w-auto text-gray-600" })
-    ), /* @__PURE__ */ React__namespace.createElement(
+    )), /* @__PURE__ */ React__namespace.createElement(
       "div",
       {
         className: cn(
@@ -46182,7 +46223,7 @@ Please wrap them with useCallback or configure the deps array correctly.`
       /* @__PURE__ */ React__namespace.createElement("div", { className: "flex flex-col px-6 flex-1 overflow-auto" }, showCollections && /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, /* @__PURE__ */ React__namespace.createElement("h4", { className: "flex space-x-1 justify-items-start uppercase font-sans font-bold text-sm mb-3 mt-8 text-gray-700" }, /* @__PURE__ */ React__namespace.createElement("span", null, "Collections"), isLocalMode && /* @__PURE__ */ React__namespace.createElement("span", { className: "flex items-center" }, /* @__PURE__ */ React__namespace.createElement(
         "a",
         {
-          href: "https://tina.io/docs/schema/#defining-collections",
+          href: "https://tina.io/docs/r/content-modelling-collections",
           target: "_blank"
         },
         /* @__PURE__ */ React__namespace.createElement(FiInfo, null)
@@ -46626,12 +46667,12 @@ Please wrap them with useCallback or configure the deps array correctly.`
     /* @__PURE__ */ React__namespace.createElement("p", { className: "block pt-5" }, /* @__PURE__ */ React__namespace.createElement(
       Button$1,
       {
-        href: "https://tina.io/docs/contextual-editing/overview",
+        href: "https://tina.io/docs/r/visual-editing-setup",
         target: "_blank",
         as: "a"
       },
       /* @__PURE__ */ React__namespace.createElement(Emoji$1, { className: "mr-1.5" }, "📖"),
-      " Contextual Editing Docs"
+      " Visual Editing Docs"
     ))
   );
   const Emoji$1 = ({ className = "", ...props }) => /* @__PURE__ */ React__namespace.createElement(
@@ -47280,7 +47321,7 @@ Please wrap them with useCallback or configure the deps array correctly.`
               name: "Support",
               link: {
                 text: "Support",
-                href: "https://tina.io/docs/support"
+                href: "https://tina.io/docs/r/support"
               },
               Icon: MdOutlineHelpOutline
             })
@@ -47617,7 +47658,7 @@ Please wrap them with useCallback or configure the deps array correctly.`
     return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "fixed bottom-0 left-0 right-0 p-6 flex flex-col items-center z-[999999]" }, alerts.all.filter((alert) => {
       return alert.level !== "error";
     }).map((alert) => {
-      return /* @__PURE__ */ React.createElement(Alert, { key: alert.id, level: alert.level }, alert.level === "info" && /* @__PURE__ */ React.createElement(BiInfoCircle, { className: "w-5 h-auto opacity-70" }), alert.level === "success" && /* @__PURE__ */ React.createElement(BiCheckCircle, { className: "w-5 h-auto opacity-70" }), alert.level === "warn" && /* @__PURE__ */ React.createElement(BiError, { className: "w-5 h-auto opacity-70" }), /* @__PURE__ */ React.createElement("p", { className: "m-0 flex-1 max-w-[680px] text-left" }, parseUrlsInText(alert.message.toString())), /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ React.createElement(Alert, { key: alert.id, level: alert.level }, alert.level === "info" && /* @__PURE__ */ React.createElement(MdInfo, { className: "w-5 h-auto opacity-70" }), alert.level === "success" && /* @__PURE__ */ React.createElement(MdCheckCircle, { className: "w-5 h-auto opacity-70" }), alert.level === "warn" && /* @__PURE__ */ React.createElement(MdWarning, { className: "w-5 h-auto opacity-70" }), /* @__PURE__ */ React.createElement("p", { className: "m-0 flex-1 max-w-[680px] text-left" }, parseUrlsInText(alert.message.toString())), /* @__PURE__ */ React.createElement(
         CloseAlert,
         {
           onClick: () => {
@@ -47638,7 +47679,7 @@ Please wrap them with useCallback or configure the deps array correctly.`
             alerts.dismiss(alert);
           }
         },
-        /* @__PURE__ */ React.createElement(BiError, { className: "mr-1 w-6 h-auto fill-current inline-block text-red-600" }),
+        /* @__PURE__ */ React.createElement(MdError, { className: "mr-1 w-6 h-auto fill-current inline-block text-red-600" }),
         " ",
         "Error"
       ), /* @__PURE__ */ React.createElement(ModalBody, { padded: true }, /* @__PURE__ */ React.createElement("div", { className: "tina-prose" }, /* @__PURE__ */ React.createElement(AlertMessage, null))), /* @__PURE__ */ React.createElement(ModalActions, null, /* @__PURE__ */ React.createElement("div", { className: "flex-1" }), /* @__PURE__ */ React.createElement(
@@ -47672,7 +47713,7 @@ Please wrap them with useCallback or configure the deps array correctly.`
     return /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: `rounded shadow-lg border-l-[6px] font-normal cursor-pointer pointer-events-all text-sm transition-all duration-100 ease-out mb-4 max-w-full ${colorClasses[level]}}`,
+        className: `rounded shadow-lg font-normal cursor-pointer pointer-events-all text-sm transition-all duration-100 ease-out mb-4 max-w-full ${colorClasses[level]}}`,
         style: {
           animationName: "fly-in-up, fade-in",
           animationTimingFunction: "ease-out",
@@ -47684,7 +47725,7 @@ Please wrap them with useCallback or configure the deps array correctly.`
       /* @__PURE__ */ React.createElement(
         "div",
         {
-          className: `flex items-center gap-1.5 min-w-[350px] rounded-r border p-2 ${borderClasses[level]}`,
+          className: `flex items-center gap-1.5 min-w-[350px] rounded-md border p-2 ${borderClasses[level]}`,
           ...props
         }
       )
@@ -47696,7 +47737,7 @@ Please wrap them with useCallback or configure the deps array correctly.`
       className: "border-none bg-transparent p-0 outline-none flex items-center",
       ...styleProps
     },
-    /* @__PURE__ */ React.createElement(BiX, { className: "w-5 auto flex-grow-0 flex-shrink-0 opacity-50" })
+    /* @__PURE__ */ React.createElement(BiX, { className: "w-5 auto flex-grow-0 flex-shrink-0" })
   );
   function CursorPaginator({
     navigateNext,
@@ -63795,7 +63836,9 @@ mutation DeleteDocument($collection: String!, $relativePath: String!){
     const tinaApi = cms.api.tina;
     const { setCurrentBranch } = useBranchData();
     const [disabled, setDisabled] = React__namespace.useState(false);
-    const [newBranchName, setNewBranchName] = React__namespace.useState("");
+    const [newBranchName, setNewBranchName] = React__namespace.useState(
+      `${crudType}-${path2}`
+    );
     const [isExecuting, setIsExecuting] = React__namespace.useState(false);
     const [errorMessage, setErrorMessage] = React__namespace.useState("");
     const [currentStep, setCurrentStep] = React__namespace.useState(0);
@@ -64007,7 +64050,15 @@ mutation DeleteDocument($collection: String!, $relativePath: String!){
       if (isExecuting) {
         return renderProgressIndicator();
       } else {
-        return /* @__PURE__ */ React__namespace.createElement("div", { className: "max-w-sm" }, errorMessage && /* @__PURE__ */ React__namespace.createElement("div", { className: "flex items-center gap-1 text-red-700 py-2 px-3 mb-4 bg-red-50 border border-red-200 rounded" }, /* @__PURE__ */ React__namespace.createElement(BiError, { className: "w-5 h-auto text-red-400 flex-shrink-0" }), /* @__PURE__ */ React__namespace.createElement("span", { className: "text-sm" }, /* @__PURE__ */ React__namespace.createElement("b", null, "Error:"), " ", errorMessage)), /* @__PURE__ */ React__namespace.createElement("p", { className: "text-lg text-gray-700 font-bold mb-2" }, "This content is protected 🚧"), /* @__PURE__ */ React__namespace.createElement("p", { className: "text-sm text-gray-700 mb-4 max-w-sm" }, "To make changes, you need to create a copy then get it approved and merged for it to go live."), /* @__PURE__ */ React__namespace.createElement(
+        return /* @__PURE__ */ React__namespace.createElement("div", { className: "max-w-sm" }, errorMessage && /* @__PURE__ */ React__namespace.createElement("div", { className: "flex items-center gap-1 text-red-700 py-2 px-3 mb-4 bg-red-50 border border-red-200 rounded" }, /* @__PURE__ */ React__namespace.createElement(BiError, { className: "w-5 h-auto text-red-400 flex-shrink-0" }), /* @__PURE__ */ React__namespace.createElement("span", { className: "text-sm" }, /* @__PURE__ */ React__namespace.createElement("b", null, "Error:"), " ", errorMessage)), /* @__PURE__ */ React__namespace.createElement("p", { className: "text-lg text-gray-700 font-bold mb-2" }, "First, let's create a copy"), /* @__PURE__ */ React__namespace.createElement("p", { className: "text-sm text-gray-700 mb-4 max-w-sm" }, "To make changes, you need to create a copy then get it approved and merged for it to go live. Learn more about", " ", /* @__PURE__ */ React__namespace.createElement(
+          "a",
+          {
+            className: "underline hover:text-tina-orange",
+            href: "https://tina.io/docs/tinacloud/editorial-workflow",
+            target: "_blank"
+          },
+          "Editorial Workflow"
+        ), "."), /* @__PURE__ */ React__namespace.createElement(
           PrefixedTextField,
           {
             placeholder: "e.g. {{PAGE-NAME}}-updates",
@@ -64029,7 +64080,7 @@ mutation DeleteDocument($collection: String!, $relativePath: String!){
         disabled: newBranchName === "" || disabled,
         onClick: executeEditorialWorkflow
       },
-      "Confirm"
+      "Continue"
     ), /* @__PURE__ */ React__namespace.createElement(
       OverflowMenu$1,
       {
@@ -118985,7 +119036,7 @@ mutation addPendingDocumentMutation(
     }
     usingProtectedBranch() {
       var _a2;
-      return this.usingEditorialWorkflow && ((_a2 = this.protectedBranches) == null ? void 0 : _a2.includes(this.branch));
+      return this.usingEditorialWorkflow && ((_a2 = this.protectedBranches) == null ? void 0 : _a2.includes(decodeURIComponent(this.branch)));
     }
     async createBranch({ baseBranch, branchName }) {
       const url = `${this.contentApiBase}/github/${this.clientId}/create_branch`;
@@ -119894,7 +119945,7 @@ mutation addPendingDocumentMutation(
               {
                 className: "text-gray-600",
                 style: { textDecoration: "underline" },
-                href: "https://tina.io/docs/errors/faq/",
+                href: "https://tina.io/docs/r/FAQ/",
                 target: "_blank"
               },
               " ",
@@ -119952,7 +120003,7 @@ mutation addPendingDocumentMutation(
       !schema.config.contentApiUrlOverride
     ) {
       throw new Error(
-        "Invalid setup. See https://tina.io/docs/tina-cloud/overview for more information."
+        "Invalid setup. See https://tina.io/docs/r/what-is-tinacloud for more information."
       );
     }
     if (!schema) {
@@ -120286,7 +120337,7 @@ This will work when developing locally but NOT when deployed to production.
           {
             className: "text-gray-600",
             style: { textDecoration: "underline" },
-            href: "https://tina.io/docs/errors/faq/",
+            href: "https://tina.io/docs/r/FAQ/",
             target: "_blank"
           },
           " ",
@@ -120412,7 +120463,7 @@ This will work when developing locally but NOT when deployed to production.
     headerClassName,
     children
   }) => {
-    return /* @__PURE__ */ React.createElement("div", { className: "relative left-0 w-full h-full bg-gradient-to-b from-gray-50/50 to-gray-50 shadow-2xl overflow-y-auto transition-opacity duration-300 ease-out flex flex-col opacity-100" }, /* @__PURE__ */ React.createElement("div", { className: `py-2 px-4 ${headerClassName}` }, /* @__PURE__ */ React.createElement(LocalWarning, null), /* @__PURE__ */ React.createElement(BillingWarning, null), /* @__PURE__ */ React.createElement("div", { className: "flex justify-between items-center" }, /* @__PURE__ */ React.createElement(BranchButton, null), /* @__PURE__ */ React.createElement(BranchPreviewButton, null))), children);
+    return /* @__PURE__ */ React.createElement("div", { className: "relative left-0 w-full h-full bg-gradient-to-b from-gray-50/50 to-gray-50 overflow-y-auto transition-opacity duration-300 ease-out flex flex-col opacity-100" }, /* @__PURE__ */ React.createElement("div", { className: `py-2 pl-4 pr-4 w-full ${headerClassName}` }, /* @__PURE__ */ React.createElement(LocalWarning, null), /* @__PURE__ */ React.createElement(BillingWarning, null), /* @__PURE__ */ React.createElement("div", { className: "flex justify-between items-center" }, /* @__PURE__ */ React.createElement(BranchButton, null), /* @__PURE__ */ React.createElement(BranchPreviewButton, null))), children);
   };
   const PageHeader = ({
     children
@@ -120517,6 +120568,7 @@ This will work when developing locally but NOT when deployed to production.
     const plugins2 = cms.plugins.all("tina-admin");
     const routeMapping = plugins2.find(({ name }) => name === "route-mapping");
     const tinaPreview = cms.flags.get("tina-preview") || false;
+    const basePath = cms.flags.get("tina-basepath");
     let routeOverride = ((_a2 = collectionDefinition.ui) == null ? void 0 : _a2.router) ? await ((_b = collectionDefinition.ui) == null ? void 0 : _b.router({
       document: document2,
       collection: collectionDefinition
@@ -120525,7 +120577,7 @@ This will work when developing locally but NOT when deployed to production.
       if (routeOverride.startsWith("/")) {
         routeOverride = routeOverride.slice(1);
       }
-      tinaPreview ? navigate(`/~/${routeOverride}`) : window.location.href = routeOverride;
+      tinaPreview ? navigate(`/~${basePath ? `/${basePath}` : ""}/${routeOverride}`) : window.location.href = `${basePath ? `/${basePath}` : ""}/${routeOverride}`;
       return null;
     } else {
       const pathToDoc = document2._sys.breadcrumbs;
@@ -120803,7 +120855,7 @@ This will work when developing locally but NOT when deployed to production.
               },
               close: () => setFolderModalOpen(false)
             }
-          ), /* @__PURE__ */ React.createElement(PageHeader, null, /* @__PURE__ */ React.createElement("div", { className: "w-full" }, /* @__PURE__ */ React.createElement("h3", { className: "font-sans text-2xl text-gray-700" }, collection.label ? collection.label : collection.name), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col lg:flex-row justify-between lg:items-end pt-2" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col md:flex-row gap-2 md:gap-4 items-start" }, (fields == null ? void 0 : fields.length) > 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, !search && /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-2 items-start w-full md:w-auto" }, /* @__PURE__ */ React.createElement(
+          ), /* @__PURE__ */ React.createElement(PageHeader, null, /* @__PURE__ */ React.createElement("div", { className: "w-full" }, /* @__PURE__ */ React.createElement("h3", { className: "font-sans text-2xl text-tina-orange" }, collection.label ? collection.label : collection.name), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col lg:flex-row justify-between lg:items-end pt-2" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col md:flex-row gap-2 md:gap-4 items-baseline" }, (fields == null ? void 0 : fields.length) > 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, !search && /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-2 items-start w-full md:w-auto" }, /* @__PURE__ */ React.createElement(
             "label",
             {
               htmlFor: "sort",
@@ -120858,7 +120910,7 @@ This will work when developing locally but NOT when deployed to production.
                 }
               }
             }
-          ))), /* @__PURE__ */ React.createElement("div", { className: "flex flex-1 flex-col gap-2 items-start w-full" }, searchEnabled ? /* @__PURE__ */ React.createElement(
+          ))), /* @__PURE__ */ React.createElement("div", { className: "flex flex-1 flex-row gap-2 items-end w-full" }, searchEnabled ? /* @__PURE__ */ React.createElement(
             SearchInput,
             {
               loading: _loading,
@@ -120867,16 +120919,15 @@ This will work when developing locally but NOT when deployed to production.
               searchInput,
               setSearchInput
             }
-          ) : /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-2 items-start w-full md:w-auto" }, /* @__PURE__ */ React.createElement("div", { className: "h-4" }), /* @__PURE__ */ React.createElement(
-            Message,
+          ) : /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-2 items-start w-full md:w-auto" }, /* @__PURE__ */ React.createElement("div", { className: "block font-sans text-xs font-semibold opacity-0" }, " "), /* @__PURE__ */ React.createElement(Callout, { calloutStyle: "info" }, " ", "You have not configured search.", " ", /* @__PURE__ */ React.createElement(
+            "a",
             {
-              link: "https://tina.io/docs/reference/search/overview",
-              linkLabel: "Read The Docs",
-              type: "info",
-              size: "small"
+              href: "https://tina.io/docs/r/content-search",
+              target: "_blank",
+              className: "underline hover:text-blue-700 transition-all duration-150"
             },
-            "Search not configured."
-          )))), allowCreate && /* @__PURE__ */ React.createElement("div", { className: "flex flex-col md:flex-row items-start md:items-end gap-2 md:gap-0 pt-4 lg:pt-0" }, allowCreateNestedFolder && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(TooltipProvider, null, /* @__PURE__ */ React.createElement(Tooltip, null, /* @__PURE__ */ React.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(
+            "Read the docs"
+          ))))), allowCreate && /* @__PURE__ */ React.createElement("div", { className: "flex flex-col md:flex-row items-start md:items-end gap-2 md:gap-0 pt-4 lg:pt-0" }, allowCreateNestedFolder && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(TooltipProvider, null, /* @__PURE__ */ React.createElement(Tooltip, null, /* @__PURE__ */ React.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(
             reactRouterDom.Link,
             {
               onMouseDown: (evt) => {
@@ -120908,15 +120959,15 @@ This will work when developing locally but NOT when deployed to production.
               side: "top",
               align: "center"
             },
-            /* @__PURE__ */ React.createElement("p", null, "Folders can’t be manually added when using templates.", /* @__PURE__ */ React.createElement("br", null), "See the docs -", " ", /* @__PURE__ */ React.createElement(
+            /* @__PURE__ */ React.createElement("p", null, "Folders can't be manually added when using templates.", /* @__PURE__ */ React.createElement("br", null), "See the docs -", " ", /* @__PURE__ */ React.createElement(
               "a",
               {
-                href: "https://tina.io/docs/reference/templates",
+                href: "https://tina.io/docs/r/content-modelling-templates",
                 target: "_blank",
                 rel: "noopener noreferrer",
                 className: "underline text-blue-500"
               },
-              "https://tina.io/docs/reference/templates"
+              "https://tina.io/docs/r/content-modelling-templates"
             ))
           )))), !collection.templates && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
             reactRouterDom.Link,
@@ -120943,7 +120994,7 @@ This will work when developing locally but NOT when deployed to production.
               templates: collection.templates,
               folder
             }
-          ))))), /* @__PURE__ */ React.createElement(PageBody, null, /* @__PURE__ */ React.createElement("div", { className: "w-full mx-auto max-w-screen-xl" }, sortField && !sortField.required && /* @__PURE__ */ React.createElement("p", { className: "mb-4 text-gray-500" }, /* @__PURE__ */ React.createElement("em", null, "Sorting on a non-required field. Some documents may be excluded (if they don't have a value for", " ", sortName, ")")), /* @__PURE__ */ React.createElement("div", { className: "w-full overflow-x-auto" }, (folder.name && !search || documents.length > 0) && /* @__PURE__ */ React.createElement("table", { className: "table-auto shadow bg-white border-b border-gray-200 w-full max-w-full rounded-lg" }, /* @__PURE__ */ React.createElement("tbody", { className: "divide-y divide-gray-150" }, folder.name && !search ? /* @__PURE__ */ React.createElement("tr", null, /* @__PURE__ */ React.createElement("td", { colSpan: 5 }, /* @__PURE__ */ React.createElement(
+          ))))), /* @__PURE__ */ React.createElement(PageBody, null, /* @__PURE__ */ React.createElement("div", { className: "w-full mx-auto max-w-screen-xl" }, sortField && !sortField.required && /* @__PURE__ */ React.createElement("p", { className: "mb-4 text-gray-500" }, /* @__PURE__ */ React.createElement("em", null, "Sorting on a non-required field. Some documents may be excluded (if they don't have a value for", " ", sortName, ")")), /* @__PURE__ */ React.createElement("div", { className: "w-full overflow-x-auto shadow-md rounded-md" }, (folder.name && !search || documents.length > 0) && /* @__PURE__ */ React.createElement("table", { className: "table-auto shadow bg-white border-b border-gray-200 w-full max-w-full rounded-lg" }, /* @__PURE__ */ React.createElement("tbody", null, folder.name && !search ? /* @__PURE__ */ React.createElement("tr", null, /* @__PURE__ */ React.createElement("td", { colSpan: 5 }, /* @__PURE__ */ React.createElement(
             Breadcrumb,
             {
               folder,
@@ -120988,6 +121039,7 @@ This will work when developing locally but NOT when deployed to production.
             return /* @__PURE__ */ React.createElement(
               "tr",
               {
+                className: "hover:bg-gray-100 transition-colors duration-300",
                 key: `document-${document2.node._sys.relativePath}`
               },
               /* @__PURE__ */ React.createElement(
@@ -121062,15 +121114,9 @@ This will work when developing locally but NOT when deployed to production.
                       }
                     },
                     allowDelete && {
-                      name: "delete",
-                      label: "Delete",
-                      Icon: /* @__PURE__ */ React.createElement(
-                        BiTrash,
-                        {
-                          size: "1.3rem",
-                          className: "text-red-500"
-                        }
-                      ),
+                      name: "rename",
+                      label: "Rename",
+                      Icon: /* @__PURE__ */ React.createElement(BiRename, { size: "1.3rem" }),
                       onMouseDown: () => {
                         setVars((old) => ({
                           ...old,
@@ -121083,19 +121129,20 @@ This will work when developing locally but NOT when deployed to production.
                           ) + document2.node._sys.extension,
                           newRelativePath: ""
                         }));
-                        setDeleteModalOpen(true);
+                        setRenameModalOpen(true);
                       }
                     },
                     allowDelete && {
-                      name: "rename",
-                      label: "Rename",
+                      name: "delete",
+                      label: "Delete",
                       Icon: /* @__PURE__ */ React.createElement(
-                        BiRename,
+                        BiTrash,
                         {
                           size: "1.3rem",
                           className: "text-red-500"
                         }
                       ),
+                      className: "text-red-500",
                       onMouseDown: () => {
                         setVars((old) => ({
                           ...old,
@@ -121108,7 +121155,7 @@ This will work when developing locally but NOT when deployed to production.
                           ) + document2.node._sys.extension,
                           newRelativePath: ""
                         }));
-                        setRenameModalOpen(true);
+                        setDeleteModalOpen(true);
                       }
                     }
                   ].filter(Boolean)
@@ -122067,7 +122114,7 @@ This will work when developing locally but NOT when deployed to production.
       const selectedScreen = screens.find(
         ({ name }) => slugify(name) === screenName
       );
-      return /* @__PURE__ */ React.createElement("div", { className: "relative w-full h-full flex flex-col items-stretch justify-between" }, /* @__PURE__ */ React.createElement("div", { className: "pt-2 px-6 bg-white" }, /* @__PURE__ */ React.createElement(LocalWarning, null), /* @__PURE__ */ React.createElement(BillingWarning, null)), /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ React.createElement("div", { className: "relative w-full h-full flex flex-col items-stretch justify-between" }, /* @__PURE__ */ React.createElement("div", { className: "py-2 px-6 w-fit " }, /* @__PURE__ */ React.createElement(LocalWarning, null), /* @__PURE__ */ React.createElement(BillingWarning, null)), /* @__PURE__ */ React.createElement(
         "div",
         {
           className: `xl:hidden pl-6 py-5 border-b border-gray-200 bg-white`