feat: add output filename suffixes, CPU fallback for GPU packages, and fix e2e tests

- Add tool-specific suffix to output filenames so downloads don't overwrite originals (batch & single-tool routes)
- Skip deleting shared models when uninstalling a bundle that shares models with another installed bundle
- Auto-detect NVIDIA GPU and swap GPU-only pip packages (onnxruntime-gpu, paddlepaddle-gpu) for CPU equivalents
- Refactor docker-compose with YAML anchors and explicit cpu/gpu profiles
- Add libheif-plugin-x265 to Dockerfile
- Fix install-all queue logic to handle concurrent individual installs and clear stale errors
- Unify playwright docker config to use same test dir with API_URL env var
- Fix flaky e2e selectors, rename Strip Metadata → Remove Metadata, handle collage custom dropzone, improve fallback test image generation

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

apps/web/src/components/settings/ai-features-section.tsx

@@ -106,7 +106,7 @@ export function AiFeaturesSection() {
           type="button"
           onClick={installAll}
           disabled={
-            anyInstalling || installAllActive || bundles.every((b) => b.status === "installed")
+            installAllActive || bundles.every((b) => b.status === "installed")
           }
           className="flex items-center gap-2 px-4 py-2 rounded-lg bg-primary text-primary-foreground text-sm font-medium hover:bg-primary/90 transition-colors disabled:opacity-50"
         >

apps/web/src/stores/features-store.ts

@@ -228,14 +228,43 @@ export const useFeaturesStore = create<FeaturesState>((set, get) => {
 
     installAll: async () => {
       set({ installAllActive: true });
-      const notInstalled = get().bundles.filter((b) => b.status === "not_installed");
-      set({ queued: notInstalled.map((b) => b.id) });
 
-      for (const bundle of notInstalled) {
-        set({ queued: get().queued.filter((id) => id !== bundle.id) });
+      // Immediately mark every not-yet-installed bundle as queued so the UI
+      // updates right away.  Exclude bundles that are already installing.
+      const activeIds = new Set(Object.keys(get().installing));
+      const pending = get().bundles.filter(
+        (b) => b.status !== "installed" && !activeIds.has(b.id),
+      );
+      // Clear stale errors for these bundles
+      const errors = { ...get().errors };
+      for (const b of pending) delete errors[b.id];
+      set({ queued: pending.map((b) => b.id), errors });
+
+      // If an install is already in progress (user clicked an individual
+      // install before Install All), wait for it to finish first.
+      if (activeIds.size > 0) {
+        const activeId = [...activeIds][0];
         await new Promise<void>((resolve) => {
-          completionRefs[bundle.id] = resolve;
-          get().installBundle(bundle.id);
+          completionRefs[activeId] = resolve;
+        });
+        await refreshBundles();
+      }
+
+      // Process the queue: re-read which bundles still need installing
+      // (the one that was active may have just finished).
+      while (true) {
+        const q = get().queued;
+        if (q.length === 0) break;
+        const nextId = q[0];
+        set({ queued: q.slice(1) });
+
+        // Skip if it got installed in the meantime
+        const current = get().bundles.find((b) => b.id === nextId);
+        if (current?.status === "installed") continue;
+
+        await new Promise<void>((resolve) => {
+          completionRefs[nextId] = resolve;
+          get().installBundle(nextId);
         });
       }