tinacms 2.8.3 → 2.9.1

package/dist/index.mjs

@@ -38882,6 +38882,18 @@ const ToggleInput = ({ disabled, ...props }) => {
     }
   );
 };
+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);
 }
@@ -39282,7 +39294,8 @@ const OverflowMenu$1 = ({ toolbarItems: toolbarItems2, className = "w-full" }) =
         },
         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__default.createElement("div", { className: "mr-2 opacity-80" }, toolbarItem.Icon),
@@ -40357,6 +40370,18 @@ const GroupFieldPlugin = {
   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,
@@ -40556,6 +40581,10 @@ const CardColumns = ({ children, className = "" }) => {
   );
 };
 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.createElement(
     "button",
     {
@@ -40566,17 +40595,17 @@ const BlockCard = ({ close: close2, name, template }) => {
         close2(name, template);
       }
     },
-    template.previewSrc && /* @__PURE__ */ React.createElement(
+    previewSrc && /* @__PURE__ */ React.createElement(
       "img",
       {
-        src: template.previewSrc,
+        src: previewSrc,
         className: "w-full h-auto transition-all ease-out duration-150 group-hover:opacity-50"
       }
     ),
     /* @__PURE__ */ React.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.createElement(AddIcon, { className: "w-5 h-auto group-hover:text-blue-500 opacity-30 transition-all ease-out duration-150 group-hover:opacity-80" })
@@ -42612,13 +42641,13 @@ const BranchSwitcherLegacy = ({
     {
       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.createElement("p", null, /* @__PURE__ */ React.createElement(
     Button$1,
     {
-      href: "https://tina.io/docs/tina-cloud/",
+      href: "https://tina.io/docs/r/what-is-tinacloud/",
       target: "_blank",
       as: "a"
     },
@@ -42848,13 +42877,13 @@ const EditoralBranchSwitcher = ({
     {
       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.createElement("p", null, /* @__PURE__ */ React.createElement(
     Button$1,
     {
-      href: "https://tina.io/docs/tina-cloud/",
+      href: "https://tina.io/docs/r/what-is-tinacloud/",
       target: "_blank",
       as: "a"
     },
@@ -43771,18 +43800,14 @@ class TinaMediaStore {
     }
     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(
@@ -43982,18 +44007,17 @@ class MediaListError extends Error {
 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) {
@@ -44137,7 +44161,7 @@ function createPlaceholder(name, _pr) {
         "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"
         },
@@ -44341,7 +44365,7 @@ function GridMediaItem({ item, active, onClick }) {
   }
   const thumbnail = (item.thumbnails || {})["400x400"];
   const itemIsImage = isImage(thumbnail);
-  return /* @__PURE__ */ React__default.createElement("li", { className: "block overflow-hidden flex justify-center shrink-0 w-full transition duration-150 ease-out" }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement("li", { className: "block flex justify-center shrink-0 w-full transition duration-150 ease-out" }, /* @__PURE__ */ React__default.createElement(
     "button",
     {
       className: cn(
@@ -44359,6 +44383,17 @@ function GridMediaItem({ item, active, onClick }) {
         }
       }
     },
+    /* @__PURE__ */ React__default.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__default.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__default.createElement("div", { className: "relative w-full flex items-center justify-center" }, itemIsImage ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
       "img",
@@ -44371,16 +44406,6 @@ function GridMediaItem({ item, active, onClick }) {
         src: thumbnail,
         alt: item.filename
       }
-    ), /* @__PURE__ */ React__default.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__default.createElement("div", { className: "p-4 w-full flex flex-col gap-4 items-center justify-center" }, /* @__PURE__ */ React__default.createElement(FileIcon, { className: "w-[30%] h-auto fill-gray-300" }), /* @__PURE__ */ React__default.createElement("span", { className: "block text-base text-gray-600 w-full break-words truncate" }, item.filename)))
   ));
 }
@@ -44476,7 +44501,7 @@ function MediaManager2() {
 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,
@@ -44696,7 +44721,7 @@ function MediaPicker({
       {
         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"
       }
     );
   }
@@ -44852,8 +44877,8 @@ const ActiveItemPreview = ({
         variant: "primary",
         onClick: () => selectMediaItem(activeItem)
       },
-      "Insert",
-      /* @__PURE__ */ React__default.createElement(BiArrowToBottom, { className: "ml-1 -mr-0.5 w-6 h-auto opacity-70" })
+      /* @__PURE__ */ React__default.createElement(BiArrowToBottom, { className: "mr-1 -ml-0.5 w-6 h-auto opacity-70" }),
+      "Insert"
     ), allowDelete && /* @__PURE__ */ React__default.createElement(
       Button$1,
       {
@@ -44861,8 +44886,8 @@ const ActiveItemPreview = ({
         size: "medium",
         onClick: deleteMediaItem
       },
-      "Delete",
-      /* @__PURE__ */ React__default.createElement(TrashIcon, { className: "ml-1 -mr-0.5 w-6 h-auto opacity-70" })
+      /* @__PURE__ */ React__default.createElement(TrashIcon, { className: "mr-1 -ml-0.5 w-6 h-auto opacity-70" }),
+      "Delete"
     ))))
   );
 };
@@ -45184,19 +45209,35 @@ function ImUsers(props) {
 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.createElement(AiFillWarning, { className: "w-5 h-auto inline-block mr-1 opacity-70 text-amber-600" })
+    warning: /* @__PURE__ */ React.createElement(MdWarning, { className: "w-5 h-auto inline-block mr-1 opacity-70 text-amber-600" }),
+    info: /* @__PURE__ */ React.createElement(MdInfo, { className: "w-5 h-auto inline-block mr-1 opacity-70 text-[#1D4ED8]" }),
+    success: /* @__PURE__ */ React.createElement(MdCheckCircle, { className: "w-5 h-auto inline-block mr-1 opacity-70 text-green-600" }),
+    error: /* @__PURE__ */ React.createElement(MdError, { className: "w-5 h-auto inline-block mr-1 opacity-70 text-red-600" })
   };
-  return /* @__PURE__ */ React.createElement("div", { className: cn$1(styles[alertStyle], className), ...props }, icon[alertStyle], " ", children);
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: cn$1(commonAlertStyles, styles[calloutStyle], className),
+      ...props
+    },
+    icon[calloutStyle],
+    " ",
+    children
+  );
 };
 const LocalWarning = () => {
   var _a2, _b;
@@ -45205,7 +45246,7 @@ const LocalWarning = () => {
   if (!isLocalMode) {
     return null;
   }
-  return /* @__PURE__ */ React.createElement(Alert$1, { alertStyle: "warning" }, /* @__PURE__ */ React.createElement("a", { href: "https://tina.io/docs/tina-cloud/", target: "_blank" }, "You are in local mode"));
+  return /* @__PURE__ */ React.createElement(Callout, { calloutStyle: "warning", className: "w-fit" }, /* @__PURE__ */ React.createElement("a", { href: "https://tina.io/docs/r/what-is-tinacloud/", target: "_blank" }, "You are in local mode"));
 };
 const BillingWarning = () => {
   var _a2;
@@ -45946,7 +45987,7 @@ function formatDistanceToNow(dirtyDate, options) {
   requiredArgs(1, arguments);
   return formatDistance2(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();
@@ -46171,11 +46212,11 @@ const Nav = ({
     },
     { Site: [] }
   );
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "flex items-baseline" }, /* @__PURE__ */ React.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: () => {
@@ -46183,7 +46224,7 @@ const Nav = ({
       }
     },
     /* @__PURE__ */ React.createElement(BiMenu, { className: "h-6 w-auto text-gray-600" })
-  ), /* @__PURE__ */ React.createElement(
+  )), /* @__PURE__ */ React.createElement(
     "div",
     {
       className: cn(
@@ -46209,7 +46250,7 @@ const Nav = ({
     /* @__PURE__ */ React.createElement("div", { className: "flex flex-col px-6 flex-1 overflow-auto" }, showCollections && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.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.createElement("span", null, "Collections"), isLocalMode && /* @__PURE__ */ React.createElement("span", { className: "flex items-center" }, /* @__PURE__ */ React.createElement(
       "a",
       {
-        href: "https://tina.io/docs/schema/#defining-collections",
+        href: "https://tina.io/docs/r/content-modelling-collections",
         target: "_blank"
       },
       /* @__PURE__ */ React.createElement(FiInfo, null)
@@ -46653,12 +46694,12 @@ const SidebarNoFormsPlaceholder = () => /* @__PURE__ */ React.createElement(
   /* @__PURE__ */ React.createElement("p", { className: "block pt-5" }, /* @__PURE__ */ React.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.createElement(Emoji$1, { className: "mr-1.5" }, "📖"),
-    " Contextual Editing Docs"
+    " Visual Editing Docs"
   ))
 );
 const Emoji$1 = ({ className = "", ...props }) => /* @__PURE__ */ React.createElement(
@@ -47307,7 +47348,7 @@ class TinaCMS extends CMS {
             name: "Support",
             link: {
               text: "Support",
-              href: "https://tina.io/docs/support"
+              href: "https://tina.io/docs/r/support"
             },
             Icon: MdOutlineHelpOutline
           })
@@ -47644,7 +47685,7 @@ function Alerts2({ alerts }) {
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.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__default.createElement(Alert, { key: alert.id, level: alert.level }, alert.level === "info" && /* @__PURE__ */ React__default.createElement(BiInfoCircle, { className: "w-5 h-auto opacity-70" }), alert.level === "success" && /* @__PURE__ */ React__default.createElement(BiCheckCircle, { className: "w-5 h-auto opacity-70" }), alert.level === "warn" && /* @__PURE__ */ React__default.createElement(BiError, { className: "w-5 h-auto opacity-70" }), /* @__PURE__ */ React__default.createElement("p", { className: "m-0 flex-1 max-w-[680px] text-left" }, parseUrlsInText(alert.message.toString())), /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ React__default.createElement(Alert, { key: alert.id, level: alert.level }, alert.level === "info" && /* @__PURE__ */ React__default.createElement(MdInfo, { className: "w-5 h-auto opacity-70" }), alert.level === "success" && /* @__PURE__ */ React__default.createElement(MdCheckCircle, { className: "w-5 h-auto opacity-70" }), alert.level === "warn" && /* @__PURE__ */ React__default.createElement(MdWarning, { className: "w-5 h-auto opacity-70" }), /* @__PURE__ */ React__default.createElement("p", { className: "m-0 flex-1 max-w-[680px] text-left" }, parseUrlsInText(alert.message.toString())), /* @__PURE__ */ React__default.createElement(
       CloseAlert,
       {
         onClick: () => {
@@ -47665,7 +47706,7 @@ function Alerts2({ alerts }) {
           alerts.dismiss(alert);
         }
       },
-      /* @__PURE__ */ React__default.createElement(BiError, { className: "mr-1 w-6 h-auto fill-current inline-block text-red-600" }),
+      /* @__PURE__ */ React__default.createElement(MdError, { className: "mr-1 w-6 h-auto fill-current inline-block text-red-600" }),
       " ",
       "Error"
     ), /* @__PURE__ */ React__default.createElement(ModalBody, { padded: true }, /* @__PURE__ */ React__default.createElement("div", { className: "tina-prose" }, /* @__PURE__ */ React__default.createElement(AlertMessage, null))), /* @__PURE__ */ React__default.createElement(ModalActions, null, /* @__PURE__ */ React__default.createElement("div", { className: "flex-1" }), /* @__PURE__ */ React__default.createElement(
@@ -47699,7 +47740,7 @@ const Alert = ({
   return /* @__PURE__ */ React__default.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",
@@ -47711,7 +47752,7 @@ const Alert = ({
     /* @__PURE__ */ React__default.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
       }
     )
@@ -47723,7 +47764,7 @@ const CloseAlert = ({ ...styleProps }) => /* @__PURE__ */ React__default.createE
     className: "border-none bg-transparent p-0 outline-none flex items-center",
     ...styleProps
   },
-  /* @__PURE__ */ React__default.createElement(BiX, { className: "w-5 auto flex-grow-0 flex-shrink-0 opacity-50" })
+  /* @__PURE__ */ React__default.createElement(BiX, { className: "w-5 auto flex-grow-0 flex-shrink-0" })
 );
 function CursorPaginator({
   navigateNext,
@@ -63822,7 +63863,9 @@ const CreateBranchModal = ({
   const tinaApi = cms.api.tina;
   const { setCurrentBranch } = useBranchData();
   const [disabled, setDisabled] = React.useState(false);
-  const [newBranchName, setNewBranchName] = React.useState("");
+  const [newBranchName, setNewBranchName] = React.useState(
+    `${crudType}-${path3}`
+  );
   const [isExecuting, setIsExecuting] = React.useState(false);
   const [errorMessage, setErrorMessage] = React.useState("");
   const [currentStep, setCurrentStep] = React.useState(0);
@@ -64034,7 +64077,15 @@ const CreateBranchModal = ({
     if (isExecuting) {
       return renderProgressIndicator();
     } else {
-      return /* @__PURE__ */ React.createElement("div", { className: "max-w-sm" }, errorMessage && /* @__PURE__ */ React.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.createElement(BiError, { className: "w-5 h-auto text-red-400 flex-shrink-0" }), /* @__PURE__ */ React.createElement("span", { className: "text-sm" }, /* @__PURE__ */ React.createElement("b", null, "Error:"), " ", errorMessage)), /* @__PURE__ */ React.createElement("p", { className: "text-lg text-gray-700 font-bold mb-2" }, "This content is protected 🚧"), /* @__PURE__ */ React.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.createElement(
+      return /* @__PURE__ */ React.createElement("div", { className: "max-w-sm" }, errorMessage && /* @__PURE__ */ React.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.createElement(BiError, { className: "w-5 h-auto text-red-400 flex-shrink-0" }), /* @__PURE__ */ React.createElement("span", { className: "text-sm" }, /* @__PURE__ */ React.createElement("b", null, "Error:"), " ", errorMessage)), /* @__PURE__ */ React.createElement("p", { className: "text-lg text-gray-700 font-bold mb-2" }, "First, let's create a copy"), /* @__PURE__ */ React.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.createElement(
+        "a",
+        {
+          className: "underline hover:text-tina-orange",
+          href: "https://tina.io/docs/tinacloud/editorial-workflow",
+          target: "_blank"
+        },
+        "Editorial Workflow"
+      ), "."), /* @__PURE__ */ React.createElement(
         PrefixedTextField,
         {
           placeholder: "e.g. {{PAGE-NAME}}-updates",
@@ -64056,7 +64107,7 @@ const CreateBranchModal = ({
       disabled: newBranchName === "" || disabled,
       onClick: executeEditorialWorkflow
     },
-    "Confirm"
+    "Continue"
   ), /* @__PURE__ */ React.createElement(
     OverflowMenu$1,
     {
@@ -119012,7 +119063,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`;
@@ -119921,7 +119972,7 @@ class ErrorBoundary extends React__default.Component {
             {
               className: "text-gray-600",
               style: { textDecoration: "underline" },
-              href: "https://tina.io/docs/errors/faq/",
+              href: "https://tina.io/docs/r/FAQ/",
               target: "_blank"
             },
             " ",
@@ -119979,7 +120030,7 @@ const TinaCMSProvider2 = ({
     !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) {
@@ -120313,7 +120364,7 @@ const ErrorDialog = (props) => {
         {
           className: "text-gray-600",
           style: { textDecoration: "underline" },
-          href: "https://tina.io/docs/errors/faq/",
+          href: "https://tina.io/docs/r/FAQ/",
           target: "_blank"
         },
         " ",
@@ -120439,7 +120490,7 @@ const PageWrapper = ({
   headerClassName,
   children
 }) => {
-  return /* @__PURE__ */ React__default.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__default.createElement("div", { className: `py-2 px-4 ${headerClassName}` }, /* @__PURE__ */ React__default.createElement(LocalWarning, null), /* @__PURE__ */ React__default.createElement(BillingWarning, null), /* @__PURE__ */ React__default.createElement("div", { className: "flex justify-between items-center" }, /* @__PURE__ */ React__default.createElement(BranchButton, null), /* @__PURE__ */ React__default.createElement(BranchPreviewButton, null))), children);
+  return /* @__PURE__ */ React__default.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__default.createElement("div", { className: `py-2 pl-4 pr-4 w-full ${headerClassName}` }, /* @__PURE__ */ React__default.createElement(LocalWarning, null), /* @__PURE__ */ React__default.createElement(BillingWarning, null), /* @__PURE__ */ React__default.createElement("div", { className: "flex justify-between items-center" }, /* @__PURE__ */ React__default.createElement(BranchButton, null), /* @__PURE__ */ React__default.createElement(BranchPreviewButton, null))), children);
 };
 const PageHeader = ({
   children
@@ -120544,6 +120595,7 @@ const handleNavigate = async (navigate, cms, collection, collectionDefinition, d
   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
@@ -120552,7 +120604,7 @@ const handleNavigate = async (navigate, cms, collection, collectionDefinition, d
     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;
@@ -120830,7 +120882,7 @@ const CollectionListPage = () => {
             },
             close: () => setFolderModalOpen(false)
           }
-        ), /* @__PURE__ */ React__default.createElement(PageHeader, null, /* @__PURE__ */ React__default.createElement("div", { className: "w-full" }, /* @__PURE__ */ React__default.createElement("h3", { className: "font-sans text-2xl text-gray-700" }, collection.label ? collection.label : collection.name), /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-col lg:flex-row justify-between lg:items-end pt-2" }, /* @__PURE__ */ React__default.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__default.createElement(React__default.Fragment, null, !search && /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-col gap-2 items-start w-full md:w-auto" }, /* @__PURE__ */ React__default.createElement(
+        ), /* @__PURE__ */ React__default.createElement(PageHeader, null, /* @__PURE__ */ React__default.createElement("div", { className: "w-full" }, /* @__PURE__ */ React__default.createElement("h3", { className: "font-sans text-2xl text-tina-orange" }, collection.label ? collection.label : collection.name), /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-col lg:flex-row justify-between lg:items-end pt-2" }, /* @__PURE__ */ React__default.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__default.createElement(React__default.Fragment, null, !search && /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-col gap-2 items-start w-full md:w-auto" }, /* @__PURE__ */ React__default.createElement(
           "label",
           {
             htmlFor: "sort",
@@ -120885,7 +120937,7 @@ const CollectionListPage = () => {
               }
             }
           }
-        ))), /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-1 flex-col gap-2 items-start w-full" }, searchEnabled ? /* @__PURE__ */ React__default.createElement(
+        ))), /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-1 flex-row gap-2 items-end w-full" }, searchEnabled ? /* @__PURE__ */ React__default.createElement(
           SearchInput,
           {
             loading: _loading,
@@ -120894,16 +120946,15 @@ const CollectionListPage = () => {
             searchInput,
             setSearchInput
           }
-        ) : /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-col gap-2 items-start w-full md:w-auto" }, /* @__PURE__ */ React__default.createElement("div", { className: "h-4" }), /* @__PURE__ */ React__default.createElement(
-          Message,
+        ) : /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-col gap-2 items-start w-full md:w-auto" }, /* @__PURE__ */ React__default.createElement("div", { className: "block font-sans text-xs font-semibold opacity-0" }, " "), /* @__PURE__ */ React__default.createElement(Callout, { calloutStyle: "info" }, " ", "You have not configured search.", " ", /* @__PURE__ */ React__default.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__default.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__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(TooltipProvider, null, /* @__PURE__ */ React__default.createElement(Tooltip, null, /* @__PURE__ */ React__default.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React__default.createElement("span", null, /* @__PURE__ */ React__default.createElement(
+          "Read the docs"
+        ))))), allowCreate && /* @__PURE__ */ React__default.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__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(TooltipProvider, null, /* @__PURE__ */ React__default.createElement(Tooltip, null, /* @__PURE__ */ React__default.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React__default.createElement("span", null, /* @__PURE__ */ React__default.createElement(
           Link$1,
           {
             onMouseDown: (evt) => {
@@ -120935,15 +120986,15 @@ const CollectionListPage = () => {
             side: "top",
             align: "center"
           },
-          /* @__PURE__ */ React__default.createElement("p", null, "Folders can’t be manually added when using templates.", /* @__PURE__ */ React__default.createElement("br", null), "See the docs -", " ", /* @__PURE__ */ React__default.createElement(
+          /* @__PURE__ */ React__default.createElement("p", null, "Folders can't be manually added when using templates.", /* @__PURE__ */ React__default.createElement("br", null), "See the docs -", " ", /* @__PURE__ */ React__default.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__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
           Link$1,
@@ -120970,7 +121021,7 @@ const CollectionListPage = () => {
             templates: collection.templates,
             folder
           }
-        ))))), /* @__PURE__ */ React__default.createElement(PageBody, null, /* @__PURE__ */ React__default.createElement("div", { className: "w-full mx-auto max-w-screen-xl" }, sortField && !sortField.required && /* @__PURE__ */ React__default.createElement("p", { className: "mb-4 text-gray-500" }, /* @__PURE__ */ React__default.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__default.createElement("div", { className: "w-full overflow-x-auto" }, (folder.name && !search || documents.length > 0) && /* @__PURE__ */ React__default.createElement("table", { className: "table-auto shadow bg-white border-b border-gray-200 w-full max-w-full rounded-lg" }, /* @__PURE__ */ React__default.createElement("tbody", { className: "divide-y divide-gray-150" }, folder.name && !search ? /* @__PURE__ */ React__default.createElement("tr", null, /* @__PURE__ */ React__default.createElement("td", { colSpan: 5 }, /* @__PURE__ */ React__default.createElement(
+        ))))), /* @__PURE__ */ React__default.createElement(PageBody, null, /* @__PURE__ */ React__default.createElement("div", { className: "w-full mx-auto max-w-screen-xl" }, sortField && !sortField.required && /* @__PURE__ */ React__default.createElement("p", { className: "mb-4 text-gray-500" }, /* @__PURE__ */ React__default.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__default.createElement("div", { className: "w-full overflow-x-auto shadow-md rounded-md" }, (folder.name && !search || documents.length > 0) && /* @__PURE__ */ React__default.createElement("table", { className: "table-auto shadow bg-white border-b border-gray-200 w-full max-w-full rounded-lg" }, /* @__PURE__ */ React__default.createElement("tbody", null, folder.name && !search ? /* @__PURE__ */ React__default.createElement("tr", null, /* @__PURE__ */ React__default.createElement("td", { colSpan: 5 }, /* @__PURE__ */ React__default.createElement(
           Breadcrumb,
           {
             folder,
@@ -121015,6 +121066,7 @@ const CollectionListPage = () => {
           return /* @__PURE__ */ React__default.createElement(
             "tr",
             {
+              className: "hover:bg-gray-100 transition-colors duration-300",
               key: `document-${document2.node._sys.relativePath}`
             },
             /* @__PURE__ */ React__default.createElement(
@@ -121089,15 +121141,9 @@ const CollectionListPage = () => {
                     }
                   },
                   allowDelete && {
-                    name: "delete",
-                    label: "Delete",
-                    Icon: /* @__PURE__ */ React__default.createElement(
-                      BiTrash,
-                      {
-                        size: "1.3rem",
-                        className: "text-red-500"
-                      }
-                    ),
+                    name: "rename",
+                    label: "Rename",
+                    Icon: /* @__PURE__ */ React__default.createElement(BiRename, { size: "1.3rem" }),
                     onMouseDown: () => {
                       setVars((old) => ({
                         ...old,
@@ -121110,19 +121156,20 @@ const CollectionListPage = () => {
                         ) + document2.node._sys.extension,
                         newRelativePath: ""
                       }));
-                      setDeleteModalOpen(true);
+                      setRenameModalOpen(true);
                     }
                   },
                   allowDelete && {
-                    name: "rename",
-                    label: "Rename",
+                    name: "delete",
+                    label: "Delete",
                     Icon: /* @__PURE__ */ React__default.createElement(
-                      BiRename,
+                      BiTrash,
                       {
                         size: "1.3rem",
                         className: "text-red-500"
                       }
                     ),
+                    className: "text-red-500",
                     onMouseDown: () => {
                       setVars((old) => ({
                         ...old,
@@ -121135,7 +121182,7 @@ const CollectionListPage = () => {
                         ) + document2.node._sys.extension,
                         newRelativePath: ""
                       }));
-                      setRenameModalOpen(true);
+                      setDeleteModalOpen(true);
                     }
                   }
                 ].filter(Boolean)
@@ -122094,7 +122141,7 @@ const ScreenPage = () => {
     const selectedScreen = screens.find(
       ({ name }) => slugify(name) === screenName
     );
-    return /* @__PURE__ */ React__default.createElement("div", { className: "relative w-full h-full flex flex-col items-stretch justify-between" }, /* @__PURE__ */ React__default.createElement("div", { className: "pt-2 px-6 bg-white" }, /* @__PURE__ */ React__default.createElement(LocalWarning, null), /* @__PURE__ */ React__default.createElement(BillingWarning, null)), /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ React__default.createElement("div", { className: "relative w-full h-full flex flex-col items-stretch justify-between" }, /* @__PURE__ */ React__default.createElement("div", { className: "py-2 px-6 w-fit " }, /* @__PURE__ */ React__default.createElement(LocalWarning, null), /* @__PURE__ */ React__default.createElement(BillingWarning, null)), /* @__PURE__ */ React__default.createElement(
       "div",
       {
         className: `xl:hidden pl-6 py-5 border-b border-gray-200 bg-white`