@gallop.software/studio 0.1.100 → 0.1.102

package/dist/{StudioUI-CX3KPS57.js → StudioUI-EQUC2SLZ.js}

@@ -4148,6 +4148,19 @@ var styles8 = {
     word-break: break-all;
     white-space: normal;
   `,
+  infoLink: _react3.css`
+    color: ${_chunkUFCWGUAGjs.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: _react3.css`
     display: flex;
     flex-direction: column;
@@ -4201,13 +4214,15 @@ 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 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);
   };
   const handleCopyPath = () => {
-    const pathToCopy = "/" + focusedItem.path.replace(/^public\//, "");
-    navigator.clipboard.writeText(pathToCopy);
+    navigator.clipboard.writeText(fullUrl);
     setShowCopied(true);
     setTimeout(() => setShowCopied(false), 1500);
   };
@@ -4466,6 +4481,20 @@ function StudioDetailView() {
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { css: styles8.infoRow, children: [
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { css: styles8.infoLabel, children: "CDN Status" }),
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { css: styles8.infoValue, children: focusedItem.cdnPushed ? "Pushed" : "Not pushed" })
+            ] }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { css: styles8.infoRow, children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { css: styles8.infoLabel, children: "URL" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "a",
+                {
+                  href: fullUrl,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  css: styles8.infoLink,
+                  title: fullUrl,
+                  children: fullUrl
+                }
+              )
             ] })
           ] }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { css: styles8.actions, children: [
@@ -5454,4 +5483,4 @@ var StudioUI_default = StudioUI;
 
 
 exports.StudioUI = StudioUI; exports.default = StudioUI_default;
-//# sourceMappingURL=StudioUI-CX3KPS57.js.map
+//# sourceMappingURL=StudioUI-EQUC2SLZ.js.map