@gallop.software/studio 0.1.89 → 0.1.91

package/dist/{StudioUI-JQHRTF45.js → StudioUI-4376LEHU.js}

@@ -50,6 +50,11 @@ var defaultState = {
   refreshKey: 0,
   triggerRefresh: () => {
   },
+  scanRequested: false,
+  triggerScan: () => {
+  },
+  clearScanRequest: () => {
+  },
   searchQuery: "",
   setSearchQuery: () => {
   },
@@ -352,9 +357,19 @@ function ProgressModal({
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { css: styles.message, children: [
         "Processed ",
         progress.processed,
-        " image",
+        " new image",
         progress.processed !== 1 ? "s" : "",
         ".",
+        progress.alreadyProcessed !== void 0 && progress.alreadyProcessed > 0 ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+          " ",
+          progress.alreadyProcessed,
+          " already processed."
+        ] }) : null,
+        progress.pushedToCloud !== void 0 && progress.pushedToCloud > 0 ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+          " ",
+          progress.pushedToCloud,
+          " pushed to CDN."
+        ] }) : null,
         progress.orphansRemoved !== void 0 && progress.orphansRemoved > 0 ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
           " Removed ",
           progress.orphansRemoved,
@@ -1285,7 +1300,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);
@@ -1310,7 +1325,7 @@ function StudioToolbar() {
   const [showRenameFolderModal, setShowRenameFolderModal] = _react.useState.call(void 0, false);
   const [showMoveModal, setShowMoveModal] = _react.useState.call(void 0, false);
   const [showR2SetupModal, setShowR2SetupModal] = _react.useState.call(void 0, false);
-  const [syncing, setSyncing] = _react.useState.call(void 0, false);
+  const [pushing, setPushing] = _react.useState.call(void 0, false);
   const isInImagesFolder = currentPath === "public/images" || currentPath.startsWith("public/images/");
   const handleUpload = _react.useCallback.call(void 0, () => {
     _optionalChain([fileInputRef, 'access', _2 => _2.current, 'optionalAccess', _3 => _3.click, 'call', _4 => _4()]);
@@ -1391,6 +1406,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;
@@ -1609,6 +1630,8 @@ function StudioToolbar() {
                     percent: 100,
                     status: "complete",
                     processed: data.processed,
+                    alreadyProcessed: data.alreadyProcessed,
+                    pushedToCloud: data.pushedToCloud,
                     orphansRemoved: data.orphansRemoved,
                     errors: data.errors
                   });
@@ -1797,10 +1820,10 @@ function StudioToolbar() {
       total: imageKeys.length,
       percent: 0,
       status: "processing",
-      message: "Syncing to CDN..."
+      message: "Pushing to CDN..."
     });
     setShowProgress(true);
-    let synced = 0;
+    let pushed = 0;
     let errors = 0;
     const errorMessages = [];
     try {
@@ -1828,8 +1851,8 @@ function StudioToolbar() {
             }
             errors++;
             errorMessages.push(data.error || `Failed: ${imageKey}`);
-          } else if (_optionalChain([data, 'access', _40 => _40.synced, 'optionalAccess', _41 => _41.length]) > 0) {
-            synced++;
+          } else if (_optionalChain([data, 'access', _40 => _40.pushed, 'optionalAccess', _41 => _41.length]) > 0) {
+            pushed++;
           } else if (_optionalChain([data, 'access', _42 => _42.errors, 'optionalAccess', _43 => _43.length]) > 0) {
             errors++;
             for (const errMsg of data.errors) {
@@ -1846,20 +1869,20 @@ function StudioToolbar() {
         total: imageKeys.length,
         percent: 100,
         status: "complete",
-        processed: synced,
+        processed: pushed,
         errors,
         errorMessages: errorMessages.length > 0 ? errorMessages : void 0
       });
       clearSelection();
       triggerRefresh();
     } catch (error) {
-      console.error("Sync error:", error);
+      console.error("Push error:", error);
       setProgressState({
         current: 0,
         total: 0,
         percent: 0,
         status: "error",
-        message: "Failed to sync to CDN."
+        message: "Failed to push to CDN."
       });
     }
   }, [selectedItems, clearSelection, triggerRefresh]);
@@ -1974,8 +1997,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 +2165,7 @@ function StudioToolbar() {
             disabled: !hasSelection,
             children: [
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloudIcon, {}),
-              "Sync CDN"
+              "Push CDN"
             ]
           }
         ),
@@ -2315,7 +2338,7 @@ var StudioApiClient = class {
     return this.post("/api/studio/move", { paths, destination });
   }
   // Image handlers
-  async sync(imageKeys) {
+  async push(imageKeys) {
     return this.post("/api/studio/sync", { imageKeys });
   }
   async reprocess(imageKeys) {
@@ -2343,6 +2366,7 @@ function useFileList() {
     refreshKey,
     setFocusedItem,
     triggerRefresh,
+    triggerScan,
     searchQuery,
     showError
   } = useStudio();
@@ -2432,7 +2456,8 @@ function useFileList() {
     handleItemClick,
     handleOpen,
     handleGenerateThumbnail,
-    handleSelectAll
+    handleSelectAll,
+    triggerScan
   };
 }
 
@@ -2446,7 +2471,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 +2487,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 +2820,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 +2835,8 @@ function StudioFileGrid() {
         "button",
         {
           css: styles5.scanButton,
-          onClick: handleScan,
-          disabled: scanning,
-          children: scanning ? "Scanning..." : "Scan for Files"
+          onClick: triggerScan,
+          children: "Scan for Files"
         }
       )
     ] });
