@gallop.software/studio 0.1.101 → 0.1.103

package/dist/{StudioUI-66GVMRQE.mjs → StudioUI-24OSFA4A.mjs}

@@ -4148,6 +4148,19 @@ var styles8 = {
     word-break: break-all;
     white-space: normal;
   `,
+  infoLink: css8`
+    color: ${colors.primary};
+    font-weight: 500;
+    text-align: right;
+    max-width: 160px;
+    word-break: break-all;
+    white-space: normal;
+    text-decoration: none;
+    
+    &:hover {
+      text-decoration: underline;
+    }
+  `,
   actions: css8`
     display: flex;
     flex-direction: column;
@@ -4201,10 +4214,10 @@ function StudioDetailView() {
   if (!focusedItem) return null;
   const isImage = isImageFile(focusedItem.name);
   const isVideo = isVideoFile(focusedItem.name);
-  const imageSrc = focusedItem.path.replace("public", "");
   const relativePath = "/" + focusedItem.path.replace(/^public\//, "");
-  const productionUrl = process.env.NEXT_PUBLIC_PRODUCTION_URL || "";
-  const fullUrl = focusedItem.cdnPushed && focusedItem.cdnBaseUrl ? `${focusedItem.cdnBaseUrl}${relativePath}` : productionUrl ? `${productionUrl}${relativePath}` : relativePath;
+  const imageSrc = focusedItem.cdnPushed && focusedItem.cdnBaseUrl ? `${focusedItem.cdnBaseUrl}${relativePath}` : relativePath;
+  const localOrigin = typeof window !== "undefined" ? window.location.origin : "";
+  const fullUrl = focusedItem.cdnPushed && focusedItem.cdnBaseUrl ? `${focusedItem.cdnBaseUrl}${relativePath}` : `${localOrigin}${relativePath}`;
   const handleClose = () => {
     setFocusedItem(null);
   };
@@ -4467,11 +4480,21 @@ function StudioDetailView() {
             ] }),
             /* @__PURE__ */ jsxs8("div", { css: styles8.infoRow, children: [
               /* @__PURE__ */ jsx8("span", { css: styles8.infoLabel, children: "CDN Status" }),
-              /* @__PURE__ */ jsx8("span", { css: styles8.infoValue, children: focusedItem.cdnPushed ? "Pushed" : "Not pushed" })
+              /* @__PURE__ */ jsx8("span", { css: styles8.infoValue, children: focusedItem.cdnPushed ? focusedItem.isRemote ? "Remote" : "Pushed" : "Local" })
             ] }),
             /* @__PURE__ */ jsxs8("div", { css: styles8.infoRow, children: [
               /* @__PURE__ */ jsx8("span", { css: styles8.infoLabel, children: "URL" }),
-              /* @__PURE__ */ jsx8("span", { css: styles8.infoValueWrap, title: fullUrl, children: fullUrl })
+              /* @__PURE__ */ jsx8(
+                "a",
+                {
+                  href: fullUrl,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  css: styles8.infoLink,
+                  title: fullUrl,
+                  children: fullUrl
+                }
+              )
             ] })
           ] }),
           /* @__PURE__ */ jsxs8("div", { css: styles8.actions, children: [
@@ -4479,14 +4502,32 @@ function StudioDetailView() {
               /* @__PURE__ */ jsx8("svg", { css: styles8.actionIcon, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx8("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z" }) }),
               "Rename"
             ] }),
-            /* @__PURE__ */ jsxs8("button", { css: styles8.actionBtn, onClick: handleSync, disabled: pushing, children: [
-              /* @__PURE__ */ jsx8("svg", { css: styles8.actionIcon, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx8("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12" }) }),
-              pushing ? "Pushing..." : "Push to CDN"
-            ] }),
-            /* @__PURE__ */ jsxs8("button", { css: styles8.actionBtn, onClick: () => setShowProcessConfirm(true), children: [
-              /* @__PURE__ */ jsx8("svg", { css: styles8.actionIcon, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx8("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" }) }),
-              "Process Image"
-            ] }),
+            /* @__PURE__ */ jsxs8(
+              "button",
+              {
+                css: styles8.actionBtn,
+                onClick: handleSync,
+                disabled: pushing || focusedItem.cdnPushed,
+                title: focusedItem.cdnPushed ? "Already in cloud" : void 0,
+                children: [
+                  /* @__PURE__ */ jsx8("svg", { css: styles8.actionIcon, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx8("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12" }) }),
+                  pushing ? "Pushing..." : "Push to CDN"
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs8(
+              "button",
+              {
+                css: styles8.actionBtn,
+                onClick: () => setShowProcessConfirm(true),
+                disabled: focusedItem.isRemote,
+                title: focusedItem.isRemote ? "Cannot process remote images" : void 0,
+                children: [
+                  /* @__PURE__ */ jsx8("svg", { css: styles8.actionIcon, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx8("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" }) }),
+                  "Process Image"
+                ]
+              }
+            ),
             /* @__PURE__ */ jsxs8("button", { css: [styles8.actionBtn, styles8.actionBtnDanger], onClick: () => setShowDeleteConfirm(true), children: [
               /* @__PURE__ */ jsx8("svg", { css: styles8.actionIcon, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx8("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" }) }),
               "Delete"
@@ -5460,4 +5501,4 @@ export {
   StudioUI,
   StudioUI_default as default
 };
-//# sourceMappingURL=StudioUI-66GVMRQE.mjs.map
+//# sourceMappingURL=StudioUI-24OSFA4A.mjs.map