@gallop.software/studio 0.1.63 → 0.1.65

package/dist/{StudioUI-BVNH67OK.mjs → StudioUI-HPSBJNBM.mjs}

@@ -447,22 +447,54 @@ var styles2 = {
   folderList: css2`
     display: flex;
     flex-direction: column;
-    gap: 2px;
+    gap: 0;
   `,
   folderItem: css2`
     display: flex;
     align-items: center;
     gap: 8px;
-    padding: 10px 12px;
+    padding: 8px 12px;
     border-radius: 6px;
     cursor: pointer;
     transition: all 0.15s ease;
     border: 1px solid transparent;
+    position: relative;
     
     &:hover {
       background-color: ${colors.surfaceHover};
     }
   `,
+  treeIndent: css2`
+    display: flex;
+    align-items: center;
+    height: 100%;
+  `,
+  treeLine: css2`
+    width: 16px;
+    height: 100%;
+    position: relative;
+    flex-shrink: 0;
+    
+    &::before {
+      content: '';
+      position: absolute;
+      left: 8px;
+      top: 0;
+      bottom: 50%;
+      width: 0;
+      border-left: 1px dashed ${colors.border};
+    }
+    
+    &::after {
+      content: '';
+      position: absolute;
+      left: 8px;
+      top: 50%;
+      width: 8px;
+      height: 0;
+      border-top: 1px dashed ${colors.border};
+    }
+  `,
   folderItemSelected: css2`
     background-color: ${colors.primaryLight};
     border-color: ${colors.primary};
@@ -471,6 +503,14 @@ var styles2 = {
       background-color: ${colors.primaryLight};
     }
   `,
+  folderItemDisabled: css2`
+    opacity: 0.5;
+    cursor: not-allowed;
+    
+    &:hover {
+      background-color: transparent;
+    }
+  `,
   folderIcon: css2`
     width: 20px;
     height: 20px;
@@ -569,11 +609,11 @@ function StudioFolderPicker({ selectedItems, currentPath, onMove, onCancel }) {
   }, []);
   const selectedPaths = Array.from(selectedItems);
   const availableFolders = folders.filter((folder) => {
-    if (folder.path === currentPath) return false;
     return !selectedPaths.some(
       (selected) => folder.path === selected || folder.path.startsWith(selected + "/")
     );
   });
+  const isCurrentFolder = (folderPath) => folderPath === currentPath;
   const handleConfirm = () => {
     if (selectedFolder) {
       onMove(selectedFolder);
@@ -589,22 +629,30 @@ function StudioFolderPicker({ selectedItems, currentPath, onMove, onCancel }) {
         selectedItems.size !== 1 ? "s" : "",
         ":"
       ] }),
-      loading ? /* @__PURE__ */ jsx2("div", { css: styles2.loading, children: /* @__PURE__ */ jsx2("div", { css: styles2.spinner }) }) : availableFolders.length === 0 ? /* @__PURE__ */ jsx2("div", { css: styles2.loading, children: "No available folders to move to." }) : /* @__PURE__ */ jsx2("div", { css: styles2.folderList, children: availableFolders.map((folder) => /* @__PURE__ */ jsxs2(
-        "div",
-        {
-          css: [
-            styles2.folderItem,
-            selectedFolder === folder.path && styles2.folderItemSelected
-          ],
-          style: { paddingLeft: 12 + folder.depth * 16 },
-          onClick: () => setSelectedFolder(folder.path),
-          children: [
-            /* @__PURE__ */ jsx2("svg", { css: styles2.folderIcon, fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx2("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" }) }),
-            /* @__PURE__ */ jsx2("span", { css: styles2.folderName, children: folder.name })
-          ]
-        },
-        folder.path
-      )) })
+      loading ? /* @__PURE__ */ jsx2("div", { css: styles2.loading, children: /* @__PURE__ */ jsx2("div", { css: styles2.spinner }) }) : availableFolders.length === 0 ? /* @__PURE__ */ jsx2("div", { css: styles2.loading, children: "No available folders to move to." }) : /* @__PURE__ */ jsx2("div", { css: styles2.folderList, children: availableFolders.map((folder) => {
+        const disabled = isCurrentFolder(folder.path);
+        return /* @__PURE__ */ jsxs2(
+          "div",
+          {
+            css: [
+              styles2.folderItem,
+              selectedFolder === folder.path && styles2.folderItemSelected,
+              disabled && styles2.folderItemDisabled
+            ],
+            style: { paddingLeft: 12 },
+            onClick: () => !disabled && setSelectedFolder(folder.path),
+            children: [
+              folder.depth > 0 && /* @__PURE__ */ jsx2("div", { css: styles2.treeIndent, children: Array.from({ length: folder.depth }).map((_, i) => /* @__PURE__ */ jsx2("div", { css: styles2.treeLine }, i)) }),
+              /* @__PURE__ */ jsx2("svg", { css: styles2.folderIcon, fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx2("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" }) }),
+              /* @__PURE__ */ jsxs2("span", { css: styles2.folderName, children: [
+                folder.name,
+                disabled && " (current)"
+              ] })
+            ]
+          },
+          folder.path
+        );
+      }) })
     ] }),
     /* @__PURE__ */ jsxs2("div", { css: styles2.footer, children: [
       /* @__PURE__ */ jsx2("button", { css: [styles2.btn, styles2.btnCancel], onClick: onCancel, children: "Cancel" }),
@@ -3728,4 +3776,4 @@ export {
   StudioUI,
   StudioUI_default as default
 };
-//# sourceMappingURL=StudioUI-BVNH67OK.mjs.map
+//# sourceMappingURL=StudioUI-HPSBJNBM.mjs.map