@gallop.software/studio 0.1.79 → 0.1.80

package/dist/{StudioUI-DRDR7N4T.mjs → StudioUI-VPNL5NMI.mjs}

@@ -1582,6 +1582,10 @@ var styles4 = {
     &:hover {
       border-color: #d0d5dd;
       box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
+      
+      button[title="Rename"] {
+        opacity: 1;
+      }
     }
   `,
   itemSelected: css4`
@@ -1719,15 +1723,11 @@ var styles4 = {
     flex: 1;
     min-width: 0;
   `,
-  actionBtns: css4`
+  copyBtn: css4`
     position: absolute;
     top: 4px;
     right: 4px;
     z-index: 10;
-    display: flex;
-    gap: 2px;
-  `,
-  copyBtn: css4`
     height: 28px;
     width: 28px;
     color: ${colors.textMuted};
@@ -1740,12 +1740,40 @@ var styles4 = {
     display: flex;
     align-items: center;
     justify-content: center;
-    position: relative;
     
     &:hover {
       color: ${colors.text};
     }
   `,
+  nameRow: css4`
+    display: flex;
+    align-items: center;
+    gap: 4px;
+  `,
+  renameBtn: css4`
+    flex-shrink: 0;
+    height: 20px;
+    width: 20px;
+    color: ${colors.textMuted};
+    background: transparent;
+    border: none;
+    padding: 0;
+    cursor: pointer;
+    border-radius: 4px;
+    transition: all 0.15s ease;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    opacity: 0;
+    
+    &:hover {
+      color: ${colors.text};
+    }
+  `,
+  renameIcon: css4`
+    width: 14px;
+    height: 14px;
+  `,
   copyIcon: css4`
     width: 18px;
     height: 18px;
@@ -2036,32 +2064,18 @@ function GridItem({ item, isSelected, onClick, onOpen, onGenerateThumbnail, onRe
         ),
         item.cdnSynced && /* @__PURE__ */ jsx4("span", { css: styles4.cdnBadge, children: "CDN" }),
         /* @__PURE__ */ jsxs4("div", { css: styles4.content, children: [
-          /* @__PURE__ */ jsxs4("div", { css: styles4.actionBtns, children: [
-            /* @__PURE__ */ jsxs4(
-              "button",
-              {
-                css: styles4.copyBtn,
-                onClick: handleCopyPath,
-                title: "Copy file path",
-                children: [
-                  showCopied && /* @__PURE__ */ jsx4("span", { css: styles4.tooltip, children: "Copied!" }),
-                  /* @__PURE__ */ jsx4("svg", { css: styles4.copyIcon, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx4("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" }) })
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsx4(
-              "button",
-              {
-                css: styles4.copyBtn,
-                onClick: (e) => {
-                  e.stopPropagation();
-                  onRename();
-                },
-                title: "Rename",
-                children: /* @__PURE__ */ jsx4("svg", { css: styles4.copyIcon, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx4("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" }) })
-              }
-            )
-          ] }),
+          /* @__PURE__ */ jsxs4(
+            "button",
+            {
+              css: styles4.copyBtn,
+              onClick: handleCopyPath,
+              title: "Copy file path",
+              children: [
+                showCopied && /* @__PURE__ */ jsx4("span", { css: styles4.tooltip, children: "Copied!" }),
+                /* @__PURE__ */ jsx4("svg", { css: styles4.copyIcon, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx4("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" }) })
+              ]
+            }
+          ),
           /* @__PURE__ */ jsx4(
             "button",
             {
@@ -2101,7 +2115,21 @@ function GridItem({ item, isSelected, onClick, onOpen, onGenerateThumbnail, onRe
           ) : /* @__PURE__ */ jsx4("svg", { css: styles4.fileIcon, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx4("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__ */ jsx4("div", { css: styles4.label, children: /* @__PURE__ */ jsx4("div", { css: styles4.labelRow, children: /* @__PURE__ */ jsxs4("div", { css: styles4.labelText, children: [
-          /* @__PURE__ */ jsx4("p", { css: styles4.name, title: item.name, children: truncateMiddle(item.name) }),
+          /* @__PURE__ */ jsxs4("div", { css: styles4.nameRow, children: [
+            /* @__PURE__ */ jsx4("p", { css: styles4.name, title: item.name, children: truncateMiddle(item.name) }),
+            /* @__PURE__ */ jsx4(
+              "button",
+              {
+                css: styles4.renameBtn,
+                onClick: (e) => {
+                  e.stopPropagation();
+                  onRename();
+                },
+                title: "Rename",
+                children: /* @__PURE__ */ jsx4("svg", { css: styles4.renameIcon, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx4("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" }) })
+              }
+            )
+          ] }),
           isFolder ? /* @__PURE__ */ jsxs4("p", { css: styles4.size, children: [
             item.fileCount !== void 0 ? `${item.fileCount} files` : "",
             item.fileCount !== void 0 && item.totalSize !== void 0 ? " \xB7 " : "",
@@ -3930,4 +3958,4 @@ export {
   StudioUI,
   StudioUI_default as default
 };
-//# sourceMappingURL=StudioUI-DRDR7N4T.mjs.map
+//# sourceMappingURL=StudioUI-VPNL5NMI.mjs.map