@gallop.software/studio 0.1.103 → 0.1.105

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

@@ -2994,18 +2994,6 @@ var styles6 = {
     accent-color: ${colors.primary};
     cursor: pointer;
   `,
-  cdnBadge: css6`
-    position: absolute;
-    top: 8px;
-    right: 8px;
-    z-index: 10;
-    background-color: ${colors.successLight};
-    color: ${colors.success};
-    font-size: 11px;
-    font-weight: 500;
-    padding: 2px 8px;
-    border-radius: 4px;
-  `,
   content: css6`
     position: relative;
     aspect-ratio: 1;
@@ -3125,6 +3113,30 @@ var styles6 = {
     width: 18px;
     height: 18px;
   `,
+  statusBtn: css6`
+    position: absolute;
+    top: 4px;
+    right: 36px;
+    z-index: 10;
+    height: 28px;
+    width: 28px;
+    background: transparent;
+    border: none;
+    padding: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  `,
+  cloudIcon: css6`
+    width: 18px;
+    height: 18px;
+    color: #f59e0b;
+  `,
+  globeIcon: css6`
+    width: 18px;
+    height: 18px;
+    color: #ef4444;
+  `,
   tooltip: css6`
     position: absolute;
     top: 50%;
@@ -3340,8 +3352,9 @@ function GridItem({ item, isSelected, onClick, onOpen, onGenerateThumbnail }) {
             )
           }
         ),
