@gallop.software/studio 0.1.89 → 0.1.90

package/dist/{StudioUI-JQHRTF45.js → StudioUI-HWUO2H6J.js}

@@ -50,6 +50,11 @@ var defaultState = {
   refreshKey: 0,
   triggerRefresh: () => {
   },
+  scanRequested: false,
+  triggerScan: () => {
+  },
+  clearScanRequest: () => {
+  },
   searchQuery: "",
   setSearchQuery: () => {
   },
@@ -1285,7 +1290,7 @@ var styles4 = {
   `
 };
 function StudioToolbar() {
-  const { selectedItems, viewMode, setViewMode, clearSelection, currentPath, triggerRefresh, focusedItem } = useStudio();
+  const { selectedItems, viewMode, setViewMode, clearSelection, currentPath, triggerRefresh, focusedItem, scanRequested, clearScanRequest } = useStudio();
   const fileInputRef = _react.useRef.call(void 0, null);
   const abortControllerRef = _react.useRef.call(void 0, null);
   const [uploading, setUploading] = _react.useState.call(void 0, false);
@@ -1391,6 +1396,12 @@ function StudioToolbar() {
       setScanning(false);
     }
   }, [triggerRefresh]);
+  _react.useEffect.call(void 0, () => {
+    if (scanRequested && !scanning) {
+      clearScanRequest();
+      handleScan();
+    }
+  }, [scanRequested, scanning, clearScanRequest, handleScan]);
   const handleFileChange = _react.useCallback.call(void 0, async (e) => {
     const files = e.target.files;
     if (!files || files.length === 0) return;
@@ -1974,8 +1985,8 @@ function StudioToolbar() {
     showSyncConfirm && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       ConfirmModal,
       {
-        title: "Sync to CDN",
-        message: `Sync ${syncImageCount} image${syncImageCount !== 1 ? "s" : ""} to Cloudflare R2? Images must be processed first. After syncing, local thumbnails will be deleted.`,
+        title: "Push to CDN",
+        message: `Push ${syncImageCount} image${syncImageCount !== 1 ? "s" : ""} to Cloudflare R2? Images must be processed first. After pushing, local files will be deleted.`,
         confirmLabel: "Sync",
         onConfirm: handleSyncConfirm,
         onCancel: () => setShowSyncConfirm(false)
@@ -2142,7 +2153,7 @@ function StudioToolbar() {
             disabled: !hasSelection,
             children: [
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloudIcon, {}),
-              "Sync CDN"
+              "Push CDN"
             ]
           }
         ),
@@ -2343,6 +2354,7 @@ function useFileList() {
     refreshKey,
     setFocusedItem,
     triggerRefresh,
+    triggerScan,
     searchQuery,
     showError
   } = useStudio();
@@ -2432,7 +2444,8 @@ function useFileList() {
     handleItemClick,
     handleOpen,
     handleGenerateThumbnail,
-    handleSelectAll
+    handleSelectAll,
+    triggerScan
   };
 }
 
@@ -2446,7 +2459,8 @@ var styles5 = {
     display: flex;
     align-items: center;
     justify-content: center;
-    height: 256px;
+    flex: 1;
+    min-height: 300px;
   `,
   spinner: _react3.css`
     width: 32px;
@@ -2461,7 +2475,8 @@ var styles5 = {
     flex-direction: column;
     align-items: center;
     justify-content: center;
-    height: 256px;
+    flex: 1;
+    min-height: 300px;
     color: ${_chunkUFCWGUAGjs.colors.textSecondary};
   `,
   emptyIcon: _react3.css`
@@ -2793,20 +2808,9 @@ function StudioFileGrid() {
     handleItemClick,
     handleOpen,
     handleGenerateThumbnail,
-    handleSelectAll
+    handleSelectAll,
+    triggerScan
   } = useFileList();
-  const [scanning, setScanning] = _react.useState.call(void 0, false);
-  const handleScan = async () => {
-    setScanning(true);
-    try {
-      await fetch("/api/studio/scan", { method: "POST" });
-      window.location.reload();
-    } catch (error) {
-      console.error("Scan failed:", error);
-    } finally {
-      setScanning(false);
-    }
-  };
   if (loading) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: styles5.loading, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: styles5.spinner }) });
   }
@@ -2819,9 +2823,8 @@ function StudioFileGrid() {
         "button",
         {
           css: styles5.scanButton,
-          onClick: handleScan,
-          disabled: scanning,
-          children: scanning ? "Scanning..." : "Scan for Files"
+          onClick: triggerScan,
+          children: "Scan for Files"
         }
       )
     ] });
@@ -3009,7 +3012,8 @@ var styles6 = {
     display: flex;
     align-items: center;
     justify-content: center;
-    height: 256px;
+    flex: 1;
+    min-height: 300px;
   `,
   spinner: _react3.css`
     width: 32px;
@@ -3024,7 +3028,8 @@ var styles6 = {
     flex-direction: column;
     align-items: center;
     justify-content: center;
-    height: 256px;
+    flex: 1;
+    min-height: 300px;
     color: ${_chunkUFCWGUAGjs.colors.textSecondary};
   `,
   emptyHint: _react3.css`
@@ -3349,20 +3354,9 @@ function StudioFileList() {
     handleItemClick,
     handleOpen,
     handleGenerateThumbnail,
-    handleSelectAll
+    handleSelectAll,
+    triggerScan
   } = useFileList();
-  const [scanning, setScanning] = _react.useState.call(void 0, false);
-  const handleScan = async () => {
-    setScanning(true);
-    try {
-      await fetch("/api/studio/scan", { method: "POST" });
-      window.location.reload();
-    } catch (error) {
-      console.error("Scan failed:", error);
-    } finally {
-      setScanning(false);
-    }
-  };
   if (loading) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: styles6.loading, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: styles6.spinner }) });
   }
@@ -3374,9 +3368,8 @@ function StudioFileList() {
         "button",
         {
           css: styles6.scanButton,
-          onClick: handleScan,
-          disabled: scanning,
-          children: scanning ? "Scanning..." : "Scan for Files"
+          onClick: triggerScan,
+          children: "Scan for Files"
         }
       )
     ] });
@@ -4084,7 +4077,7 @@ function StudioDetailView() {
             ] }),
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "button", { css: styles7.actionBtn, onClick: handleSync, disabled: syncing, children: [
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { css: styles7.actionIcon, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12" }) }),
-              syncing ? "Syncing..." : "Sync to CDN"
+              syncing ? "Pushing..." : "Push to CDN"
             ] }),
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "button", { css: styles7.actionBtn, onClick: () => setShowProcessConfirm(true), children: [
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { css: styles7.actionIcon, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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" }) }),
@@ -4614,6 +4607,8 @@ var styles10 = {
     min-width: 0;
     overflow: auto;
     padding: 20px 24px;
+    display: flex;
+    flex-direction: column;
   `,
   dropOverlay: _react3.css`
     position: absolute;
@@ -4653,12 +4648,19 @@ function StudioUI({ onClose, isVisible = true }) {
   const [meta, setMeta] = _react.useState.call(void 0, null);
   const [isLoading, setIsLoading] = _react.useState.call(void 0, false);
   const [refreshKey, setRefreshKey] = _react.useState.call(void 0, 0);
+  const [scanRequested, setScanRequested] = _react.useState.call(void 0, false);
   const [searchQuery, setSearchQuery] = _react.useState.call(void 0, "");
   const [error, setError] = _react.useState.call(void 0, null);
   const [isDragging, setIsDragging] = _react.useState.call(void 0, false);
   const triggerRefresh = _react.useCallback.call(void 0, () => {
     setRefreshKey((k) => k + 1);
   }, []);
+  const triggerScan = _react.useCallback.call(void 0, () => {
+    setScanRequested(true);
+  }, []);
+  const clearScanRequest = _react.useCallback.call(void 0, () => {
+    setScanRequested(false);
+  }, []);
   const showError = _react.useCallback.call(void 0, (title, message) => {
     setError({ title, message });
   }, []);
@@ -4795,6 +4797,9 @@ function StudioUI({ onClose, isVisible = true }) {
     setIsLoading,
     refreshKey,
     triggerRefresh,
+    scanRequested,
+    triggerScan,
+    clearScanRequest,
     searchQuery,
     setSearchQuery,
     error,
@@ -4881,4 +4886,4 @@ var StudioUI_default = StudioUI;
 
 
 exports.StudioUI = StudioUI; exports.default = StudioUI_default;
-//# sourceMappingURL=StudioUI-JQHRTF45.js.map
+//# sourceMappingURL=StudioUI-HWUO2H6J.js.map