@gallop.software/studio 1.3.6 → 1.4.0

package/dist/{StudioUI-DNDMPY7Q.mjs → StudioUI-XLQBCXNU.mjs}

@@ -20,6 +20,7 @@ var defaultActionState = {
   showMoveModal: false,
   showSyncConfirm: false,
   showProcessConfirm: false,
+  showUnprocessConfirm: false,
   actionPaths: [],
   syncImageCount: 0,
   syncHasRemote: false,
@@ -90,6 +91,8 @@ var defaultState = {
   },
   requestProcess: () => {
   },
+  requestUnprocess: () => {
+  },
   confirmDelete: async () => {
   },
   confirmMove: async () => {
@@ -98,6 +101,8 @@ var defaultState = {
   },
   confirmProcess: async () => {
   },
+  confirmUnprocess: async () => {
+  },
   cancelAction: () => {
   },
   closeProgress: () => {
@@ -4493,6 +4498,7 @@ function StudioDetailView() {
     requestMove,
     requestSync,
     requestProcess,
+    requestUnprocess,
     actionState
   } = useStudio();
   const [showRenameModal, setShowRenameModal] = useState8(false);
@@ -4692,6 +4698,19 @@ function StudioDetailView() {
                 ]
               }
             ),
+            /* @__PURE__ */ jsxs8(
+              "button",
+              {
+                css: styles8.actionBtn,
+                onClick: () => requestUnprocess([focusedItem.path]),
+                disabled: isActionInProgress || focusedItem.isProtected || !focusedItem.hasThumbnail,
+                title: !focusedItem.hasThumbnail ? "No thumbnails to remove" : void 0,
+                children: [
+                  /* @__PURE__ */ jsx8("svg", { css: styles8.actionIcon, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx8("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" }) }),
+                  "Remove Thumbnails"
+                ]
+              }
+            ),
             /* @__PURE__ */ jsxs8(
               "button",
               {
@@ -5291,6 +5310,7 @@ var defaultActionState2 = {
   showMoveModal: false,
   showSyncConfirm: false,
   showProcessConfirm: false,
+  showUnprocessConfirm: false,
   actionPaths: [],
   syncImageCount: 0,
   syncHasRemote: false,
@@ -5354,13 +5374,21 @@ function useStudioActions({
       showProcessConfirm: true
     }));
   }, []);
