Feat/canvas

.github/workflows/frontend-tests.yml

@@ -79,6 +79,7 @@ jobs:
         with:
           files_yaml: |
             webv2:
+              - '.github/workflows/frontend-tests.yml'
               - 'invokeai/frontend/webv2/**'
 
       - name: install dependencies
@@ -91,3 +92,13 @@ jobs:
         if: ${{ steps.changed-files.outputs.webv2_any_changed == 'true' || inputs.always_run == true }}
         run: 'pnpm test'
         shell: bash
+
+      - name: install Chromium
+        if: ${{ steps.changed-files.outputs.webv2_any_changed == 'true' || inputs.always_run == true }}
+        run: 'pnpm exec playwright install chromium'
+        shell: bash
+
+      - name: vitest browser
+        if: ${{ steps.changed-files.outputs.webv2_any_changed == 'true' || inputs.always_run == true }}
+        run: 'pnpm test:browser'
+        shell: bash

docs/superpowers/specs/2026-07-15-canvas-context-menu-groups-design.md

@@ -0,0 +1,27 @@
+# Canvas Context Menu Groups Design
+
+## Goal
+
+Restore the legacy canvas context-menu organization with labeled layer and canvas groups while keeping Delete as the final action.
+
+## Design
+
+- Canvas-surface context menus use Chakra `Menu.ItemGroup` and `Menu.ItemGroupLabel` primitives with the established uppercase, subtle label styling.
+- A context menu opened over a layer labels the layer-scoped actions with the singular layer type: Raster Layer, Control Layer, Inpaint Mask, or Regional Guidance.
+- Canvas-wide actions are labeled Canvas. Save to Gallery remains in this canvas group and appears before the terminal Delete action.
+- Delete remains a separated standalone danger action at the bottom so no non-destructive action appears beneath it.
+- A context menu opened over empty canvas space shows only the Canvas group.
+- Layer-panel kebab and row context menus remain unchanged because the legacy panel menus were ungrouped.
+
+## Boundaries
+
+- Reuse existing translations for Canvas and singular layer types.
+- Preserve all existing handlers, disabled states, submenu behavior, and menu positioning.
+- Add no state, effects, dependencies, or action-registry coupling.
+
+## Verification
+
+- Add regression coverage for the surface-menu group model and render order.
+- Verify each layer type resolves to the matching legacy label.
+- Verify the optional Canvas group precedes the terminal danger section and panel menus remain ungrouped when labels are omitted.
+- Run the focused context-menu tests, frontend typecheck, formatting check, and full frontend test suite.

invokeai/backend/image_util/segment_anything/segment_anything_2_pipeline.py

@@ -2,8 +2,6 @@
 
 import torch
 from PIL import Image
-
-# Import SAM2 components - these should be available in transformers 4.56.0+
 from transformers.models.sam2 import Sam2Model
 from transformers.models.sam2.processing_sam2 import Sam2Processor
 
@@ -101,7 +99,6 @@ def segment(
         masks = self._sam2_processor.post_process_masks(
             masks=outputs.pred_masks,
             original_sizes=processed_inputs.original_sizes,
-            reshaped_input_sizes=processed_inputs.reshaped_input_sizes,
         )
 
         # There should be only one batch.

invokeai/frontend/web/src/features/controlLayers/components/StagingArea/__mocks__/mockStagingAreaApp.ts

@@ -165,6 +165,7 @@ export const createMockQueueItemStatusChangedEvent = (
       status: 'completed',
       error_type: null,
       error_message: null,
+      error_traceback: null,
     } as S['QueueItemStatusChangedEvent'],
     overrides
   );

invokeai/frontend/webv2/package.json

@@ -17,7 +17,9 @@
     "lint:oxc:fix": "oxlint --react-plugin --import-plugin --fix .",
     "lint:tsc": "tsc --noEmit",
     "preview": "vite preview",
-    "test": "vitest run"
+    "test": "vitest run --config vitest.config.mts",
+    "test:all": "pnpm run test && pnpm run test:browser",
+    "test:browser": "vitest run --config vitest.browser.config.mts"
   },
   "dependencies": {
     "@chakra-ui/react": "^3.36.0",
@@ -30,9 +32,11 @@
     "@tanstack/react-router": "^1.170.16",
     "@tanstack/react-virtual": "^3.14.3",
     "@xyflow/react": "^12.11.1",
+    "ag-psd": "^31.0.1",
     "i18next": "^25.7.3",
     "i18next-http-backend": "^3.0.2",
     "lucide-react": "^1.21.0",
+    "perfect-freehand": "^1.2.3",
     "react": "^19.2.7",
     "react-dom": "^19.2.7",
     "react-hook-tanstack-virtual": "^0.0.4",
@@ -50,9 +54,11 @@
     "@types/react-dom": "^19.2.3",
     "@types/use-sync-external-store": "^1.5.0",
     "@vitejs/plugin-react": "^6.0.3",
+    "@vitest/browser-playwright": "4.1.9",
     "babel-plugin-react-compiler": "^1.0.0",
     "oxfmt": "^0.56.0",
     "oxlint": "^1.71.0",
+    "playwright": "1.61.1",
     "typescript": "^6.0.3",
     "vite": "^8.1.0",
     "vitest": "^4.1.9"