fix: prevent keybinding warning flash by checking dialog visibility and command ownership

Amp-Thread-ID: https://ampcode.com/threads/T-019c07ff-3277-70f9-a664-d2ebd3d5228f
Co-authored-by: Amp <amp@ampcode.com>

.claude/commands/add-missing-i18n.md

@@ -3,12 +3,15 @@
 ## Task: Add English translations for all new localized strings
 
 ### Step 1: Identify new translation keys
+
 Find all translation keys that were added in the current branch's changes. These keys appear as arguments to translation functions: `t()`, `st()`, `$t()`, or similar i18n functions.
 
 ### Step 2: Add translations to English locale file
+
 For each new translation key found, add the corresponding English text to the file `src/locales/en/main.json`.
 
 ### Key-to-JSON mapping rules:
+
 - Translation keys use dot notation to represent nested JSON structure
 - Convert dot notation to nested JSON objects when adding to the locale file
 - Example: The key `g.user.name` maps to:
@@ -23,6 +26,7 @@ For each new translation key found, add the corresponding English text to the fi
   ```
 
 ### Important notes:
+
 1. **Only modify the English locale file** (`src/locales/en/main.json`)
 2. **Do not modify other locale files** - translations for other languages are automatically generated by the `i18n.yaml` workflow
 3. **Exception for manual translations**: Only add translations to non-English locale files if:
@@ -30,6 +34,7 @@ For each new translation key found, add the corresponding English text to the fi
    - The automated translation would likely be incorrect due to technical terminology or context-specific meaning
 
 ### Example workflow:
+
 1. If you added `t('settings.advanced.enable')` in a Vue component
 2. Add to `src/locales/en/main.json`:
    ```json

.claude/commands/comprehensive-pr-review.md

@@ -15,6 +15,7 @@ To post inline comments, you will use the GitHub API via the `gh` command. Here'
    - Run: `gh pr view $PR_NUMBER --json commits --jq '.commits[-1].oid'` to get the latest commit SHA
 
 2. For each issue you find, post an inline comment using this exact command structure (as a single line):
+
    ```
    gh api --method POST -H "Accept: application/vnd.github+json" -H "X-GitHub-Api-Version: 2022-11-28" /repos/OWNER/REPO/pulls/$PR_NUMBER/comments -f body="YOUR_COMMENT_BODY" -f commit_id="COMMIT_SHA" -f path="FILE_PATH" -F line=LINE_NUMBER -f side="RIGHT"
    ```
@@ -22,10 +23,12 @@ To post inline comments, you will use the GitHub API via the `gh` command. Here'
 3. Format your comment body using actual newlines in the command. Use a heredoc or construct the body with proper line breaks:
    ```
    COMMENT_BODY="**[category] severity Priority**
+   ```
 
 **Issue**: Brief description of the problem
 **Context**: Why this matters  
 **Suggestion**: How to fix it"
+
 ```
 
 Then use: `-f body="$COMMENT_BODY"`
@@ -59,8 +62,10 @@ This is critical for better file inspection:
 2. Extract branch names from pr_info.json using jq
 3. Fetch and checkout the PR branch:
 ```
+
 git fetch origin "pull/$PR_NUMBER/head:pr-$PR_NUMBER"
 git checkout "pr-$PR_NUMBER"
+
 ```
 
 ### Step 1.4: Get Changed Files and Diffs
@@ -193,12 +198,14 @@ Consider:
 For each issue found, create a concise inline comment with this structure:
 
 ```
+
 **[category] severity Priority**
 
 **Issue**: Brief description of the problem
 **Context**: Why this matters
 **Suggestion**: How to fix it
-```
+
+````
 
 Categories: architecture/security/performance/quality
 Severities: critical/high/medium/low
@@ -214,7 +221,7 @@ For EACH issue:
 
 ```bash
 gh api --method POST -H "Accept: application/vnd.github+json" -H "X-GitHub-Api-Version: 2022-11-28" /repos/OWNER/REPO/pulls/$PR_NUMBER/comments -f body="$COMMENT_BODY" -f commit_id="COMMIT_SHA" -f path="FILE_PATH" -F line=LINE_NUMBER -f side="RIGHT"
-```
+````
 
 CRITICAL: The entire command must be on one line. Use actual values, not placeholders.
 
@@ -223,12 +230,14 @@ CRITICAL: The entire command must be on one line. Use actual values, not placeho
 Here's an example of how to review a file with a security issue:
 
 1. First, get the repository info:
+
    ```bash
    gh repo view --json owner,name
    # Output: {"owner":{"login":"Comfy-Org"},"name":"ComfyUI_frontend"}
    ```
 
 2. Get the commit SHA:
+
    ```bash
    gh pr view $PR_NUMBER --json commits --jq '.commits[-1].oid'
    # Output: abc123def456
@@ -240,13 +249,16 @@ Here's an example of how to review a file with a security issue:
    ```bash
    # First, create the comment body with proper newlines
    COMMENT_BODY="**[security] critical Priority**
+   ```
 
 **Issue**: SQL injection vulnerability - user input directly concatenated into query
 **Context**: Allows attackers to execute arbitrary SQL commands
 **Suggestion**: Use parameterized queries or prepared statements"
 
 # Then post the comment (as a single line)
+
 gh api --method POST -H "Accept: application/vnd.github+json" -H "X-GitHub-Api-Version: 2022-11-28" /repos/Comfy-Org/ComfyUI_frontend/pulls/$PR_NUMBER/comments -f body="$COMMENT_BODY" -f commit_id="abc123def456" -f path="src/db/queries.js" -F line=42 -f side="RIGHT"
+
 ```
 
 Repeat this process for every issue you find in the PR.
@@ -302,6 +314,7 @@ After ALL inline comments are posted, create a summary:
 
 Include in the summary:
 ```
+
 # Comprehensive PR Review
 
 This review is generated by Claude. It may not always be accurate, as with human reviewers. If you believe that any of the comments are invalid or incorrect, please state why for each. For others, please implement the changes in one way or another.
@@ -312,12 +325,14 @@ This review is generated by Claude. It may not always be accurate, as with human
 **Impact**: [X] additions, [Y] deletions across [Z] files
 
 ### Issue Distribution
+
 - Critical: [CRITICAL_COUNT]
 - High: [HIGH_COUNT]
 - Medium: [MEDIUM_COUNT]
 - Low: [LOW_COUNT]
 
 ### Category Breakdown
+
 - Architecture: [ARCHITECTURE_ISSUES] issues
 - Security: [SECURITY_ISSUES] issues
 - Performance: [PERFORMANCE_ISSUES] issues
@@ -326,33 +341,42 @@ This review is generated by Claude. It may not always be accurate, as with human
 ## Key Findings
 
 ### Architecture & Design
+
 [Detailed architectural analysis based on repository patterns]
 
 ### Security Considerations
+
 [Security implications beyond basic vulnerabilities]
 
 ### Performance Impact
+
 [Performance analysis including bundle size, render impact]
 
 ### Integration Points
+
 [How this affects other systems, extensions, etc.]
 
 ## Positive Observations
+
 [What was done well, good patterns followed]
 
 ## References