+  const requestUnprocess = useCallback5((paths) => {
+    setActionState((prev) => ({
+      ...prev,
+      actionPaths: paths,
+      showUnprocessConfirm: true
+    }));
+  }, []);
   const cancelAction = useCallback5(() => {
     setActionState((prev) => ({
       ...prev,
       showDeleteConfirm: false,
       showMoveModal: false,
       showSyncConfirm: false,
-      showProcessConfirm: false
+      showProcessConfirm: false,
+      showUnprocessConfirm: false
     }));
   }, []);
   const closeProgress = useCallback5(() => {
@@ -5651,6 +5679,108 @@ function useStudioActions({
       abortControllerRef.current = null;
     }
   }, [actionState.actionPaths, triggerRefresh, setProgressState]);
+  const confirmUnprocess = useCallback5(async () => {
+    const paths = actionState.actionPaths;
+    const imageKeys = paths.map((p) => {
+      const key = p.replace(/^public\//, "");
+      return key.startsWith("/") ? key : `/${key}`;
+    });
+    setActionState((prev) => ({
+      ...prev,
+      showUnprocessConfirm: false,
+      showProgress: true,
+      progressTitle: "Removing Thumbnails",
+      progressState: {
+        current: 0,
+        total: imageKeys.length,
+        percent: 0,
+        status: "processing",
+        message: "Removing thumbnails..."
+      }
+    }));
+    try {
+      const response = await fetch("/api/studio/unprocess-stream", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ imageKeys })
+      });
+      if (!response.ok) {
+        const error = await response.json();
+        setProgressState({
+          current: 0,
+          total: imageKeys.length,
+          percent: 0,
+          status: "error",
+          message: error.error || "Failed to remove thumbnails"
+        });
+        return;
+      }
+      const reader = response.body?.getReader();
+      const decoder = new TextDecoder();
+      if (reader) {
+        let buffer = "";
+        while (true) {
+          const { done, value } = await reader.read();
+          if (done) break;
+          buffer += decoder.decode(value, { stream: true });
+          const lines = buffer.split("\n");
+          buffer = lines.pop() || "";
+          for (const line of lines) {
+            if (line.startsWith("data: ")) {
+              try {
+                const data = JSON.parse(line.slice(6));
+                if (data.type === "start") {
+                  setProgressState((prev) => ({
+                    ...prev,
+                    total: data.total
+                  }));
+                } else if (data.type === "progress") {
+                  setProgressState({
+                    current: data.current,
+                    total: data.total,
+                    percent: data.percent,
+                    status: "processing",
+                    message: data.message
+                  });
+                } else if (data.type === "cleanup") {
+                  setProgressState((prev) => ({
+                    ...prev,
+                    status: "cleanup",
+                    message: data.message
+                  }));
+                } else if (data.type === "complete") {
+                  setProgressState({
+                    current: data.processed,
+                    total: data.processed,
+                    percent: 100,
+                    status: data.errors > 0 ? "error" : "complete",
+                    message: data.message
+                  });
+                  triggerRefresh();
+                } else if (data.type === "error") {
+                  setProgressState((prev) => ({
+                    ...prev,
+                    status: "error",
+                    message: data.message
+                  }));
+                }
+              } catch {
+              }
+            }
+          }
+        }
+      }
+    } catch (error) {
+      console.error("Unprocess error:", error);
+      setProgressState({
+        current: 0,
+        total: imageKeys.length,
+        percent: 0,
+        status: "error",
+        message: "Failed to remove thumbnails. Check console for details."
+      });
+    }
+  }, [actionState.actionPaths, triggerRefresh, setProgressState]);
   const deleteOrphans = useCallback5(async () => {
     const orphanedFiles = actionState.progressState.orphanedFiles;
     if (!orphanedFiles || orphanedFiles.length === 0) return;
@@ -5684,6 +5814,7 @@ function useStudioActions({
     requestMove,
     requestSync,
     requestProcess,
+    requestUnprocess,
     cancelAction,
     closeProgress,
     stopProcessing,
@@ -5691,6 +5822,7 @@ function useStudioActions({
     confirmMove,
     confirmSync,
     confirmProcess,
+    confirmUnprocess,
     deleteOrphans
   };
 }
@@ -6021,10 +6153,12 @@ function StudioUI({ onClose, isVisible = true }) {
     requestMove: actions.requestMove,
     requestSync: actions.requestSync,
     requestProcess: actions.requestProcess,
+    requestUnprocess: actions.requestUnprocess,
     confirmDelete: actions.confirmDelete,
     confirmMove: actions.confirmMove,
     confirmSync: actions.confirmSync,
     confirmProcess: actions.confirmProcess,
+    confirmUnprocess: actions.confirmUnprocess,
     cancelAction: actions.cancelAction,
     closeProgress: actions.closeProgress,
     stopProcessing: actions.stopProcessing,
@@ -6098,6 +6232,17 @@ function StudioUI({ onClose, isVisible = true }) {
         onCancel: actions.cancelAction
       }
     ),
+    actions.actionState.showUnprocessConfirm && /* @__PURE__ */ jsx11(
+      ConfirmModal,
+      {
+        title: "Remove Thumbnails",
+        message: `Remove generated thumbnails for ${actions.actionState.actionPaths.length} image${actions.actionState.actionPaths.length !== 1 ? "s" : ""}? Original images will be kept.`,
+        confirmLabel: "Remove",
+        variant: "danger",
+        onConfirm: actions.confirmUnprocess,
+        onCancel: actions.cancelAction
+      }
+    ),
     actions.actionState.showMoveModal && /* @__PURE__ */ jsx11(
       StudioFolderPicker,
       {
@@ -6161,4 +6306,4 @@ export {
   StudioUI,
   StudioUI_default as default
 };
-//# sourceMappingURL=StudioUI-DNDMPY7Q.mjs.map
+//# sourceMappingURL=StudioUI-XLQBCXNU.mjs.map