test: assert referencing node count in model name display test

The errors tab requires both the setting enabled AND errors present.
Without loading a workflow with errors first, the test passes trivially.

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

.claude/skills/backport-management/SKILL.md

@@ -11,11 +11,10 @@ Cherry-pick backport management for Comfy-Org/ComfyUI_frontend stable release br
 
 1. **Discover** — Collect candidates from Slack bot + git log gap (`reference/discovery.md`)
 2. **Analyze** — Categorize MUST/SHOULD/SKIP, check deps (`reference/analysis.md`)
-3. **Human Review** — Present candidates in batches for interactive approval (see Interactive Approval Flow)
-4. **Plan** — Order by dependency (leaf fixes first), group into waves per branch
-5. **Execute** — Label-driven automation → worktree fallback for conflicts (`reference/execution.md`)
-6. **Verify** — After each wave, verify branch integrity before proceeding
-7. **Log & Report** — Generate session report (`reference/logging.md`)
+3. **Plan** — Order by dependency (leaf fixes first), group into waves per branch
+4. **Execute** — Label-driven automation → worktree fallback for conflicts (`reference/execution.md`)
+5. **Verify** — After each wave, verify branch integrity before proceeding
+6. **Log & Report** — Generate session report with mermaid diagram (`reference/logging.md`)
 
 ## System Context
 
@@ -38,29 +37,16 @@ Cherry-pick backport management for Comfy-Org/ComfyUI_frontend stable release br
 
 **Critical: Match PRs to the correct target branches.**
 
-| Branch prefix | Scope                          | Example                                           |
-| ------------- | ------------------------------ | ------------------------------------------------- |
-| `cloud/*`     | Cloud-hosted ComfyUI only      | Team workspaces, cloud queue, cloud-only login    |
-| `core/*`      | Local/self-hosted ComfyUI only | Core editor, local workflows, node system         |
-| Both          | Shared infrastructure          | App mode, Firebase auth (API nodes), payment URLs |
+| Branch prefix | Scope                          | Example                                   |
+| ------------- | ------------------------------ | ----------------------------------------- |
+| `cloud/*`     | Cloud-hosted ComfyUI only      | App mode, cloud auth, cloud-specific UI   |
+| `core/*`      | Local/self-hosted ComfyUI only | Core editor, local workflows, node system |
 
-### What Goes Where
+**⚠️ NEVER backport cloud-only PRs to `core/*` branches.** Cloud-only changes (app mode, cloud auth, cloud billing UI, cloud-specific API calls) are irrelevant to local users and waste effort. Before backporting any PR to a `core/*` branch, check:
 
-**Both core + cloud:**
-
-- **App mode** PRs — app mode is NOT cloud-only
-- **Firebase auth** PRs — Firebase auth is on core for API nodes
-- **Payment redirect** PRs — payment infrastructure shared
-- **Bug fixes** touching shared components
-
-**Cloud-only (skip for core):**
-
-- Team workspaces
-- Cloud queue virtualization
-- Hide API key login
-- Cloud-specific UI behind cloud feature flags
-
-**⚠️ NEVER backport cloud-only PRs to `core/*` branches.** But do NOT assume "app mode" or "Firebase" = cloud-only. Check the actual files changed.
+- Does the PR title/description mention "app mode", "cloud", or cloud-specific features?
+- Does the PR only touch files like `appModeStore.ts`, cloud auth, or cloud-specific components?
+- If yes → skip for `core/*` branches (may still apply to `cloud/*` branches)
 
 ## ⚠️ Gotchas (Learn from Past Sessions)
 
@@ -81,32 +67,6 @@ The `pr-backport.yaml` action reports more conflicts than reality. `git cherry-p
 
 12 or 27 conflicting files can be trivial (snapshots, new files). **Categorize conflicts first**, then decide. See Conflict Triage below.
 
-### Accept-Theirs Can Produce Broken Hybrids
-
-When a PR **rewrites a component** (e.g., PrimeVue → Reka UI), the accept-theirs regex produces a broken mix of old and new code. The template may reference new APIs while the script still has old imports, or vice versa.
-
-**Detection:** Content conflicts with 4+ conflict markers in a single `.vue` file, especially when imports change between component libraries.
-
-**Fix:** Instead of accept-theirs regex, use `git show MERGE_SHA:path/to/file > path/to/file` to get the complete correct version from the merge commit on main. This bypasses the conflict entirely.
-
-### Cherry-Picks Can Reference Missing Dependencies
-
-When PR A on main depends on code introduced by PR B (which was merged before A), cherry-picking A brings in code that references B's additions. The cherry-pick succeeds but the branch is broken.
-
-**Common pattern:** Composables, component files, or type definitions introduced by an earlier PR and used by the cherry-picked PR.
-
-**Detection:** `pnpm typecheck` fails with "Cannot find module" or "is not defined" errors after cherry-pick.
-
-**Fix:** Use `git show MERGE_SHA:path/to/missing/file > path/to/missing/file` to bring the missing files from main. Always verify with typecheck.
-
-### Use `--no-verify` for Worktree Pushes
-
-Husky hooks fail in worktrees (can't find lint-staged config). Always use `git push --no-verify` and `git commit --no-verify` when working in `/tmp/` worktrees.
-
-### Automation Success Varies Wildly by Branch
-
-In the 2026-04-06 session: core/1.42 got 18/26 auto-PRs, cloud/1.42 got only 1/25. The cloud branch has more divergence. **Always plan for manual fallback** — don't assume automation will handle most PRs.
-
 ## Conflict Triage
 
 **Always categorize before deciding to skip. High conflict count ≠ hard conflicts.**
@@ -117,8 +77,6 @@ In the 2026-04-06 session: core/1.42 got 18/26 auto-PRs, cloud/1.42 got only 1/2
 | **Modify/delete (new file)** | PR introduces files not on target    | `git add $FILE` — keep the new file                             |
 | **Modify/delete (removed)**  | Target removed files the PR modifies | `git rm $FILE` — file no longer relevant                        |
 | **Content conflicts**        | Marker-based (`<<<<<<<`)             | Accept theirs via python regex (see below)                      |
-| **Component rewrites**       | 4+ markers in `.vue`, library change | Use `git show SHA:path > path` — do NOT accept-theirs           |
-| **Import-only conflicts**    | Only import lines differ             | Keep both imports if both used; remove unused after             |
 | **Add/add**                  | Both sides added same file           | Accept theirs, verify no logic conflict                         |
 | **Locale/JSON files**        | i18n key additions                   | Accept theirs, validate JSON after                              |
 
@@ -145,7 +103,7 @@ Skip these without discussion:
 - **Test-only / lint rule changes** — Not user-facing
 - **Revert pairs** — If PR A reverted by PR B, skip both. If fixed version (PR C) exists, backport only C.
 - **Features not on target branch** — e.g., Painter, GLSLShader, appModeStore on core/1.40
-- **Cloud-only PRs on core/\* branches** — Team workspaces, cloud queue, cloud-only login. (Note: app mode and Firebase auth are NOT cloud-only — see Branch Scope Rules)
+- **Cloud-only PRs on core/\* branches** — App mode, cloud auth, cloud billing. These only affect cloud-hosted ComfyUI.
 
 ## Wave Verification
 
@@ -164,18 +122,6 @@ git worktree remove /tmp/verify-TARGET --force
 
 If typecheck or tests fail, stop and investigate before continuing. A broken branch after wave N means all subsequent waves will compound the problem.
 
-### Fix PRs Are Normal
-
-Expect to create 1 fix PR per branch after verification. Common issues:
-
-1. **Component rewrite hybrids** — accept-theirs produced broken `.vue` files. Fix: overwrite with correct version from merge commit via `git show SHA:path > path`
-2. **Missing dependency files** — cherry-pick brought in code referencing composables/components not on the branch. Fix: add missing files from merge commit
-3. **Missing type properties** — cherry-picked code uses interface properties not yet on the branch (e.g., `key` on `ConfirmDialogOptions`). Fix: add the property to the interface
-4. **Unused imports** — conflict resolution kept imports that the branch doesn't use. Fix: remove unused imports
-5. **Wrong types from conflict resolution** — e.g., `{ top: number; right: number }` vs `{ top: number; left: number }`. Fix: match the return type of the actual function
-
-Create a fix PR on a branch from the target, verify typecheck passes, then merge with `--squash --admin`.
-
 ### Never Admin-Merge Without CI
 
 In a previous bulk session, all 69 backport PRs were merged with `gh pr merge --squash --admin`, bypassing required CI checks. This shipped 3 test failures to a release branch. **Lesson: `--admin` skips all branch protection, including required status checks.** Only use `--admin` after confirming CI has passed (e.g., `gh pr checks $PR` shows all green), or rely on auto-merge (`--auto --squash`) which waits for CI by design.
@@ -189,43 +135,6 @@ Large backport sessions (50+ PRs) are expensive and error-prone. Prefer continuo
 - Reserve session-style bulk backporting for catching up after gaps
 - When a release branch is created, immediately start the continuous process
 
-## Interactive Approval Flow
-
-After analysis, present ALL candidates (MUST, SHOULD, and borderline) to the human for interactive review before execution. Do not write a static decisions.md — collect approvals in conversation.
-
-### Batch Presentation
-
-Present PRs in batches of 5-10, grouped by theme (visual bugs, interaction bugs, cloud/auth, data correctness, etc.). Use this table format:
-
-```
- #  | PR     | Title                                    | Target        | Rec  | Context
-----+--------+------------------------------------------+---------------+------+--------
- 1  | #12345 | fix: broken thing                        | core+cloud/42 | Y    | Description here. Why it matters. Agent reasoning.
- 2  | #12346 | fix: another issue                       | core/42       | N    | Only affects removed feature. Not on target branch.
-```
-
-Each row includes:
-
-- PR number and title
-- Target branches
-- Agent recommendation: `Rec: Y` or `Rec: N` with brief reasoning
-- 2-3 sentence context: what the PR does, why it matters (or doesn't)
-
-### Human Response Format
-
-- `Y` — approve for backport
-- `N` — skip
-- `?` — investigate (agent shows PR description, files changed, detailed take, then re-asks)
-- Any freeform question or comment triggers discussion before moving on
-- Bulk responses accepted (e.g. `1 Y, 2 Y, 3 N, 4 ?`)
-
-### Rules
-
-- ALL candidates are reviewed, not just MUST items
-- When human responds `?`, show the PR description, files changed, and agent's detailed analysis, then re-ask for their decision
-- When human asks a question about a PR, answer with context and recommendation, then wait for their decision
-- Do not proceed to execution until all batches are reviewed and every candidate has a Y or N
-
 ## Quick Reference
 
 ### Label-Driven Automation (default path)
@@ -241,96 +150,13 @@ gh api repos/Comfy-Org/ComfyUI_frontend/issues/$PR/labels \
 ```bash
 git worktree add /tmp/backport-$BRANCH origin/$BRANCH
 cd /tmp/backport-$BRANCH
-
-# For each PR:
-git fetch origin $BRANCH
 git checkout -b backport-$PR-to-$BRANCH origin/$BRANCH
 git cherry-pick -m 1 $MERGE_SHA
-# Resolve conflicts (see Conflict Triage)
-git push origin backport-$PR-to-$BRANCH --no-verify
-gh pr create --base $BRANCH --head backport-$PR-to-$BRANCH \
-  --title "[backport $BRANCH] $TITLE (#$PR)" \
-  --body "Backport of #$PR. [conflict notes]"
-gh pr merge $NEW_PR --squash --admin
-sleep 25
+# Resolve conflicts, push, create PR, merge
 ```
 
-### Efficient Batch: Test-Then-Resolve Pattern
-
-When many PRs need manual cherry-pick (e.g., cloud branches), test all first:
-
-```bash
-cd /tmp/backport-$BRANCH
-for pr in "${ORDER[@]}"; do
-  git checkout -b test-$pr origin/$BRANCH
-  if git cherry-pick -m 1 $SHA 2>/dev/null; then
-    echo "CLEAN: $pr"
-  else
-    echo "CONFLICT: $pr"
-    git cherry-pick --abort
-  fi
-  git checkout --detach HEAD
-  git branch -D test-$pr
-done
-```
-
-Then process clean PRs in a batch loop, conflicts individually.
-
 ### PR Title Convention
 
 ```
 [backport TARGET_BRANCH] Original Title (#ORIGINAL_PR)
 ```
-
-## Final Deliverables (Slack-Compatible)
-
-After execution completes, generate two files in `~/temp/backport-session/`. Both must be **Slack-compatible plain text** — no emojis, no markdown tables, no headers (`#`), no bold (`**`), no inline code. Use plain dashes, indentation, and line breaks only.
-
-### 1. Author Accountability Report
-
-File: `backport-author-accountability.md`
-
-Lists all backported PRs grouped by original author (via `gh pr view $PR --json author`). Surfaces who should be self-labeling.
-
-```
-Backport Session YYYY-MM-DD -- PRs that should have been labeled by authors
-
-- author-login
-    - #1234 fix: short title
-    - #5678 fix: another title
-- other-author
-    - #9012 fix: some other fix
-```
-
-Authors sorted alphabetically, 4-space indent for nested items.
-
-### 2. Slack Status Update
-
-File: `slack-status-update.md`
-
-A shareable summary of the session. Structure:
-
-```
-Backport session complete -- YYYY-MM-DD
-
-[1-sentence summary: N PRs backported to which branches. All pass typecheck.]
-
-Branches updated:
-- core/X.XX: N PRs + N fix PRs (N auto, N manual)
-- cloud/X.XX: N PRs + N fix PRs (N auto, N manual)
-- ...
-
-N total PRs created and merged (N backports + N fix PRs).
-
-Notable fixes included:
-- [category]: [list of fixes]
-- ...
-
-Conflict patterns encountered:
-- [pattern and how it was resolved]
-- ...
-
-N authors had PRs backported. See author accountability list for details.
-```
-
-No emojis, no tables, no bold, no headers. Plain text that pastes cleanly into Slack.

.claude/skills/backport-management/reference/analysis.md

@@ -23,10 +23,10 @@ For SHOULD items with conflicts: if conflict resolution requires more than trivi
 
 **Before categorizing, filter by branch scope:**
 
-| Target branch | Skip if PR is...                                                                                                  |
-| ------------- | ----------------------------------------------------------------------------------------------------------------- |
-| `core/*`      | Cloud-only (team workspaces, cloud queue, cloud-only login). Note: app mode and Firebase auth are NOT cloud-only. |
-| `cloud/*`     | Local-only features not present on cloud branch                                                                   |
+| Target branch | Skip if PR is...                                                    |
+| ------------- | ------------------------------------------------------------------- |
+| `core/*`      | Cloud-only (app mode, cloud auth, cloud billing, cloud-specific UI) |
+| `cloud/*`     | Local-only features not present on cloud branch                     |
 
 Cloud-only PRs backported to `core/*` are wasted effort — `core/*` branches serve local/self-hosted users who never see cloud features. Check PR titles, descriptions, and files changed for cloud-specific indicators.
 
@@ -61,6 +61,8 @@ done
 
 ## Human Review Checkpoint
 
-Use the Interactive Approval Flow (see SKILL.md) to review all candidates interactively. Do not write a static decisions.md for the human to edit — instead, present batches of 5-10 PRs with context and recommendations, and collect Y/N/? responses in conversation.
+Present decisions.md before execution. Include:
 
-All candidates must be reviewed (MUST, SHOULD, and borderline items), not just a subset.
+1. All MUST/SHOULD/SKIP categorizations with rationale
+2. Questions for human (feature existence, scope, deps)
+3. Estimated effort per branch

.claude/skills/backport-management/reference/execution.md

@@ -73,22 +73,14 @@ for PR in ${CONFLICT_PRS[@]}; do
   git cherry-pick -m 1 $MERGE_SHA
 
   # If conflict — NEVER skip based on file count alone!
-  # Categorize conflicts first: binary PNGs, modify/delete, content, add/add, component rewrites
+  # Categorize conflicts first: binary PNGs, modify/delete, content, add/add
   # See SKILL.md Conflict Triage table for resolution per type.
 
-  # For component rewrites (4+ markers in a .vue file, library migration):
-  # DO NOT use accept-theirs regex — it produces broken hybrids.
-  # Instead, use the complete file from the merge commit:
-  # git show $MERGE_SHA:path/to/file > path/to/file
-
-  # For simple content conflicts, accept theirs:
-  # python3 -c "import re; ..."
-
   # Resolve all conflicts, then:
   git add .
   GIT_EDITOR=true git cherry-pick --continue
 
-  git push origin backport-$PR-to-TARGET --no-verify
+  git push origin backport-$PR-to-TARGET
   NEW_PR=$(gh pr create --base TARGET_BRANCH --head backport-$PR-to-TARGET \
     --title "[backport TARGET] TITLE (#$PR)" \
     --body "Backport of #$PR..." | grep -oP '\d+$')
@@ -122,30 +114,7 @@ source ~/.nvm/nvm.sh && nvm use 24 && pnpm install && pnpm typecheck && pnpm tes
 git worktree remove /tmp/verify-TARGET --force
 ```
 
-If verification fails, **do not skip** — create a fix PR:
-
-```bash
-# Stay in the verify worktree
-git checkout -b fix-backport-TARGET origin/TARGET_BRANCH
-
-# Common fixes:
-# 1. Component rewrite hybrids: overwrite with merge commit version
-git show MERGE_SHA:path/to/Component.vue > path/to/Component.vue
-
-# 2. Missing dependency files
-git show MERGE_SHA:path/to/missing.ts > path/to/missing.ts
-
-# 3. Missing type properties: edit the interface
-# 4. Unused imports: delete the import lines
-
-git add -A
-git commit --no-verify -m "fix: resolve backport typecheck issues on TARGET"
-git push origin fix-backport-TARGET --no-verify
-gh pr create --base TARGET --head fix-backport-TARGET --title "fix: resolve backport typecheck issues on TARGET" --body "..."
-gh pr merge $PR --squash --admin
-```
-
-Do not proceed to the next branch until typecheck passes.
+If verification fails, stop and fix before proceeding to the next wave. Do not compound problems across waves.
 
 ## Conflict Resolution Patterns
 
@@ -173,35 +142,7 @@ git rm $FILE
 git checkout --theirs $FILE && git add $FILE
 ```
 
-### 4. Component Rewrites (DO NOT accept-theirs)
-
-When a PR completely rewrites a component (e.g., PrimeVue → Reka UI), accept-theirs produces
-a broken hybrid with mismatched template/script sections.
-
-```bash
-# Use the complete correct file from the merge commit instead:
-git show $MERGE_SHA:src/components/input/MultiSelect.vue > src/components/input/MultiSelect.vue
-git show $MERGE_SHA:src/components/input/SingleSelect.vue > src/components/input/SingleSelect.vue
-git add src/components/input/MultiSelect.vue src/components/input/SingleSelect.vue
-```
-
-**Detection:** 4+ conflict markers in a single `.vue` file, imports changing between component
-libraries (PrimeVue → Reka UI, etc.), template structure completely different on each side.
-
-### 5. Missing Dependencies After Cherry-Pick
-
-Cherry-picks can succeed but leave the branch broken because the PR's code on main
-references composables/components introduced by an earlier PR.
-
-```bash
-# Add the missing file from the merge commit:
-git show $MERGE_SHA:src/composables/queue/useJobDetailsHover.ts > src/composables/queue/useJobDetailsHover.ts
-git show $MERGE_SHA:src/components/builder/BuilderSaveDialogContent.vue > src/components/builder/BuilderSaveDialogContent.vue
-```
-
-**Detection:** `pnpm typecheck` fails with "Cannot find module" or "X is not defined" after cherry-pick succeeds cleanly.
-
-### 6. Locale Files
+### 4. Locale Files
 
 Usually adding new i18n keys — accept theirs, validate JSON:
 
@@ -235,14 +176,8 @@ gh pr checks $PR --watch --fail-fast && gh pr merge $PR --squash --admin
 8. **Always validate JSON** after resolving locale file conflicts
 9. **Dep refresh PRs** — skip on stable branches. Risk of transitive dep regressions outweighs audit cleanup. Cherry-pick individual CVE fixes instead.
 10. **Verify after each wave** — run `pnpm typecheck && pnpm test:unit` on the target branch after merging a batch. Catching breakage early prevents compounding errors.
-11. **App mode and Firebase auth are NOT cloud-only** — they go to both core and cloud branches. Only team workspaces, cloud queue, and cloud-specific login are cloud-only.
+11. **Cloud-only PRs don't belong on core/\* branches** — app mode, cloud auth, and cloud-specific UI changes are irrelevant to local users. Always check PR scope against branch scope before backporting.
 12. **Never admin-merge without CI** — `--admin` bypasses all branch protections including required status checks. A bulk session of 69 admin-merges shipped 3 test failures. Always wait for CI to pass first, or use `--auto --squash` which waits by design.
-13. **Accept-theirs regex breaks component rewrites** — when a PR migrates between component libraries (PrimeVue → Reka UI), the regex produces a broken hybrid. Use `git show SHA:path > path` to get the complete correct version instead.
-14. **Cherry-picks can silently bring in missing-dependency code** — if PR A references a composable introduced by PR B, cherry-picking A succeeds but typecheck fails. Always run typecheck after each wave and add missing files from the merge commit.
-15. **Fix PRs are expected** — plan for 1 fix PR per branch to resolve typecheck issues from conflict resolutions. This is normal, not a failure.
-16. **Use `--no-verify` in worktrees** — husky hooks fail in `/tmp/` worktrees. Always push/commit with `--no-verify`.
-17. **Automation success varies by branch** — core/1.42 got 18/26 auto-PRs (69%), cloud/1.42 got 1/25 (4%). Cloud branches diverge more. Plan for manual fallback.
-18. **Test-then-resolve pattern** — for branches with low automation success, run a dry-run loop to classify clean vs conflict PRs before processing. This is much faster than resolving conflicts serially.
 
 ## CI Failure Triage
 

.claude/skills/backport-management/reference/logging.md

@@ -2,25 +2,26 @@
 
 ## During Execution
 
-Maintain `execution-log.md` with per-branch tables (this is internal, markdown tables are fine here):
+Maintain `execution-log.md` with per-branch tables:
 
 ```markdown
-| PR#   | Title | Status | Backport PR | Notes   |
-| ----- | ----- | ------ | ----------- | ------- |
-| #XXXX | Title | merged | #YYYY       | Details |
+| PR#   | Title | CI Status                      | Status                            | Backport PR | Notes   |
+| ----- | ----- | ------------------------------ | --------------------------------- | ----------- | ------- |
+| #XXXX | Title | ✅ Pass / ❌ Fail / ⏳ Pending | ✅ Merged / ⏭️ Skip / ⏸️ Deferred | #YYYY       | Details |
 ```
 
 ## Wave Verification Log
 
-Track verification results per wave within execution-log.md:
+Track verification results per wave:
 
 ```markdown
-Wave N Verification -- TARGET_BRANCH
+## Wave N Verification — TARGET_BRANCH
 
 - PRs merged: #A, #B, #C
-- Typecheck: pass / fail
-- Fix PR: #YYYY (if needed)
+- Typecheck: ✅ Pass / ❌ Fail
+- Unit tests: ✅ Pass / ❌ Fail
 - Issues found: (if any)
+- Human review needed: (list any non-trivial conflict resolutions)
 ```
 
 ## Session Report Template
@@ -62,42 +63,40 @@ Wave N Verification -- TARGET_BRANCH
 - Feature branches that need tracking for future sessions?
 ```
 
-## Final Deliverables
+## Final Deliverable: Visual Summary
 
-After all branches are complete and verified, generate these files in `~/temp/backport-session/`:
+At session end, generate a **mermaid diagram** showing all backported PRs organized by target branch and category (MUST/SHOULD), plus a summary table. Present this to the user as the final output.
 
-### 1. execution-log.md (internal)
+```mermaid
+graph TD
+    subgraph branch1["☁️ cloud/X.XX — N PRs"]
+        C1["#XXXX title"]
+        C2["#XXXX title"]
+    end
 
-Per-branch tables with PR#, title, status, backport PR#, notes. Markdown tables are fine — this is for internal tracking, not Slack.
+    subgraph branch2must["🔴 core/X.XX MUST — N PRs"]
+        M1["#XXXX title"]
+    end
 
-### 2. backport-author-accountability.md (Slack-compatible)
+    subgraph branch2should["🟡 core/X.XX SHOULD — N PRs"]
+        S1["#XXXX-#XXXX N auto-merged"]
+        S2["#XXXX-#XXXX N manual picks"]
+    end
 
-See SKILL.md "Final Deliverables" section. Plain text, no emojis/tables/headers/bold. Authors sorted alphabetically with PRs nested under each.
+    classDef cloudStyle fill:#1a3a5c,stroke:#4da6ff,color:#e0f0ff
+    classDef coreStyle fill:#1a4a2e,stroke:#4dff88,color:#e0ffe8
+    classDef mustStyle fill:#5c1a1a,stroke:#ff4d4d,color:#ffe0e0
+    classDef shouldStyle fill:#4a3a1a,stroke:#ffcc4d,color:#fff5e0
+```
 
-### 3. slack-status-update.md (Slack-compatible)
-
-See SKILL.md "Final Deliverables" section. Plain text summary that pastes cleanly into Slack. Includes branch counts, notable fixes, conflict patterns, author count.
-
-## Slack Formatting Rules
-
-Both shareable files (author accountability + status update) must follow these rules:
-
-- No emojis (no checkmarks, no arrows, no icons)
-- No markdown tables (use plain lists with dashes)
-- No headers (no # or ##)
-- No bold (\*_) or italic (_)
-- No inline code backticks
-- Use -- instead of em dash
-- Use plain dashes (-) for lists with 4-space indent for nesting
-- Line breaks between sections for readability
-
-These files should paste directly into a Slack message and look clean.
+Use the `mermaid` tool to render this diagram and present it alongside the summary table as the session's final deliverable.
 
 ## Files to Track
 
-All in `~/temp/backport-session/`:
+- `candidate_list.md` — all candidates per branch
+- `decisions.md` — MUST/SHOULD/SKIP with rationale
+- `wave-plan.md` — execution order
+- `execution-log.md` — real-time status
+- `backport-session-report.md` — final summary
 
-- `execution-plan.md` -- approved PRs with merge SHAs (input)
-- `execution-log.md` -- real-time status with per-branch tables (internal)
-- `backport-author-accountability.md` -- PRs grouped by author (Slack-compatible)
-- `slack-status-update.md` -- session summary (Slack-compatible)
+All in `~/temp/backport-session/`.

.github/workflows/api-update-registry-api-types.yaml

@@ -0,0 +1,107 @@
+# Description: When upstream comfy-api is updated, click dispatch to update the TypeScript type definitions in this repo
+name: 'Api: Update Registry API Types'
+
+on:
+  # Manual trigger
+  workflow_dispatch:
+
+  # Triggered from comfy-api repo
+  repository_dispatch:
+    types: [comfy-api-updated]
+
+jobs:
+  update-registry-types:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: write
+      pull-requests: write
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v6
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@fc06bc1257f339d1d5d8b3a19a8cae5388b55320 # v4.4.0
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v6
+        with:
+          node-version-file: '.nvmrc'
+          cache: 'pnpm'
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Checkout comfy-api repository
+        uses: actions/checkout@v6
+        with:
+          repository: Comfy-Org/comfy-api
+          path: comfy-api
+          token: ${{ secrets.COMFY_API_PAT }}
+          clean: true
+
+      - name: Get API commit information
+        id: api-info
+        run: |
+          cd comfy-api
+          API_COMMIT=$(git rev-parse --short HEAD)
+          echo "commit=${API_COMMIT}" >> $GITHUB_OUTPUT
+          cd ..
+
+      - name: Generate API types
+        run: |
+          echo "Generating TypeScript types from comfy-api@${{ steps.api-info.outputs.commit }}..."
+          mkdir -p ./packages/registry-types/src
+          pnpm dlx openapi-typescript ./comfy-api/openapi.yml --output ./packages/registry-types/src/comfyRegistryTypes.ts
+
+      - name: Validate generated types
+        run: |
+          if [ ! -f ./packages/registry-types/src/comfyRegistryTypes.ts ]; then
+            echo "Error: Types file was not generated."
+            exit 1
+          fi
+
+          # Check if file is not empty
+          if [ ! -s ./packages/registry-types/src/comfyRegistryTypes.ts ]; then
+            echo "Error: Generated types file is empty."
+            exit 1
+          fi
+
+      - name: Lint generated types
+        run: |
+          echo "Linting generated Comfy Registry API types..."
+          pnpm lint:fix:no-cache -- ./packages/registry-types/src/comfyRegistryTypes.ts
+
+      - name: Check for changes
+        id: check-changes
+        run: |
+          if [[ -z $(git status --porcelain ./packages/registry-types/src/comfyRegistryTypes.ts) ]]; then
+            echo "No changes to Comfy Registry API types detected."
+            echo "changed=false" >> $GITHUB_OUTPUT
+            exit 0
+          else
+            echo "Changes detected in Comfy Registry API types."
+            echo "changed=true" >> $GITHUB_OUTPUT
+          fi
+
+      - name: Create Pull Request
+        if: steps.check-changes.outputs.changed == 'true'
+        uses: peter-evans/create-pull-request@c0f553fe549906ede9cf27b5156039d195d2ece0 # v8.1.0
+        with:
+          token: ${{ secrets.PR_GH_TOKEN }}
+          commit-message: '[chore] Update Comfy Registry API types from comfy-api@${{ steps.api-info.outputs.commit }}'
+          title: '[chore] Update Comfy Registry API types from comfy-api@${{ steps.api-info.outputs.commit }}'
+          body: |
+            ## Automated API Type Update
+
+            This PR updates the Comfy Registry API types from the latest comfy-api OpenAPI specification.
+
+            - API commit: ${{ steps.api-info.outputs.commit }}
+            - Generated on: ${{ github.event.repository.updated_at }}
+
+            These types are automatically generated using openapi-typescript.
+          branch: update-registry-types-${{ steps.api-info.outputs.commit }}
+          base: main
+          labels: CNR
+          delete-branch: true
+          add-paths: |
+            packages/registry-types/src/comfyRegistryTypes.ts

.github/workflows/ci-website-build.yaml

@@ -1,33 +0,0 @@
-# Description: Build and validate the marketing website (apps/website)
-name: 'CI: Website Build'
-
-on:
-  push:
-    branches: [main, master, website/*]
-    paths:
-      - 'apps/website/**'
-      - 'packages/design-system/**'
-      - 'pnpm-lock.yaml'
-  pull_request:
-    branches-ignore: [wip/*, draft/*, temp/*]
-    paths:
-      - 'apps/website/**'
-      - 'packages/design-system/**'
-      - 'pnpm-lock.yaml'
-
-concurrency:
-  group: ${{ github.workflow }}-${{ github.ref }}
-  cancel-in-progress: true
-
-jobs:
-  build:
-    runs-on: ubuntu-latest
-
-    steps:
-      - uses: actions/checkout@v6
-
-      - name: Setup frontend
-        uses: ./.github/actions/setup-frontend
-
-      - name: Build website
-        run: pnpm --filter @comfyorg/website build

apps/website/astro.config.ts

@@ -1,12 +1,11 @@
 import { defineConfig } from 'astro/config'
-import sitemap from '@astrojs/sitemap'
 import vue from '@astrojs/vue'
 import tailwindcss from '@tailwindcss/vite'
 
 export default defineConfig({
   site: 'https://comfy.org',
   output: 'static',
-  integrations: [vue(), sitemap()],
+  integrations: [vue()],
   vite: {
     plugins: [tailwindcss()]
   },

apps/website/package.json

@@ -9,7 +9,6 @@
     "preview": "astro preview"
   },
   "dependencies": {
-    "@astrojs/sitemap": "catalog:",
     "@comfyorg/design-system": "workspace:*",
     "@vercel/analytics": "catalog:",
     "vue": "catalog:"

apps/website/public/robots.txt

@@ -1,4 +0,0 @@
-User-agent: *
-Allow: /
-
-Sitemap: https://comfy.org/sitemap-index.xml

apps/website/src/components/SiteFooter.vue

@@ -96,10 +96,6 @@ const socials = [
           v-for="link in column.links"
           :key="link.href"
           :href="link.href"
-          :target="link.href.startsWith('http') ? '_blank' : undefined"
-          :rel="
-            link.href.startsWith('http') ? 'noopener noreferrer' : undefined
-          "
           class="text-sm text-smoke-700 transition-colors hover:text-white"
         >
           {{ link.label }}

apps/website/src/components/TestimonialsSection.vue

@@ -50,8 +50,6 @@ const filteredTestimonials = computed(() => {
         <button
           v-for="industry in industries"
           :key="industry"
-          type="button"
-          :aria-pressed="activeFilter === industry"
           class="cursor-pointer rounded-full px-4 py-1.5 text-sm transition-colors"
           :class="
             activeFilter === industry

apps/website/src/components/UseCaseSection.vue

@@ -37,8 +37,6 @@ const activeCategory = ref(0)
             <button
               v-for="(category, index) in categories"
               :key="category"
-              type="button"
-              :aria-pressed="index === activeCategory"
               class="transition-colors"
               :class="
                 index === activeCategory

apps/website/src/layouts/BaseLayout.astro

@@ -7,14 +7,12 @@ interface Props {
   title: string
   description?: string
   ogImage?: string
-  noindex?: boolean
 }
 
 const {
   title,
   description = 'Comfy is the AI creation engine for visual professionals who demand control.',
   ogImage = '/og-default.png',
-  noindex = false,
 } = Astro.props
 
 const siteBase = Astro.site ?? 'https://comfy.org'
@@ -23,29 +21,6 @@ const ogImageURL = new URL(ogImage, siteBase)
 const locale = Astro.currentLocale ?? 'en'
 const gtmId = 'GTM-NP9JM6K7'
 const gtmEnabled = import.meta.env.PROD
-
-const organizationJsonLd = {
-  '@context': 'https://schema.org',
-  '@type': 'Organization',
-  name: 'Comfy Org',
-  url: 'https://comfy.org',
-  logo: 'https://comfy.org/favicon.svg',
-  sameAs: [
-    'https://github.com/comfyanonymous/ComfyUI',
-    'https://discord.gg/comfyorg',
-    'https://x.com/comaboratory',
-    'https://reddit.com/r/comfyui',
-    'https://linkedin.com/company/comfyorg',
-    'https://instagram.com/comfyorg',
-  ],
-}
-
-const websiteJsonLd = {
-  '@context': 'https://schema.org',
-  '@type': 'WebSite',
-  name: 'Comfy',
-  url: 'https://comfy.org',
-}
 ---
 
 <!doctype html>
@@ -54,36 +29,26 @@ const websiteJsonLd = {
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="description" content={description} />
-    {noindex && <meta name="robots" content="noindex, nofollow" />}
     <title>{title}</title>
 
     <link rel="icon" href="/favicon.svg" type="image/svg+xml" />
     <link rel="canonical" href={canonicalURL.href} />
-    <link rel="preconnect" href="https://www.googletagmanager.com" />
-    <link rel="dns-prefetch" href="https://www.googletagmanager.com" />
 
     <!-- Open Graph -->
     <meta property="og:type" content="website" />
     <meta property="og:title" content={title} />
     <meta property="og:description" content={description} />
     <meta property="og:image" content={ogImageURL.href} />
-    <meta property="og:image:width" content="1200" />
-    <meta property="og:image:height" content="630" />
     <meta property="og:url" content={canonicalURL.href} />
     <meta property="og:locale" content={locale} />
     <meta property="og:site_name" content="Comfy" />
 
     <!-- Twitter -->
     <meta name="twitter:card" content="summary_large_image" />
-    <meta name="twitter:site" content="@comaboratory" />
     <meta name="twitter:title" content={title} />
     <meta name="twitter:description" content={description} />
     <meta name="twitter:image" content={ogImageURL.href} />
 
-    <!-- Structured Data -->
-    <script type="application/ld+json" set:html={JSON.stringify(organizationJsonLd)} />
-    <script type="application/ld+json" set:html={JSON.stringify(websiteJsonLd)} />
-
     <!-- Google Tag Manager -->
     {gtmEnabled && (
       <script is:inline define:vars={{ gtmId }}>

apps/website/src/pages/about.astro

@@ -1,176 +0,0 @@
----
-import BaseLayout from '../layouts/BaseLayout.astro'
-import SiteNav from '../components/SiteNav.vue'
-import SiteFooter from '../components/SiteFooter.vue'
-
-const team = [
-  { name: 'comfyanonymous', role: 'Creator of ComfyUI, cofounder' },
-  { name: 'Dr.Lt.Data', role: 'Creator of ComfyUI-Manager and Impact/Inspire Pack' },
-  { name: 'pythongosssss', role: 'Major contributor, creator of ComfyUI-Custom-Scripts' },
-  { name: 'yoland68', role: 'Creator of ComfyCLI, cofounder, ex-Google' },
-  { name: 'robinjhuang', role: 'Maintains Comfy Registry, cofounder, ex-Google Cloud' },
-  { name: 'jojodecay', role: 'ComfyUI event series host, community & partnerships' },
-  { name: 'christian-byrne', role: 'Fullstack developer' },
-  { name: 'Kosinkadink', role: 'Creator of AnimateDiff-Evolved and Advanced-ControlNet' },
-  { name: 'webfiltered', role: 'Overhauled Litegraph library' },
-  { name: 'Pablo', role: 'Product Design, ex-AI startup founder' },
-  { name: 'ComfyUI Wiki (Daxiong)', role: 'Official docs and templates' },
-  { name: 'ctrlbenlu (Ben)', role: 'Software engineer, ex-robotics' },
-  { name: 'Purz Beats', role: 'Motion graphics designer and ML Engineer' },
-  { name: 'Ricyu (Rich)', role: 'Software engineer, ex-Meta' },
-]
-
-const collaborators = [
-  { name: 'Yogo', role: 'Collaborator' },
-  { name: 'Fill (Machine Delusions)', role: 'Collaborator' },
-  { name: 'Julien (MJM)', role: 'Collaborator' },
-]
-
-const projects = [
-  { name: 'ComfyUI', description: 'The core node-based interface for generative AI workflows.' },
-  { name: 'ComfyUI Manager', description: 'Install, update, and manage custom nodes with one click.' },
-  { name: 'Comfy Registry', description: 'The official registry for publishing and discovering custom nodes.' },
-  { name: 'Frontends', description: 'The desktop and web frontends that power the ComfyUI experience.' },
-  { name: 'Docs', description: 'Official documentation, guides, and tutorials.' },
-]
-
-const faqs = [
-  {
-    q: 'Is ComfyUI free?',
-    a: 'Yes. ComfyUI is free and open-source under the GPL-3.0 license. You can use it for personal and commercial projects.',
-  },
-  {
-    q: 'Who is behind ComfyUI?',
-    a: 'ComfyUI was created by comfyanonymous and is maintained by a small, dedicated team of developers and community contributors.',
-  },
-  {
-    q: 'How can I contribute?',
-    a: 'Check out our GitHub repositories to report issues, submit pull requests, or build custom nodes. Join our Discord community to connect with other contributors.',
-  },
-  {
-    q: 'What are the future plans?',
-    a: 'We are focused on making ComfyUI the operating system for generative AI — improving performance, expanding model support, and building better tools for creators and developers.',
-  },
-]
----
-
-<BaseLayout title="About — Comfy" description="Learn about the team and mission behind ComfyUI, the open-source generative AI platform.">
-  <SiteNav client:load />
-  <main>
-    <!-- Hero -->
-    <section class="px-6 pb-24 pt-40 text-center">
-      <h1 class="mx-auto max-w-4xl text-4xl font-bold leading-tight md:text-6xl">
-        Crafting the next frontier of visual and audio media
-      </h1>
-      <p class="mx-auto mt-6 max-w-2xl text-lg text-smoke-700">
-        An open-source community and company building the most powerful tools for generative AI creators.
-      </p>
-    </section>
-
-    <!-- Our Mission -->
-    <section class="bg-charcoal-800 px-6 py-24">
-      <div class="mx-auto max-w-3xl text-center">
-        <h2 class="text-sm font-semibold uppercase tracking-widest text-brand-yellow">Our Mission</h2>
-        <p class="mt-6 text-3xl font-bold md:text-4xl">
-          We want to build the operating system for Gen AI.
-        </p>
-        <p class="mt-6 text-lg leading-relaxed text-smoke-700">
-          We're building the foundational tools that give creators full control over generative AI.
-          From image and video synthesis to audio generation, ComfyUI provides a modular,
-          node-based environment where professionals and enthusiasts can craft, iterate,
-          and deploy production-quality workflows — without black boxes.
-        </p>
-      </div>
-    </section>
-
-    <!-- What Do We Do? -->
-    <section class="px-6 py-24">
-      <div class="mx-auto max-w-5xl">
-        <h2 class="text-center text-3xl font-bold md:text-4xl">What Do We Do?</h2>
-        <div class="mt-12 grid gap-6 sm:grid-cols-2 lg:grid-cols-3">
-          {projects.map((project) => (
-            <div class="rounded-xl border border-white/10 bg-charcoal-600 p-6">
-              <h3 class="text-lg font-semibold">{project.name}</h3>
-              <p class="mt-2 text-sm text-smoke-700">{project.description}</p>
-            </div>
-          ))}
-        </div>
-      </div>
-    </section>
-
-    <!-- Who We Are -->
-    <section class="bg-charcoal-800 px-6 py-24">
-      <div class="mx-auto max-w-3xl text-center">
-        <h2 class="text-3xl font-bold md:text-4xl">Who We Are</h2>
-        <p class="mt-6 text-lg leading-relaxed text-smoke-700">
-          ComfyUI started as a personal project by comfyanonymous and grew into a global community
-          of creators, developers, and researchers. Today, Comfy Org is a small, flat team based in
-          San Francisco, backed by investors who believe in open-source AI tooling. We work
-          alongside an incredible community of contributors who build custom nodes, share workflows,
-          and push the boundaries of what's possible with generative AI.
-        </p>
-      </div>
-    </section>
-
-    <!-- Team -->
-    <section class="px-6 py-24">
-      <div class="mx-auto max-w-6xl">
-        <h2 class="text-center text-3xl font-bold md:text-4xl">Team</h2>
-        <div class="mt-12 grid gap-6 grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
-          {team.map((member) => (
-            <div class="rounded-xl border border-white/10 p-5 text-center">
-              <div class="mx-auto h-16 w-16 rounded-full bg-charcoal-600" />
-              <h3 class="mt-4 font-semibold">{member.name}</h3>
-              <p class="mt-1 text-sm text-smoke-700">{member.role}</p>
-            </div>
-          ))}
-        </div>
-      </div>
-    </section>
-
-    <!-- Collaborators -->
-    <section class="bg-charcoal-800 px-6 py-16">
-      <div class="mx-auto max-w-4xl text-center">
-        <h2 class="text-2xl font-bold">Collaborators</h2>
-        <div class="mt-8 flex flex-wrap items-center justify-center gap-8">
-          {collaborators.map((person) => (
-            <div class="text-center">
-              <div class="mx-auto h-14 w-14 rounded-full bg-charcoal-600" />
-              <p class="mt-3 font-semibold">{person.name}</p>
-            </div>
-          ))}
-        </div>
-      </div>
-    </section>
-
-    <!-- FAQs -->
-    <section class="px-6 py-24">
-      <div class="mx-auto max-w-3xl">
-        <h2 class="text-center text-3xl font-bold md:text-4xl">FAQs</h2>
-        <div class="mt-12 space-y-10">
-          {faqs.map((faq) => (
-            <div>
-              <h3 class="text-lg font-semibold">{faq.q}</h3>
-              <p class="mt-2 text-smoke-700">{faq.a}</p>
-            </div>
-          ))}
-        </div>
-      </div>
-    </section>
-
-    <!-- Join Our Team CTA -->
-    <section class="bg-charcoal-800 px-6 py-24 text-center">
-      <h2 class="text-3xl font-bold md:text-4xl">Join Our Team</h2>
-      <p class="mx-auto mt-4 max-w-xl text-smoke-700">
-        We're looking for people who are passionate about open-source, generative AI, and building great developer tools.
-      </p>
-      <a
-        href="/careers"
-        class="mt-8 inline-block rounded-full bg-brand-yellow px-8 py-3 text-sm font-semibold text-black transition-opacity hover:opacity-90"
-      >
-        View Open Positions
-      </a>
-    </section>
-  </main>
-  <SiteFooter />
-</BaseLayout>

apps/website/src/pages/careers.astro

@@ -1,203 +0,0 @@
----
-import BaseLayout from '../layouts/BaseLayout.astro'
-import SiteNav from '../components/SiteNav.vue'
-import SiteFooter from '../components/SiteFooter.vue'
-
-const departments = [
-  {
-    name: 'Engineering',
-    roles: [
-      { title: 'Design Engineer', id: 'abc787b9-ad85-421c-8218-debd23bea096' },
-      { title: 'Software Engineer, ComfyUI Desktop', id: 'ad2f76cb-a787-47d8-81c5-7e7f917747c0' },
-      { title: 'Product Manager, ComfyUI (open-source)', id: '12dbc26e-9f6d-49bf-83c6-130f7566d03c' },
-      { title: 'Senior Software Engineer, Frontend Generalist', id: 'c3e0584d-5490-491f-aae4-b5922ef63fd2' },
-      { title: 'Software Engineer, Frontend Generalist', id: '99dc26c7-51ca-43cd-a1ba-7d475a0f4a40' },
-      { title: 'Tech Lead Manager, Frontend', id: 'a0665088-3314-457a-aa7b-12ca5c3eb261' },
-      { title: 'Senior Software Engineer, Comfy Cloud', id: '27cdf4ce-69a4-44da-b0ec-d54875fd14a1' },
-      { title: 'Senior Applied AI/ML Engineer', id: '5cc4d0bc-97b0-463b-8466-3ec1d07f6ac0' },
-      { title: 'Senior Engineer, Backend Generalist', id: '732f8b39-076d-4847-afe3-f54d4451607e' },
-      { title: 'Software Engineer, Core ComfyUI Contributor', id: '7d4062d6-d500-445a-9a5f-014971af259f' },
-    ],
-  },
-  {
-    name: 'Design',
-    roles: [
-      { title: 'Graphic Designer', id: '49fa0b07-3fa1-4a3a-b2c6-d2cc684ad63f' },
-      { title: 'Creative Artist', id: '19ba10aa-4961-45e8-8473-66a8a7a8079d' },
-      { title: 'Senior Product Designer', id: 'b2e864c6-4754-4e04-8f46-1022baa103c3' },
-      { title: 'Freelance Motion Designer', id: 'a7ccc2b4-4d9d-4e04-b39c-28a711995b5b' },
-    ],
-  },
-  {
-    name: 'Marketing',
-    roles: [
-      { title: 'Partnership & Events Marketing Manager', id: '89d3ff75-2055-4e92-9c69-81feff55627c' },
-      { title: 'Lifecycle Growth Marketer', id: 'be74d210-3b50-408c-9f61-8fee8833ce64' },
-      { title: 'Social Media Manager', id: '28dea965-662b-4786-b024-c9a1b6bc1f23' },
-    ],
-  },
-  {
-    name: 'BizOps/Growth',
-    roles: [
-      { title: 'Founding Account Executive', id: '061ff83a-fe18-40f7-a5c4-4ce7da7086a6' },
-      { title: 'Senior Technical Recruiter', id: 'd5008532-c45d-46e6-ba2c-20489d364362' },
-    ],
-  },
-]
-
-const whyJoinUs = [
-  'You want to build tools that empower others to create.',
-  "You like working on foundational tech that's already powering real-world videos, images, music, and apps.",
-  'You care about open, free alternatives to closed AI platforms.',
-  'You believe artists, hackers, and solo builders should have real control over their tools.',
-  'You want to work in a small, sharp, no-BS team that moves fast and ships often.',
-]
-
-const notAFit = [
-  "You need everything planned out. We're figuring things out as we go and changing direction fast. If uncertainty stresses you out, you probably won't have fun here.",
-  'You see yourself as just a coder/[insert job title]. Around here, everyone does a bit of everything — talking to users, writing docs, whatever needs to get done. We need people who jump in wherever they can help.',
-  "You need well-defined processes. We're building something revolutionary, which means making up the playbook. If you need clear structures, this might drive you nuts.",
-  "You like having a manager checking in on you. We trust people to own their work end-to-end. When you see something broken, you fix it — no permission needed.",
-  "You prefer waiting until you have all the facts. We often have to make calls with incomplete info and adjust as we learn more. Analysis paralysis doesn't work here.",
-  "You bring a huge ego to the table. We're all about pushing boundaries and solving hard problems, not individual heroics. If you can't take direct feedback or learn from mistakes, this isn't your spot.",
-]
-
-const questions = [
-  'What is the team culture?',
-  'What kind of background do I need to have to apply?',
-  'How do I apply?',
-  'What does the hiring process look like?',
-  'In-person vs remote?',
-  'How can I increase my chances of getting the job?',
-  'What if I need visa sponsorship to work in the US?',
-  'Can I get feedback for my resume and interview?',
-]
----
-
-<BaseLayout
-  title="Careers — Comfy"
-  description="Join the team building the operating system for generative AI. Open roles in engineering, design, marketing, and more."
->
-  <SiteNav client:load />
-  <main>
-    <!-- Hero -->
-    <section class="px-6 pb-24 pt-40">
-      <div class="mx-auto max-w-4xl text-center">
-        <h1 class="text-4xl font-bold tracking-tight md:text-6xl">
-          Building an &ldquo;operating system&rdquo;
-          <br />
-          <span class="text-brand-yellow">for Gen AI</span>
-        </h1>
-        <p class="mx-auto mt-6 max-w-2xl text-lg leading-relaxed text-smoke-700">
-          We're the world's leading <strong class="text-white">visual AI platform</strong> — an open, modular system
-          where anyone can build, customize, and automate AI workflows with precision and full control. Unlike most AI
-          tools that hide their inner workings behind a simple prompt box, we give professionals the
-          <strong class="text-white">freedom to design their own pipelines</strong> — connecting models, tools, and
-          logic visually like building blocks.
-        </p>
-        <p class="mx-auto mt-4 max-w-2xl text-lg leading-relaxed text-smoke-700">
-          ComfyUI is used by <strong class="text-white">artists, filmmakers, video game creators, designers, researchers, VFX houses</strong>,
-          and among others, <strong class="text-white">teams at OpenAI, Netflix, Amazon Studios, Ubisoft, EA, and Tencent</strong>
-          — all who want to go beyond presets and truly shape how AI creates.
-        </p>
-      </div>
-    </section>
-
-    <!-- Job Listings -->
-    <section class="border-t border-white/10 px-6 py-24">
-      <div class="mx-auto max-w-4xl">
-        {departments.map((dept) => (
-          <div class="mb-16 last:mb-0">
-            <h2 class="mb-6 text-sm font-semibold uppercase tracking-widest text-brand-yellow">
-              {dept.name}
-            </h2>
-            <div class="space-y-3">
-              {dept.roles.map((role) => (
-                <a
-                  href={`https://jobs.ashbyhq.com/comfy-org/${role.id}`}
-                  target="_blank"
-                  rel="noopener noreferrer"
-                  class="flex items-center justify-between rounded-lg border border-white/10 px-5 py-4 transition-colors hover:border-brand-yellow"
-                >
-                  <span class="font-medium">{role.title}</span>
-                  <span class="text-sm text-smoke-700">→</span>
-                </a>
-              ))}
-            </div>
-          </div>
-        ))}
-      </div>
-    </section>
-
-    <!-- Why Join Us / When It's Not a Fit — 2-column layout -->
-    <section class="border-t border-white/10 bg-charcoal-800 px-6 py-24">
-      <div class="mx-auto grid max-w-5xl gap-16 md:grid-cols-2">
-        <!-- Why Join Us -->
-        <div>
-          <h2 class="mb-8 text-sm font-semibold uppercase tracking-widest text-brand-yellow">
-            Why Join Us?
-          </h2>
-          <ul class="space-y-4">
-            {whyJoinUs.map((item) => (
-              <li class="flex gap-3 text-smoke-700">
-                <span class="mt-1 text-brand-yellow">•</span>
-                <span>{item}</span>
-              </li>
-            ))}
-          </ul>
-        </div>
-
-        <!-- When It's Not a Fit -->
-        <div>
-          <h2 class="mb-4 text-sm font-semibold uppercase tracking-widest text-white">
-            When It&rsquo;s Not a Fit
-          </h2>
-          <p class="mb-8 text-sm text-smoke-700">
-            Working at Comfy Org isn&rsquo;t for everyone, and that&rsquo;s totally fine. You might want to look
-            elsewhere if:
-          </p>
-          <ul class="space-y-4">
-            {notAFit.map((item) => (
-              <li class="flex gap-3 text-sm text-smoke-700">
-                <span class="mt-0.5 text-white/40">—</span>
-                <span>{item}</span>
-              </li>
-            ))}
-          </ul>
-        </div>
-      </div>
-    </section>
-
-    <!-- Q&A -->
-    <section class="border-t border-white/10 px-6 py-24">
-      <div class="mx-auto max-w-4xl">
-        <h2 class="mb-10 text-sm font-semibold uppercase tracking-widest text-brand-yellow">
-          Q&amp;A
-        </h2>
-        <ul class="space-y-4">
-          {questions.map((q) => (
-            <li class="rounded-lg border border-white/10 px-5 py-4 font-medium">
-              {q}
-            </li>
-          ))}
-        </ul>
-      </div>
-    </section>
-
-    <!-- Contact CTA -->
-    <section class="border-t border-white/10 px-6 py-24">
-      <div class="mx-auto max-w-4xl text-center">
-        <h2 class="text-3xl font-bold">Questions? Reach out!</h2>
-        <a
-          href="https://support.comfy.org/"
-          target="_blank"
-          rel="noopener noreferrer"
-          class="mt-8 inline-block rounded-full bg-brand-yellow px-8 py-3 text-sm font-semibold text-black transition-opacity hover:opacity-90"
-        >
-          Contact us
-        </a>
-      </div>
-    </section>
-  </main>
-  <SiteFooter />
-</BaseLayout>

apps/website/src/pages/download.astro

@@ -1,80 +0,0 @@
----
-import BaseLayout from '../layouts/BaseLayout.astro'
-import SiteNav from '../components/SiteNav.vue'
-import SiteFooter from '../components/SiteFooter.vue'
-
-const cards = [
-  {
-    icon: '🪟',
-    title: 'Windows',
-    description: 'Requires NVIDIA or AMD graphics card',
-    cta: 'Download for Windows',
-    href: 'https://download.comfy.org/windows/nsis/x64',
-    outlined: false,
-  },
-  {
-    icon: '🍎',
-    title: 'Mac',
-    description: 'Requires Apple Silicon (M-series)',
-    cta: 'Download for Mac',
-    href: 'https://download.comfy.org/mac/dmg/arm64',
-    outlined: false,
-  },
-  {
-    icon: '🐙',
-    title: 'GitHub',
-    description: 'Build from source on any platform',
-    cta: 'Install from GitHub',
-    href: 'https://github.com/comfyanonymous/ComfyUI',
-    outlined: true,
-  },
-]
----
-
-<BaseLayout title="Download — Comfy">
-  <SiteNav client:load />
-  <main class="mx-auto max-w-5xl px-6 py-32 text-center">
-    <h1 class="text-4xl font-bold text-white md:text-5xl">
-      Download ComfyUI
-    </h1>
-    <p class="mt-4 text-lg text-smoke-700">
-      Experience AI creation locally
-    </p>
-
-    <div class="mt-16 grid grid-cols-1 gap-6 md:grid-cols-3">
-      {cards.map((card) => (
-        <a
-          href={card.href}
-          class="flex flex-col items-center rounded-xl border border-white/10 bg-charcoal-600 p-8 text-center transition-colors hover:border-brand-yellow"
-        >
-          <span class="text-4xl" aria-hidden="true">{card.icon}</span>
-          <h2 class="mt-4 text-xl font-semibold text-white">{card.title}</h2>
-          <p class="mt-2 text-sm text-smoke-700">{card.description}</p>
-          <span
-            class:list={[
-              'mt-6 inline-block rounded-full px-6 py-2 text-sm font-semibold transition-opacity hover:opacity-90',
-              card.outlined
-                ? 'border border-brand-yellow text-brand-yellow'
-                : 'bg-brand-yellow text-black',
-            ]}
-          >
-            {card.cta}
-          </span>
-        </a>
-      ))}
-    </div>
-
-    <div class="mt-20 rounded-xl border border-white/10 bg-charcoal-800 p-8">
-      <p class="text-lg text-smoke-700">
-        No GPU?{' '}
-        <a
-          href="https://app.comfy.org"
-          class="font-semibold text-brand-yellow hover:underline"
-        >
-          Try Comfy Cloud →
-        </a>
-      </p>
-    </div>
-  </main>
-  <SiteFooter />
-</BaseLayout>

apps/website/src/pages/gallery.astro

@@ -1,43 +0,0 @@
----
-import BaseLayout from '../layouts/BaseLayout.astro'
-import SiteNav from '../components/SiteNav.vue'
-import SiteFooter from '../components/SiteFooter.vue'
----
-
-<BaseLayout title="Gallery — Comfy">
-  <SiteNav client:load />
-  <main class="bg-black text-white">
-    <!-- Hero -->
-    <section class="mx-auto max-w-5xl px-6 pb-16 pt-32 text-center">
-      <h1 class="text-4xl font-bold tracking-tight sm:text-5xl">
-        Built, Tweaked, and <span class="text-brand-yellow">Dreamed</span> in ComfyUI
-      </h1>
-      <p class="mx-auto mt-4 max-w-2xl text-lg text-smoke-700">
-        A small glimpse of what's being created with ComfyUI by the community.
-      </p>
-    </section>
-
-    <!-- Placeholder Grid -->
-    <section class="mx-auto max-w-6xl px-6 pb-24">
-      <div class="grid grid-cols-1 gap-6 sm:grid-cols-2 md:grid-cols-3">
-        {Array.from({ length: 6 }).map(() => (
-          <div class="flex aspect-video items-center justify-center rounded-xl border border-white/10 bg-charcoal-600">
-            <p class="text-sm text-smoke-700">Community showcase coming soon</p>
-          </div>
-        ))}
-      </div>
-    </section>
-
-    <!-- CTA -->
-    <section class="mx-auto max-w-3xl px-6 pb-32 text-center">
-      <h2 class="text-2xl font-semibold">Have something cool to share?</h2>
-      <a
-        href="https://support.comfy.org/"
-        class="mt-6 inline-block rounded-full bg-brand-yellow px-8 py-3 font-medium text-black transition hover:opacity-90"
-      >
-        Get in Touch
-      </a>
-    </section>
-  </main>
-  <SiteFooter />
-</BaseLayout>

apps/website/src/pages/privacy-policy.astro

@@ -1,273 +0,0 @@
----
-import BaseLayout from '../layouts/BaseLayout.astro'
-import SiteNav from '../components/SiteNav.vue'
-import SiteFooter from '../components/SiteFooter.vue'
----
-
-<BaseLayout
-  title="Privacy Policy — Comfy"
-  description="Comfy privacy policy. Learn how we collect, use, and protect your personal information."
-  noindex
->
-  <SiteNav client:load />
-  <main class="mx-auto max-w-3xl px-6 py-24">
-    <h1 class="text-3xl font-bold text-white">Privacy Policy</h1>
-    <p class="mt-2 text-sm text-smoke-500">Effective date: April 18, 2025</p>
-
-    <section>
-      <h2 class="mt-12 mb-4 text-xl font-semibold text-white">Introduction</h2>
-      <p class="text-sm leading-relaxed text-smoke-500">
-        Your privacy is important to us. This Privacy Policy explains how Comfy
-        Org, Inc. ("Comfy," "we," "us," or "our") collects, uses, shares, and
-        protects your personal information when you use our website at comfy.org
-        and related services.
-      </p>
-      <!-- Full legal text to be added -->
-    </section>
-
-    <section>
-      <h2 class="mt-12 mb-4 text-xl font-semibold text-white">
-        Information We Collect
-      </h2>
-      <p class="text-sm leading-relaxed text-smoke-500">
-        We may collect the following personal information when you interact with
-        our services:
-      </p>
-      <ul class="mt-3 list-disc space-y-2 pl-5 text-sm text-smoke-500">
-        <li>Name</li>
-        <li>Email address</li>
-      </ul>
-      <p class="mt-3 text-sm leading-relaxed text-smoke-500">
-        We collect this information when you voluntarily provide it to us, such
-        as when you create an account, subscribe to communications, or contact
-        support.
-      </p>
-      <!-- Full legal text to be added -->
-    </section>
-
-    <section>
-      <h2 class="mt-12 mb-4 text-xl font-semibold text-white">
-        Legitimate Reasons for Processing Your Personal Information
-      </h2>
-      <p class="text-sm leading-relaxed text-smoke-500">
-        We only collect and use your personal information when we have a
-        legitimate reason for doing so. We process personal information to
-        provide, improve, and administer our services; to communicate with you;
-        for security and fraud prevention; and to comply with applicable law.
-      </p>
-      <!-- Full legal text to be added -->
-    </section>
-
-    <section>
-      <h2 class="mt-12 mb-4 text-xl font-semibold text-white">
-        How Long We Keep Your Information
-      </h2>
-      <p class="text-sm leading-relaxed text-smoke-500">
-        We retain your personal information only for as long as necessary to
-        fulfill the purposes outlined in this policy, unless a longer retention
-        period is required or permitted by law. When we no longer need your
-        information, we will securely delete or anonymize it.
-      </p>
-      <!-- Full legal text to be added -->
-    </section>
-
-    <section>
-      <h2 class="mt-12 mb-4 text-xl font-semibold text-white">
-        Children's Privacy
-      </h2>
-      <p class="text-sm leading-relaxed text-smoke-500">
-        We do not knowingly collect personal information from children under the
-        age of 13. If we learn that we have collected personal information from a
-        child under 13, we will take steps to delete such information as quickly
-        as possible. If you believe we have collected information from a child
-        under 13, please contact us at
-        <a href="mailto:support@comfy.org" class="text-white underline">
-          support@comfy.org</a
-        >.
-      </p>
-      <!-- Full legal text to be added -->
-    </section>
-
-    <section>
-      <h2 class="mt-12 mb-4 text-xl font-semibold text-white">
-        Disclosure of Personal Information to Third Parties
-      </h2>
-      <p class="text-sm leading-relaxed text-smoke-500">
-        We may disclose personal information to third-party service providers
-        that assist us in operating our services. This includes payment
-        processors such as Stripe, cloud hosting providers, and analytics
-        services. We require these parties to handle your data in accordance with
-        this policy and applicable law.
-      </p>
-      <!-- Full legal text to be added -->
-    </section>
-
-    <section>
-      <h2 class="mt-12 mb-4 text-xl font-semibold text-white">
-        Your Rights and Controlling Your Personal Information
-      </h2>
-      <p class="text-sm leading-relaxed text-smoke-500">
-        Depending on your location, you may have the following rights regarding
-        your personal information:
-      </p>
-      <ul class="mt-3 list-disc space-y-2 pl-5 text-sm text-smoke-500">
-        <li>The right to access the personal information we hold about you.</li>
-        <li>
-          The right to request correction of inaccurate personal information.
-        </li>
-        <li>The right to request deletion of your personal information.</li>
-        <li>The right to object to or restrict processing.</li>
-        <li>The right to data portability.</li>
-        <li>The right to withdraw consent at any time.</li>
-      </ul>
-      <p class="mt-3 text-sm leading-relaxed text-smoke-500">
-        To exercise any of these rights, please contact us at
-        <a href="mailto:support@comfy.org" class="text-white underline">
-          support@comfy.org</a
-        >.
-      </p>
-      <!-- Full legal text to be added -->
-    </section>
-
-    <section>
-      <h2 class="mt-12 mb-4 text-xl font-semibold text-white">
-        Limits of Our Policy
-      </h2>
-      <p class="text-sm leading-relaxed text-smoke-500">
-        Our website may link to external sites that are not operated by us.
-        Please be aware that we have no control over the content and practices of
-        these sites and cannot accept responsibility for their respective privacy
-        policies.
-      </p>
-      <!-- Full legal text to be added -->
-    </section>
-
-    <section>
-      <h2 class="mt-12 mb-4 text-xl font-semibold text-white">
-        Changes to This Policy
-      </h2>
-      <p class="text-sm leading-relaxed text-smoke-500">
-        We may update this Privacy Policy from time to time to reflect changes in
-        our practices or for other operational, legal, or regulatory reasons. We
-        will notify you of any material changes by posting the updated policy on
-        our website with a revised effective date.
-      </p>
-      <!-- Full legal text to be added -->
-    </section>
-
-    <section>
-      <h2 class="mt-12 mb-4 text-xl font-semibold text-white">
-        U.S. State Privacy Compliance
-      </h2>
-      <p class="text-sm leading-relaxed text-smoke-500">
-        We comply with privacy laws in the following U.S. states, where
-        applicable:
-      </p>
-      <ul class="mt-3 list-disc space-y-2 pl-5 text-sm text-smoke-500">
-        <li>California (CCPA / CPRA)</li>
-        <li>Colorado (CPA)</li>
-        <li>Delaware (DPDPA)</li>
-        <li>Florida (FDBR)</li>
-        <li>Virginia (VCDPA)</li>
-        <li>Utah (UCPA)</li>
-      </ul>
-      <p class="mt-3 text-sm leading-relaxed text-smoke-500">
-        Residents of these states may have additional rights, including the right
-        to know what personal information is collected, the right to delete
-        personal information, and the right to opt out of the sale of personal
-        information. To exercise these rights, contact us at
-        <a href="mailto:support@comfy.org" class="text-white underline">
-          support@comfy.org</a
-        >.
-      </p>
-      <!-- Full legal text to be added -->
-    </section>
-
-    <section>
-      <h2 class="mt-12 mb-4 text-xl font-semibold text-white">Do Not Track</h2>
-      <p class="text-sm leading-relaxed text-smoke-500">
-        Some browsers include a "Do Not Track" (DNT) feature that signals to
-        websites that you do not wish to be tracked. There is currently no
-        uniform standard for how companies should respond to DNT signals. At this
-        time, we do not respond to DNT signals.
-      </p>
-      <!-- Full legal text to be added -->
-    </section>
-
-    <section>
-      <h2 class="mt-12 mb-4 text-xl font-semibold text-white">CCPA / CPPA</h2>
-      <p class="text-sm leading-relaxed text-smoke-500">
-        Under the California Consumer Privacy Act (CCPA) and the California
-        Privacy Protection Agency (CPPA) regulations, California residents have
-        the right to know what personal information we collect, request deletion
-        of their data, and opt out of the sale of their personal information. We
-        do not sell personal information. To make a request, contact us at
-        <a href="mailto:support@comfy.org" class="text-white underline">
-          support@comfy.org</a
-        >.
-      </p>
-      <!-- Full legal text to be added -->
-    </section>
-
-    <section>
-      <h2 class="mt-12 mb-4 text-xl font-semibold text-white">
-        GDPR — European Economic Area
-      </h2>
-      <p class="text-sm leading-relaxed text-smoke-500">
-        If you are located in the European Economic Area (EEA), the General Data
-        Protection Regulation (GDPR) grants you certain rights regarding your
-        personal data, including the right to access, rectify, erase, restrict
-        processing, data portability, and to object to processing. Our legal
-        bases for processing include consent, contract performance, and
-        legitimate interests. To exercise your GDPR rights, contact us at
-        <a href="mailto:support@comfy.org" class="text-white underline">
-          support@comfy.org</a
-        >.
-      </p>
-      <!-- Full legal text to be added -->
-    </section>
-
-    <section>
-      <h2 class="mt-12 mb-4 text-xl font-semibold text-white">UK GDPR</h2>
-      <p class="text-sm leading-relaxed text-smoke-500">
-        If you are located in the United Kingdom, the UK General Data Protection
-        Regulation (UK GDPR) provides you with similar rights to those under the
-        EU GDPR, including the right to access, rectify, erase, and port your
-        data. To exercise your rights under the UK GDPR, please contact us at
-        <a href="mailto:support@comfy.org" class="text-white underline">
-          support@comfy.org</a
-        >.
-      </p>
-      <!-- Full legal text to be added -->
-    </section>
-
-    <section>
-      <h2 class="mt-12 mb-4 text-xl font-semibold text-white">
-        Australian Privacy
-      </h2>
-      <p class="text-sm leading-relaxed text-smoke-500">
-        If you are located in Australia, the Australian Privacy Principles (APPs)
-        under the Privacy Act 1988 apply to our handling of your personal
-        information. You have the right to request access to and correction of
-        your personal information. If you believe we have breached the APPs, you
-        may lodge a complaint with us or with the Office of the Australian
-        Information Commissioner (OAIC).
-      </p>
-      <!-- Full legal text to be added -->
-    </section>
-
-    <section>
-      <h2 class="mt-12 mb-4 text-xl font-semibold text-white">Contact Us</h2>
-      <p class="text-sm leading-relaxed text-smoke-500">
-        If you have any questions or concerns about this Privacy Policy or our
-        data practices, please contact us at:
-      </p>
-      <p class="mt-3 text-sm leading-relaxed text-smoke-500">
-        <a href="mailto:support@comfy.org" class="text-white underline">
-          support@comfy.org
-        </a>
-      </p>
-    </section>
-  </main>
-  <SiteFooter />
-</BaseLayout>

apps/website/src/pages/terms-of-service.astro

@@ -1,304 +0,0 @@
----
-import BaseLayout from '../layouts/BaseLayout.astro'
-import SiteNav from '../components/SiteNav.vue'
-import SiteFooter from '../components/SiteFooter.vue'
----
-
-<BaseLayout
-  title="Terms of Service — Comfy"
-  description="Terms of Service for ComfyUI and related Comfy services."
-  noindex
->
-  <SiteNav client:load />
-  <main class="mx-auto max-w-3xl px-6 py-24 sm:py-32">
-    <header class="mb-16">
-      <h1 class="text-3xl font-bold text-white">Terms of Service</h1>
-      <p class="mt-2 text-lg text-smoke-700">for ComfyUI</p>
-      <p class="mt-4 text-sm text-smoke-700">
-        Effective Date: March 1, 2025 · Last Updated: March 1, 2025
-      </p>
-    </header>
-
-    <section class="space-y-12">
-      <!-- Intro -->
-      <div>
-        <p class="text-sm leading-relaxed text-smoke-700">
-          Welcome to ComfyUI and the services provided by Comfy Org, Inc.
-          ("Comfy", "we", "us", or "our"). By accessing or using ComfyUI, the
-          Comfy Registry, comfy.org, or any of our related services
-          (collectively, the "Services"), you agree to be bound by these Terms of
-          Service ("Terms"). If you do not agree to these Terms, do not use the
-          Services.
-        </p>
-        <!-- Full legal text to be added -->
-      </div>
-
-      <!-- 1. Definitions -->
-      <div>
-        <h2 class="text-xl font-semibold text-white">1. Definitions</h2>
-        <ul class="mt-4 list-disc space-y-2 pl-5 text-sm leading-relaxed text-smoke-700">
-          <li>
-            <strong class="text-white">"ComfyUI"</strong> means the open-source
-            node-based visual programming interface for AI-powered content
-            generation.
-          </li>
-          <li>
-            <strong class="text-white">"Services"</strong> means ComfyUI, the
-            Comfy Registry, comfy.org website, APIs, documentation, and any
-            related services operated by Comfy.
-          </li>
-          <li>
-            <strong class="text-white">"User Content"</strong> means any
-            content, workflows, custom nodes, models, or other materials you
-            create, upload, or share through the Services.
-          </li>
-          <li>
-            <strong class="text-white">"Registry"</strong> means the Comfy
-            Registry, a package repository for distributing custom nodes and
-            extensions.
-          </li>
-        </ul>
-        <!-- Full legal text to be added -->
-      </div>
-
-      <!-- 2. ComfyUI Software License -->
-      <div>
-        <h2 class="text-xl font-semibold text-white">
-          2. ComfyUI Software License
-        </h2>
-        <p class="mt-4 text-sm leading-relaxed text-smoke-700">
-          ComfyUI is released under the GNU General Public License v3.0 (GPLv3).
-          Your use of the ComfyUI software is governed by the GPLv3 license
-          terms. These Terms of Service govern your use of the hosted Services,
-          website, and Registry — not the open-source software itself.
-        </p>
-        <!-- Full legal text to be added -->
-      </div>
-
-      <!-- 3. Using the Services -->
-      <div>
-        <h2 class="text-xl font-semibold text-white">3. Using the Services</h2>
-        <p class="mt-4 text-sm leading-relaxed text-smoke-700">
-          You may use the Services only in compliance with these Terms and all
-          applicable laws. The Services are intended for users who are at least
-          18 years of age. By using the Services, you represent and warrant that
-          you meet this age requirement and have the legal capacity to enter into
-          these Terms.
-        </p>
-        <!-- Full legal text to be added -->
-      </div>
-
-      <!-- 4. Your Responsibilities -->
-      <div>
-        <h2 class="text-xl font-semibold text-white">
-          4. Your Responsibilities
-        </h2>
-        <p class="mt-4 text-sm leading-relaxed text-smoke-700">
-          You are responsible for your use of the Services and any content you
-          create, share, or distribute through them. You agree to use the
-          Services in a manner that is lawful, respectful, and consistent with
-          these Terms. You are solely responsible for maintaining the security of
-          your account credentials.
-        </p>
-        <!-- Full legal text to be added -->
-      </div>
-
-      <!-- 5. Use Restrictions -->
-      <div>
-        <h2 class="text-xl font-semibold text-white">5. Use Restrictions</h2>
-        <p class="mt-4 text-sm leading-relaxed text-smoke-700">
-          You agree not to misuse the Services. This includes, but is not
-          limited to:
-        </p>
-        <ul class="mt-4 list-disc space-y-2 pl-5 text-sm leading-relaxed text-smoke-700">
-          <li>
-            Attempting to gain unauthorized access to any part of the Services
-          </li>
-          <li>
-            Using the Services to distribute malware, viruses, or harmful code
-          </li>
-          <li>
-            Interfering with or disrupting the integrity or performance of the
-            Services
-          </li>
-          <li>
-            Scraping, crawling, or using automated means to access the Services
-            without permission
-          </li>
-          <li>
-            Publishing custom nodes or workflows that contain malicious code or
-            violate third-party rights
-          </li>
-        </ul>
-        <!-- Full legal text to be added -->
-      </div>
-
-      <!-- 6. Accounts and User Information -->
-      <div>
-        <h2 class="text-xl font-semibold text-white">
-          6. Accounts and User Information
-        </h2>
-        <p class="mt-4 text-sm leading-relaxed text-smoke-700">
-          Certain features of the Services may require you to create an account.
-          You agree to provide accurate and complete information when creating
-          your account and to keep this information up to date. You are
-          responsible for all activity that occurs under your account. We reserve
-          the right to suspend or terminate accounts that violate these Terms.
-        </p>
-        <!-- Full legal text to be added -->
-      </div>
-
-      <!-- 7. Intellectual Property Rights -->
-      <div>
-        <h2 class="text-xl font-semibold text-white">
-          7. Intellectual Property Rights
-        </h2>
-        <p class="mt-4 text-sm leading-relaxed text-smoke-700">
-          The Services, excluding open-source components, are owned by Comfy and
-          are protected by intellectual property laws. The Comfy name, logo, and
-          branding are trademarks of Comfy Org, Inc. You retain ownership of any
-          User Content you create. By submitting User Content to the Services,
-          you grant Comfy a non-exclusive, worldwide, royalty-free license to
-          host, display, and distribute such content as necessary to operate the
-          Services.
-        </p>
-        <!-- Full legal text to be added -->
-      </div>
-
-      <!-- 8. Model and Workflow Distribution -->
-      <div>
-        <h2 class="text-xl font-semibold text-white">
-          8. Model and Workflow Distribution
-        </h2>
-        <p class="mt-4 text-sm leading-relaxed text-smoke-700">
-          When you distribute models, workflows, or custom nodes through the
-          Registry or Services, you represent that you have the right to
-          distribute such content and that it does not infringe any third-party
-          rights. You are responsible for specifying an appropriate license for
-          any content you distribute. Comfy does not claim ownership of content
-          distributed through the Registry.
-        </p>
-        <!-- Full legal text to be added -->
-      </div>
-
-      <!-- 9. Fees and Payment -->
-      <div>
-        <h2 class="text-xl font-semibold text-white">9. Fees and Payment</h2>
-        <p class="mt-4 text-sm leading-relaxed text-smoke-700">
-          Certain Services may be offered for a fee. If you choose to use paid
-          features, you agree to pay all applicable fees as described at the time
-          of purchase. Fees are non-refundable except as required by law or as
-          expressly stated in these Terms. Comfy reserves the right to change
-          pricing with reasonable notice.
-        </p>
-        <!-- Full legal text to be added -->
-      </div>
-
-      <!-- 10. Term and Termination -->
-      <div>
-        <h2 class="text-xl font-semibold text-white">
-          10. Term and Termination
-        </h2>
-        <p class="mt-4 text-sm leading-relaxed text-smoke-700">
-          These Terms remain in effect while you use the Services. You may stop
-          using the Services at any time. Comfy may suspend or terminate your
-          access to the Services at any time, with or without cause and with or
-          without notice. Upon termination, your right to use the Services will
-          immediately cease. Sections that by their nature should survive
-          termination will continue to apply.
-        </p>
-        <!-- Full legal text to be added -->
-      </div>
-
-      <!-- 11. Disclaimer of Warranties -->
-      <div>
-        <h2 class="text-xl font-semibold text-white">
-          11. Disclaimer of Warranties
-        </h2>
-        <p class="mt-4 text-sm uppercase leading-relaxed text-smoke-700">
-          The Services are provided "as is" and "as available" without warranties
-          of any kind, either express or implied, including but not limited to
-          implied warranties of merchantability, fitness for a particular
-          purpose, and non-infringement. Comfy does not warrant that the Services
-          will be uninterrupted, error-free, or secure.
-        </p>
-        <!-- Full legal text to be added -->
-      </div>
-
-      <!-- 12. Limitation of Liability -->
-      <div>
-        <h2 class="text-xl font-semibold text-white">
-          12. Limitation of Liability
-        </h2>
-        <p class="mt-4 text-sm uppercase leading-relaxed text-smoke-700">
-          To the maximum extent permitted by law, Comfy shall not be liable for
-          any indirect, incidental, special, consequential, or punitive damages,
-          or any loss of profits or revenues, whether incurred directly or
-          indirectly, or any loss of data, use, goodwill, or other intangible
-          losses resulting from your use of the Services. Comfy's total liability
-          shall not exceed the amounts paid by you to Comfy in the twelve months
-          preceding the claim.
-        </p>
-        <!-- Full legal text to be added -->
-      </div>
-
-      <!-- 13. Indemnification -->
-      <div>
-        <h2 class="text-xl font-semibold text-white">13. Indemnification</h2>
-        <p class="mt-4 text-sm leading-relaxed text-smoke-700">
-          You agree to indemnify, defend, and hold harmless Comfy, its officers,
-          directors, employees, and agents from and against any claims,
-          liabilities, damages, losses, and expenses arising out of or in any
-          way connected with your access to or use of the Services, your User
-          Content, or your violation of these Terms.
-        </p>
-        <!-- Full legal text to be added -->
-      </div>
-
-      <!-- 14. Governing Law and Dispute Resolution -->
-      <div>
-        <h2 class="text-xl font-semibold text-white">
-          14. Governing Law and Dispute Resolution
-        </h2>
-        <p class="mt-4 text-sm leading-relaxed text-smoke-700">
-          These Terms shall be governed by and construed in accordance with the
-          laws of the State of Delaware, without regard to its conflict of laws
-          principles. Any disputes arising under these Terms shall be resolved
-          through binding arbitration in accordance with the rules of the
-          American Arbitration Association, except that either party may seek
-          injunctive relief in any court of competent jurisdiction.
-        </p>
-        <!-- Full legal text to be added -->
-      </div>
-
-      <!-- 15. Miscellaneous -->
-      <div>
-        <h2 class="text-xl font-semibold text-white">15. Miscellaneous</h2>
-        <p class="mt-4 text-sm leading-relaxed text-smoke-700">
-          These Terms constitute the entire agreement between you and Comfy
-          regarding the Services. If any provision of these Terms is found to be
-          unenforceable, the remaining provisions will continue in effect. Our
-          failure to enforce any right or provision of these Terms will not be
-          considered a waiver. We may assign our rights under these Terms. You
-          may not assign your rights without our prior written consent.
-        </p>
-        <!-- Full legal text to be added -->
-      </div>
-
-      <!-- Contact -->
-      <div class="border-t border-white/10 pt-12">
-        <h2 class="text-xl font-semibold text-white">Contact Us</h2>
-        <p class="mt-4 text-sm leading-relaxed text-smoke-700">
-          If you have questions about these Terms, please contact us at
-          <a
-            href="mailto:legal@comfy.org"
-            class="text-white underline transition-colors hover:text-smoke-700"
-          >
-            legal@comfy.org
-          </a>.
-        </p>
-      </div>
-    </section>
-  </main>
-  <SiteFooter />
-</BaseLayout>

apps/website/src/pages/zh-CN/about.astro

@@ -1,176 +0,0 @@
----
-import BaseLayout from '../../layouts/BaseLayout.astro'
-import SiteNav from '../../components/SiteNav.vue'
-import SiteFooter from '../../components/SiteFooter.vue'
-
-const team = [
-  { name: 'comfyanonymous', role: 'Creator of ComfyUI, cofounder' },
-  { name: 'Dr.Lt.Data', role: 'Creator of ComfyUI-Manager and Impact/Inspire Pack' },
-  { name: 'pythongosssss', role: 'Major contributor, creator of ComfyUI-Custom-Scripts' },
-  { name: 'yoland68', role: 'Creator of ComfyCLI, cofounder, ex-Google' },
-  { name: 'robinjhuang', role: 'Maintains Comfy Registry, cofounder, ex-Google Cloud' },
-  { name: 'jojodecay', role: 'ComfyUI event series host, community & partnerships' },
-  { name: 'christian-byrne', role: 'Fullstack developer' },
-  { name: 'Kosinkadink', role: 'Creator of AnimateDiff-Evolved and Advanced-ControlNet' },
-  { name: 'webfiltered', role: 'Overhauled Litegraph library' },
-  { name: 'Pablo', role: 'Product Design, ex-AI startup founder' },
-  { name: 'ComfyUI Wiki (Daxiong)', role: 'Official docs and templates' },
-  { name: 'ctrlbenlu (Ben)', role: 'Software engineer, ex-robotics' },
-  { name: 'Purz Beats', role: 'Motion graphics designer and ML Engineer' },
-  { name: 'Ricyu (Rich)', role: 'Software engineer, ex-Meta' },
-]
-
-const collaborators = [
-  { name: 'Yogo', role: 'Collaborator' },
-  { name: 'Fill (Machine Delusions)', role: 'Collaborator' },
-  { name: 'Julien (MJM)', role: 'Collaborator' },
-]
-
-const projects = [
-  { name: 'ComfyUI', description: 'The core node-based interface for generative AI workflows.' },
-  { name: 'ComfyUI Manager', description: 'Install, update, and manage custom nodes with one click.' },
-  { name: 'Comfy Registry', description: 'The official registry for publishing and discovering custom nodes.' },
-  { name: 'Frontends', description: 'The desktop and web frontends that power the ComfyUI experience.' },
-  { name: 'Docs', description: 'Official documentation, guides, and tutorials.' },
-]
-
-const faqs = [
-  {
-    q: 'Is ComfyUI free?',
-    a: 'Yes. ComfyUI is free and open-source under the GPL-3.0 license. You can use it for personal and commercial projects.',
-  },
-  {
-    q: 'Who is behind ComfyUI?',
-    a: 'ComfyUI was created by comfyanonymous and is maintained by a small, dedicated team of developers and community contributors.',
-  },
-  {
-    q: 'How can I contribute?',
-    a: 'Check out our GitHub repositories to report issues, submit pull requests, or build custom nodes. Join our Discord community to connect with other contributors.',
-  },
-  {
-    q: 'What are the future plans?',
-    a: 'We are focused on making ComfyUI the operating system for generative AI — improving performance, expanding model support, and building better tools for creators and developers.',
-  },
-]
----
-
-<BaseLayout title="关于我们 — Comfy" description="Learn about the team and mission behind ComfyUI, the open-source generative AI platform.">
-  <SiteNav client:load />
-  <main>
-    <!-- Hero -->
-    <section class="px-6 pb-24 pt-40 text-center">
-      <h1 class="mx-auto max-w-4xl text-4xl font-bold leading-tight md:text-6xl">
-        Crafting the next frontier of visual and audio media
-      </h1>
-      <p class="mx-auto mt-6 max-w-2xl text-lg text-smoke-700">
-        An open-source community and company building the most powerful tools for generative AI creators.
-      </p>
-    </section>
-
-    <!-- Our Mission -->
-    <section class="bg-charcoal-800 px-6 py-24">
-      <div class="mx-auto max-w-3xl text-center">
-        <h2 class="text-sm font-semibold uppercase tracking-widest text-brand-yellow">Our Mission</h2>
-        <p class="mt-6 text-3xl font-bold md:text-4xl">
-          We want to build the operating system for Gen AI.
-        </p>
-        <p class="mt-6 text-lg leading-relaxed text-smoke-700">
-          We're building the foundational tools that give creators full control over generative AI.
-          From image and video synthesis to audio generation, ComfyUI provides a modular,
-          node-based environment where professionals and enthusiasts can craft, iterate,
-          and deploy production-quality workflows — without black boxes.
-        </p>
-      </div>
-    </section>
-
-    <!-- What Do We Do? -->
-    <section class="px-6 py-24">
-      <div class="mx-auto max-w-5xl">
-        <h2 class="text-center text-3xl font-bold md:text-4xl">What Do We Do?</h2>
-        <div class="mt-12 grid gap-6 sm:grid-cols-2 lg:grid-cols-3">
-          {projects.map((project) => (
-            <div class="rounded-xl border border-white/10 bg-charcoal-600 p-6">
-              <h3 class="text-lg font-semibold">{project.name}</h3>
-              <p class="mt-2 text-sm text-smoke-700">{project.description}</p>
-            </div>
-          ))}
-        </div>
-      </div>
-    </section>
-
-    <!-- Who We Are -->
-    <section class="bg-charcoal-800 px-6 py-24">
-      <div class="mx-auto max-w-3xl text-center">
-        <h2 class="text-3xl font-bold md:text-4xl">Who We Are</h2>
-        <p class="mt-6 text-lg leading-relaxed text-smoke-700">
-          ComfyUI started as a personal project by comfyanonymous and grew into a global community
-          of creators, developers, and researchers. Today, Comfy Org is a small, flat team based in
-          San Francisco, backed by investors who believe in open-source AI tooling. We work
-          alongside an incredible community of contributors who build custom nodes, share workflows,
-          and push the boundaries of what's possible with generative AI.
-        </p>
-      </div>
-    </section>
-
-    <!-- Team -->
-    <section class="px-6 py-24">
-      <div class="mx-auto max-w-6xl">
-        <h2 class="text-center text-3xl font-bold md:text-4xl">Team</h2>
-        <div class="mt-12 grid gap-6 grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
-          {team.map((member) => (
-            <div class="rounded-xl border border-white/10 p-5 text-center">
-              <div class="mx-auto h-16 w-16 rounded-full bg-charcoal-600" />
-              <h3 class="mt-4 font-semibold">{member.name}</h3>
-              <p class="mt-1 text-sm text-smoke-700">{member.role}</p>
-            </div>
-          ))}
-        </div>
-      </div>
-    </section>
-
-    <!-- Collaborators -->
-    <section class="bg-charcoal-800 px-6 py-16">
-      <div class="mx-auto max-w-4xl text-center">
-        <h2 class="text-2xl font-bold">Collaborators</h2>
-        <div class="mt-8 flex flex-wrap items-center justify-center gap-8">
-          {collaborators.map((person) => (
-            <div class="text-center">
-              <div class="mx-auto h-14 w-14 rounded-full bg-charcoal-600" />
-              <p class="mt-3 font-semibold">{person.name}</p>
-            </div>
-          ))}
-        </div>
-      </div>
-    </section>
-
-    <!-- FAQs -->
-    <section class="px-6 py-24">
-      <div class="mx-auto max-w-3xl">
-        <h2 class="text-center text-3xl font-bold md:text-4xl">FAQs</h2>
-        <div class="mt-12 space-y-10">
-          {faqs.map((faq) => (
-            <div>
-              <h3 class="text-lg font-semibold">{faq.q}</h3>
-              <p class="mt-2 text-smoke-700">{faq.a}</p>
-            </div>
-          ))}
-        </div>
-      </div>
-    </section>
-
-    <!-- Join Our Team CTA -->
-    <section class="bg-charcoal-800 px-6 py-24 text-center">
-      <h2 class="text-3xl font-bold md:text-4xl">Join Our Team</h2>
-      <p class="mx-auto mt-4 max-w-xl text-smoke-700">
-        We're looking for people who are passionate about open-source, generative AI, and building great developer tools.
-      </p>
-      <a
-        href="/careers"
-        class="mt-8 inline-block rounded-full bg-brand-yellow px-8 py-3 text-sm font-semibold text-black transition-opacity hover:opacity-90"
-      >
-        View Open Positions
-      </a>
-    </section>
-  </main>
-  <SiteFooter />
-</BaseLayout>

apps/website/src/pages/zh-CN/careers.astro

@@ -1,200 +0,0 @@
----
-import BaseLayout from '../../layouts/BaseLayout.astro'
-import SiteNav from '../../components/SiteNav.vue'
-import SiteFooter from '../../components/SiteFooter.vue'
-
-const departments = [
-  {
-    name: '工程',
-    roles: [
-      { title: 'Design Engineer', id: 'abc787b9-ad85-421c-8218-debd23bea096' },
-      { title: 'Software Engineer, ComfyUI Desktop', id: 'ad2f76cb-a787-47d8-81c5-7e7f917747c0' },
-      { title: 'Product Manager, ComfyUI (open-source)', id: '12dbc26e-9f6d-49bf-83c6-130f7566d03c' },
-      { title: 'Senior Software Engineer, Frontend Generalist', id: 'c3e0584d-5490-491f-aae4-b5922ef63fd2' },
-      { title: 'Software Engineer, Frontend Generalist', id: '99dc26c7-51ca-43cd-a1ba-7d475a0f4a40' },
-      { title: 'Tech Lead Manager, Frontend', id: 'a0665088-3314-457a-aa7b-12ca5c3eb261' },
-      { title: 'Senior Software Engineer, Comfy Cloud', id: '27cdf4ce-69a4-44da-b0ec-d54875fd14a1' },
-      { title: 'Senior Applied AI/ML Engineer', id: '5cc4d0bc-97b0-463b-8466-3ec1d07f6ac0' },
-      { title: 'Senior Engineer, Backend Generalist', id: '732f8b39-076d-4847-afe3-f54d4451607e' },
-      { title: 'Software Engineer, Core ComfyUI Contributor', id: '7d4062d6-d500-445a-9a5f-014971af259f' },
-    ],
-  },
-  {
-    name: '设计',
-    roles: [
-      { title: 'Graphic Designer', id: '49fa0b07-3fa1-4a3a-b2c6-d2cc684ad63f' },
-      { title: 'Creative Artist', id: '19ba10aa-4961-45e8-8473-66a8a7a8079d' },
-      { title: 'Senior Product Designer', id: 'b2e864c6-4754-4e04-8f46-1022baa103c3' },
-      { title: 'Freelance Motion Designer', id: 'a7ccc2b4-4d9d-4e04-b39c-28a711995b5b' },
-    ],
-  },
-  {
-    name: '市场营销',
-    roles: [
-      { title: 'Partnership & Events Marketing Manager', id: '89d3ff75-2055-4e92-9c69-81feff55627c' },
-      { title: 'Lifecycle Growth Marketer', id: 'be74d210-3b50-408c-9f61-8fee8833ce64' },
-      { title: 'Social Media Manager', id: '28dea965-662b-4786-b024-c9a1b6bc1f23' },
-    ],
-  },
-  {
-    name: '商务运营/增长',
-    roles: [
-      { title: 'Founding Account Executive', id: '061ff83a-fe18-40f7-a5c4-4ce7da7086a6' },
-      { title: 'Senior Technical Recruiter', id: 'd5008532-c45d-46e6-ba2c-20489d364362' },
-    ],
-  },
-]
-
-const whyJoinUs = [
-  '你想打造赋能他人创作的工具。',
-  '你喜欢从事已经在驱动真实世界视频、图像、音乐和应用的基础技术。',
-  '你关心开放、免费的替代方案，而非封闭的 AI 平台。',
-  '你相信艺术家、黑客和独立创作者应该真正掌控自己的工具。',
-  '你想在一个精干、务实、快速迭代的小团队中工作。',
-]
-
-const notAFit = [
-  '你需要一切都计划好。我们边做边摸索，方向变化很快。如果不确定性让你焦虑，你可能不会喜欢这里。',
-  '你只把自己定位为程序员/[某个职位]。在这里，每个人都会做各种事情——和用户交流、写文档，什么需要做就做什么。我们需要主动补位的人。',
-  '你需要完善的流程。我们在做一件革命性的事情，这意味着要自己写规则。如果你需要清晰的结构，这可能会让你抓狂。',
-  '你喜欢经理来检查你的工作。我们信任每个人端到端地负责自己的工作。看到问题就修复——不需要请示。',
-  '你倾向于等到掌握所有信息再行动。我们经常需要在信息不完整的情况下做决定，然后在过程中调整。分析瘫痪在这里行不通。',
-  '你有很大的自我。我们追求突破边界和解决难题，而不是个人英雄主义。如果你无法接受直接的反馈或从错误中学习，这里不适合你。',
-]
-
-const questions = [
-  '团队文化是什么样的？',
-  '我需要什么样的背景才能申请？',
-  '如何申请？',
-  '招聘流程是什么样的？',
-  '线下还是远程？',
-  '如何提高获得工作的机会？',
-  '如果我需要签证担保在美国工作怎么办？',
-  '我能获得简历和面试的反馈吗？',
-]
----
-
-<BaseLayout
-  title="招聘 — Comfy"
-  description="加入构建生成式 AI 操作系统的团队。工程、设计、市场营销等岗位开放招聘中。"
->
-  <SiteNav client:load />
-  <main>
-    <!-- Hero -->
-    <section class="px-6 pb-24 pt-40">
-      <div class="mx-auto max-w-4xl text-center">
-        <h1 class="text-4xl font-bold tracking-tight md:text-6xl">
-          构建生成式 AI 的
-          <br />
-          <span class="text-brand-yellow">&ldquo;操作系统&rdquo;</span>
-        </h1>
-        <p class="mx-auto mt-6 max-w-2xl text-lg leading-relaxed text-smoke-700">
-          我们是全球领先的<strong class="text-white">视觉 AI 平台</strong>——一个开放、模块化的系统，任何人都可以精确地构建、
-          定制和自动化 AI 工作流，并拥有完全的控制权。与大多数将内部机制隐藏在简单提示框后面的 AI 工具不同，我们赋予专业人士
-          <strong class="text-white">设计自己管线的自由</strong>——像积木一样将模型、工具和逻辑可视化地连接起来。
-        </p>
-        <p class="mx-auto mt-4 max-w-2xl text-lg leading-relaxed text-smoke-700">
-          ComfyUI 被<strong class="text-white">艺术家、电影人、游戏创作者、设计师、研究人员、视效公司</strong>等使用，
-          其中包括 <strong class="text-white">OpenAI、Netflix、Amazon Studios、育碧、EA 和腾讯</strong>的团队——他们都想超越预设，
-          真正塑造 AI 的创作方式。
-        </p>
-      </div>
-    </section>
-
-    <!-- Job Listings -->
-    <section class="border-t border-white/10 px-6 py-24">
-      <div class="mx-auto max-w-4xl">
-        {departments.map((dept) => (
-          <div class="mb-16 last:mb-0">
-            <h2 class="mb-6 text-sm font-semibold uppercase tracking-widest text-brand-yellow">
-              {dept.name}
-            </h2>
-            <div class="space-y-3">
-              {dept.roles.map((role) => (
-                <a
-                  href={`https://jobs.ashbyhq.com/comfy-org/${role.id}`}
-                  target="_blank"
-                  rel="noopener noreferrer"
-                  class="flex items-center justify-between rounded-lg border border-white/10 px-5 py-4 transition-colors hover:border-brand-yellow"
-                >
-                  <span class="font-medium">{role.title}</span>
-                  <span class="text-sm text-smoke-700">→</span>
-                </a>
-              ))}
-            </div>
-          </div>
-        ))}
-      </div>
-    </section>
-
-    <!-- Why Join Us / When It's Not a Fit — 2-column layout -->
-    <section class="border-t border-white/10 bg-charcoal-800 px-6 py-24">
-      <div class="mx-auto grid max-w-5xl gap-16 md:grid-cols-2">
-        <!-- Why Join Us -->
-        <div>
-          <h2 class="mb-8 text-sm font-semibold uppercase tracking-widest text-brand-yellow">
-            为什么加入我们？
-          </h2>
-          <ul class="space-y-4">
-            {whyJoinUs.map((item) => (
-              <li class="flex gap-3 text-smoke-700">
-                <span class="mt-1 text-brand-yellow">•</span>
-                <span>{item}</span>
-              </li>
-            ))}
-          </ul>
-        </div>
-
-        <!-- When It's Not a Fit -->
-        <div>
-          <h2 class="mb-4 text-sm font-semibold uppercase tracking-widest text-white">
-            不太适合的情况
-          </h2>
-          <p class="mb-8 text-sm text-smoke-700">
-            在 Comfy Org 工作并不适合所有人，这完全没问题。如果以下情况符合你，你可能需要考虑其他机会：
-          </p>
-          <ul class="space-y-4">
-            {notAFit.map((item) => (
-              <li class="flex gap-3 text-sm text-smoke-700">
-                <span class="mt-0.5 text-white/40">—</span>
-                <span>{item}</span>
-              </li>
-            ))}
-          </ul>
-        </div>
-      </div>
-    </section>
-
-    <!-- Q&A -->
-    <section class="border-t border-white/10 px-6 py-24">
-      <div class="mx-auto max-w-4xl">
-        <h2 class="mb-10 text-sm font-semibold uppercase tracking-widest text-brand-yellow">
-          常见问题
-        </h2>
-        <ul class="space-y-4">
-          {questions.map((q) => (
-            <li class="rounded-lg border border-white/10 px-5 py-4 font-medium">
-              {q}
-            </li>
-          ))}
-        </ul>
-      </div>
-    </section>
-
-    <!-- Contact CTA -->
-    <section class="border-t border-white/10 px-6 py-24">
-      <div class="mx-auto max-w-4xl text-center">
-        <h2 class="text-3xl font-bold">有问题？联系我们！</h2>
-        <a
-          href="https://support.comfy.org/"
-          target="_blank"
-          rel="noopener noreferrer"
-          class="mt-8 inline-block rounded-full bg-brand-yellow px-8 py-3 text-sm font-semibold text-black transition-opacity hover:opacity-90"
-        >
-          联系我们
-        </a>
-      </div>
-    </section>
-  </main>
-  <SiteFooter />
-</BaseLayout>

apps/website/src/pages/zh-CN/download.astro

@@ -1,80 +0,0 @@
----
-import BaseLayout from '../../layouts/BaseLayout.astro'
-import SiteNav from '../../components/SiteNav.vue'
-import SiteFooter from '../../components/SiteFooter.vue'
-
-const cards = [
-  {
-    icon: '🪟',
-    title: 'Windows',
-    description: '需要 NVIDIA 或 AMD 显卡',
-    cta: '下载 Windows 版',
-    href: 'https://download.comfy.org/windows/nsis/x64',
-    outlined: false,
-  },
-  {
-    icon: '🍎',
-    title: 'Mac',
-    description: '需要 Apple Silicon (M 系列)',
-    cta: '下载 Mac 版',
-    href: 'https://download.comfy.org/mac/dmg/arm64',
-    outlined: false,
-  },
-  {
-    icon: '🐙',
-    title: 'GitHub',
-    description: '在任何平台上从源码构建',
-    cta: '从 GitHub 安装',
-    href: 'https://github.com/comfyanonymous/ComfyUI',
-    outlined: true,
-  },
-]
----
-
-<BaseLayout title="下载 — Comfy">
-  <SiteNav client:load />
-  <main class="mx-auto max-w-5xl px-6 py-32 text-center">
-    <h1 class="text-4xl font-bold text-white md:text-5xl">
-      下载 ComfyUI
-    </h1>
-    <p class="mt-4 text-lg text-smoke-700">
-      在本地体验 AI 创作
-    </p>
-
-    <div class="mt-16 grid grid-cols-1 gap-6 md:grid-cols-3">
-      {cards.map((card) => (
-        <a
-          href={card.href}
-          class="flex flex-col items-center rounded-xl border border-white/10 bg-charcoal-600 p-8 text-center transition-colors hover:border-brand-yellow"
-        >
-          <span class="text-4xl" aria-hidden="true">{card.icon}</span>
-          <h2 class="mt-4 text-xl font-semibold text-white">{card.title}</h2>
-          <p class="mt-2 text-sm text-smoke-700">{card.description}</p>
-          <span
-            class:list={[
-              'mt-6 inline-block rounded-full px-6 py-2 text-sm font-semibold transition-opacity hover:opacity-90',
-              card.outlined
-                ? 'border border-brand-yellow text-brand-yellow'
-                : 'bg-brand-yellow text-black',
-            ]}
-          >
-            {card.cta}
-          </span>
-        </a>
-      ))}
-    </div>
-
-    <div class="mt-20 rounded-xl border border-white/10 bg-charcoal-800 p-8">
-      <p class="text-lg text-smoke-700">
-        没有 GPU？{' '}
-        <a
-          href="https://app.comfy.org"
-          class="font-semibold text-brand-yellow hover:underline"
-        >
-          试试 Comfy Cloud →
-        </a>
-      </p>
-    </div>
-  </main>
-  <SiteFooter />
-</BaseLayout>

apps/website/src/pages/zh-CN/gallery.astro

@@ -1,43 +0,0 @@
----
-import BaseLayout from '../../layouts/BaseLayout.astro'
-import SiteNav from '../../components/SiteNav.vue'
-import SiteFooter from '../../components/SiteFooter.vue'
----
-
-<BaseLayout title="作品集 — Comfy">
-  <SiteNav client:load />
-  <main class="bg-black text-white">
-    <!-- Hero -->
-    <section class="mx-auto max-w-5xl px-6 pb-16 pt-32 text-center">
-      <h1 class="text-4xl font-bold tracking-tight sm:text-5xl">
-        在 ComfyUI 中<span class="text-brand-yellow">构建、调整与梦想</span>
-      </h1>
-      <p class="mx-auto mt-4 max-w-2xl text-lg text-smoke-700">
-        社区使用 ComfyUI 创作的精彩作品一瞥。
-      </p>
-    </section>
-
-    <!-- Placeholder Grid -->
-    <section class="mx-auto max-w-6xl px-6 pb-24">
-      <div class="grid grid-cols-1 gap-6 sm:grid-cols-2 md:grid-cols-3">
-        {Array.from({ length: 6 }).map(() => (
-          <div class="flex aspect-video items-center justify-center rounded-xl border border-white/10 bg-charcoal-600">
-            <p class="text-sm text-smoke-700">社区展示即将上线</p>
-          </div>
-        ))}
-      </div>
-    </section>
-
-    <!-- CTA -->
-    <section class="mx-auto max-w-3xl px-6 pb-32 text-center">
-      <h2 class="text-2xl font-semibold">有很酷的作品想分享？</h2>
-      <a
-        href="https://support.comfy.org/"
-        class="mt-6 inline-block rounded-full bg-brand-yellow px-8 py-3 font-medium text-black transition hover:opacity-90"
-      >
-        联系我们
-      </a>
-    </section>
-  </main>
-  <SiteFooter />
-</BaseLayout>

apps/website/src/pages/zh-CN/privacy-policy.astro

@@ -1,233 +0,0 @@
----
-import BaseLayout from '../../layouts/BaseLayout.astro'
-import SiteNav from '../../components/SiteNav.vue'
-import SiteFooter from '../../components/SiteFooter.vue'
----
-
-<BaseLayout
-  title="隐私政策 — Comfy"
-  description="Comfy 隐私政策。了解我们如何收集、使用和保护您的个人信息。"
-  noindex
->
-  <SiteNav client:load />
-  <main class="mx-auto max-w-3xl px-6 py-24">
-    <h1 class="text-3xl font-bold text-white">隐私政策</h1>
-    <p class="mt-2 text-sm text-smoke-500">生效日期：2025年4月18日</p>
-
-    <section>
-      <h2 class="mt-12 mb-4 text-xl font-semibold text-white">简介</h2>
-      <p class="text-sm leading-relaxed text-smoke-500">
-        您的隐私对我们非常重要。本隐私政策说明了 Comfy Org, Inc.（"Comfy"、
-        "我们"）在您使用我们位于 comfy.org 的网站及相关服务时，如何收集、使用、
-        共享和保护您的个人信息。
-      </p>
-      <!-- Full legal text to be added -->
-    </section>
-
-    <section>
-      <h2 class="mt-12 mb-4 text-xl font-semibold text-white">
-        我们收集的信息
-      </h2>
-      <p class="text-sm leading-relaxed text-smoke-500">
-        当您与我们的服务互动时，我们可能会收集以下个人信息：
-      </p>
-      <ul class="mt-3 list-disc space-y-2 pl-5 text-sm text-smoke-500">
-        <li>姓名</li>
-        <li>电子邮件地址</li>
-      </ul>
-      <p class="mt-3 text-sm leading-relaxed text-smoke-500">
-        我们在您自愿提供信息时收集这些信息，例如当您创建账户、订阅通讯或联系客服时。
-      </p>
-      <!-- Full legal text to be added -->
-    </section>
-
-    <section>
-      <h2 class="mt-12 mb-4 text-xl font-semibold text-white">
-        处理您个人信息的合法理由
-      </h2>
-      <p class="text-sm leading-relaxed text-smoke-500">
-        我们仅在有合法理由时才收集和使用您的个人信息。我们处理个人信息是为了提供、改进和管理我们的服务；与您沟通；确保安全和防止欺诈；以及遵守适用法律。
-      </p>
-      <!-- Full legal text to be added -->
-    </section>
-
-    <section>
-      <h2 class="mt-12 mb-4 text-xl font-semibold text-white">
-        我们保留您信息的时间
-      </h2>
-      <p class="text-sm leading-relaxed text-smoke-500">
-        我们仅在实现本政策所述目的所必需的期限内保留您的个人信息，除非法律要求或允许更长的保留期限。当我们不再需要您的信息时，我们将安全地删除或匿名化处理。
-      </p>
-      <!-- Full legal text to be added -->
-    </section>
-
-    <section>
-      <h2 class="mt-12 mb-4 text-xl font-semibold text-white">儿童隐私</h2>
-      <p class="text-sm leading-relaxed text-smoke-500">
-        我们不会故意收集13岁以下儿童的个人信息。如果我们发现已收集了13岁以下儿童的个人信息，我们将尽快采取措施删除该等信息。如果您认为我们收集了13岁以下儿童的信息，请通过
-        <a href="mailto:support@comfy.org" class="text-white underline">
-          support@comfy.org
-        </a>
-        与我们联系。
-      </p>
-      <!-- Full legal text to be added -->
-    </section>
-
-    <section>
-      <h2 class="mt-12 mb-4 text-xl font-semibold text-white">
-        向第三方披露个人信息
-      </h2>
-      <p class="text-sm leading-relaxed text-smoke-500">
-        我们可能会向协助我们运营服务的第三方服务提供商披露个人信息。这包括 Stripe
-        等支付处理商、云托管提供商和分析服务。我们要求这些方按照本政策和适用法律处理您的数据。
-      </p>
-      <!-- Full legal text to be added -->
-    </section>
-
-    <section>
-      <h2 class="mt-12 mb-4 text-xl font-semibold text-white">
-        您的权利及控制您的个人信息
-      </h2>
-      <p class="text-sm leading-relaxed text-smoke-500">
-        根据您所在的地区，您可能拥有以下关于您个人信息的权利：
-      </p>
-      <ul class="mt-3 list-disc space-y-2 pl-5 text-sm text-smoke-500">
-        <li>访问我们持有的关于您的个人信息的权利。</li>
-        <li>请求更正不准确的个人信息的权利。</li>
-        <li>请求删除您的个人信息的权利。</li>
-        <li>反对或限制处理的权利。</li>
-        <li>数据可携带权。</li>
-        <li>随时撤回同意的权利。</li>
-      </ul>
-      <p class="mt-3 text-sm leading-relaxed text-smoke-500">
-        如需行使任何这些权利，请通过
-        <a href="mailto:support@comfy.org" class="text-white underline">
-          support@comfy.org
-        </a>
-        与我们联系。
-      </p>
-      <!-- Full legal text to be added -->
-    </section>
-
-    <section>
-      <h2 class="mt-12 mb-4 text-xl font-semibold text-white">
-        本政策的局限性
-      </h2>
-      <p class="text-sm leading-relaxed text-smoke-500">
-        我们的网站可能链接到非我们运营的外部网站。请注意，我们无法控制这些网站的内容和做法，也无法对其各自的隐私政策承担责任。
-      </p>
-      <!-- Full legal text to be added -->
-    </section>
-
-    <section>
-      <h2 class="mt-12 mb-4 text-xl font-semibold text-white">
-        本政策的变更
-      </h2>
-      <p class="text-sm leading-relaxed text-smoke-500">
-        我们可能会不时更新本隐私政策，以反映我们做法的变化或出于其他运营、法律或监管原因。我们将通过在网站上发布更新后的政策并注明修订后的生效日期来通知您任何重大变更。
-      </p>
-      <!-- Full legal text to be added -->
-    </section>
-
-    <section>
-      <h2 class="mt-12 mb-4 text-xl font-semibold text-white">
-        美国各州隐私合规
-      </h2>
-      <p class="text-sm leading-relaxed text-smoke-500">
-        我们在适用的情况下遵守以下美国各州的隐私法：
-      </p>
-      <ul class="mt-3 list-disc space-y-2 pl-5 text-sm text-smoke-500">
-        <li>加利福尼亚州（CCPA / CPRA）</li>
-        <li>科罗拉多州（CPA）</li>
-        <li>特拉华州（DPDPA）</li>
-        <li>佛罗里达州（FDBR）</li>
-        <li>弗吉尼亚州（VCDPA）</li>
-        <li>犹他州（UCPA）</li>
-      </ul>
-      <p class="mt-3 text-sm leading-relaxed text-smoke-500">
-        这些州的居民可能拥有额外的权利，包括了解收集了哪些个人信息的权利、删除个人信息的权利以及选择退出出售个人信息的权利。如需行使这些权利，请通过
-        <a href="mailto:support@comfy.org" class="text-white underline">
-          support@comfy.org
-        </a>
-        与我们联系。
-      </p>
-      <!-- Full legal text to be added -->
-    </section>
-
-    <section>
-      <h2 class="mt-12 mb-4 text-xl font-semibold text-white">
-        请勿追踪（Do Not Track）
-      </h2>
-      <p class="text-sm leading-relaxed text-smoke-500">
-        某些浏览器包含"请勿追踪"（DNT）功能，向网站发出您不希望被追踪的信号。目前尚无关于公司应如何回应
-        DNT 信号的统一标准。目前，我们不会回应 DNT 信号。
-      </p>
-      <!-- Full legal text to be added -->
-    </section>
-
-    <section>
-      <h2 class="mt-12 mb-4 text-xl font-semibold text-white">CCPA / CPPA</h2>
-      <p class="text-sm leading-relaxed text-smoke-500">
-        根据加利福尼亚消费者隐私法（CCPA）和加利福尼亚隐私保护局（CPPA）的规定，加利福尼亚州居民有权了解我们收集的个人信息、请求删除其数据以及选择退出出售其个人信息。我们不会出售个人信息。如需提出请求，请通过
-        <a href="mailto:support@comfy.org" class="text-white underline">
-          support@comfy.org
-        </a>
-        与我们联系。
-      </p>
-      <!-- Full legal text to be added -->
-    </section>
-
-    <section>
-      <h2 class="mt-12 mb-4 text-xl font-semibold text-white">
-        GDPR — 欧洲经济区
-      </h2>
-      <p class="text-sm leading-relaxed text-smoke-500">
-        如果您位于欧洲经济区（EEA），《通用数据保护条例》（GDPR）赋予您有关个人数据的某些权利，包括访问权、更正权、删除权、限制处理权、数据可携带权以及反对处理权。我们处理的法律依据包括同意、合同履行和合法利益。如需行使您的
-        GDPR 权利，请通过
-        <a href="mailto:support@comfy.org" class="text-white underline">
-          support@comfy.org
-        </a>
-        与我们联系。
-      </p>
-      <!-- Full legal text to be added -->
-    </section>
-
-    <section>
-      <h2 class="mt-12 mb-4 text-xl font-semibold text-white">英国 GDPR</h2>
-      <p class="text-sm leading-relaxed text-smoke-500">
-        如果您位于英国，英国《通用数据保护条例》（UK
-        GDPR）为您提供与欧盟 GDPR 类似的权利，包括访问、更正、删除和传输数据的权利。如需行使您在英国
-        GDPR 下的权利，请通过
-        <a href="mailto:support@comfy.org" class="text-white underline">
-          support@comfy.org
-        </a>
-        与我们联系。
-      </p>
-      <!-- Full legal text to be added -->
-    </section>
-
-    <section>
-      <h2 class="mt-12 mb-4 text-xl font-semibold text-white">
-        澳大利亚隐私
-      </h2>
-      <p class="text-sm leading-relaxed text-smoke-500">
-        如果您位于澳大利亚，《1988年隐私法》下的澳大利亚隐私原则（APPs）适用于我们对您个人信息的处理。您有权请求访问和更正您的个人信息。如果您认为我们违反了
-        APPs，您可以向我们或澳大利亚信息专员办公室（OAIC）提出投诉。
-      </p>
-      <!-- Full legal text to be added -->
-    </section>
-
-    <section>
-      <h2 class="mt-12 mb-4 text-xl font-semibold text-white">联系我们</h2>
-      <p class="text-sm leading-relaxed text-smoke-500">
-        如果您对本隐私政策或我们的数据处理方式有任何疑问或顾虑，请通过以下方式联系我们：
-      </p>
-      <p class="mt-3 text-sm leading-relaxed text-smoke-500">
-        <a href="mailto:support@comfy.org" class="text-white underline">
-          support@comfy.org
-        </a>
-      </p>
-    </section>
-  </main>
-  <SiteFooter />
-</BaseLayout>

apps/website/src/pages/zh-CN/terms-of-service.astro

@@ -1,220 +0,0 @@
----
-import BaseLayout from '../../layouts/BaseLayout.astro'
-import SiteNav from '../../components/SiteNav.vue'
-import SiteFooter from '../../components/SiteFooter.vue'
----
-
-<BaseLayout
-  title="服务条款 — Comfy"
-  description="ComfyUI 及相关 Comfy 服务的服务条款。"
-  noindex
->
-  <SiteNav client:load />
-  <main class="mx-auto max-w-3xl px-6 py-24 sm:py-32">
-    <header class="mb-16">
-      <h1 class="text-3xl font-bold text-white">服务条款</h1>
-      <p class="mt-2 text-lg text-smoke-700">适用于 ComfyUI</p>
-      <p class="mt-4 text-sm text-smoke-700">
-        生效日期：2025 年 3 月 1 日 · 最后更新：2025 年 3 月 1 日
-      </p>
-    </header>
-
-    <section class="space-y-12">
-      <!-- 引言 -->
-      <div>
-        <p class="text-sm leading-relaxed text-smoke-700">
-          欢迎使用 ComfyUI 及 Comfy Org, Inc.（以下简称"Comfy"、"我们"）提供的服务。访问或使用
-          ComfyUI、Comfy Registry、comfy.org 或我们的任何相关服务（统称"服务"）即表示您同意受本服务条款（"条款"）的约束。如果您不同意本条款，请勿使用本服务。
-        </p>
-        <!-- Full legal text to be added -->
-      </div>
-
-      <!-- 1. 定义 -->
-      <div>
-        <h2 class="text-xl font-semibold text-white">1. 定义</h2>
-        <ul class="mt-4 list-disc space-y-2 pl-5 text-sm leading-relaxed text-smoke-700">
-          <li>
-            <strong class="text-white">"ComfyUI"</strong>
-            指用于 AI 驱动内容生成的开源节点式可视化编程界面。
-          </li>
-          <li>
-            <strong class="text-white">"服务"</strong>
-            指 ComfyUI、Comfy Registry、comfy.org 网站、API、文档及 Comfy 运营的任何相关服务。
-          </li>
-          <li>
-            <strong class="text-white">"用户内容"</strong>
-            指您通过服务创建、上传或共享的任何内容、工作流、自定义节点、模型或其他材料。
-          </li>
-          <li>
-            <strong class="text-white">"Registry"</strong>
-            指 Comfy Registry，用于分发自定义节点和扩展的软件包仓库。
-          </li>
-        </ul>
-        <!-- Full legal text to be added -->
-      </div>
-
-      <!-- 2. ComfyUI 软件许可 -->
-      <div>
-        <h2 class="text-xl font-semibold text-white">2. ComfyUI 软件许可</h2>
-        <p class="mt-4 text-sm leading-relaxed text-smoke-700">
-          ComfyUI 基于 GNU 通用公共许可证 v3.0 (GPLv3) 发布。您对 ComfyUI
-          软件的使用受 GPLv3 许可条款的约束。本服务条款管辖您对托管服务、网站和
-          Registry 的使用，而非开源软件本身。
-        </p>
-        <!-- Full legal text to be added -->
-      </div>
-
-      <!-- 3. 使用服务 -->
-      <div>
-        <h2 class="text-xl font-semibold text-white">3. 使用服务</h2>
-        <p class="mt-4 text-sm leading-relaxed text-smoke-700">
-          您仅可在遵守本条款和所有适用法律的前提下使用服务。服务仅供年满 18
-          周岁的用户使用。使用服务即表示您声明并保证您符合此年龄要求，并有签订本条款的法律行为能力。
-        </p>
-        <!-- Full legal text to be added -->
-      </div>
-
-      <!-- 4. 您的责任 -->
-      <div>
-        <h2 class="text-xl font-semibold text-white">4. 您的责任</h2>
-        <p class="mt-4 text-sm leading-relaxed text-smoke-700">
-          您应对使用服务以及通过服务创建、共享或分发的任何内容负责。您同意以合法、尊重他人且符合本条款的方式使用服务。您全权负责维护账户凭据的安全。
-        </p>
-        <!-- Full legal text to be added -->
-      </div>
-
-      <!-- 5. 使用限制 -->
-      <div>
-        <h2 class="text-xl font-semibold text-white">5. 使用限制</h2>
-        <p class="mt-4 text-sm leading-relaxed text-smoke-700">
-          您同意不滥用服务，包括但不限于：
-        </p>
-        <ul class="mt-4 list-disc space-y-2 pl-5 text-sm leading-relaxed text-smoke-700">
-          <li>试图未经授权访问服务的任何部分</li>
-          <li>利用服务传播恶意软件、病毒或有害代码</li>
-          <li>干扰或破坏服务的完整性或性能</li>
-          <li>未经许可使用自动化手段抓取或爬取服务</li>
-          <li>发布包含恶意代码或侵犯第三方权利的自定义节点或工作流</li>
-        </ul>
-        <!-- Full legal text to be added -->
-      </div>
-
-      <!-- 6. 账户和用户信息 -->
-      <div>
-        <h2 class="text-xl font-semibold text-white">6. 账户和用户信息</h2>
-        <p class="mt-4 text-sm leading-relaxed text-smoke-700">
-          服务的某些功能可能要求您创建账户。您同意在创建账户时提供准确、完整的信息，并及时更新。您对账户下发生的所有活动负责。我们保留暂停或终止违反本条款的账户的权利。
-        </p>
-        <!-- Full legal text to be added -->
-      </div>
-
-      <!-- 7. 知识产权 -->
-      <div>
-        <h2 class="text-xl font-semibold text-white">7. 知识产权</h2>
-        <p class="mt-4 text-sm leading-relaxed text-smoke-700">
-          除开源组件外，服务归 Comfy 所有并受知识产权法保护。Comfy 名称、标志和品牌是 Comfy Org, Inc.
-          的商标。您保留您创建的任何用户内容的所有权。向服务提交用户内容即表示您授予 Comfy
-          一项非排他性、全球性、免版税的许可，以在运营服务所需的范围内托管、展示和分发此类内容。
-        </p>
-        <!-- Full legal text to be added -->
-      </div>
-
-      <!-- 8. 模型和工作流分发 -->
-      <div>
-        <h2 class="text-xl font-semibold text-white">8. 模型和工作流分发</h2>
-        <p class="mt-4 text-sm leading-relaxed text-smoke-700">
-          当您通过 Registry
-          或服务分发模型、工作流或自定义节点时，您声明您有权分发此类内容且其不侵犯任何第三方权利。您有责任为分发的内容指定适当的许可证。Comfy
-          不主张对通过 Registry 分发的内容的所有权。
-        </p>
-        <!-- Full legal text to be added -->
-      </div>
-
-      <!-- 9. 费用和付款 -->
-      <div>
-        <h2 class="text-xl font-semibold text-white">9. 费用和付款</h2>
-        <p class="mt-4 text-sm leading-relaxed text-smoke-700">
-          某些服务可能需要付费。如果您选择使用付费功能，则同意支付购买时所述的所有适用费用。除法律要求或本条款明确规定外，费用不予退还。Comfy
-          保留在合理通知后变更定价的权利。
-        </p>
-        <!-- Full legal text to be added -->
-      </div>
-
-      <!-- 10. 期限和终止 -->
-      <div>
-        <h2 class="text-xl font-semibold text-white">10. 期限和终止</h2>
-        <p class="mt-4 text-sm leading-relaxed text-smoke-700">
-          在您使用服务期间，本条款持续有效。您可随时停止使用服务。Comfy
-          可随时暂停或终止您对服务的访问，无论是否有原因，也无论是否事先通知。终止后，您使用服务的权利将立即终止。按其性质应在终止后继续有效的条款将继续适用。
-        </p>
-        <!-- Full legal text to be added -->
-      </div>
-
-      <!-- 11. 免责声明 -->
-      <div>
-        <h2 class="text-xl font-semibold text-white">11. 免责声明</h2>
-        <p class="mt-4 text-sm uppercase leading-relaxed text-smoke-700">
-          服务按"现状"和"可用"基础提供，不附带任何形式的明示或暗示保证，包括但不限于对适销性、特定用途适用性和非侵权性的暗示保证。Comfy
-          不保证服务将不间断、无错误或安全。
-        </p>
-        <!-- Full legal text to be added -->
-      </div>
-
-      <!-- 12. 责任限制 -->
-      <div>
-        <h2 class="text-xl font-semibold text-white">12. 责任限制</h2>
-        <p class="mt-4 text-sm uppercase leading-relaxed text-smoke-700">
-          在法律允许的最大范围内，Comfy
-          不对任何间接、附带、特殊、后果性或惩罚性损害，或任何利润或收入损失（无论是直接还是间接产生的），或任何数据、使用、商誉或其他无形损失承担责任。Comfy
-          的总责任不超过您在索赔前十二个月内向 Comfy 支付的金额。
-        </p>
-        <!-- Full legal text to be added -->
-      </div>
-
-      <!-- 13. 赔偿 -->
-      <div>
-        <h2 class="text-xl font-semibold text-white">13. 赔偿</h2>
-        <p class="mt-4 text-sm leading-relaxed text-smoke-700">
-          您同意赔偿、辩护并使 Comfy
-          及其管理人员、董事、员工和代理人免受因您访问或使用服务、您的用户内容或您违反本条款而产生的或与之相关的任何索赔、责任、损害、损失和费用。
-        </p>
-        <!-- Full legal text to be added -->
-      </div>
-
-      <!-- 14. 适用法律和争议解决 -->
-      <div>
-        <h2 class="text-xl font-semibold text-white">14. 适用法律和争议解决</h2>
-        <p class="mt-4 text-sm leading-relaxed text-smoke-700">
-          本条款受特拉华州法律管辖并据其解释，不适用其冲突法原则。因本条款引起的任何争议应根据美国仲裁协会的规则通过有约束力的仲裁解决，但任何一方均可在有管辖权的法院寻求禁令救济。
-        </p>
-        <!-- Full legal text to be added -->
-      </div>
-
-      <!-- 15. 其他 -->
-      <div>
-        <h2 class="text-xl font-semibold text-white">15. 其他</h2>
-        <p class="mt-4 text-sm leading-relaxed text-smoke-700">
-          本条款构成您与 Comfy
-          之间关于服务的完整协议。如果本条款的任何条款被认定为不可执行，其余条款将继续有效。我们未能执行本条款的任何权利或条款不构成放弃。我们可以转让本条款下的权利。未经我们事先书面同意，您不得转让您的权利。
-        </p>
-        <!-- Full legal text to be added -->
-      </div>
-
-      <!-- 联系我们 -->
-      <div class="border-t border-white/10 pt-12">
-        <h2 class="text-xl font-semibold text-white">联系我们</h2>
-        <p class="mt-4 text-sm leading-relaxed text-smoke-700">
-          如果您对本条款有任何疑问，请通过
-          <a
-            href="mailto:legal@comfy.org"
-            class="text-white underline transition-colors hover:text-smoke-700"
-          >
-            legal@comfy.org
-          </a>
-          与我们联系。
-        </p>
-      </div>
-    </section>
-  </main>
-  <SiteFooter />
-</BaseLayout>

apps/website/vercel.json

@@ -1,26 +0,0 @@
-{
-  "$schema": "https://openapi.vercel.sh/vercel.json",
-  "buildCommand": "pnpm --filter @comfyorg/website build",
-  "outputDirectory": "apps/website/dist",
-  "installCommand": "pnpm install --frozen-lockfile",
-  "framework": null,
-  "redirects": [
-    {
-      "source": "/pricing",
-      "destination": "/cloud/pricing",
-      "permanent": true
-    },
-    {
-      "source": "/enterprise",
-      "destination": "/cloud/enterprise",
-      "permanent": true
-    },
-    {
-      "source": "/blog",
-      "destination": "https://blog.comfy.org/",
-      "permanent": true
-    },
-    { "source": "/contact", "destination": "/about", "permanent": true },
-    { "source": "/press", "destination": "/about", "permanent": true }
-  ]
-}

browser_tests/assets/3d/load3d_node.json

@@ -1,47 +0,0 @@
-{
-  "last_node_id": 1,
-  "last_link_id": 0,
-  "nodes": [
-    {
-      "id": 1,
-      "type": "Load3D",
-      "pos": [50, 50],
-      "size": [400, 650],
-      "flags": {},
-      "order": 0,
-      "mode": 0,
-      "inputs": [],
-      "outputs": [
-        {
-          "name": "IMAGE",
-          "type": "IMAGE",
-          "links": null
-        },
-        {
-          "name": "MASK",
-          "type": "MASK",
-          "links": null
-        },
-        {
-          "name": "MESH",
-          "type": "MESH",
-          "links": null
-        }
-      ],
-      "properties": {
-        "Node name for S&R": "Load3D"
-      },
-      "widgets_values": ["", 1024, 1024, "#000000"]
-    }
-  ],
-  "links": [],
-  "groups": [],
-  "config": {},
-  "extra": {
-    "ds": {
-      "offset": [0, 0],
-      "scale": 1
-    }
-  },
-  "version": 0.4
-}

browser_tests/assets/missing/missing_models_with_nodes.json

@@ -0,0 +1,85 @@
+{
+  "last_node_id": 2,
+  "last_link_id": 0,
+  "nodes": [
+    {
+      "id": 1,
+      "type": "CheckpointLoaderSimple",
+      "pos": [100, 100],
+      "size": [315, 98],
+      "flags": {},
+      "order": 0,
+      "mode": 0,
+      "inputs": [],
+      "outputs": [
+        {
+          "name": "MODEL",
+          "type": "MODEL",
+          "links": null
+        },
+        {
+          "name": "CLIP",
+          "type": "CLIP",
+          "links": null
+        },
+        {
+          "name": "VAE",
+          "type": "VAE",
+          "links": null
+        }
+      ],
+      "properties": {
+        "Node name for S&R": "CheckpointLoaderSimple"
+      },
+      "widgets_values": ["fake_model.safetensors"]
+    },
+    {
+      "id": 2,
+      "type": "CheckpointLoaderSimple",
+      "pos": [500, 100],
+      "size": [315, 98],
+      "flags": {},
+      "order": 1,
+      "mode": 0,
+      "inputs": [],
+      "outputs": [
+        {
+          "name": "MODEL",
+          "type": "MODEL",
+          "links": null
+        },
+        {
+          "name": "CLIP",
+          "type": "CLIP",
+          "links": null
+        },
+        {
+          "name": "VAE",
+          "type": "VAE",
+          "links": null
+        }
+      ],
+      "properties": {
+        "Node name for S&R": "CheckpointLoaderSimple"
+      },
+      "widgets_values": ["fake_model.safetensors"]
+    }
+  ],
+  "links": [],
+  "groups": [],
+  "config": {},
+  "extra": {
+    "ds": {
+      "scale": 1,
+      "offset": [0, 0]
+    }
+  },
+  "models": [
+    {
+      "name": "fake_model.safetensors",
+      "url": "http://localhost:8188/api/devtools/fake_model.safetensors",
+      "directory": "text_encoders"
+    }
+  ],
+  "version": 0.4
+}

browser_tests/assets/missing/missing_nodes_and_media.json

@@ -0,0 +1,72 @@
+{
+  "last_node_id": 10,
+  "last_link_id": 0,
+  "nodes": [
+    {
+      "id": 1,
+      "type": "UNKNOWN NODE",
+      "pos": [48, 86],
+      "size": [358, 314],
+      "flags": {},
+      "order": 0,
+      "mode": 0,
+      "inputs": [
+        {
+          "name": "image",
+          "type": "IMAGE",
+          "link": null,
+          "slot_index": 0
+        }
+      ],
+      "outputs": [
+        {
+          "name": "STRING",
+          "type": "STRING",
+          "links": [],
+          "slot_index": 0,
+          "shape": 6
+        }
+      ],
+      "properties": {
+        "Node name for S&R": "UNKNOWN NODE"
+      },
+      "widgets_values": ["wd-v1-4-moat-tagger-v2", 0.35, 0.85, false, false, ""]
+    },
+    {
+      "id": 10,
+      "type": "LoadImage",
+      "pos": [450, 86],
+      "size": [315, 314],
+      "flags": {},
+      "order": 1,
+      "mode": 0,
+      "inputs": [],
+      "outputs": [
+        {
+          "name": "IMAGE",
+          "type": "IMAGE",
+          "links": null
+        },
+        {
+          "name": "MASK",
+          "type": "MASK",
+          "links": null
+        }
+      ],
+      "properties": {
+        "Node name for S&R": "LoadImage"
+      },
+      "widgets_values": ["nonexistent_test_image_12345.png", "image"]
+    }
+  ],
+  "links": [],
+  "groups": [],
+  "config": {},
+  "extra": {
+    "ds": {
+      "offset": [0, 0],
+      "scale": 1
+    }
+  },
+  "version": 0.4
+}

browser_tests/fixtures/ComfyPage.ts

@@ -14,12 +14,9 @@ import { VueNodeHelpers } from '@e2e/fixtures/VueNodeHelpers'
 import { BottomPanel } from '@e2e/fixtures/components/BottomPanel'
 import { ComfyNodeSearchBox } from '@e2e/fixtures/components/ComfyNodeSearchBox'
 import { ComfyNodeSearchBoxV2 } from '@e2e/fixtures/components/ComfyNodeSearchBoxV2'
-import { ConfirmDialog } from '@e2e/fixtures/components/ConfirmDialog'
 import { ContextMenu } from '@e2e/fixtures/components/ContextMenu'
-import { MediaLightbox } from '@e2e/fixtures/components/MediaLightbox'
 import { QueuePanel } from '@e2e/fixtures/components/QueuePanel'
 import { SettingDialog } from '@e2e/fixtures/components/SettingDialog'
-import { TemplatesDialog } from '@e2e/fixtures/components/TemplatesDialog'
 import {
   AssetsSidebarTab,
   ModelLibrarySidebarTab,
@@ -134,6 +131,48 @@ class ComfyMenu {
   }
 }
 
+type KeysOfType<T, Match> = {
+  [K in keyof T]: T[K] extends Match ? K : never
+}[keyof T]
+
+class ConfirmDialog {
+  public readonly root: Locator
+  public readonly delete: Locator
+  public readonly overwrite: Locator
+  public readonly reject: Locator
+  public readonly confirm: Locator
+
+  constructor(public readonly page: Page) {
+    this.root = page.getByRole('dialog')
+    this.delete = this.root.getByRole('button', { name: 'Delete' })
+    this.overwrite = this.root.getByRole('button', { name: 'Overwrite' })
+    this.reject = this.root.getByRole('button', { name: 'Cancel' })
+    this.confirm = this.root.getByRole('button', { name: 'Confirm' })
+  }
+
+  async click(locator: KeysOfType<ConfirmDialog, Locator>) {
+    const loc = this[locator]
+    await loc.waitFor({ state: 'visible' })
+    await loc.click()
+
+    // Wait for the dialog mask to disappear after confirming
+    const mask = this.page.locator('.p-dialog-mask')
+    const count = await mask.count()
+    if (count > 0) {
+      await mask.first().waitFor({ state: 'hidden', timeout: 3000 })
+    }
+
+    // Wait for workflow service to finish if it's busy
+    await this.page.waitForFunction(
+      () =>
+        (window.app?.extensionManager as WorkspaceStore | undefined)?.workflow
+          ?.isBusy === false,
+      undefined,
+      { timeout: 3000 }
+    )
+  }
+}
+
 export class ComfyPage {
   public readonly url: string
   // All canvas position operations are based on default view of canvas.
@@ -157,8 +196,6 @@ export class ComfyPage {
   public readonly templates: ComfyTemplates
   public readonly settingDialog: SettingDialog
   public readonly confirmDialog: ConfirmDialog
-  public readonly templatesDialog: TemplatesDialog
-  public readonly mediaLightbox: MediaLightbox
   public readonly vueNodes: VueNodeHelpers
   public readonly appMode: AppModeHelper
   public readonly subgraph: SubgraphHelper
@@ -207,8 +244,6 @@ export class ComfyPage {
     this.templates = new ComfyTemplates(page)
     this.settingDialog = new SettingDialog(page, this)
     this.confirmDialog = new ConfirmDialog(page)
-    this.templatesDialog = new TemplatesDialog(page)
-    this.mediaLightbox = new MediaLightbox(page)
     this.vueNodes = new VueNodeHelpers(page)
     this.appMode = new AppModeHelper(this)
     this.subgraph = new SubgraphHelper(this)

browser_tests/fixtures/components/ComfyNodeSearchBox.ts

@@ -1,14 +1,11 @@
 import type { Locator, Page } from '@playwright/test'
 
 export class ComfyNodeSearchFilterSelectionPanel {
-  readonly root: Locator
-
-  constructor(public readonly page: Page) {
-    this.root = page.getByRole('dialog')
-  }
+  constructor(public readonly page: Page) {}
 
   get header() {
-    return this.root
+    return this.page
+      .getByRole('dialog')
       .locator('div')
       .filter({ hasText: 'Add node filter condition' })
   }

browser_tests/fixtures/components/ConfirmDialog.ts

@@ -1,44 +0,0 @@
-import type { Locator, Page } from '@playwright/test'
-
-import type { WorkspaceStore } from '../../types/globals'
-
-type KeysOfType<T, Match> = {
-  [K in keyof T]: T[K] extends Match ? K : never
-}[keyof T]
-
-export class ConfirmDialog {
-  public readonly root: Locator
-  public readonly delete: Locator
-  public readonly overwrite: Locator
-  public readonly reject: Locator
-  public readonly confirm: Locator
-  public readonly save: Locator
-
-  constructor(public readonly page: Page) {
-    this.root = page.getByRole('dialog')
-    this.delete = this.root.getByRole('button', { name: 'Delete' })
-    this.overwrite = this.root.getByRole('button', { name: 'Overwrite' })
-    this.reject = this.root.getByRole('button', { name: 'Cancel' })
-    this.confirm = this.root.getByRole('button', { name: 'Confirm' })
-    this.save = this.root.getByRole('button', { name: 'Save' })
-  }
-
-  async click(locator: KeysOfType<ConfirmDialog, Locator>) {
-    const loc = this[locator]
-    await loc.waitFor({ state: 'visible' })
-    await loc.click()
-
-    // Wait for this confirm dialog to close (not all dialogs — another
-    // dialog like save-as may open immediately after).
-    await this.root.waitFor({ state: 'hidden', timeout: 5000 }).catch(() => {})
-
-    // Wait for workflow service to finish if it's busy
-    await this.page.waitForFunction(
-      () =>
-        (window.app?.extensionManager as WorkspaceStore | undefined)?.workflow
-          ?.isBusy === false,
-      undefined,
-      { timeout: 3000 }
-    )
-  }
-}

browser_tests/fixtures/components/MediaLightbox.ts

@@ -1,11 +0,0 @@
-import type { Locator, Page } from '@playwright/test'
-
-export class MediaLightbox {
-  public readonly root: Locator
-  public readonly closeButton: Locator
-
-  constructor(public readonly page: Page) {
-    this.root = page.getByRole('dialog')
-    this.closeButton = this.root.getByLabel('Close')
-  }
-}

browser_tests/fixtures/components/TemplatesDialog.ts

@@ -1,19 +0,0 @@
-import type { Locator, Page } from '@playwright/test'
-
-export class TemplatesDialog {
-  public readonly root: Locator
-
-  constructor(public readonly page: Page) {
-    this.root = page.getByRole('dialog')
-  }
-
-  filterByHeading(name: string): Locator {
-    return this.root.filter({
-      has: this.page.getByRole('heading', { name, exact: true })
-    })
-  }
-
-  getCombobox(name: RegExp | string): Locator {
-    return this.root.getByRole('combobox', { name })
-  }
-}

browser_tests/fixtures/helpers/AppModeHelper.ts

@@ -83,14 +83,6 @@ export class AppModeHelper {
     return this.page.locator('[data-testid="linear-widgets"]')
   }
 
-  /** The PrimeVue Popover for the image picker (renders with role="dialog"). */
-  get imagePickerPopover(): Locator {
-    return this.page
-      .getByRole('dialog')
-      .filter({ has: this.page.getByRole('button', { name: 'All' }) })
-      .first()
-  }
-
   /**
    * Get the actions menu trigger for a widget in the app mode widget list.
    * @param widgetName Text shown in the widget label (e.g. "seed").

browser_tests/fixtures/helpers/AssetsHelper.ts

@@ -1,22 +1,20 @@
 import type { Page, Route } from '@playwright/test'
-import type { JobsListResponse } from '@comfyorg/ingest-types'
 
 import type { RawJobListItem } from '../../../src/platform/remote/comfyui/jobs/jobTypes'
 
 const jobsListRoutePattern = /\/api\/jobs(?:\?.*)?$/
 const inputFilesRoutePattern = /\/internal\/files\/input(?:\?.*)?$/
-const historyRoutePattern = /\/api\/history$/
 
 /** Factory to create a mock completed job with preview output. */
 export function createMockJob(
   overrides: Partial<RawJobListItem> & { id: string }
 ): RawJobListItem {
-  const now = Date.now()
+  const now = Date.now() / 1000
   return {
     status: 'completed',
     create_time: now,
     execution_start_time: now,
-    execution_end_time: now + 5000,
+    execution_end_time: now + 5,
     preview_output: {
       filename: `output_${overrides.id}.png`,
       subfolder: '',
@@ -35,13 +33,13 @@ export function createMockJobs(
   count: number,
   baseOverrides?: Partial<RawJobListItem>
 ): RawJobListItem[] {
-  const now = Date.now()
+  const now = Date.now() / 1000
   return Array.from({ length: count }, (_, i) =>
     createMockJob({
       id: `job-${String(i + 1).padStart(3, '0')}`,
-      create_time: now - i * 60_000,
-      execution_start_time: now - i * 60_000,
-      execution_end_time: now - i * 60_000 + 5000 + i * 1000,
+      create_time: now - i * 60,
+      execution_start_time: now - i * 60,
+      execution_end_time: now - i * 60 + 5 + i,
       preview_output: {
         filename: `image_${String(i + 1).padStart(3, '0')}.png`,
         subfolder: '',
@@ -90,8 +88,6 @@ export class AssetsHelper {
   private jobsRouteHandler: ((route: Route) => Promise<void>) | null = null
   private inputFilesRouteHandler: ((route: Route) => Promise<void>) | null =
     null
-  private deleteHistoryRouteHandler: ((route: Route) => Promise<void>) | null =
-    null
   private generatedJobs: RawJobListItem[] = []
   private importedFiles: string[] = []
 
@@ -147,23 +143,18 @@ export class AssetsHelper {
       const limit = parseLimit(url, total)
       const visibleJobs = filteredJobs.slice(offset, offset + limit)
 
-      const response = {
-        jobs: visibleJobs,
-        pagination: {
-          offset,
-          limit,
-          total,
-          has_more: offset + visibleJobs.length < total
-        }
-      } satisfies {
-        jobs: unknown[]
-        pagination: JobsListResponse['pagination']
-      }
-
       await route.fulfill({
         status: 200,
         contentType: 'application/json',
-        body: JSON.stringify(response)
+        body: JSON.stringify({
+          jobs: visibleJobs,
+          pagination: {
+            offset,
+            limit,
+            total,
+            has_more: offset + visibleJobs.length < total
+          }
+        })
       })
     }
 
@@ -188,36 +179,6 @@ export class AssetsHelper {
     await this.page.route(inputFilesRoutePattern, this.inputFilesRouteHandler)
   }
 
-  /**
-   * Mock the POST /api/history endpoint used for deleting history items.
-   * On receiving a `{ delete: [id] }` payload, removes matching jobs from
-   * the in-memory mock state so subsequent /api/jobs fetches reflect the
-   * deletion.
-   */
-  async mockDeleteHistory(): Promise<void> {
-    if (this.deleteHistoryRouteHandler) return
-
-    this.deleteHistoryRouteHandler = async (route: Route) => {
-      const request = route.request()
-      if (request.method() !== 'POST') {
-        await route.continue()
-        return
-      }
-
-      const body = request.postDataJSON() as { delete?: string[] }
-      if (body.delete) {
-        const idsToRemove = new Set(body.delete)
-        this.generatedJobs = this.generatedJobs.filter(
-          (job) => !idsToRemove.has(job.id)
-        )
-      }
-
-      await route.fulfill({ status: 200, body: '{}' })
-    }
-
-    await this.page.route(historyRoutePattern, this.deleteHistoryRouteHandler)
-  }
-
   async mockEmptyState(): Promise<void> {
     await this.mockOutputHistory([])
     await this.mockInputFiles([])
@@ -239,13 +200,5 @@ export class AssetsHelper {
       )
       this.inputFilesRouteHandler = null
     }
-
-    if (this.deleteHistoryRouteHandler) {
-      await this.page.unroute(
-        historyRoutePattern,
-        this.deleteHistoryRouteHandler
-      )
-      this.deleteHistoryRouteHandler = null
-    }
   }
 }

browser_tests/fixtures/helpers/SubgraphHelper.ts

@@ -484,16 +484,7 @@ export class SubgraphHelper {
     await this.comfyPage.vueNodes.enterSubgraph(hostNodeId)
     await this.comfyPage.settings.setSetting('Comfy.VueNodes.Enabled', false)
     await this.comfyPage.nextFrame()
-    await this.comfyPage.canvas.dispatchEvent('pointerdown', {
-      bubbles: true,
-      cancelable: true,
-      button: 0
-    })
-    await this.comfyPage.canvas.dispatchEvent('pointerup', {
-      bubbles: true,
-      cancelable: true,
-      button: 0
-    })
+    await this.comfyPage.canvas.click()
     await this.comfyPage.canvas.press('Control+a')
     await this.comfyPage.nextFrame()
     await this.page.evaluate(() => {
@@ -502,16 +493,7 @@ export class SubgraphHelper {
     })
     await this.comfyPage.nextFrame()
     await this.exitViaBreadcrumb()
-    await this.comfyPage.canvas.dispatchEvent('pointerdown', {
-      bubbles: true,
-      cancelable: true,
-      button: 0
-    })
-    await this.comfyPage.canvas.dispatchEvent('pointerup', {
-      bubbles: true,
-      cancelable: true,
-      button: 0
-    })
+    await this.comfyPage.canvas.click()
     await this.comfyPage.nextFrame()
   }
 

browser_tests/fixtures/helpers/WorkflowHelper.ts

@@ -58,16 +58,6 @@ export class WorkflowHelper {
     await this.comfyPage.nextFrame()
   }
 
-  async waitForDraftPersisted({ timeout = 5000 } = {}) {
-    await this.comfyPage.page.waitForFunction(
-      () =>
-        Object.keys(localStorage).some((k) =>
-          k.startsWith('Comfy.Workflow.Draft.v2:')
-        ),
-      { timeout }
-    )
-  }
-
   async loadWorkflow(workflowName: string) {
     await this.comfyPage.workflowUploadInput.setInputFiles(
       assetPath(`${workflowName}.json`)

browser_tests/fixtures/selectors.ts

@@ -41,10 +41,21 @@ export const TestIds = {
     missingNodeCard: 'missing-node-card',
     errorCardFindOnGithub: 'error-card-find-on-github',
     errorCardCopy: 'error-card-copy',
+    errorDialog: 'error-dialog',
+    errorDialogShowReport: 'error-dialog-show-report',
+    errorDialogContactSupport: 'error-dialog-contact-support',
+    errorDialogCopyReport: 'error-dialog-copy-report',
+    errorDialogFindIssues: 'error-dialog-find-issues',
     about: 'about-panel',
     whatsNewSection: 'whats-new-section',
     missingNodePacksGroup: 'error-group-missing-node',
     missingModelsGroup: 'error-group-missing-model',
+    missingModelExpand: 'missing-model-expand',
+    missingModelLocate: 'missing-model-locate',
+    missingModelCopyName: 'missing-model-copy-name',
+    missingModelCopyUrl: 'missing-model-copy-url',
+    missingModelDownload: 'missing-model-download',
+    missingModelImportUnsupported: 'missing-model-import-unsupported',
     missingMediaGroup: 'error-group-missing-media',
     missingMediaRow: 'missing-media-row',
     missingMediaUploadDropzone: 'missing-media-upload-dropzone',

browser_tests/helpers/clipboardSpy.ts

@@ -0,0 +1,19 @@
+import type { Page } from '@playwright/test'
+
+export async function interceptClipboardWrite(page: Page) {
+  await page.evaluate(() => {
+    const w = window as Window & { __copiedText?: string }
+    w.__copiedText = ''
+    navigator.clipboard.writeText = async (text: string) => {
+      w.__copiedText = text
+    }
+  })
+}
+
+export async function getClipboardText(page: Page): Promise<string> {
+  return (
+    (await page.evaluate(
+      () => (window as Window & { __copiedText?: string }).__copiedText
+    )) ?? ''
+  )
+}

browser_tests/tests/appModeDropdownClipping.spec.ts

@@ -145,7 +145,10 @@ test.describe('App mode dropdown clipping', { tag: '@ui' }, () => {
 
     // The unstyled PrimeVue Popover renders with role="dialog".
     // Locate the one containing the image grid (filter buttons like "All", "Inputs").
-    const popover = comfyPage.appMode.imagePickerPopover
+    const popover = comfyPage.page
+      .getByRole('dialog')
+      .filter({ has: comfyPage.page.getByRole('button', { name: 'All' }) })
+      .first()
     await expect(popover).toBeVisible({ timeout: 5000 })
 
     const isInViewport = await popover.evaluate((el) => {

browser_tests/tests/confirmDialogTextWrap.spec.ts

@@ -18,13 +18,15 @@ test.describe('Confirm dialog text wrapping', { tag: ['@mobile'] }, () => {
         .catch(() => {})
     }, longFilename)
 
-    const { root, confirm, reject } = comfyPage.confirmDialog
-    await expect(root).toBeVisible()
+    const dialog = comfyPage.page.getByRole('dialog')
+    await expect(dialog).toBeVisible()
 
-    await expect(confirm).toBeVisible()
-    await expect(confirm).toBeInViewport()
+    const confirmButton = dialog.getByRole('button', { name: 'Confirm' })
+    await expect(confirmButton).toBeVisible()
+    await expect(confirmButton).toBeInViewport()
 
-    await expect(reject).toBeVisible()
-    await expect(reject).toBeInViewport()
+    const cancelButton = dialog.getByRole('button', { name: 'Cancel' })
+    await expect(cancelButton).toBeVisible()
+    await expect(cancelButton).toBeInViewport()
   })
 })

browser_tests/tests/dialog.spec.ts

@@ -3,261 +3,11 @@ import { expect } from '@playwright/test'
 import type { Keybinding } from '../../src/platform/keybindings/types'
 import { comfyPageFixture as test } from '../fixtures/ComfyPage'
 import { DefaultGraphPositions } from '../fixtures/constants/defaultGraphPositions'
-import { TestIds } from '../fixtures/selectors'
 
 test.beforeEach(async ({ comfyPage }) => {
   await comfyPage.settings.setSetting('Comfy.UseNewMenu', 'Disabled')
 })
 
-test.describe('Missing nodes in Error Overlay', { tag: '@ui' }, () => {
-  test.beforeEach(async ({ comfyPage }) => {
-    await comfyPage.settings.setSetting('Comfy.UseNewMenu', 'Top')
-    await comfyPage.settings.setSetting(
-      'Comfy.RightSidePanel.ShowErrorsTab',
-      true
-    )
-  })
-
-  test('Should show error overlay when loading a workflow with missing nodes', async ({
-    comfyPage
-  }) => {
-    await comfyPage.workflow.loadWorkflow('missing/missing_nodes')
-
-    const errorOverlay = comfyPage.page.getByTestId(
-      TestIds.dialogs.errorOverlay
-    )
-    await expect(errorOverlay).toBeVisible()
-
-    const messages = errorOverlay.getByTestId(
-      TestIds.dialogs.errorOverlayMessages
-    )
-    await expect(messages).toBeVisible()
-    await expect(messages).toHaveText(/missing.*installed/i)
-  })
-
-  test('Should show error overlay when loading a workflow with missing nodes in subgraphs', async ({
-    comfyPage
-  }) => {
-    await comfyPage.workflow.loadWorkflow('missing/missing_nodes_in_subgraph')
-
-    const errorOverlay = comfyPage.page.getByTestId(
-      TestIds.dialogs.errorOverlay
-    )
-    await expect(errorOverlay).toBeVisible()
-
-    const messages = errorOverlay.getByTestId(
-      TestIds.dialogs.errorOverlayMessages
-    )
-    await expect(messages).toBeVisible()
-    await expect(messages).toHaveText(/missing.*installed/i)
-
-    // Click "See Errors" to open the errors tab and verify subgraph node content
-    await errorOverlay
-      .getByTestId(TestIds.dialogs.errorOverlaySeeErrors)
-      .click()
-    await expect(errorOverlay).not.toBeVisible()
-
-    const missingNodeCard = comfyPage.page.getByTestId(
-      TestIds.dialogs.missingNodeCard
-    )
-    await expect(missingNodeCard).toBeVisible()
-
-    // Expand the pack group row to reveal node type names
-    await missingNodeCard
-      .getByRole('button', { name: /expand/i })
-      .first()
-      .click()
-    await expect(
-      missingNodeCard.getByText('MISSING_NODE_TYPE_IN_SUBGRAPH')
-    ).toBeVisible()
-  })
-
-  test('Should show MissingNodeCard in errors tab when clicking See Errors', async ({
-    comfyPage
-  }) => {
-    await comfyPage.workflow.loadWorkflow('missing/missing_nodes')
-
-    const errorOverlay = comfyPage.page.getByTestId(
-      TestIds.dialogs.errorOverlay
-    )
-    await expect(errorOverlay).toBeVisible()
-
-    // Click "See Errors" to open the right side panel errors tab
-    await errorOverlay
-      .getByTestId(TestIds.dialogs.errorOverlaySeeErrors)
-      .click()
-    await expect(errorOverlay).not.toBeVisible()
-
-    // Verify MissingNodeCard is rendered in the errors tab
-    const missingNodeCard = comfyPage.page.getByTestId(
-      TestIds.dialogs.missingNodeCard
-    )
-    await expect(missingNodeCard).toBeVisible()
-  })
-})
-
-test('Does not resurface missing nodes on undo/redo', async ({ comfyPage }) => {
-  await comfyPage.settings.setSetting('Comfy.UseNewMenu', 'Top')
-  await comfyPage.settings.setSetting(
-    'Comfy.RightSidePanel.ShowErrorsTab',
-    true
-  )
-  await comfyPage.workflow.loadWorkflow('missing/missing_nodes')
-
-  const errorOverlay = comfyPage.page.getByTestId(TestIds.dialogs.errorOverlay)
-  await expect(errorOverlay).toBeVisible()
-
-  // Dismiss the error overlay
-  await errorOverlay.getByTestId(TestIds.dialogs.errorOverlayDismiss).click()
-  await expect(errorOverlay).not.toBeVisible()
-
-  // Make a change to the graph by moving a node
-  await comfyPage.canvas.click()
-  await comfyPage.nextFrame()
-  await comfyPage.page.keyboard.press('Control+a')
-  await comfyPage.page.mouse.move(400, 300)
-  await comfyPage.page.mouse.down()
-  await comfyPage.page.mouse.move(450, 350, { steps: 5 })
-  await comfyPage.page.mouse.up()
-  await comfyPage.nextFrame()
-
-  // Undo and redo should not resurface the error overlay
-  await comfyPage.keyboard.undo()
-  await expect(errorOverlay).not.toBeVisible({ timeout: 5000 })
-
-  await comfyPage.keyboard.redo()
-  await expect(errorOverlay).not.toBeVisible({ timeout: 5000 })
-})
-
-test.describe('Execution error', () => {
-  test.beforeEach(async ({ comfyPage }) => {
-    await comfyPage.settings.setSetting('Comfy.UseNewMenu', 'Top')
-    await comfyPage.settings.setSetting(
-      'Comfy.RightSidePanel.ShowErrorsTab',
-      true
-    )
-    await comfyPage.setup()
-  })
-
-  test('Should display an error message when an execution error occurs', async ({
-    comfyPage
-  }) => {
-    await comfyPage.workflow.loadWorkflow('nodes/execution_error')
-    await comfyPage.command.executeCommand('Comfy.QueuePrompt')
-    await comfyPage.nextFrame()
-
-    // Wait for the error overlay to be visible
-    const errorOverlay = comfyPage.page.getByTestId(
-      TestIds.dialogs.errorOverlay
-    )
-    await expect(errorOverlay).toBeVisible()
-  })
-})
-
-test.describe('Error actions in Errors Tab', { tag: '@ui' }, () => {
-  test.beforeEach(async ({ comfyPage }) => {
-    await comfyPage.settings.setSetting('Comfy.UseNewMenu', 'Top')
-    await comfyPage.settings.setSetting(
-      'Comfy.RightSidePanel.ShowErrorsTab',
-      true
-    )
-  })
-
-  test('Should show Find on GitHub and Copy buttons in error card after execution error', async ({
-    comfyPage
-  }) => {
-    await comfyPage.workflow.loadWorkflow('nodes/execution_error')
-    await comfyPage.command.executeCommand('Comfy.QueuePrompt')
-    await comfyPage.nextFrame()
-
-    // Wait for error overlay and click "See Errors"
-    const errorOverlay = comfyPage.page.getByTestId(
-      TestIds.dialogs.errorOverlay
-    )
-    await expect(errorOverlay).toBeVisible()
-    await errorOverlay
-      .getByTestId(TestIds.dialogs.errorOverlaySeeErrors)
-      .click()
-    await expect(errorOverlay).not.toBeVisible()
-
-    // Verify Find on GitHub button is present in the error card
-    const findOnGithubButton = comfyPage.page.getByTestId(
-      TestIds.dialogs.errorCardFindOnGithub
-    )
-    await expect(findOnGithubButton).toBeVisible()
-
-    // Verify Copy button is present in the error card
-    const copyButton = comfyPage.page.getByTestId(TestIds.dialogs.errorCardCopy)
-    await expect(copyButton).toBeVisible()
-  })
-})
-
-test.describe('Missing models in Error Tab', () => {
-  test.beforeEach(async ({ comfyPage }) => {
-    await comfyPage.settings.setSetting('Comfy.UseNewMenu', 'Top')
-    await comfyPage.settings.setSetting(
-      'Comfy.RightSidePanel.ShowErrorsTab',
-      true
-    )
-    const cleanupOk = await comfyPage.page.evaluate(async (url: string) => {
-      const response = await fetch(`${url}/api/devtools/cleanup_fake_model`)
-      return response.ok
-    }, comfyPage.url)
-    expect(cleanupOk).toBeTruthy()
-  })
-
-  test('Should show error overlay with missing models when workflow has missing models', async ({
-    comfyPage
-  }) => {
-    await comfyPage.workflow.loadWorkflow('missing/missing_models')
-
-    const errorOverlay = comfyPage.page.getByTestId(
-      TestIds.dialogs.errorOverlay
-    )
-    await expect(errorOverlay).toBeVisible()
-
-    const messages = errorOverlay.getByTestId(
-      TestIds.dialogs.errorOverlayMessages
-    )
-    await expect(messages).toBeVisible()
-    await expect(messages).toHaveText(/required model.*missing/i)
-  })
-
-  test('Should show missing models from node properties', async ({
-    comfyPage
-  }) => {
-    await comfyPage.workflow.loadWorkflow(
-      'missing/missing_models_from_node_properties'
-    )
-
-    const errorOverlay = comfyPage.page.getByTestId(
-      TestIds.dialogs.errorOverlay
-    )
-    await expect(errorOverlay).toBeVisible()
-
-    const messages = errorOverlay.getByTestId(
-      TestIds.dialogs.errorOverlayMessages
-    )
-    await expect(messages).toBeVisible()
-    await expect(messages).toHaveText(/required model.*missing/i)
-  })
-
-  test('Should not show missing models when widget values have changed', async ({
-    comfyPage
-  }) => {
-    await comfyPage.workflow.loadWorkflow(
-      'missing/model_metadata_widget_mismatch'
-    )
-
-    await expect(
-      comfyPage.page.getByTestId(TestIds.dialogs.errorOverlay)
-    ).not.toBeVisible()
-    await expect(
-      comfyPage.page.getByTestId(TestIds.dialogs.errorOverlayMessages)
-    ).not.toBeVisible()
-  })
-})
-
 test.describe('Settings', () => {
   test('@mobile Should be visible on mobile', async ({ comfyPage }) => {
     await comfyPage.page.keyboard.press('Control+,')
@@ -379,38 +129,6 @@ test.describe('Support', () => {
   })
 })
 
-test.describe('Error dialog', () => {
-  test('Should display an error dialog when graph configure fails', async ({
-    comfyPage
-  }) => {
-    await comfyPage.page.evaluate(() => {
-      const graph = window.graph!
-      ;(graph as { configure: () => void }).configure = () => {
-        throw new Error('Error on configure!')
-      }
-    })
-
-    await comfyPage.workflow.loadWorkflow('default')
-
-    const errorDialog = comfyPage.page.locator('.comfy-error-report')
-    await expect(errorDialog).toBeVisible()
-  })
-
-  test('Should display an error dialog when prompt execution fails', async ({
-    comfyPage
-  }) => {
-    await comfyPage.page.evaluate(async () => {
-      const app = window.app!
-      app.api.queuePrompt = () => {
-        throw new Error('Error on queuePrompt!')
-      }
-      await app.queuePrompt(0)
-    })
-    const errorDialog = comfyPage.page.locator('.comfy-error-report')
-    await expect(errorDialog).toBeVisible()
-  })
-})
-
 test.describe('Signin dialog', () => {
   test('Paste content to signin dialog should not paste node on canvas', async ({
     comfyPage

browser_tests/tests/errorDialog.spec.ts

@@ -0,0 +1,139 @@
+import type { Page } from '@playwright/test'
+
+import { expect } from '@playwright/test'
+
+import type { ComfyPage } from '../fixtures/ComfyPage'
+import { comfyPageFixture as test } from '../fixtures/ComfyPage'
+import { TestIds } from '../fixtures/selectors'
+import {
+  interceptClipboardWrite,
+  getClipboardText
+} from '../helpers/clipboardSpy'
+
+async function triggerConfigureError(
+  comfyPage: ComfyPage,
+  message = 'Error on configure!'
+) {
+  await comfyPage.page.evaluate((msg: string) => {
+    const graph = window.graph!
+    ;(graph as { configure: () => void }).configure = () => {
+      throw new Error(msg)
+    }
+  }, message)
+
+  await comfyPage.workflow.loadWorkflow('default')
+
+  return comfyPage.page.getByTestId(TestIds.dialogs.errorDialog)
+}
+
+async function waitForPopupNavigation(page: Page, action: () => Promise<void>) {
+  const popupPromise = page.waitForEvent('popup')
+  await action()
+  const popup = await popupPromise
+  await popup.waitForLoadState()
+  return popup
+}
+
+test.describe('Error dialog', () => {
+  test.beforeEach(async ({ comfyPage }) => {
+    await comfyPage.settings.setSetting('Comfy.UseNewMenu', 'Disabled')
+  })
+
+  test('Should display an error dialog when graph configure fails', async ({
+    comfyPage
+  }) => {
+    const errorDialog = await triggerConfigureError(comfyPage)
+    await expect(errorDialog).toBeVisible()
+  })
+
+  test('Should display an error dialog when prompt execution fails', async ({
+    comfyPage
+  }) => {
+    await comfyPage.page.evaluate(async () => {
+      const app = window.app!
+      app.api.queuePrompt = () => {
+        throw new Error('Error on queuePrompt!')
+      }
+      await app.queuePrompt(0)
+    })
+    const errorDialog = comfyPage.page.getByTestId(TestIds.dialogs.errorDialog)
+    await expect(errorDialog).toBeVisible()
+  })
+
+  test('Should display error message body', async ({ comfyPage }) => {
+    const errorDialog = await triggerConfigureError(
+      comfyPage,
+      'Test error message body'
+    )
+    await expect(errorDialog).toBeVisible()
+    await expect(errorDialog).toContainText('Test error message body')
+  })
+
+  test('Should show report section when "Show Report" is clicked', async ({
+    comfyPage
+  }) => {
+    const errorDialog = await triggerConfigureError(comfyPage)
+    await expect(errorDialog).toBeVisible()
+    await expect(errorDialog.locator('pre')).not.toBeVisible()
+
+    await errorDialog.getByTestId(TestIds.dialogs.errorDialogShowReport).click()
+
+    const reportPre = errorDialog.locator('pre')
+    await expect(reportPre).toBeVisible()
+    await expect(reportPre).toHaveText(/\S/)
+    await expect(
+      errorDialog.getByTestId(TestIds.dialogs.errorDialogShowReport)
+    ).not.toBeVisible()
+  })
+
+  test('Should copy report to clipboard when "Copy to Clipboard" is clicked', async ({
+    comfyPage
+  }) => {
+    const errorDialog = await triggerConfigureError(comfyPage)
+    await expect(errorDialog).toBeVisible()
+
+    await errorDialog.getByTestId(TestIds.dialogs.errorDialogShowReport).click()
+    await expect(errorDialog.locator('pre')).toBeVisible()
+
+    await interceptClipboardWrite(comfyPage.page)
+
+    await errorDialog.getByTestId(TestIds.dialogs.errorDialogCopyReport).click()
+
+    const reportText = await errorDialog.locator('pre').textContent()
+    const copiedText = await getClipboardText(comfyPage.page)
+    expect(copiedText).toBe(reportText)
+  })
+
+  test('Should open GitHub issues search when "Find Issues" is clicked', async ({
+    comfyPage
+  }) => {
+    const errorDialog = await triggerConfigureError(comfyPage)
+    await expect(errorDialog).toBeVisible()
+
+    const popup = await waitForPopupNavigation(comfyPage.page, () =>
+      errorDialog.getByTestId(TestIds.dialogs.errorDialogFindIssues).click()
+    )
+
+    const url = new URL(popup.url())
+    expect(url.hostname).toBe('github.com')
+    expect(url.pathname).toContain('/issues')
+
+    await popup.close()
+  })
+
+  test('Should open contact support when "Help Fix This" is clicked', async ({
+    comfyPage
+  }) => {
+    const errorDialog = await triggerConfigureError(comfyPage)
+    await expect(errorDialog).toBeVisible()
+
+    const popup = await waitForPopupNavigation(comfyPage.page, () =>
+      errorDialog.getByTestId(TestIds.dialogs.errorDialogContactSupport).click()
+    )
+
+    const url = new URL(popup.url())
+    expect(url.hostname).toBe('support.comfy.org')
+
+    await popup.close()
+  })
+})

browser_tests/tests/errorOverlay.spec.ts

@@ -0,0 +1,195 @@
+import type { Page } from '@playwright/test'
+
+import {
+  comfyPageFixture as test,
+  comfyExpect as expect
+} from '../fixtures/ComfyPage'
+import { TestIds } from '../fixtures/selectors'
+
+test.describe('Error overlay', { tag: '@ui' }, () => {
+  test.beforeEach(async ({ comfyPage }) => {
+    await comfyPage.settings.setSetting('Comfy.UseNewMenu', 'Top')
+    await comfyPage.settings.setSetting(
+      'Comfy.RightSidePanel.ShowErrorsTab',
+      true
+    )
+  })
+
+  function getOverlay(page: Page) {
+    return page.getByTestId(TestIds.dialogs.errorOverlay)
+  }
+
+  function getSeeErrorsButton(page: Page) {
+    return getOverlay(page).getByTestId(TestIds.dialogs.errorOverlaySeeErrors)
+  }
+
+  test.describe('Labels', () => {
+    test('Should display singular error count label for single error', async ({
+      comfyPage
+    }) => {
+      await comfyPage.workflow.loadWorkflow('missing/missing_nodes')
+
+      await expect(getOverlay(comfyPage.page)).toBeVisible()
+      await expect(getOverlay(comfyPage.page)).toContainText(/1 ERROR/i)
+    })
+
+    test('Should display "Show missing nodes" button for missing node errors', async ({
+      comfyPage
+    }) => {
+      await comfyPage.workflow.loadWorkflow('missing/missing_nodes')
+
+      await expect(getOverlay(comfyPage.page)).toBeVisible()
+      await expect(getSeeErrorsButton(comfyPage.page)).toContainText(
+        /Show missing nodes/i
+      )
+    })
+
+    test('Should display "Show missing models" button for missing model errors', async ({
+      comfyPage
+    }) => {
+      const cleanupOk = await comfyPage.page.evaluate(async (url: string) => {
+        const response = await fetch(`${url}/api/devtools/cleanup_fake_model`)
+        return response.ok
+      }, comfyPage.url)
+      expect(cleanupOk).toBeTruthy()
+
+      await comfyPage.workflow.loadWorkflow('missing/missing_models')
+
+      await expect(getOverlay(comfyPage.page)).toBeVisible()
+      await expect(getSeeErrorsButton(comfyPage.page)).toContainText(
+        /Show missing models/i
+      )
+    })
+
+    test('Should display "Show missing inputs" button for missing media errors', async ({
+      comfyPage
+    }) => {
+      await comfyPage.workflow.loadWorkflow('missing/missing_media_single')
+
+      await expect(getOverlay(comfyPage.page)).toBeVisible()
+      await expect(getSeeErrorsButton(comfyPage.page)).toContainText(
+        /Show missing inputs/i
+      )
+    })
+
+    test('Should display generic "See Errors" button for multiple error types', async ({
+      comfyPage
+    }) => {
+      await comfyPage.workflow.loadWorkflow('missing/missing_nodes_and_media')
+
+      await expect(getOverlay(comfyPage.page)).toBeVisible()
+      await expect(getSeeErrorsButton(comfyPage.page)).toContainText(
+        /See Errors/i
+      )
+    })
+  })
+
+  test.describe('Persistence', () => {
+    test('Does not resurface missing nodes on undo/redo', async ({
+      comfyPage
+    }) => {
+      await comfyPage.workflow.loadWorkflow('missing/missing_nodes')
+
+      const errorOverlay = getOverlay(comfyPage.page)
+      await expect(errorOverlay).toBeVisible()
+      await errorOverlay
+        .getByTestId(TestIds.dialogs.errorOverlayDismiss)
+        .click()
+      await expect(errorOverlay).not.toBeVisible()
+
+      await comfyPage.canvas.click()
+      await comfyPage.nextFrame()
+      await comfyPage.page.keyboard.press('Control+a')
+      await comfyPage.page.mouse.move(400, 300)
+      await comfyPage.page.mouse.down()
+      await comfyPage.page.mouse.move(450, 350, { steps: 5 })
+      await comfyPage.page.mouse.up()
+      await comfyPage.nextFrame()
+
+      await comfyPage.keyboard.undo()
+      await expect(errorOverlay).not.toBeVisible({ timeout: 5000 })
+
+      await comfyPage.keyboard.redo()
+      await expect(errorOverlay).not.toBeVisible({ timeout: 5000 })
+    })
+  })
+
+  test.describe('See Errors flow', () => {
+    test.beforeEach(async ({ comfyPage }) => {
+      await comfyPage.setup()
+    })
+
+    async function triggerExecutionError(comfyPage: {
+      canvasOps: { disconnectEdge: () => Promise<void> }
+      page: Page
+      command: { executeCommand: (cmd: string) => Promise<void> }
+    }) {
+      await comfyPage.canvasOps.disconnectEdge()
+      await comfyPage.page.keyboard.press('Escape')
+      await comfyPage.command.executeCommand('Comfy.QueuePrompt')
+    }
+
+    test('Error overlay appears on execution error', async ({ comfyPage }) => {
+      await triggerExecutionError(comfyPage)
+
+      await expect(getOverlay(comfyPage.page)).toBeVisible()
+    })
+
+    test('Error overlay shows error message', async ({ comfyPage }) => {
+      await triggerExecutionError(comfyPage)
+
+      const overlay = getOverlay(comfyPage.page)
+      await expect(overlay).toBeVisible()
+      await expect(overlay).toHaveText(/\S/)
+    })
+
+    test('"See Errors" opens right side panel', async ({ comfyPage }) => {
+      await triggerExecutionError(comfyPage)
+
+      const overlay = getOverlay(comfyPage.page)
+      await expect(overlay).toBeVisible()
+
+      await overlay.getByTestId(TestIds.dialogs.errorOverlaySeeErrors).click()
+
+      await expect(comfyPage.page.getByTestId('properties-panel')).toBeVisible()
+    })
+
+    test('"See Errors" dismisses the overlay', async ({ comfyPage }) => {
+      await triggerExecutionError(comfyPage)
+
+      const overlay = getOverlay(comfyPage.page)
+      await expect(overlay).toBeVisible()
+
+      await overlay.getByTestId(TestIds.dialogs.errorOverlaySeeErrors).click()
+
+      await expect(overlay).not.toBeVisible()
+    })
+
+    test('"Dismiss" closes overlay without opening panel', async ({
+      comfyPage
+    }) => {
+      await triggerExecutionError(comfyPage)
+
+      const overlay = getOverlay(comfyPage.page)
+      await expect(overlay).toBeVisible()
+
+      await overlay.getByTestId(TestIds.dialogs.errorOverlayDismiss).click()
+
+      await expect(overlay).not.toBeVisible()
+      await expect(
+        comfyPage.page.getByTestId('properties-panel')
+      ).not.toBeVisible()
+    })
+
+    test('Close button (X) dismisses overlay', async ({ comfyPage }) => {
+      await triggerExecutionError(comfyPage)
+
+      const overlay = getOverlay(comfyPage.page)
+      await expect(overlay).toBeVisible()
+
+      await overlay.getByRole('button', { name: /close/i }).click()
+
+      await expect(overlay).not.toBeVisible()
+    })
+  })
+})

browser_tests/tests/errorOverlaySeeErrors.spec.ts

@@ -1,93 +0,0 @@
-import type { Page } from '@playwright/test'
-
-import {
-  comfyPageFixture as test,
-  comfyExpect as expect
-} from '../fixtures/ComfyPage'
-import { TestIds } from '../fixtures/selectors'
-
-test.describe('Error overlay See Errors flow', { tag: '@ui' }, () => {
-  test.beforeEach(async ({ comfyPage }) => {
-    await comfyPage.settings.setSetting('Comfy.UseNewMenu', 'Top')
-    await comfyPage.settings.setSetting(
-      'Comfy.RightSidePanel.ShowErrorsTab',
-      true
-    )
-    await comfyPage.setup()
-  })
-
-  async function triggerExecutionError(comfyPage: {
-    canvasOps: { disconnectEdge: () => Promise<void> }
-    page: Page
-    command: { executeCommand: (cmd: string) => Promise<void> }
-  }) {
-    await comfyPage.canvasOps.disconnectEdge()
-    await comfyPage.page.keyboard.press('Escape')
-    await comfyPage.command.executeCommand('Comfy.QueuePrompt')
-  }
-
-  test('Error overlay appears on execution error', async ({ comfyPage }) => {
-    await triggerExecutionError(comfyPage)
-
-    await expect(
-      comfyPage.page.getByTestId(TestIds.dialogs.errorOverlay)
-    ).toBeVisible()
-  })
-
-  test('Error overlay shows error message', async ({ comfyPage }) => {
-    await triggerExecutionError(comfyPage)
-
-    const overlay = comfyPage.page.getByTestId(TestIds.dialogs.errorOverlay)
-    await expect(overlay).toBeVisible()
-    await expect(overlay).toHaveText(/\S/)
-  })
-
-  test('"See Errors" opens right side panel', async ({ comfyPage }) => {
-    await triggerExecutionError(comfyPage)
-
-    const overlay = comfyPage.page.getByTestId(TestIds.dialogs.errorOverlay)
-    await expect(overlay).toBeVisible()
-
-    await overlay.getByTestId(TestIds.dialogs.errorOverlaySeeErrors).click()
-
-    await expect(comfyPage.page.getByTestId('properties-panel')).toBeVisible()
-  })
-
-  test('"See Errors" dismisses the overlay', async ({ comfyPage }) => {
-    await triggerExecutionError(comfyPage)
-
-    const overlay = comfyPage.page.getByTestId(TestIds.dialogs.errorOverlay)
-    await expect(overlay).toBeVisible()
-
-    await overlay.getByTestId(TestIds.dialogs.errorOverlaySeeErrors).click()
-
-    await expect(overlay).not.toBeVisible()
-  })
-
-  test('"Dismiss" closes overlay without opening panel', async ({
-    comfyPage
-  }) => {
-    await triggerExecutionError(comfyPage)
-
-    const overlay = comfyPage.page.getByTestId(TestIds.dialogs.errorOverlay)
-    await expect(overlay).toBeVisible()
-
-    await overlay.getByTestId(TestIds.dialogs.errorOverlayDismiss).click()
-
-    await expect(overlay).not.toBeVisible()
-    await expect(
-      comfyPage.page.getByTestId('properties-panel')
-    ).not.toBeVisible()
-  })
-
-  test('Close button (X) dismisses overlay', async ({ comfyPage }) => {
-    await triggerExecutionError(comfyPage)
-
-    const overlay = comfyPage.page.getByTestId(TestIds.dialogs.errorOverlay)
-    await expect(overlay).toBeVisible()
-
-    await overlay.getByRole('button', { name: /close/i }).click()
-
-    await expect(overlay).not.toBeVisible()
-  })
-})

browser_tests/tests/load3d/Load3DHelper.ts

@@ -1,40 +0,0 @@
-import type { Locator } from '@playwright/test'
-
-export class Load3DHelper {
-  constructor(readonly node: Locator) {}
-
-  get canvas(): Locator {
-    return this.node.locator('canvas')
-  }
-
-  get menuButton(): Locator {
-    return this.node.getByRole('button', { name: /show menu/i })
-  }
-
-  get recordingButton(): Locator {
-    return this.node.getByRole('button', { name: /start recording/i })
-  }
-
-  get colorInput(): Locator {
-    return this.node.locator('input[type="color"]')
-  }
-
-  getUploadButton(label: string): Locator {
-    return this.node.getByText(label)
-  }
-
-  getMenuCategory(name: string): Locator {
-    return this.node.getByText(name, { exact: true })
-  }
-
-  async openMenu(): Promise<void> {
-    await this.menuButton.click()
-  }
-
-  async setBackgroundColor(hex: string): Promise<void> {
-    await this.colorInput.evaluate((el, value) => {
-      ;(el as HTMLInputElement).value = value
-      el.dispatchEvent(new Event('input', { bubbles: true }))
-    }, hex)
-  }
-}

browser_tests/tests/load3d/load3d.spec.ts

@@ -1,97 +0,0 @@
-import { expect } from '@playwright/test'
-
-import { comfyPageFixture as test } from '../../fixtures/ComfyPage'
-import { Load3DHelper } from './Load3DHelper'
-
-test.describe('Load3D', () => {
-  let load3d: Load3DHelper
-
-  test.beforeEach(async ({ comfyPage }) => {
-    await comfyPage.settings.setSetting('Comfy.VueNodes.Enabled', true)
-    await comfyPage.workflow.loadWorkflow('3d/load3d_node')
-    await comfyPage.vueNodes.waitForNodes()
-
-    const node = comfyPage.vueNodes.getNodeLocator('1')
-    load3d = new Load3DHelper(node)
-  })
-
-  test(
-    'Renders canvas with upload buttons and controls menu',
-    { tag: ['@smoke', '@screenshot'] },
-    async () => {
-      await expect(load3d.node).toBeVisible()
-
-      await expect(load3d.canvas).toBeVisible()
-
-      const canvasBox = await load3d.canvas.boundingBox()
-      expect(canvasBox!.width).toBeGreaterThan(0)
-      expect(canvasBox!.height).toBeGreaterThan(0)
-
-      await expect(load3d.getUploadButton('upload 3d model')).toBeVisible()
-      await expect(
-        load3d.getUploadButton('upload extra resources')
-      ).toBeVisible()
-      await expect(load3d.getUploadButton('clear')).toBeVisible()
-
-      await expect(load3d.menuButton).toBeVisible()
-
-      await expect(load3d.node).toHaveScreenshot('load3d-empty-node.png', {
-        maxDiffPixelRatio: 0.05
-      })
-    }
-  )
-
-  test(
-    'Controls menu opens and shows all categories',
-    { tag: ['@smoke', '@screenshot'] },
-    async () => {
-      await load3d.openMenu()
-
-      await expect(load3d.getMenuCategory('Scene')).toBeVisible()
-      await expect(load3d.getMenuCategory('Model')).toBeVisible()
-      await expect(load3d.getMenuCategory('Camera')).toBeVisible()
-      await expect(load3d.getMenuCategory('Light')).toBeVisible()
-      await expect(load3d.getMenuCategory('Export')).toBeVisible()
-
-      await expect(load3d.node).toHaveScreenshot(
-        'load3d-controls-menu-open.png',
-        { maxDiffPixelRatio: 0.05 }
-      )
-    }
-  )
-
-  test(
-    'Changing background color updates the scene',
-    { tag: ['@smoke', '@screenshot'] },
-    async ({ comfyPage }) => {
-      await load3d.setBackgroundColor('#cc3333')
-      await comfyPage.nextFrame()
-
-      await expect
-        .poll(
-          () =>
-            comfyPage.page.evaluate(() => {
-              const n = window.app!.graph.getNodeById(1)
-              const config = n?.properties?.['Scene Config'] as
-                | Record<string, string>
-                | undefined
-              return config?.backgroundColor
-            }),
-          { timeout: 3000 }
-        )
-        .toBe('#cc3333')
-
-      await expect(load3d.node).toHaveScreenshot('load3d-red-background.png', {
-        maxDiffPixelRatio: 0.05
-      })
-    }
-  )
-
-  test(
-    'Recording controls are visible for Load3D',
-    { tag: '@smoke' },
-    async () => {
-      await expect(load3d.recordingButton).toBeVisible()
-    }
-  )
-})

browser_tests/tests/propertiesPanel/ErrorsTabHelper.ts

@@ -0,0 +1,17 @@
+import { expect } from '@playwright/test'
+
+import type { ComfyPage } from '../../fixtures/ComfyPage'
+import { TestIds } from '../../fixtures/selectors'
+
+export async function openErrorsTabViaSeeErrors(
+  comfyPage: ComfyPage,
+  workflow: string
+) {
+  await comfyPage.workflow.loadWorkflow(workflow)
+
+  const errorOverlay = comfyPage.page.getByTestId(TestIds.dialogs.errorOverlay)
+  await expect(errorOverlay).toBeVisible()
+
+  await errorOverlay.getByTestId(TestIds.dialogs.errorOverlaySeeErrors).click()
+  await expect(errorOverlay).not.toBeVisible()
+}

browser_tests/tests/propertiesPanel/errorsTab.spec.ts

@@ -1,31 +1,73 @@
 import { expect } from '@playwright/test'
 
 import { comfyPageFixture as test } from '../../fixtures/ComfyPage'
+import { TestIds } from '../../fixtures/selectors'
 import { PropertiesPanelHelper } from './PropertiesPanelHelper'
 
-test.describe('Properties panel - Errors tab', () => {
-  let panel: PropertiesPanelHelper
-
+test.describe('Errors tab - common', { tag: '@ui' }, () => {
   test.beforeEach(async ({ comfyPage }) => {
-    panel = new PropertiesPanelHelper(comfyPage.page)
-  })
-
-  test('should show Errors tab when errors exist', async ({ comfyPage }) => {
+    await comfyPage.settings.setSetting('Comfy.UseNewMenu', 'Top')
     await comfyPage.settings.setSetting(
       'Comfy.RightSidePanel.ShowErrorsTab',
       true
     )
-    await comfyPage.workflow.loadWorkflow('missing/missing_nodes')
-    await comfyPage.actionbar.propertiesButton.click()
-    await comfyPage.nextFrame()
-
-    await expect(panel.errorsTabIcon).toBeVisible()
   })
 
-  test('should not show Errors tab when errors are disabled', async ({
-    comfyPage
-  }) => {
-    await comfyPage.actionbar.propertiesButton.click()
-    await expect(panel.errorsTabIcon).not.toBeVisible()
+  test.describe('Tab visibility', () => {
+    test('Should show Errors tab when errors exist', async ({ comfyPage }) => {
+      await comfyPage.workflow.loadWorkflow('missing/missing_nodes')
+      await comfyPage.actionbar.propertiesButton.click()
+      await comfyPage.nextFrame()
+
+      const panel = new PropertiesPanelHelper(comfyPage.page)
+      await expect(panel.errorsTabIcon).toBeVisible()
+    })
+
+    test('Should not show Errors tab when setting is disabled', async ({
+      comfyPage
+    }) => {
+      await comfyPage.workflow.loadWorkflow('missing/missing_nodes')
+      await comfyPage.settings.setSetting(
+        'Comfy.RightSidePanel.ShowErrorsTab',
+        false
+      )
+      await comfyPage.actionbar.propertiesButton.click()
+      await comfyPage.nextFrame()
+
+      const panel = new PropertiesPanelHelper(comfyPage.page)
+      await expect(panel.errorsTabIcon).not.toBeVisible()
+    })
+  })
+
+  test.describe('Search and filter', () => {
+    test.beforeEach(async ({ comfyPage }) => {
+      await comfyPage.setup()
+    })
+
+    test('Should filter execution errors by search query', async ({
+      comfyPage
+    }) => {
+      await comfyPage.workflow.loadWorkflow('nodes/execution_error')
+      await comfyPage.command.executeCommand('Comfy.QueuePrompt')
+      await comfyPage.nextFrame()
+
+      const errorOverlay = comfyPage.page.getByTestId(
+        TestIds.dialogs.errorOverlay
+      )
+      await expect(errorOverlay).toBeVisible()
+      await errorOverlay
+        .getByTestId(TestIds.dialogs.errorOverlaySeeErrors)
+        .click()
+
+      const runtimePanel = comfyPage.page.getByTestId(
+        TestIds.dialogs.runtimeErrorPanel
+      )
+      await expect(runtimePanel).toBeVisible()
+
+      const searchInput = comfyPage.page.getByPlaceholder(/^Search/)
+      await searchInput.fill('nonexistent_query_xyz_12345')
+
+      await expect(runtimePanel).not.toBeVisible()
+    })
   })
 })

browser_tests/tests/propertiesPanel/errorsTabExecution.spec.ts

@@ -0,0 +1,57 @@
+import type { ComfyPage } from '../../fixtures/ComfyPage'
+import {
+  comfyPageFixture as test,
+  comfyExpect as expect
+} from '../../fixtures/ComfyPage'
+import { TestIds } from '../../fixtures/selectors'
+
+test.describe('Errors tab - Execution errors', { tag: '@ui' }, () => {
+  test.beforeEach(async ({ comfyPage }) => {
+    await comfyPage.settings.setSetting('Comfy.UseNewMenu', 'Top')
+    await comfyPage.settings.setSetting(
+      'Comfy.RightSidePanel.ShowErrorsTab',
+      true
+    )
+    await comfyPage.setup()
+  })
+
+  async function openExecutionErrorTab(comfyPage: ComfyPage) {
+    await comfyPage.workflow.loadWorkflow('nodes/execution_error')
+    await comfyPage.command.executeCommand('Comfy.QueuePrompt')
+    await comfyPage.nextFrame()
+
+    const errorOverlay = comfyPage.page.getByTestId(
+      TestIds.dialogs.errorOverlay
+    )
+    await expect(errorOverlay).toBeVisible()
+    await errorOverlay
+      .getByTestId(TestIds.dialogs.errorOverlaySeeErrors)
+      .click()
+    await expect(errorOverlay).not.toBeVisible()
+  }
+
+  test('Should show Find on GitHub and Copy buttons in error card', async ({
+    comfyPage
+  }) => {
+    await openExecutionErrorTab(comfyPage)
+
+    await expect(
+      comfyPage.page.getByTestId(TestIds.dialogs.errorCardFindOnGithub)
+    ).toBeVisible()
+    await expect(
+      comfyPage.page.getByTestId(TestIds.dialogs.errorCardCopy)
+    ).toBeVisible()
+  })
+
+  test('Should show error message in runtime error panel', async ({
+    comfyPage
+  }) => {
+    await openExecutionErrorTab(comfyPage)
+
+    const runtimePanel = comfyPage.page.getByTestId(
+      TestIds.dialogs.runtimeErrorPanel
+    )
+    await expect(runtimePanel).toBeVisible()
+    await expect(runtimePanel).toContainText(/\S/)
+  })
+})

browser_tests/tests/propertiesPanel/errorsTabMissingMedia.spec.ts

@@ -1,21 +1,9 @@
 import { expect } from '@playwright/test'
 
-import type { ComfyPage } from '../fixtures/ComfyPage'
-import { comfyPageFixture as test } from '../fixtures/ComfyPage'
-import { TestIds } from '../fixtures/selectors'
-
-async function loadMissingMediaAndOpenErrorsTab(
-  comfyPage: ComfyPage,
-  workflow = 'missing/missing_media_single'
-) {
-  await comfyPage.workflow.loadWorkflow(workflow)
-
-  const errorOverlay = comfyPage.page.getByTestId(TestIds.dialogs.errorOverlay)
-  await expect(errorOverlay).toBeVisible()
-
-  await errorOverlay.getByTestId(TestIds.dialogs.errorOverlaySeeErrors).click()
-  await expect(errorOverlay).not.toBeVisible()
-}
+import type { ComfyPage } from '../../fixtures/ComfyPage'
+import { comfyPageFixture as test } from '../../fixtures/ComfyPage'
+import { TestIds } from '../../fixtures/selectors'
+import { openErrorsTabViaSeeErrors } from './ErrorsTabHelper'
 
 async function uploadFileViaDropzone(comfyPage: ComfyPage) {
   const dropzone = comfyPage.page.getByTestId(
@@ -48,7 +36,7 @@ function getDropzone(comfyPage: ComfyPage) {
   return comfyPage.page.getByTestId(TestIds.dialogs.missingMediaUploadDropzone)
 }
 
-test.describe('Missing media inputs in Error Tab', () => {
+test.describe('Errors tab - Missing media', { tag: '@ui' }, () => {
   test.beforeEach(async ({ comfyPage }) => {
     await comfyPage.settings.setSetting('Comfy.UseNewMenu', 'Top')
     await comfyPage.settings.setSetting(
@@ -58,27 +46,8 @@ test.describe('Missing media inputs in Error Tab', () => {
   })
 
   test.describe('Detection', () => {
-    test('Shows error overlay when workflow has missing media inputs', async ({
-      comfyPage
-    }) => {
-      await comfyPage.workflow.loadWorkflow('missing/missing_media_single')
-
-      const errorOverlay = comfyPage.page.getByTestId(
-        TestIds.dialogs.errorOverlay
-      )
-      await expect(errorOverlay).toBeVisible()
-
-      const messages = errorOverlay.getByTestId(
-        TestIds.dialogs.errorOverlayMessages
-      )
-      await expect(messages).toBeVisible()
-      await expect(messages).toHaveText(/missing required inputs/i)
-    })
-
-    test('Shows missing media group in errors tab after clicking See Errors', async ({
-      comfyPage
-    }) => {
-      await loadMissingMediaAndOpenErrorsTab(comfyPage)
+    test('Shows missing media group in errors tab', async ({ comfyPage }) => {
+      await openErrorsTabViaSeeErrors(comfyPage, 'missing/missing_media_single')
 
       await expect(
         comfyPage.page.getByTestId(TestIds.dialogs.missingMediaGroup)
@@ -88,7 +57,7 @@ test.describe('Missing media inputs in Error Tab', () => {
     test('Shows correct number of missing media rows', async ({
       comfyPage
     }) => {
-      await loadMissingMediaAndOpenErrorsTab(
+      await openErrorsTabViaSeeErrors(
         comfyPage,
         'missing/missing_media_multiple'
       )
@@ -99,30 +68,20 @@ test.describe('Missing media inputs in Error Tab', () => {
     test('Shows upload dropzone and library select for each missing item', async ({
       comfyPage
     }) => {
-      await loadMissingMediaAndOpenErrorsTab(comfyPage)
+      await openErrorsTabViaSeeErrors(comfyPage, 'missing/missing_media_single')
 
       await expect(getDropzone(comfyPage)).toBeVisible()
       await expect(
         comfyPage.page.getByTestId(TestIds.dialogs.missingMediaLibrarySelect)
       ).toBeVisible()
     })
-
-    test('Does not show error overlay when all media inputs exist', async ({
-      comfyPage
-    }) => {
-      await comfyPage.workflow.loadWorkflow('widgets/load_image_widget')
-
-      await expect(
-        comfyPage.page.getByTestId(TestIds.dialogs.errorOverlay)
-      ).not.toBeVisible()
-    })
   })
 
-  test.describe('Upload flow (2-step confirm)', () => {
+  test.describe('Upload flow', () => {
     test('Upload via file picker shows status card then allows confirm', async ({
       comfyPage
     }) => {
-      await loadMissingMediaAndOpenErrorsTab(comfyPage)
+      await openErrorsTabViaSeeErrors(comfyPage, 'missing/missing_media_single')
       await uploadFileViaDropzone(comfyPage)
 
       await expect(getStatusCard(comfyPage)).toBeVisible()
@@ -132,11 +91,11 @@ test.describe('Missing media inputs in Error Tab', () => {
     })
   })
 
-  test.describe('Library select flow (2-step confirm)', () => {
+  test.describe('Library select flow', () => {
     test('Selecting from library shows status card then allows confirm', async ({
       comfyPage
     }) => {
-      await loadMissingMediaAndOpenErrorsTab(comfyPage)
+      await openErrorsTabViaSeeErrors(comfyPage, 'missing/missing_media_single')
 
       const librarySelect = comfyPage.page.getByTestId(
         TestIds.dialogs.missingMediaLibrarySelect
@@ -162,7 +121,7 @@ test.describe('Missing media inputs in Error Tab', () => {
     test('Cancelling pending selection returns to upload/library UI', async ({
       comfyPage
     }) => {
-      await loadMissingMediaAndOpenErrorsTab(comfyPage)
+      await openErrorsTabViaSeeErrors(comfyPage, 'missing/missing_media_single')
       await uploadFileViaDropzone(comfyPage)
 
       await expect(getStatusCard(comfyPage)).toBeVisible()
@@ -181,7 +140,7 @@ test.describe('Missing media inputs in Error Tab', () => {
     test('Missing Inputs group disappears when all items are resolved', async ({
       comfyPage
     }) => {
-      await loadMissingMediaAndOpenErrorsTab(comfyPage)
+      await openErrorsTabViaSeeErrors(comfyPage, 'missing/missing_media_single')
       await uploadFileViaDropzone(comfyPage)
       await confirmPendingSelection(comfyPage)
 
@@ -195,7 +154,7 @@ test.describe('Missing media inputs in Error Tab', () => {
     test('Locate button navigates canvas to the missing media node', async ({
       comfyPage
     }) => {
-      await loadMissingMediaAndOpenErrorsTab(comfyPage)
+      await openErrorsTabViaSeeErrors(comfyPage, 'missing/missing_media_single')
 
       const offsetBefore = await comfyPage.page.evaluate(() => {
         const canvas = window['app']?.canvas

browser_tests/tests/propertiesPanel/errorsTabMissingModels.spec.ts

@@ -0,0 +1,105 @@
+import { expect } from '@playwright/test'
+
+import { comfyPageFixture as test } from '../../fixtures/ComfyPage'
+import { TestIds } from '../../fixtures/selectors'
+import {
+  interceptClipboardWrite,
+  getClipboardText
+} from '../../helpers/clipboardSpy'
+import { openErrorsTabViaSeeErrors } from './ErrorsTabHelper'
+
+test.describe('Errors tab - Missing models', { tag: '@ui' }, () => {
+  test.beforeEach(async ({ comfyPage }) => {
+    await comfyPage.settings.setSetting('Comfy.UseNewMenu', 'Top')
+    await comfyPage.settings.setSetting(
+      'Comfy.RightSidePanel.ShowErrorsTab',
+      true
+    )
+    const cleanupOk = await comfyPage.page.evaluate(async (url: string) => {
+      const response = await fetch(`${url}/api/devtools/cleanup_fake_model`)
+      return response.ok
+    }, comfyPage.url)
+    expect(cleanupOk).toBeTruthy()
+  })
+
+  test('Should show missing models group in errors tab', async ({
+    comfyPage
+  }) => {
+    await openErrorsTabViaSeeErrors(comfyPage, 'missing/missing_models')
+
+    await expect(
+      comfyPage.page.getByTestId(TestIds.dialogs.missingModelsGroup)
+    ).toBeVisible()
+  })
+
+  test('Should display model name with referencing node count', async ({
+    comfyPage
+  }) => {
+    await openErrorsTabViaSeeErrors(comfyPage, 'missing/missing_models')
+
+    const modelsGroup = comfyPage.page.getByTestId(
+      TestIds.dialogs.missingModelsGroup
+    )
+    await expect(modelsGroup).toContainText(/fake_model\.safetensors\s*\(\d+\)/)
+  })
+
+  test('Should expand model row to show referencing nodes', async ({
+    comfyPage
+  }) => {
+    await openErrorsTabViaSeeErrors(
+      comfyPage,
+      'missing/missing_models_with_nodes'
+    )
+
+    const locateButton = comfyPage.page.getByTestId(
+      TestIds.dialogs.missingModelLocate
+    )
+    await expect(locateButton.first()).not.toBeVisible()
+
+    const expandButton = comfyPage.page.getByTestId(
+      TestIds.dialogs.missingModelExpand
+    )
+    await expect(expandButton.first()).toBeVisible()
+    await expandButton.first().click()
+
+    await expect(locateButton.first()).toBeVisible()
+  })
+
+  test('Should copy model name to clipboard', async ({ comfyPage }) => {
+    await openErrorsTabViaSeeErrors(comfyPage, 'missing/missing_models')
+    await interceptClipboardWrite(comfyPage.page)
+
+    const copyButton = comfyPage.page.getByTestId(
+      TestIds.dialogs.missingModelCopyName
+    )
+    await expect(copyButton.first()).toBeVisible()
+    await copyButton.first().click()
+
+    const copiedText = await getClipboardText(comfyPage.page)
+    expect(copiedText).toContain('fake_model.safetensors')
+  })
+
+  test.describe('OSS-specific', { tag: '@oss' }, () => {
+    test('Should show Copy URL button for non-asset models', async ({
+      comfyPage
+    }) => {
+      await openErrorsTabViaSeeErrors(comfyPage, 'missing/missing_models')
+
+      const copyUrlButton = comfyPage.page.getByTestId(
+        TestIds.dialogs.missingModelCopyUrl
+      )
+      await expect(copyUrlButton.first()).toBeVisible()
+    })
+
+    test('Should show Download button for downloadable models', async ({
+      comfyPage
+    }) => {
+      await openErrorsTabViaSeeErrors(comfyPage, 'missing/missing_models')
+
+      const downloadButton = comfyPage.page.getByTestId(
+        TestIds.dialogs.missingModelDownload
+      )
+      await expect(downloadButton.first()).toBeVisible()
+    })
+  })
+})

browser_tests/tests/propertiesPanel/errorsTabMissingNodes.spec.ts

@@ -0,0 +1,105 @@
+import { expect } from '@playwright/test'
+
+import { comfyPageFixture as test } from '../../fixtures/ComfyPage'
+import { TestIds } from '../../fixtures/selectors'
+import { openErrorsTabViaSeeErrors } from './ErrorsTabHelper'
+
+test.describe('Errors tab - Missing nodes', { tag: '@ui' }, () => {
+  test.beforeEach(async ({ comfyPage }) => {
+    await comfyPage.settings.setSetting('Comfy.UseNewMenu', 'Top')
+    await comfyPage.settings.setSetting(
+      'Comfy.RightSidePanel.ShowErrorsTab',
+      true
+    )
+  })
+
+  test('Should show MissingNodeCard in errors tab', async ({ comfyPage }) => {
+    await openErrorsTabViaSeeErrors(comfyPage, 'missing/missing_nodes')
+
+    await expect(
+      comfyPage.page.getByTestId(TestIds.dialogs.missingNodeCard)
+    ).toBeVisible()
+  })
+
+  test('Should show missing node packs group', async ({ comfyPage }) => {
+    await openErrorsTabViaSeeErrors(comfyPage, 'missing/missing_nodes')
+
+    await expect(
+      comfyPage.page.getByTestId(TestIds.dialogs.missingNodePacksGroup)
+    ).toBeVisible()
+  })
+
+  test('Should expand pack group to reveal node type names', async ({
+    comfyPage
+  }) => {
+    await openErrorsTabViaSeeErrors(
+      comfyPage,
+      'missing/missing_nodes_in_subgraph'
+    )
+
+    const missingNodeCard = comfyPage.page.getByTestId(
+      TestIds.dialogs.missingNodeCard
+    )
+    await expect(missingNodeCard).toBeVisible()
+
+    await missingNodeCard
+      .getByRole('button', { name: /expand/i })
+      .first()
+      .click()
+    await expect(
+      missingNodeCard.getByText('MISSING_NODE_TYPE_IN_SUBGRAPH')
+    ).toBeVisible()
+  })
+
+  test('Should collapse expanded pack group', async ({ comfyPage }) => {
+    await openErrorsTabViaSeeErrors(
+      comfyPage,
+      'missing/missing_nodes_in_subgraph'
+    )
+
+    const missingNodeCard = comfyPage.page.getByTestId(
+      TestIds.dialogs.missingNodeCard
+    )
+    await missingNodeCard
+      .getByRole('button', { name: /expand/i })
+      .first()
+      .click()
+    await expect(
+      missingNodeCard.getByText('MISSING_NODE_TYPE_IN_SUBGRAPH')
+    ).toBeVisible()
+
+    await missingNodeCard
+      .getByRole('button', { name: /collapse/i })
+      .first()
+      .click()
+    await expect(
+      missingNodeCard.getByText('MISSING_NODE_TYPE_IN_SUBGRAPH')
+    ).not.toBeVisible()
+  })
+
+  test('Locate node button is visible for expanded pack nodes', async ({
+    comfyPage
+  }) => {
+    await openErrorsTabViaSeeErrors(
+      comfyPage,
+      'missing/missing_nodes_in_subgraph'
+    )
+
+    const missingNodeCard = comfyPage.page.getByTestId(
+      TestIds.dialogs.missingNodeCard
+    )
+    await missingNodeCard
+      .getByRole('button', { name: /expand/i })
+      .first()
+      .click()
+
+    const locateButton = missingNodeCard.getByRole('button', {
+      name: /locate/i
+    })
+    await expect(locateButton.first()).toBeVisible()
+    // TODO: Add navigation assertion once subgraph node ID deduplication
+    // timing is fixed. Currently, collectMissingNodes runs before
+    // configure(), so execution IDs use pre-remapped node IDs that don't
+    // match the runtime graph. See PR #9510 / #8762.
+  })
+})

browser_tests/tests/queue/queueOverlay.spec.ts

@@ -1,111 +0,0 @@
-import { expect } from '@playwright/test'
-
-import { comfyPageFixture as test } from '@e2e/fixtures/ComfyPage'
-import { createMockJob } from '@e2e/fixtures/helpers/AssetsHelper'
-import { TestIds } from '@e2e/fixtures/selectors'
-import type { RawJobListItem } from '@/platform/remote/comfyui/jobs/jobTypes'
-
-const now = Date.now()
-
-const MOCK_JOBS: RawJobListItem[] = [
-  createMockJob({
-    id: 'job-completed-1',
-    status: 'completed',
-    create_time: now - 60_000,
-    execution_start_time: now - 60_000,
-    execution_end_time: now - 50_000,
-    outputs_count: 2
-  }),
-  createMockJob({
-    id: 'job-completed-2',
-    status: 'completed',
-    create_time: now - 120_000,
-    execution_start_time: now - 120_000,
-    execution_end_time: now - 115_000,
-    outputs_count: 1
-  }),
-  createMockJob({
-    id: 'job-failed-1',
-    status: 'failed',
-    create_time: now - 30_000,
-    execution_start_time: now - 30_000,
-    execution_end_time: now - 28_000,
-    outputs_count: 0
-  })
-]
-
-test.describe('Queue overlay', () => {
-  test.beforeEach(async ({ comfyPage }) => {
-    await comfyPage.assets.mockOutputHistory(MOCK_JOBS)
-    await comfyPage.settings.setSetting('Comfy.Queue.QPOV2', false)
-    await comfyPage.setup()
-  })
-
-  test.afterEach(async ({ comfyPage }) => {
-    await comfyPage.assets.clearMocks()
-  })
-
-  test('Toggle button opens expanded queue overlay', async ({ comfyPage }) => {
-    const toggle = comfyPage.page.getByTestId(TestIds.queue.overlayToggle)
-    await toggle.click()
-
-    // Expanded overlay should show job items
-    await expect(comfyPage.page.locator('[data-job-id]').first()).toBeVisible()
-  })
-
-  test('Overlay shows filter tabs (All, Completed)', async ({ comfyPage }) => {
-    const toggle = comfyPage.page.getByTestId(TestIds.queue.overlayToggle)
-    await toggle.click()
-
-    await expect(
-      comfyPage.page.getByRole('button', { name: 'All', exact: true })
-    ).toBeVisible()
-    await expect(
-      comfyPage.page.getByRole('button', { name: 'Completed', exact: true })
-    ).toBeVisible()
-  })
-
-  test('Overlay shows Failed tab when failed jobs exist', async ({
-    comfyPage
-  }) => {
-    const toggle = comfyPage.page.getByTestId(TestIds.queue.overlayToggle)
-    await toggle.click()
-
-    await expect(comfyPage.page.locator('[data-job-id]').first()).toBeVisible()
-
-    await expect(
-      comfyPage.page.getByRole('button', { name: 'Failed', exact: true })
-    ).toBeVisible()
-  })
-
-  test('Completed filter shows only completed jobs', async ({ comfyPage }) => {
-    const toggle = comfyPage.page.getByTestId(TestIds.queue.overlayToggle)
-    await toggle.click()
-
-    await expect(comfyPage.page.locator('[data-job-id]').first()).toBeVisible()
-
-    await comfyPage.page
-      .getByRole('button', { name: 'Completed', exact: true })
-      .click()
-
-    await expect(
-      comfyPage.page.locator('[data-job-id="job-completed-1"]')
-    ).toBeVisible()
-    await expect(
-      comfyPage.page.locator('[data-job-id="job-failed-1"]')
-    ).not.toBeVisible()
-  })
-
-  test('Toggling overlay again closes it', async ({ comfyPage }) => {
-    const toggle = comfyPage.page.getByTestId(TestIds.queue.overlayToggle)
-    await toggle.click()
-
-    await expect(comfyPage.page.locator('[data-job-id]').first()).toBeVisible()
-
-    await toggle.click()
-
-    await expect(
-      comfyPage.page.locator('[data-job-id]').first()
-    ).not.toBeVisible()
-  })
-})

browser_tests/tests/resultGallery.spec.ts

@@ -41,28 +41,30 @@ test.describe('MediaLightbox', { tag: ['@slow'] }, () => {
     await assetCard.hover()
     await assetCard.getByLabel('Zoom in').click()
 
-    const { root } = comfyPage.mediaLightbox
-    await expect(root).toBeVisible()
+    const gallery = comfyPage.page.getByRole('dialog')
+    await expect(gallery).toBeVisible()
+
+    return { gallery }
   }
 
   test('opens gallery and shows dialog with close button', async ({
     comfyPage
   }) => {
-    await runAndOpenGallery(comfyPage)
-    await expect(comfyPage.mediaLightbox.closeButton).toBeVisible()
+    const { gallery } = await runAndOpenGallery(comfyPage)
+    await expect(gallery.getByLabel('Close')).toBeVisible()
   })
 
   test('closes gallery on Escape key', async ({ comfyPage }) => {
     await runAndOpenGallery(comfyPage)
 
     await comfyPage.page.keyboard.press('Escape')
-    await expect(comfyPage.mediaLightbox.root).not.toBeVisible()
+    await expect(comfyPage.page.getByRole('dialog')).not.toBeVisible()
   })
 
   test('closes gallery when clicking close button', async ({ comfyPage }) => {
-    await runAndOpenGallery(comfyPage)
+    const { gallery } = await runAndOpenGallery(comfyPage)
 
-    await comfyPage.mediaLightbox.closeButton.click()
-    await expect(comfyPage.mediaLightbox.root).not.toBeVisible()
+    await gallery.getByLabel('Close').click()
+    await expect(comfyPage.page.getByRole('dialog')).not.toBeVisible()
   })
 })

browser_tests/tests/selectionToolboxActions.spec.ts

@@ -1,20 +1,9 @@
-import type { Locator } from '@playwright/test'
-
 import {
   comfyExpect as expect,
   comfyPageFixture as test
 } from '../fixtures/ComfyPage'
-import type { ComfyPage } from '../fixtures/ComfyPage'
 import type { NodeReference } from '../fixtures/utils/litegraphUtils'
-
-const BYPASS_CLASS = /before:bg-bypass\/60/
-
-function getNodeWrapper(comfyPage: ComfyPage, nodeTitle: string): Locator {
-  return comfyPage.page
-    .locator('[data-node-id]')
-    .filter({ hasText: nodeTitle })
-    .getByTestId('node-inner-wrapper')
-}
+import type { ComfyPage } from '../fixtures/ComfyPage'
 
 async function selectNodeWithPan(comfyPage: ComfyPage, nodeRef: NodeReference) {
   const nodePos = await nodeRef.getPosition()
@@ -47,7 +36,7 @@ test.describe('Selection Toolbox - Button Actions', { tag: '@ui' }, () => {
       () => window.app!.graph!._nodes.length
     )
 
-    const deleteButton = comfyPage.page.getByTestId('delete-button')
+    const deleteButton = comfyPage.page.locator('[data-testid="delete-button"]')
     await expect(deleteButton).toBeVisible()
     await deleteButton.click({ force: true })
     await comfyPage.nextFrame()
@@ -62,12 +51,14 @@ test.describe('Selection Toolbox - Button Actions', { tag: '@ui' }, () => {
     const nodeRef = (await comfyPage.nodeOps.getNodeRefsByTitle('KSampler'))[0]
     await selectNodeWithPan(comfyPage, nodeRef)
 
-    const infoButton = comfyPage.page.getByTestId('info-button')
+    const infoButton = comfyPage.page.locator('[data-testid="info-button"]')
     await expect(infoButton).toBeVisible()
     await infoButton.click({ force: true })
     await comfyPage.nextFrame()
 
-    await expect(comfyPage.page.getByTestId('properties-panel')).toBeVisible()
+    await expect(
+      comfyPage.page.locator('[data-testid="properties-panel"]')
+    ).toBeVisible()
   })
 
   test('convert-to-subgraph button visible with multi-select', async ({
@@ -80,7 +71,7 @@ test.describe('Selection Toolbox - Button Actions', { tag: '@ui' }, () => {
     await comfyPage.nextFrame()
 
     await expect(
-      comfyPage.page.getByTestId('convert-to-subgraph-button')
+      comfyPage.page.locator('[data-testid="convert-to-subgraph-button"]')
     ).toBeVisible()
   })
 
@@ -97,7 +88,7 @@ test.describe('Selection Toolbox - Button Actions', { tag: '@ui' }, () => {
       () => window.app!.graph!._nodes.length
     )
 
-    const deleteButton = comfyPage.page.getByTestId('delete-button')
+    const deleteButton = comfyPage.page.locator('[data-testid="delete-button"]')
     await expect(deleteButton).toBeVisible()
     await deleteButton.click({ force: true })
     await comfyPage.nextFrame()
@@ -107,152 +98,4 @@ test.describe('Selection Toolbox - Button Actions', { tag: '@ui' }, () => {
     )
     expect(newCount).toBe(initialCount - 2)
   })
-
-  test('bypass button toggles bypass on single node', async ({ comfyPage }) => {
-    await comfyPage.settings.setSetting('Comfy.VueNodes.Enabled', true)
-    await comfyPage.workflow.loadWorkflow('nodes/single_ksampler')
-    await comfyPage.vueNodes.waitForNodes()
-
-    const nodeRef = (await comfyPage.nodeOps.getNodeRefsByTitle('KSampler'))[0]
-    await selectNodeWithPan(comfyPage, nodeRef)
-
-    expect(await nodeRef.isBypassed()).toBe(false)
-
-    const bypassButton = comfyPage.page.getByTestId('bypass-button')
-    await expect(bypassButton).toBeVisible()
-    await bypassButton.click({ force: true })
-    await comfyPage.nextFrame()
-
-    expect(await nodeRef.isBypassed()).toBe(true)
-    await expect(getNodeWrapper(comfyPage, 'KSampler')).toHaveClass(
-      BYPASS_CLASS
-    )
-
-    await bypassButton.click({ force: true })
-    await comfyPage.nextFrame()
-
-    expect(await nodeRef.isBypassed()).toBe(false)
-    await expect(getNodeWrapper(comfyPage, 'KSampler')).not.toHaveClass(
-      BYPASS_CLASS
-    )
-  })
-
-  test('convert-to-subgraph button converts node to subgraph', async ({
-    comfyPage
-  }) => {
-    const nodeRef = (await comfyPage.nodeOps.getNodeRefsByTitle('KSampler'))[0]
-    await selectNodeWithPan(comfyPage, nodeRef)
-
-    const convertButton = comfyPage.page.getByTestId(
-      'convert-to-subgraph-button'
-    )
-    await expect(convertButton).toBeVisible()
-    await convertButton.click({ force: true })
-    await comfyPage.nextFrame()
-
-    // KSampler should be gone, replaced by a subgraph node
-    await expect
-      .poll(() => comfyPage.nodeOps.getNodeRefsByTitle('KSampler'))
-      .toHaveLength(0)
-
-    await expect
-      .poll(() => comfyPage.nodeOps.getNodeRefsByTitle('New Subgraph'))
-      .toHaveLength(1)
-  })
-
-  test('convert-to-subgraph button converts multiple nodes', async ({
-    comfyPage
-  }) => {
-    await comfyPage.workflow.loadWorkflow('default')
-    await comfyPage.nextFrame()
-
-    const initialCount = await comfyPage.nodeOps.getGraphNodesCount()
-
-    await comfyPage.nodeOps.selectNodes(['KSampler', 'Empty Latent Image'])
-    await comfyPage.nextFrame()
-
-    const convertButton = comfyPage.page.getByTestId(
-      'convert-to-subgraph-button'
-    )
-    await expect(convertButton).toBeVisible()
-    await convertButton.click({ force: true })
-    await comfyPage.nextFrame()
-
-    await expect
-      .poll(() => comfyPage.nodeOps.getNodeRefsByTitle('New Subgraph'))
-      .toHaveLength(1)
-
-    await expect
-      .poll(() => comfyPage.nodeOps.getGraphNodesCount())
-      .toBe(initialCount - 1)
-  })
-
-  test('frame nodes button creates group from multiple selected nodes', async ({
-    comfyPage
-  }) => {
-    await comfyPage.workflow.loadWorkflow('default')
-    await comfyPage.nextFrame()
-
-    const initialGroupCount = await comfyPage.page.evaluate(
-      () => window.app!.graph.groups.length
-    )
-
-    await comfyPage.nodeOps.selectNodes(['KSampler', 'Empty Latent Image'])
-    await comfyPage.nextFrame()
-
-    const frameButton = comfyPage.page.getByRole('button', {
-      name: /Frame Nodes/i
-    })
-    await expect(frameButton).toBeVisible()
-    await frameButton.click({ force: true })
-    await comfyPage.nextFrame()
-
-    await expect
-      .poll(() =>
-        comfyPage.page.evaluate(() => window.app!.graph.groups.length)
-      )
-      .toBe(initialGroupCount + 1)
-  })
-
-  test('frame nodes button is not visible for single selection', async ({
-    comfyPage
-  }) => {
-    const nodeRef = (await comfyPage.nodeOps.getNodeRefsByTitle('KSampler'))[0]
-    await selectNodeWithPan(comfyPage, nodeRef)
-
-    const frameButton = comfyPage.page.getByRole('button', {
-      name: /Frame Nodes/i
-    })
-    await expect(frameButton).not.toBeVisible()
-  })
-
-  test('execute button visible when output node selected', async ({
-    comfyPage
-  }) => {
-    await comfyPage.workflow.loadWorkflow('default')
-    await comfyPage.nextFrame()
-
-    // Select the SaveImage node by panning to it
-    const saveImageRef = (
-      await comfyPage.nodeOps.getNodeRefsByTitle('Save Image')
-    )[0]
-    await selectNodeWithPan(comfyPage, saveImageRef)
-
-    const executeButton = comfyPage.page.getByRole('button', {
-      name: /Execute to selected output nodes/i
-    })
-    await expect(executeButton).toBeVisible()
-  })
-
-  test('execute button not visible when non-output node selected', async ({
-    comfyPage
-  }) => {
-    const nodeRef = (await comfyPage.nodeOps.getNodeRefsByTitle('KSampler'))[0]
-    await selectNodeWithPan(comfyPage, nodeRef)
-
-    const executeButton = comfyPage.page.getByRole('button', {
-      name: /Execute to selected output nodes/i
-    })
-    await expect(executeButton).not.toBeVisible()
-  })
 })

browser_tests/tests/sidebar/assets.spec.ts

@@ -676,83 +676,3 @@ test.describe('Assets sidebar - settings menu', () => {
     await expect(tab.gridViewOption).toBeVisible()
   })
 })
-
-// ==========================================================================
-// 11. Delete confirmation
-// ==========================================================================
-
-test.describe('Assets sidebar - delete confirmation', () => {
-  test.beforeEach(async ({ comfyPage }) => {
-    await comfyPage.assets.mockOutputHistory(SAMPLE_JOBS)
-    await comfyPage.assets.mockDeleteHistory()
-    await comfyPage.assets.mockInputFiles([])
-    await comfyPage.setup()
-  })
-
-  test.afterEach(async ({ comfyPage }) => {
-    await comfyPage.assets.clearMocks()
-  })
-
-  test('Right-click delete shows confirmation dialog', async ({
-    comfyPage
-  }) => {
-    const tab = comfyPage.menu.assetsTab
-    await tab.open()
-    await tab.waitForAssets()
-
-    await tab.assetCards.first().click({ button: 'right' })
-    await tab.contextMenuItem('Delete').click()
-
-    const dialog = comfyPage.confirmDialog.root
-    await expect(dialog).toBeVisible()
-    await expect(dialog.getByText('Delete this asset?')).toBeVisible()
-    await expect(
-      dialog.getByText('This asset will be permanently removed.')
-    ).toBeVisible()
-  })
-
-  test('Confirming delete removes asset and shows success toast', async ({
-    comfyPage
-  }) => {
-    const tab = comfyPage.menu.assetsTab
-    await tab.open()
-    await tab.waitForAssets()
-
-    const initialCount = await tab.assetCards.count()
-
-    await tab.assetCards.first().click({ button: 'right' })
-    await tab.contextMenuItem('Delete').click()
-
-    const dialog = comfyPage.confirmDialog.root
-    await expect(dialog).toBeVisible()
-
-    await comfyPage.confirmDialog.delete.click()
-
-    await expect(dialog).not.toBeVisible()
-    await expect(tab.assetCards).toHaveCount(initialCount - 1, {
-      timeout: 5000
-    })
-
-    const successToast = comfyPage.page.locator('.p-toast-message-success')
-    await expect(successToast).toBeVisible({ timeout: 5000 })
-  })
-
-  test('Cancelling delete preserves asset', async ({ comfyPage }) => {
-    const tab = comfyPage.menu.assetsTab
-    await tab.open()
-    await tab.waitForAssets()
-
-    const initialCount = await tab.assetCards.count()
-
-    await tab.assetCards.first().click({ button: 'right' })
-    await tab.contextMenuItem('Delete').click()
-
-    const dialog = comfyPage.confirmDialog.root
-    await expect(dialog).toBeVisible()
-
-    await comfyPage.confirmDialog.reject.click()
-
-    await expect(dialog).not.toBeVisible()
-    await expect(tab.assetCards).toHaveCount(initialCount)
-  })
-})

browser_tests/tests/sidebar/workflowSearch.spec.ts

@@ -1,65 +0,0 @@
-import type { Page } from '@playwright/test'
-import { expect } from '@playwright/test'
-
-import { comfyPageFixture as test } from '@e2e/fixtures/ComfyPage'
-import { TestIds } from '@e2e/fixtures/selectors'
-
-/** Locate a workflow label in whatever panel is visible (browse or search). */
-function findWorkflow(page: Page, name: string) {
-  return page
-    .getByTestId(TestIds.sidebar.workflows)
-    .locator('.node-label', { hasText: name })
-}
-
-test.describe('Workflow sidebar - search', () => {
-  test.beforeEach(async ({ comfyPage }) => {
-    await comfyPage.workflow.setupWorkflowsDirectory({
-      'alpha-workflow.json': 'default.json',
-      'beta-workflow.json': 'default.json'
-    })
-  })
-
-  test('Search filters saved workflows by name', async ({ comfyPage }) => {
-    const tab = comfyPage.menu.workflowsTab
-    await tab.open()
-
-    const searchInput = comfyPage.page.getByPlaceholder('Search Workflow...')
-    await searchInput.fill('alpha')
-
-    await expect(findWorkflow(comfyPage.page, 'alpha-workflow')).toBeVisible()
-    await expect(
-      findWorkflow(comfyPage.page, 'beta-workflow')
-    ).not.toBeVisible()
-  })
-
-  test('Clearing search restores all workflows', async ({ comfyPage }) => {
-    const tab = comfyPage.menu.workflowsTab
-    await tab.open()
-
-    const searchInput = comfyPage.page.getByPlaceholder('Search Workflow...')
-    await searchInput.fill('alpha')
-    await expect(
-      findWorkflow(comfyPage.page, 'beta-workflow')
-    ).not.toBeVisible()
-
-    await searchInput.fill('')
-
-    await expect(tab.getPersistedItem('alpha-workflow')).toBeVisible()
-    await expect(tab.getPersistedItem('beta-workflow')).toBeVisible()
-  })
-
-  test('Search with no matches shows empty results', async ({ comfyPage }) => {
-    const tab = comfyPage.menu.workflowsTab
-    await tab.open()
-
-    const searchInput = comfyPage.page.getByPlaceholder('Search Workflow...')
-    await searchInput.fill('nonexistent_xyz')
-
-    await expect(
-      findWorkflow(comfyPage.page, 'alpha-workflow')
-    ).not.toBeVisible()
-    await expect(
-      findWorkflow(comfyPage.page, 'beta-workflow')
-    ).not.toBeVisible()
-  })
-})

browser_tests/tests/subgraph/subgraphDraftPositions.spec.ts

@@ -1,78 +0,0 @@
-import { expect } from '@playwright/test'
-
-import { comfyPageFixture as test } from '../../fixtures/ComfyPage'
-
-test.describe(
-  'Subgraph node positions after draft reload',
-  { tag: ['@subgraph'] },
-  () => {
-    test('Node positions are preserved after draft reload with subgraph auto-entry', async ({
-      comfyPage
-    }) => {
-      test.setTimeout(30000)
-
-      // Enable workflow persistence explicitly
-      await comfyPage.settings.setSetting('Comfy.Workflow.Persist', true)
-
-      // Load a workflow containing a subgraph
-      await comfyPage.workflow.loadWorkflow('subgraphs/basic-subgraph')
-
-      // Enter the subgraph programmatically (fixture node is too small for UI click)
-      await comfyPage.page.evaluate(() => {
-        const sg = [...window.app!.rootGraph.subgraphs.values()][0]
-        if (sg) window.app!.canvas.setGraph(sg)
-      })
-      await comfyPage.nextFrame()
-      await expect.poll(() => comfyPage.subgraph.isInSubgraph()).toBe(true)
-
-      const positionsBefore = await comfyPage.page.evaluate(() => {
-        const sg = [...window.app!.rootGraph.subgraphs.values()][0]
-        return sg.nodes.map((n) => ({
-          id: n.id,
-          x: n.pos[0],
-          y: n.pos[1]
-        }))
-      })
-
-      expect(positionsBefore.length).toBeGreaterThan(0)
-
-      // Wait for the debounced draft persistence to flush to localStorage
-      await comfyPage.workflow.waitForDraftPersisted()
-
-      // Reload the page (draft auto-loads with hash preserved)
-      await comfyPage.page.reload({ waitUntil: 'networkidle' })
-      await comfyPage.page.waitForFunction(
-        () => window.app && window.app.extensionManager
-      )
-      await comfyPage.page.waitForSelector('.p-blockui-mask', {
-        state: 'hidden'
-      })
-      await comfyPage.nextFrame()
-
-      // Wait for subgraph auto-entry via hash navigation
-      await expect
-        .poll(() => comfyPage.subgraph.isInSubgraph(), { timeout: 10000 })
-        .toBe(true)
-
-      // Verify all internal node positions are preserved
-      const positionsAfter = await comfyPage.page.evaluate(() => {
-        const sg = [...window.app!.rootGraph.subgraphs.values()][0]
-        return sg.nodes.map((n) => ({
-          id: n.id,
-          x: n.pos[0],
-          y: n.pos[1]
-        }))
-      })
-
-      for (const before of positionsBefore) {
-        const after = positionsAfter.find((n) => n.id === before.id)
-        expect(
-          after,
-          `Node ${before.id} should exist after reload`
-        ).toBeDefined()
-        expect(after!.x).toBeCloseTo(before.x, 0)
-        expect(after!.y).toBeCloseTo(before.y, 0)
-      }
-    })
-  }
-)

browser_tests/tests/templates.spec.ts

@@ -116,7 +116,9 @@ test.describe('Templates', { tag: ['@slow', '@workflow'] }, () => {
 
     await comfyPage.command.executeCommand('Comfy.BrowseTemplates')
 
-    const dialog = comfyPage.templatesDialog.filterByHeading('Modèles')
+    const dialog = comfyPage.page.getByRole('dialog').filter({
+      has: comfyPage.page.getByRole('heading', { name: 'Modèles', exact: true })
+    })
     await expect(dialog).toBeVisible()
 
     // Validate that French-localized strings from the templates index are rendered
@@ -218,7 +220,8 @@ test.describe('Templates', { tag: ['@slow', '@workflow'] }, () => {
       await expect(comfyPage.templates.content).toBeVisible()
 
       // Wait for filter bar select components to render
-      const sortBySelect = comfyPage.templatesDialog.getCombobox(/Sort/)
+      const dialog = comfyPage.page.getByRole('dialog')
+      const sortBySelect = dialog.getByRole('combobox', { name: /Sort/ })
       await expect(sortBySelect).toBeVisible()
 
       // Screenshot the filter bar containing MultiSelect and SingleSelect

browser_tests/tests/workflowPersistence.spec.ts

@@ -460,8 +460,11 @@ test.describe('Workflow Persistence', () => {
       .getWorkflowTab('Unsaved Workflow')
       .click({ button: 'middle' })
 
-    // Click "Save" in the dirty close dialog
-    await comfyPage.confirmDialog.click('save')
+    // Click "Save" in the dirty close dialog (scoped to dialog)
+    const dialog = comfyPage.page.getByRole('dialog')
+    const saveButton = dialog.getByRole('button', { name: 'Save' })
+    await saveButton.waitFor({ state: 'visible' })
+    await saveButton.click()
 
     // Fill in the filename dialog
     const saveDialog = comfyPage.menu.topbar.getSaveDialog()

docs/guidance/playwright.md

@@ -196,56 +196,6 @@ body: JSON.stringify([mockRelease])
 body: JSON.stringify([{ id: 1, project: 'comfyui', version: 'v0.3.44', ... }])
 ```
 
-## When to Use `page.evaluate`
-
-### Acceptable (use sparingly)
-
-Reading internal state that has no UI representation (prefer locator
-assertions whenever possible):
-
-```typescript
-// Reading graph/store values
-const nodeCount = await page.evaluate(() => window.app!.graph!.nodes.length)
-const linkSlot = await page.evaluate(() => window.app!.graph!.links.get(1)?.target_slot)
-
-// Reading computed properties or store state
-await page.evaluate(() => useWorkflowStore().activeWorkflow)
-
-// Setting up test fixtures (registering extensions, mock error handlers)
-await page.evaluate(() => {
-  window.app!.registerExtension({ name: 'TestExt', settings: [...] })
-})
-```
-
-### Avoid
-
-Performing actions that have a UI equivalent — use Playwright locators and user
-interactions instead:
-
-```typescript
-// Bad: setting a widget value programmatically
-await page.evaluate(() => { node.widgets![0].value = 512 })
-// Good: click the widget and type the value
-await widgetLocator.click()
-await widgetLocator.fill('512')
-
-// Bad: dispatching synthetic DOM events
-await page.evaluate(() => { btn.dispatchEvent(new MouseEvent('click', ...)) })
-// Good: use Playwright's click
-await page.getByTestId('more-options-button').click()
-
-// Bad: calling store actions that correspond to user interactions
-await page.evaluate(() => { app.queuePrompt(0) })
-// Good: click the Queue button
-await page.getByRole('button', { name: 'Queue' }).click()
-```
-
-### Preferred
-
-Use helper methods from `browser_tests/fixtures/helpers/` that wrap real user
-interactions (e.g., `comfyPage.settings.setSetting`, `comfyPage.nodeOps`,
-`comfyPage.workflow.loadWorkflow`).
-
 ## Running Tests
 
 ```bash

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@comfyorg/comfyui-frontend",
-  "version": "1.43.14",
+  "version": "1.43.11",
   "private": true,
   "description": "Official front-end implementation of ComfyUI",
   "homepage": "https://comfy.org",
@@ -73,7 +73,6 @@
     "@primevue/themes": "catalog:",
     "@sentry/vue": "catalog:",
     "@sparkjsdev/spark": "catalog:",
-    "@tanstack/vue-virtual": "catalog:",
     "@tiptap/core": "catalog:",
     "@tiptap/extension-link": "catalog:",
     "@tiptap/extension-table": "catalog:",

packages/design-system/src/css/style.css

@@ -16,7 +16,7 @@
 @plugin "./lucideStrokePlugin.js";
 
 /* Safelist dynamic comfy icons for node library folders */
-@source inline("icon-[comfy--{ai-model,bfl,bria,bytedance,credits,elevenlabs,extensions-blocks,file-output,gemini,grok,hitpaw,ideogram,image-ai-edit,kling,ltxv,luma,magnific,mask,meshy,minimax,moonvalley-marey,node,openai,pin,pixverse,play,recraft,reve,rodin,runway,sora,stability-ai,template,tencent,topaz,tripo,veo,vidu,wan,wavespeed,workflow,quiver}]");
+@source inline("icon-[comfy--{ai-model,bfl,bria,bytedance,credits,elevenlabs,extensions-blocks,file-output,gemini,grok,hitpaw,ideogram,image-ai-edit,kling,ltxv,luma,magnific,mask,meshy,minimax,moonvalley-marey,node,openai,pin,pixverse,play,recraft,reve,rodin,runway,sora,stability-ai,template,tencent,topaz,tripo,veo,vidu,wan,wavespeed,workflow,quiver-ai}]");
 
 /* Safelist dynamic comfy icons for essential nodes (kebab-case of node names) */
 @source inline("icon-[comfy--{save-image,load-video,save-video,load-3-d,save-glb,image-batch,batch-images-node,image-crop,image-scale,image-rotate,image-blur,image-invert,canny,recraft-remove-background-node,kling-lip-sync-audio-to-video-node,load-audio,save-audio,stability-text-to-audio,lora-loader,lora-loader-model-only,primitive-string-multiline,get-video-components,video-slice,tencent-text-to-model-node,tencent-image-to-model-node,open-ai-chat-node,preview-image,image-and-mask-preview,layer-mask-mask-preview,mask-preview,image-preview-from-latent,i-tools-preview-image,i-tools-compare-image,canny-to-image,image-edit,text-to-image,pose-to-image,depth-to-video,image-to-image,canny-to-video,depth-to-image,image-to-video,pose-to-video,text-to-video,image-inpainting,image-outpainting}]");

pnpm-lock.yaml

@@ -9,9 +9,6 @@ catalogs:
     '@alloc/quick-lru':
       specifier: ^5.2.0
       version: 5.2.0
-    '@astrojs/sitemap':
-      specifier: ^3.7.1
-      version: 3.7.1
     '@astrojs/vue':
       specifier: ^5.0.0
       version: 5.1.4
@@ -105,9 +102,6 @@ catalogs:
     '@tailwindcss/vite':
       specifier: ^4.2.0
       version: 4.2.0
-    '@tanstack/vue-virtual':
-      specifier: ^3.13.12
-      version: 3.13.12
     '@testing-library/jest-dom':
       specifier: ^6.9.1
       version: 6.9.1
@@ -464,9 +458,6 @@ importers:
       '@sparkjsdev/spark':
         specifier: 'catalog:'
         version: 0.1.10
-      '@tanstack/vue-virtual':
-        specifier: 'catalog:'
-        version: 3.13.12(vue@3.5.13(typescript@5.9.3))
       '@tiptap/core':
         specifier: 'catalog:'
         version: 2.27.2(@tiptap/pm@2.27.2)
@@ -913,9 +904,6 @@ importers:
 
   apps/website:
     dependencies:
-      '@astrojs/sitemap':
-        specifier: 'catalog:'
-        version: 3.7.1
       '@comfyorg/design-system':
         specifier: workspace:*
         version: link:../../packages/design-system
@@ -1101,9 +1089,6 @@ packages:
     resolution: {integrity: sha512-q8VwfU/fDZNoDOf+r7jUnMC2//H2l0TuQ6FkGJL8vD8nw/q5KiL3DS1KKBI3QhI9UQhpJ5dc7AtqfbXWuOgLCQ==}
     engines: {node: 18.20.8 || ^20.3.0 || >=22.0.0}
 
-  '@astrojs/sitemap@3.7.1':
-    resolution: {integrity: sha512-IzQqdTeskaMX+QDZCzMuJIp8A8C1vgzMBp/NmHNnadepHYNHcxQdGLQZYfkbd2EbRXUfOS+UDIKx8sKg0oWVdw==}
-
   '@astrojs/telemetry@3.3.0':
     resolution: {integrity: sha512-UFBgfeldP06qu6khs/yY+q1cDAaArM2/7AEIqQ9Cuvf7B1hNLq0xDrZkct+QoIGyjq56y8IaE2I3CTvG99mlhQ==}
     engines: {node: 18.20.8 || ^20.3.0 || >=22.0.0}
@@ -4403,9 +4388,6 @@ packages:
   '@types/react@19.1.9':
     resolution: {integrity: sha512-WmdoynAX8Stew/36uTSVMcLJJ1KRh6L3IZRx1PZ7qJtBqT3dYTgyDTx8H1qoRghErydW7xw9mSJ3wS//tCRpFA==}
 
-  '@types/sax@1.2.7':
-    resolution: {integrity: sha512-rO73L89PJxeYM3s3pPPjiPgVVcymqU490g0YO5n5By0k2Erzj6tay/4lr1CHAAU4JyOWd1rpQ8bCf6cZfHU96A==}
-
   '@types/semver@7.7.0':
     resolution: {integrity: sha512-k107IF4+Xr7UHjwDc7Cfd6PRQfbdkiRabXGRjo07b4WyPahFBZCZ1sE+BNxYIJPPg73UkfOsVOLwqVc/6ETrIA==}
 
@@ -5103,9 +5085,6 @@ packages:
     resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
     engines: {node: '>= 8'}
 
-  arg@5.0.2:
-    resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==}
-
   argparse@1.0.10:
     resolution: {integrity: sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==}
 
@@ -8713,11 +8692,6 @@ packages:
   sisteransi@1.0.5:
     resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==}
 
-  sitemap@9.0.1:
-    resolution: {integrity: sha512-S6hzjGJSG3d6if0YoF5kTyeRJvia6FSTBroE5fQ0bu1QNxyJqhhinfUsXi9fH3MgtXODWvwo2BDyQSnhPQ88uQ==}
-    engines: {node: '>=20.19.5', npm: '>=10.8.2'}
-    hasBin: true
-
   slash@3.0.0:
     resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==}
     engines: {node: '>=8'}
@@ -8799,9 +8773,6 @@ packages:
       prettier:
         optional: true
 
-  stream-replace-string@2.0.0:
-    resolution: {integrity: sha512-TlnjJ1C0QrmxRNrON00JvaFFlNh5TTG00APw23j74ET7gkQpTASi6/L2fuiav8pzK715HXtUeClpBTw2NPSn6w==}
-
   string-argv@0.3.2:
     resolution: {integrity: sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==}
     engines: {node: '>=0.6.19'}
@@ -10113,12 +10084,6 @@ snapshots:
     dependencies:
       prismjs: 1.30.0
 
-  '@astrojs/sitemap@3.7.1':
-    dependencies:
-      sitemap: 9.0.1
-      stream-replace-string: 2.0.0
-      zod: 4.3.6
-
   '@astrojs/telemetry@3.3.0':
     dependencies:
       ci-info: 4.4.0
@@ -13471,10 +13436,6 @@ snapshots:
     dependencies:
       csstype: 3.2.3
 
-  '@types/sax@1.2.7':
-    dependencies:
-      '@types/node': 25.0.3
-
   '@types/semver@7.7.0': {}
 
   '@types/stats.js@0.17.3': {}
@@ -14281,8 +14242,6 @@ snapshots:
       normalize-path: 3.0.0
       picomatch: 2.3.1
 
-  arg@5.0.2: {}
-
   argparse@1.0.10:
     dependencies:
       sprintf-js: 1.0.3
@@ -18849,13 +18808,6 @@ snapshots:
 
   sisteransi@1.0.5: {}
 
-  sitemap@9.0.1:
-    dependencies:
-      '@types/node': 24.10.4
-      '@types/sax': 1.2.7
-      arg: 5.0.2
-      sax: 1.4.4
-
   slash@3.0.0: {}
 
   slice-ansi@4.0.0:
@@ -18944,8 +18896,6 @@ snapshots:
       - react-dom
       - utf-8-validate
 
-  stream-replace-string@2.0.0: {}
-
   string-argv@0.3.2: {}
 
   string-width@4.2.3:

pnpm-workspace.yaml

@@ -4,7 +4,6 @@ packages:
 
 catalog:
   '@alloc/quick-lru': ^5.2.0
-  '@astrojs/sitemap': ^3.7.1
   '@astrojs/vue': ^5.0.0
   '@comfyorg/comfyui-electron-types': 0.6.2
   '@eslint/js': ^9.39.1
@@ -31,7 +30,6 @@ catalog:
   '@sentry/vite-plugin': ^4.6.0
   '@sentry/vue': ^10.32.1
   '@sparkjsdev/spark': ^0.1.10
-  '@tanstack/vue-virtual': ^3.13.12
   '@storybook/addon-docs': ^10.2.10
   '@storybook/addon-mcp': 0.1.6
   '@storybook/vue3': ^10.2.10

src/components/common/TreeExplorerV2.vue

@@ -37,13 +37,13 @@
       </TreeRoot>
     </ContextMenuTrigger>
 
-    <ContextMenuPortal v-if="showContextMenu && contextMenuNode?.data">
+    <ContextMenuPortal v-if="showContextMenu">
       <ContextMenuContent
         class="z-9999 min-w-32 overflow-hidden rounded-md border border-border-default bg-comfy-menu-bg p-1 shadow-md"
       >
         <ContextMenuItem
           class="flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none select-none hover:bg-highlight focus:bg-highlight"
-          @select="handleToggleBookmark"
+          @select="handleAddToFavorites"
         >
           <i
             :class="
@@ -59,14 +59,6 @@
               : $t('sideToolbar.nodeLibraryTab.sections.favoriteNode')
           }}
         </ContextMenuItem>
-        <ContextMenuItem
-          v-if="isCurrentNodeUserBlueprint"
-          class="text-destructive flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none select-none hover:bg-highlight focus:bg-highlight"
-          @select="handleDeleteBlueprint"
-        >
-          <i class="icon-[lucide--trash-2] size-4" />
-          {{ $t('g.delete') }}
-        </ContextMenuItem>
       </ContextMenuContent>
     </ContextMenuPortal>
   </ContextMenuRoot>
@@ -87,7 +79,6 @@ import { computed, provide, ref } from 'vue'
 
 import { useNodeBookmarkStore } from '@/stores/nodeBookmarkStore'
 import type { ComfyNodeDefImpl } from '@/stores/nodeDefStore'
-import { useSubgraphStore } from '@/stores/subgraphStore'
 import type { RenderedTreeExplorerNode } from '@/types/treeExplorerTypes'
 import { InjectKeyContextMenuNode } from '@/types/treeExplorerTypes'
 
@@ -107,6 +98,7 @@ const emit = defineEmits<{
     node: RenderedTreeExplorerNode<ComfyNodeDefImpl>,
     event: MouseEvent
   ]
+  addToFavorites: [node: RenderedTreeExplorerNode<ComfyNodeDefImpl>]
 }>()
 
 const contextMenuNode = ref<RenderedTreeExplorerNode<ComfyNodeDefImpl> | null>(
@@ -115,7 +107,6 @@ const contextMenuNode = ref<RenderedTreeExplorerNode<ComfyNodeDefImpl> | null>(
 provide(InjectKeyContextMenuNode, contextMenuNode)
 
 const nodeBookmarkStore = useNodeBookmarkStore()
-const subgraphStore = useSubgraphStore()
 
 const isCurrentNodeBookmarked = computed(() => {
   const node = contextMenuNode.value
@@ -123,21 +114,9 @@ const isCurrentNodeBookmarked = computed(() => {
   return nodeBookmarkStore.isBookmarked(node.data)
 })
 
-const isCurrentNodeUserBlueprint = computed(() =>
-  subgraphStore.isUserBlueprint(contextMenuNode.value?.data?.name)
-)
-
-function handleToggleBookmark() {
-  const node = contextMenuNode.value
-  if (node?.data) {
-    nodeBookmarkStore.toggleBookmark(node.data)
-  }
-}
-
-function handleDeleteBlueprint() {
-  const name = contextMenuNode.value?.data?.name
-  if (name) {
-    void subgraphStore.deleteBlueprint(name)
+function handleAddToFavorites() {
+  if (contextMenuNode.value) {
+    emit('addToFavorites', contextMenuNode.value)
   }
 }
 </script>

src/components/common/TreeExplorerV2Node.test.ts

@@ -13,7 +13,7 @@ import TreeExplorerV2Node from './TreeExplorerV2Node.vue'
 const i18n = createI18n({
   legacy: false,
   locale: 'en',
-  messages: { en: { g: { delete: 'Delete' } } }
+  messages: { en: {} }
 })
 
 vi.mock('@/platform/settings/settingStore', () => ({
@@ -29,17 +29,6 @@ vi.mock('@/stores/nodeBookmarkStore', () => ({
   })
 }))
 
-const mockDeleteBlueprint = vi.fn()
-const mockIsUserBlueprint = vi.fn().mockReturnValue(false)
-
-vi.mock('@/stores/subgraphStore', () => ({
-  useSubgraphStore: () => ({
-    isUserBlueprint: mockIsUserBlueprint,
-    deleteBlueprint: mockDeleteBlueprint,
-    typePrefix: 'SubgraphBlueprint.'
-  })
-}))
-
 vi.mock('@/components/node/NodePreviewCard.vue', () => ({
   default: { template: '<div />' }
 }))
@@ -186,12 +175,8 @@ describe('TreeExplorerV2Node', () => {
       expect(contextMenuNode.value).toEqual(nodeItem.value)
     })
 
-    it('clears contextMenuNode when right-clicking a folder', async () => {
-      const contextMenuNode = ref<RenderedTreeExplorerNode | null>({
-        key: 'stale',
-        type: 'node',
-        label: 'Stale'
-      } as RenderedTreeExplorerNode)
+    it('does not set contextMenuNode for folder items', async () => {
+      const contextMenuNode = ref<RenderedTreeExplorerNode | null>(null)
 
       const { wrapper } = mountComponent(
         { item: createMockItem('folder') },
@@ -209,59 +194,6 @@ describe('TreeExplorerV2Node', () => {
     })
   })
 
-  describe('blueprint actions', () => {
-    beforeEach(() => {
-      vi.clearAllMocks()
-    })
-
-    it('shows delete button for user blueprints', () => {
-      mockIsUserBlueprint.mockReturnValue(true)
-      const { wrapper } = mountComponent({
-        item: createMockItem('node', {
-          data: { name: 'SubgraphBlueprint.test' }
-        })
-      })
-
-      expect(wrapper.find('[aria-label="Delete"]').exists()).toBe(true)
-    })
-
-    it('hides delete button for non-blueprint nodes', () => {
-      mockIsUserBlueprint.mockReturnValue(false)
-      const { wrapper } = mountComponent({
-        item: createMockItem('node', {
-          data: { name: 'KSampler' }
-        })
-      })
-
-      expect(wrapper.find('[aria-label="Delete"]').exists()).toBe(false)
-    })
-
-    it('always shows bookmark button', () => {
-      mockIsUserBlueprint.mockReturnValue(true)
-      const { wrapper } = mountComponent({
-        item: createMockItem('node', {
-          data: { name: 'SubgraphBlueprint.test' }
-        })
-      })
-
-      expect(wrapper.find('[aria-label="icon.bookmark"]').exists()).toBe(true)
-    })
-
-    it('calls deleteBlueprint when delete button is clicked', async () => {
-      mockIsUserBlueprint.mockReturnValue(true)
-      const nodeName = 'SubgraphBlueprint.test'
-      const { wrapper } = mountComponent({
-        item: createMockItem('node', {
-          data: { name: nodeName }
-        })
-      })
-
-      await wrapper.find('[aria-label="Delete"]').trigger('click')
-
-      expect(mockDeleteBlueprint).toHaveBeenCalledWith(nodeName)
-    })
-  })
-
   describe('rendering', () => {
     it('renders node icon for node type', () => {
       const { wrapper } = mountComponent({

src/components/common/TreeExplorerV2Node.vue

@@ -25,30 +25,25 @@
           {{ item.value.label }}
         </slot>
       </span>
-      <div class="flex shrink-0 items-center gap-0.5">
-        <button
-          v-if="isUserBlueprint"
-          :class="cn(ACTION_BTN_CLASS, 'text-destructive')"
-          :aria-label="$t('g.delete')"
-          @click.stop="deleteBlueprint"
-        >
-          <i class="icon-[lucide--trash-2] text-xs" />
-        </button>
-        <button
-          :class="cn(ACTION_BTN_CLASS, 'text-muted-foreground')"
-          :aria-label="$t('icon.bookmark')"
-          @click.stop="toggleBookmark"
-        >
-          <i
-            :class="
-              cn(
-                isBookmarked ? 'pi pi-bookmark-fill' : 'pi pi-bookmark',
-                'text-xs'
-              )
-            "
-          />
-        </button>
-      </div>
+      <button
+        :class="
+          cn(
+            'hover:text-foreground flex size-4 shrink-0 cursor-pointer items-center justify-center rounded-sm border-none bg-transparent text-muted-foreground',
+            'opacity-0 group-hover/tree-node:opacity-100'
+          )
+        "
+        :aria-label="$t('icon.bookmark')"
+        @click.stop="toggleBookmark"
+      >
+        <i
+          :class="
+            cn(
+              isBookmarked ? 'pi pi-bookmark-fill' : 'pi pi-bookmark',
+              'text-xs'
+            )
+          "
+        />
+      </button>
     </div>
 
     <!-- Folder -->
@@ -58,7 +53,6 @@
       :class="cn(ROW_CLASS, isSelected && 'bg-comfy-input')"
       :style="rowStyle"
       @click.stop="handleClick($event, handleToggle, handleSelect)"
-      @contextmenu="clearContextMenuNode"
     >
       <i
         v-if="item.hasChildren"
@@ -102,7 +96,6 @@ import NodePreviewCard from '@/components/node/NodePreviewCard.vue'
 import { useNodePreviewAndDrag } from '@/composables/node/useNodePreviewAndDrag'
 import { useNodeBookmarkStore } from '@/stores/nodeBookmarkStore'
 import type { ComfyNodeDefImpl } from '@/stores/nodeDefStore'
-import { useSubgraphStore } from '@/stores/subgraphStore'
 import { InjectKeyContextMenuNode } from '@/types/treeExplorerTypes'
 import type { RenderedTreeExplorerNode } from '@/types/treeExplorerTypes'
 import { cn } from '@/utils/tailwindUtil'
@@ -114,9 +107,6 @@ defineOptions({
 const ROW_CLASS =
   'group/tree-node flex w-full min-w-0 cursor-pointer select-none items-center gap-3 overflow-hidden py-2 outline-none hover:bg-comfy-input rounded'
 
-const ACTION_BTN_CLASS =
-  'flex size-4 shrink-0 cursor-pointer items-center justify-center rounded-sm border-none bg-transparent opacity-0 group-hover/tree-node:opacity-100 hover:text-foreground'
-
 const { item } = defineProps<{
   item: FlattenedItem<RenderedTreeExplorerNode<ComfyNodeDefImpl>>
 }>()
@@ -130,7 +120,6 @@ const emit = defineEmits<{
 
 const contextMenuNode = inject(InjectKeyContextMenuNode)
 const nodeBookmarkStore = useNodeBookmarkStore()
-const subgraphStore = useSubgraphStore()
 
 const nodeDef = computed(() => item.value.data)
 
@@ -139,22 +128,12 @@ const isBookmarked = computed(() => {
   return nodeBookmarkStore.isBookmarked(nodeDef.value)
 })
 
-const isUserBlueprint = computed(() =>
-  subgraphStore.isUserBlueprint(nodeDef.value?.name)
-)
-
 function toggleBookmark() {
   if (nodeDef.value) {
     nodeBookmarkStore.toggleBookmark(nodeDef.value)
   }
 }
 
-function deleteBlueprint() {
-  if (nodeDef.value) {
-    void subgraphStore.deleteBlueprint(nodeDef.value.name)
-  }
-}
-
 const {
   previewRef,
   showPreview,
@@ -187,12 +166,6 @@ function handleContextMenu() {
   }
 }
 
-function clearContextMenuNode() {
-  if (contextMenuNode) {
-    contextMenuNode.value = null
-  }
-}
-
 function handleMouseEnter(e: MouseEvent) {
   if (item.value.type !== 'node') return
   baseHandleMouseEnter(e)

src/components/dialog/content/ErrorDialogContent.vue

@@ -1,5 +1,8 @@
 <template>
-  <div class="comfy-error-report flex flex-col gap-4">
+  <div
+    data-testid="error-dialog"
+    class="comfy-error-report flex flex-col gap-4"
+  >
     <NoResultsPlaceholder
       class="pb-0"
       icon="pi pi-exclamation-circle"
@@ -14,11 +17,17 @@
     </template>
 
     <div class="flex justify-center gap-2">
-      <Button v-show="!reportOpen" variant="textonly" @click="showReport">
+      <Button
+        v-show="!reportOpen"
+        data-testid="error-dialog-show-report"
+        variant="textonly"
+        @click="showReport"
+      >
         {{ $t('g.showReport') }}
       </Button>
       <Button
         v-show="!reportOpen"
+        data-testid="error-dialog-contact-support"
         variant="textonly"
         @click="showContactSupport"
       >
@@ -40,7 +49,11 @@
         :repo-owner="repoOwner"
         :repo-name="repoName"
       />
-      <Button v-if="reportOpen" @click="copyReportToClipboard">
+      <Button
+        v-if="reportOpen"
+        data-testid="error-dialog-copy-report"
+        @click="copyReportToClipboard"
+      >
         <i class="pi pi-copy" />
         {{ $t('g.copyToClipboard') }}
       </Button>

src/components/dialog/content/error/FindIssueButton.vue

@@ -1,5 +1,9 @@
 <template>
-  <Button variant="secondary" @click="openGitHubIssues">
+  <Button
+    data-testid="error-dialog-find-issues"
+    variant="secondary"
+    @click="openGitHubIssues"
+  >
     <i class="pi pi-github" />
     {{ $t('g.findIssues') }}
   </Button>

src/components/queue/QueueOverlayExpanded.vue

@@ -20,7 +20,7 @@
       @update:selected-sort-mode="$emit('update:selectedSortMode', $event)"
     />
 
-    <div class="min-h-0 flex-1">
+    <div class="min-h-0 flex-1 overflow-y-auto">
       <JobAssetsList
         :displayed-job-groups="displayedJobGroups"
         @cancel-item="onCancelItemEvent"

src/components/queue/job/JobAssetsList.test.ts

@@ -1,3 +1,4 @@
+/* eslint-disable vue/one-component-per-file -- test stubs */
 /* eslint-disable testing-library/no-container, testing-library/no-node-access -- stubs lack ARIA roles; data attributes for props */
 /* eslint-disable testing-library/prefer-user-event -- fireEvent needed: fake timers require fireEvent for mouseEnter/mouseLeave */
 import { fireEvent, render, screen } from '@testing-library/vue'
@@ -5,27 +6,21 @@ import userEvent from '@testing-library/user-event'
 import { afterEach, describe, expect, it, vi } from 'vitest'
 import { defineComponent, nextTick } from 'vue'
 
-import './testUtils/mockTanstackVirtualizer'
-
 import type { JobGroup, JobListItem } from '@/composables/queue/useJobList'
+import type { JobListItem as ApiJobListItem } from '@/platform/remote/comfyui/jobs/jobTypes'
+import { ResultItemImpl, TaskItemImpl } from '@/stores/queueStore'
 
 import JobAssetsList from './JobAssetsList.vue'
 
-const hoisted = vi.hoisted(() => ({
-  jobDetailsPopoverStub: {
-    name: 'JobDetailsPopover',
-    props: {
-      jobId: { type: String, required: true },
-      workflowId: { type: String, default: undefined }
-    },
-    template:
-      '<div class="job-details-popover-stub" :data-job-id="jobId" :data-workflow-id="workflowId" />'
-  }
-}))
-
-vi.mock('@/components/queue/job/JobDetailsPopover.vue', () => ({
-  default: hoisted.jobDetailsPopoverStub
-}))
+const JobDetailsPopoverStub = defineComponent({
+  name: 'JobDetailsPopover',
+  props: {
+    jobId: { type: String, required: true },
+    workflowId: { type: String, default: undefined }
+  },
+  template:
+    '<div class="job-details-popover-stub" :data-job-id="jobId" :data-workflow-id="workflowId" />'
+})
 
 const AssetsListItemStub = defineComponent({
   name: 'AssetsListItem',
@@ -70,81 +65,71 @@ vi.mock('vue-i18n', () => {
   }
 })
 
-type TestPreviewOutput = {
-  url: string
-  isImage: boolean
-  isVideo: boolean
-}
-
-type TestTaskRef = {
-  workflowId?: string
-  previewOutput?: TestPreviewOutput
-}
-
-type TestJobListItem = Omit<JobListItem, 'taskRef'> & {
-  taskRef?: TestTaskRef
-}
-
-type TestJobGroup = Omit<JobGroup, 'items'> & {
-  items: TestJobListItem[]
-}
-
-const createPreviewOutput = (
+const createResultItem = (
   filename: string,
   mediaType: string = 'images'
-): TestPreviewOutput => {
-  const url = `/api/view/${filename}`
-  return {
-    url,
-    isImage: mediaType === 'images',
-    isVideo: mediaType === 'video'
-  }
+): ResultItemImpl => {
+  const item = new ResultItemImpl({
+    filename,
+    subfolder: '',
+    type: 'output',
+    nodeId: 'node-1',
+    mediaType
+  })
+  Object.defineProperty(item, 'url', {
+    get: () => `/api/view/${filename}`
+  })
+  return item
 }
 
-const createTaskRef = (preview?: TestPreviewOutput): TestTaskRef => ({
-  workflowId: 'workflow-1',
-  ...(preview && { previewOutput: preview })
-})
+const createTaskRef = (preview?: ResultItemImpl): TaskItemImpl => {
+  const job: ApiJobListItem = {
+    id: `task-${Math.random().toString(36).slice(2)}`,
+    status: 'completed',
+    create_time: Date.now(),
+    preview_output: null,
+    outputs_count: preview ? 1 : 0,
+    workflow_id: 'workflow-1',
+    priority: 0
+  }
+  const flatOutputs = preview ? [preview] : []
+  return new TaskItemImpl(job, {}, flatOutputs)
+}
 
-const buildJob = (
-  overrides: Partial<TestJobListItem> = {}
-): TestJobListItem => ({
+const buildJob = (overrides: Partial<JobListItem> = {}): JobListItem => ({
   id: 'job-1',
   title: 'Job 1',
   meta: 'meta',
   state: 'completed',
-  taskRef: createTaskRef(createPreviewOutput('job-1.png')),
+  taskRef: createTaskRef(createResultItem('job-1.png')),
   ...overrides
 })
 
-function renderJobAssetsList({
-  jobs = [],
-  displayedJobGroups,
-  attrs,
-  onViewItem
-}: {
-  jobs?: TestJobListItem[]
-  displayedJobGroups?: TestJobGroup[]
-  attrs?: Record<string, string>
-  onViewItem?: (item: JobListItem) => void
-} = {}) {
+function renderJobAssetsList(
+  jobs: JobListItem[],
+  callbacks: {
+    onViewItem?: (item: JobListItem) => void
+  } = {}
+) {
+  const displayedJobGroups: JobGroup[] = [
+    {
+      key: 'group-1',
+      label: 'Group 1',
+      items: jobs
+    }
+  ]
+
   const user = userEvent.setup()
 
   const result = render(JobAssetsList, {
     props: {
-      displayedJobGroups: (displayedJobGroups ?? [
-        {
-          key: 'group-1',
-          label: 'Group 1',
-          items: jobs
-        }
-      ]) as JobGroup[],
-      ...(onViewItem && { onViewItem })
+      displayedJobGroups,
+      ...(callbacks.onViewItem && { onViewItem: callbacks.onViewItem })
     },
-    attrs,
     global: {
       stubs: {
         teleport: true,
+        JobDetailsPopover: JobDetailsPopoverStub,
         AssetsListItem: AssetsListItemStub
       }
     }
@@ -183,57 +168,10 @@ afterEach(() => {
 })
 
 describe('JobAssetsList', () => {
-  it('renders grouped headers alongside job rows', () => {
-    const displayedJobGroups: TestJobGroup[] = [
-      {
-        key: 'today',
-        label: 'Today',
-        items: [buildJob({ id: 'job-1' })]
-      },
-      {
-        key: 'yesterday',
-        label: 'Yesterday',
-        items: [buildJob({ id: 'job-2', title: 'Job 2' })]
-      }
-    ]
-
-    const { container } = renderJobAssetsList({ displayedJobGroups })
-
-    expect(screen.getByText('Today')).toBeTruthy()
-    expect(screen.getByText('Yesterday')).toBeTruthy()
-    expect(container.querySelector('[data-job-id="job-1"]')).not.toBeNull()
-    expect(container.querySelector('[data-job-id="job-2"]')).not.toBeNull()
-  })
-
-  it('forwards parent attrs to the scroll container', () => {
-    renderJobAssetsList({
-      attrs: {
-        class: 'min-h-0 flex-1'
-      },
-      displayedJobGroups: [
-        {
-          key: 'today',
-          label: 'Today',
-          items: [buildJob({ id: 'job-1' })]
-        }
-      ]
-    })
-
-    expect(screen.getByTestId('job-assets-list').className.split(' ')).toEqual(
-      expect.arrayContaining([
-        'min-h-0',
-        'flex-1',
-        'h-full',
-        'overflow-y-auto',
-        'pb-4'
-      ])
-    )
-  })
-
   it('emits viewItem on preview-click for completed jobs with preview', async () => {
     const job = buildJob()
     const onViewItem = vi.fn()
-    const { user } = renderJobAssetsList({ jobs: [job], onViewItem })
+    const { user } = renderJobAssetsList([job], { onViewItem })
 
     await user.click(screen.getByTestId('preview-trigger'))
 
@@ -243,7 +181,7 @@ describe('JobAssetsList', () => {
   it('emits viewItem on double-click for completed jobs with preview', async () => {
     const job = buildJob()
     const onViewItem = vi.fn()
-    const { container, user } = renderJobAssetsList({ jobs: [job], onViewItem })
+    const { container, user } = renderJobAssetsList([job], { onViewItem })
 
     const stubRoot = container.querySelector('.assets-list-item-stub')!
     await user.dblClick(stubRoot)
@@ -254,10 +192,10 @@ describe('JobAssetsList', () => {
   it('emits viewItem on double-click for completed video jobs without icon image', async () => {
     const job = buildJob({
       iconImageUrl: undefined,
-      taskRef: createTaskRef(createPreviewOutput('job-1.webm', 'video'))
+      taskRef: createTaskRef(createResultItem('job-1.webm', 'video'))
     })
     const onViewItem = vi.fn()
-    const { container, user } = renderJobAssetsList({ jobs: [job], onViewItem })
+    const { container, user } = renderJobAssetsList([job], { onViewItem })
 
     const stubRoot = container.querySelector('.assets-list-item-stub')!
     expect(stubRoot.getAttribute('data-preview-url')).toBe(
@@ -273,10 +211,10 @@ describe('JobAssetsList', () => {
   it('emits viewItem on icon click for completed 3D jobs without preview tile', async () => {
     const job = buildJob({
       iconImageUrl: undefined,
-      taskRef: createTaskRef(createPreviewOutput('job-1.glb', 'model'))
+      taskRef: createTaskRef(createResultItem('job-1.glb', 'model'))
     })
     const onViewItem = vi.fn()
-    const { container, user } = renderJobAssetsList({ jobs: [job], onViewItem })
+    const { container, user } = renderJobAssetsList([job], { onViewItem })
 
     const icon = container.querySelector('.assets-list-item-stub i')!
     await user.click(icon)
@@ -287,10 +225,10 @@ describe('JobAssetsList', () => {
   it('does not emit viewItem on double-click for non-completed jobs', async () => {
     const job = buildJob({
       state: 'running',
-      taskRef: createTaskRef(createPreviewOutput('job-1.png'))
+      taskRef: createTaskRef(createResultItem('job-1.png'))
     })
     const onViewItem = vi.fn()
-    const { container, user } = renderJobAssetsList({ jobs: [job], onViewItem })
+    const { container, user } = renderJobAssetsList([job], { onViewItem })
 
     const stubRoot = container.querySelector('.assets-list-item-stub')!
     await user.dblClick(stubRoot)
@@ -304,7 +242,7 @@ describe('JobAssetsList', () => {
       taskRef: createTaskRef()
     })
     const onViewItem = vi.fn()
-    const { container } = renderJobAssetsList({ jobs: [job], onViewItem })
+    const { container } = renderJobAssetsList([job], { onViewItem })
 
     const jobRow = container.querySelector(`[data-job-id="${job.id}"]`)!
     await fireEvent.mouseEnter(jobRow)
@@ -318,7 +256,7 @@ describe('JobAssetsList', () => {
   it('shows and hides the job details popover with hover delays', async () => {
     vi.useFakeTimers()
     const job = buildJob()
-    const { container } = renderJobAssetsList({ jobs: [job] })
+    const { container } = renderJobAssetsList([job])
 
     const jobRow = container.querySelector(`[data-job-id="${job.id}"]`)!
 
@@ -348,7 +286,7 @@ describe('JobAssetsList', () => {
   it('keeps the job details popover open while hovering the popover', async () => {
     vi.useFakeTimers()
     const job = buildJob()
-    const { container } = renderJobAssetsList({ jobs: [job] })
+    const { container } = renderJobAssetsList([job])
 
     const jobRow = container.querySelector(`[data-job-id="${job.id}"]`)!
 
@@ -381,7 +319,7 @@ describe('JobAssetsList', () => {
   it('positions the popover to the right of rows near the left viewport edge', async () => {
     vi.useFakeTimers()
     const job = buildJob()
-    const { container } = renderJobAssetsList({ jobs: [job] })
+    const { container } = renderJobAssetsList([job])
 
     const jobRow = container.querySelector(`[data-job-id="${job.id}"]`)!
 
@@ -406,7 +344,7 @@ describe('JobAssetsList', () => {
   it('positions the popover to the left of rows near the right viewport edge', async () => {
     vi.useFakeTimers()
     const job = buildJob()
-    const { container } = renderJobAssetsList({ jobs: [job] })
+    const { container } = renderJobAssetsList([job])
 
     const jobRow = container.querySelector(`[data-job-id="${job.id}"]`)!
 
@@ -432,9 +370,7 @@ describe('JobAssetsList', () => {
     vi.useFakeTimers()
     const firstJob = buildJob({ id: 'job-1' })
     const secondJob = buildJob({ id: 'job-2', title: 'Job 2' })
-    const { container } = renderJobAssetsList({
-      jobs: [firstJob, secondJob]
-    })
+    const { container } = renderJobAssetsList([firstJob, secondJob])
 
     const firstRow = container.querySelector('[data-job-id="job-1"]')!
     const secondRow = container.querySelector('[data-job-id="job-2"]')!
@@ -462,9 +398,7 @@ describe('JobAssetsList', () => {
     vi.useFakeTimers()
     const firstJob = buildJob({ id: 'job-1' })
     const secondJob = buildJob({ id: 'job-2', title: 'Job 2' })
-    const { container } = renderJobAssetsList({
-      jobs: [firstJob, secondJob]
-    })
+    const { container } = renderJobAssetsList([firstJob, secondJob])
 
     const firstRow = container.querySelector('[data-job-id="job-1"]')!
     const secondRow = container.querySelector('[data-job-id="job-2"]')!
@@ -495,7 +429,7 @@ describe('JobAssetsList', () => {
   it('does not show details if the hovered row disappears before the show delay ends', async () => {
     vi.useFakeTimers()
     const job = buildJob()
-    const { container, rerender } = renderJobAssetsList({ jobs: [job] })
+    const { container, rerender } = renderJobAssetsList([job])
 
     const jobRow = container.querySelector(`[data-job-id="${job.id}"]`)!
 

src/components/queue/job/JobAssetsList.vue

@@ -1,92 +1,79 @@
 <template>
-  <div
-    ref="scrollContainer"
-    v-bind="$attrs"
-    data-testid="job-assets-list"
-    class="h-full overflow-y-auto pb-4"
-    @scroll="onListScroll"
-  >
-    <div :style="virtualWrapperStyle">
-      <template v-for="{ row, virtualItem } in virtualRows" :key="row.key">
-        <div
-          v-if="row.type === 'header'"
-          class="box-border px-3 pb-2 text-xs leading-none text-text-secondary"
-          :style="getVirtualRowStyle(virtualItem)"
+  <div class="flex flex-col gap-4 px-3 pb-4">
+    <div
+      v-for="group in displayedJobGroups"
+      :key="group.key"
+      class="flex flex-col gap-2"
+    >
+      <div class="text-xs leading-none text-text-secondary">
+        {{ group.label }}
+      </div>
+      <div
+        v-for="job in group.items"
+        :key="job.id"
+        :data-job-id="job.id"
+        @mouseenter="onJobEnter(job, $event)"
+        @mouseleave="onJobLeave(job.id)"
+      >
+        <AssetsListItem
+          :class="
+            cn(
+              'w-full shrink-0 cursor-default text-text-primary transition-colors hover:bg-secondary-background-hover',
+              job.state === 'running' && 'bg-secondary-background'
+            )
+          "
+          :preview-url="getJobPreviewUrl(job)"
+          :is-video-preview="isVideoPreviewJob(job)"
+          :preview-alt="job.title"
+          :icon-name="job.iconName ?? iconForJobState(job.state)"
+          :icon-class="getJobIconClass(job)"
+          :primary-text="job.title"
+          :secondary-text="job.meta"
+          :progress-total-percent="job.progressTotalPercent"
+          :progress-current-percent="job.progressCurrentPercent"
+          @contextmenu.prevent.stop="$emit('menu', job, $event)"
+          @dblclick.stop="emitViewItem(job)"
+          @preview-click="emitViewItem(job)"
+          @click.stop
         >
-          {{ row.label }}
-        </div>
-        <div
-          v-else-if="row.type === 'job'"
-          class="box-border px-3"
-          :style="getVirtualRowStyle(virtualItem)"
-        >
-          <div
-            :data-job-id="row.job.id"
-            class="h-12"
-            @mouseenter="onJobEnter(row.job, $event)"
-            @mouseleave="onJobLeave(row.job.id)"
-          >
-            <AssetsListItem
-              :class="
-                cn(
-                  'size-full shrink-0 cursor-default text-text-primary transition-colors hover:bg-secondary-background-hover',
-                  row.job.state === 'running' && 'bg-secondary-background'
-                )
-              "
-              :preview-url="getJobPreviewUrl(row.job)"
-              :is-video-preview="isVideoPreviewJob(row.job)"
-              :preview-alt="row.job.title"
-              :icon-name="row.job.iconName ?? iconForJobState(row.job.state)"
-              :icon-class="getJobIconClass(row.job)"
-              :primary-text="row.job.title"
-              :secondary-text="row.job.meta"
-              :progress-total-percent="row.job.progressTotalPercent"
-              :progress-current-percent="row.job.progressCurrentPercent"
-              @contextmenu.prevent.stop="$emit('menu', row.job, $event)"
-              @dblclick.stop="emitViewItem(row.job)"
-              @preview-click="emitViewItem(row.job)"
-              @click.stop
+          <template v-if="hoveredJobId === job.id" #actions>
+            <Button
+              v-if="isCancelable(job)"
+              variant="destructive"
+              size="icon"
+              :aria-label="t('g.cancel')"
+              @click.stop="emitCancelItem(job)"
             >
-              <template v-if="hoveredJobId === row.job.id" #actions>
-                <Button
-                  v-if="isCancelable(row.job)"
-                  variant="destructive"
-                  size="icon"
-                  :aria-label="t('g.cancel')"
-                  @click.stop="emitCancelItem(row.job)"
-                >
-                  <i class="icon-[lucide--x] size-4" />
-                </Button>
-                <Button
-                  v-else-if="isFailedDeletable(row.job)"
-                  variant="destructive"
-                  size="icon"
-                  :aria-label="t('g.delete')"
-                  @click.stop="emitDeleteItem(row.job)"
-                >
-                  <i class="icon-[lucide--trash-2] size-4" />
-                </Button>
-                <Button
-                  v-else-if="row.job.state === 'completed'"
-                  variant="textonly"
-                  size="sm"
-                  @click.stop="emitCompletedViewItem(row.job)"
-                >
-                  {{ t('menuLabels.View') }}
-                </Button>
-                <Button
-                  variant="secondary"
-                  size="icon"
-                  :aria-label="t('g.more')"
-                  @click.stop="$emit('menu', row.job, $event)"
-                >
-                  <i class="icon-[lucide--ellipsis] size-4" />
-                </Button>
-              </template>
-            </AssetsListItem>
-          </div>
-        </div>
-      </template>
+              <i class="icon-[lucide--x] size-4" />
+            </Button>
+            <Button
+              v-else-if="isFailedDeletable(job)"
+              variant="destructive"
+              size="icon"
+              :aria-label="t('g.delete')"
+              @click.stop="emitDeleteItem(job)"
+            >
+              <i class="icon-[lucide--trash-2] size-4" />
+            </Button>
+            <Button
+              v-else-if="job.state === 'completed'"
+              variant="textonly"
+              size="sm"
+              @click.stop="emitCompletedViewItem(job)"
+            >
+              {{ t('menuLabels.View') }}
+            </Button>
+            <Button
+              variant="secondary"
+              size="icon"
+              :aria-label="t('g.more')"
+              @click.stop="$emit('menu', job, $event)"
+            >
+              <i class="icon-[lucide--ellipsis] size-4" />
+            </Button>
+          </template>
+        </AssetsListItem>
+      </div>
     </div>
   </div>
 
@@ -110,11 +97,8 @@
 </template>
 
 <script setup lang="ts">
-import type { VirtualItem } from '@tanstack/vue-virtual'
-import type { CSSProperties } from 'vue'
-import { useVirtualizer } from '@tanstack/vue-virtual'
 import { useI18n } from 'vue-i18n'
-import { computed, nextTick, ref } from 'vue'
+import { nextTick, ref } from 'vue'
 
 import JobDetailsPopover from '@/components/queue/job/JobDetailsPopover.vue'
 import { getHoverPopoverPosition } from '@/components/queue/job/getHoverPopoverPosition'
@@ -126,17 +110,6 @@ import { cn } from '@/utils/tailwindUtil'
 import { iconForJobState } from '@/utils/queueDisplay'
 import { isActiveJobState } from '@/utils/queueUtil'
 
-import { buildVirtualJobRows } from './buildVirtualJobRows'
-import type { VirtualJobRow } from './buildVirtualJobRows'
-
-const HEADER_ROW_HEIGHT = 20
-const GROUP_ROW_GAP = 16
-const JOB_ROW_HEIGHT = 48
-
-defineOptions({
-  inheritAttrs: false
-})
-
 const { displayedJobGroups } = defineProps<{ displayedJobGroups: JobGroup[] }>()
 
 const emit = defineEmits<{
@@ -147,43 +120,9 @@ const emit = defineEmits<{
 }>()
 
 const { t } = useI18n()
-const scrollContainer = ref<HTMLElement | null>(null)
 const hoveredJobId = ref<string | null>(null)
 const activeRowElement = ref<HTMLElement | null>(null)
 const popoverPosition = ref<{ top: number; left: number } | null>(null)
-const flatRows = computed(() => buildVirtualJobRows(displayedJobGroups))
-const virtualizer = useVirtualizer({
-  get count(): number {
-    return flatRows.value.length
-  },
-  getItemKey(index: number) {
-    return flatRows.value[index]?.key ?? index
-  },
-  estimateSize(index: number) {
-    const row = flatRows.value[index]
-    return row ? getRowHeight(row, index, flatRows.value) : JOB_ROW_HEIGHT
-  },
-  getScrollElement() {
-    return scrollContainer.value
-  },
-  overscan: 12
-})
-const virtualRows = computed(() => {
-  const rows = flatRows.value
-  return virtualizer.value
-    .getVirtualItems()
-    .flatMap((virtualItem: VirtualItem) => {
-      const row = rows[virtualItem.index]
-      return row ? [{ row, virtualItem }] : []
-    })
-})
-const virtualWrapperStyle = computed<CSSProperties>(() => ({
-  position: 'relative',
-  width: '100%',
-  ...(flatRows.value.length > 0 && {
-    height: `${virtualizer.value.getTotalSize()}px`
-  })
-}))
 const {
   activeDetails,
   clearHoverTimers,
@@ -196,37 +135,6 @@ const {
   onReset: clearPopoverAnchor
 })
 
-function getVirtualRowStyle(virtualItem: VirtualItem): CSSProperties {
-  return {
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    width: '100%',
-    height: `${virtualItem.size}px`,
-    transform: `translateY(${virtualItem.start}px)`,
-    overflowAnchor: 'none'
-  }
-}
-
-function getRowHeight(
-  row: VirtualJobRow,
-  index: number,
-  rows: VirtualJobRow[]
-): number {
-  if (row.type === 'header') {
-    return HEADER_ROW_HEIGHT
-  }
-
-  return (
-    JOB_ROW_HEIGHT + (rows[index + 1]?.type === 'header' ? GROUP_ROW_GAP : 0)
-  )
-}
-
-function onListScroll() {
-  hoveredJobId.value = null
-  resetActiveDetails()
-}
-
 function clearPopoverAnchor() {
   activeRowElement.value = null
   popoverPosition.value = null

src/components/queue/job/buildVirtualJobRows.test.ts

@@ -1,82 +0,0 @@
-import { describe, expect, it } from 'vitest'
-
-import type { JobGroup, JobListItem } from '@/composables/queue/useJobList'
-
-import { buildVirtualJobRows } from './buildVirtualJobRows'
-
-function buildJob(id: string): JobListItem {
-  return {
-    id,
-    title: `Job ${id}`,
-    meta: 'meta',
-    state: 'completed'
-  }
-}
-
-describe('buildVirtualJobRows', () => {
-  it('flattens grouped jobs into headers and rows in display order', () => {
-    const displayedJobGroups: JobGroup[] = [
-      {
-        key: 'today',
-        label: 'Today',
-        items: [buildJob('job-1'), buildJob('job-2')]
-      },
-      {
-        key: 'yesterday',
-        label: 'Yesterday',
-        items: [buildJob('job-3')]
-      }
-    ]
-
-    expect(buildVirtualJobRows(displayedJobGroups)).toEqual([
-      {
-        key: 'header-today',
-        type: 'header',
-        label: 'Today'
-      },
-      {
-        key: 'job-job-1',
-        type: 'job',
-        job: displayedJobGroups[0].items[0]
-      },
-      {
-        key: 'job-job-2',
-        type: 'job',
-        job: displayedJobGroups[0].items[1]
-      },
-      {
-        key: 'header-yesterday',
-        type: 'header',
-        label: 'Yesterday'
-      },
-      {
-        key: 'job-job-3',
-        type: 'job',
-        job: displayedJobGroups[1].items[0]
-      }
-    ])
-  })
-
-  it('keeps a single group flattened without extra row metadata', () => {
-    const displayedJobGroups: JobGroup[] = [
-      {
-        key: 'today',
-        label: 'Today',
-        items: [buildJob('job-1')]
-      }
-    ]
-
-    expect(buildVirtualJobRows(displayedJobGroups)).toEqual([
-      {
-        key: 'header-today',
-        type: 'header',
-        label: 'Today'
-      },
-      {
-        key: 'job-job-1',
-        type: 'job',
-        job: displayedJobGroups[0].items[0]
-      }
-    ])
-  })
-})

src/components/queue/job/buildVirtualJobRows.ts

@@ -1,37 +0,0 @@
-import type { JobGroup, JobListItem } from '@/composables/queue/useJobList'
-
-export type VirtualJobRow =
-  | {
-      key: string
-      type: 'header'
-      label: string
-    }
-  | {
-      key: string
-      type: 'job'
-      job: JobListItem
-    }
-
-export function buildVirtualJobRows(
-  displayedJobGroups: JobGroup[]
-): VirtualJobRow[] {
-  const rows: VirtualJobRow[] = []
-
-  displayedJobGroups.forEach((group) => {
-    rows.push({
-      key: `header-${group.key}`,
-      type: 'header',
-      label: group.label
-    })
-
-    group.items.forEach((job) => {
-      rows.push({
-        key: `job-${job.id}`,
-        type: 'job',
-        job
-      })
-    })
-  })
-
-  return rows
-}

src/components/queue/job/testUtils/mockTanstackVirtualizer.ts

@@ -1,33 +0,0 @@
-import { vi } from 'vitest'
-
-vi.mock('@tanstack/vue-virtual', async () => {
-  const { computed } = await import('vue')
-
-  return {
-    useVirtualizer: (options: {
-      count: number
-      estimateSize: (index: number) => number
-      getItemKey?: (index: number) => number | string
-    }) =>
-      computed(() => {
-        let start = 0
-        const items = Array.from({ length: options.count }, (_, index) => {
-          const size = options.estimateSize(index)
-          const item = {
-            key: options.getItemKey?.(index) ?? index,
-            index,
-            start,
-            size
-          }
-
-          start += size
-          return item
-        })
-
-        return {
-          getVirtualItems: () => items,
-          getTotalSize: () => start
-        }
-      })
-  }
-})

src/components/sidebar/tabs/JobHistorySidebarTab.test.ts

@@ -0,0 +1,163 @@
+import { mount } from '@vue/test-utils'
+import { createI18n } from 'vue-i18n'
+import { afterEach, describe, expect, it, vi } from 'vitest'
+import { defineComponent, nextTick } from 'vue'
+
+import JobHistorySidebarTab from './JobHistorySidebarTab.vue'
+
+const JobDetailsPopoverStub = defineComponent({
+  name: 'JobDetailsPopover',
+  props: {
+    jobId: { type: String, required: true },
+    workflowId: { type: String, default: undefined }
+  },
+  template: '<div class="job-details-popover-stub" />'
+})
+
+vi.mock('@/composables/queue/useJobList', async () => {
+  const { ref } = await import('vue')
+  const jobHistoryItem = {
+    id: 'job-1',
+    title: 'Job 1',
+    meta: 'meta',
+    state: 'completed',
+    taskRef: {
+      workflowId: 'workflow-1',
+      previewOutput: {
+        isImage: true,
+        isVideo: false,
+        url: '/api/view/job-1.png'
+      }
+    }
+  }
+
+  return {
+    useJobList: () => ({
+      selectedJobTab: ref('All'),
+      selectedWorkflowFilter: ref('all'),
+      selectedSortMode: ref('mostRecent'),
+      searchQuery: ref(''),
+      hasFailedJobs: ref(false),
+      filteredTasks: ref([]),
+      groupedJobItems: ref([
+        {
+          key: 'group-1',
+          label: 'Group 1',
+          items: [jobHistoryItem]
+        }
+      ])
+    })
+  }
+})
+
+vi.mock('@/composables/queue/useJobMenu', () => ({
+  useJobMenu: () => ({
+    jobMenuEntries: [],
+    cancelJob: vi.fn()
+  })
+}))
+
+vi.mock('@/composables/queue/useQueueClearHistoryDialog', () => ({
+  useQueueClearHistoryDialog: () => ({
+    showQueueClearHistoryDialog: vi.fn()
+  })
+}))
+
+vi.mock('@/composables/queue/useResultGallery', async () => {
+  const { ref } = await import('vue')
+  return {
+    useResultGallery: () => ({
+      galleryActiveIndex: ref(-1),
+      galleryItems: ref([]),
+      onViewItem: vi.fn()
+    })
+  }
+})
+
+vi.mock('@/composables/useErrorHandling', () => ({
+  useErrorHandling: () => ({
+    wrapWithErrorHandlingAsync: <T extends (...args: never[]) => unknown>(
+      fn: T
+    ) => fn
+  })
+}))
+
+vi.mock('@/stores/commandStore', () => ({
+  useCommandStore: () => ({
+    execute: vi.fn()
+  })
+}))
+
+vi.mock('@/stores/dialogStore', () => ({
+  useDialogStore: () => ({
+    showDialog: vi.fn()
+  })
+}))
+
+vi.mock('@/stores/executionStore', () => ({
+  useExecutionStore: () => ({
+    clearInitializationByJobIds: vi.fn()
+  })
+}))
+
+vi.mock('@/stores/queueStore', () => ({
+  useQueueStore: () => ({
+    runningTasks: [],
+    pendingTasks: [],
+    delete: vi.fn()
+  })
+}))
+
+const i18n = createI18n({
+  legacy: false,
+  locale: 'en',
+  messages: { en: {} }
+})
+
+const SidebarTabTemplateStub = {
+  name: 'SidebarTabTemplate',
+  props: ['title'],
+  template:
+    '<div><slot name="alt-title" /><slot name="header" /><slot name="body" /></div>'
+}
+
+function mountComponent() {
+  return mount(JobHistorySidebarTab, {
+    global: {
+      plugins: [i18n],
+      stubs: {
+        SidebarTabTemplate: SidebarTabTemplateStub,
+        JobFilterTabs: true,
+        JobFilterActions: true,
+        JobHistoryActionsMenu: true,
+        JobContextMenu: true,
+        ResultGallery: true,
+        teleport: true,
+        JobDetailsPopover: JobDetailsPopoverStub
+      }
+    }
+  })
+}
+
+afterEach(() => {
+  vi.useRealTimers()
+})
+
+describe('JobHistorySidebarTab', () => {
+  it('shows the job details popover for jobs in the history panel', async () => {
+    vi.useFakeTimers()
+    const wrapper = mountComponent()
+    const jobRow = wrapper.find('[data-job-id="job-1"]')
+
+    await jobRow.trigger('mouseenter')
+    await vi.advanceTimersByTimeAsync(200)
+    await nextTick()
+
+    const popover = wrapper.findComponent(JobDetailsPopoverStub)
+    expect(popover.exists()).toBe(true)
+    expect(popover.props()).toMatchObject({
+      jobId: 'job-1',
+      workflowId: 'workflow-1'
+    })
+  })
+})

src/components/sidebar/tabs/JobHistorySidebarTab.vue

@@ -46,25 +46,22 @@
       </div>
     </template>
     <template #body>
-      <div class="flex h-full min-h-0 flex-col">
-        <JobAssetsList
-          class="min-h-0 flex-1"
-          :displayed-job-groups="displayedJobGroups"
-          @cancel-item="onCancelItem"
-          @delete-item="onDeleteItem"
-          @view-item="onViewItem"
-          @menu="onMenuItem"
-        />
-        <JobContextMenu
-          ref="jobContextMenuRef"
-          :entries="jobMenuEntries"
-          @action="onJobMenuAction"
-        />
-        <MediaLightbox
-          v-model:active-index="galleryActiveIndex"
-          :all-gallery-items="galleryItems"
-        />
-      </div>
+      <JobAssetsList
+        :displayed-job-groups="displayedJobGroups"
+        @cancel-item="onCancelItem"
+        @delete-item="onDeleteItem"
+        @view-item="onViewItem"
+        @menu="onMenuItem"
+      />
+      <JobContextMenu
+        ref="jobContextMenuRef"
+        :entries="jobMenuEntries"
+        @action="onJobMenuAction"
+      />
+      <MediaLightbox
+        v-model:active-index="galleryActiveIndex"
+        :all-gallery-items="galleryItems"
+      />
     </template>
   </SidebarTabTemplate>
 </template>

src/components/sidebar/tabs/nodeLibrary/AllNodesPanel.vue

@@ -12,6 +12,7 @@
       :root="favoritesRoot"
       show-context-menu
       @node-click="(node) => emit('nodeClick', node)"
+      @add-to-favorites="handleAddToFavorites"
     />
     <div v-else class="px-6 py-2 text-xs text-muted-background">
       {{ $t('sideToolbar.nodeLibraryTab.noBookmarkedNodes') }}
@@ -30,6 +31,7 @@
         :root="section.root"
         show-context-menu
         @node-click="(node) => emit('nodeClick', node)"
+        @add-to-favorites="handleAddToFavorites"
       />
     </div>
   </div>
@@ -69,4 +71,12 @@ const hasFavorites = computed(
 const favoritesRoot = computed(() =>
   fillNodeInfo(nodeBookmarkStore.bookmarkedRoot)
 )
+
+function handleAddToFavorites(
+  node: RenderedTreeExplorerNode<ComfyNodeDefImpl>
+) {
+  if (node.data) {
+    nodeBookmarkStore.toggleBookmark(node.data)
+  }
+}
 </script>

src/locales/ar/main.json

@@ -2527,23 +2527,6 @@
     "inputsNone": "لا توجد مدخلات",
     "inputsNoneTooltip": "العقدة ليس لديها مدخلات",
     "locateNode": "تحديد موقع العقدة على اللوحة",
-    "missingMedia": {
-      "audio": "الصوتيات",
-      "cancelSelection": "إلغاء الاختيار",
-      "collapseNodes": "إخفاء العقد المشار إليها",
-      "confirmSelection": "تأكيد الاختيار",
-      "expandNodes": "عرض العقد المشار إليها",
-      "image": "الصور",
-      "locateNode": "تحديد موقع العقدة",
-      "missingMediaTitle": "المدخلات المفقودة",
-      "or": "أو",
-      "selectedFromLibrary": "تم الاختيار من المكتبة",
-      "uploadFile": "رفع {type}",
-      "uploaded": "تم الرفع",
-      "uploading": "جاري الرفع...",
-      "useFromLibrary": "استخدام من المكتبة",
-      "video": "الفيديوهات"
-    },
     "missingModels": {
       "alreadyExistsInCategory": "هذا النموذج موجود بالفعل في \"{category}\"",
       "assetLoadTimeout": "انتهت مهلة اكتشاف النموذج. حاول إعادة تحميل سير العمل.",

src/locales/ar/nodeDefs.json

@@ -5006,36 +5006,6 @@
       }
     }
   },
-  "ImageHistogram": {
-    "display_name": "مخطط تكراري للصورة",
-    "inputs": {
-      "image": {
-        "name": "صورة"
-      }
-    },
-    "outputs": {
-      "0": {
-        "name": "RGB",
-        "tooltip": null
-      },
-      "1": {
-        "name": "الإضاءة",
-        "tooltip": null
-      },
-      "2": {
-        "name": "أحمر",
-        "tooltip": null
-      },
-      "3": {
-        "name": "أخضر",
-        "tooltip": null
-      },
-      "4": {
-        "name": "أزرق",
-        "tooltip": null
-      }
-    }
-  },
   "ImageInvert": {
     "display_name": "عكس الصورة",
     "inputs": {
@@ -17981,241 +17951,6 @@
       }
     }
   },
-  "Wan2ImageToVideoApi": {
-    "description": "إنشاء فيديو من صورة الإطار الأول، مع إمكانية إضافة صورة الإطار الأخير وصوت اختياري.",
-    "display_name": "وان 2.7 من صورة إلى فيديو",
-    "inputs": {
-      "audio": {
-        "name": "الصوت",
-        "tooltip": "الصوت المستخدم لتوجيه توليد الفيديو (مثل مزامنة الشفاه أو حركة متوافقة مع الإيقاع). المدة: ۲-۳۰ ثانية. إذا لم يتم توفيره، يقوم النموذج تلقائيًا بإنشاء موسيقى خلفية أو مؤثرات صوتية مناسبة."
-      },
-      "control_after_generate": {
-        "name": "التحكم بعد التوليد"
-      },
-      "first_frame": {
-        "name": "الإطار الأول",
-        "tooltip": "صورة الإطار الأول. يتم اشتقاق نسبة العرض إلى الارتفاع للإخراج من هذه الصورة."
-      },
-      "last_frame": {
-        "name": "الإطار الأخير",
-        "tooltip": "صورة الإطار الأخير. يقوم النموذج بإنشاء فيديو ينتقل من الإطار الأول إلى الأخير."
-      },
-      "model": {
-        "name": "النموذج"
-      },
-      "model_duration": {
-        "name": "المدة"
-      },
-      "model_negative_prompt": {
-        "name": "توجيه سلبي"
-      },
-      "model_prompt": {
-        "name": "توجيه"
-      },
-      "model_resolution": {
-        "name": "الدقة"
-      },
-      "prompt_extend": {
-        "name": "تعزيز التوجيه",
-        "tooltip": "ما إذا كان سيتم تعزيز التوجيه بمساعدة الذكاء الاصطناعي."
-      },
-      "seed": {
-        "name": "البذرة",
-        "tooltip": "البذرة المستخدمة في التوليد."
-      },
-      "watermark": {
-        "name": "علامة مائية",
-        "tooltip": "ما إذا كان سيتم إضافة علامة مائية مولدة بالذكاء الاصطناعي إلى النتيجة."
-      }
-    },
-    "outputs": {
-      "0": {
-        "tooltip": null
-      }
-    }
-  },
-  "Wan2ReferenceVideoApi": {
-    "description": "إنشاء فيديو يعرض شخصًا أو كائنًا من مواد مرجعية. يدعم أداء شخصية واحدة وتفاعل عدة شخصيات.",
-    "display_name": "وان 2.7 من مرجع إلى فيديو",
-    "inputs": {
-      "control_after_generate": {
-        "name": "التحكم بعد التوليد"
-      },
-      "model": {
-        "name": "النموذج"
-      },
-      "model_duration": {
-        "name": "المدة"
-      },
-      "model_negative_prompt": {
-        "name": "توجيه سلبي"
-      },
-      "model_prompt": {
-        "name": "توجيه"
-      },
-      "model_ratio": {
-        "name": "النسبة"
-      },
-      "model_resolution": {
-        "name": "الدقة"
-      },
-      "seed": {
-        "name": "البذرة",
-        "tooltip": "البذرة المستخدمة في التوليد."
-      },
-      "watermark": {
-        "name": "علامة مائية",
-        "tooltip": "ما إذا كان سيتم إضافة علامة مائية مولدة بالذكاء الاصطناعي إلى النتيجة."
-      }
-    },
-    "outputs": {
-      "0": {
-        "tooltip": null
-      }
-    }
-  },
-  "Wan2TextToVideoApi": {
-    "description": "ينشئ فيديو بناءً على وصف نصي باستخدام نموذج وان 2.7.",
-    "display_name": "وان 2.7 تحويل النص إلى فيديو",
-    "inputs": {
-      "audio": {
-        "name": "الصوت",
-        "tooltip": "الصوت المستخدم لتوجيه توليد الفيديو (مثل مزامنة الشفاه أو الحركة المتوافقة مع الإيقاع). المدة: ٣-٣٠ ثانية. إذا لم يتم توفيره، سيقوم النموذج تلقائيًا بإنشاء موسيقى خلفية أو مؤثرات صوتية مناسبة."
-      },
-      "control_after_generate": {
-        "name": "التحكم بعد التوليد"
-      },
-      "model": {
-        "name": "النموذج"
-      },
-      "model_duration": {
-        "name": "المدة"
-      },
-      "model_negative_prompt": {
-        "name": "الوصف السلبي"
-      },
-      "model_prompt": {
-        "name": "الوصف"
-      },
-      "model_ratio": {
-        "name": "النسبة"
-      },
-      "model_resolution": {
-        "name": "الدقة"
-      },
-      "prompt_extend": {
-        "name": "توسيع الوصف",
-        "tooltip": "ما إذا كان سيتم تعزيز الوصف بمساعدة الذكاء الاصطناعي."
-      },
-      "seed": {
-        "name": "البذرة",
-        "tooltip": "البذرة المستخدمة في التوليد."
-      },
-      "watermark": {
-        "name": "علامة مائية",
-        "tooltip": "ما إذا كان سيتم إضافة علامة مائية مولدة بالذكاء الاصطناعي إلى النتيجة."
-      }
-    },
-    "outputs": {
-      "0": {
-        "tooltip": null
-      }
-    }
-  },
-  "Wan2VideoContinuationApi": {
-    "description": "استكمال الفيديو من حيث توقف، مع إمكانية التحكم في الإطار الأخير.",
-    "display_name": "وان 2.7 استكمال الفيديو",
-    "inputs": {
-      "control_after_generate": {
-        "name": "التحكم بعد التوليد"
-      },
-      "first_clip": {
-        "name": "المقطع الأول",
-        "tooltip": "الفيديو المدخل للاستكمال منه. المدة: ٢-١٠ ثوانٍ. يتم اشتقاق نسبة العرض إلى الارتفاع من هذا الفيديو."
-      },
-      "last_frame": {
-        "name": "الإطار الأخير",
-        "tooltip": "صورة الإطار الأخير. سيتم الانتقال في الاستكمال نحو هذا الإطار."
-      },
-      "model": {
-        "name": "النموذج"
-      },
-      "model_duration": {
-        "name": "المدة"
-      },
-      "model_negative_prompt": {
-        "name": "الوصف السلبي"
-      },
-      "model_prompt": {
-        "name": "الوصف"
-      },
-      "model_resolution": {
-        "name": "الدقة"
-      },
-      "prompt_extend": {
-        "name": "توسيع الوصف",
-        "tooltip": "ما إذا كان سيتم تعزيز الوصف بمساعدة الذكاء الاصطناعي."
-      },
-      "seed": {
-        "name": "البذرة",
-        "tooltip": "البذرة المستخدمة في التوليد."
-      },
-      "watermark": {
-        "name": "علامة مائية",
-        "tooltip": "ما إذا كان سيتم إضافة علامة مائية مولدة بالذكاء الاصطناعي إلى النتيجة."
-      }
-    },
-    "outputs": {
-      "0": {
-        "tooltip": null
-      }
-    }
-  },
-  "Wan2VideoEditApi": {
-    "description": "تحرير فيديو باستخدام تعليمات نصية أو صور مرجعية أو نقل النمط.",
-    "display_name": "وان 2.7 تحرير الفيديو",
-    "inputs": {
-      "audio_setting": {
-        "name": "إعداد الصوت",
-        "tooltip": "'تلقائي': يقرر النموذج ما إذا كان سيعيد توليد الصوت بناءً على الوصف. 'الأصلي': الحفاظ على الصوت الأصلي من الفيديو المدخل."
-      },
-      "control_after_generate": {
-        "name": "التحكم بعد التوليد"
-      },
-      "model": {
-        "name": "النموذج"
-      },
-      "model_duration": {
-        "name": "المدة"
-      },
-      "model_prompt": {
-        "name": "الوصف"
-      },
-      "model_ratio": {
-        "name": "النسبة"
-      },
-      "model_resolution": {
-        "name": "الدقة"
-      },
-      "seed": {
-        "name": "البذرة",
-        "tooltip": "البذرة المستخدمة في التوليد."
-      },
-      "video": {
-        "name": "الفيديو",
-        "tooltip": "الفيديو المراد تحريره."
-      },
-      "watermark": {
-        "name": "علامة مائية",
-        "tooltip": "ما إذا كان سيتم إضافة علامة مائية مولدة بالذكاء الاصطناعي إلى النتيجة."
-      }
-    },
-    "outputs": {
-      "0": {
-        "tooltip": null
-      }
-    }
-  },
   "WanAnimateToVideo": {
     "display_name": "WanAnimateToVideo",
     "inputs": {

src/locales/en/main.json

@@ -1743,8 +1743,8 @@
     "Tripo": "Tripo",
     "Veo": "Veo",
     "Vidu": "Vidu",
-    "Wan": "Wan",
     "camera": "camera",
+    "Wan": "Wan",
     "WaveSpeed": "WaveSpeed",
     "zimage": "zimage"
   },

src/locales/en/nodeDefs.json

@@ -5006,36 +5006,6 @@
       }
     }
   },
-  "ImageHistogram": {
-    "display_name": "Image Histogram",
-    "inputs": {
-      "image": {
-        "name": "image"
-      }
-    },
-    "outputs": {
-      "0": {
-        "name": "rgb",
-        "tooltip": null
-      },
-      "1": {
-        "name": "luminance",
-        "tooltip": null
-      },
-      "2": {
-        "name": "red",
-        "tooltip": null
-      },
-      "3": {
-        "name": "green",
-        "tooltip": null
-      },
-      "4": {
-        "name": "blue",
-        "tooltip": null
-      }
-    }
-  },
   "ImageInvert": {
     "display_name": "Invert Image",
     "inputs": {
@@ -18006,241 +17976,6 @@
       }
     }
   },
-  "Wan2ImageToVideoApi": {
-    "display_name": "Wan 2.7 Image to Video",
-    "description": "Generate a video from a first-frame image, with optional last-frame image and audio.",
-    "inputs": {
-      "model": {
-        "name": "model"
-      },
-      "first_frame": {
-        "name": "first_frame",
-        "tooltip": "First frame image. The output aspect ratio is derived from this image."
-      },
-      "seed": {
-        "name": "seed",
-        "tooltip": "Seed to use for generation."
-      },
-      "prompt_extend": {
-        "name": "prompt_extend",
-        "tooltip": "Whether to enhance the prompt with AI assistance."
-      },
-      "watermark": {
-        "name": "watermark",
-        "tooltip": "Whether to add an AI-generated watermark to the result."
-      },
-      "last_frame": {
-        "name": "last_frame",
-        "tooltip": "Last frame image. The model generates a video transitioning from first to last frame."
-      },
-      "audio": {
-        "name": "audio",
-        "tooltip": "Audio for driving video generation (e.g., lip sync, beat-matched motion). Duration: 2s-30s. If not provided, the model automatically generates matching background music or sound effects."
-      },
-      "control_after_generate": {
-        "name": "control after generate"
-      },
-      "model_duration": {
-        "name": "duration"
-      },
-      "model_negative_prompt": {
-        "name": "negative_prompt"
-      },
-      "model_prompt": {
-        "name": "prompt"
-      },
-      "model_resolution": {
-        "name": "resolution"
-      }
-    },
-    "outputs": {
-      "0": {
-        "tooltip": null
-      }
-    }
-  },
-  "Wan2ReferenceVideoApi": {
-    "display_name": "Wan 2.7 Reference to Video",
-    "description": "Generate a video featuring a person or object from reference materials. Supports single-character performances and multi-character interactions.",
-    "inputs": {
-      "model": {
-        "name": "model"
-      },
-      "seed": {
-        "name": "seed",
-        "tooltip": "Seed to use for generation."
-      },
-      "watermark": {
-        "name": "watermark",
-        "tooltip": "Whether to add an AI-generated watermark to the result."
-      },
-      "control_after_generate": {
-        "name": "control after generate"
-      },
-      "model_duration": {
-        "name": "duration"
-      },
-      "model_negative_prompt": {
-        "name": "negative_prompt"
-      },
-      "model_prompt": {
-        "name": "prompt"
-      },
-      "model_ratio": {
-        "name": "ratio"
-      },
-      "model_resolution": {
-        "name": "resolution"
-      }
-    },
-    "outputs": {
-      "0": {
-        "tooltip": null
-      }
-    }
-  },
-  "Wan2TextToVideoApi": {
-    "display_name": "Wan 2.7 Text to Video",
-    "description": "Generates a video based on a text prompt using the Wan 2.7 model.",
-    "inputs": {
-      "model": {
-        "name": "model"
-      },
-      "seed": {
-        "name": "seed",
-        "tooltip": "Seed to use for generation."
-      },
-      "prompt_extend": {
-        "name": "prompt_extend",
-        "tooltip": "Whether to enhance the prompt with AI assistance."
-      },
-      "watermark": {
-        "name": "watermark",
-        "tooltip": "Whether to add an AI-generated watermark to the result."
-      },
-      "audio": {
-        "name": "audio",
-        "tooltip": "Audio for driving video generation (e.g., lip sync, beat-matched motion). Duration: 3s-30s. If not provided, the model automatically generates matching background music or sound effects."
-      },
-      "control_after_generate": {
-        "name": "control after generate"
-      },
-      "model_duration": {
-        "name": "duration"
-      },
-      "model_negative_prompt": {
-        "name": "negative_prompt"
-      },
-      "model_prompt": {
-        "name": "prompt"
-      },
-      "model_ratio": {
-        "name": "ratio"
-      },
-      "model_resolution": {
-        "name": "resolution"
-      }
-    },
-    "outputs": {
-      "0": {
-        "tooltip": null
-      }
-    }
-  },
-  "Wan2VideoContinuationApi": {
-    "display_name": "Wan 2.7 Video Continuation",
-    "description": "Continue a video from where it left off, with optional last-frame control.",
-    "inputs": {
-      "model": {
-        "name": "model"
-      },
-      "first_clip": {
-        "name": "first_clip",
-        "tooltip": "Input video to continue from. Duration: 2s-10s. The output aspect ratio is derived from this video."
-      },
-      "seed": {
-        "name": "seed",
-        "tooltip": "Seed to use for generation."
-      },
-      "prompt_extend": {
-        "name": "prompt_extend",
-        "tooltip": "Whether to enhance the prompt with AI assistance."
-      },
-      "watermark": {
-        "name": "watermark",
-        "tooltip": "Whether to add an AI-generated watermark to the result."
-      },
-      "last_frame": {
-        "name": "last_frame",
-        "tooltip": "Last frame image. The continuation will transition towards this frame."
-      },
-      "control_after_generate": {
-        "name": "control after generate"
-      },
-      "model_duration": {
-        "name": "duration"
-      },
-      "model_negative_prompt": {
-        "name": "negative_prompt"
-      },
-      "model_prompt": {
-        "name": "prompt"
-      },
-      "model_resolution": {
-        "name": "resolution"
-      }
-    },
-    "outputs": {
-      "0": {
-        "tooltip": null
-      }
-    }
-  },
-  "Wan2VideoEditApi": {
-    "display_name": "Wan 2.7 Video Edit",
-    "description": "Edit a video using text instructions, reference images, or style transfer.",
-    "inputs": {
-      "model": {
-        "name": "model"
-      },
-      "video": {
-        "name": "video",
-        "tooltip": "The video to edit."
-      },
-      "seed": {
-        "name": "seed",
-        "tooltip": "Seed to use for generation."
-      },
-      "audio_setting": {
-        "name": "audio_setting",
-        "tooltip": "'auto': model decides whether to regenerate audio based on the prompt. 'origin': preserve the original audio from the input video."
-      },
-      "watermark": {
-        "name": "watermark",
-        "tooltip": "Whether to add an AI-generated watermark to the result."
-      },
-      "control_after_generate": {
-        "name": "control after generate"
-      },
-      "model_duration": {
-        "name": "duration"
-      },
-      "model_prompt": {
-        "name": "prompt"
-      },
-      "model_ratio": {
-        "name": "ratio"
-      },
-      "model_resolution": {
-        "name": "resolution"
-      }
-    },
-    "outputs": {
-      "0": {
-        "tooltip": null
-      }
-    }
-  },
   "WanAnimateToVideo": {
     "display_name": "WanAnimateToVideo",
     "inputs": {

src/locales/es/main.json

@@ -2527,23 +2527,6 @@
     "inputsNone": "SIN ENTRADAS",
     "inputsNoneTooltip": "El nodo no tiene entradas",
     "locateNode": "Localizar nodo en el lienzo",
-    "missingMedia": {
-      "audio": "Audio",
-      "cancelSelection": "Cancelar selección",
-      "collapseNodes": "Ocultar nodos de referencia",
-      "confirmSelection": "Confirmar selección",
-      "expandNodes": "Mostrar nodos de referencia",
-      "image": "Imágenes",
-      "locateNode": "Localizar nodo",
-      "missingMediaTitle": "Entradas faltantes",
-      "or": "O",
-      "selectedFromLibrary": "Seleccionado de la biblioteca",
-      "uploadFile": "Subir {type}",
-      "uploaded": "Subido",
-      "uploading": "Subiendo...",
-      "useFromLibrary": "Usar de la biblioteca",
-      "video": "Videos"
-    },
     "missingModels": {
       "alreadyExistsInCategory": "Este modelo ya existe en \"{category}\"",
       "assetLoadTimeout": "El tiempo de detección del modelo se agotó. Intenta recargar el flujo de trabajo.",

src/locales/es/nodeDefs.json

@@ -5006,36 +5006,6 @@
       }
     }
   },
-  "ImageHistogram": {
-    "display_name": "Histograma de imagen",
-    "inputs": {
-      "image": {
-        "name": "imagen"
-      }
-    },
-    "outputs": {
-      "0": {
-        "name": "rgb",
-        "tooltip": null
-      },
-      "1": {
-        "name": "luminancia",
-        "tooltip": null
-      },
-      "2": {
-        "name": "rojo",
-        "tooltip": null
-      },
-      "3": {
-        "name": "verde",
-        "tooltip": null
-      },
-      "4": {
-        "name": "azul",
-        "tooltip": null
-      }
-    }
-  },
   "ImageInvert": {
     "display_name": "Invertir Imagen",
     "inputs": {
@@ -17981,241 +17951,6 @@
       }
     }
   },
-  "Wan2ImageToVideoApi": {
-    "description": "Genera un video a partir de una imagen del primer fotograma, con opción de imagen del último fotograma y audio.",
-    "display_name": "Wan 2.7 Imagen a Video",
-    "inputs": {
-      "audio": {
-        "name": "audio",
-        "tooltip": "Audio para guiar la generación del video (por ejemplo, sincronización labial, movimiento al ritmo). Duración: 2s-30s. Si no se proporciona, el modelo genera automáticamente música de fondo o efectos de sonido acordes."
-      },
-      "control_after_generate": {
-        "name": "controlar después de generar"
-      },
-      "first_frame": {
-        "name": "primer_fotograma",
-        "tooltip": "Imagen del primer fotograma. La relación de aspecto de salida se deriva de esta imagen."
-      },
-      "last_frame": {
-        "name": "último_fotograma",
-        "tooltip": "Imagen del último fotograma. El modelo genera un video que transiciona del primer al último fotograma."
-      },
-      "model": {
-        "name": "modelo"
-      },
-      "model_duration": {
-        "name": "duración"
-      },
-      "model_negative_prompt": {
-        "name": "prompt_negativo"
-      },
-      "model_prompt": {
-        "name": "prompt"
-      },
-      "model_resolution": {
-        "name": "resolución"
-      },
-      "prompt_extend": {
-        "name": "extender_prompt",
-        "tooltip": "Si se debe mejorar el prompt con asistencia de IA."
-      },
-      "seed": {
-        "name": "semilla",
-        "tooltip": "Semilla para usar en la generación."
-      },
-      "watermark": {
-        "name": "marca_de_agua",
-        "tooltip": "Si se debe añadir una marca de agua generada por IA al resultado."
-      }
-    },
-    "outputs": {
-      "0": {
-        "tooltip": null
-      }
-    }
-  },
-  "Wan2ReferenceVideoApi": {
-    "description": "Genera un video con una persona u objeto a partir de materiales de referencia. Soporta actuaciones de un solo personaje e interacciones entre varios personajes.",
-    "display_name": "Wan 2.7 Referencia a Video",
-    "inputs": {
-      "control_after_generate": {
-        "name": "controlar después de generar"
-      },
-      "model": {
-        "name": "modelo"
-      },
-      "model_duration": {
-        "name": "duración"
-      },
-      "model_negative_prompt": {
-        "name": "prompt_negativo"
-      },
-      "model_prompt": {
-        "name": "prompt"
-      },
-      "model_ratio": {
-        "name": "relación"
-      },
-      "model_resolution": {
-        "name": "resolución"
-      },
-      "seed": {
-        "name": "semilla",
-        "tooltip": "Semilla para usar en la generación."
-      },
-      "watermark": {
-        "name": "marca_de_agua",
-        "tooltip": "Si se debe añadir una marca de agua generada por IA al resultado."
-      }
-    },
-    "outputs": {
-      "0": {
-        "tooltip": null
-      }
-    }
-  },
-  "Wan2TextToVideoApi": {
-    "description": "Genera un video a partir de un texto usando el modelo Wan 2.7.",
-    "display_name": "Wan 2.7 Texto a Video",
-    "inputs": {
-      "audio": {
-        "name": "audio",
-        "tooltip": "Audio para guiar la generación del video (por ejemplo, sincronización labial, movimiento al ritmo). Duración: 3s-30s. Si no se proporciona, el modelo genera automáticamente música de fondo o efectos de sonido acordes."
-      },
-      "control_after_generate": {
-        "name": "controlar después de generar"
-      },
-      "model": {
-        "name": "modelo"
-      },
-      "model_duration": {
-        "name": "duración"
-      },
-      "model_negative_prompt": {
-        "name": "prompt_negativo"
-      },
-      "model_prompt": {
-        "name": "prompt"
-      },
-      "model_ratio": {
-        "name": "relación de aspecto"
-      },
-      "model_resolution": {
-        "name": "resolución"
-      },
-      "prompt_extend": {
-        "name": "extender_prompt",
-        "tooltip": "Si se debe mejorar el prompt con asistencia de IA."
-      },
-      "seed": {
-        "name": "semilla",
-        "tooltip": "Semilla para usar en la generación."
-      },
-      "watermark": {
-        "name": "marca de agua",
-        "tooltip": "Si se debe añadir una marca de agua generada por IA al resultado."
-      }
-    },
-    "outputs": {
-      "0": {
-        "tooltip": null
-      }
-    }
-  },
-  "Wan2VideoContinuationApi": {
-    "description": "Continúa un video desde donde terminó, con control opcional del último fotograma.",
-    "display_name": "Wan 2.7 Continuación de Video",
-    "inputs": {
-      "control_after_generate": {
-        "name": "controlar después de generar"
-      },
-      "first_clip": {
-        "name": "primer_clip",
-        "tooltip": "Video de entrada desde el cual continuar. Duración: 2s-10s. La relación de aspecto de salida se deriva de este video."
-      },
-      "last_frame": {
-        "name": "último_fotograma",
-        "tooltip": "Imagen del último fotograma. La continuación hará la transición hacia este fotograma."
-      },
-      "model": {
-        "name": "modelo"
-      },
-      "model_duration": {
-        "name": "duración"
-      },
-      "model_negative_prompt": {
-        "name": "prompt_negativo"
-      },
-      "model_prompt": {
-        "name": "prompt"
-      },
-      "model_resolution": {
-        "name": "resolución"
-      },
-      "prompt_extend": {
-        "name": "extender_prompt",
-        "tooltip": "Si se debe mejorar el prompt con asistencia de IA."
-      },
-      "seed": {
-        "name": "semilla",
-        "tooltip": "Semilla para usar en la generación."
-      },
-      "watermark": {
-        "name": "marca de agua",
-        "tooltip": "Si se debe añadir una marca de agua generada por IA al resultado."
-      }
-    },
-    "outputs": {
-      "0": {
-        "tooltip": null
-      }
-    }
-  },
-  "Wan2VideoEditApi": {
-    "description": "Edita un video usando instrucciones de texto, imágenes de referencia o transferencia de estilo.",
-    "display_name": "Wan 2.7 Edición de Video",
-    "inputs": {
-      "audio_setting": {
-        "name": "configuración_de_audio",
-        "tooltip": "'auto': el modelo decide si regenerar el audio según el prompt. 'origin': conserva el audio original del video de entrada."
-      },
-      "control_after_generate": {
-        "name": "controlar después de generar"
-      },
-      "model": {
-        "name": "modelo"
-      },
-      "model_duration": {
-        "name": "duración"
-      },
-      "model_prompt": {
-        "name": "prompt"
-      },
-      "model_ratio": {
-        "name": "relación de aspecto"
-      },
-      "model_resolution": {
-        "name": "resolución"
-      },
-      "seed": {
-        "name": "semilla",
-        "tooltip": "Semilla para usar en la generación."
-      },
-      "video": {
-        "name": "video",
-        "tooltip": "El video a editar."
-      },
-      "watermark": {
-        "name": "marca de agua",
-        "tooltip": "Si se debe añadir una marca de agua generada por IA al resultado."
-      }
-    },
-    "outputs": {
-      "0": {
-        "tooltip": null
-      }
-    }
-  },
   "WanAnimateToVideo": {
     "display_name": "WanAnimateToVideo",
     "inputs": {

src/locales/fa/main.json

@@ -2527,23 +2527,6 @@
     "inputsNone": "بدون ورودی",
     "inputsNoneTooltip": "این نود ورودی ندارد",
     "locateNode": "یافتن node در canvas",
-    "missingMedia": {
-      "audio": "صدا",
-      "cancelSelection": "لغو انتخاب",
-      "collapseNodes": "پنهان کردن nodeهای ارجاع‌دهنده",
-      "confirmSelection": "تأیید انتخاب",
-      "expandNodes": "نمایش nodeهای ارجاع‌دهنده",
-      "image": "تصاویر",
-      "locateNode": "یافتن node",
-      "missingMediaTitle": "ورودی‌های گمشده",
-      "or": "یا",
-      "selectedFromLibrary": "انتخاب شده از کتابخانه",
-      "uploadFile": "بارگذاری {type}",
-      "uploaded": "بارگذاری شد",
-      "uploading": "در حال بارگذاری...",
-      "useFromLibrary": "استفاده از کتابخانه",
-      "video": "ویدیوها"
-    },
     "missingModels": {
       "alreadyExistsInCategory": "این مدل قبلاً در «{category}» وجود دارد",
       "assetLoadTimeout": "شناسایی مدل زمان‌بر شد. لطفاً workflow را مجدداً بارگذاری کنید.",

src/locales/fa/nodeDefs.json

@@ -5006,36 +5006,6 @@
       }
     }
   },
-  "ImageHistogram": {
-    "display_name": "هیستوگرام تصویر",
-    "inputs": {
-      "image": {
-        "name": "تصویر"
-      }
-    },
-    "outputs": {
-      "0": {
-        "name": "RGB",
-        "tooltip": null
-      },
-      "1": {
-        "name": "درخشندگی",
-        "tooltip": null
-      },
-      "2": {
-        "name": "قرمز",
-        "tooltip": null
-      },
-      "3": {
-        "name": "سبز",
-        "tooltip": null
-      },
-      "4": {
-        "name": "آبی",
-        "tooltip": null
-      }
-    }
-  },
   "ImageInvert": {
     "display_name": "معکوس‌سازی تصویر",
     "inputs": {
@@ -17981,241 +17951,6 @@
       }
     }
   },
-  "Wan2ImageToVideoApi": {
-    "description": "تولید ویدیو از تصویر فریم اول، با امکان افزودن تصویر فریم آخر و صدا به صورت اختیاری.",
-    "display_name": "وان ۲.۷ تبدیل تصویر به ویدیو",
-    "inputs": {
-      "audio": {
-        "name": "صدا",
-        "tooltip": "صدا برای هدایت تولید ویدیو (مثلاً هماهنگی لب، حرکت هماهنگ با ضرب‌آهنگ). مدت زمان: ۲ تا ۳۰ ثانیه. در صورت عدم ارائه، مدل به طور خودکار موسیقی پس‌زمینه یا افکت صوتی مناسب تولید می‌کند."
-      },
-      "control_after_generate": {
-        "name": "کنترل پس از تولید"
-      },
-      "first_frame": {
-        "name": "فریم اول",
-        "tooltip": "تصویر فریم اول. نسبت ابعاد خروجی از این تصویر استخراج می‌شود."
-      },
-      "last_frame": {
-        "name": "فریم آخر",
-        "tooltip": "تصویر فریم آخر. مدل ویدیویی با انتقال از فریم اول به فریم آخر تولید می‌کند."
-      },
-      "model": {
-        "name": "مدل"
-      },
-      "model_duration": {
-        "name": "مدت زمان"
-      },
-      "model_negative_prompt": {
-        "name": "پرامپت منفی"
-      },
-      "model_prompt": {
-        "name": "پرامپت"
-      },
-      "model_resolution": {
-        "name": "رزولوشن"
-      },
-      "prompt_extend": {
-        "name": "گسترش پرامپت",
-        "tooltip": "آیا پرامپت با کمک هوش مصنوعی بهبود یابد یا خیر."
-      },
-      "seed": {
-        "name": "بذر",
-        "tooltip": "بذر مورد استفاده برای تولید."
-      },
-      "watermark": {
-        "name": "واترمارک",
-        "tooltip": "آیا واترمارک تولیدشده توسط هوش مصنوعی به نتیجه اضافه شود یا خیر."
-      }
-    },
-    "outputs": {
-      "0": {
-        "tooltip": null
-      }
-    }
-  },
-  "Wan2ReferenceVideoApi": {
-    "description": "تولید ویدیو با حضور یک شخص یا شیء بر اساس مواد مرجع. پشتیبانی از اجرای تک‌نفره و تعامل چندنفره.",
-    "display_name": "وان ۲.۷ مرجع به ویدیو",
-    "inputs": {
-      "control_after_generate": {
-        "name": "کنترل پس از تولید"
-      },
-      "model": {
-        "name": "مدل"
-      },
-      "model_duration": {
-        "name": "مدت زمان"
-      },
-      "model_negative_prompt": {
-        "name": "پرامپت منفی"
-      },
-      "model_prompt": {
-        "name": "پرامپت"
-      },
-      "model_ratio": {
-        "name": "نسبت تصویر"
-      },
-      "model_resolution": {
-        "name": "رزولوشن"
-      },
-      "seed": {
-        "name": "بذر",
-        "tooltip": "بذر مورد استفاده برای تولید."
-      },
-      "watermark": {
-        "name": "واترمارک",
-        "tooltip": "آیا واترمارک تولیدشده توسط هوش مصنوعی به نتیجه اضافه شود یا خیر."
-      }
-    },
-    "outputs": {
-      "0": {
-        "tooltip": null
-      }
-    }
-  },
-  "Wan2TextToVideoApi": {
-    "description": "تولید ویدیو بر اساس یک پرامپت متنی با استفاده از مدل وان ۲.۷.",
-    "display_name": "وان ۲.۷ تبدیل متن به ویدیو",
-    "inputs": {
-      "audio": {
-        "name": "صدا",
-        "tooltip": "صدا برای هدایت تولید ویدیو (مثلاً هماهنگی لب، حرکت مطابق با ضرب). مدت زمان: ۳ تا ۳۰ ثانیه. در صورت عدم ارائه، مدل به طور خودکار موسیقی پس‌زمینه یا افکت صوتی مناسب تولید می‌کند."
-      },
-      "control_after_generate": {
-        "name": "کنترل پس از تولید"
-      },
-      "model": {
-        "name": "مدل"
-      },
-      "model_duration": {
-        "name": "مدت زمان"
-      },
-      "model_negative_prompt": {
-        "name": "پرامپت منفی"
-      },
-      "model_prompt": {
-        "name": "پرامپت"
-      },
-      "model_ratio": {
-        "name": "نسبت تصویر"
-      },
-      "model_resolution": {
-        "name": "وضوح"
-      },
-      "prompt_extend": {
-        "name": "گسترش پرامپت",
-        "tooltip": "آیا پرامپت با کمک هوش مصنوعی بهبود یابد."
-      },
-      "seed": {
-        "name": "بذر",
-        "tooltip": "بذر مورد استفاده برای تولید."
-      },
-      "watermark": {
-        "name": "واترمارک",
-        "tooltip": "آیا واترمارک تولیدشده توسط هوش مصنوعی به نتیجه اضافه شود."
-      }
-    },
-    "outputs": {
-      "0": {
-        "tooltip": null
-      }
-    }
-  },
-  "Wan2VideoContinuationApi": {
-    "description": "ادامه دادن یک ویدیو از جایی که متوقف شده است، با امکان کنترل فریم آخر.",
-    "display_name": "وان ۲.۷ ادامه ویدیو",
-    "inputs": {
-      "control_after_generate": {
-        "name": "کنترل پس از تولید"
-      },
-      "first_clip": {
-        "name": "کلیپ اول",
-        "tooltip": "ویدیوی ورودی برای ادامه دادن. مدت زمان: ۲ تا ۱۰ ثانیه. نسبت تصویر خروجی از این ویدیو گرفته می‌شود."
-      },
-      "last_frame": {
-        "name": "فریم آخر",
-        "tooltip": "تصویر فریم آخر. ادامه ویدیو به سمت این فریم انتقال می‌یابد."
-      },
-      "model": {
-        "name": "مدل"
-      },
-      "model_duration": {
-        "name": "مدت زمان"
-      },
-      "model_negative_prompt": {
-        "name": "پرامپت منفی"
-      },
-      "model_prompt": {
-        "name": "پرامپت"
-      },
-      "model_resolution": {
-        "name": "وضوح"
-      },
-      "prompt_extend": {
-        "name": "گسترش پرامپت",
-        "tooltip": "آیا پرامپت با کمک هوش مصنوعی بهبود یابد."
-      },
-      "seed": {
-        "name": "بذر",
-        "tooltip": "بذر مورد استفاده برای تولید."
-      },
-      "watermark": {
-        "name": "واترمارک",
-        "tooltip": "آیا واترمارک تولیدشده توسط هوش مصنوعی به نتیجه اضافه شود."
-      }
-    },
-    "outputs": {
-      "0": {
-        "tooltip": null
-      }
-    }
-  },
-  "Wan2VideoEditApi": {
-    "description": "ویرایش ویدیو با استفاده از دستور متنی، تصاویر مرجع یا انتقال سبک.",
-    "display_name": "وان ۲.۷ ویرایش ویدیو",
-    "inputs": {
-      "audio_setting": {
-        "name": "تنظیمات صدا",
-        "tooltip": "'auto': مدل تصمیم می‌گیرد که آیا صدا بر اساس پرامپت بازتولید شود یا نه. 'origin': صدای اصلی ویدیوی ورودی حفظ می‌شود."
-      },
-      "control_after_generate": {
-        "name": "کنترل پس از تولید"
-      },
-      "model": {
-        "name": "مدل"
-      },
-      "model_duration": {
-        "name": "مدت زمان"
-      },
-      "model_prompt": {
-        "name": "پرامپت"
-      },
-      "model_ratio": {
-        "name": "نسبت تصویر"
-      },
-      "model_resolution": {
-        "name": "وضوح"
-      },
-      "seed": {
-        "name": "بذر",
-        "tooltip": "بذر مورد استفاده برای تولید."
-      },
-      "video": {
-        "name": "ویدیو",
-        "tooltip": "ویدیویی که باید ویرایش شود."
-      },
-      "watermark": {
-        "name": "واترمارک",
-        "tooltip": "آیا واترمارک تولیدشده توسط هوش مصنوعی به نتیجه اضافه شود."
-      }
-    },
-    "outputs": {
-      "0": {
-        "tooltip": null
-      }
-    }
-  },
   "WanAnimateToVideo": {
     "display_name": "WanAnimateToVideo",
     "inputs": {

src/locales/fr/main.json

@@ -2527,23 +2527,6 @@
     "inputsNone": "AUCUNE ENTRÉE",
     "inputsNoneTooltip": "Le nœud n’a pas d’entrées",
     "locateNode": "Localiser le nœud sur le canevas",
-    "missingMedia": {
-      "audio": "Audio",
-      "cancelSelection": "Annuler la sélection",
-      "collapseNodes": "Masquer les nœuds de référence",
-      "confirmSelection": "Confirmer la sélection",
-      "expandNodes": "Afficher les nœuds de référence",
-      "image": "Images",
-      "locateNode": "Localiser le nœud",
-      "missingMediaTitle": "Entrées manquantes",
-      "or": "OU",
-      "selectedFromLibrary": "Sélectionné depuis la bibliothèque",
-      "uploadFile": "Téléverser {type}",
-      "uploaded": "Téléversé",
-      "uploading": "Téléversement en cours...",
-      "useFromLibrary": "Utiliser depuis la bibliothèque",
-      "video": "Vidéos"
-    },
     "missingModels": {
       "alreadyExistsInCategory": "Ce modèle existe déjà dans « {category} »",
       "assetLoadTimeout": "Le délai de détection du modèle est dépassé. Essayez de recharger le workflow.",

src/locales/fr/nodeDefs.json

@@ -5006,36 +5006,6 @@
       }
     }
   },
-  "ImageHistogram": {
-    "display_name": "Histogramme d'image",
-    "inputs": {
-      "image": {
-        "name": "image"
-      }
-    },
-    "outputs": {
-      "0": {
-        "name": "rvb",
-        "tooltip": null
-      },
-      "1": {
-        "name": "luminance",
-        "tooltip": null
-      },
-      "2": {
-        "name": "rouge",
-        "tooltip": null
-      },
-      "3": {
-        "name": "vert",
-        "tooltip": null
-      },
-      "4": {
-        "name": "bleu",
-        "tooltip": null
-      }
-    }
-  },
   "ImageInvert": {
     "display_name": "Inverser l'image",
     "inputs": {
@@ -17981,241 +17951,6 @@
       }
     }
   },
-  "Wan2ImageToVideoApi": {
-    "description": "Générez une vidéo à partir d'une image de première image, avec une image de dernière image et un audio optionnels.",
-    "display_name": "Wan 2.7 Image vers Vidéo",
-    "inputs": {
-      "audio": {
-        "name": "audio",
-        "tooltip": "Audio pour guider la génération vidéo (ex : synchronisation labiale, mouvement sur le rythme). Durée : 2s-30s. Si non fourni, le modèle génère automatiquement une musique de fond ou des effets sonores adaptés."
-      },
-      "control_after_generate": {
-        "name": "contrôle après génération"
-      },
-      "first_frame": {
-        "name": "première image",
-        "tooltip": "Image de la première image. Le format de sortie est dérivé de cette image."
-      },
-      "last_frame": {
-        "name": "dernière image",
-        "tooltip": "Image de la dernière image. Le modèle génère une vidéo passant de la première à la dernière image."
-      },
-      "model": {
-        "name": "modèle"
-      },
-      "model_duration": {
-        "name": "durée"
-      },
-      "model_negative_prompt": {
-        "name": "prompt négatif"
-      },
-      "model_prompt": {
-        "name": "prompt"
-      },
-      "model_resolution": {
-        "name": "résolution"
-      },
-      "prompt_extend": {
-        "name": "extension de prompt",
-        "tooltip": "Permet d'améliorer le prompt avec l'aide de l'IA."
-      },
-      "seed": {
-        "name": "graine",
-        "tooltip": "Graine à utiliser pour la génération."
-      },
-      "watermark": {
-        "name": "filigrane",
-        "tooltip": "Ajouter ou non un filigrane généré par IA au résultat."
-      }
-    },
-    "outputs": {
-      "0": {
-        "tooltip": null
-      }
-    }
-  },
-  "Wan2ReferenceVideoApi": {
-    "description": "Générez une vidéo mettant en scène une personne ou un objet à partir de références. Prend en charge les performances à un personnage et les interactions multi-personnages.",
-    "display_name": "Wan 2.7 Référence vers Vidéo",
-    "inputs": {
-      "control_after_generate": {
-        "name": "contrôle après génération"
-      },
-      "model": {
-        "name": "modèle"
-      },
-      "model_duration": {
-        "name": "durée"
-      },
-      "model_negative_prompt": {
-        "name": "prompt négatif"
-      },
-      "model_prompt": {
-        "name": "prompt"
-      },
-      "model_ratio": {
-        "name": "ratio"
-      },
-      "model_resolution": {
-        "name": "résolution"
-      },
-      "seed": {
-        "name": "graine",
-        "tooltip": "Graine à utiliser pour la génération."
-      },
-      "watermark": {
-        "name": "filigrane",
-        "tooltip": "Ajouter ou non un filigrane généré par IA au résultat."
-      }
-    },
-    "outputs": {
-      "0": {
-        "tooltip": null
-      }
-    }
-  },
-  "Wan2TextToVideoApi": {
-    "description": "Génère une vidéo à partir d'une invite textuelle en utilisant le modèle Wan 2.7.",
-    "display_name": "Wan 2.7 Texte en Vidéo",
-    "inputs": {
-      "audio": {
-        "name": "audio",
-        "tooltip": "Audio pour guider la génération vidéo (ex : synchronisation labiale, mouvement sur le rythme). Durée : 3s-30s. Si non fourni, le modèle génère automatiquement une musique de fond ou des effets sonores adaptés."
-      },
-      "control_after_generate": {
-        "name": "contrôle après génération"
-      },
-      "model": {
-        "name": "modèle"
-      },
-      "model_duration": {
-        "name": "durée"
-      },
-      "model_negative_prompt": {
-        "name": "invite négative"
-      },
-      "model_prompt": {
-        "name": "invite"
-      },
-      "model_ratio": {
-        "name": "ratio"
-      },
-      "model_resolution": {
-        "name": "résolution"
-      },
-      "prompt_extend": {
-        "name": "extension d'invite",
-        "tooltip": "Améliorer l'invite avec l'assistance de l'IA."
-      },
-      "seed": {
-        "name": "graine",
-        "tooltip": "Graine à utiliser pour la génération."
-      },
-      "watermark": {
-        "name": "filigrane",
-        "tooltip": "Ajouter un filigrane généré par IA au résultat."
-      }
-    },
-    "outputs": {
-      "0": {
-        "tooltip": null
-      }
-    }
-  },
-  "Wan2VideoContinuationApi": {
-    "description": "Continue une vidéo à partir de l'endroit où elle s'est arrêtée, avec un contrôle optionnel de la dernière image.",
-    "display_name": "Wan 2.7 Continuation Vidéo",
-    "inputs": {
-      "control_after_generate": {
-        "name": "contrôle après génération"
-      },
-      "first_clip": {
-        "name": "premier clip",
-        "tooltip": "Vidéo d'entrée à continuer. Durée : 2s-10s. Le ratio de sortie est dérivé de cette vidéo."
-      },
-      "last_frame": {
-        "name": "dernière image",
-        "tooltip": "Image de la dernière frame. La continuation effectuera une transition vers cette image."
-      },
-      "model": {
-        "name": "modèle"
-      },
-      "model_duration": {
-        "name": "durée"
-      },
-      "model_negative_prompt": {
-        "name": "invite négative"
-      },
-      "model_prompt": {
-        "name": "invite"
-      },
-      "model_resolution": {
-        "name": "résolution"
-      },
-      "prompt_extend": {
-        "name": "extension d'invite",
-        "tooltip": "Améliorer l'invite avec l'assistance de l'IA."
-      },
-      "seed": {
-        "name": "graine",
-        "tooltip": "Graine à utiliser pour la génération."
-      },
-      "watermark": {
-        "name": "filigrane",
-        "tooltip": "Ajouter un filigrane généré par IA au résultat."
-      }
-    },
-    "outputs": {
-      "0": {
-        "tooltip": null
-      }
-    }
-  },
-  "Wan2VideoEditApi": {
-    "description": "Éditez une vidéo à l'aide d'instructions textuelles, d'images de référence ou de transfert de style.",
-    "display_name": "Wan 2.7 Édition Vidéo",
-    "inputs": {
-      "audio_setting": {
-        "name": "paramètre audio",
-        "tooltip": "'auto' : le modèle décide de régénérer ou non l'audio selon l'invite. 'origin' : préserve l'audio original de la vidéo d'entrée."
-      },
-      "control_after_generate": {
-        "name": "contrôle après génération"
-      },
-      "model": {
-        "name": "modèle"
-      },
-      "model_duration": {
-        "name": "durée"
-      },
-      "model_prompt": {
-        "name": "invite"
-      },
-      "model_ratio": {
-        "name": "ratio"
-      },
-      "model_resolution": {
-        "name": "résolution"
-      },
-      "seed": {
-        "name": "graine",
-        "tooltip": "Graine à utiliser pour la génération."
-      },
-      "video": {
-        "name": "vidéo",
-        "tooltip": "La vidéo à éditer."
-      },
-      "watermark": {
-        "name": "filigrane",
-        "tooltip": "Ajouter un filigrane généré par IA au résultat."
-      }
-    },
-    "outputs": {
-      "0": {
-        "tooltip": null
-      }
-    }
-  },
   "WanAnimateToVideo": {
     "display_name": "WanAnimateToVideo",
     "inputs": {

src/locales/ja/main.json

@@ -2527,23 +2527,6 @@
     "inputsNone": "入力なし",
     "inputsNoneTooltip": "このノードには入力がありません",
     "locateNode": "キャンバス上でノードを探す",
-    "missingMedia": {
-      "audio": "音声",
-      "cancelSelection": "選択をキャンセル",
-      "collapseNodes": "参照ノードを非表示",
-      "confirmSelection": "選択を確定",
-      "expandNodes": "参照ノードを表示",
-      "image": "画像",
-      "locateNode": "ノードを特定",
-      "missingMediaTitle": "入力がありません",
-      "or": "または",
-      "selectedFromLibrary": "ライブラリから選択済み",
-      "uploadFile": "{type}をアップロード",
-      "uploaded": "アップロード完了",
-      "uploading": "アップロード中...",
-      "useFromLibrary": "ライブラリから使用",
-      "video": "動画"
-    },
     "missingModels": {
       "alreadyExistsInCategory": "このモデルはすでに「{category}」に存在します",
       "assetLoadTimeout": "モデルの検出がタイムアウトしました。ワークフローを再読み込みしてください。",

src/locales/ja/nodeDefs.json

@@ -5006,36 +5006,6 @@
       }
     }
   },
-  "ImageHistogram": {
-    "display_name": "画像ヒストグラム",
-    "inputs": {
-      "image": {
-        "name": "画像"
-      }
-    },
-    "outputs": {
-      "0": {
-        "name": "RGB",
-        "tooltip": null
-      },
-      "1": {
-        "name": "輝度",
-        "tooltip": null
-      },
-      "2": {
-        "name": "赤",
-        "tooltip": null
-      },
-      "3": {
-        "name": "緑",
-        "tooltip": null
-      },
-      "4": {
-        "name": "青",
-        "tooltip": null
-      }
-    }
-  },
   "ImageInvert": {
     "display_name": "画像を反転",
     "inputs": {
@@ -17981,241 +17951,6 @@
       }
     }
   },
-  "Wan2ImageToVideoApi": {
-    "description": "最初のフレーム画像から動画を生成します。オプションで最後のフレーム画像や音声も指定できます。",
-    "display_name": "Wan 2.7 画像から動画へ",
-    "inputs": {
-      "audio": {
-        "name": "audio",
-        "tooltip": "動画生成を制御する音声（例：リップシンク、ビートに合わせた動き）。長さ：2秒～30秒。指定しない場合は、モデルが自動的に合うBGMや効果音を生成します。"
-      },
-      "control_after_generate": {
-        "name": "control after generate"
-      },
-      "first_frame": {
-        "name": "first_frame",
-        "tooltip": "最初のフレーム画像。この画像から出力動画のアスペクト比が決まります。"
-      },
-      "last_frame": {
-        "name": "last_frame",
-        "tooltip": "最後のフレーム画像。最初から最後のフレームへと遷移する動画を生成します。"
-      },
-      "model": {
-        "name": "model"
-      },
-      "model_duration": {
-        "name": "duration"
-      },
-      "model_negative_prompt": {
-        "name": "negative_prompt"
-      },
-      "model_prompt": {
-        "name": "prompt"
-      },
-      "model_resolution": {
-        "name": "resolution"
-      },
-      "prompt_extend": {
-        "name": "prompt_extend",
-        "tooltip": "AIによるプロンプトの強化を行うかどうか。"
-      },
-      "seed": {
-        "name": "seed",
-        "tooltip": "生成に使用するシード値。"
-      },
-      "watermark": {
-        "name": "watermark",
-        "tooltip": "AI生成のウォーターマークを結果に追加するかどうか。"
-      }
-    },
-    "outputs": {
-      "0": {
-        "tooltip": null
-      }
-    }
-  },
-  "Wan2ReferenceVideoApi": {
-    "description": "リファレンス素材から人物や物体を特徴とする動画を生成します。単一キャラクターの演技や複数キャラクターのインタラクションに対応しています。",
-    "display_name": "Wan 2.7 リファレンスから動画へ",
-    "inputs": {
-      "control_after_generate": {
-        "name": "control after generate"
-      },
-      "model": {
-        "name": "model"
-      },
-      "model_duration": {
-        "name": "duration"
-      },
-      "model_negative_prompt": {
-        "name": "negative_prompt"
-      },
-      "model_prompt": {
-        "name": "prompt"
-      },
-      "model_ratio": {
-        "name": "ratio"
-      },
-      "model_resolution": {
-        "name": "resolution"
-      },
-      "seed": {
-        "name": "seed",
-        "tooltip": "生成に使用するシード値。"
-      },
-      "watermark": {
-        "name": "watermark",
-        "tooltip": "AI生成のウォーターマークを結果に追加するかどうか。"
-      }
-    },
-    "outputs": {
-      "0": {
-        "tooltip": null
-      }
-    }
-  },
-  "Wan2TextToVideoApi": {
-    "description": "Wan 2.7モデルを使用してテキストプロンプトに基づいたビデオを生成します。",
-    "display_name": "Wan 2.7 テキストからビデオへ",
-    "inputs": {
-      "audio": {
-        "name": "オーディオ",
-        "tooltip": "ビデオ生成を駆動する音声（例：リップシンク、ビートに合わせた動き）。長さ：3秒～30秒。未指定の場合、モデルが自動的に合うBGMや効果音を生成します。"
-      },
-      "control_after_generate": {
-        "name": "生成後のコントロール"
-      },
-      "model": {
-        "name": "model"
-      },
-      "model_duration": {
-        "name": "長さ"
-      },
-      "model_negative_prompt": {
-        "name": "ネガティブプロンプト"
-      },
-      "model_prompt": {
-        "name": "プロンプト"
-      },
-      "model_ratio": {
-        "name": "アスペクト比"
-      },
-      "model_resolution": {
-        "name": "解像度"
-      },
-      "prompt_extend": {
-        "name": "プロンプト拡張",
-        "tooltip": "AIアシストでプロンプトを強化するかどうか。"
-      },
-      "seed": {
-        "name": "シード値",
-        "tooltip": "生成に使用するシード値。"
-      },
-      "watermark": {
-        "name": "ウォーターマーク",
-        "tooltip": "AI生成のウォーターマークを結果に追加するかどうか。"
-      }
-    },
-    "outputs": {
-      "0": {
-        "tooltip": null
-      }
-    }
-  },
-  "Wan2VideoContinuationApi": {
-    "description": "ビデオの続きから生成を行い、オプションでラストフレーム制御も可能です。",
-    "display_name": "Wan 2.7 ビデオ継続生成",
-    "inputs": {
-      "control_after_generate": {
-        "name": "生成後のコントロール"
-      },
-      "first_clip": {
-        "name": "最初のクリップ",
-        "tooltip": "継続元となる入力ビデオ。長さ：2秒～10秒。出力のアスペクト比はこのビデオから取得されます。"
-      },
-      "last_frame": {
-        "name": "ラストフレーム",
-        "tooltip": "ラストフレーム画像。継続生成はこのフレームへと遷移します。"
-      },
-      "model": {
-        "name": "model"
-      },
-      "model_duration": {
-        "name": "長さ"
-      },
-      "model_negative_prompt": {
-        "name": "ネガティブプロンプト"
-      },
-      "model_prompt": {
-        "name": "プロンプト"
-      },
-      "model_resolution": {
-        "name": "解像度"
-      },
-      "prompt_extend": {
-        "name": "プロンプト拡張",
-        "tooltip": "AIアシストでプロンプトを強化するかどうか。"
-      },
-      "seed": {
-        "name": "シード値",
-        "tooltip": "生成に使用するシード値。"
-      },
-      "watermark": {
-        "name": "ウォーターマーク",
-        "tooltip": "AI生成のウォーターマークを結果に追加するかどうか。"
-      }
-    },
-    "outputs": {
-      "0": {
-        "tooltip": null
-      }
-    }
-  },
-  "Wan2VideoEditApi": {
-    "description": "テキスト指示、参照画像、またはスタイル転送を使ってビデオを編集します。",
-    "display_name": "Wan 2.7 ビデオ編集",
-    "inputs": {
-      "audio_setting": {
-        "name": "オーディオ設定",
-        "tooltip": "「auto」：プロンプトに基づきモデルが音声再生成の有無を判断。「origin」：入力ビデオの元の音声を保持。"
-      },
-      "control_after_generate": {
-        "name": "生成後のコントロール"
-      },
-      "model": {
-        "name": "model"
-      },
-      "model_duration": {
-        "name": "長さ"
-      },
-      "model_prompt": {
-        "name": "プロンプト"
-      },
-      "model_ratio": {
-        "name": "アスペクト比"
-      },
-      "model_resolution": {
-        "name": "解像度"
-      },
-      "seed": {
-        "name": "シード値",
-        "tooltip": "生成に使用するシード値。"
-      },
-      "video": {
-        "name": "ビデオ",
-        "tooltip": "編集対象のビデオ。"
-      },
-      "watermark": {
-        "name": "ウォーターマーク",
-        "tooltip": "AI生成のウォーターマークを結果に追加するかどうか。"
-      }
-    },
-    "outputs": {
-      "0": {
-        "tooltip": null
-      }
-    }
-  },
   "WanAnimateToVideo": {
     "display_name": "WanAnimateToVideo",
     "inputs": {

src/locales/ko/main.json

@@ -2527,23 +2527,6 @@
     "inputsNone": "입력 없음",
     "inputsNoneTooltip": "노드에 입력이 없습니다",
     "locateNode": "캔버스에서 노드 찾기",
-    "missingMedia": {
-      "audio": "오디오",
-      "cancelSelection": "선택 취소",
-      "collapseNodes": "참조 노드 숨기기",
-      "confirmSelection": "선택 확인",
-      "expandNodes": "참조 노드 표시",
-      "image": "이미지",
-      "locateNode": "노드 위치 찾기",
-      "missingMediaTitle": "입력 누락",
-      "or": "또는",
-      "selectedFromLibrary": "라이브러리에서 선택됨",
-      "uploadFile": "{type} 업로드",
-      "uploaded": "업로드 완료",
-      "uploading": "업로드 중...",
-      "useFromLibrary": "라이브러리에서 사용",
-      "video": "비디오"
-    },
     "missingModels": {
       "alreadyExistsInCategory": "이 모델은 이미 \"{category}\"에 존재합니다",
       "assetLoadTimeout": "모델 감지 시간이 초과되었습니다. 워크플로우를 다시 불러와 보세요.",

src/locales/ko/nodeDefs.json

@@ -5006,36 +5006,6 @@
       }
     }
   },
-  "ImageHistogram": {
-    "display_name": "이미지 히스토그램",
-    "inputs": {
-      "image": {
-        "name": "이미지"
-      }
-    },
-    "outputs": {
-      "0": {
-        "name": "RGB",
-        "tooltip": null
-      },
-      "1": {
-        "name": "휘도",
-        "tooltip": null
-      },
-      "2": {
-        "name": "레드",
-        "tooltip": null
-      },
-      "3": {
-        "name": "그린",
-        "tooltip": null
-      },
-      "4": {
-        "name": "블루",
-        "tooltip": null
-      }
-    }
-  },
   "ImageInvert": {
     "display_name": "이미지 반전",
     "inputs": {
@@ -17981,241 +17951,6 @@
       }
     }
   },
-  "Wan2ImageToVideoApi": {
-    "description": "첫 프레임 이미지를 기반으로 비디오를 생성합니다. 마지막 프레임 이미지와 오디오를 선택적으로 추가할 수 있습니다.",
-    "display_name": "Wan 2.7 이미지 → 비디오",
-    "inputs": {
-      "audio": {
-        "name": "audio",
-        "tooltip": "비디오 생성에 사용할 오디오입니다(예: 립싱크, 비트에 맞춘 동작). 길이: 2초~30초. 제공하지 않으면 모델이 자동으로 배경 음악 또는 효과음을 생성합니다."
-      },
-      "control_after_generate": {
-        "name": "control after generate"
-      },
-      "first_frame": {
-        "name": "first_frame",
-        "tooltip": "첫 프레임 이미지입니다. 출력 비율은 이 이미지에서 결정됩니다."
-      },
-      "last_frame": {
-        "name": "last_frame",
-        "tooltip": "마지막 프레임 이미지입니다. 모델이 첫 프레임에서 마지막 프레임으로 전환되는 비디오를 생성합니다."
-      },
-      "model": {
-        "name": "model"
-      },
-      "model_duration": {
-        "name": "duration"
-      },
-      "model_negative_prompt": {
-        "name": "negative_prompt"
-      },
-      "model_prompt": {
-        "name": "prompt"
-      },
-      "model_resolution": {
-        "name": "resolution"
-      },
-      "prompt_extend": {
-        "name": "prompt_extend",
-        "tooltip": "AI의 도움으로 프롬프트를 확장할지 여부입니다."
-      },
-      "seed": {
-        "name": "seed",
-        "tooltip": "생성에 사용할 시드 값입니다."
-      },
-      "watermark": {
-        "name": "watermark",
-        "tooltip": "AI가 생성한 워터마크를 결과에 추가할지 여부입니다."
-      }
-    },
-    "outputs": {
-      "0": {
-        "tooltip": null
-      }
-    }
-  },
-  "Wan2ReferenceVideoApi": {
-    "description": "레퍼런스 자료를 기반으로 인물 또는 오브젝트가 등장하는 비디오를 생성합니다. 단일 캐릭터 연기와 다중 캐릭터 상호작용을 지원합니다.",
-    "display_name": "Wan 2.7 레퍼런스 → 비디오",
-    "inputs": {
-      "control_after_generate": {
-        "name": "control after generate"
-      },
-      "model": {
-        "name": "model"
-      },
-      "model_duration": {
-        "name": "duration"
-      },
-      "model_negative_prompt": {
-        "name": "negative_prompt"
-      },
-      "model_prompt": {
-        "name": "prompt"
-      },
-      "model_ratio": {
-        "name": "ratio"
-      },
-      "model_resolution": {
-        "name": "resolution"
-      },
-      "seed": {
-        "name": "seed",
-        "tooltip": "생성에 사용할 시드 값입니다."
-      },
-      "watermark": {
-        "name": "watermark",
-        "tooltip": "AI가 생성한 워터마크를 결과에 추가할지 여부입니다."
-      }
-    },
-    "outputs": {
-      "0": {
-        "tooltip": null
-      }
-    }
-  },
-  "Wan2TextToVideoApi": {
-    "description": "Wan 2.7 모델을 사용하여 텍스트 프롬프트 기반으로 비디오를 생성합니다.",
-    "display_name": "Wan 2.7 텍스트 투 비디오",
-    "inputs": {
-      "audio": {
-        "name": "audio",
-        "tooltip": "비디오 생성에 사용할 오디오(예: 립싱크, 비트에 맞춘 동작). 길이: 3초~30초. 제공하지 않으면 모델이 자동으로 배경 음악이나 효과음을 생성합니다."
-      },
-      "control_after_generate": {
-        "name": "control after generate"
-      },
-      "model": {
-        "name": "model"
-      },
-      "model_duration": {
-        "name": "duration"
-      },
-      "model_negative_prompt": {
-        "name": "negative_prompt"
-      },
-      "model_prompt": {
-        "name": "prompt"
-      },
-      "model_ratio": {
-        "name": "ratio"
-      },
-      "model_resolution": {
-        "name": "resolution"
-      },
-      "prompt_extend": {
-        "name": "prompt_extend",
-        "tooltip": "AI의 도움으로 프롬프트를 확장할지 여부입니다."
-      },
-      "seed": {
-        "name": "seed",
-        "tooltip": "생성에 사용할 시드입니다."
-      },
-      "watermark": {
-        "name": "watermark",
-        "tooltip": "AI가 생성한 워터마크를 결과에 추가할지 여부입니다."
-      }
-    },
-    "outputs": {
-      "0": {
-        "tooltip": null
-      }
-    }
-  },
-  "Wan2VideoContinuationApi": {
-    "description": "비디오가 끝난 지점부터 이어서 생성하며, 마지막 프레임 제어도 선택적으로 지원합니다.",
-    "display_name": "Wan 2.7 비디오 연속 생성",
-    "inputs": {
-      "control_after_generate": {
-        "name": "control after generate"
-      },
-      "first_clip": {
-        "name": "first_clip",
-        "tooltip": "이어 생성할 입력 비디오입니다. 길이: 2초~10초. 출력 비율은 이 비디오에서 파생됩니다."
-      },
-      "last_frame": {
-        "name": "last_frame",
-        "tooltip": "마지막 프레임 이미지입니다. 이어지는 비디오는 이 프레임으로 전환됩니다."
-      },
-      "model": {
-        "name": "model"
-      },
-      "model_duration": {
-        "name": "duration"
-      },
-      "model_negative_prompt": {
-        "name": "negative_prompt"
-      },
-      "model_prompt": {
-        "name": "prompt"
-      },
-      "model_resolution": {
-        "name": "resolution"
-      },
-      "prompt_extend": {
-        "name": "prompt_extend",
-        "tooltip": "AI의 도움으로 프롬프트를 확장할지 여부입니다."
-      },
-      "seed": {
-        "name": "seed",
-        "tooltip": "생성에 사용할 시드입니다."
-      },
-      "watermark": {
-        "name": "watermark",
-        "tooltip": "AI가 생성한 워터마크를 결과에 추가할지 여부입니다."
-      }
-    },
-    "outputs": {
-      "0": {
-        "tooltip": null
-      }
-    }
-  },
-  "Wan2VideoEditApi": {
-    "description": "텍스트 지시, 참조 이미지 또는 스타일 전송을 사용하여 비디오를 편집합니다.",
-    "display_name": "Wan 2.7 비디오 편집",
-    "inputs": {
-      "audio_setting": {
-        "name": "audio_setting",
-        "tooltip": "'auto': 프롬프트에 따라 오디오를 재생성할지 모델이 결정합니다. 'origin': 입력 비디오의 원본 오디오를 유지합니다."
-      },
-      "control_after_generate": {
-        "name": "control after generate"
-      },
-      "model": {
-        "name": "model"
-      },
-      "model_duration": {
-        "name": "duration"
-      },
-      "model_prompt": {
-        "name": "prompt"
-      },
-      "model_ratio": {
-        "name": "ratio"
-      },
-      "model_resolution": {
-        "name": "resolution"
-      },
-      "seed": {
-        "name": "seed",
-        "tooltip": "생성에 사용할 시드입니다."
-      },
-      "video": {
-        "name": "video",
-        "tooltip": "편집할 비디오입니다."
-      },
-      "watermark": {
-        "name": "watermark",
-        "tooltip": "AI가 생성한 워터마크를 결과에 추가할지 여부입니다."
-      }
-    },
-    "outputs": {
-      "0": {
-        "tooltip": null
-      }
-    }
-  },
   "WanAnimateToVideo": {
     "display_name": "완애니메이트투비디오",
     "inputs": {

src/locales/pt-BR/main.json

@@ -2527,23 +2527,6 @@
     "inputsNone": "SEM ENTRADAS",
     "inputsNoneTooltip": "O nó não possui entradas",
     "locateNode": "Localizar nó no canvas",
-    "missingMedia": {
-      "audio": "Áudio",
-      "cancelSelection": "Cancelar seleção",
-      "collapseNodes": "Ocultar nós de referência",
-      "confirmSelection": "Confirmar seleção",
-      "expandNodes": "Mostrar nós de referência",
-      "image": "Imagens",
-      "locateNode": "Localizar nó",
-      "missingMediaTitle": "Entradas Ausentes",
-      "or": "OU",
-      "selectedFromLibrary": "Selecionado da biblioteca",
-      "uploadFile": "Enviar {type}",
-      "uploaded": "Enviado",
-      "uploading": "Enviando...",
-      "useFromLibrary": "Usar da Biblioteca",
-      "video": "Vídeos"
-    },
     "missingModels": {
       "alreadyExistsInCategory": "Este modelo já existe em \"{category}\"",
       "assetLoadTimeout": "Tempo esgotado na detecção do modelo. Tente recarregar o fluxo de trabalho.",