+
 - [Repository Architecture Guide](https://github.com/Comfy-Org/comfy-claude-prompt-library/blob/master/project-summaries-for-agents/ComfyUI_frontend/REPOSITORY_GUIDE.md)
 - [Frontend Standards](https://github.com/Comfy-Org/comfy-claude-prompt-library/blob/master/.claude/commands/validation/frontend-code-standards.md)
 - [Security Guidelines](https://github.com/Comfy-Org/comfy-claude-prompt-library/blob/master/.claude/commands/validation/security-audit.md)
 
 ## Next Steps
+
 1. Address critical issues before merge
 2. Consider architectural feedback for long-term maintainability
 3. Add tests for uncovered scenarios
 4. Update documentation if needed
 
 ---
-*This is a comprehensive automated review. For architectural decisions requiring human judgment, please request additional manual review.*
+
+_This is a comprehensive automated review. For architectural decisions requiring human judgment, please request additional manual review._
+
 ```
 
 ## Important Guidelines
@@ -376,3 +400,4 @@ This is a COMPREHENSIVE review, not a linting pass. Provide the same quality fee
 6. Phase 7: Post comprehensive summary ONLY after all inline comments
 
 Remember: Individual inline comments for each issue, then one final summary. Never batch issues into a single comment.
+```

.claude/commands/create-frontend-release.md

@@ -7,6 +7,7 @@ Create a frontend release with version type: $ARGUMENTS
 
 Expected format: Version increment type and optional description
 Examples:
+
 - `patch` - Bug fixes only
 - `minor` - New features, backward compatible
 - `major` - Breaking changes
@@ -21,6 +22,7 @@ If no arguments provided, the command will always perform prerelease if the curr
 ## Prerequisites
 
 Before starting, ensure:
+
 - You have push access to the repository
 - GitHub CLI (`gh`) is authenticated
 - You're on a clean main branch working tree
@@ -30,6 +32,7 @@ Before starting, ensure:
 ## Critical Checks Before Starting
 
 ### 1. Check Current Version Status
+
 ```bash
 # Get current version and check if it's a pre-release
 CURRENT_VERSION=$(node -p "require('./package.json').version")
@@ -40,6 +43,7 @@ fi
 ```
 
 ### 2. Find Last Stable Release
+
 ```bash
 # Get last stable release tag (no pre-release suffix)
 LAST_STABLE=$(git tag -l "v*" | grep -v "\-" | sort -V | tail -1)
@@ -49,6 +53,7 @@ echo "Last stable release: $LAST_STABLE"
 ## Configuration Options
 
 **Environment Variables:**
+
 - `RELEASE_SKIP_SECURITY_SCAN=true` - Skip security audit
 - `RELEASE_AUTO_APPROVE=true` - Skip some confirmation prompts
 - `RELEASE_DRY_RUN=true` - Simulate release without executing
@@ -129,6 +134,7 @@ echo "Last stable release: $LAST_STABLE"
 ### Step 4: Analyze Dependency Updates
 
 1. **Use pnpm's built-in dependency analysis:**
+
    ```bash
    # Get outdated dependencies with pnpm
    pnpm outdated --format table > outdated-deps-${NEW_VERSION}.txt
@@ -147,6 +153,7 @@ echo "Last stable release: $LAST_STABLE"
    ```
 
 2. **Check for significant dependency updates:**
+
    ```bash
    # Extract all dependency changes for major version bumps
    OTHER_DEP_CHANGES=""
@@ -173,6 +180,7 @@ echo "Last stable release: $LAST_STABLE"
 ### Step 5: Generate GTM Feature Summary
 
 1. **Collect PR data for analysis:**
+
    ```bash
    # Get list of PR numbers from commits
    PR_NUMBERS=$(git log ${BASE_TAG}..HEAD --oneline --no-merges --first-parent | \
@@ -189,6 +197,7 @@ echo "Last stable release: $LAST_STABLE"
    ```
 
 2. **Analyze for GTM-worthy features:**
+
    ```
    <task>
    Review these PRs to identify features worthy of marketing attention.
@@ -219,6 +228,7 @@ echo "Last stable release: $LAST_STABLE"
    ```
 
 3. **Generate GTM notification using this EXACT Slack-compatible format:**
+
    ```bash
    # Only create file if GTM-worthy features exist:
    if [ "$GTM_FEATURES_FOUND" = "true" ]; then
@@ -252,8 +262,8 @@ echo "Last stable release: $LAST_STABLE"
    ```
 
    **CRITICAL Formatting Requirements:**
-   - Use single asterisk (*) for emphasis, NOT double (**)
-   - Use underscore (_) for italics
+   - Use single asterisk (\*) for emphasis, NOT double (\*\*)
+   - Use underscore (\_) for italics
    - Use 4 spaces for indentation (not tabs)
    - Convert author names to @username format (e.g., "John Smith" → "@john")
    - No section headers (#), no code language specifications
@@ -263,6 +273,7 @@ echo "Last stable release: $LAST_STABLE"
 ### Step 6: Version Preview
 
 **Version Preview:**
+
 - Current: `${CURRENT_VERSION}`
 - Proposed: Show exact version number based on analysis:
   - Major version if breaking changes detected
@@ -326,6 +337,7 @@ echo "Last stable release: $LAST_STABLE"
    done
    ```
 3. Create standardized release notes using this exact template:
+
    ```bash
    cat > release-notes-${NEW_VERSION}.md << 'EOF'
    ## ⚠️ Breaking Changes
@@ -359,6 +371,7 @@ echo "Last stable release: $LAST_STABLE"
    **Full Changelog**: https://github.com/Comfy-Org/ComfyUI_frontend/compare/${BASE_TAG}...v${NEW_VERSION}
    EOF
    ```
+
 4. **Parse commits and populate template:**
    - Group commits by conventional commit type (feat:, fix:, chore:, etc.)
    - Extract PR numbers from commit messages
@@ -375,6 +388,7 @@ echo "Last stable release: $LAST_STABLE"
 ### Step 10: Create Version Bump PR
 
 **For standard version bumps (patch/minor/major):**
+
 ```bash
 # Trigger the workflow
 gh workflow run version-bump.yaml -f version_type=${VERSION_TYPE}
@@ -384,7 +398,9 @@ echo "Workflow triggered. Waiting for PR creation..."
 ```
 
 **For releasing a stable version:**
+
 1. Must manually create branch and update version:
+
    ```bash
    git checkout -b version-bump-${NEW_VERSION}
    # Edit package.json to remove pre-release suffix
@@ -394,6 +410,7 @@ echo "Workflow triggered. Waiting for PR creation..."
    ```
 
 2. Wait for PR creation (if using workflow) or create manually:
+
    ```bash
    # For workflow-created PRs - wait and find it
    sleep 30
@@ -411,6 +428,7 @@ echo "Workflow triggered. Waiting for PR creation..."
      --body-file release-notes-${NEW_VERSION}.md \
      --label "Release"
    ```
+
 3. **Update PR with release notes:**
    ```bash
    # For workflow-created PRs, update the body with our release notes
@@ -468,14 +486,14 @@ echo "Workflow triggered. Waiting for PR creation..."
    # Monitor branch creation (for minor/major releases)
    gh run list --workflow=release-branch-create.yaml --limit=1
    ```
-4. If workflow didn't trigger due to [skip ci]:
+5. If workflow didn't trigger due to [skip ci]:
    ```bash
    echo "ERROR: Release workflow didn't trigger!"
    echo "Options:"
    echo "1. Create patch release (e.g., 1.24.1) to trigger workflow"
    echo "2. Investigate manual release options"
    ```
-5. If workflow triggered, monitor execution:
+6. If workflow triggered, monitor execution:
    ```bash
    WORKFLOW_RUN_ID=$(gh run list --workflow=release-draft-create.yaml --limit=1 --json databaseId --jq '.[0].databaseId')
    gh run watch ${WORKFLOW_RUN_ID}
@@ -484,6 +502,7 @@ echo "Workflow triggered. Waiting for PR creation..."
 ### Step 14: Enhance GitHub Release
 
 1. Wait for automatic release creation:
+
    ```bash
    # Wait for release to be created
    while ! gh release view v${NEW_VERSION} >/dev/null 2>&1; do
@@ -493,6 +512,7 @@ echo "Workflow triggered. Waiting for PR creation..."
    ```
 
 2. **Enhance the GitHub release:**
+
    ```bash
    # Update release with our release notes
    gh release edit v${NEW_VERSION} \
@@ -512,14 +532,17 @@ echo "Workflow triggered. Waiting for PR creation..."
 ### Step 15: Verify Multi-Channel Distribution
 
 1. **GitHub Release:**
+
    ```bash
    gh release view v${NEW_VERSION} --json assets,body,createdAt,tagName
    ```
+
    - ✅ Check release notes
    - ✅ Verify dist.zip attachment
    - ✅ Confirm release marked as latest (for main branch)
 
 2. **PyPI Package:**
+
    ```bash
    # Check PyPI availability (may take a few minutes)
    for i in {1..10}; do
@@ -533,6 +556,7 @@ echo "Workflow triggered. Waiting for PR creation..."
    ```
 
 3. **npm Package:**
+
    ```bash
    # Check npm availability
    for i in {1..10}; do
@@ -550,6 +574,7 @@ echo "Workflow triggered. Waiting for PR creation..."
 ### Step 16: Post-Release Monitoring Setup
 
 1. **Monitor immediate release health:**
+
    ```bash
    # Check for immediate issues
    gh issue list --label "bug" --state open --limit 5 --json title,number,createdAt
@@ -559,6 +584,7 @@ echo "Workflow triggered. Waiting for PR creation..."
    ```
 
 2. **Update documentation tracking:**
+
    ```bash
    cat > post-release-checklist.md << EOF
    # Post-Release Checklist for v${NEW_VERSION}
@@ -589,6 +615,7 @@ echo "Workflow triggered. Waiting for PR creation..."
    ```
 
 3. **Create release summary:**
+
    ```bash
    cat > release-summary-${NEW_VERSION}.md << EOF
    # Release Summary: ComfyUI Frontend v${NEW_VERSION}
@@ -626,6 +653,7 @@ echo "Workflow triggered. Waiting for PR creation..."
 ### Step 17: Create Release Summary
 
 1. **Create comprehensive release summary:**
+
    ```bash
    cat > release-summary-${NEW_VERSION}.md << EOF
    # Release Summary: ComfyUI Frontend v${NEW_VERSION}
@@ -665,6 +693,7 @@ echo "Workflow triggered. Waiting for PR creation..."
 ### Rollback Procedures
 
 **Pre-Merge Rollback:**
+
 ```bash
 # Close version bump PR and reset
 gh pr close ${PR_NUMBER}
@@ -673,6 +702,7 @@ git clean -fd
 ```
 
 **Post-Merge Rollback:**
+
 ```bash
 # Create immediate patch release with reverts
 git revert ${RELEASE_COMMIT}
@@ -680,6 +710,7 @@ git revert ${RELEASE_COMMIT}
 ```
 
 **Emergency Procedures:**
+
 ```bash
 # Document incident
 cat > release-incident-${NEW_VERSION}.md << EOF
@@ -713,31 +744,39 @@ The command implements multiple quality gates:
 ## Common Scenarios
 
 ### Scenario 1: Regular Feature Release
+
 ```bash
 /project:create-frontend-release minor
 ```
+
 - Analyzes features since last release
 - Generates changelog automatically
 - Creates comprehensive release notes
 
 ### Scenario 2: Critical Security Patch
+
 ```bash
 /project:create-frontend-release patch "Security fixes for CVE-2024-XXXX"
 ```
+
 - Expedited security scanning
 - Enhanced monitoring setup
 
 ### Scenario 3: Major Version with Breaking Changes
+
 ```bash
 /project:create-frontend-release major
 ```
+
 - Comprehensive breaking change analysis
 - Migration guide generation
 
 ### Scenario 4: Pre-release Testing
+
 ```bash
 /project:create-frontend-release prerelease
 ```
+
 - Creates alpha/beta/rc versions
 - Draft release status
 - Python package specs require that prereleases use alpha/beta/rc as the preid
@@ -747,10 +786,12 @@ The command implements multiple quality gates:
 When executing this release process, pay attention to these key aspects:
 
 ### Version Handling
+
 - For pre-release versions (e.g., 1.24.0-rc.1), the next stable release should be the same version without the suffix (1.24.0)
 - Never skip version numbers - follow semantic versioning strictly
 
 ### Commit History Analysis
+
 - **ALWAYS** use `--first-parent` flag with git log to avoid including commits from merged feature branches
 - Verify PR merge targets before including them in changelogs:
   ```bash
@@ -758,6 +799,7 @@ When executing this release process, pay attention to these key aspects:
   ```
 
 ### Release Workflow Triggers
+
 - The "Release" label on the PR is **CRITICAL** - without it, PyPI/npm publishing won't occur
 - Check for `[skip ci]` in commit messages before merging - this blocks the release workflow
 - If you encounter `[skip ci]`, push an empty commit to override it:
@@ -766,11 +808,13 @@ When executing this release process, pay attention to these key aspects:
   ```
 
 ### PR Creation Details
+
 - Version bump PRs come from `comfy-pr-bot`, not `github-actions`
 - The workflow typically completes in 20-30 seconds
 - Always wait for the PR to be created before trying to edit it
 
 ### Breaking Changes Detection
+
 - Analyze changes to public-facing APIs:
   - The `app` object and its methods
   - The `api` module exports
@@ -779,9 +823,10 @@ When executing this release process, pay attention to these key aspects:
 - Any modifications to these require marking as breaking changes
 
 ### Recovery Procedures
+
 If the release workflow fails to trigger:
+
 1. Create a revert PR to restore the previous version
 2. Merge the revert
 3. Re-run the version bump workflow
 4. This approach is cleaner than creating extra version numbers
-

.claude/commands/create-hotfix-release.md

@@ -3,6 +3,7 @@
 This command creates patch/hotfix releases for ComfyUI Frontend by backporting fixes to stable core branches. It handles both automated backports (preferred) and manual cherry-picking (fallback).
 
 **Process Overview:**
+
 1. **Check automated backports first** (via labels)
 2. **Skip to version bump** if backports already merged
 3. **Manual cherry-picking** if automation failed
@@ -15,6 +16,7 @@ Create a hotfix release by backporting commits/PRs from main to a core branch: $
 
 Expected format: Comma-separated list of commits or PR numbers
 Examples:
+
 - `#1234,#5678` (PRs - preferred)
 - `abc123,def456` (commit hashes)
 - `#1234,abc123` (mixed)
@@ -36,11 +38,13 @@ If no arguments provided, the command will guide you through identifying commits
 **Check if automated backports were attempted:**
 
 1. **For each PR, check existing backport labels:**
+
    ```bash
    gh pr view #1234 --json labels | jq -r '.labels[].name'
    ```
 
 2. **If no backport labels exist, add them now:**
+
    ```bash
    # Add backport labels (this triggers automated backports)
    gh pr edit #1234 --add-label "needs-backport"
@@ -48,6 +52,7 @@ If no arguments provided, the command will guide you through identifying commits
    ```
 
 3. **Check for existing backport PRs:**
+
    ```bash
    # Check for backport PRs created by automation
    PR_NUMBER=${ARGUMENTS%%,*}  # Extract first PR number from arguments
@@ -58,18 +63,22 @@ If no arguments provided, the command will guide you through identifying commits
 4. **Handle existing backport scenarios:**
 
    **Scenario A: Automated backports already merged**
+
    ```bash
    # Check if backport PRs were merged to core branches
    gh pr list --search "backport-${PR_NUMBER}-to" --state merged
    ```
+
    - If backport PRs are merged → Skip to Step 10 (Version Bump)
    - **CONFIRMATION**: Automated backports completed, proceeding to version bump?
 
    **Scenario B: Automated backport PRs exist but not merged**
+
    ```bash
    # Show open backport PRs that need merging
    gh pr list --search "backport-${PR_NUMBER}-to" --state open
    ```
+
    - **ACTION REQUIRED**: Merge the existing backport PRs first
    - Use: `gh pr merge [PR_NUMBER] --merge` for each backport PR
    - After merging, return to this command and skip to Step 10 (Version Bump)
@@ -127,6 +136,7 @@ If no arguments provided, the command will guide you through identifying commits
 ### Step 6: Cherry-pick Changes
 
 For each commit:
+
 1. Attempt cherry-pick: `git cherry-pick <commit>`
 2. If conflicts occur:
    - Display conflict details
@@ -198,6 +208,7 @@ For each commit:
    ```
 3. **CRITICAL**: Verify "Release" label is added
 4. Create standardized release notes:
+
    ```bash
    cat > release-notes-${NEW_VERSION}.md << 'EOF'
    ## ⚠️ Breaking Changes
@@ -231,12 +242,14 @@ For each commit:
    **Full Changelog**: https://github.com/Comfy-Org/ComfyUI_frontend/compare/v${CURRENT_VERSION}...v${NEW_VERSION}
    EOF
    ```
+
    - For hotfixes, typically only populate the "Bug Fixes" section
    - Include links to the cherry-picked PRs/commits
    - Update the PR body with the release notes:
      ```bash
      gh pr edit ${PR_NUMBER} --body-file release-notes-${NEW_VERSION}.md
      ```
+
 5. **CONFIRMATION REQUIRED**: Release PR has "Release" label?
 
 ### Step 12: Monitor Release Process
@@ -272,6 +285,7 @@ For each commit:
 **IMPORTANT**: Create PR to update ComfyUI's requirements.txt via fork:
 
 1. **Setup fork (if needed):**
+
    ```bash
    # Check if fork already exists
    if gh repo view ComfyUI --json owner | jq -r '.owner.login' | grep -q "$(gh api user --jq .login)"; then
@@ -284,6 +298,7 @@ For each commit:
    ```
 
 2. **Clone fork and create branch:**
+
    ```bash
    # Clone your fork (or use existing clone)
    GITHUB_USER=$(gh api user --jq .login)
@@ -301,6 +316,7 @@ For each commit:
    ```
 
 3. **Update requirements.txt:**
+
    ```bash
    # Update the version in requirements.txt
    sed -i "s/comfyui-frontend-package==[0-9].*$/comfyui-frontend-package==${NEW_VERSION}/" requirements.txt
@@ -322,6 +338,7 @@ For each commit:
      --title "Bump frontend to ${NEW_VERSION}" \
      --body "$(cat <<EOF
    Bump frontend to ${NEW_VERSION}
+   ```
 
 \`\`\`
 python main.py --front-end-version Comfy-Org/ComfyUI_frontend@${NEW_VERSION}
@@ -336,9 +353,13 @@ python main.py --front-end-version Comfy-Org/ComfyUI_frontend@${NEW_VERSION}
 - Fix: [Brief description of hotfixes included]
   EOF
   )"
+
+  ```
+
   ```
 
 5. **Clean up:**
+
    ```bash
    # Return to original directory
    cd ..
@@ -375,6 +396,7 @@ EOF
 ## Safety Checks
 
 Throughout the process:
+
 - Always verify core branch matches ComfyUI's requirements.txt
 - For PRs: Ensure using correct commits (merge vs individual)
 - Check version numbers follow semantic versioning
@@ -385,6 +407,7 @@ Throughout the process:
 ## Rollback Procedures
 
 If something goes wrong:
+
 - Before push: `git reset --hard origin/core/X.Y`
 - After PR creation: Close PR and start over
 - After failed release: Create new patch version with fixes
@@ -405,6 +428,7 @@ If something goes wrong:
 
 **Primary Backport Method:** Automated via `needs-backport` + `X.YY` labels
 **This Command Usage:**
+
 - Smart path detection - skip to version bump if backports already merged
 - Fallback to manual cherry-picking only when automation fails/has conflicts
   **Complete Hotfix:** Includes GitHub release publishing + ComfyUI requirements.txt integration
@@ -415,5 +439,4 @@ If something goes wrong:
 - **Path B:** Backport PRs need merging → Merge them → Skip to Step 10 (Version Bump)
 - **Path C:** No/failed backports → Manual cherry-picking (Steps 2-9) → Version Bump (Step 10)
 
-
 This process ensures a complete hotfix release with proper GitHub publishing, ComfyUI integration, and multiple safety checkpoints.

.claude/commands/setup_repo.md

@@ -5,6 +5,7 @@ Bootstrap the ComfyUI Frontend monorepo with all necessary dependencies and veri
 ## Overview
 
 This command will:
+
 1. Install pnpm package manager (if not present)
 2. Install all project dependencies
 3. Verify the project builds successfully

.claude/commands/verify-visually.md

@@ -12,10 +12,10 @@ Follow these steps systematically to verify our changes:
 2. **Visual Testing Process**
    - Navigate to http://localhost:5173/
    - For each target page (specified in arguments or recently changed files):
-     * Navigate to the page using direct URL or site navigation
-     * Take a high-quality screenshot
-     * Analyze the screenshot for the specific changes we implemented
-     * Document any visual issues or improvements needed
+     - Navigate to the page using direct URL or site navigation
+     - Take a high-quality screenshot
+     - Analyze the screenshot for the specific changes we implemented
+     - Document any visual issues or improvements needed
 
 3. **Quality Verification**
    Check each page for:
@@ -48,6 +48,7 @@ For each page tested, provide:
 4. Overall assessment of visual quality
 
 If you find issues, be specific about:
+
 - Exact location of the problem
 - Expected vs actual behavior
 - Severity level (critical, important, minor)

.github/AGENTS.md

@@ -5,6 +5,7 @@ Context for automated PR review system.
 ## Review Scope
 
 This automated review performs comprehensive analysis:
+
 - Architecture and design patterns
 - Security vulnerabilities
 - Performance implications

.github/CLAUDE.md

@@ -1,3 +1,4 @@
 <!-- A rose by any other name would smell as sweet,
      But Claude insists on files named for its own conceit. -->
+
 @AGENTS.md

.github/ISSUE_TEMPLATE/bug-report.yaml

@@ -60,7 +60,7 @@ body:
     attributes:
       label: ComfyUI Frontend Version
       description: Found in Settings > About (e.g., "1.3.45")
-      placeholder: "1.3.45"
+      placeholder: '1.3.45'
     validations:
       required: true
 

.github/workflows/ci-json-validation.yaml

@@ -1,5 +1,5 @@
 # Description: Validates JSON syntax in all tracked .json files (excluding tsconfig*.json) using jq
-name: "CI: JSON Validation"
+name: 'CI: JSON Validation'
 
 on:
   push:

.github/workflows/ci-lint-format.yaml

@@ -1,5 +1,5 @@
 # Description: Linting and code formatting validation for pull requests
-name: "CI: Lint Format"
+name: 'CI: Lint Format'
 
 on:
   pull_request:

.github/workflows/ci-python-validation.yaml

@@ -1,5 +1,5 @@
 # Description: Validates Python code in tools/devtools directory
-name: "CI: Python Validation"
+name: 'CI: Python Validation'
 
 on:
   pull_request:

.github/workflows/ci-shell-validation.yaml

@@ -1,5 +1,5 @@
 # Description: Runs shellcheck on tracked shell scripts when they change
-name: "CI: Shell Validation"
+name: 'CI: Shell Validation'
 
 on:
   push:

.github/workflows/ci-size-data.yaml

@@ -1,4 +1,4 @@
-name: "CI: Size Data"
+name: 'CI: Size Data'
 
 on:
   push:

.github/workflows/ci-tests-storybook-forks.yaml

@@ -1,9 +1,9 @@
 # Description: Deploys Storybook previews from forked PRs (forks can't access deployment secrets)
-name: "CI: Tests Storybook (Deploy for Forks)"
+name: 'CI: Tests Storybook (Deploy for Forks)'
 
 on:
   workflow_run:
-    workflows: ["CI: Tests Storybook"]
+    workflows: ['CI: Tests Storybook']
     types: [requested, completed]
 
 env:

.github/workflows/ci-tests-storybook.yaml

@@ -1,5 +1,5 @@
 # Description: Builds Storybook and runs visual regression testing via Chromatic, deploys previews to Cloudflare Pages
-name: "CI: Tests Storybook"
+name: 'CI: Tests Storybook'
 
 on:
   workflow_dispatch: # Allow manual triggering

.github/workflows/ci-tests-unit.yaml

@@ -1,5 +1,5 @@
 # Description: Unit and component testing with Vitest
-name: "CI: Tests Unit"
+name: 'CI: Tests Unit'
 
 on:
   push:
@@ -26,8 +26,8 @@ jobs:
       - name: Use Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: "lts/*"
-          cache: "pnpm"
+          node-version: 'lts/*'
+          cache: 'pnpm'
 
       - name: Install dependencies
         run: pnpm install --frozen-lockfile

.github/workflows/ci-yaml-validation.yaml

@@ -1,5 +1,5 @@
 # Description: Validates YAML syntax and style using yamllint with relaxed rules
-name: "CI: YAML Validation"
+name: 'CI: YAML Validation'
 
 on:
   push:

.github/workflows/i18n-update-core.yaml

@@ -1,5 +1,5 @@
 # Description: Generates and updates translations for core ComfyUI components using OpenAI
-name: "i18n: Update Core"
+name: 'i18n: Update Core'
 
 on:
   # Manual dispatch for urgent translation updates
@@ -41,7 +41,7 @@ jobs:
         env:
           PLAYWRIGHT_TEST_URL: http://localhost:5173
       - name: Update translations
-        run: pnpm locale
+        run: pnpm locale && pnpm format
         env:
           OPENAI_API_KEY: ${{ secrets.OPENAI_API_KEY }}
       - name: Commit updated locales

.github/workflows/i18n-update-nodes.yaml

@@ -43,8 +43,8 @@ jobs:
         uses: peter-evans/create-pull-request@271a8d0340265f705b14b6d32b9829c1cb33d45e
         with:
           token: ${{ secrets.PR_GH_TOKEN }}
-          commit-message: "Update locales for node definitions"
-          title: "Update locales for node definitions"
+          commit-message: 'Update locales for node definitions'
+          title: 'Update locales for node definitions'
           body: |
             Automated PR to update locales for node definitions
 

.github/workflows/pr-backport.yaml

@@ -462,7 +462,6 @@ jobs:
             fi
           done < "$FILE"
 
-
       - name: Remove needs-backport label
         if: steps.filter-targets.outputs.skip != 'true' && success()
         run: gh pr edit ${{ github.event_name == 'workflow_dispatch' && inputs.pr_number || github.event.pull_request.number }} --remove-label "needs-backport"

.github/workflows/pr-claude-review.yaml

@@ -1,5 +1,5 @@
 # Description: AI-powered code review triggered by adding the 'claude-review' label to a PR
-name: "PR: Claude Review"
+name: 'PR: Claude Review'
 
 permissions:
   contents: read
@@ -46,7 +46,7 @@ jobs:
       - name: Run Claude PR Review
         uses: anthropics/claude-code-action@v1.0.6
         with:
-          label_trigger: "claude-review"
+          label_trigger: 'claude-review'
           prompt: |
             Read the file .claude/commands/comprehensive-pr-review.md and follow ALL the instructions exactly.
 

.github/workflows/pr-size-report.yaml

@@ -1,4 +1,4 @@
-name: "PR: Size Report"
+name: 'PR: Size Report'
 
 on:
   workflow_run:

.github/workflows/pr-update-playwright-expectations.yaml

@@ -1,5 +1,5 @@
 # Setting test expectation screenshots for Playwright
-name: "PR: Update Playwright Expectations"
+name: 'PR: Update Playwright Expectations'
 
 on:
   pull_request:
@@ -39,11 +39,11 @@ jobs:
 
       - name: Find Update Comment
         uses: peter-evans/find-comment@b30e6a3c0ed37e7c023ccd3f1db5c6c0b0c23aad
-        id: "find-update-comment"
+        id: 'find-update-comment'
         with:
           issue-number: ${{ steps.pr-info.outputs.pr-number }}
-          comment-author: "github-actions[bot]"
-          body-includes: "Updating Playwright Expectations"
+          comment-author: 'github-actions[bot]'
+          body-includes: 'Updating Playwright Expectations'
 
       - name: Add Starting Reaction
         uses: peter-evans/create-or-update-comment@e8674b075228eee787fea43ef493e45ece1004c9

.github/workflows/release-biweekly-comfyui.yaml

@@ -1,5 +1,5 @@
 # Automated bi-weekly workflow to bump ComfyUI frontend RC releases
-name: "Release: Bi-weekly ComfyUI"
+name: 'Release: Bi-weekly ComfyUI'
 
 on:
   # Schedule for Monday at 12:00 PM PST (20:00 UTC)

.github/workflows/release-version-bump.yaml

@@ -1,5 +1,5 @@
 # Description: Manual workflow to increment package version with semantic versioning support
-name: "Release: Version Bump"
+name: 'Release: Version Bump'
 
 on:
   workflow_dispatch:

.github/workflows/weekly-docs-check.yaml

@@ -1,5 +1,5 @@
 # Description: Automated weekly documentation accuracy check and update via Claude
-name: "Weekly Documentation Check"
+name: 'Weekly Documentation Check'
 
 permissions:
   contents: write

.oxfmtrc.json

@@ -7,14 +7,8 @@
   "printWidth": 80,
   "ignorePatterns": [
     "packages/registry-types/src/comfyRegistryTypes.ts",
+    "public/materialdesignicons.min.css",
     "src/types/generatedManagerTypes.ts",
-    "**/*.md",
-    "**/*.json",
-    "**/*.css",
-    "**/*.yaml",
-    "**/*.yml",
-    "**/*.html",
-    "**/*.svg",
-    "**/*.xml"
+    "**/__fixtures__/**/*.json"
   ]
 }

.oxlintrc.json

@@ -31,10 +31,7 @@
     "no-console": [
       "error",
       {
-        "allow": [
-          "warn",
-          "error"
-        ]
+        "allow": ["warn", "error"]
       }
     ],
     "no-control-regex": "off",
@@ -66,12 +63,7 @@
           },
           {
             "name": "@/i18n--to-enable",
-            "importNames": [
-              "st",
-              "t",
-              "te",
-              "d"
-            ],
+            "importNames": ["st", "t", "te", "d"],
             "message": "Don't import `@/i18n` directly, prefer `useI18n()`"
           }
         ]
@@ -85,10 +77,7 @@
     "import/export": "error",
     "import/namespace": "error",
     "import/no-duplicates": "error",
-    "import/consistent-type-specifier-style": [
-      "error",
-      "prefer-top-level"
-    ],
+    "import/consistent-type-specifier-style": ["error", "prefer-top-level"],
     "jest/expect-expect": "off",
     "jest/no-conditional-expect": "off",
     "jest/no-disabled-tests": "off",
@@ -117,10 +106,7 @@
   },
   "overrides": [
     {
-      "files": [
-        "**/*.{stories,test,spec}.ts",
-        "**/*.stories.vue"
-      ],
+      "files": ["**/*.{stories,test,spec}.ts", "**/*.stories.vue"],
       "rules": {
         "no-console": "allow"
       }

.storybook/AGENTS.md

@@ -5,6 +5,7 @@ See `@docs/guidance/storybook.md` for story patterns (auto-loaded for `*.stories
 ## Available Context
 
 Stories have access to:
+
 - All ComfyUI stores
 - PrimeVue with ComfyUI theming
 - i18n system

.storybook/CLAUDE.md

@@ -1,3 +1,4 @@
 <!-- Though standards bloom in open fields so wide,
      Anthropic walks a path of lonely pride. -->
+
 @AGENTS.md

.storybook/README.md

@@ -13,7 +13,7 @@ Storybook is a frontend workshop for building UI components and pages in isolati
 ## Storybook vs Other Testing Tools
 
 | Tool                    | Purpose                             | Use Case                                                     |
-|------|---------|----------|
+| ----------------------- | ----------------------------------- | ------------------------------------------------------------ |
 | **Storybook**           | Component isolation & documentation | Developing, testing, and showcasing individual UI components |
 | **Playwright**          | End-to-end testing                  | Full user workflow testing across multiple pages             |
 | **Vitest**              | Unit testing                        | Testing business logic, utilities, and component behavior    |
@@ -22,6 +22,7 @@ Storybook is a frontend workshop for building UI components and pages in isolati
 ### When to Use Storybook
 
 **✅ Use Storybook for:**
+
 - Developing new UI components in isolation
 - Creating component documentation and examples
 - Testing different component states and props
@@ -30,6 +31,7 @@ Storybook is a frontend workshop for building UI components and pages in isolati
 - Building a component library or design system
 
 **❌ Don't use Storybook for:**
+
 - Testing complex user workflows (use Playwright)
 - Testing business logic (use Vitest)
 - Integration testing between components (use Vue Testing Library)
@@ -96,6 +98,7 @@ export const WithVariant: Story = {
 ## ComfyUI Storybook Guidelines
 
 ### Scope – When to Create Stories
+
 - **PrimeVue components**:  
   No need to create stories. Just refer to the official PrimeVue documentation.
 - **Custom shared components (design system components)**:  
@@ -104,6 +107,7 @@ export const WithVariant: Story = {
   Do not create stories. Only the underlying pure UI components should be included in Storybook.
 
 ### Maintenance Philosophy
+
 - Stories are lightweight and generally stable.  
   Once created, they rarely need updates unless:
   - The design changes
@@ -111,10 +115,12 @@ export const WithVariant: Story = {
 - For existing usage patterns, simply copy real code examples into Storybook to create stories.
 
 ### File Placement
+
 - Keep `*.stories.ts` files at the **same level as the component** (similar to test files).
 - This makes it easier to check usage examples without navigating to another directory.
 
 ### Developer/Designer Workflow
+
 - **UI vs Container**: Separate pure UI components from container components.  
   Only UI components should live in Storybook.
 - **Communication Tool**: Storybook is not just about code quality—it enables designers and developers to see:
@@ -126,6 +132,7 @@ export const WithVariant: Story = {
   → Only create a story for the base UI button, not for the wrapper.
 
 ### Suggested Workflow
+
 1. Use PrimeVue docs for standard components
 2. Use Storybook for **shared/custom components** that define our design system
 3. Keep story files alongside components
@@ -216,8 +223,7 @@ In this project, only the `<i class="icon-[lucide--folder]" />` syntax from unpl
 **Example:**
 
 ```vue
-<script setup lang="ts">
-</script>
+<script setup lang="ts"></script>
 
 <template>
   <i class="icon-[lucide--trophy] text-neutral size-4" />
@@ -226,4 +232,3 @@ In this project, only the `<i class="icon-[lucide--folder]" />` syntax from unpl
 ```
 
 This approach ensures icons render correctly in Storybook and remain consistent with the rest of the app.
-

.storybook/preview-head.html

@@ -1,7 +1,9 @@
 <style>
   body {
     overflow-y: auto !important;
-    transition: background-color 0.3s ease, color 0.3s ease;
+    transition:
+      background-color 0.3s ease,
+      color 0.3s ease;
   }
 
   /* Light theme default - with explicit color to override media queries */

AGENTS.md

@@ -1,6 +1,6 @@
 # Repository Guidelines
 
-See @docs/guidance/*.md for file-type-specific conventions (auto-loaded by glob).
+See @docs/guidance/\*.md for file-type-specific conventions (auto-loaded by glob).
 
 ## Project Structure & Module Organization
 
@@ -93,7 +93,6 @@ The project uses **Nx** for build orchestration and task management
   - composables `useXyz.ts`
   - Pinia stores `*Store.ts`
 
-
 ## Commit & Pull Request Guidelines
 
 - PRs:
@@ -178,7 +177,7 @@ The project uses **Nx** for build orchestration and task management
 
 ## Testing Guidelines
 
-See @docs/testing/*.md for detailed patterns.
+See @docs/testing/\*.md for detailed patterns.
 
 - Frameworks:
   - Vitest (unit/component, happy-dom)
@@ -300,6 +299,13 @@ When referencing Comfy-Org repos:
 
 Rules for agent-based coding tasks.
 
+### Chrome DevTools MCP
+
+When using `take_snapshot` to inspect dropdowns, listboxes, or other components with dynamic options:
+
+- Use `verbose: true` to see the full accessibility tree including list items
+- Non-verbose snapshots often omit nested options in comboboxes/listboxes
+
 ### Temporary Files
 
 - Put planning documents under `/temp/plans/`

CONTRIBUTING.md

@@ -24,12 +24,14 @@ Have another idea? Drop into Discord or open an issue, and let's chat!
 ### Initial Setup
 
 1. Clone the repository:
+
    ```bash
    git clone https://github.com/Comfy-Org/ComfyUI_frontend.git
    cd ComfyUI_frontend
    ```
 
 2. Install dependencies:
+
    ```bash
    pnpm install
    ```
@@ -83,8 +85,7 @@ Make sure your desktop machine and touch device are on the same network. On your
 navigate to `http://<server_ip>:5173` (e.g. `http://192.168.2.20:5173` here), to access the ComfyUI frontend.
 
 > ⚠️ IMPORTANT:
-The dev server will NOT load JavaScript extensions from custom nodes. Only core extensions (built into the frontend) will be loaded. This is because the shim system that allows custom node JavaScript to import frontend modules only works in production builds. Python custom nodes still function normally. See [Extension Development Guide](docs/extensions/development.md) for details and workarounds. And See [Extension Overview](docs/extensions/README.md) for extensions overview.
-
+> The dev server will NOT load JavaScript extensions from custom nodes. Only core extensions (built into the frontend) will be loaded. This is because the shim system that allows custom node JavaScript to import frontend modules only works in production builds. Python custom nodes still function normally. See [Extension Development Guide](docs/extensions/development.md) for details and workarounds. And See [Extension Overview](docs/extensions/README.md) for extensions overview.
 
 ## Development Workflow
 
@@ -109,7 +110,6 @@ When you fix a bug that affects a version in feature freeze, we use an automated
 2. Before merging, add these labels to your PR:
    - `needs-backport` - triggers the automated backport workflow
    - `core/1.24` - targets the `core/1.24` release candidate branch
-   
 3. Merge your PR normally
 4. The automated workflow will:
    - Create a new branch from `core/1.24`
@@ -127,6 +127,7 @@ When you fix a bug that affects a version in feature freeze, we use an automated
 #### Handling Conflicts
 
 If the automated cherry-pick fails due to conflicts, the workflow will comment on your PR with:
+
 - The list of conflicting files
 - Instructions to manually cherry-pick to the release candidate branch
 
@@ -241,6 +242,7 @@ The original litegraph repository (https://github.com/Comfy-Org/litegraph.js) is
 ## Questions?
 
 If you have questions about contributing:
+
 - Check existing issues and discussions
 - Ask in our [Discord](https://discord.com/invite/comfyorg)
 - Open a new issue for clarification

README.md

@@ -13,7 +13,6 @@
 [![][github-downloads-shield]][github-downloads-link]
 [![][github-downloads-latest-shield]][github-downloads-link]
 
-
 [github-release-shield]: https://img.shields.io/github/v/release/Comfy-Org/ComfyUI_frontend?style=flat&sort=semver
 [github-release-link]: https://github.com/Comfy-Org/ComfyUI_frontend/releases
 [github-release-date-shield]: https://img.shields.io/github/release-date/Comfy-Org/ComfyUI_frontend?style=flat
@@ -47,6 +46,7 @@ The project follows a structured release process for each minor version, consist
    - Version is finalized and made available to all users
 
 ### Nightly Releases
+
 Nightly releases are published daily at [https://github.com/Comfy-Org/ComfyUI_frontend/releases](https://github.com/Comfy-Org/ComfyUI_frontend/releases).
 
 To use the latest nightly release, add the following command line argument to your ComfyUI launch script:
@@ -56,12 +56,13 @@ To use the latest nightly release, add the following command line argument to yo
 ```
 
 ## Overlapping Release Cycles
+
 The development of successive minor versions overlaps. For example, while version 1.1 is in feature freeze, development for version 1.2 begins simultaneously. Each feature has approximately 4 weeks from merge to ComfyUI stable release (2 weeks on main, 2 weeks frozen on RC).
 
 ### Example Release Cycle
 
 | Week | Date Range    | Version 1.1    | Version 1.2    | Version 1.3    | Patch Releases                                  |
-|------|------------|-------------|-------------|-------------|----------------|
+| ---- | ------------- | -------------- | -------------- | -------------- | ----------------------------------------------- |
 | 1-2  | Mar 1-14      | Development    | -              | -              | -                                               |
 | 3-4  | Mar 15-28     | Feature Freeze | Development    | -              | 1.1.0 through 1.1.13 (daily)                    |
 | 5-6  | Mar 29-Apr 11 | Released       | Feature Freeze | Development    | 1.1.14+ (daily)<br>1.2.0 through 1.2.13 (daily) |
@@ -79,6 +80,7 @@ The development of successive minor versions overlaps. For example, while versio
 implementation offers better performance, reliability, and maintainability compared to previous solutions.<br>
 
 More details available here: https://blog.comfy.org/p/native-localization-support-i18n
+
 </details>
 
 <details id='feature-mask-editor'>
@@ -87,6 +89,7 @@ The development of successive minor versions overlaps. For example, while versio
 https://github.com/Comfy-Org/ComfyUI_frontend/pull/1284 implements a new mask editor.
 
 ![image](https://github.com/user-attachments/assets/f0ea6ee5-00ee-4e5d-a09c-6938e86a1f17)
+
 </details>
 
 <details id='feature-integrated-server-terminal'>
@@ -95,18 +98,22 @@ The development of successive minor versions overlaps. For example, while versio
 Press Ctrl + ` to toggle integrated terminal.
 
 https://github.com/user-attachments/assets/eddedc6a-07a3-4a83-9475-63b3977f6d94
+
 </details>
 
 <details id='feature-keybinding-customization'>
   <summary>v1.3.7: Keybinding customization</summary>
 
 ## Basic UI
+
 ![image](https://github.com/user-attachments/assets/c84a1609-3880-48e0-a746-011f36beda68)
 
 ## Reset button
+
 ![image](https://github.com/user-attachments/assets/4d2922da-bb4f-4f90-8017-a8e4a0db07c7)
 
 ## Edit Keybinding
+
 ![image](https://github.com/user-attachments/assets/77626b7a-cb46-48f8-9465-e03120aac66a)
 ![image](https://github.com/user-attachments/assets/79131a4e-75c6-4715-bd11-c6aaed887779)
 
@@ -118,26 +125,33 @@ https://github.com/user-attachments/assets/eddedc6a-07a3-4a83-9475-63b3977f6d94
   <summary>v1.2.4: Node library sidebar tab</summary>
 
 #### Drag & Drop
+
 https://github.com/user-attachments/assets/853e20b7-bc0e-49c9-bbce-a2ba7566f92f
 
 #### Filter
+
 https://github.com/user-attachments/assets/4bbca3ee-318f-4cf0-be32-a5a5541066cf
+
 </details>
 
 <details id='feature-queue-sidebar'>
   <summary>v1.2.0: Queue/History sidebar tab</summary>
 
 https://github.com/user-attachments/assets/86e264fe-4d26-4f07-aa9a-83bdd2d02b8f
+
 </details>
 
 <details id='feature-node-search'>
   <summary>v1.1.0: Node search box</summary>
 
 #### Fuzzy search & Node preview
+
 ![image](https://github.com/user-attachments/assets/94733e32-ea4e-4a9c-b321-c1a05db48709)
 
 #### Release link with shift
+
 https://github.com/user-attachments/assets/a1b2b5c3-10d1-4256-b620-345de6858f25
+
 </details>
 
 ### QoL changes
@@ -146,12 +160,14 @@ https://github.com/user-attachments/assets/4bbca3ee-318f-4cf0-be32-a5a5541066cf
   <summary>v1.3.32: **Litegraph** Nested group</summary>
 
 https://github.com/user-attachments/assets/f51adeb1-028e-40af-81e4-0ac13075198a
+
 </details>
 
 <details id='feature-group-selection'>
   <summary>v1.3.24: **Litegraph** Group selection</summary>
 
 https://github.com/user-attachments/assets/e6230a94-411e-4fba-90cb-6c694200adaa
+
 </details>
 
 <details id='feature-toggle-link-visibility'>
@@ -228,16 +244,20 @@ https://github.com/user-attachments/assets/c142c43f-2fe9-4030-8196-b3bfd4c6977d
   <summary>v1.2.2: **Litegraph** auto connects to correct slot</summary>
 
 #### Before
+
 https://github.com/user-attachments/assets/c253f778-82d5-4e6f-aec0-ea2ccf421651
 
 #### After
+
 https://github.com/user-attachments/assets/b6360ac0-f0d2-447c-9daa-8a2e20c0dc1d
+
 </details>
 
 <details id='feature-hide-text-overflow'>
   <summary>v1.1.8: **Litegraph** hides text overflow on widget value</summary>
 
 https://github.com/user-attachments/assets/5696a89d-4a47-4fcc-9e8c-71e1264943f2
+
 </details>
 
 ### Developer APIs
@@ -283,8 +303,7 @@ window['app'].extensionManager.dialog
 
 ```js
 // window.alert
-window['app'].extensionManager.toast
-  .addAlert("Test Alert")
+window['app'].extensionManager.toast.addAlert('Test Alert')
 ```
 
 ![image](https://github.com/user-attachments/assets/9b18bdca-76ef-4432-95de-5cd2369684f2)
@@ -436,6 +455,7 @@ app.extensionManager.setting.set('TestSetting', 'Hello, universe!')
 ```
 
 ![image](https://github.com/user-attachments/assets/ae7b082f-7ce9-4549-a446-4563567102fe)
+
 </details>
 
 <details id='extension-api-toast'>
@@ -451,9 +471,11 @@ app.extensionManager.setting.set('TestSetting', 'Hello, universe!')
   life: 3000
 })
 ```
+
 Documentation of all supported options can be found here: <https://primevue.org/toast/#api.toast.interfaces.ToastMessageOptions>
 
 ![image](https://github.com/user-attachments/assets/de02cd7e-cd81-43d1-a0b0-bccef92ff487)
+
 </details>
 
 <details id='extension-api-sidebar-tab'>
@@ -463,15 +485,15 @@ Documentation of all supported options can be found here: <https://primevue.org/
 
 ```js
 app.extensionManager.registerSidebarTab({
-    id: "search",
-    icon: "pi pi-search",
-    title: "search",
-    tooltip: "search",
-    type: "custom",
+  id: 'search',
+  icon: 'pi pi-search',
+  title: 'search',
+  tooltip: 'search',
+  type: 'custom',
   render: (el) => {
-      el.innerHTML = "<div>Custom search tab</div>";
-    },
-  });
+    el.innerHTML = '<div>Custom search tab</div>'
+  }
+})
 ```
 
 The list of supported icons can be found here: <https://primevue.org/icons/#list>
@@ -479,6 +501,7 @@ The list of supported icons can be found here: <https://primevue.org/icons/#list
 We will support custom icons later.
 
 ![image](https://github.com/user-attachments/assets/7bff028a-bf91-4cab-bf97-55c243b3f5e0)
+
 </details>
 
 <details id='extension-api-selection-toolbox'>

apps/desktop-ui/index.html

@@ -1,9 +1,12 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
     <title>ComfyUI</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, user-scalable=no"
+    />
   </head>
   <body>
     <div id="desktop-app"></div>

apps/desktop-ui/package.json

@@ -2,6 +2,36 @@
   "name": "@comfyorg/desktop-ui",
   "version": "0.0.6",
   "type": "module",
+  "scripts": {
+    "lint": "nx run @comfyorg/desktop-ui:lint",
+    "typecheck": "nx run @comfyorg/desktop-ui:typecheck",
+    "storybook": "storybook dev -p 6007",
+    "build-storybook": "storybook build -o dist/storybook"
+  },
+  "dependencies": {
+    "@comfyorg/comfyui-electron-types": "catalog:",
+    "@comfyorg/shared-frontend-utils": "workspace:*",
+    "@primevue/core": "catalog:",
+    "@primevue/themes": "catalog:",
+    "@vueuse/core": "catalog:",
+    "pinia": "catalog:",
+    "primeicons": "catalog:",
+    "primevue": "catalog:",
+    "vue": "catalog:",
+    "vue-i18n": "catalog:",
+    "vue-router": "catalog:"
+  },
+  "devDependencies": {
+    "@tailwindcss/vite": "catalog:",
+    "@vitejs/plugin-vue": "catalog:",
+    "dotenv": "catalog:",
+    "unplugin-icons": "catalog:",
+    "unplugin-vue-components": "catalog:",
+    "vite": "catalog:",
+    "vite-plugin-html": "catalog:",
+    "vite-plugin-vue-devtools": "catalog:",
+    "vue-tsc": "catalog:"
+  },
   "nx": {
     "tags": [
       "scope:desktop",
@@ -85,35 +115,5 @@
         }
       }
     }
-  },
-  "scripts": {
-    "lint": "nx run @comfyorg/desktop-ui:lint",
-    "typecheck": "nx run @comfyorg/desktop-ui:typecheck",
-    "storybook": "storybook dev -p 6007",
-    "build-storybook": "storybook build -o dist/storybook"
-  },
-  "dependencies": {
-    "@comfyorg/comfyui-electron-types": "catalog:",
-    "@comfyorg/shared-frontend-utils": "workspace:*",
-    "@primevue/core": "catalog:",
-    "@primevue/themes": "catalog:",
-    "@vueuse/core": "catalog:",
-    "pinia": "catalog:",
-    "primeicons": "catalog:",
-    "primevue": "catalog:",
-    "vue": "catalog:",
-    "vue-i18n": "catalog:",
-    "vue-router": "catalog:"
-  },
-  "devDependencies": {
-    "@tailwindcss/vite": "catalog:",
-    "@vitejs/plugin-vue": "catalog:",
-    "dotenv": "catalog:",
-    "unplugin-icons": "catalog:",
-    "unplugin-vue-components": "catalog:",
-    "vite": "catalog:",
-    "vite-plugin-html": "catalog:",
-    "vite-plugin-vue-devtools": "catalog:",
-    "vue-tsc": "catalog:"
   }
 }

browser_tests/CLAUDE.md

@@ -1,3 +1,4 @@
 <!-- In gardens where the agents freely play,
      One stubborn flower turns the other way. -->
+
 @AGENTS.md

browser_tests/README.md

@@ -17,9 +17,10 @@ Without this flag, parallel tests will conflict and fail randomly.
 ### ComfyUI devtools
 
 ComfyUI_devtools is included in this repository under `tools/devtools/`. During CI/CD, these files are automatically copied to the `custom_nodes` directory.  
-_ComfyUI_devtools adds additional API endpoints and nodes to ComfyUI for browser testing._
+ComfyUI_devtools adds additional API endpoints and nodes to ComfyUI for browser testing.
 
 For local development, copy the devtools files to your ComfyUI installation:
+
 ```bash
 cp -r tools/devtools/* /path/to/your/ComfyUI/custom_nodes/ComfyUI_devtools/
 ```
@@ -119,13 +120,11 @@ export default defineConfig({
 Browser tests in this project follow a specific organization pattern:
 
 - **Fixtures**: Located in `fixtures/` - These provide test setup and utilities
-
   - `ComfyPage.ts` - The main fixture for interacting with ComfyUI
   - `ComfyMouse.ts` - Utility for mouse interactions with the canvas
   - Components fixtures in `fixtures/components/` - Page object models for UI components
 
 - **Tests**: Located in `tests/` - The actual test specifications
-
   - Organized by functionality (e.g., `widget.spec.ts`, `interaction.spec.ts`)
   - Snapshot directories (e.g., `widget.spec.ts-snapshots/`) contain reference screenshots
 
@@ -263,7 +262,6 @@ Most common testing needs are already addressed by these helpers, which will mak
    ```
 
    Available debug methods:
-
    - `debugAddMarker(position)` - Red circle at position
    - `debugAttachScreenshot(testInfo, name)` - Attach to test report
    - `debugShowCanvasOverlay()` - Show canvas as overlay

browser_tests/assets/default.json

@@ -52,7 +52,9 @@
       "flags": {},
       "order": 1,
       "mode": 0,
-      "outputs": [{ "name": "LATENT", "type": "LATENT", "links": [2], "slot_index": 0 }],
+      "outputs": [
+        { "name": "LATENT", "type": "LATENT", "links": [2], "slot_index": 0 }
+      ],
       "properties": {},
       "widgets_values": [512, 512, 1]
     },
@@ -70,7 +72,9 @@
         { "name": "negative", "type": "CONDITIONING", "link": 6 },
         { "name": "latent_image", "type": "LATENT", "link": 2 }
       ],
-      "outputs": [{ "name": "LATENT", "type": "LATENT", "links": [7], "slot_index": 0 }],
+      "outputs": [
+        { "name": "LATENT", "type": "LATENT", "links": [7], "slot_index": 0 }
+      ],
       "properties": {},
       "widgets_values": [156680208700286, true, 20, 8, "euler", "normal", 1]
     },
@@ -86,7 +90,9 @@
         { "name": "samples", "type": "LATENT", "link": 7 },
         { "name": "vae", "type": "VAE", "link": 8 }
       ],
-      "outputs": [{ "name": "IMAGE", "type": "IMAGE", "links": [9], "slot_index": 0 }],
+      "outputs": [
+        { "name": "IMAGE", "type": "IMAGE", "links": [9], "slot_index": 0 }
+      ],
       "properties": {}
     },
     {

browser_tests/assets/groupnodes/group_node_identical_nodes_hidden_inputs.json

@@ -5,14 +5,8 @@
     {
       "id": 19,
       "type": "workflow>two_VAE_decode",
-      "pos": [
-        1368.800048828125,
-        768.7999877929688
-      ],
-      "size": [
-        418.1999816894531,
-        86
-      ],
+      "pos": [1368.800048828125, 768.7999877929688],
+      "size": [418.1999816894531, 86],
       "flags": {},
       "order": 0,
       "mode": 0,
@@ -49,10 +43,7 @@
   "extra": {
     "ds": {
       "scale": 1,
-      "offset": [
-        0,
-        0
-      ]
+      "offset": [0, 0]
     },
     "node_versions": {},
     "ue_links": [],
@@ -62,14 +53,8 @@
           {
             "id": -1,
             "type": "VAEDecode",
-            "pos": [
-              1368.800048828125,
-              768.7999877929688
-            ],
-            "size": [
-              210,
-              46
-            ],
+            "pos": [1368.800048828125, 768.7999877929688],
+            "size": [210, 46],
             "flags": {},
             "order": 0,
             "mode": 0,
@@ -103,14 +88,8 @@
           {
             "id": -1,
             "type": "VAEDecode",
-            "pos": [
-              1368.800048828125,
-              873.7999877929688
-            ],
-            "size": [
-              210,
-              46
-            ],
+            "pos": [1368.800048828125, 873.7999877929688],
+            "size": [210, 46],
             "flags": {},
             "order": 1,
             "mode": 0,

browser_tests/assets/groupnodes/group_node_v1.3.3.json

@@ -76,11 +76,7 @@
             "properties": {
               "Node name for S&R": "EmptyLatentImage"
             },
-            "widgets_values": [
-              512,
-              512,
-              1
-            ],
+            "widgets_values": [512, 512, 1],
             "index": 0
           },
           {
@@ -121,9 +117,7 @@
             "properties": {
               "Node name for S&R": "CheckpointLoaderSimple"
             },
-            "widgets_values": [
-              "v1-5-pruned-emaonly.ckpt"
-            ],
+            "widgets_values": ["v1-5-pruned-emaonly.ckpt"],
             "index": 1
           },
           {
@@ -195,9 +189,7 @@
             "properties": {
               "Node name for S&R": "CLIPTextEncode"
             },
-            "widgets_values": [
-              "text, watermark"
-            ],
+            "widgets_values": ["text, watermark"],
             "index": 3
           },
           {
@@ -320,85 +312,20 @@
             ],
             "outputs": [],
             "properties": {},
-            "widgets_values": [
-              "ComfyUI"
-            ],
+            "widgets_values": ["ComfyUI"],
             "index": 6
           }
         ],
         "links": [
-          [
-            1,
-            1,
-            2,
-            0,
-            4,
-            "CLIP"
-          ],
-          [
-            1,
-            1,
-            3,
-            0,
-            4,
-            "CLIP"
-          ],
-          [
-            1,
-            0,
-            4,
-            0,
-            4,
-            "MODEL"
-          ],
-          [
-            2,
-            0,
-            4,
-            1,
-            6,
-            "CONDITIONING"
-          ],
-          [
-            3,
-            0,
-            4,
-            2,
-            7,
-            "CONDITIONING"
-          ],
-          [
-            0,
-            0,
-            4,
-            3,
-            5,
-            "LATENT"
-          ],
-          [
-            4,
-            0,
-            5,
-            0,
-            3,
-            "LATENT"
-          ],
-          [
-            1,
-            2,
-            5,
-            1,
-            4,
-            "VAE"
-          ],
-          [
-            5,
-            0,
-            6,
-            0,
-            8,
-            "IMAGE"
-          ]
+          [1, 1, 2, 0, 4, "CLIP"],
+          [1, 1, 3, 0, 4, "CLIP"],
+          [1, 0, 4, 0, 4, "MODEL"],
+          [2, 0, 4, 1, 6, "CONDITIONING"],
+          [3, 0, 4, 2, 7, "CONDITIONING"],
+          [0, 0, 4, 3, 5, "LATENT"],
+          [4, 0, 5, 0, 3, "LATENT"],
+          [1, 2, 5, 1, 4, "VAE"],
+          [5, 0, 6, 0, 8, "IMAGE"]
         ],
         "external": []
       }

browser_tests/assets/groupnodes/legacy_group_node.json

@@ -235,15 +235,7 @@
             "properties": {
               "Node name for S&R": "KSampler"
             },
-            "widgets_values": [
-              0,
-              "randomize",
-              20,
-              8,
-              "euler",
-              "normal",
-              1
-            ],
+            "widgets_values": [0, "randomize", 20, 8, "euler", "normal", 1],
             "index": 1
           }
         ],

browser_tests/assets/groups/mixed_graph_items.json

@@ -48,15 +48,7 @@
       "properties": {
         "Node name for S&R": "KSampler"
       },
-      "widgets_values": [
-        0,
-        "randomize",
-        20,
-        8,
-        "euler",
-        "normal",
-        1
-      ]
+      "widgets_values": [0, "randomize", 20, 8, "euler", "normal", 1]
     },
     {
       "id": 3,
@@ -104,15 +96,7 @@
       "properties": {
         "Node name for S&R": "KSampler"
       },
-      "widgets_values": [
-        0,
-        "randomize",
-        20,
-        8,
-        "euler",
-        "normal",
-        1
-      ]
+      "widgets_values": [0, "randomize", 20, 8, "euler", "normal", 1]
     },
     {
       "id": 1,
@@ -160,15 +144,7 @@
       "properties": {
         "Node name for S&R": "KSampler"
       },
-      "widgets_values": [
-        0,
-        "randomize",
-        20,
-        8,
-        "euler",
-        "normal",
-        1
-      ]
+      "widgets_values": [0, "randomize", 20, 8, "euler", "normal", 1]
     }
   ],
   "links": [],
@@ -177,10 +153,7 @@
       "id": 0,
       "title": "Group",
       "bounding": [
-        406.9701232910156,
-        59.079444885253906,
-        335,
-        345.6000061035156
+        406.9701232910156, 59.079444885253906, 335, 345.6000061035156
       ],
       "color": "#3f789e",
       "font_size": 24,
@@ -190,10 +163,7 @@
       "id": 3,
       "title": "Group Parent",
       "bounding": [
-        796.9703979492188,
-        14.796443939208984,
-        355,
-        399.20001220703125
+        796.9703979492188, 14.796443939208984, 355, 399.20001220703125
       ],
       "color": "#3f789e",
       "font_size": 24,
@@ -203,10 +173,7 @@
       "id": 2,
       "title": "Group Child",
       "bounding": [
-        806.9703979492188,
-        58.39643096923828,
-        335,
-        345.6000061035156
+        806.9703979492188, 58.39643096923828, 335, 345.6000061035156
       ],
       "color": "#3f789e",
       "font_size": 24,
@@ -217,10 +184,7 @@
   "extra": {
     "ds": {
       "scale": 1,
-      "offset": [
-        0,
-        0
-      ]
+      "offset": [0, 0]
     }
   },
   "version": 0.4

browser_tests/assets/groups/nested-groups-1-inner-node.json

@@ -7,14 +7,8 @@
     {
       "id": 17,
       "type": "VAEDecode",
-      "pos": [
-        318.8446183157076,
-        355.3961392345528
-      ],
-      "size": [
-        225,
-        102
-      ],
+      "pos": [318.8446183157076, 355.3961392345528],
+      "size": [225, 102],
       "flags": {},
       "order": 0,
       "mode": 0,
@@ -49,9 +43,7 @@
       "id": 4,
       "title": "Outer Group",
       "bounding": [
-        -46.25245366331014,
-        -150.82497138023245,
-        1034.4034361963616,
+        -46.25245366331014, -150.82497138023245, 1034.4034361963616,
         1007.338460439933
       ],
       "color": "#3f789e",
@@ -62,9 +54,7 @@
       "id": 3,
       "title": "Inner Group",
       "bounding": [
-        80.96059074101554,
-        28.123757436778178,
-        718.286373661183,
+        80.96059074101554, 28.123757436778178, 718.286373661183,
         691.2397164539732
       ],
       "color": "#3f789e",
@@ -76,10 +66,7 @@
   "extra": {
     "ds": {
       "scale": 0.7121393732101533,
-      "offset": [
-        289.18242848011835,
-        367.0747755524199
-      ]
+      "offset": [289.18242848011835, 367.0747755524199]
     },
     "frontendVersion": "1.35.5",
     "VHS_latentpreview": false,

browser_tests/assets/groups/oversized_group.json

@@ -5,14 +5,8 @@
     {
       "id": 3,
       "type": "KSampler",
-      "pos": [
-        37,
-        98
-      ],
-      "size": [
-        315,
-        262
-      ],
+      "pos": [37, 98],
+      "size": [315, 262],
       "flags": {},
       "order": 0,
       "mode": 0,
@@ -65,12 +59,7 @@
     {
       "id": 1,
       "title": "Group",
-      "bounding": [
-        23,
-        23,
-        900,
-        825
-      ],
+      "bounding": [23, 23, 900, 825],
       "color": "#3f789e",
       "font_size": 24,
       "flags": {}
@@ -80,10 +69,7 @@
   "extra": {
     "ds": {
       "scale": 1,
-      "offset": [
-        0,
-        0
-      ]
+      "offset": [0, 0]
     }
   },
   "version": 0.4

browser_tests/assets/groups/single_group.json

@@ -64,12 +64,7 @@
   "groups": [
     {
       "title": "Group",
-      "bounding": [
-        0,
-        0,
-        335,
-        346
-      ],
+      "bounding": [0, 0, 335, 346],
       "color": "#3f789e",
       "font_size": 24
     }
@@ -78,10 +73,7 @@
   "extra": {
     "ds": {
       "scale": 1,
-      "offset": [
-        0,
-        0
-      ]
+      "offset": [0, 0]
     }
   },
   "version": 0.4

browser_tests/assets/groups/single_group_only.json

@@ -6,12 +6,7 @@
   "groups": [
     {
       "title": "Group",
-      "bounding": [
-        0,
-        0,
-        335,
-        346
-      ],
+      "bounding": [0, 0, 335, 346],
       "color": "#3f789e",
       "font_size": 24
     }
@@ -20,10 +15,7 @@
   "extra": {
     "ds": {
       "scale": 1.2100000000000006,
-      "offset": [
-        104.34159172650945,
-        241.35965953210126
-      ]
+      "offset": [104.34159172650945, 241.35965953210126]
     }
   },
   "version": 0.4

browser_tests/assets/inputs/default_input.json

@@ -7,14 +7,8 @@
     {
       "id": 6,
       "type": "DevToolsNodeWithDefaultInput",
-      "pos": [
-        8.39722728729248,
-        29.727279663085938
-      ],
-      "size": [
-        315,
-        82
-      ],
+      "pos": [8.39722728729248, 29.727279663085938],
+      "size": [315, 82],
       "flags": {},
       "order": 0,
       "mode": 0,
@@ -30,11 +24,7 @@
       "properties": {
         "Node name for S&R": "DevToolsNodeWithDefaultInput"
       },
-      "widgets_values": [
-        0,
-        1,
-        0
-      ]
+      "widgets_values": [0, 1, 0]
     }
   ],
   "links": [],
@@ -43,10 +33,7 @@
   "extra": {
     "ds": {
       "scale": 1,
-      "offset": [
-        0,
-        0
-      ]
+      "offset": [0, 0]
     }
   },
   "version": 0.4

browser_tests/assets/inputs/dynamically_added_input.json

@@ -5,10 +5,7 @@
     {
       "id": 3,
       "type": "KSampler",
-      "pos": [
-        0,
-        30
-      ],
+      "pos": [0, 30],
       "size": {
         "0": 315,
         "1": 262
@@ -72,10 +69,7 @@
   "extra": {
     "ds": {
       "scale": 1,
-      "offset": [
-        0,
-        0
-      ]
+      "offset": [0, 0]
     }
   },
   "version": 0.4

browser_tests/assets/inputs/force_input.json

@@ -39,11 +39,7 @@
       "properties": {
         "Node name for S&R": "DevToolsNodeWithForceInput"
       },
-      "widgets_values": [
-        0,
-        1,
-        0
-      ]
+      "widgets_values": [0, 1, 0]
     }
   ],
   "links": [],
@@ -52,10 +48,7 @@
   "extra": {
     "ds": {
       "scale": 1,
-      "offset": [
-        0,
-        0
-      ]
+      "offset": [0, 0]
     }
   },
   "version": 0.4

browser_tests/assets/inputs/old_workflow_converted_input.json

@@ -9,10 +9,7 @@
         "0": 449,
         "1": 204
       },
-      "size": [
-        340.20001220703125,
-        166
-      ],
+      "size": [340.20001220703125, 166],
       "flags": {},
       "order": 1,
       "mode": 0,
@@ -61,11 +58,7 @@
       "properties": {
         "Node name for S&R": "ControlNetApplyAdvanced"
       },
-      "widgets_values": [
-        1,
-        0,
-        1
-      ]
+      "widgets_values": [1, 0, 1]
     },
     {
       "id": 2,
@@ -74,10 +67,7 @@
         "0": 177,
         "1": 265
       },
-      "size": [
-        210,
-        82
-      ],
+      "size": [210, 82],
       "flags": {},
       "order": 0,
       "mode": 0,
@@ -86,9 +76,7 @@
         {
           "name": "FLOAT",
           "type": "FLOAT",
-          "links": [
-            1
-          ],
+          "links": [1],
           "widget": {
             "name": "strength"
           }
@@ -97,22 +85,10 @@
       "properties": {
         "Run widget replace on values": false
       },
-      "widgets_values": [
-        1,
-        "fixed"
-      ]
+      "widgets_values": [1, "fixed"]
     }
   ],
-  "links": [
-    [
-      1,
-      2,
-      0,
-      1,
-      4,
-      "FLOAT"
-    ]
-  ],
+  "links": [[1, 2, 0, 1, 4, "FLOAT"]],
   "groups": [],
   "config": {},
   "extra": {

browser_tests/assets/inputs/only_optional_inputs.json

@@ -29,9 +29,7 @@
       "properties": {
         "Node name for S&R": "DevToolsNodeWithOnlyOptionalInput"
       },
-      "widgets_values": [
-        ""
-      ]
+      "widgets_values": [""]
     }
   ],
   "links": [],

browser_tests/assets/inputs/optional_input_correct_shape.json

@@ -47,10 +47,7 @@
   "extra": {
     "ds": {
       "scale": 1,
-      "offset": [
-        0,
-        0
-      ]
+      "offset": [0, 0]
     }
   },
   "version": 0.4

browser_tests/assets/inputs/optional_input_no_shape.json

@@ -46,10 +46,7 @@
   "extra": {
     "ds": {
       "scale": 1,
-      "offset": [
-        0,
-        0
-      ]
+      "offset": [0, 0]
     }
   },
   "version": 0.4

browser_tests/assets/inputs/optional_input_wrong_shape.json

@@ -47,10 +47,7 @@
   "extra": {
     "ds": {
       "scale": 1,
-      "offset": [
-        0,
-        0
-      ]
+      "offset": [0, 0]
     }
   },
   "version": 0.4

browser_tests/assets/inputs/remote_widget.json

@@ -5,14 +5,8 @@
     {
       "id": 15,
       "type": "DevToolsRemoteWidgetNode",
-      "pos": [
-        495,
-        735
-      ],
-      "size": [
-        315,
-        58
-      ],
+      "pos": [495, 735],
+      "size": [315, 58],
       "flags": {},
       "order": 0,
       "mode": 0,
@@ -27,9 +21,7 @@
       "properties": {
         "Node name for S&R": "DevToolsRemoteWidgetNode"
       },
-      "widgets_values": [
-        "v1-5-pruned-emaonly-fp16.safetensors"
-      ]
+      "widgets_values": ["v1-5-pruned-emaonly-fp16.safetensors"]
     }
   ],
   "links": [],
@@ -38,10 +30,7 @@
   "extra": {
     "ds": {
       "scale": 0.8008869919566275,
-      "offset": [
-        538.9801226576359,
-        -55.24554581806672
-      ]
+      "offset": [538.9801226576359, -55.24554581806672]
     }
   },
   "version": 0.4

browser_tests/assets/inputs/renamed_converted_widget.json

@@ -5,14 +5,8 @@
     {
       "id": 3,
       "type": "EmptyLatentImage",
-      "pos": [
-        380.51641845703125,
-        191.39659118652344
-      ],
-      "size": [
-        315,
-        106
-      ],
+      "pos": [380.51641845703125, 191.39659118652344],
+      "size": [315, 106],
       "flags": {},
       "order": 1,
       "mode": 0,
@@ -36,23 +30,13 @@
       "properties": {
         "Node name for S&R": "EmptyLatentImage"
       },
-      "widgets_values": [
-        512,
-        512,
-        1
-      ]
+      "widgets_values": [512, 512, 1]
     },
     {
       "id": 4,
       "type": "PrimitiveNode",
-      "pos": [
-        73.6164321899414,
-        197.9966278076172
-      ],
-      "size": [
-        210,
-        82
-      ],
+      "pos": [73.6164321899414, 197.9966278076172],
+      "size": [210, 82],
       "flags": {},
       "order": 0,
       "mode": 0,
@@ -64,31 +48,17 @@
           "widget": {
             "name": "bredth"
           },
-          "links": [
-            2
-          ]
+          "links": [2]
         }
       ],
       "title": "breadth",
       "properties": {
         "Run widget replace on values": false
       },
-      "widgets_values": [
-        512,
-        "fixed"
-      ]
+      "widgets_values": [512, "fixed"]
     }
   ],
-  "links": [
-    [
-      2,
-      4,
-      0,
-      3,
-      0,
-      "INT"
-    ]
-  ],
+  "links": [[2, 4, 0, 3, 0, "INT"]],
   "groups": [],
   "config": {},
   "extra": {

browser_tests/assets/inputs/simple_slider.json

@@ -5,14 +5,8 @@
     {
       "id": 12,
       "type": "DevToolsSimpleSlider",
-      "pos": [
-        50,
-        50
-      ],
-      "size": [
-        315,
-        58
-      ],
+      "pos": [50, 50],
+      "size": [315, 58],
       "flags": {},
       "order": 0,
       "mode": 0,
@@ -28,9 +22,7 @@
       "properties": {
         "Node name for S&R": "DevToolsSimpleSlider"
       },
-      "widgets_values": [
-        0.5
-      ]
+      "widgets_values": [0.5]
     }
   ],
   "links": [],
@@ -39,10 +31,7 @@
   "extra": {
     "ds": {
       "scale": 1,
-      "offset": [
-        0,
-        0
-      ]
+      "offset": [0, 0]
     }
   },
   "version": 0.4

browser_tests/assets/inputs/string_input.json

@@ -5,14 +5,8 @@
     {
       "id": 1,
       "type": "DevToolsNodeWithStringInput",
-      "pos": [
-        15,
-        48
-      ],
-      "size": [
-        315,
-        58
-      ],
+      "pos": [15, 48],
+      "size": [315, 58],
       "flags": {},
       "order": 0,
       "mode": 0,
@@ -21,9 +15,7 @@
       "properties": {
         "Node name for S&R": "DevToolsNodeWithStringInput"
       },
-      "widgets_values": [
-        ""
-      ]
+      "widgets_values": [""]
     }
   ],
   "links": [],
@@ -32,10 +24,7 @@
   "extra": {
     "ds": {
       "scale": 1,
-      "offset": [
-        0,
-        0
-      ]
+      "offset": [0, 0]
     }
   },
   "version": 0.4

browser_tests/assets/links/bad_link.json

@@ -7,14 +7,8 @@
     {
       "id": 4,
       "type": "KSampler",
-      "pos": [
-        867.4669799804688,
-        347.22369384765625
-      ],
-      "size": [
-        315,
-        262
-      ],
+      "pos": [867.4669799804688, 347.22369384765625],
+      "size": [315, 262],
       "flags": {},
       "order": 1,
       "mode": 0,
@@ -58,27 +52,13 @@
       "properties": {
         "Node name for S&R": "KSampler"
       },
-      "widgets_values": [
-        0,
-        "randomize",
-        20,
-        8,
-        "euler",
-        "normal",
-        1
-      ]
+      "widgets_values": [0, "randomize", 20, 8, "euler", "normal", 1]
     },
     {
       "id": 5,
       "type": "PrimitiveInt",
-      "pos": [
-        443.0852355957031,
-        441.131591796875
-      ],
-      "size": [
-        315,
-        82
-      ],
+      "pos": [443.0852355957031, 441.131591796875],
+      "size": [315, 82],
       "flags": {},
       "order": 0,
       "mode": 0,
@@ -87,39 +67,22 @@
         {
           "name": "INT",
           "type": "INT",
-          "links": [
-            3
-          ]
+          "links": [3]
         }
       ],
       "properties": {
         "Node name for S&R": "PrimitiveInt"
       },
-      "widgets_values": [
-        0,
-        "randomize"
-      ]
+      "widgets_values": [0, "randomize"]
     }
   ],
-  "links": [
-    [
-      3,
-      5,
-      0,
-      4,
-      5,
-      "INT"
-    ]
-  ],
+  "links": [[3, 5, 0, 4, 5, "INT"]],
   "groups": [],
   "config": {},
   "extra": {
     "ds": {
       "scale": 1.9487171000000016,
-      "offset": [
-        -325.57196748514497,
-        -168.13150517966463
-      ]
+      "offset": [-325.57196748514497, -168.13150517966463]
     }
   },
   "version": 0.4

browser_tests/assets/links/batch_move_links.json

@@ -5,10 +5,7 @@
     {
       "id": 4,
       "type": "CheckpointLoaderSimple",
-      "pos": [
-        0,
-        92
-      ],
+      "pos": [0, 92],
       "size": {
         "0": 315,
         "1": 98
@@ -26,10 +23,7 @@
         {
           "name": "CLIP",
           "type": "CLIP",
-          "links": [
-            3,
-            5
-          ],
+          "links": [3, 5],
           "slot_index": 1
         },
         {
@@ -42,17 +36,12 @@
       "properties": {
         "Node name for S&R": "CheckpointLoaderSimple"
       },
-      "widgets_values": [
-        "3Guofeng3_v32Light.safetensors"
-      ]
+      "widgets_values": ["3Guofeng3_v32Light.safetensors"]
     },
     {
       "id": 6,
       "type": "CLIPTextEncode",
-      "pos": [
-        460,
-        92
-      ],
+      "pos": [460, 92],
       "size": {
         "0": 422.84503173828125,
         "1": 164.31304931640625
@@ -85,10 +74,7 @@
     {
       "id": 7,
       "type": "CLIPTextEncode",
-      "pos": [
-        460,
-        368
-      ],
+      "pos": [460, 368],
       "size": {
         "0": 425.27801513671875,
         "1": 180.6060791015625
@@ -114,17 +100,12 @@
       "properties": {
         "Node name for S&R": "CLIPTextEncode"
       },
-      "widgets_values": [
-        "text, watermark"
-      ]
+      "widgets_values": ["text, watermark"]
     },
     {
       "id": 10,
       "type": "CheckpointLoaderSimple",
-      "pos": [
-        0,
-        276
-      ],
+      "pos": [0, 276],
       "size": {
         "0": 315,
         "1": 98
@@ -155,38 +136,19 @@
       "properties": {
         "Node name for S&R": "CheckpointLoaderSimple"
       },
-      "widgets_values": [
-        "3Guofeng3_v32Light.safetensors"
-      ]
+      "widgets_values": ["3Guofeng3_v32Light.safetensors"]
     }
   ],
   "links": [
-    [
-      3,
-      4,
-      1,
-      6,
-      0,
-      "CLIP"
-    ],
-    [
-      5,
-      4,
-      1,
-      7,
-      0,
-      "CLIP"
-    ]
+    [3, 4, 1, 6, 0, "CLIP"],
+    [5, 4, 1, 7, 0, "CLIP"]
   ],
   "groups": [],
   "config": {},
   "extra": {
     "ds": {
       "scale": 1,
-      "offset": [
-        0,
-        0
-      ]
+      "offset": [0, 0]
     }
   },
   "version": 0.4

browser_tests/assets/links/snap_to_slot.json

@@ -5,10 +5,7 @@
     {
       "id": 1,
       "type": "KSampler",
-      "pos": [
-        590,
-        40
-      ],
+      "pos": [590, 40],
       "size": {
         "0": 315,
         "1": 262
@@ -53,23 +50,12 @@
       "properties": {
         "Node name for S&R": "KSampler"
       },
-      "widgets_values": [
-        0,
-        "randomize",
-        20,
-        8,
-        "euler",
-        "normal",
-        1
-      ]
+      "widgets_values": [0, "randomize", 20, 8, "euler", "normal", 1]
     },
     {
       "id": 4,
       "type": "CLIPTextEncode",
-      "pos": [
-        20,
-        50
-      ],
+      "pos": [20, 50],
       "size": {
         "0": 400,
         "1": 200
@@ -88,26 +74,19 @@
         {
           "name": "CONDITIONING",
           "type": "CONDITIONING",
-          "links": [
-            3
-          ],
+          "links": [3],
           "shape": 3
         }
       ],
       "properties": {
         "Node name for S&R": "CLIPTextEncode"
       },
-      "widgets_values": [
-        ""
-      ]
+      "widgets_values": [""]
     },
     {
       "id": 5,
       "type": "CLIPTextEncode",
-      "pos": [
-        20,
-        320
-      ],
+      "pos": [20, 320],
       "size": {
         "0": 400,
         "1": 200
@@ -134,30 +113,16 @@
       "properties": {
         "Node name for S&R": "CLIPTextEncode"
       },
-      "widgets_values": [
-        ""
-      ]
+      "widgets_values": [""]
     }
   ],
-  "links": [
-    [
-      3,
-      4,
-      0,
-      1,
-      1,
-      "CONDITIONING"
-    ]
-  ],
+  "links": [[3, 4, 0, 1, 1, "CONDITIONING"]],
   "groups": [],
   "config": {},
   "extra": {
     "ds": {
       "scale": 1,
-      "offset": [
-        0,
-        0
-      ]
+      "offset": [0, 0]
     }
   },
   "version": 0.4

browser_tests/assets/missing/missing_models.json

@@ -8,10 +8,7 @@
   "extra": {
     "ds": {
       "scale": 1,
-      "offset": [
-        0,
-        0
-      ]
+      "offset": [0, 0]
     }
   },
   "models": [

browser_tests/assets/missing/missing_nodes.json

@@ -5,10 +5,7 @@
     {
       "id": 1,
       "type": "UNKNOWN NODE",
-      "pos": [
-        48,
-        86
-      ],
+      "pos": [48, 86],
       "size": {
         "0": 358.80780029296875,
         "1": 314.7989501953125
@@ -36,14 +33,7 @@
       "properties": {
         "Node name for S&R": "UNKNOWN NODE"
       },
-      "widgets_values": [
-        "wd-v1-4-moat-tagger-v2",
-        0.35,
-        0.85,
-        false,
-        false,
-        ""
-      ]
+      "widgets_values": ["wd-v1-4-moat-tagger-v2", 0.35, 0.85, false, false, ""]
     }
   ],
   "links": [],
@@ -52,9 +42,7 @@
   "extra": {
     "ds": {
       "scale": 1,
-      "offset": [
-        0, 0
-      ]
+      "offset": [0, 0]
     }
   },
   "version": 0.4

browser_tests/assets/missing/missing_nodes_converted_widget.json

@@ -5,10 +5,7 @@
     {
       "id": 1,
       "type": "UNKNOWN NODE",
-      "pos": [
-        48,
-        86
-      ],
+      "pos": [48, 86],
       "size": {
         "0": 358.80780029296875,
         "1": 314.7989501953125

browser_tests/assets/nodes/every_node_color.json

@@ -42,9 +42,7 @@
         {
           "name": "LATENT",
           "type": "LATENT",
-          "links": [
-            7
-          ],
+          "links": [7],
           "slot_index": 0
         }
       ],
@@ -82,35 +80,26 @@
         {
           "name": "MODEL",
           "type": "MODEL",
-          "links": [
-            1
-          ],
+          "links": [1],
           "slot_index": 0
         },
         {
           "name": "CLIP",
           "type": "CLIP",
-          "links": [
-            3,
-            5
-          ],
+          "links": [3, 5],
           "slot_index": 1
         },
         {
           "name": "VAE",
           "type": "VAE",
-          "links": [
-            8
-          ],
+          "links": [8],
           "slot_index": 2
         }
       ],
       "properties": {
         "Node name for S&R": "CheckpointLoaderSimple"
       },
-      "widgets_values": [
-        "Stable-diffusion/v1-5-pruned-emaonly.safetensors"
-      ],
+      "widgets_values": ["Stable-diffusion/v1-5-pruned-emaonly.safetensors"],
       "color": "#322",
       "bgcolor": "#533"
     },
@@ -133,20 +122,14 @@
         {
           "name": "LATENT",
           "type": "LATENT",
-          "links": [
-            2
-          ],
+          "links": [2],
           "slot_index": 0
         }
       ],
       "properties": {
         "Node name for S&R": "EmptyLatentImage"
       },
-      "widgets_values": [
-        512,
-        512,
-        1
-      ],
+      "widgets_values": [512, 512, 1],
       "color": "#323",
       "bgcolor": "#535"
     },
@@ -175,9 +158,7 @@
         {
           "name": "CONDITIONING",
           "type": "CONDITIONING",
-          "links": [
-            4
-          ],
+          "links": [4],
           "slot_index": 0
         }
       ],
@@ -215,18 +196,14 @@
         {
           "name": "CONDITIONING",
           "type": "CONDITIONING",
-          "links": [
-            6
-          ],
+          "links": [6],
           "slot_index": 0
         }
       ],
       "properties": {
         "Node name for S&R": "CLIPTextEncode"
       },
-      "widgets_values": [
-        "text, watermark"
-      ],
+      "widgets_values": ["text, watermark"],
       "color": "#323",
       "bgcolor": "#535"
     },
@@ -260,9 +237,7 @@
         {
           "name": "IMAGE",
           "type": "IMAGE",
-          "links": [
-            9
-          ],
+          "links": [9],
           "slot_index": 0
         }
       ],
@@ -280,10 +255,7 @@
         "0": 857,
         "1": 611
       },
-      "size": [
-        214.2000732421875,
-        59.4000244140625
-      ],
+      "size": [214.2000732421875, 59.4000244140625],
       "flags": {},
       "order": 9,
       "mode": 0,
@@ -296,9 +268,7 @@
       ],
       "outputs": [],
       "properties": {},
-      "widgets_values": [
-        "ComfyUI"
-      ]
+      "widgets_values": ["ComfyUI"]
     },
     {
       "id": 10,
@@ -335,9 +305,7 @@
       "properties": {
         "Node name for S&R": "CheckpointLoaderSimple"
       },
-      "widgets_values": [
-        "Stable-diffusion/v1-5-pruned-emaonly.safetensors"
-      ],
+      "widgets_values": ["Stable-diffusion/v1-5-pruned-emaonly.safetensors"],
       "color": "#332922",
       "bgcolor": "#593930"
     },
@@ -376,9 +344,7 @@
       "properties": {
         "Node name for S&R": "CheckpointLoaderSimple"
       },
-      "widgets_values": [
-        "Stable-diffusion/v1-5-pruned-emaonly.safetensors"
-      ],
+      "widgets_values": ["Stable-diffusion/v1-5-pruned-emaonly.safetensors"],
       "color": "#223",
       "bgcolor": "#335"
     },
@@ -413,89 +379,21 @@
       "properties": {
         "Node name for S&R": "ImageScale"
       },
-      "widgets_values": [
-        "nearest-exact",
-        512,
-        512,
-        "disabled"
-      ],
+      "widgets_values": ["nearest-exact", 512, 512, "disabled"],
       "color": "#2a363b",
       "bgcolor": "#3f5159"
     }
   ],
   "links": [
-    [
-      1,
-      4,
-      0,
-      3,
-      0,
-      "MODEL"
-    ],
-    [
-      2,
-      5,
-      0,
-      3,
-      3,
-      "LATENT"
-    ],
-    [
-      3,
-      4,
-      1,
-      6,
-      0,
-      "CLIP"
-    ],
-    [
-      4,
-      6,
-      0,
-      3,
-      1,
-      "CONDITIONING"
-    ],
-    [
-      5,
-      4,
-      1,
-      7,
-      0,
-      "CLIP"
-    ],
-    [
-      6,
-      7,
-      0,
-      3,
-      2,
-      "CONDITIONING"
-    ],
-    [
-      7,
-      3,
-      0,
-      8,
-      0,
-      "LATENT"
-    ],
-    [
-      8,
-      4,
-      2,
-      8,
-      1,
-      "VAE"
-    ],
-    [
-      9,
-      8,
-      0,
-      9,
-      0,
-      "IMAGE"
-    ]
+    [1, 4, 0, 3, 0, "MODEL"],
+    [2, 5, 0, 3, 3, "LATENT"],
+    [3, 4, 1, 6, 0, "CLIP"],
+    [4, 6, 0, 3, 1, "CONDITIONING"],
+    [5, 4, 1, 7, 0, "CLIP"],
+    [6, 7, 0, 3, 2, "CONDITIONING"],
+    [7, 3, 0, 8, 0, "LATENT"],
+    [8, 4, 2, 8, 1, "VAE"],
+    [9, 8, 0, 9, 0, "IMAGE"]
   ],
   "groups": [],
   "config": {},

browser_tests/assets/nodes/execution_error.json

@@ -47,9 +47,7 @@
         {
           "name": "IMAGE",
           "type": "IMAGE",
-          "links": [
-            15
-          ],
+          "links": [15],
           "slot_index": 0,
           "shape": 3
         }
@@ -59,25 +57,13 @@
       }
     }
   ],
-  "links": [
-    [
-      15,
-      17,
-      0,
-      14,
-      0,
-      "IMAGE"
-    ]
-  ],
+  "links": [[15, 17, 0, 14, 0, "IMAGE"]],
   "groups": [],
   "config": {},
   "extra": {
     "ds": {
       "scale": 1,
-      "offset": [
-        117.20766722169206,
-        472.69035116826046
-      ]
+      "offset": [117.20766722169206, 472.69035116826046]
     }
   },
   "version": 0.4

browser_tests/assets/nodes/note_nodes.json

@@ -5,44 +5,30 @@
     {
       "id": 1,
       "type": "Note",
-      "pos": [
-        50, 50
-      ],
-      "size": [
-        322.3645935058594,
-        167.91612243652344
-      ],
+      "pos": [50, 50],
+      "size": [322.3645935058594, 167.91612243652344],
       "flags": {},
       "order": 0,
       "mode": 0,
       "inputs": [],
       "outputs": [],
       "properties": {},
-      "widgets_values": [
-        "Foo\n123"
-      ],
+      "widgets_values": ["Foo\n123"],
       "color": "#432",
       "bgcolor": "#653"
     },
     {
       "id": 2,
       "type": "MarkdownNote",
-      "pos": [
-        50, 300
-      ],
-      "size": [
-        320.9985656738281,
-        179.52735900878906
-      ],
+      "pos": [50, 300],
+      "size": [320.9985656738281, 179.52735900878906],
       "flags": {},
       "order": 1,
       "mode": 0,
       "inputs": [],
       "outputs": [],
       "properties": {},
-      "widgets_values": [
-        "# Bar\n123"
-      ],
+      "widgets_values": ["# Bar\n123"],
       "color": "#432",
       "bgcolor": "#653"
     }

browser_tests/assets/nodes/single_ksampler.json

@@ -5,10 +5,7 @@
     {
       "id": 3,
       "type": "KSampler",
-      "pos": [
-        0,
-        30
-      ],
+      "pos": [0, 30],
       "size": {
         "0": 315,
         "1": 262
@@ -66,10 +63,7 @@
   "extra": {
     "ds": {
       "scale": 1,
-      "offset": [
-        0,
-        0
-      ]
+      "offset": [0, 0]
     }
   },
   "version": 0.4

browser_tests/assets/nodes/single_save_image_node.json

@@ -25,9 +25,7 @@
       ],
       "outputs": [],
       "properties": {},
-      "widgets_values": [
-        "ComfyUI"
-      ]
+      "widgets_values": ["ComfyUI"]
     }
   ],
   "links": [],
@@ -36,10 +34,7 @@
   "extra": {
     "ds": {
       "scale": 1,
-      "offset": [
-        0,
-        0
-      ]
+      "offset": [0, 0]
     }
   },
   "version": 0.4

browser_tests/assets/nodes/string_node_id.json

@@ -21,35 +21,26 @@
         {
           "name": "MODEL",
           "type": "MODEL",
-          "links": [
-            12
-          ],
+          "links": [12],
           "shape": 3
         },
         {
           "name": "CLIP",
           "type": "CLIP",
-          "links": [
-            10,
-            11
-          ],
+          "links": [10, 11],
           "shape": 3
         },
         {
           "name": "VAE",
           "type": "VAE",
-          "links": [
-            17
-          ],
+          "links": [17],
           "shape": 3
         }
       ],
       "properties": {
         "Node name for S&R": "CheckpointLoaderSimple"
       },
-      "widgets_values": [
-        "v1-5-pruned-emaonly.ckpt"
-      ]
+      "widgets_values": ["v1-5-pruned-emaonly.ckpt"]
     },
     {
       "id": "CLIPTextEncode.0",
@@ -76,9 +67,7 @@
         {
           "name": "CONDITIONING",
           "type": "CONDITIONING",
-          "links": [
-            13
-          ],
+          "links": [13],
           "shape": 3
         }
       ],
@@ -114,18 +103,14 @@
         {
           "name": "CONDITIONING",
           "type": "CONDITIONING",
-          "links": [
-            14
-          ],
+          "links": [14],
           "shape": 3
         }
       ],
       "properties": {
         "Node name for S&R": "CLIPTextEncode"
       },
-      "widgets_values": [
-        "text, watermark"
-      ]
+      "widgets_values": ["text, watermark"]
     },
     {
       "id": "EmptyLatentImage.0",
@@ -146,20 +131,14 @@
         {
           "name": "LATENT",
           "type": "LATENT",
-          "links": [
-            15
-          ],
+          "links": [15],
           "shape": 3
         }
       ],
       "properties": {
         "Node name for S&R": "EmptyLatentImage"
       },
-      "widgets_values": [
-        512,
-        512,
-        1
-      ]
+      "widgets_values": [512, 512, 1]
     },
     {
       "id": "KSampler.0",
@@ -201,24 +180,14 @@
         {
           "name": "LATENT",
           "type": "LATENT",
-          "links": [
-            16
-          ],
+          "links": [16],
           "shape": 3
         }
       ],
       "properties": {
         "Node name for S&R": "KSampler"
       },
-      "widgets_values": [
-        3,
-        "randomize",
-        20,
-        8,
-        "euler",
-        "normal",
-        1
-      ]
+      "widgets_values": [3, "randomize", 20, 8, "euler", "normal", 1]
     },
     {
       "id": "VAEDecode.0",
@@ -250,9 +219,7 @@
         {
           "name": "IMAGE",
           "type": "IMAGE",
-          "links": [
-            18
-          ],
+          "links": [18],
           "shape": 3
         }
       ],
@@ -283,94 +250,26 @@
       ],
       "outputs": [],
       "properties": {},
-      "widgets_values": [
-        "ComfyUI"
-      ]
+      "widgets_values": ["ComfyUI"]
     }
   ],
   "links": [
-    [
-      10,
-      "CheckpointLoaderSimple.0",
-      1,
-      "CLIPTextEncode.0",
-      0,
-      "CLIP"
-    ],
-    [
-      11,
-      "CheckpointLoaderSimple.0",
-      1,
-      "CLIPTextEncode.1",
-      0,
-      "CLIP"
-    ],
-    [
-      12,
-      "CheckpointLoaderSimple.0",
-      0,
-      "KSampler.0",
-      0,
-      "MODEL"
-    ],
-    [
-      13,
-      "CLIPTextEncode.0",
-      0,
-      "KSampler.0",
-      1,
-      "CONDITIONING"
-    ],
-    [
-      14,
-      "CLIPTextEncode.1",
-      0,
-      "KSampler.0",
-      2,
-      "CONDITIONING"
-    ],
-    [
-      15,
-      "EmptyLatentImage.0",
-      0,
-      "KSampler.0",
-      3,
-      "LATENT"
-    ],
-    [
-      16,
-      "KSampler.0",
-      0,
-      "VAEDecode.0",
-      0,
-      "LATENT"
-    ],
-    [
-      17,
-      "CheckpointLoaderSimple.0",
-      2,
-      "VAEDecode.0",
-      1,
-      "VAE"
-    ],
-    [
-      18,
-      "VAEDecode.0",
-      0,
-      "SaveImage.0",
-      0,
-      "IMAGE"
-    ]
+    [10, "CheckpointLoaderSimple.0", 1, "CLIPTextEncode.0", 0, "CLIP"],
+    [11, "CheckpointLoaderSimple.0", 1, "CLIPTextEncode.1", 0, "CLIP"],
+    [12, "CheckpointLoaderSimple.0", 0, "KSampler.0", 0, "MODEL"],
+    [13, "CLIPTextEncode.0", 0, "KSampler.0", 1, "CONDITIONING"],
+    [14, "CLIPTextEncode.1", 0, "KSampler.0", 2, "CONDITIONING"],
+    [15, "EmptyLatentImage.0", 0, "KSampler.0", 3, "LATENT"],
+    [16, "KSampler.0", 0, "VAEDecode.0", 0, "LATENT"],
+    [17, "CheckpointLoaderSimple.0", 2, "VAEDecode.0", 1, "VAE"],
+    [18, "VAEDecode.0", 0, "SaveImage.0", 0, "IMAGE"]
   ],
   "groups": [],
   "config": {},
   "extra": {
     "ds": {
       "scale": 1,
-      "offset": [
-        0,
-        0
-      ]
+      "offset": [0, 0]
     }
   },
   "version": 0.4

browser_tests/assets/primitive/primitive_node.json

@@ -65,15 +65,7 @@
       "properties": {
         "Node name for S&R": "KSampler"
       },
-      "widgets_values": [
-        0,
-        "randomize",
-        20,
-        8,
-        "euler",
-        "normal",
-        1
-      ]
+      "widgets_values": [0, "randomize", 20, 8, "euler", "normal", 1]
     },
     {
       "id": 1,
@@ -90,10 +82,7 @@
         "8": 0,
         "9": 0
       },
-      "size": [
-        446.96645387135936,
-        108.34243389566905
-      ],
+      "size": [446.96645387135936, 108.34243389566905],
       "flags": {},
       "order": 0,
       "mode": 0,
@@ -102,9 +91,7 @@
         {
           "name": "INT",
           "type": "INT",
-          "links": [
-            1
-          ],
+          "links": [1],
           "slot_index": 0,
           "widget": {
             "name": "steps"
@@ -114,31 +101,16 @@
       "properties": {
         "Run widget replace on values": false
       },
-      "widgets_values": [
-        20,
-        "fixed"
-      ]
+      "widgets_values": [20, "fixed"]
     }
   ],
-  "links": [
-    [
-      1,
-      1,
-      0,
-      2,
-      4,
-      "INT"
-    ]
-  ],
+  "links": [[1, 1, 0, 2, 4, "INT"]],
   "groups": [],
   "config": {},
   "extra": {
     "ds": {
       "scale": 1,
-      "offset": [
-        0,
-        0
-      ]
+      "offset": [0, 0]
     }
   },
   "version": 0.4

browser_tests/assets/primitive/primitive_node_unconnected.json

@@ -9,10 +9,7 @@
         "0": 304.3653259277344,
         "1": 42.15586471557617
       },
-      "size": [
-        315,
-        262
-      ],
+      "size": [315, 262],
       "flags": {},
       "order": 0,
       "mode": 0,
@@ -49,15 +46,7 @@
       "properties": {
         "Node name for S&R": "KSampler"
       },
-      "widgets_values": [
-        0,
-        "randomize",
-        20,
-        8,
-        "euler",
-        "normal",
-        1
-      ]
+      "widgets_values": [0, "randomize", 20, 8, "euler", "normal", 1]
     },
     {
       "id": 1,
@@ -66,10 +55,7 @@
         "0": 14,
         "1": 43
       },
-      "size": [
-        203.1999969482422,
-        40.368401303242536
-      ],
+      "size": [203.1999969482422, 40.368401303242536],
       "flags": {},
       "order": 1,
       "mode": 0,
@@ -94,10 +80,7 @@
   "extra": {
     "ds": {
       "scale": 1,
-      "offset": [
-        0,
-        0
-      ]
+      "offset": [0, 0]
     }
   },
   "version": 0.4

browser_tests/assets/primitive/static_primitive_unconnected.json

@@ -9,10 +9,7 @@
         "0": 304.3653259277344,
         "1": 42.15586471557617
       },
-      "size": [
-        315,
-        262
-      ],
+      "size": [315, 262],
       "flags": {},
       "order": 0,
       "mode": 0,
@@ -49,15 +46,7 @@
       "properties": {
         "Node name for S&R": "KSampler"
       },
-      "widgets_values": [
-        0,
-        "randomize",
-        20,
-        8,
-        "euler",
-        "normal",
-        1
-      ]
+      "widgets_values": [0, "randomize", 20, 8, "euler", "normal", 1]
     },
     {
       "id": 1,
@@ -66,10 +55,7 @@
         "0": 14,
         "1": 43
       },
-      "size": [
-        203.1999969482422,
-        40.368401303242536
-      ],
+      "size": [203.1999969482422, 40.368401303242536],
       "flags": {},
       "order": 1,
       "mode": 0,
@@ -94,10 +80,7 @@
   "extra": {
     "ds": {
       "scale": 1,
-      "offset": [
-        0,
-        0
-      ]
+      "offset": [0, 0]
     }
   },
   "version": 0.4

browser_tests/assets/subgraphs/basic-subgraph.json

@@ -7,14 +7,8 @@
     {
       "id": 2,
       "type": "e5fb1765-9323-4548-801a-5aead34d879e",
-      "pos": [
-        627.5973510742188,
-        423.0972900390625
-      ],
-      "size": [
-        144.15234375,
-        46
-      ],
+      "pos": [627.5973510742188, 423.0972900390625],
+      "size": [144.15234375, 46],
       "flags": {},
       "order": 0,
       "mode": 0,
@@ -54,30 +48,18 @@
         "name": "New Subgraph",
         "inputNode": {
           "id": -10,
-          "bounding": [
-            347.90441582814213,
-            417.3822440655296,
-            120,
-            60
-          ]
+          "bounding": [347.90441582814213, 417.3822440655296, 120, 60]
         },
         "outputNode": {
           "id": -20,
-          "bounding": [
-            892.5973510742188,
-            416.0972900390625,
-            120,
-            60
-          ]
+          "bounding": [892.5973510742188, 416.0972900390625, 120, 60]
         },
         "inputs": [
           {
             "id": "c5cc99d8-a2b6-4bf3-8be7-d4949ef736cd",
             "name": "positive",
             "type": "CONDITIONING",
-            "linkIds": [
-              1
-            ],
+            "linkIds": [1],
             "pos": {
               "0": 447.9044189453125,
               "1": 437.3822326660156
@@ -89,9 +71,7 @@
             "id": "9bd488b9-e907-4c95-a7a4-85c5597a87af",
             "name": "LATENT",
             "type": "LATENT",
-            "linkIds": [
-              2
-            ],
+            "linkIds": [2],
             "pos": {
               "0": 912.5973510742188,
               "1": 436.0972900390625
@@ -103,14 +83,8 @@
           {
             "id": 1,
             "type": "KSampler",
-            "pos": [
-              554.8743286132812,
-              100.95539093017578
-            ],
-            "size": [
-              270,
-              262
-            ],
+            "pos": [554.8743286132812, 100.95539093017578],
+            "size": [270, 262],
             "flags": {},
             "order": 1,
             "mode": 0,
@@ -145,35 +119,19 @@
                 "localized_name": "LATENT",
                 "name": "LATENT",
                 "type": "LATENT",
-                "links": [
-                  2
-                ]
+                "links": [2]
               }
             ],
             "properties": {
               "Node name for S&R": "KSampler"
             },
-            "widgets_values": [
-              0,
-              "randomize",
-              20,
-              8,
-              "euler",
-              "simple",
-              1
-            ]
+            "widgets_values": [0, "randomize", 20, 8, "euler", "simple", 1]
           },
           {
             "id": 2,
             "type": "VAEEncode",
-            "pos": [
-              685.1265869140625,
-              439.1734619140625
-            ],
-            "size": [
-              140,
-              46
-            ],
+            "pos": [685.1265869140625, 439.1734619140625],
+            "size": [140, 46],
             "flags": {},
             "order": 0,
             "mode": 0,
@@ -196,9 +154,7 @@
                 "localized_name": "LATENT",
                 "name": "LATENT",
                 "type": "LATENT",
-                "links": [
-                  4
-                ]
+                "links": [4]
               }
             ],
             "properties": {
@@ -233,10 +189,7 @@
   "extra": {
     "ds": {
       "scale": 0.8894351682943402,
-      "offset": [
-        58.7671207025881,
-        137.7124650620126
-      ]
+      "offset": [58.7671207025881, 137.7124650620126]
     },
     "frontendVersion": "1.24.1"
   },

browser_tests/assets/subgraphs/nested-subgraph.json

@@ -7,14 +7,8 @@
     {
       "id": 10,
       "type": "8beb610f-ddd1-4489-ae0d-2f732a4042ae",
-      "pos": [
-        532,
-        412.5
-      ],
-      "size": [
-        140,
-        46
-      ],
+      "pos": [532, 412.5],
+      "size": [140, 46],
       "flags": {},
       "order": 0,
       "mode": 0,
@@ -23,16 +17,12 @@
         {
           "name": "LATENT",
           "type": "LATENT",
-          "links": [
-            10
-          ]
+          "links": [10]
         },
         {
           "name": "VAE",
           "type": "VAE",
-          "links": [
-            11
-          ]
+          "links": [11]
         }
       ],
       "title": "subgraph 2",
@@ -42,14 +32,8 @@
     {
       "id": 8,
       "type": "VAEDecode",
-      "pos": [
-        758.2109985351562,
-        398.3681335449219
-      ],
-      "size": [
-        210,
-        46
-      ],
+      "pos": [758.2109985351562, 398.3681335449219],
+      "size": [210, 46],
       "flags": {},
       "order": 1,
       "mode": 0,
@@ -70,9 +54,7 @@
           "name": "IMAGE",
           "type": "IMAGE",
           "slot_index": 0,
-          "links": [
-            9
-          ]
+          "links": [9]
         }
       ],
       "properties": {
@@ -83,14 +65,8 @@
     {
       "id": 9,
       "type": "SaveImage",
-      "pos": [
-        1028.9615478515625,
-        381.83746337890625
-      ],
-      "size": [
-        210,
-        270
-      ],
+      "pos": [1028.9615478515625, 381.83746337890625],
+      "size": [210, 270],
       "flags": {},
       "order": 2,
       "mode": 0,
@@ -103,36 +79,13 @@
       ],
       "outputs": [],
       "properties": {},
-      "widgets_values": [
-        "ComfyUI"
-      ]
+      "widgets_values": ["ComfyUI"]
     }
   ],
   "links": [
-    [
-      9,
-      8,
-      0,
-      9,
-      0,
-      "IMAGE"
-    ],
-    [
-      10,
-      10,
-      0,
-      8,
-      0,
-      "LATENT"
-    ],
-    [
-      11,
-      10,
-      1,
-      8,
-      1,
-      "VAE"
-    ]
+    [9, 8, 0, 9, 0, "IMAGE"],
+    [10, 10, 0, 8, 0, "LATENT"],
+    [11, 10, 1, 8, 1, "VAE"]
   ],
   "groups": [],
   "definitions": {
@@ -151,21 +104,11 @@
         "name": "subgraph 2",
         "inputNode": {
           "id": -10,
-          "bounding": [
-            -154,
-            415.5,
-            120,
-            40
-          ]
+          "bounding": [-154, 415.5, 120, 40]
         },
         "outputNode": {
           "id": -20,
-          "bounding": [
-            1238,
-            395.5,
-            120,
-            80
-          ]
+          "bounding": [1238, 395.5, 120, 80]
         },
         "inputs": [],
         "outputs": [
@@ -173,9 +116,7 @@
             "id": "4d6c7e4e-971e-4f78-9218-9a604db53a4b",
             "name": "LATENT",
             "type": "LATENT",
-            "linkIds": [
-              7
-            ],
+            "linkIds": [7],
             "localized_name": "LATENT",
             "pos": {
               "0": 1258,
@@ -186,9 +127,7 @@
             "id": "f8201d4f-7fc6-4a1b-b8c9-9f0716d9c09a",
             "name": "VAE",
             "type": "VAE",
-            "linkIds": [
-              14
-            ],
+            "linkIds": [14],
             "localized_name": "VAE",
             "pos": {
               "0": 1258,
@@ -201,14 +140,8 @@
           {
             "id": 6,
             "type": "CLIPTextEncode",
-            "pos": [
-              415,
-              186
-            ],
-            "size": [
-              422.84503173828125,
-              164.31304931640625
-            ],
+            "pos": [415, 186],
+            "size": [422.84503173828125, 164.31304931640625],
             "flags": {},
             "order": 0,
             "mode": 0,
@@ -226,9 +159,7 @@
                 "name": "CONDITIONING",
                 "type": "CONDITIONING",
                 "slot_index": 0,
-                "links": [
-                  4
-                ]
+                "links": [4]
               }
             ],
             "properties": {
@@ -241,14 +172,8 @@
           {
             "id": 3,
             "type": "KSampler",
-            "pos": [
-              863,
-              186
-            ],
-            "size": [
-              315,
-              262
-            ],
+            "pos": [863, 186],
+            "size": [315, 262],
             "flags": {},
             "order": 2,
             "mode": 0,
@@ -284,9 +209,7 @@
                 "name": "LATENT",
                 "type": "LATENT",
                 "slot_index": 0,
-                "links": [
-                  7
-                ]
+                "links": [7]
               }
             ],
             "properties": {
@@ -305,14 +228,8 @@
           {
             "id": 10,
             "type": "dbe5763f-440b-47b4-82ac-454f1f98b0e3",
-            "pos": [
-              194.13900756835938,
-              657.3333740234375
-            ],
-            "size": [
-              140,
-              106
-            ],
+            "pos": [194.13900756835938, 657.3333740234375],
+            "size": [140, 106],
             "flags": {},
             "order": 1,
             "mode": 0,
@@ -322,41 +239,31 @@
                 "localized_name": "CONDITIONING",
                 "name": "CONDITIONING",
                 "type": "CONDITIONING",
-                "links": [
-                  10
-                ]
+                "links": [10]
               },
               {
                 "localized_name": "LATENT",
                 "name": "LATENT",
                 "type": "LATENT",
-                "links": [
-                  11
-                ]
+                "links": [11]
               },
               {
                 "localized_name": "MODEL",
                 "name": "MODEL",
                 "type": "MODEL",
-                "links": [
-                  12
-                ]
+                "links": [12]
               },
               {
                 "localized_name": "CLIP",
                 "name": "CLIP",
                 "type": "CLIP",
-                "links": [
-                  13
-                ]
+                "links": [13]
               },
               {
                 "localized_name": "VAE",
                 "name": "VAE",
                 "type": "VAE",
-                "links": [
-                  14
-                ]
+                "links": [14]
               }
             ],
             "title": "subgraph 3",
@@ -439,21 +346,11 @@
         "name": "subgraph 3",
         "inputNode": {
           "id": -10,
-          "bounding": [
-            -154,
-            517,
-            120,
-            40
-          ]
+          "bounding": [-154, 517, 120, 40]
         },
         "outputNode": {
           "id": -20,
-          "bounding": [
-            898.2780151367188,
-            467,
-            128.6640625,
-            140
-          ]
+          "bounding": [898.2780151367188, 467, 128.6640625, 140]
         },
         "inputs": [],
         "outputs": [
@@ -461,9 +358,7 @@
             "id": "b4882169-329b-43f6-a373-81abfbdea55b",
             "name": "CONDITIONING",
             "type": "CONDITIONING",
-            "linkIds": [
-              6
-            ],
+            "linkIds": [6],
             "localized_name": "CONDITIONING",
             "pos": {
               "0": 918.2780151367188,
@@ -474,9 +369,7 @@
             "id": "01f51f96-a741-428e-8772-9557ee50b609",
             "name": "LATENT",
             "type": "LATENT",
-            "linkIds": [
-              2
-            ],
+            "linkIds": [2],
             "localized_name": "LATENT",
             "pos": {
               "0": 918.2780151367188,
@@ -487,9 +380,7 @@
             "id": "47fa906e-d80b-45c3-a596-211a0e59d4a1",
             "name": "MODEL",
             "type": "MODEL",
-            "linkIds": [
-              1
-            ],
+            "linkIds": [1],
             "localized_name": "MODEL",
             "pos": {
               "0": 918.2780151367188,
@@ -500,9 +391,7 @@
             "id": "f03dccd7-10e8-4513-9994-15854a92d192",
             "name": "CLIP",
             "type": "CLIP",
-            "linkIds": [
-              3
-            ],
+            "linkIds": [3],
             "localized_name": "CLIP",
             "pos": {
               "0": 918.2780151367188,
@@ -513,9 +402,7 @@
             "id": "a666877f-e34f-49bc-8a78-b26156656b83",
             "name": "VAE",
             "type": "VAE",
-            "linkIds": [
-              8
-            ],
+            "linkIds": [8],
             "localized_name": "VAE",
             "pos": {
               "0": 918.2780151367188,
@@ -528,14 +415,8 @@
           {
             "id": 7,
             "type": "CLIPTextEncode",
-            "pos": [
-              413,
-              389
-            ],
-            "size": [
-              425.27801513671875,
-              180.6060791015625
-            ],
+            "pos": [413, 389],
+            "size": [425.27801513671875, 180.6060791015625],
             "flags": {},
             "order": 2,
             "mode": 0,
@@ -553,29 +434,19 @@
                 "name": "CONDITIONING",
                 "type": "CONDITIONING",
                 "slot_index": 0,
-                "links": [
-                  6
-                ]
+                "links": [6]
               }
             ],
             "properties": {
               "Node name for S&R": "CLIPTextEncode"
             },
-            "widgets_values": [
-              "text, watermark"
-            ]
+            "widgets_values": ["text, watermark"]
           },
           {
             "id": 5,
             "type": "EmptyLatentImage",
-            "pos": [
-              473,
-              609
-            ],
-            "size": [
-              315,
-              106
-            ],
+            "pos": [473, 609],
+            "size": [315, 106],
             "flags": {},
             "order": 0,
             "mode": 0,
@@ -586,31 +457,19 @@
                 "name": "LATENT",
                 "type": "LATENT",
                 "slot_index": 0,
-                "links": [
-                  2
-                ]
+                "links": [2]
               }
             ],
             "properties": {
               "Node name for S&R": "EmptyLatentImage"
             },
-            "widgets_values": [
-              512,
-              512,
-              1
-            ]
+            "widgets_values": [512, 512, 1]
           },
           {
             "id": 4,
             "type": "CheckpointLoaderSimple",
-            "pos": [
-              26,
-              474
-            ],
-            "size": [
-              315,
-              98
-            ],
+            "pos": [26, 474],
+            "size": [315, 98],
             "flags": {},
             "order": 1,
             "mode": 0,
@@ -621,36 +480,27 @@
                 "name": "MODEL",
                 "type": "MODEL",
                 "slot_index": 0,
-                "links": [
-                  1
-                ]
+                "links": [1]
               },
               {
                 "localized_name": "CLIP",
                 "name": "CLIP",
                 "type": "CLIP",
                 "slot_index": 1,
-                "links": [
-                  3,
-                  5
-                ]
+                "links": [3, 5]
               },
               {
                 "localized_name": "VAE",
                 "name": "VAE",
                 "type": "VAE",
                 "slot_index": 2,
-                "links": [
-                  8
-                ]
+                "links": [8]
               }
             ],
             "properties": {
               "Node name for S&R": "CheckpointLoaderSimple"
             },
-            "widgets_values": [
-              "v1-5-pruned-emaonly-fp16.safetensors"
-            ]
+            "widgets_values": ["v1-5-pruned-emaonly-fp16.safetensors"]
           }
         ],
         "groups": [],

browser_tests/assets/subgraphs/subgraph-compressed-target-slot.json

@@ -7,30 +7,17 @@
     {
       "id": 2,
       "type": "8bfe4227-f272-49e1-a892-0a972a86867c",
-      "pos": [
-        -317,
-        -336
-      ],
-      "size": [
-        210,
-        58
-      ],
+      "pos": [-317, -336],
+      "size": [210, 58],
       "flags": {},
       "order": 0,
       "mode": 0,
       "inputs": [],
       "outputs": [],
       "properties": {
-        "proxyWidgets": [
-          [
-            "-1",
-            "batch_size"
-          ]
-        ]
+        "proxyWidgets": [["-1", "batch_size"]]
       },
-      "widgets_values": [
-        1
-      ]
+      "widgets_values": [1]
     }
   ],
   "links": [],
@@ -51,34 +38,19 @@
         "name": "New Subgraph",
         "inputNode": {
           "id": -10,
-          "bounding": [
-            -562,
-            -358,
-            120,
-            60
-          ]
+          "bounding": [-562, -358, 120, 60]
         },
         "outputNode": {
           "id": -20,
-          "bounding": [
-            -52,
-            -358,
-            120,
-            40
-          ]
+          "bounding": [-52, -358, 120, 40]
         },
         "inputs": [
           {
             "id": "b4a8bc2a-8e9f-41aa-938d-c567a11d2c00",
             "name": "batch_size",
             "type": "INT",
-            "linkIds": [
-              1
-            ],
-            "pos": [
-              -462,
-              -338
-            ]
+            "linkIds": [1],
+            "pos": [-462, -338]
           }
         ],
         "outputs": [],
@@ -87,14 +59,8 @@
           {
             "id": 1,
             "type": "EmptyLatentImage",
-            "pos": [
-              -382,
-              -376
-            ],
-            "size": [
-              270,
-              106
-            ],
+            "pos": [-382, -376],
+            "size": [270, 106],
             "flags": {},
             "order": 0,
             "mode": 0,
@@ -120,11 +86,7 @@
             "properties": {
               "Node name for S&R": "EmptyLatentImage"
             },
-            "widgets_values": [
-              512,
-              512,
-              1
-            ]
+            "widgets_values": [512, 512, 1]
           }
         ],
         "groups": [],

browser_tests/assets/subgraphs/subgraph-with-multiple-promoted-widgets.json

@@ -7,14 +7,8 @@
     {
       "id": 11,
       "type": "422723e8-4bf6-438c-823f-881ca81acead",
-      "pos": [
-        791.59912109375,
-        386.13336181640625
-      ],
-      "size": [
-        210,
-        202
-      ],
+      "pos": [791.59912109375, 386.13336181640625],
+      "size": [210, 202],
       "flags": {},
       "order": 0,
       "mode": 0,
@@ -48,10 +42,7 @@
         }
       ],
       "properties": {},
-      "widgets_values": [
-        "",
-        ""
-      ]
+      "widgets_values": ["", ""]
     }
   ],
   "links": [],
@@ -72,30 +63,18 @@
         "name": "New Subgraph",
         "inputNode": {
           "id": -10,
-          "bounding": [
-            481.59912109375,
-            379.13336181640625,
-            120,
-            160
-          ]
+          "bounding": [481.59912109375, 379.13336181640625, 120, 160]
         },
         "outputNode": {
           "id": -20,
-          "bounding": [
-            1121.59912109375,
-            379.13336181640625,
-            128.6640625,
-            60
-          ]
+          "bounding": [1121.59912109375, 379.13336181640625, 128.6640625, 60]
         },
         "inputs": [
           {
             "id": "0f07c10e-5705-4764-9b24-b69606c6dbcc",
             "name": "text",
             "type": "STRING",
-            "linkIds": [
-              10
-            ],
+            "linkIds": [10],
             "pos": {
               "0": 581.59912109375,
               "1": 399.13336181640625
@@ -105,9 +84,7 @@
             "id": "736e5a03-0f7f-4e48-93e4-fd66ea6c30f1",
             "name": "text_1",
             "type": "STRING",
-            "linkIds": [
-              11
-            ],
+            "linkIds": [11],
             "pos": {
               "0": 581.59912109375,
               "1": 419.13336181640625
@@ -117,9 +94,7 @@
             "id": "b62e7a0b-cc7e-4ca5-a4e1-c81607a13f58",
             "name": "model",
             "type": "MODEL",
-            "linkIds": [
-              13
-            ],
+            "linkIds": [13],
             "pos": {
               "0": 581.59912109375,
               "1": 439.13336181640625
@@ -129,9 +104,7 @@
             "id": "7a2628da-4879-4f82-a7d3-7b1c00db50a5",
             "name": "positive",
             "type": "CONDITIONING",
-            "linkIds": [
-              14
-            ],
+            "linkIds": [14],
             "pos": {
               "0": 581.59912109375,
               "1": 459.13336181640625
@@ -141,9 +114,7 @@
             "id": "651cf4ad-e8bf-47f6-b181-8f8aeacd6669",
             "name": "negative",
             "type": "CONDITIONING",
-            "linkIds": [
-              15
-            ],
+            "linkIds": [15],
             "pos": {
               "0": 581.59912109375,
               "1": 479.13336181640625
@@ -153,9 +124,7 @@
             "id": "c41765ea-61ef-4a77-8cc6-74113903078f",
             "name": "latent_image",
             "type": "LATENT",
-            "linkIds": [
-              16
-            ],
+            "linkIds": [16],
             "pos": {
               "0": 581.59912109375,
               "1": 499.13336181640625
@@ -167,9 +136,7 @@
             "id": "55dd1505-12bd-4cb4-8e75-031a97bb4387",
             "name": "CONDITIONING",
             "type": "CONDITIONING",
-            "linkIds": [
-              12
-            ],
+            "linkIds": [12],
             "pos": {
               "0": 1141.59912109375,
               "1": 399.13336181640625
@@ -181,14 +148,8 @@
           {
             "id": 10,
             "type": "CLIPTextEncode",
-            "pos": [
-              661.59912109375,
-              314.13336181640625
-            ],
-            "size": [
-              400,
-              200
-            ],
+            "pos": [661.59912109375, 314.13336181640625],
+            "size": [400, 200],
             "flags": {},
             "order": 1,
             "mode": 0,
@@ -220,21 +181,13 @@
             "properties": {
               "Node name for S&R": "CLIPTextEncode"
             },
-            "widgets_values": [
-              ""
-            ]
+            "widgets_values": [""]
           },
           {
             "id": 11,
             "type": "CLIPTextEncode",
-            "pos": [
-              668.755859375,
-              571.7766723632812
-            ],
-            "size": [
-              400,
-              200
-            ],
+            "pos": [668.755859375, 571.7766723632812],
+            "size": [400, 200],
             "flags": {},
             "order": 2,
             "mode": 0,
@@ -260,29 +213,19 @@
                 "localized_name": "CONDITIONING",
                 "name": "CONDITIONING",
                 "type": "CONDITIONING",
-                "links": [
-                  12
-                ]
+                "links": [12]
               }
             ],
             "properties": {
               "Node name for S&R": "CLIPTextEncode"
             },
-            "widgets_values": [
-              ""
-            ]
+            "widgets_values": [""]
           },
           {
             "id": 12,
             "type": "KSampler",
-            "pos": [
-              671.7379760742188,
-              1.621593713760376
-            ],
-            "size": [
-              270,
-              262
-            ],
+            "pos": [671.7379760742188, 1.621593713760376],
+            "size": [270, 262],
             "flags": {},
             "order": 0,
             "mode": 0,
@@ -323,15 +266,7 @@
             "properties": {
               "Node name for S&R": "KSampler"
             },
-            "widgets_values": [
-              0,
-              "randomize",
-              20,
-              8,
-              "euler",
-              "simple",
-              1
-            ]
+            "widgets_values": [0, "randomize", 20, 8, "euler", "simple", 1]
           }
         ],
         "groups": [],
@@ -401,10 +336,7 @@
   "extra": {
     "ds": {
       "scale": 0.9581355200690549,
-      "offset": [
-        184.687451089395,
-        80.38288288288285
-      ]
+      "offset": [184.687451089395, 80.38288288288285]
     },
     "frontendVersion": "1.24.1"
   },

browser_tests/assets/subgraphs/subgraph-with-promoted-text-widget.json

@@ -7,14 +7,8 @@
     {
       "id": 11,
       "type": "422723e8-4bf6-438c-823f-881ca81acead",
-      "pos": [
-        400,
-        300
-      ],
-      "size": [
-        210,
-        168
-      ],
+      "pos": [400, 300],
+      "size": [210, 168],
       "flags": {},
       "order": 0,
       "mode": 0,
@@ -47,9 +41,7 @@
       ],
       "outputs": [],
       "properties": {},
-      "widgets_values": [
-        ""
-      ]
+      "widgets_values": [""]
     }
   ],
   "links": [],
@@ -70,30 +62,18 @@
         "name": "New Subgraph",
         "inputNode": {
           "id": -10,
-          "bounding": [
-            481.59912109375,
-            379.13336181640625,
-            120,
-            160
-          ]
+          "bounding": [481.59912109375, 379.13336181640625, 120, 160]
         },
         "outputNode": {
           "id": -20,
-          "bounding": [
-            1121.59912109375,
-            379.13336181640625,
-            120,
-            40
-          ]
+          "bounding": [1121.59912109375, 379.13336181640625, 120, 40]
         },
         "inputs": [
           {
             "id": "0f07c10e-5705-4764-9b24-b69606c6dbcc",
             "name": "text",
             "type": "STRING",
-            "linkIds": [
-              10
-            ],
+            "linkIds": [10],
             "pos": {
               "0": 581.59912109375,
               "1": 399.13336181640625
@@ -103,9 +83,7 @@
             "id": "214a5060-24dd-4299-ab78-8027dc5b9c59",
             "name": "clip",
             "type": "CLIP",
-            "linkIds": [
-              11
-            ],
+            "linkIds": [11],
             "pos": {
               "0": 581.59912109375,
               "1": 419.13336181640625
@@ -115,9 +93,7 @@
             "id": "8ab94c5d-e7df-433c-9177-482a32340552",
             "name": "model",
             "type": "MODEL",
-            "linkIds": [
-              12
-            ],
+            "linkIds": [12],
             "pos": {
               "0": 581.59912109375,
               "1": 439.13336181640625
@@ -127,9 +103,7 @@
             "id": "8a4cd719-8c67-473b-9b44-ac0582d02641",
             "name": "positive",
             "type": "CONDITIONING",
-            "linkIds": [
-              13
-            ],
+            "linkIds": [13],
             "pos": {
               "0": 581.59912109375,
               "1": 459.13336181640625
@@ -139,9 +113,7 @@
             "id": "a78d6b3a-ad40-4300-b0a5-2cdbdb8dc135",
             "name": "negative",
             "type": "CONDITIONING",
-            "linkIds": [
-              14
-            ],
+            "linkIds": [14],
             "pos": {
               "0": 581.59912109375,
               "1": 479.13336181640625
@@ -151,9 +123,7 @@
             "id": "4c7abe0c-902d-49ef-a5b0-cbf02b50b693",
             "name": "latent_image",
             "type": "LATENT",
-            "linkIds": [
-              15
-            ],
+            "linkIds": [15],
             "pos": {
               "0": 581.59912109375,
               "1": 499.13336181640625
@@ -166,14 +136,8 @@
           {
             "id": 10,
             "type": "CLIPTextEncode",
-            "pos": [
-              661.59912109375,
-              314.13336181640625
-            ],
-            "size": [
-              400,
-              200
-            ],
+            "pos": [661.59912109375, 314.13336181640625],
+            "size": [400, 200],
             "flags": {},
             "order": 1,
             "mode": 0,
@@ -205,21 +169,13 @@
             "properties": {
               "Node name for S&R": "CLIPTextEncode"
             },
-            "widgets_values": [
-              ""
-            ]
+            "widgets_values": [""]
           },
           {
             "id": 11,
             "type": "KSampler",
-            "pos": [
-              674.1234741210938,
-              570.5839233398438
-            ],
-            "size": [
-              270,
-              262
-            ],
+            "pos": [674.1234741210938, 570.5839233398438],
+            "size": [270, 262],
             "flags": {},
             "order": 0,
             "mode": 0,
@@ -260,15 +216,7 @@
             "properties": {
               "Node name for S&R": "KSampler"
             },
-            "widgets_values": [
-              0,
-              "randomize",
-              20,
-              8,
-              "euler",
-              "simple",
-              1
-            ]
+            "widgets_values": [0, "randomize", 20, 8, "euler", "simple", 1]
           }
         ],
         "groups": [],
@@ -330,10 +278,7 @@
   "extra": {
     "ds": {
       "scale": 0.9581355200690549,
-      "offset": [
-        258.6405769416877,
-        147.17927927927929
-      ]
+      "offset": [258.6405769416877, 147.17927927927929]
     },
     "frontendVersion": "1.24.1"
   },

browser_tests/assets/subgraphs/subgraph-with-text-widget.json

@@ -7,14 +7,8 @@
     {
       "id": 11,
       "type": "422723e8-4bf6-438c-823f-881ca81acead",
-      "pos": [
-        791.59912109375,
-        386.13336181640625
-      ],
-      "size": [
-        140,
-        26
-      ],
+      "pos": [791.59912109375, 386.13336181640625],
+      "size": [140, 26],
       "flags": {},
       "order": 0,
       "mode": 0,
@@ -48,30 +42,18 @@
         "name": "New Subgraph",
         "inputNode": {
           "id": -10,
-          "bounding": [
-            481.59912109375,
-            379.13336181640625,
-            120,
-            60
-          ]
+          "bounding": [481.59912109375, 379.13336181640625, 120, 60]
         },
         "outputNode": {
           "id": -20,
-          "bounding": [
-            1121.59912109375,
-            379.13336181640625,
-            120,
-            40
-          ]
+          "bounding": [1121.59912109375, 379.13336181640625, 120, 40]
         },
         "inputs": [
           {
             "id": "79e69fca-ad12-499b-8d9b-9f1656b85354",
             "name": "clip",
             "type": "CLIP",
-            "linkIds": [
-              10
-            ],
+            "linkIds": [10],
             "pos": {
               "0": 581.59912109375,
               "1": 399.13336181640625
@@ -84,14 +66,8 @@
           {
             "id": 10,
             "type": "CLIPTextEncode",
-            "pos": [
-              661.59912109375,
-              314.13336181640625
-            ],
-            "size": [
-              400,
-              200
-            ],
+            "pos": [661.59912109375, 314.13336181640625],
+            "size": [400, 200],
             "flags": {},
             "order": 0,
             "mode": 0,
@@ -114,9 +90,7 @@
             "properties": {
               "Node name for S&R": "CLIPTextEncode"
             },
-            "widgets_values": [
-              ""
-            ]
+            "widgets_values": [""]
           }
         ],
         "groups": [],
@@ -143,10 +117,7 @@
     "VHS_KeepIntermediate": true,
     "ds": {
       "scale": 0.9581355200690549,
-      "offset": [
-        258.6405769416877,
-        147.17927927927929
-      ]
+      "offset": [258.6405769416877, 147.17927927927929]
     }
   },
   "version": 0.4

browser_tests/assets/viewport/default-viewport-saved-offscreen.json

@@ -7,14 +7,8 @@
     {
       "id": 4,
       "type": "CheckpointLoaderSimple",
-      "pos": [
-        60,
-        200
-      ],
-      "size": [
-        315,
-        98
-      ],
+      "pos": [60, 200],
+      "size": [315, 98],
       "flags": {},
       "order": 0,
       "mode": 0,
@@ -24,26 +18,19 @@
           "name": "MODEL",
           "type": "MODEL",
           "slot_index": 0,
-          "links": [
-            1
-          ]
+          "links": [1]
         },
         {
           "name": "CLIP",
           "type": "CLIP",
           "slot_index": 1,
-          "links": [
-            3,
-            5
-          ]
+          "links": [3, 5]
         },
         {
           "name": "VAE",
           "type": "VAE",
           "slot_index": 2,
-          "links": [
-            8
-          ]
+          "links": [8]
         }
       ],
       "properties": {
@@ -58,21 +45,13 @@
           }
         ]
       },
-      "widgets_values": [
-        "v1-5-pruned-emaonly-fp16.safetensors"
-      ]
+      "widgets_values": ["v1-5-pruned-emaonly-fp16.safetensors"]
     },
     {
       "id": 3,
       "type": "KSampler",
-      "pos": [
-        870,
-        170
-      ],
-      "size": [
-        315,
-        474
-      ],
+      "pos": [870, 170],
+      "size": [315, 474],
       "flags": {},
       "order": 4,
       "mode": 0,
@@ -103,9 +82,7 @@
           "name": "LATENT",
           "type": "LATENT",
           "slot_index": 0,
-          "links": [
-            7
-          ]
+          "links": [7]
         }
       ],
       "properties": {
@@ -126,14 +103,8 @@
     {
       "id": 8,
       "type": "VAEDecode",
-      "pos": [
-        975,
-        700
-      ],
-      "size": [
-        210,
-        46
-      ],
+      "pos": [975, 700],
+      "size": [210, 46],
       "flags": {},
       "order": 5,
       "mode": 0,
@@ -167,14 +138,8 @@
     {
       "id": 7,
       "type": "CLIPTextEncode",
-      "pos": [
-        410,
-        410
-      ],
-      "size": [
-        425.27801513671875,
-        180.6060791015625
-      ],
+      "pos": [410, 410],
+      "size": [425.27801513671875, 180.6060791015625],
       "flags": {},
       "order": 3,
       "mode": 0,
@@ -190,9 +155,7 @@
           "name": "CONDITIONING",
           "type": "CONDITIONING",
           "slot_index": 0,
-          "links": [
-            6
-          ]
+          "links": [6]
         }
       ],
       "properties": {
@@ -200,23 +163,15 @@
         "cnr_id": "comfy-core",
         "ver": "0.3.65"
       },
-      "widgets_values": [
-        "text, watermark"
-      ],
+      "widgets_values": ["text, watermark"],
       "color": "#223",
       "bgcolor": "#335"
     },
     {
       "id": 5,
       "type": "EmptyLatentImage",
-      "pos": [
-        520,
-        690
-      ],
-      "size": [
-        315,
-        106
-      ],
+      "pos": [520, 690],
+      "size": [315, 106],
       "flags": {},
       "order": 1,
       "mode": 0,
@@ -226,9 +181,7 @@
           "name": "LATENT",
           "type": "LATENT",
           "slot_index": 0,
-          "links": [
-            2
-          ]
+          "links": [2]
         }
       ],
       "properties": {
@@ -236,23 +189,13 @@
         "cnr_id": "comfy-core",
         "ver": "0.3.65"
       },
-      "widgets_values": [
-        512,
-        512,
-        1
-      ]
+      "widgets_values": [512, 512, 1]
     },
     {
       "id": 6,
       "type": "CLIPTextEncode",
-      "pos": [
-        411.21649169921875,
-        203.68695068359375
-      ],
-      "size": [
-        422.84503173828125,
-        164.31304931640625
-      ],
+      "pos": [411.21649169921875, 203.68695068359375],
+      "size": [422.84503173828125, 164.31304931640625],
       "flags": {},
       "order": 2,
       "mode": 0,
@@ -268,9 +211,7 @@
           "name": "CONDITIONING",
           "type": "CONDITIONING",
           "slot_index": 0,
-          "links": [
-            4
-          ]
+          "links": [4]
         }
       ],
       "properties": {
@@ -286,81 +227,20 @@
     }
   ],
   "links": [
-    [
-      1,
-      4,
-      0,
-      3,
-      0,
-      "MODEL"
-    ],
-    [
-      2,
-      5,
-      0,
-      3,
-      3,
-      "LATENT"
-    ],
-    [
-      3,
-      4,
-      1,
-      6,
-      0,
-      "CLIP"
-    ],
-    [
-      4,
-      6,
-      0,
-      3,
-      1,
-      "CONDITIONING"
-    ],
-    [
-      5,
-      4,
-      1,
-      7,
-      0,
-      "CLIP"
-    ],
-    [
-      6,
-      7,
-      0,
-      3,
-      2,
-      "CONDITIONING"
-    ],
-    [
-      7,
-      3,
-      0,
-      8,
-      0,
-      "LATENT"
-    ],
-    [
-      8,
-      4,
-      2,
-      8,
-      1,
-      "VAE"
-    ]
+    [1, 4, 0, 3, 0, "MODEL"],
+    [2, 5, 0, 3, 3, "LATENT"],
+    [3, 4, 1, 6, 0, "CLIP"],
+    [4, 6, 0, 3, 1, "CONDITIONING"],
+    [5, 4, 1, 7, 0, "CLIP"],
+    [6, 7, 0, 3, 2, "CONDITIONING"],
+    [7, 3, 0, 8, 0, "LATENT"],
+    [8, 4, 2, 8, 1, "VAE"]
   ],
   "groups": [
     {
       "id": 1,
       "title": "Step 1 - Load model",
-      "bounding": [
-        50,
-        130,
-        335,
-        181.60000610351562
-      ],
+      "bounding": [50, 130, 335, 181.60000610351562],
       "color": "#3f789e",
       "font_size": 24,
       "flags": {}
@@ -368,12 +248,7 @@
     {
       "id": 2,
       "title": "Step 3 - Image size",
-      "bounding": [
-        510,
-        620,
-        335,
-        189.60000610351562
-      ],
+      "bounding": [510, 620, 335, 189.60000610351562],
       "color": "#3f789e",
       "font_size": 24,
       "flags": {}
@@ -381,12 +256,7 @@
     {
       "id": 3,
       "title": "Step 2 - Prompt",
-      "bounding": [
-        400,
-        130,
-        445.27801513671875,
-        467.2060852050781
-      ],
+      "bounding": [400, 130, 445.27801513671875, 467.2060852050781],
       "color": "#3f789e",
       "font_size": 24,
       "flags": {}
@@ -396,10 +266,7 @@
   "extra": {
     "ds": {
       "scale": 0.44218252181616574,
-      "offset": [
-        -666.5670907104311,
-        -2227.894644048147
-      ]
+      "offset": [-666.5670907104311, -2227.894644048147]
     },
     "frontendVersion": "1.35.3",
     "VHS_latentpreview": false,

browser_tests/assets/vueNodes/simple-triple.json

@@ -1 +1,166 @@
-{"id":"4412323e-2509-4258-8abc-68ddeea8f9e1","revision":0,"last_node_id":39,"last_link_id":29,"nodes":[{"id":37,"type":"KSampler","pos":[3635.923095703125,870.237548828125],"size":[428,437],"flags":{},"order":0,"mode":0,"inputs":[{"localized_name":"model","name":"model","type":"MODEL","link":null},{"localized_name":"positive","name":"positive","type":"CONDITIONING","link":null},{"localized_name":"negative","name":"negative","type":"CONDITIONING","link":null},{"localized_name":"latent_image","name":"latent_image","type":"LATENT","link":null},{"localized_name":"seed","name":"seed","type":"INT","widget":{"name":"seed"},"link":null},{"localized_name":"steps","name":"steps","type":"INT","widget":{"name":"steps"},"link":null},{"localized_name":"cfg","name":"cfg","type":"FLOAT","widget":{"name":"cfg"},"link":null},{"localized_name":"sampler_name","name":"sampler_name","type":"COMBO","widget":{"name":"sampler_name"},"link":null},{"localized_name":"scheduler","name":"scheduler","type":"COMBO","widget":{"name":"scheduler"},"link":null},{"localized_name":"denoise","name":"denoise","type":"FLOAT","widget":{"name":"denoise"},"link":null}],"outputs":[{"localized_name":"LATENT","name":"LATENT","type":"LATENT","links":null}],"properties":{"Node name for S&R":"KSampler"},"widgets_values":[0,"randomize",20,8,"euler","simple",1]},{"id":38,"type":"VAEDecode","pos":[4164.01611328125,925.5230712890625],"size":[193.25,107],"flags":{},"order":1,"mode":0,"inputs":[{"localized_name":"samples","name":"samples","type":"LATENT","link":null},{"localized_name":"vae","name":"vae","type":"VAE","link":null}],"outputs":[{"localized_name":"IMAGE","name":"IMAGE","type":"IMAGE","links":null}],"properties":{"Node name for S&R":"VAEDecode"}},{"id":39,"type":"CLIPTextEncode","pos":[3259.289794921875,927.2508544921875],"size":[239.9375,155],"flags":{},"order":2,"mode":0,"inputs":[{"localized_name":"clip","name":"clip","type":"CLIP","link":null},{"localized_name":"text","name":"text","type":"STRING","widget":{"name":"text"},"link":null}],"outputs":[{"localized_name":"CONDITIONING","name":"CONDITIONING","type":"CONDITIONING","links":null}],"properties":{"Node name for S&R":"CLIPTextEncode"},"widgets_values":[""]}],"links":[],"groups":[],"config":{},"extra":{"ds":{"scale":1.1576250000000001,"offset":[-2808.366467322067,-478.34316506594797]}},"version":0.4}
+{
+  "id": "4412323e-2509-4258-8abc-68ddeea8f9e1",
+  "revision": 0,
+  "last_node_id": 39,
+  "last_link_id": 29,
+  "nodes": [
+    {
+      "id": 37,
+      "type": "KSampler",
+      "pos": [3635.923095703125, 870.237548828125],
+      "size": [428, 437],
+      "flags": {},
+      "order": 0,
+      "mode": 0,
+      "inputs": [
+        {
+          "localized_name": "model",
+          "name": "model",
+          "type": "MODEL",
+          "link": null
+        },
+        {
+          "localized_name": "positive",
+          "name": "positive",
+          "type": "CONDITIONING",
+          "link": null
+        },
+        {
+          "localized_name": "negative",
+          "name": "negative",
+          "type": "CONDITIONING",
+          "link": null
+        },
+        {
+          "localized_name": "latent_image",
+          "name": "latent_image",
+          "type": "LATENT",
+          "link": null
+        },
+        {
+          "localized_name": "seed",
+          "name": "seed",
+          "type": "INT",
+          "widget": { "name": "seed" },
+          "link": null
+        },
+        {
+          "localized_name": "steps",
+          "name": "steps",
+          "type": "INT",
+          "widget": { "name": "steps" },
+          "link": null
+        },
+        {
+          "localized_name": "cfg",
+          "name": "cfg",
+          "type": "FLOAT",
+          "widget": { "name": "cfg" },
+          "link": null
+        },
+        {
+          "localized_name": "sampler_name",
+          "name": "sampler_name",
+          "type": "COMBO",
+          "widget": { "name": "sampler_name" },
+          "link": null
+        },
+        {
+          "localized_name": "scheduler",
+          "name": "scheduler",
+          "type": "COMBO",
+          "widget": { "name": "scheduler" },
+          "link": null
+        },
+        {
+          "localized_name": "denoise",
+          "name": "denoise",
+          "type": "FLOAT",
+          "widget": { "name": "denoise" },
+          "link": null
+        }
+      ],
+      "outputs": [
+        {
+          "localized_name": "LATENT",
+          "name": "LATENT",
+          "type": "LATENT",
+          "links": null
+        }
+      ],
+      "properties": { "Node name for S&R": "KSampler" },
+      "widgets_values": [0, "randomize", 20, 8, "euler", "simple", 1]
+    },
+    {
+      "id": 38,
+      "type": "VAEDecode",
+      "pos": [4164.01611328125, 925.5230712890625],
+      "size": [193.25, 107],
+      "flags": {},
+      "order": 1,
+      "mode": 0,
+      "inputs": [
+        {
+          "localized_name": "samples",
+          "name": "samples",
+          "type": "LATENT",
+          "link": null
+        },
+        { "localized_name": "vae", "name": "vae", "type": "VAE", "link": null }
+      ],
+      "outputs": [
+        {
+          "localized_name": "IMAGE",
+          "name": "IMAGE",
+          "type": "IMAGE",
+          "links": null
+        }
+      ],
+      "properties": { "Node name for S&R": "VAEDecode" }
+    },
+    {
+      "id": 39,
+      "type": "CLIPTextEncode",
+      "pos": [3259.289794921875, 927.2508544921875],
+      "size": [239.9375, 155],
+      "flags": {},
+      "order": 2,
+      "mode": 0,
+      "inputs": [
+        {
+          "localized_name": "clip",
+          "name": "clip",
+          "type": "CLIP",
+          "link": null
+        },
+        {
+          "localized_name": "text",
+          "name": "text",
+          "type": "STRING",
+          "widget": { "name": "text" },
+          "link": null
+        }
+      ],
+      "outputs": [
+        {
+          "localized_name": "CONDITIONING",
+          "name": "CONDITIONING",
+          "type": "CONDITIONING",
+          "links": null
+        }
+      ],
+      "properties": { "Node name for S&R": "CLIPTextEncode" },
+      "widgets_values": [""]
+    }
+  ],
+  "links": [],
+  "groups": [],
+  "config": {},
+  "extra": {
+    "ds": {
+      "scale": 1.1576250000000001,
+      "offset": [-2808.366467322067, -478.34316506594797]
+    }
+  },
+  "version": 0.4
+}

browser_tests/assets/widgets/all_load_widgets.json

@@ -7,14 +7,8 @@
     {
       "id": 1,
       "type": "LoadAudio",
-      "pos": [
-        41.52964782714844,
-        16.930862426757812
-      ],
-      "size": [
-        444,
-        125
-      ],
+      "pos": [41.52964782714844, 16.930862426757812],
+      "size": [444, 125],
       "flags": {},
       "order": 0,
       "mode": 0,
@@ -29,23 +23,13 @@
       "properties": {
         "Node name for S&R": "LoadAudio"
       },
-      "widgets_values": [
-        null,
-        null,
-        ""
-      ]
+      "widgets_values": [null, null, ""]
     },
     {
       "id": 2,
       "type": "LoadVideo",
-      "pos": [
-        502.28570556640625,
-        16.857147216796875
-      ],
-      "size": [
-        444,
-        525
-      ],
+      "pos": [502.28570556640625, 16.857147216796875],
+      "size": [444, 525],
       "flags": {},
       "order": 1,
       "mode": 0,
@@ -60,22 +44,13 @@
       "properties": {
         "Node name for S&R": "LoadVideo"
       },
-      "widgets_values": [
-        null,
-        "image"
-      ]
+      "widgets_values": [null, "image"]
     },
     {
       "id": 3,
       "type": "DevToolsLoadAnimatedImageTest",
-      "pos": [
-        41.71427917480469,
-        188.0000457763672
-      ],
-      "size": [
-        444,
-        553
-      ],
+      "pos": [41.71427917480469, 188.0000457763672],
+      "size": [444, 553],
       "flags": {},
       "order": 2,
       "mode": 0,
@@ -95,22 +70,13 @@
       "properties": {
         "Node name for S&R": "DevToolsLoadAnimatedImageTest"
       },
-      "widgets_values": [
-        null,
-        "image"
-      ]
+      "widgets_values": [null, "image"]
     },
     {
       "id": 5,
       "type": "LoadImage",
-      "pos": [
-        958.285888671875,
-        16.57145118713379
-      ],
-      "size": [
-        444,
-        553
-      ],
+      "pos": [958.285888671875, 16.57145118713379],
+      "size": [444, 553],
       "flags": {},
       "order": 3,
       "mode": 0,
@@ -130,22 +96,13 @@
       "properties": {
         "Node name for S&R": "LoadImage"
       },
-      "widgets_values": [
-        null,
-        "image"
-      ]
+      "widgets_values": [null, "image"]
     },
     {
       "id": 6,
       "type": "LoadImageMask",
-      "pos": [
-        503.4285888671875,
-        588
-      ],
-      "size": [
-        444,
-        563
-      ],
+      "pos": [503.4285888671875, 588],
+      "size": [444, 563],
       "flags": {},
       "order": 4,
       "mode": 0,
@@ -160,23 +117,13 @@
       "properties": {
         "Node name for S&R": "LoadImageMask"
       },
-      "widgets_values": [
-        null,
-        "alpha",
-        "image"
-      ]
+      "widgets_values": [null, "alpha", "image"]
     },
     {
       "id": 7,
       "type": "LoadImageOutput",
-      "pos": [
-        965.1429443359375,
-        612
-      ],
-      "size": [
-        444,
-        553
-      ],
+      "pos": [965.1429443359375, 612],
+      "size": [444, 553],
       "flags": {},
       "order": 5,
       "mode": 0,
@@ -196,12 +143,7 @@
       "properties": {
         "Node name for S&R": "LoadImageOutput"
       },
-      "widgets_values": [
-        null,
-        false,
-        "refresh",
-        "image"
-      ]
+      "widgets_values": [null, false, "refresh", "image"]
     }
   ],
   "links": [],
@@ -210,10 +152,7 @@
   "extra": {
     "ds": {
       "scale": 1,
-      "offset": [
-        0,
-        0
-      ]
+      "offset": [0, 0]
     },
     "frontendVersion": "1.28.3"
   },

browser_tests/assets/widgets/boolean_widget.json

@@ -5,14 +5,8 @@
     {
       "id": 11,
       "type": "DevToolsNodeWithBooleanInput",
-      "pos": [
-        0,
-        30
-      ],
-      "size": [
-        315,
-        58
-      ],
+      "pos": [0, 30],
+      "size": [315, 58],
       "flags": {
         "collapsed": false
       },
@@ -23,9 +17,7 @@
       "properties": {
         "Node name for S&R": "DevToolsNodeWithBooleanInput"
       },
-      "widgets_values": [
-        false
-      ]
+      "widgets_values": [false]
     }
   ],
   "links": [],

browser_tests/assets/widgets/load_image_widget.json

@@ -5,14 +5,8 @@
     {
       "id": 10,
       "type": "LoadImage",
-      "pos": [
-        50,
-        50
-      ],
-      "size": [
-        315,
-        314
-      ],
+      "pos": [50, 50],
+      "size": [315, 314],
       "flags": {},
       "order": 0,
       "mode": 0,
@@ -32,10 +26,7 @@
       "properties": {
         "Node name for S&R": "LoadImage"
       },
-      "widgets_values": [
-        "example.png",
-        "image"
-      ]
+      "widgets_values": ["example.png", "image"]
     }
   ],
   "links": [],

browser_tests/assets/widgets/seed_widget.json

@@ -5,14 +5,8 @@
     {
       "id": 10,
       "type": "DevToolsNodeWithSeedInput",
-      "pos": [
-        20,
-        50
-      ],
-      "size": [
-        315,
-        82
-      ],
+      "pos": [20, 50],
+      "size": [315, 82],
       "flags": {},
       "order": 1,
       "mode": 0,
@@ -21,10 +15,7 @@
       "properties": {
         "Node name for S&R": "DevToolsNodeWithSeedInput"
       },
-      "widgets_values": [
-        0,
-        "randomize"
-      ]
+      "widgets_values": [0, "randomize"]
     }
   ],
   "links": [],
@@ -33,10 +24,7 @@
   "extra": {
     "ds": {
       "scale": 1,
-      "offset": [
-        0,
-        0
-      ]
+      "offset": [0, 0]
     }
   },
   "version": 0.4

browser_tests/tests/versionMismatchWarnings.spec.ts

@@ -38,6 +38,10 @@ test.describe('Version Mismatch Warnings', () => {
 
   test.beforeEach(async ({ comfyPage }) => {
     await comfyPage.setSetting('Comfy.UseNewMenu', 'Top')
+    await comfyPage.setSetting(
+      'Comfy.VersionCompatibility.DisableWarnings',
+      false
+    )
   })
 
   test('should show version mismatch warnings when installed version lower than required', async ({

browser_tests/tsconfig.json

@@ -7,7 +7,5 @@
     "noUnusedParameters": true,
     "resolveJsonModule": true
   },
-  "include": [
-    "**/*.ts",
-  ]
+  "include": ["**/*.ts"]
 }

build/tsconfig.json

@@ -11,7 +11,5 @@
     "noUnusedParameters": true,
     "resolveJsonModule": true
   },
-  "include": [
-    "**/*.ts"
-  ]
+  "include": ["**/*.ts"]
 }

docs/FEATURE_FLAGS.md

@@ -159,6 +159,7 @@ graph LR
 ```
 
 **Backend Usage:**
+
 ```python
 # Check if client supports preview metadata
 if feature_flags.supports_feature(
@@ -196,6 +197,7 @@ graph TB
 ```
 
 **Backend Configuration:**
+
 ```python
 # In feature_flags.py
 SERVER_FEATURE_FLAGS = {
@@ -205,6 +207,7 @@ SERVER_FEATURE_FLAGS = {
 ```
 
 **Frontend Usage:**
+
 ```typescript
 const { getServerFeature } = useFeatureFlags()
 const maxUploadSize = getServerFeature('max_upload_size', 100 * 1024 * 1024) // Default 100MB
@@ -215,6 +218,7 @@ const maxUploadSize = getServerFeature('max_upload_size', 100 * 1024 * 1024) //
 ### Frontend Access Patterns
 
 1. **Direct API access:**
+
 ```typescript
 // Check boolean feature
 if (api.serverSupportsFeature('supports_preview_metadata')) {
@@ -226,6 +230,7 @@ const maxSize = api.getServerFeature('max_upload_size', 100 * 1024 * 1024)
 ```
 
 2. **Using the composable (recommended for reactive components):**
+
 ```typescript
 const { serverSupports, getServerFeature, extension } = useFeatureFlags()
 
@@ -241,6 +246,7 @@ if (extension.manager.supportsV4.value) {
 ```
 
 3. **Reactive usage in templates:**
+
 ```vue
 <template>
   <div v-if="featureFlags.extension.manager.supportsV4">
@@ -282,6 +288,7 @@ max_size = feature_flags.get_connection_feature(
 ### Backend
 
 1. **For server capabilities**, add to `SERVER_FEATURE_FLAGS` in `comfy_api/feature_flags.py`:
+
 ```python
 SERVER_FEATURE_FLAGS = {
     "supports_preview_metadata": True,
@@ -291,6 +298,7 @@ SERVER_FEATURE_FLAGS = {
 ```
 
 2. **Use in your code:**
+
 ```python
 if feature_flags.supports_feature(sockets_metadata, sid, "your_new_feature"):
     # Feature-specific code
@@ -299,6 +307,7 @@ if feature_flags.supports_feature(sockets_metadata, sid, "your_new_feature"):
 ### Frontend
 
 1. **For client capabilities**, add to `src/config/clientFeatureFlags.json`:
+
 ```json
 {
   "supports_preview_metadata": false,
@@ -307,14 +316,19 @@ if feature_flags.supports_feature(sockets_metadata, sid, "your_new_feature"):
 ```
 
 2. **For extension features**, update the composable to add convenience accessors:
+
 ```typescript
 // In useFeatureFlags.ts
 const extension = {
   manager: {
-        supportsV4: computed(() => getServerFeature('extension.manager.supports_v4', false))
+    supportsV4: computed(() =>
+      getServerFeature('extension.manager.supports_v4', false)
+    )
   },
   yourExtension: {
-        supportsNewFeature: computed(() => getServerFeature('extension.yourExtension.supports_new_feature', false))
+    supportsNewFeature: computed(() =>
+      getServerFeature('extension.yourExtension.supports_new_feature', false)
+    )
   }
 }
 
@@ -340,6 +354,7 @@ graph LR
 ```
 
 Test your feature flags with different combinations:
+
 - Frontend with flag + Backend with flag = Feature works
 - Frontend with flag + Backend without = Graceful degradation
 - Frontend without + Backend with flag = No feature usage
@@ -360,3 +375,4 @@ it('should handle preview metadata based on feature flag', () => {
 
   expect(api.serverSupportsFeature('supports_preview_metadata')).toBe(false)
 })
+```

docs/SETTINGS.md

@@ -5,6 +5,7 @@
 ComfyUI frontend uses a comprehensive settings system for user preferences with support for dynamic defaults, version-based rollouts, and environment-aware configuration.
 
 ### Settings Architecture
+
 - Settings are defined as `SettingParams` in `src/constants/coreSettings.ts`
 - Registered at app startup, loaded/saved via `useSettingStore` (Pinia)
 - Persisted per user via backend `/settings` endpoint
@@ -45,6 +46,7 @@ await newUserService().initializeIfNewUser(settingStore)
 ## Dynamic and Environment-Based Defaults
 
 ### Computed Defaults
+
 You can compute defaults dynamically using function defaults that access runtime context:
 
 ```typescript
@@ -65,14 +67,15 @@ You can compute defaults dynamically using function defaults that access runtime
 ```
 
 ### Version-Based Defaults
+
 You can vary defaults by installed frontend version using `defaultsByInstallVersion`:
 
 ```typescript
 // From src/stores/settingStore.ts:129-150
-function getVersionedDefaultValue<K extends keyof Settings, TValue = Settings[K]>(
-  key: K, 
-  param: SettingParams<TValue> | undefined
-): TValue | null {
+function getVersionedDefaultValue<
+  K extends keyof Settings,
+  TValue = Settings[K]
+>(key: K, param: SettingParams<TValue> | undefined): TValue | null {
   const defaultsByInstallVersion = param?.defaultsByInstallVersion
   if (defaultsByInstallVersion && key !== 'Comfy.InstalledVersion') {
     const installedVersion = get('Comfy.InstalledVersion')
@@ -166,15 +169,13 @@ The initial installed version is captured for new users to ensure versioned defa
 
 ```typescript
 // From src/services/newUserService.ts:49-53
-await settingStore.set(
-  'Comfy.InstalledVersion',
-  __COMFYUI_FRONTEND_VERSION__
-)
+await settingStore.set('Comfy.InstalledVersion', __COMFYUI_FRONTEND_VERSION__)
 ```
 
 ## Practical Patterns for Environment-Based Defaults
 
 ### Dynamic Default Patterns
+
 ```typescript
 // Device-based default
 {
@@ -199,6 +200,7 @@ await settingStore.set(
 ```
 
 ### Version-Based Rollout Pattern
+
 ```typescript
 {
   id: 'Comfy.Example.NewFeature',
@@ -214,6 +216,7 @@ await settingStore.set(
 ## Settings Persistence and Access
 
 ### API Interaction
+
 Values are stored per user via the backend. The store writes through API and falls back to defaults when not set:
 
 ```typescript
@@ -224,6 +227,7 @@ await api.storeSetting(key, newValue)
 ```
 
 ### Usage in Components
+
 ```typescript
 const settingStore = useSettingStore()
 
@@ -234,7 +238,6 @@ const value = settingStore.get('Comfy.SomeSetting')
 await settingStore.set('Comfy.SomeSetting', newValue)
 ```
 
-
 ## Advanced Settings Features
 
 ### Migration and Backward Compatibility
@@ -243,10 +246,7 @@ Settings support migration from deprecated values:
 
 ```typescript
 // From src/stores/settingStore.ts:68-69, 172-175
-const newValue = tryMigrateDeprecatedValue(
-  settingsById.value[key],
-  clonedValue
-)
+const newValue = tryMigrateDeprecatedValue(settingsById.value[key], clonedValue)
 
 // Migration happens during addSetting for existing values:
 if (settingValues.value[setting.id] !== undefined) {

docs/adr/0001-merge-litegraph-into-frontend.md

@@ -11,11 +11,13 @@ Accepted
 ComfyUI's frontend architecture currently depends on a forked version of litegraph.js maintained as a separate package (@comfyorg/litegraph). This separation has created several architectural and operational challenges:
 
 **Architectural Issues:**
+
 - The current split creates a distributed monolith where both packages handle rendering, user interactions, and data models without clear separation of responsibilities
 - Both frontend and litegraph manipulate the same data structures, forcing tight coupling across the frontend's data model, views, and business logic
 - The lack of clear boundaries prevents implementation of modern architectural patterns like MVC or event-sourcing
 
 **Operational Issues:**
+
 - ComfyUI is the only known user of the @comfyorg/litegraph fork
 - Managing separate repositories significantly slows developer velocity due to coordination overhead
 - Version mismatches between frontend and litegraph cause recurring issues
@@ -23,6 +25,7 @@ ComfyUI's frontend architecture currently depends on a forked version of litegra
 
 **Future Requirements:**
 The following planned features are blocked by the current architecture:
+
 - Multiplayer collaboration requiring CRDT-based state management
 - Cloud-based backend support
 - Alternative rendering backends
@@ -34,6 +37,7 @@ The following planned features are blocked by the current architecture:
 We will merge litegraph.js directly into the ComfyUI frontend repository using git subtree to preserve the complete commit history.
 
 The merge will:
+
 1. Move litegraph source to `src/lib/litegraph/`
 2. Update all import paths from `@comfyorg/litegraph` to `@/lib/litegraph`
 3. Remove the npm dependency on `@comfyorg/litegraph`

docs/adr/0002-monorepo-conversion.md

@@ -37,7 +37,7 @@ There's a [whole list here](https://monorepo.tools/#tools-review) if you're inte
 
 - Adding new projects with shared dependencies becomes really easy
 - Makes the process of forking and customizing projects more structured, if not strictly easier
-- It *could* speed up the build and development process (not guaranteed)
+- It _could_ speed up the build and development process (not guaranteed)
 - It would let us cleanly organize and release packages like `comfyui-frontend-types`
 
 ### Negative