@gallop.software/studio 0.1.101 → 0.1.102

package/dist/{StudioUI-CJJDDI7H.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,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);
   };
@@ -4471,7 +4484,17 @@ function StudioDetailView() {
             ] }),
             /* @__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, "span", { css: styles8.infoValueWrap, title: fullUrl, children: fullUrl })
+              /* @__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: [
@@ -5460,4 +5483,4 @@ var StudioUI_default = StudioUI;
 
 
 exports.StudioUI = StudioUI; exports.default = StudioUI_default;
-//# sourceMappingURL=StudioUI-CJJDDI7H.js.map
+//# sourceMappingURL=StudioUI-EQUC2SLZ.js.map