@gallop.software/studio 0.1.95 → 0.1.97

package/dist/{StudioUI-GKE5ZWKW.mjs → StudioUI-3TE62FRZ.mjs}

@@ -62,6 +62,9 @@ var defaultState = {
   showError: () => {
   },
   clearError: () => {
+  },
+  fileItems: [],
+  setFileItems: () => {
   }
 };
 var StudioContext = createContext(defaultState);
@@ -1681,7 +1684,7 @@ var styles5 = {
   `
 };
 function StudioToolbar() {
-  const { selectedItems, viewMode, setViewMode, clearSelection, currentPath, triggerRefresh, focusedItem, scanRequested, clearScanRequest } = useStudio();
+  const { selectedItems, viewMode, setViewMode, clearSelection, currentPath, triggerRefresh, focusedItem, scanRequested, clearScanRequest, fileItems } = useStudio();
   const fileInputRef = useRef2(null);
   const abortControllerRef = useRef2(null);
   const [showAddNewModal, setShowAddNewModal] = useState4(false);
@@ -2345,6 +2348,10 @@ function StudioToolbar() {
     }
   }, [setSearchQuery]);
   const hasSelection = selectedItems.size > 0;
+  const hasCloudOnlySelection = hasSelection && Array.from(selectedItems).some((path) => {
+    const item = fileItems.find((f) => f.path === path);
+    return item && item.cdnPushed;
+  });
   const selectedPaths = Array.from(selectedItems);
   const singleFolderSelected = selectedPaths.length === 1 && !selectedPaths[0].includes(".");
   const selectedFolderPath = singleFolderSelected ? selectedPaths[0] : null;
@@ -2548,7 +2555,8 @@ function StudioToolbar() {
           {
             css: styles5.btn,
             onClick: handleMoveClick,
-            disabled: !hasSelection,
+            disabled: !hasSelection || hasCloudOnlySelection,
+            title: hasCloudOnlySelection ? "Cannot move files that are in the cloud" : void 0,
             children: [
               /* @__PURE__ */ jsx5(MoveIcon, {}),
               "Move"
@@ -2766,7 +2774,8 @@ function useFileList() {
     triggerRefresh,
     triggerScan,
     searchQuery,
-    showError
+    showError,
+    setFileItems
   } = useStudio();
   const [items, setItems] = useState5([]);
   const [loading, setLoading] = useState5(true);
@@ -2782,19 +2791,22 @@ function useFileList() {
       lastPath.current = currentPath;
       try {
         const data = searchQuery && searchQuery.length >= 2 ? await studioApi.search(searchQuery) : await studioApi.list(currentPath);
-        setItems(data.items || []);
+        const loadedItems = data.items || [];
+        setItems(loadedItems);
+        setFileItems(loadedItems);
         setMetaEmpty(data.isEmpty === true);
       } catch (error) {
         const message = error instanceof Error ? error.message : "Failed to load items";
         showError("Load Error", message);
         setItems([]);
+        setFileItems([]);
         setMetaEmpty(false);
       }
       setLoading(false);
       isInitialLoad.current = false;
     }
     loadItems();
-  }, [currentPath, refreshKey, searchQuery, showError]);
+  }, [currentPath, refreshKey, searchQuery, showError, setFileItems]);
   const isAtRoot = currentPath === "public";
   const isSearching = searchQuery && searchQuery.length >= 2;
   const sortedItems = [...items].sort((a, b) => {
@@ -3355,7 +3367,7 @@ function GridItem({ item, isSelected, onClick, onOpen, onGenerateThumbnail }) {
           isFolder ? isImagesFolder ? /* @__PURE__ */ jsxs6("div", { css: styles6.imagesFolderWrapper, children: [
             /* @__PURE__ */ jsx6("svg", { css: styles6.imagesFolderIcon, fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx6("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__ */ jsx6("svg", { css: styles6.lockIcon, fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ jsx6("path", { fillRule: "evenodd", d: "M5 9V7a5 5 0 0110 0v2a2 2 0 012 2v5a2 2 0 01-2 2H5a2 2 0 01-2-2v-5a2 2 0 012-2zm8-2v2H7V7a3 3 0 016 0z", clipRule: "evenodd" }) })
-          ] }) : /* @__PURE__ */ jsx6("svg", { css: styles6.folderIcon, fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx6("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.hasThumbnail ? /* @__PURE__ */ jsx6(
+          ] }) : /* @__PURE__ */ jsx6("svg", { css: styles6.folderIcon, fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx6("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__ */ jsx6(
             "img",
             {
               css: styles6.image,
@@ -3363,20 +3375,6 @@ function GridItem({ item, isSelected, onClick, onOpen, onGenerateThumbnail }) {
               alt: item.name,
               loading: "lazy"
             }
-          ) : isImage && !item.hasThumbnail ? /* @__PURE__ */ jsxs6(
-            "button",
-            {
-              css: styles6.noThumbnail,
-              onClick: (e) => {
-                e.stopPropagation();
-                onGenerateThumbnail();
-              },
-              title: "Generate thumbnail",
-              children: [
-                /* @__PURE__ */ jsx6("svg", { css: styles6.noThumbnailIcon, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx6("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, 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" }) }),
-                /* @__PURE__ */ jsx6("span", { css: styles6.noThumbnailText, children: "Generate" })
-              ]
-            }
           ) : /* @__PURE__ */ jsx6("svg", { css: styles6.fileIcon, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx6("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__ */ jsx6("div", { css: styles6.label, children: /* @__PURE__ */ jsx6("div", { css: styles6.labelRow, children: /* @__PURE__ */ jsxs6("div", { css: styles6.labelText, children: [
@@ -3872,18 +3870,7 @@ function ListRow({ item, isSelected, onClick, onOpen, onGenerateThumbnail }) {
           isFolder ? isImagesFolder ? /* @__PURE__ */ jsxs7("div", { css: styles7.imagesFolderWrapper, children: [
             /* @__PURE__ */ jsx7("svg", { css: styles7.imagesFolderIcon, 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" }) }),
             /* @__PURE__ */ jsx7("svg", { css: styles7.lockIcon, fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ jsx7("path", { fillRule: "evenodd", d: "M5 9V7a5 5 0 0110 0v2a2 2 0 012 2v5a2 2 0 01-2 2H5a2 2 0 01-2-2v-5a2 2 0 012-2zm8-2v2H7V7a3 3 0 016 0z", clipRule: "evenodd" }) })
-          ] }) : /* @__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.hasThumbnail ? /* @__PURE__ */ jsx7("div", { css: styles7.thumbnailWrapper, children: /* @__PURE__ */ jsx7("img", { css: styles7.thumbnail, src: item.thumbnail, alt: item.name, loading: "lazy" }) }) : isImage && !item.hasThumbnail ? /* @__PURE__ */ jsx7("div", { css: styles7.thumbnailWrapper, children: /* @__PURE__ */ jsx7(
-            "button",
-            {
-              css: styles7.noThumbnail,
-              onClick: (e) => {
-                e.stopPropagation();
-                onGenerateThumbnail();
-              },
-              title: "Generate thumbnail",
-              children: /* @__PURE__ */ jsx7("svg", { css: styles7.noThumbnailIcon, 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" }) })
-            }
-          ) }) : /* @__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("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: [
             /* @__PURE__ */ jsxs7(
@@ -5227,6 +5214,7 @@ function StudioUI({ onClose, isVisible = true }) {
   const [scanRequested, setScanRequested] = useState10(false);
   const [searchQuery, setSearchQuery] = useState10("");
   const [error, setError] = useState10(null);
+  const [fileItems, setFileItems] = useState10([]);
   const [isDragging, setIsDragging] = useState10(false);
   const triggerRefresh = useCallback5(() => {
     setRefreshKey((k) => k + 1);
@@ -5380,7 +5368,9 @@ function StudioUI({ onClose, isVisible = true }) {
     setSearchQuery,
     error,
     showError,
-    clearError
+    clearError,
+    fileItems,
+    setFileItems
   };
   return /* @__PURE__ */ jsx11(StudioContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs11("div", { css: styles11.container, children: [
     /* @__PURE__ */ jsxs11("div", { css: styles11.header, children: [
@@ -5462,4 +5452,4 @@ export {
   StudioUI,
   StudioUI_default as default
 };
-//# sourceMappingURL=StudioUI-GKE5ZWKW.mjs.map
+//# sourceMappingURL=StudioUI-3TE62FRZ.mjs.map