@@ -2914,7 +2929,7 @@ function GridItem({ item, isSelected, onClick, onOpen, onGenerateThumbnail }) {
             )
           }
         ),
-        item.cdnSynced && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { css: styles5.cdnBadge, children: "CDN" }),
+        item.cdnPushed && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { css: styles5.cdnBadge, children: "CDN" }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { css: styles5.content, children: [
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
             "button",
@@ -3009,7 +3024,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 +3040,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 +3366,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 +3380,8 @@ function StudioFileList() {
         "button",
         {
           css: styles6.scanButton,
-          onClick: handleScan,
-          disabled: scanning,
-          children: scanning ? "Scanning..." : "Scan for Files"
+          onClick: triggerScan,
+          children: "Scan for Files"
         }
       )
     ] });
@@ -3510,7 +3515,7 @@ function ListRow({ item, isSelected, onClick, onOpen, onGenerateThumbnail }) {
         ] }) }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { css: [styles6.td, styles6.meta], children: isFolder ? item.fileCount !== void 0 ? `${item.fileCount} files` : "--" : item.size !== void 0 ? formatFileSize2(item.size) : "--" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { css: [styles6.td, styles6.meta], children: isFolder ? item.totalSize !== void 0 ? formatFileSize2(item.totalSize) : "--" : item.dimensions ? `${item.dimensions.width}x${item.dimensions.height}` : "--" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { css: styles6.td, children: item.cdnSynced ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { css: styles6.cdnBadge, children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { css: styles6.td, children: item.cdnPushed ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { css: styles6.cdnBadge, children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { css: styles6.cdnIcon, fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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" }) }),
           "Synced"
         ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { css: styles6.cdnEmpty, children: "--" }) })
@@ -3806,7 +3811,7 @@ function StudioDetailView() {
   const [processProgress, setProcessProgress] = _react.useState.call(void 0, null);
   const [alertMessage, setAlertMessage] = _react.useState.call(void 0, null);
   const [showCopied, setShowCopied] = _react.useState.call(void 0, false);
-  const [syncing, setSyncing] = _react.useState.call(void 0, false);
+  const [pushing, setPushing] = _react.useState.call(void 0, false);
   if (!focusedItem) return null;
   const isImage = isImageFile(focusedItem.name);
   const isVideo = isVideoFile(focusedItem.name);
@@ -3880,7 +3885,7 @@ function StudioDetailView() {
   };
   const handleSync = async () => {
     const imageKey = "/" + focusedItem.path.replace(/^public\//, "");
-    setSyncing(true);
+    setPushing(true);
     try {
       const response = await fetch("/api/studio/sync", {
         method: "POST",
@@ -3890,8 +3895,8 @@ function StudioDetailView() {
       const data = await response.json();
       if (response.ok) {
         setAlertMessage({
-          title: "Sync Complete",
-          message: "Successfully synced to CDN."
+          title: "Push Complete",
+          message: "Successfully pushed to CDN."
         });
         triggerRefresh();
       } else {
@@ -3911,7 +3916,7 @@ function StudioDetailView() {
         message: "Failed to sync to CDN. Check console for details."
       });
     } finally {
-      setSyncing(false);
+      setPushing(false);
     }
   };
   const handleProcessImage = async () => {
@@ -4074,7 +4079,7 @@ function StudioDetailView() {
             ] }),
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { css: styles7.infoRow, children: [
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { css: styles7.infoLabel, children: "CDN Status" }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { css: styles7.infoValue, children: focusedItem.cdnSynced ? "Synced" : "Not synced" })
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { css: styles7.infoValue, children: focusedItem.cdnPushed ? "Pushed" : "Not pushed" })
             ] })
           ] }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { css: styles7.actions, children: [
@@ -4082,9 +4087,9 @@ function StudioDetailView() {
               /* @__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: "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" }) }),
               "Rename"
             ] }),
-            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "button", { css: styles7.actionBtn, onClick: handleSync, disabled: syncing, children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "button", { css: styles7.actionBtn, onClick: handleSync, disabled: pushing, 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 +4619,8 @@ var styles10 = {
     min-width: 0;
     overflow: auto;
     padding: 20px 24px;
+    display: flex;
+    flex-direction: column;
   `,
   dropOverlay: _react3.css`
     position: absolute;
@@ -4653,12 +4660,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 +4809,9 @@ function StudioUI({ onClose, isVisible = true }) {
     setIsLoading,
     refreshKey,
     triggerRefresh,
+    scanRequested,
+    triggerScan,
+    clearScanRequest,
     searchQuery,
     setSearchQuery,
     error,
@@ -4881,4 +4898,4 @@ var StudioUI_default = StudioUI;
 
 
 exports.StudioUI = StudioUI; exports.default = StudioUI_default;
-//# sourceMappingURL=StudioUI-JQHRTF45.js.map
+//# sourceMappingURL=StudioUI-4376LEHU.js.map