@gallop.software/studio 1.5.3 → 1.5.5

package/dist/{StudioUI-GAV4ZPGC.mjs → StudioUI-VIYONKHA.mjs}

@@ -3124,15 +3124,22 @@ var styles6 = {
     display: flex;
     align-items: center;
     gap: 8px;
-    margin-left: auto;
-    padding-left: 8px;
+    margin: 2px 0 0 0;
   `,
   folderStat: css6`
     display: flex;
     align-items: center;
     gap: 3px;
-    font-size: 11px;
-    color: ${colors.textSecondary};
+    font-size: ${fontSize.xs};
+  `,
+  folderStatLocal: css6`
+    color: ${colors.textMuted};
+  `,
+  folderStatCloud: css6`
+    color: #f59e0b;
+  `,
+  folderStatRemote: css6`
+    color: #ef4444;
   `,
   folderStatIcon: css6`
     width: 14px;
@@ -3156,10 +3163,17 @@ var styles6 = {
   storedLabel: css6`
     display: flex;
     align-items: center;
-    gap: 4px;
-    font-size: 12px;
+    margin: 2px 0 0 0;
+  `,
+  storedIconCloud: css6`
+    width: 16px;
+    height: 16px;
     color: #f59e0b;
-    margin: 0;
+  `,
+  storedIconRemote: css6`
+    width: 16px;
+    height: 16px;
+    color: #ef4444;
   `,
   globeIcon: css6`
     width: 18px;
@@ -3431,15 +3445,15 @@ function GridItem({ item, isSelected, onClick, onOpen, onGenerateThumbnail }) {
         /* @__PURE__ */ jsx6("div", { css: styles6.label, children: /* @__PURE__ */ jsx6("div", { css: styles6.labelRow, children: /* @__PURE__ */ jsxs6("div", { css: styles6.labelText, children: [
           /* @__PURE__ */ jsx6("p", { css: styles6.name, title: item.name, children: item.name }),
           isFolder ? /* @__PURE__ */ jsxs6("div", { css: styles6.folderStats, children: [
-            item.localCount !== void 0 && item.localCount > 0 && /* @__PURE__ */ jsxs6("span", { css: styles6.folderStat, title: `${item.localCount} local`, children: [
+            item.localCount !== void 0 && item.localCount > 0 && /* @__PURE__ */ jsxs6("span", { css: [styles6.folderStat, styles6.folderStatLocal], title: `${item.localCount} local`, children: [
               /* @__PURE__ */ jsx6("svg", { css: styles6.folderStatIconLocal, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx6("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" }) }),
               item.localCount
             ] }),
-            item.cloudCount !== void 0 && item.cloudCount > 0 && /* @__PURE__ */ jsxs6("span", { css: styles6.folderStat, title: `${item.cloudCount} in cloud`, children: [
+            item.cloudCount !== void 0 && item.cloudCount > 0 && /* @__PURE__ */ jsxs6("span", { css: [styles6.folderStat, styles6.folderStatCloud], title: `${item.cloudCount} in cloud`, children: [
               /* @__PURE__ */ jsx6("svg", { css: styles6.folderStatIconCloud, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx6("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z" }) }),
               item.cloudCount
             ] }),
-            item.remoteCount !== void 0 && item.remoteCount > 0 && /* @__PURE__ */ jsxs6("span", { css: styles6.folderStat, title: `${item.remoteCount} remote`, children: [
+            item.remoteCount !== void 0 && item.remoteCount > 0 && /* @__PURE__ */ jsxs6("span", { css: [styles6.folderStat, styles6.folderStatRemote], title: `${item.remoteCount} remote`, children: [
               /* @__PURE__ */ jsx6("svg", { css: styles6.folderStatIconRemote, 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" }) }),
               item.remoteCount
             ] }),
@@ -3447,10 +3461,7 @@ function GridItem({ item, isSelected, onClick, onOpen, onGenerateThumbnail }) {
               item.fileCount,
               " files"
             ] })
-          ] }) : item.cdnPushed ? /* @__PURE__ */ jsxs6("p", { css: styles6.storedLabel, children: [
-            /* @__PURE__ */ jsx6("svg", { css: item.isRemote ? styles6.folderStatIconRemote : styles6.folderStatIconCloud, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: item.isRemote ? /* @__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__ */ jsx6("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z" }) }),
-            "stored"
-          ] }) : item.size !== void 0 && /* @__PURE__ */ jsx6("p", { css: styles6.size, children: formatFileSize(item.size) })
+          ] }) : item.cdnPushed ? /* @__PURE__ */ jsx6("p", { css: styles6.storedLabel, children: /* @__PURE__ */ jsx6("svg", { css: item.isRemote ? styles6.storedIconRemote : styles6.storedIconCloud, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: item.isRemote ? /* @__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__ */ jsx6("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z" }) }) }) : item.size !== void 0 && /* @__PURE__ */ jsx6("p", { css: styles6.size, children: formatFileSize(item.size) })
         ] }) }) })
       ]
     }
@@ -3661,8 +3672,16 @@ var styles7 = {
     display: flex;
     align-items: center;
     gap: 3px;
-    font-size: 12px;
-    color: ${colors.textSecondary};
+    font-size: ${fontSize.xs};
+  `,
+  folderStatLocal: css7`
+    color: ${colors.textMuted};
+  `,
+  folderStatCloud: css7`
+    color: #f59e0b;
+  `,
+  folderStatRemote: css7`
+    color: #ef4444;
   `,
   folderStatIconCloud: css7`
     width: 14px;
@@ -3682,10 +3701,17 @@ var styles7 = {
   storedLabel: css7`
     display: flex;
     align-items: center;
-    gap: 4px;
-    font-size: 12px;
+  `,
+  storedIconCloud: css7`
+    width: 16px;
+    height: 16px;
     color: #f59e0b;
   `,
+  storedIconRemote: css7`
+    width: 16px;
+    height: 16px;
+    color: #ef4444;
+  `,
   globeIcon: css7`
     width: 16px;
     height: 16px;
@@ -4025,15 +4051,15 @@ function ListRow({ item, isSelected, onClick, onOpen, onGenerateThumbnail }) {
           ] })
         ] }) }),
         /* @__PURE__ */ jsx7("td", { css: [styles7.td, styles7.meta], children: isFolder ? /* @__PURE__ */ jsxs7("div", { css: styles7.folderStats, children: [
-          item.localCount !== void 0 && item.localCount > 0 && /* @__PURE__ */ jsxs7("span", { css: styles7.folderStat, title: `${item.localCount} local`, children: [
+          item.localCount !== void 0 && item.localCount > 0 && /* @__PURE__ */ jsxs7("span", { css: [styles7.folderStat, styles7.folderStatLocal], title: `${item.localCount} local`, children: [
             /* @__PURE__ */ jsx7("svg", { css: styles7.folderStatIconLocal, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx7("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" }) }),
             item.localCount
           ] }),
-          item.cloudCount !== void 0 && item.cloudCount > 0 && /* @__PURE__ */ jsxs7("span", { css: styles7.folderStat, title: `${item.cloudCount} in cloud`, children: [
+          item.cloudCount !== void 0 && item.cloudCount > 0 && /* @__PURE__ */ jsxs7("span", { css: [styles7.folderStat, styles7.folderStatCloud], title: `${item.cloudCount} in cloud`, children: [
             /* @__PURE__ */ jsx7("svg", { css: styles7.folderStatIconCloud, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx7("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z" }) }),
             item.cloudCount
           ] }),
-          item.remoteCount !== void 0 && item.remoteCount > 0 && /* @__PURE__ */ jsxs7("span", { css: styles7.folderStat, title: `${item.remoteCount} remote`, children: [
+          item.remoteCount !== void 0 && item.remoteCount > 0 && /* @__PURE__ */ jsxs7("span", { css: [styles7.folderStat, styles7.folderStatRemote], title: `${item.remoteCount} remote`, children: [
             /* @__PURE__ */ jsx7("svg", { css: styles7.folderStatIconRemote, 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" }) }),
             item.remoteCount
           ] }),
@@ -4042,10 +4068,7 @@ function ListRow({ item, isSelected, onClick, onOpen, onGenerateThumbnail }) {
             " files"
           ] }),
           !item.localCount && !item.cloudCount && !item.remoteCount && item.fileCount === void 0 && "--"
-        ] }) : item.cdnPushed ? /* @__PURE__ */ jsxs7("span", { css: styles7.storedLabel, children: [
-          /* @__PURE__ */ jsx7("svg", { css: item.isRemote ? styles7.folderStatIconRemote : styles7.folderStatIconCloud, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: item.isRemote ? /* @__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__ */ jsx7("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z" }) }),
-          "stored"
-        ] }) : item.size !== void 0 ? formatFileSize2(item.size) : "--" }),
+        ] }) : item.cdnPushed ? /* @__PURE__ */ jsx7("span", { css: styles7.storedLabel, children: /* @__PURE__ */ jsx7("svg", { css: item.isRemote ? styles7.storedIconRemote : styles7.storedIconCloud, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: item.isRemote ? /* @__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__ */ jsx7("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z" }) }) }) : 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 ? 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" }) }),
@@ -6329,4 +6352,4 @@ export {
   StudioUI,
   StudioUI_default as default
 };
-//# sourceMappingURL=StudioUI-GAV4ZPGC.mjs.map
+//# sourceMappingURL=StudioUI-VIYONKHA.mjs.map