-        item.cdnPushed && /* @__PURE__ */ jsx6("span", { css: styles6.cdnBadge, children: "CDN" }),
         /* @__PURE__ */ jsxs6("div", { css: styles6.content, children: [
+          item.cdnPushed && !item.isRemote && /* @__PURE__ */ jsx6("span", { css: styles6.statusBtn, title: "Pushed to CDN", children: /* @__PURE__ */ jsx6("svg", { css: styles6.cloudIcon, fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx6("path", { d: "M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96z" }) }) }),
+          item.isRemote && /* @__PURE__ */ jsx6("span", { css: styles6.statusBtn, title: "Remote image", children: /* @__PURE__ */ jsx6("svg", { css: styles6.globeIcon, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx6("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" }) }) }),
           /* @__PURE__ */ jsxs6(
             "button",
             {
@@ -3581,6 +3594,28 @@ var styles7 = {
     width: 16px;
     height: 16px;
   `,
+  statusBtn: css7`
+    flex-shrink: 0;
+    height: 32px;
+    width: 32px;
+    background: ${colors.surface};
+    border: 1px solid ${colors.border};
+    padding: 0;
+    border-radius: 4px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+  `,
+  cloudIcon: css7`
+    width: 16px;
+    height: 16px;
+    color: #f59e0b;
+  `,
+  globeIcon: css7`
+    width: 16px;
+    height: 16px;
+    color: #ef4444;
+  `,
   tooltip: css7`
     position: absolute;
     top: 50%;
@@ -3721,6 +3756,13 @@ var styles7 = {
     font-weight: 500;
     color: ${colors.success};
   `,
+  cdnBadgeRemote: css7`
+    display: inline-flex;
+    align-items: center;
+    font-size: ${fontSize.xs};
+    font-weight: 500;
+    color: #ef4444;
+  `,
   cdnIcon: css7`
     width: 12px;
     height: 12px;
@@ -3874,6 +3916,8 @@ function ListRow({ item, isSelected, onClick, onOpen, onGenerateThumbnail }) {
           ] }) : /* @__PURE__ */ jsx7("div", { css: styles7.folderIconWrapper, children: /* @__PURE__ */ jsx7("svg", { css: styles7.folderIcon, fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx7("path", { d: "M10 4H4a2 2 0 00-2 2v12a2 2 0 002 2h16a2 2 0 002-2V8a2 2 0 00-2-2h-8l-2-2z" }) }) }) : isImage && item.thumbnail ? /* @__PURE__ */ jsx7("div", { css: styles7.thumbnailWrapper, children: /* @__PURE__ */ jsx7("img", { css: styles7.thumbnail, src: item.thumbnail, alt: item.name, loading: "lazy" }) }) : /* @__PURE__ */ jsx7("div", { css: styles7.thumbnailWrapper, children: /* @__PURE__ */ jsx7("svg", { css: styles7.fileIcon, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx7("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z" }) }) }),
           /* @__PURE__ */ jsx7("span", { css: styles7.name, title: item.name, children: truncateMiddle2(item.name) }),
           /* @__PURE__ */ jsxs7("div", { css: styles7.actionsCell, children: [
+            item.cdnPushed && !item.isRemote && /* @__PURE__ */ jsx7("span", { css: styles7.statusBtn, title: "Pushed to CDN", children: /* @__PURE__ */ jsx7("svg", { css: styles7.cloudIcon, fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx7("path", { d: "M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96z" }) }) }),
+            item.isRemote && /* @__PURE__ */ jsx7("span", { css: styles7.statusBtn, title: "Remote image", children: /* @__PURE__ */ jsx7("svg", { css: styles7.globeIcon, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx7("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" }) }) }),
             /* @__PURE__ */ jsxs7(
               "button",
               {
@@ -3901,9 +3945,9 @@ function ListRow({ item, isSelected, onClick, onOpen, onGenerateThumbnail }) {
         ] }) }),
         /* @__PURE__ */ jsx7("td", { css: [styles7.td, styles7.meta], children: isFolder ? item.fileCount !== void 0 ? `${item.fileCount} files` : "--" : item.size !== void 0 ? formatFileSize2(item.size) : "--" }),
         /* @__PURE__ */ jsx7("td", { css: [styles7.td, styles7.meta], children: isFolder ? item.totalSize !== void 0 ? formatFileSize2(item.totalSize) : "--" : item.dimensions ? `${item.dimensions.width}x${item.dimensions.height}` : "--" }),
-        /* @__PURE__ */ jsx7("td", { css: styles7.td, children: item.cdnPushed ? /* @__PURE__ */ jsxs7("span", { css: styles7.cdnBadge, children: [
+        /* @__PURE__ */ jsx7("td", { css: styles7.td, children: item.cdnPushed ? item.isRemote ? /* @__PURE__ */ jsx7("span", { css: styles7.cdnBadgeRemote, children: "Remote" }) : /* @__PURE__ */ jsxs7("span", { css: styles7.cdnBadge, children: [
           /* @__PURE__ */ jsx7("svg", { css: styles7.cdnIcon, fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ jsx7("path", { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }),
-          "Synced"
+          "Pushed"
         ] }) : /* @__PURE__ */ jsx7("span", { css: styles7.cdnEmpty, children: "--" }) })
       ]
     }
@@ -4005,6 +4049,26 @@ var styles8 = {
     height: 20px;
     color: ${colors.textSecondary};
   `,
+  statusIcon: css8`
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 8px;
+    background: ${colors.surface};
+    border: 1px solid ${colors.border};
+    border-radius: 8px;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
+  `,
+  cloudIcon: css8`
+    width: 20px;
+    height: 20px;
+    color: #f59e0b;
+  `,
+  globeIcon: css8`
+    width: 20px;
+    height: 20px;
+    color: #ef4444;
+  `,
   tooltip: css8`
     position: absolute;
     right: 100%;
@@ -4446,6 +4510,8 @@ function StudioDetailView() {
     /* @__PURE__ */ jsx8("div", { css: styles8.overlay, onClick: handleClose, children: /* @__PURE__ */ jsxs8("div", { css: styles8.container, onClick: (e) => e.stopPropagation(), children: [
       /* @__PURE__ */ jsxs8("div", { css: styles8.main, children: [
         /* @__PURE__ */ jsxs8("div", { css: styles8.headerButtons, children: [
+          focusedItem.cdnPushed && !focusedItem.isRemote && /* @__PURE__ */ jsx8("span", { css: styles8.statusIcon, title: "Pushed to CDN", children: /* @__PURE__ */ jsx8("svg", { css: styles8.cloudIcon, fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx8("path", { d: "M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96z" }) }) }),
+          focusedItem.isRemote && /* @__PURE__ */ jsx8("span", { css: styles8.statusIcon, title: "Remote image", children: /* @__PURE__ */ jsx8("svg", { css: styles8.globeIcon, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx8("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" }) }) }),
           /* @__PURE__ */ jsxs8("button", { css: styles8.copyBtn, onClick: handleCopyPath, title: "Copy file path", children: [
             showCopied && /* @__PURE__ */ jsx8("span", { css: styles8.tooltip, children: "Copied!" }),
             /* @__PURE__ */ jsx8("svg", { css: styles8.copyIcon, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx8("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" }) })
@@ -5501,4 +5567,4 @@ export {
   StudioUI,
   StudioUI_default as default
 };
-//# sourceMappingURL=StudioUI-24OSFA4A.mjs.map
+//# sourceMappingURL=StudioUI-J4DKTERW.mjs.map