fix: harden contribution policy checks

.coderabbit.yaml

@@ -22,6 +22,29 @@ reviews:
     docstrings:
       mode: 'off'
     custom_checks:
+      - name: Reproduction and contribution evidence
+        mode: error
+        instructions: |
+          Use only PR metadata already available in the review context: the PR
+          description, changed-file list relative to the base, and diff content.
+          Do not run shell commands or follow links to infer missing evidence.
+
+          Fail when the PR description does not contain concrete reproduction or
+          validation steps that another reviewer can follow.
+
+          The PR must select exactly one evidence type:
+          1. Visual: require either distinct Before and After screenshot links, or
+             one screencast link that demonstrates the before and after behavior.
+          2. Non-visual: allow this only when the diff has no user-visible behavior
+             or presentation change. Require an `N/A:` rationale plus a concrete
+             test command and result or relevant log evidence.
+
+          Fail placeholders, generic statements such as `done` or `tested`, a
+          screenshot used as both Before and After, and Non-visual selections for
+          changes to rendered UI, styling, interaction, or user-visible states.
+          Pass otherwise. The repository metadata workflow validates field shape;
+          this check validates whether the supplied evidence matches the diff.
+
       - name: End-to-end regression coverage for fixes
         mode: error
         instructions: |

.github/ISSUE_TEMPLATE/bug-report.yaml

@@ -39,6 +39,37 @@ body:
     validations:
       required: true
 
+  - type: dropdown
+    id: evidence-type
+    attributes:
+      label: Evidence type
+      description: Choose the evidence that supports this report.
+      options:
+        - Visual
+        - Non-visual
+    validations:
+      required: true
+
+  - type: textarea
+    id: evidence
+    attributes:
+      label: Evidence
+      description: >-
+        Visual reports require distinct before and after links or one screencast.
+        For non-visual reports, explain why visuals do not apply and include test
+        or log output.
+      placeholder: |
+        Visual:
+        Before: Drag in a screenshot.
+        After: Drag in a screenshot.
+        Or Screencast: Drag in one recording that shows both states.
+
+        Non-visual:
+        N/A: Explain why visual evidence does not apply.
+        Test/log evidence: Paste the command and result, logs, or a link.
+    validations:
+      required: true
+
   - type: dropdown
     id: severity
     attributes:

.github/ISSUE_TEMPLATE/feature-request.yaml

@@ -29,6 +29,46 @@ body:
         - While collaborating with team members...
     validations:
       required: true
+  - type: textarea
+    id: example
+    attributes:
+      label: Concrete example or steps
+      description: Show the exact workflow or steps where the problem occurs.
+      placeholder: |
+        1. Open a workflow with...
+        2. Try to...
+        3. Observe...
+    validations:
+      required: true
+  - type: dropdown
+    id: evidence-type
+    attributes:
+      label: Evidence type
+      description: Choose the evidence that supports this request.
+      options:
+        - Visual
+        - Non-visual
+    validations:
+      required: true
+  - type: textarea
+    id: evidence
+    attributes:
+      label: Evidence
+      description: >-
+        Visual requests require distinct before and after links or one screencast.
+        For non-visual requests, explain why visuals do not apply and include test
+        or log output.
+      placeholder: |
+        Visual:
+        Before: Drag in a screenshot.
+        After: Drag in a screenshot.
+        Or Screencast: Drag in one recording that shows both states.
+
+        Non-visual:
+        N/A: Explain why visual evidence does not apply.
+        Test/log evidence: Paste the command and result, logs, or a link.
+    validations:
+      required: true
   - type: dropdown
     id: frequency
     attributes:

.github/pull_request_template.md

@@ -15,6 +15,35 @@
 <!-- If this PR fixes an issue, uncomment and update the line below -->
 <!-- Fixes #ISSUE_NUMBER -->
 
-## Screenshots (if applicable)
+## Reproduction or validation steps
 
-<!-- Add screenshots or video recording to help explain your changes -->
+<!-- Required. List the exact steps a reviewer can follow. -->
+
+1.
+
+## Evidence type
+
+<!-- Required. Check exactly one. -->
+
+- [ ] Visual
+- [ ] Non-visual
+
+## Before
+
+<!-- Visual: add a screenshot link. Leave blank when using a screencast. -->
+
+## After
+
+<!-- Visual: add a screenshot link. Leave blank when using a screencast. -->
+
+## Screencast
+
+<!-- Visual alternative: add one link that demonstrates before and after. -->
+
+## Non-visual rationale
+
+<!-- Non-visual only. Start with "N/A:" and explain why visuals do not apply. -->
+
+## Test or log evidence
+
+<!-- Non-visual only. Paste the command and result, logs, or a link. -->

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

@@ -41,6 +41,20 @@ jobs:
           title: '[chore] Update electron-types to ${{ steps.get-version.outputs.NEW_VERSION }}'
           body: |
             Automated update of desktop API types to version ${{ steps.get-version.outputs.NEW_VERSION }}.
+
+            ## Reproduction or validation steps
+            1. Review the package and lockfile changes for the expected version.
+            2. Confirm the desktop API type checks pass in CI.
+
+            ## Evidence type
+            - [ ] Visual
+            - [x] Non-visual
+
+            ## Non-visual rationale
+            N/A: This automated dependency update has no visual behavior.
+
+            ## Test or log evidence
+            `pnpm install --workspace-root @comfyorg/comfyui-electron-types@latest` passed in workflow run `${{ github.run_id }}`.
           branch: update-electron-types-${{ steps.get-version.outputs.NEW_VERSION }}
           base: main
           labels: |

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

@@ -98,6 +98,20 @@ jobs:
             - Generated on: ${{ github.event.repository.updated_at }}
 
             These types are automatically generated using openapi-typescript.
+
+            ## Reproduction or validation steps
+            1. Review the generated type diff against the referenced Manager commit.
+            2. Confirm the generated type lint and repository checks pass in CI.
+
+            ## Evidence type
+            - [ ] Visual
+            - [x] Non-visual
+
+            ## Non-visual rationale
+            N/A: This automated generated-type update has no visual behavior.
+
+            ## Test or log evidence
+            `pnpm lint:fix:no-cache -- ./src/types/generatedManagerTypes.ts` passed in workflow run `${{ github.run_id }}`.
           branch: update-manager-types-${{ steps.manager-info.outputs.commit }}
           base: ${{ inputs.target_branch }}
           labels: Manager

.github/workflows/ci-issue-evidence.yaml

@@ -0,0 +1,117 @@
+# Description: Labels and reports issues blocked by missing evidence or a Comfy human owner.
+name: 'CI: Issue Evidence'
+
+on:
+  issues:
+    types: [opened, edited, reopened, assigned, unassigned]
+
+permissions:
+  contents: read
+  issues: write
+
+concurrency:
+  group: issue-evidence-${{ github.event.issue.number }}
+  cancel-in-progress: true
+
+jobs:
+  issue-evidence:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout default-branch validator
+        uses: actions/checkout@v6
+        with:
+          ref: ${{ github.workflow_sha }}
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v6
+        with:
+          node-version-file: '.nvmrc'
+
+      - name: Validate issue evidence
+        id: evidence
+        continue-on-error: true
+        run: node scripts/cicd/validate-evidence.ts issue "$GITHUB_EVENT_PATH"
+
+      - name: Validate human maintainer assignment
+        id: maintainer
+        continue-on-error: true
+        env:
+          COMFY_ORG_MEMBERS_READ_TOKEN: ${{ secrets.COMFY_ORG_MEMBERS_READ_TOKEN }}
+        run: node scripts/cicd/validate-maintainer.ts "$GITHUB_EVENT_PATH"
+
+      - name: Update blocked labels
+        if: always()
+        uses: actions/github-script@v8
+        env:
+          EVIDENCE_VALID: ${{ steps.evidence.outputs.valid }}
+          MAINTAINER_VALID: ${{ steps.maintainer.outputs.valid }}
+        with:
+          script: |
+            const issue_number = context.issue.number
+            const { owner, repo } = context.repo
+            const policies = [
+              {
+                description: 'Blocked until required reproduction and evidence details are added',
+                name: 'blocked: needs-evidence',
+                valid: process.env.EVIDENCE_VALID === 'true'
+              },
+              {
+                description: 'Blocked until an active human comfy_frontend_devs member is assigned',
+                name: 'blocked: needs-maintainer',
+                valid: process.env.MAINTAINER_VALID === 'true'
+              }
+            ]
+
+            for (const policy of policies) {
+              if (policy.valid) {
+                try {
+                  await github.rest.issues.removeLabel({
+                    owner,
+                    repo,
+                    issue_number,
+                    name: policy.name
+                  })
+                } catch (error) {
+                  if (error.status !== 404) throw error
+                }
+                continue
+              }
+
+              try {
+                await github.rest.issues.getLabel({
+                  owner,
+                  repo,
+                  name: policy.name
+                })
+              } catch (error) {
+                if (error.status !== 404) throw error
+                await github.rest.issues.createLabel({
+                  owner,
+                  repo,
+                  name: policy.name,
+                  color: 'B60205',
+                  description: policy.description
+                }).catch((createError) => {
+                  const alreadyExists =
+                    createError.status === 422 &&
+                    createError.response?.data?.errors?.some(
+                      (detail) => detail.code === 'already_exists'
+                    )
+                  if (!alreadyExists) throw createError
+                })
+              }
+
+              await github.rest.issues.addLabels({
+                owner,
+                repo,
+                issue_number,
+                labels: [policy.name]
+              })
+            }
+
+      - name: Fail blocked contribution
+        if: >-
+          always() &&
+          (steps.evidence.outputs.valid != 'true' ||
+           steps.maintainer.outputs.valid != 'true')
+        run: exit 1

.github/workflows/ci-pr-evidence.yaml

@@ -0,0 +1,67 @@
+# Description: Enforces PR evidence and a Comfy human owner with trusted base-branch code.
+name: 'CI: PR Evidence'
+
+on:
+  pull_request_target:
+    types:
+      [
+        opened,
+        edited,
+        synchronize,
+        reopened,
+        ready_for_review,
+        assigned,
+        unassigned
+      ]
+  merge_group:
+    types: [checks_requested]
+
+permissions:
+  contents: read
+  pull-requests: read
+
+concurrency:
+  group: pr-evidence-${{ github.event.pull_request.number || github.event.merge_group.head_sha }}
+  cancel-in-progress: true
+
+jobs:
+  pr-evidence:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout trusted validator
+        uses: actions/checkout@v6
+        with:
+          ref: ${{ github.workflow_sha }}
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v6
+        with:
+          node-version-file: '.nvmrc'
+
+      - name: Validate human maintainer assignment
+        id: maintainer
+        if: github.event_name == 'pull_request_target'
+        continue-on-error: true
+        env:
+          COMFY_ORG_MEMBERS_READ_TOKEN: ${{ secrets.COMFY_ORG_MEMBERS_READ_TOKEN }}
+        run: node scripts/cicd/validate-maintainer.ts "$GITHUB_EVENT_PATH"
+
+      - name: Validate pull request evidence
+        id: evidence
+        if: github.event_name == 'pull_request_target'
+        continue-on-error: true
+        run: node scripts/cicd/validate-evidence.ts pr "$GITHUB_EVENT_PATH"
+
+      - name: Enforce contribution policy
+        if: >-
+          github.event_name == 'pull_request_target' &&
+          (steps.maintainer.outputs.valid != 'true' ||
+           steps.evidence.outputs.valid != 'true')
+        run: exit 1
+
+      - name: Validate current merge group metadata
+        if: github.event_name == 'merge_group'
+        env:
+          COMFY_ORG_MEMBERS_READ_TOKEN: ${{ secrets.COMFY_ORG_MEMBERS_READ_TOKEN }}
+          GITHUB_TOKEN: ${{ github.token }}
+        run: node scripts/cicd/validate-merge-group.ts "$GITHUB_EVENT_PATH"

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

@@ -49,6 +49,20 @@ jobs:
             Automated PR to update locales for node definitions
 
             This PR was created automatically by the frontend update workflow.
+
+            ## Reproduction or validation steps
+            1. Review the locale diff for the expected node-definition strings.
+            2. Confirm locale generation and repository checks pass in CI.
+
+            ## Evidence type
+            - [ ] Visual
+            - [x] Non-visual
+
+            ## Non-visual rationale
+            N/A: This automated locale data update has no visual behavior.
+
+            ## Test or log evidence
+            `pnpm locale` passed in workflow run `${{ github.run_id }}`.
           branch: update-locales-node-defs-${{ github.event.inputs.trigger_type }}-${{ github.run_id }}
           base: main
           labels: dependencies

.github/workflows/pr-backport.yaml

@@ -348,22 +348,34 @@ jobs:
         run: |
           # Get PR data for manual triggers
           if [ "${{ github.event_name }}" = "workflow_dispatch" ]; then
-            PR_DATA=$(gh pr view ${{ inputs.pr_number }} --json title,author)
+            PR_DATA=$(gh pr view ${{ inputs.pr_number }} --json title,author,body)
             PR_TITLE=$(echo "$PR_DATA" | jq -r '.title')
             PR_AUTHOR=$(echo "$PR_DATA" | jq -r '.author.login')
+            PR_SOURCE_BODY=$(echo "$PR_DATA" | jq -r '.body // ""')
           else
             PR_TITLE=$(jq -r '.pull_request.title' "$GITHUB_EVENT_PATH")
             PR_AUTHOR=$(jq -r '.pull_request.user.login' "$GITHUB_EVENT_PATH")
+            PR_SOURCE_BODY=$(jq -r '.pull_request.body // ""' "$GITHUB_EVENT_PATH")
           fi
 
           for backport in ${{ steps.backport.outputs.success }}; do
             IFS=':' read -r target branch <<< "${backport}"
 
+            PR_BODY=$(cat <<EOF
+          Backport of #${PR_NUMBER} to \`${target}\`.
+
+          Automatically created by the backport workflow.
+
+          ## Source pull request evidence
+          ${PR_SOURCE_BODY}
+          EOF
+          )
+
             if PR_URL=$(gh pr create \
               --base "${target}" \
               --head "${branch}" \
               --title "[backport ${target}] ${PR_TITLE}" \
-              --body "Backport of #${PR_NUMBER} to \`${target}\`"$'\n\n'"Automatically created by backport workflow." \
+              --body "${PR_BODY}" \
               --label "backport" 2>&1); then
 
               # Extract PR number from URL

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

@@ -202,6 +202,20 @@ jobs:
             ${{ steps.capitalised.outputs.capitalised }} version increment to ${{ steps.bump-version.outputs.NEW_VERSION }}
 
             **Base branch:** `${{ steps.prepared-inputs.outputs.branch }}`
+
+            ## Reproduction or validation steps
+            1. Review the package and lockfile version changes.
+            2. Confirm release checks pass for the target branch in CI.
+
+            ## Evidence type
+            - [ ] Visual
+            - [x] Non-visual
+
+            ## Non-visual rationale
+            N/A: This automated version bump has no visual behavior.
+
+            ## Test or log evidence
+            `pnpm version ${{ steps.prepared-inputs.outputs.version_type }} --no-git-tag-version` passed in workflow run `${{ github.run_id }}`.
           branch: version-bump-${{ steps.bump-version.outputs.NEW_VERSION }}
           base: ${{ steps.prepared-inputs.outputs.branch }}
           labels: |

.github/workflows/release-website.yaml

@@ -63,6 +63,20 @@ jobs:
             snapshot (with a warning annotation in CI).
 
             Triggered by workflow run `${{ github.run_id }}`.
+
+            ## Reproduction or validation steps
+            1. Review both regenerated snapshot diffs for expected remote data.
+            2. Confirm the Vercel website preview builds successfully.
+
+            ## Evidence type
+            - [ ] Visual
+            - [x] Non-visual
+
+            ## Non-visual rationale
+            N/A: This automated snapshot refresh changes data files only.
+
+            ## Test or log evidence
+            Status: success for snapshot generation in workflow run `${{ github.run_id }}`.
           branch: chore/refresh-website-snapshots-${{ github.run_id }}
           base: main
           labels: |

.github/workflows/version-bump-desktop-ui.yaml

@@ -86,6 +86,20 @@ jobs:
             ${{ steps.capitalised.outputs.capitalised }} version increment for @comfyorg/desktop-ui to ${{ steps.bump-version.outputs.NEW_VERSION }}
 
             **Base branch:** `${{ github.event.inputs.branch }}`
+
+            ## Reproduction or validation steps
+            1. Review the desktop UI package and lockfile version changes.
+            2. Confirm desktop UI release checks pass for the target branch in CI.
+
+            ## Evidence type
+            - [ ] Visual
+            - [x] Non-visual
+
+            ## Non-visual rationale
+            N/A: This automated package version bump has no visual behavior.
+
+            ## Test or log evidence
+            `pnpm -C apps/desktop-ui version ${{ github.event.inputs.version_type }} --no-git-tag-version` passed in workflow run `${{ github.run_id }}`.
           branch: desktop-ui-version-bump-${{ steps.bump-version.outputs.NEW_VERSION }}
           base: ${{ github.event.inputs.branch }}
           labels: |

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

@@ -84,6 +84,7 @@ jobs:
                - ## Review Notes section with any important context
             3. Be specific about which files were updated and why
             4. If no changes were needed, write a brief message stating documentation is up to date
+            5. Do not add evidence-contract headings; the workflow appends those sections
           anthropic_api_key: ${{ secrets.ANTHROPIC_API_KEY }}
           claude_args: "--max-turns 256 --allowedTools 'Bash(git status),Bash(git diff),Bash(git log),Bash(pnpm:*),Bash(npm:*),Bash(node:*),Bash(tsc:*),Bash(echo:*),Read,Write,Edit,Glob,Grep'"
         continue-on-error: false
@@ -127,6 +128,26 @@ jobs:
           EOF
           fi
 
+      - name: Add required PR evidence
+        if: steps.check_changes.outputs.has_changes == 'true'
+        run: |
+          cat >> /tmp/pr-body-${{ github.run_id }}.md <<'EOF'
+
+          ## Reproduction or validation steps
+          1. Review each documentation diff against the current implementation.
+          2. Confirm referenced commands and links work as documented.
+
+          ## Evidence type
+          - [ ] Visual
+          - [x] Non-visual
+
+          ## Non-visual rationale
+          N/A: This automated review changes documentation only.
+
+          ## Test or log evidence
+          Status: success. The documentation review completed before this PR was created.
+          EOF
+
       - name: Create or Update Pull Request
         if: steps.check_changes.outputs.has_changes == 'true'
         uses: peter-evans/create-pull-request@c0f553fe549906ede9cf27b5156039d195d2ece0 # v8.1.0

CONTRIBUTING.md

@@ -258,8 +258,11 @@ The original litegraph repository (https://github.com/Comfy-Org/litegraph.js) is
 
 1. Ensure your branch is up to date with main
 2. Run all tests and ensure they pass
-3. Create a pull request with a clear title and description
-4. Use conventional commit format for PR titles:
+3. Create a pull request with a clear title, description, and exact reproduction or validation steps
+4. Include contribution evidence:
+   - For visual behavior or presentation changes, add distinct Before and After screenshots or one screencast that demonstrates both states.
+   - For a truly non-visual change, select Non-visual, add an `N/A:` rationale, and include the test command and result or relevant logs.
+5. Use conventional commit format for PR titles:
    - `feat:` for new features
    - `fix:` for bug fixes
    - `docs:` for documentation
@@ -270,9 +273,51 @@ The original litegraph repository (https://github.com/Comfy-Org/litegraph.js) is
 ### Review Process
 
 1. All PRs require at least one review
-2. Address review feedback promptly
-3. Keep PRs focused - one feature/fix per PR
-4. Large features should be discussed in an issue first
+2. Issues and pull requests under active execution require an active human member of the Comfy-Org `comfy_frontend_devs` team as an assignee. Automation and service accounts are executors, not accountable owners. Choose the person with the most context, using CODEOWNERS and recent changes to the related code path. The policy preserves existing assignees; COMOS performs contextual selection for artifacts it creates.
+3. Address review feedback promptly
+4. Keep PRs focused - one feature/fix per PR
+5. Large features should be discussed in an issue first
+
+The `pr-evidence` check fails until both the evidence contract and human owner
+contract are satisfied. Issues receive `blocked: needs-evidence` and
+`blocked: needs-maintainer` labels as applicable, and the policy workflow fails
+until both conditions are fixed. Opaque GitHub attachment links in Screencast
+fields are fetched without credentials and accepted only when GitHub serves
+video content or an animated GIF. A static screenshot labeled as a screencast
+does not satisfy the check.
+
+Repository administrators must configure the
+`COMFY_ORG_MEMBERS_READ_TOKEN` Actions secret before enabling `pr-evidence` in
+the ProtectMain or Core release branch rulesets. Use a dedicated fine-grained
+token with `Comfy-Org` organization `Members: read` permission, including team
+membership reads, and no repository write permission. The trusted workflows use
+it to verify the assignee's GitHub user type, active organization membership,
+and active `comfy_frontend_devs` team membership. They fail closed when the
+secret or any lookup is unavailable. Merge the workflow to the default branch
+and verify a successful check before making it required.
+
+#### Contribution policy rollout
+
+Do not make `pr-evidence` required when the workflow first lands. Use this
+sequence so existing open contributions are not blocked without warning:
+
+1. Configure and verify `COMFY_ORG_MEMBERS_READ_TOKEN`.
+2. Merge the policy workflows while `pr-evidence` is not a required check. New
+   and updated contributions still report failures and blocked labels, which is
+   the audit signal.
+3. Observe a small canary across manual, fork, and automated contributions.
+   Confirm assignment edits rerun the check and valid edits clear issue labels.
+4. Audit and backfill the active pull request and issue queues with evidence and
+   a contextual Comfy-Org human assignee.
+5. Add `pr-evidence` to ProtectMain ruleset `991238` only after the active main
+   queue is ready.
+6. Test a canary against both `core/**` and `cloud/**`. Add `pr-evidence` to Core
+   release branches ruleset `7297873` only after both targets are confirmed to
+   trigger the trusted workflow. Confirm the merge-group check refetches and
+   validates current PR bodies and assignees before enabling the ruleset.
+
+The workflow is intentionally fail closed during the audit phase. It remains
+non-blocking only because the rulesets do not require its check yet.
 
 ## Questions?
 

apps/website/e2e/careers.spec.ts

@@ -8,7 +8,7 @@ test.describe('Careers page @smoke', () => {
   })
 
   test('has correct title', async ({ page }) => {
-    await expect(page).toHaveTitle('Careers - Comfy')
+    await expect(page).toHaveTitle('Careers — Comfy')
   })
 
   test('Roles section heading is visible', async ({ page }) => {
@@ -72,7 +72,7 @@ test.describe('Careers page role links', () => {
 test.describe('Careers page (zh-CN) @smoke', () => {
   test('renders localized heading and roles', async ({ page }) => {
     await page.goto('/zh-CN/careers')
-    await expect(page).toHaveTitle('招聘 - Comfy')
+    await expect(page).toHaveTitle('招聘 — Comfy')
     await expect(
       page.getByRole('heading', { name: '职位', level: 2 })
     ).toBeVisible()

apps/website/e2e/cloud-nodes.spec.ts

@@ -9,7 +9,7 @@ test.describe('Cloud nodes page @smoke', () => {
 
   test('has correct title', async ({ page }) => {
     await expect(page).toHaveTitle(
-      'Custom-node packs on Comfy Cloud - supported by default'
+      'Custom-node packs on Comfy Cloud — supported by default'
     )
   })
 

apps/website/e2e/cloud.spec.ts

@@ -8,7 +8,7 @@ test.describe('Cloud page @smoke', () => {
   })
 
   test('has correct title', async ({ page }) => {
-    await expect(page).toHaveTitle('Comfy Cloud - AI in the Cloud')
+    await expect(page).toHaveTitle('Comfy Cloud — AI in the Cloud')
   })
 
   test('HeroSection heading and subtitle are visible', async ({ page }) => {

apps/website/e2e/download.spec.ts

@@ -16,7 +16,7 @@ test.describe('Download page @smoke', () => {
 
   test('has correct title', async ({ page }) => {
     await expect(page).toHaveTitle(
-      'Download Comfy Desktop - Run AI on Your Hardware'
+      'Download Comfy Desktop — Run AI on Your Hardware'
     )
   })
 

apps/website/e2e/homepage.spec.ts

@@ -17,7 +17,7 @@ test.describe('Homepage @smoke', () => {
   })
 
   test('has correct title', async ({ page }) => {
-    await expect(page).toHaveTitle('Comfy - Professional Control of Visual AI')
+    await expect(page).toHaveTitle('Comfy — Professional Control of Visual AI')
   })
 
   test('HeroSection heading is visible', async ({ page }) => {

apps/website/e2e/learning.spec.ts

@@ -13,7 +13,7 @@ test.describe('Learning page @smoke', () => {
   })
 
   test('has correct title', async ({ page }) => {
-    await expect(page).toHaveTitle('Learning - Comfy')
+    await expect(page).toHaveTitle('Learning — Comfy')
   })
 
   test('hero headline references ComfyUI', async ({ page }) => {
@@ -137,7 +137,7 @@ test.describe('Learning page (zh-CN) @smoke', () => {
   test('renders localized title, headings, and tutorials', async ({ page }) => {
     await page.goto('/zh-CN/learning')
 
-    await expect(page).toHaveTitle('学习 - Comfy')
+    await expect(page).toHaveTitle('学习 — Comfy')
     await expect(page.getByRole('heading', { level: 1 })).toContainText(
       /[一-鿿]/
     )

apps/website/e2e/navigation.spec.ts

@@ -31,26 +31,6 @@ test.describe('Desktop navigation @smoke', () => {
     }
   })
 
-  test('NEW badge shows on Products and Community only', async ({ page }) => {
-    const nav = page.getByRole('navigation', { name: 'Main navigation' })
-    const desktopLinks = nav.getByTestId('desktop-nav-links')
-
-    for (const label of ['Products', 'Community']) {
-      await expect(
-        desktopLinks
-          .getByRole('button', { name: label })
-          .getByText('NEW', { exact: true })
-      ).toBeVisible()
-    }
-
-    await expect(
-      desktopLinks.getByRole('button', { name: 'Company' }).getByText('NEW')
-    ).toHaveCount(0)
-    await expect(
-      desktopLinks.getByRole('link', { name: 'Pricing' }).getByText('NEW')
-    ).toHaveCount(0)
-  })
-
   test('CTA buttons are visible', async ({ page }) => {
     const nav = page.getByRole('navigation', { name: 'Main navigation' })
     const desktopCTA = nav.getByTestId('desktop-nav-cta')
@@ -137,27 +117,6 @@ test.describe('Mobile menu @mobile', () => {
     }
   })
 
-  test('NEW badge shows on Products and Community only', async ({ page }) => {
-    await page.getByRole('button', { name: 'Toggle menu' }).click()
-
-    const menu = page.getByRole('dialog')
-
-    for (const label of ['Products', 'Community']) {
-      await expect(
-        menu.getByRole('button', { name: label }).getByText('NEW', {
-          exact: true
-        })
-      ).toBeVisible()
-    }
-
-    await expect(
-      menu.getByRole('button', { name: 'Company' }).getByText('NEW')
-    ).toHaveCount(0)
-    await expect(
-      menu.getByRole('link', { name: 'Pricing' }).getByText('NEW')
-    ).toHaveCount(0)
-  })
-
   test('clicking section with subitems drills down and back works', async ({
     page
   }) => {

apps/website/e2e/payment.spec.ts

@@ -22,7 +22,7 @@ test.describe('Payment success page @smoke', () => {
   })
 
   test('has correct title and is noindex', async ({ page }) => {
-    await expect(page).toHaveTitle('Payment Successful - Comfy')
+    await expect(page).toHaveTitle('Payment Successful — Comfy')
     await expectNoIndex(page)
   })
 
@@ -54,7 +54,7 @@ test.describe('Payment failed page @smoke', () => {
   })
 
   test('has correct title and is noindex', async ({ page }) => {
-    await expect(page).toHaveTitle('Payment Failed - Comfy')
+    await expect(page).toHaveTitle('Payment Failed — Comfy')
     await expectNoIndex(page)
   })
 
@@ -84,7 +84,7 @@ test.describe('Payment failed page @smoke', () => {
 test.describe('Payment pages zh-CN @smoke', () => {
   test('zh-CN success page renders and links correctly', async ({ page }) => {
     await page.goto('/zh-CN/payment/success')
-    await expect(page).toHaveTitle('支付成功 - Comfy')
+    await expect(page).toHaveTitle('支付成功 — Comfy')
     await expectNoIndex(page)
     await expect(
       page.getByRole('heading', { name: '支付成功', level: 1 })
@@ -99,7 +99,7 @@ test.describe('Payment pages zh-CN @smoke', () => {
 
   test('zh-CN failed page renders and links correctly', async ({ page }) => {
     await page.goto('/zh-CN/payment/failed')
-    await expect(page).toHaveTitle('支付失败 - Comfy')
+    await expect(page).toHaveTitle('支付失败 — Comfy')
     await expectNoIndex(page)
     await expect(
       page.getByRole('heading', { name: '无法完成支付', level: 1 })

apps/website/src/components/blocks/FAQSplit01.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { cn } from '@comfyorg/tailwind-utils'
-import { computed, reactive, watch } from 'vue'
+import { reactive, watch } from 'vue'
 
 type Faq = { id: string; question: string; answer: string }
 
@@ -9,31 +9,6 @@ const { faqs } = defineProps<{
   faqs: readonly Faq[]
 }>()
 
-type AnswerPart = { type: 'text' | 'link'; value: string }
-
-function parseAnswer(answer: string): AnswerPart[] {
-  const urlPattern = /https?:\/\/[\w\-./?=&#%~:@+,;]+/g
-  const parts: AnswerPart[] = []
-  let lastIndex = 0
-  for (const match of answer.matchAll(urlPattern)) {
-    const start = match.index ?? 0
-    const url = match[0].replace(/[.,;:]+$/, '')
-    if (start > lastIndex) {
-      parts.push({ type: 'text', value: answer.slice(lastIndex, start) })
-    }
-    parts.push({ type: 'link', value: url })
-    lastIndex = start + url.length
-  }
-  if (lastIndex < answer.length) {
-    parts.push({ type: 'text', value: answer.slice(lastIndex) })
-  }
-  return parts
-}
-
-const parsedFaqs = computed(() =>
-  faqs.map((faq) => ({ ...faq, answerParts: parseAnswer(faq.answer) }))
-)
-
 const expanded = reactive<boolean[]>(faqs.map(() => false))
 
 watch(
@@ -65,7 +40,7 @@ function toggle(index: number) {
       <!-- Right FAQ list -->
       <div class="flex-1">
         <div
-          v-for="(faq, index) in parsedFaqs"
+          v-for="(faq, index) in faqs"
           :key="faq.id"
           class="border-b border-primary-comfy-canvas/20"
         >
@@ -108,23 +83,8 @@ function toggle(index: number) {
             :aria-labelledby="`faq-trigger-${faq.id}`"
             class="pb-6"
           >
-            <p
-              class="text-sm wrap-break-word whitespace-pre-line text-primary-comfy-canvas/70"
-            >
-              <template
-                v-for="(part, partIndex) in faq.answerParts"
-                :key="partIndex"
-              >
-                <a
-                  v-if="part.type === 'link'"
-                  :href="part.value"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                  class="text-primary-comfy-yellow underline underline-offset-2 transition-opacity hover:opacity-70"
-                  >{{ part.value }}</a
-                >
-                <template v-else>{{ part.value }}</template>
-              </template>
+            <p class="text-sm whitespace-pre-line text-primary-comfy-canvas/70">
+              {{ faq.answer }}
             </p>
           </section>
         </div>

apps/website/src/components/blocks/FeatureGrid01.vue

@@ -8,21 +8,23 @@ import CopyableField from '@/components/ui/copyable-field/CopyableField.vue'
 
 import SectionHeader from '../common/SectionHeader.vue'
 
-type CardLink = {
-  label: string
-  href: string
-  target?: '_blank'
-  icon?: Component
-  variant?: 'default' | 'outline'
-}
+type CardAction =
+  | {
+      type: 'link'
+      label: string
+      href: string
+      target?: '_blank'
+      icon?: Component
+      variant?: 'default' | 'outline'
+    }
+  | { type: 'code'; value: string }
 
 export interface FeatureCard {
   id: string
   label?: string
   title: string
   description: string
-  copyable?: string
-  link?: CardLink
+  action?: CardAction
 }
 
 type ColumnCount = 2 | 3 | 4
@@ -89,30 +91,28 @@ const columnClass: Record<ColumnCount, string> = {
           {{ card.description }}
         </p>
 
-        <div
-          v-if="card.copyable || card.link"
-          class="mt-6 flex flex-col items-start gap-4"
-        >
+        <div v-if="card.action" class="mt-6">
+          <Button
+            v-if="card.action.type === 'link'"
+            as="a"
+            :href="card.action.href"
+            :target="card.action.target"
+            :rel="
+              card.action.target === '_blank'
+                ? 'noopener noreferrer'
+                : undefined
+            "
+            :variant="card.action.variant ?? 'outline'"
+            :append-icon="card.action.icon"
+          >
+            {{ card.action.label }}
+          </Button>
           <CopyableField
-            v-if="card.copyable"
-            class="w-full"
-            :value="card.copyable"
+            v-else
+            :value="card.action.value"
             :copy-label="copyLabel"
             :copied-label="copiedLabel"
           />
-          <Button
-            v-if="card.link"
-            as="a"
-            :href="card.link.href"
-            :target="card.link.target"
-            :rel="
-              card.link.target === '_blank' ? 'noopener noreferrer' : undefined
-            "
-            :variant="card.link.variant ?? 'outline'"
-            :append-icon="card.link.icon"
-          >
-            {{ card.link.label }}
-          </Button>
         </div>
       </div>
     </div>

apps/website/src/components/blocks/FeatureRows01.vue

@@ -8,7 +8,7 @@ import VideoPlayer from '../common/VideoPlayer.vue'
 import type { VideoTrack } from '../common/VideoPlayer.vue'
 
 type RowMedia =
-  | { type: 'image'; src: string; alt?: string; fit?: 'cover' | 'contain' }
+  | { type: 'image'; src: string; alt?: string }
   | {
       type: 'video'
       src: string
@@ -33,14 +33,12 @@ const {
   heading,
   eyebrow,
   locale = 'en',
-  rows,
-  mediaFit = 'cover'
+  rows
 } = defineProps<{
   heading: string
   eyebrow?: string
   locale?: Locale
   rows: readonly FeatureRow[]
-  mediaFit?: 'cover' | 'contain'
 }>()
 </script>
 
@@ -60,7 +58,7 @@ const {
         <div
           :class="
             cn(
-              'order-2 flex flex-col justify-center gap-4 p-6 lg:flex-1 lg:p-12',
+              'order-2 flex flex-col justify-center gap-4 p-6 lg:w-1/2 lg:p-12',
               i % 2 === 0 ? 'lg:order-1' : 'lg:order-2'
             )
           "
@@ -77,7 +75,7 @@ const {
         <div
           :class="
             cn(
-              'relative order-1 aspect-620/364 w-full lg:w-155 lg:shrink-0',
+              'order-1 flex lg:w-1/2',
               i % 2 === 0 ? 'lg:order-2' : 'lg:order-1'
             )
           "
@@ -88,14 +86,7 @@ const {
             :alt="row.media.alt ?? row.title"
             loading="lazy"
             decoding="async"
-            :class="
-              cn(
-                'absolute inset-0 size-full rounded-4xl',
-                (row.media.fit ?? mediaFit) === 'contain'
-                  ? 'object-contain'
-                  : 'object-cover'
-              )
-            "
+            class="aspect-4/3 w-full rounded-4xl object-cover"
           />
           <VideoPlayer
             v-else
@@ -108,8 +99,7 @@ const {
             :loop="row.media.loop"
             :minimal="row.media.minimal"
             :hide-controls="row.media.hideControls"
-            :fit="mediaFit"
-            class="absolute inset-0 size-full"
+            class="w-full"
           />
         </div>
       </GlassCard>

apps/website/src/components/common/HeaderMain/HeaderMainDesktop.vue

@@ -16,7 +16,6 @@ import type { NavItem } from '../../../data/mainNavigation'
 import type { Locale } from '../../../i18n/translations'
 import NavColumn from './NavColumn.vue'
 import NavFeaturedCard from './NavFeaturedCard.vue'
-import NewBadge from './NewBadge.vue'
 
 const { locale = 'en' } = defineProps<{ locale?: Locale }>()
 const mainNavigation = getMainNavigation(locale)
@@ -43,10 +42,7 @@ function isNavItemActive(navItem: NavItem, path: string): boolean {
           <NavigationMenuTrigger
             :active="isNavItemActive(navItem, currentPath)"
           >
-            <span class="inline-flex items-center gap-1">
-              <span class="ppformula-text-center">{{ navItem.label }}</span>
-              <NewBadge v-if="navItem.badge" :locale="locale" size="xxs" />
-            </span>
+            {{ navItem.label }}
           </NavigationMenuTrigger>
           <NavigationMenuContent class="w-auto" data-testid="nav-dropdown">
             <ul class="flex w-max gap-16">

apps/website/src/components/common/HeaderMain/HeaderMainMobile.vue

@@ -8,7 +8,6 @@ import { lockScroll, unlockScroll } from '../../../composables/scrollLock'
 import type { Locale } from '../../../i18n/translations.ts'
 import { t } from '../../../i18n/translations.ts'
 import NavLinkContent from './NavLinkContent.vue'
-import NewBadge from './NewBadge.vue'
 import Sheet from '@/components/ui/sheet/Sheet.vue'
 import SheetContent from '@/components/ui/sheet/SheetContent.vue'
 import SheetDescription from '@/components/ui/sheet/SheetDescription.vue'
@@ -97,8 +96,7 @@ onUnmounted(() => {
                   :href="item.columns ? undefined : item.href"
                   @click="item.columns && (activeSection = item.label)"
                 >
-                  <span class="ppformula-text-center">{{ item.label }}</span>
-                  <NewBadge v-if="item.badge" :locale="locale" size="xxs" />
+                  {{ item.label }}
                   <template #append>
                     <ChevronRight class="size-7" />
                   </template>

apps/website/src/components/common/HeaderMain/NavLinkContent.vue

@@ -1,9 +1,10 @@
 <script setup lang="ts">
+import Badge from '@/components/ui/badge/Badge.vue'
 import { ArrowUpRight } from '@lucide/vue'
 
 import type { NavColumnItem } from '../../../data/mainNavigation'
 import type { Locale } from '../../../i18n/translations'
-import NewBadge from './NewBadge.vue'
+import { t } from '../../../i18n/translations'
 
 defineProps<{ item: NavColumnItem; locale: Locale }>()
 </script>
@@ -11,7 +12,9 @@ defineProps<{ item: NavColumnItem; locale: Locale }>()
 <template>
   <span class="flex items-center gap-2">
     <span class="ppformula-text-center">{{ item.label }}</span>
-    <NewBadge v-if="item.badge" :locale="locale" size="xs" />
+    <Badge v-if="item.badge" size="xs" variant="accent">
+      {{ t('nav.badgeNew', locale) }}
+    </Badge>
     <ArrowUpRight
       v-if="item.external"
       class="text-primary-comfy-yellow size-4"

apps/website/src/components/common/HeaderMain/NewBadge.vue

@@ -1,15 +0,0 @@
-<script setup lang="ts">
-import Badge from '@/components/ui/badge/Badge.vue'
-
-import type { BadgeVariants } from '@/components/ui/badge'
-import type { Locale } from '../../../i18n/translations'
-import { t } from '../../../i18n/translations'
-
-defineProps<{ locale: Locale; size?: BadgeVariants['size'] }>()
-</script>
-
-<template>
-  <Badge :size="size" variant="accent">
-    {{ t('nav.badgeNew', locale) }}
-  </Badge>
-</template>

apps/website/src/components/common/VideoPlayer.vue

@@ -30,8 +30,7 @@ const {
   autoplay = false,
   loop = false,
   minimal = false,
-  hideControls = false,
-  fit = 'cover'
+  hideControls = false
 } = defineProps<{
   locale?: Locale
   src?: string
@@ -41,7 +40,6 @@ const {
   loop?: boolean
   minimal?: boolean
   hideControls?: boolean
-  fit?: 'cover' | 'contain'
 }>()
 
 const playerEl = useTemplateRef<HTMLDivElement>('playerEl')
@@ -199,9 +197,7 @@ function toggleFullscreen() {
     <video
       v-if="src"
       ref="videoEl"
-      :class="
-        cn('size-full', fit === 'contain' ? 'object-contain' : 'object-cover')
-      "
+      class="size-full object-cover"
       :src
       :poster
       :preload="autoplay ? 'auto' : 'metadata'"

apps/website/src/components/ui/badge/index.ts

@@ -6,15 +6,14 @@ export const badgeVariants = cva({
   variants: {
     size: {
       md: 'px-4 py-1 text-xs',
-      xs: 'px-2 py-0.5 text-[9px]',
-      xxs: 'px-1.5 py-px text-[8px]'
+      xs: 'px-2 py-0.5 text-[9px]'
     },
     variant: {
       default: 'bg-transparency-ink-t80',
       subtle: 'bg-transparency-white-t4 text-primary-comfy-canvas',
       category: 'text-primary-comfy-yellow px-0 font-semibold uppercase',
       accent:
-        'before:bg-primary-comfy-yellow relative isolate overflow-visible rounded-none bg-transparent font-bold tracking-wide text-primary-comfy-ink uppercase before:absolute before:inset-0 before:-z-10 before:-skew-x-12 before:rounded-sm'
+        'before:bg-primary-comfy-yellow relative isolate overflow-visible rounded-none bg-transparent px-2 py-0.5 text-[9px] font-bold tracking-wide text-primary-comfy-ink uppercase before:absolute before:inset-0 before:-z-10 before:-skew-x-12 before:rounded-sm'
     }
   },
   defaultVariants: {

apps/website/src/config/routes.ts

@@ -76,7 +76,6 @@ export const externalLinks = {
   apiKeys: 'https://platform.comfy.org/profile/api-keys',
   blog: 'https://blog.comfy.org/',
   cloud: 'https://cloud.comfy.org',
-  cloudMcpServer: 'https://cloud.comfy.org/mcp',
   cloudStatus: 'https://status.comfy.org',
   discord: 'https://discord.com/invite/comfyorg',
   docs: 'https://docs.comfy.org/',

apps/website/src/data/mainNavigation.ts

@@ -30,23 +30,15 @@ export type NavItem =
       label: string
       columns: NavColumn[]
       featured?: NavFeatured
-      badge?: 'new'
       href?: never
     }
-  | {
-      label: string
-      href: string
-      badge?: 'new'
-      columns?: never
-      featured?: never
-    }
+  | { label: string; href: string; columns?: never; featured?: never }
 
 export function getMainNavigation(locale: Locale): NavItem[] {
   const routes = getRoutes(locale)
   return [
     {
       label: t('nav.products', locale),
-      badge: 'new',
       featured: {
         imageSrc: 'https://media.comfy.org/website/nav/mcp-card.webp',
         imageAlt: t('nav.featuredProductsAlt', locale),
@@ -103,7 +95,6 @@ export function getMainNavigation(locale: Locale): NavItem[] {
     { label: t('nav.pricing', locale), href: routes.cloudPricing },
     {
       label: t('nav.community', locale),
-      badge: 'new',
       featured: {
         imageSrc: 'https://media.comfy.org/website/nav/featured-demo-card.jpg',
         imageAlt: t('nav.featuredCommunityAlt', locale),

apps/website/src/i18n/translations.ts

@@ -823,7 +823,7 @@ const translations = {
     'zh-CN': 'Comfy Cloud 支持的自定义节点包'
   },
   'cloudNodes.meta.title': {
-    en: 'Custom-node packs on Comfy Cloud - supported by default',
+    en: 'Custom-node packs on Comfy Cloud — supported by default',
     'zh-CN': 'Comfy Cloud 自定义节点包合集——开箱即用'
   },
   'cloudNodes.meta.description': {
@@ -1845,8 +1845,8 @@ const translations = {
 
   // MCP – Meta
   'mcp.meta.title': {
-    en: 'Comfy MCP - Drive ComfyUI from any AI agent',
-    'zh-CN': 'Comfy MCP - 让任何 AI 智能体驱动 ComfyUI'
+    en: 'Comfy MCP — Drive ComfyUI from any AI agent',
+    'zh-CN': 'Comfy MCP — 让任何 AI 智能体驱动 ComfyUI'
   },
   'mcp.meta.description': {
     en: 'Comfy MCP exposes the full ComfyUI engine over the Model Context Protocol. Generate images, video, audio, and 3D from Claude Code, Claude Desktop, and any MCP-compatible client.',
@@ -1931,9 +1931,9 @@ const translations = {
     'zh-CN': '或手动添加'
   },
   'mcp.setup.step2.description': {
-    en: 'Prefer manual setup? Add this URL as a custom connector or remote MCP server in any client, then sign in when prompted. The docs cover every client.',
+    en: 'Prefer manual setup? Add Comfy Cloud as a custom connector with the MCP URL. The docs cover every client.',
     'zh-CN':
-      '想手动配置？在任意客户端中将此 URL 添加为自定义连接器或远程 MCP 服务器，然后在提示时登录。文档涵盖各类客户端。'
+      '想手动配置？用 MCP URL 将 Comfy Cloud 添加为自定义连接器。文档涵盖各类客户端。'
   },
   'mcp.setup.step2.cta': {
     en: 'COMFY CLOUD MCP DOCS',
@@ -2037,53 +2037,14 @@ const translations = {
     'zh-CN': '运行真实工作流'
   },
   'mcp.tools.3.description': {
-    en: 'Submit graphs, track jobs, and pull outputs back. Save and share workflows, reuse a saved one, or open any run on the ComfyUI canvas — the full engine, driven by tool calls.',
+    en: 'Turn any ComfyUI workflow into a callable tool. The full power of the engine, driven by your agent.',
     'zh-CN':
-      '提交计算图、跟踪任务并取回输出。保存和分享工作流，复用已保存的工作流，或在 ComfyUI 画布上打开任意运行——完整的引擎，由工具调用驱动。'
+      '将任何 ComfyUI 工作流转换为可调用的工具。由你的智能体驱动完整的引擎能力。'
   },
   'mcp.tools.3.alt': {
     en: 'Comfy MCP running a ComfyUI workflow as a callable tool from a chat',
     'zh-CN': 'Comfy MCP 在对话中将 ComfyUI 工作流作为可调用工具运行'
   },
-  'mcp.tools.4.title': {
-    en: 'Direct any model',
-    'zh-CN': '直接调用任意模型'
-  },
-  'mcp.tools.4.description': {
-    en: 'Kling, Veo, Seedance, Flux, GPT-Image, Nano Banana, and ElevenLabs. Closed partner APIs and open-source models, reached through one set of tools.',
-    'zh-CN':
-      'Kling、Veo、Seedance、Flux、GPT-Image、Nano Banana 和 ElevenLabs。封闭的合作伙伴 API 与开源模型，通过同一套工具即可调用。'
-  },
-  'mcp.tools.4.alt': {
-    en: 'Comfy MCP directing closed partner APIs and open-source models through one set of tools',
-    'zh-CN': 'Comfy MCP 通过同一套工具调用封闭合作伙伴 API 和开源模型'
-  },
-  'mcp.tools.5.title': {
-    en: 'Generate in batches',
-    'zh-CN': '批量生成'
-  },
-  'mcp.tools.5.description': {
-    en: 'Stack a batch on the Queue, track it, and pull back every output. Dozens of runs from a single call.',
-    'zh-CN':
-      '将一批任务加入队列，跟踪进度，并取回每一个输出。一次调用即可完成数十次运行。'
-  },
-  'mcp.tools.5.alt': {
-    en: 'Comfy MCP stacking a batch on the Queue and pulling back every output',
-    'zh-CN': 'Comfy MCP 将一批任务加入队列并取回每个输出'
-  },
-  'mcp.tools.6.title': {
-    en: 'Ship it as an app',
-    'zh-CN': '作为应用发布'
-  },
-  'mcp.tools.6.description': {
-    en: 'Turn any workflow into an app with a shareable URL. Collaborators run it in the browser — only the inputs you expose, nothing to install.',
-    'zh-CN':
-      '将任意工作流变成带可分享链接的应用。协作者在浏览器中运行——只暴露你开放的输入，无需安装任何东西。'
-  },
-  'mcp.tools.6.alt': {
-    en: 'Comfy MCP turning a workflow into a shareable browser app',
-    'zh-CN': 'Comfy MCP 将工作流变成可在浏览器中分享的应用'
-  },
 
   // MCP – HowItWorksSection
   'mcp.howItWorks.heading': {
@@ -2130,80 +2091,71 @@ const translations = {
     'zh-CN': '支持哪些客户端？'
   },
   'mcp.faq.1.a': {
-    en: 'For Claude Code, Claude Desktop, or Codex, add https://cloud.comfy.org/mcp as a custom connector or remote MCP server in any client, then sign in when prompted.\nFor any other agents, you need to connect with an API key. Send the docs https://docs.comfy.org/agent-tools/cloud to your agent and it will figure out the installation for you.',
+    en: 'Claude Code and Claude Desktop today, both signing in with OAuth. Support for more clients is coming.',
     'zh-CN':
-      '对于 Claude Code、Claude Desktop 或 Codex，在任意客户端中将 https://cloud.comfy.org/mcp 添加为自定义连接器或远程 MCP 服务器，然后在提示时登录。\n对于其他智能体，你需要使用 API 密钥连接。将文档 https://docs.comfy.org/agent-tools/cloud 发送给你的智能体，它会为你完成安装。'
+      '目前支持 Claude Code 和 Claude Desktop，均通过 OAuth 登录。更多客户端的支持即将推出。'
   },
   'mcp.faq.2.q': {
-    en: "What's the server URL?",
-    'zh-CN': '服务器 URL 是什么？'
-  },
-  'mcp.faq.2.a': {
-    en: 'https://cloud.comfy.org/mcp — add it as a custom connector or remote MCP server in any client, then sign in when prompted.',
-    'zh-CN':
-      'https://cloud.comfy.org/mcp——在任意客户端中将它添加为自定义连接器或远程 MCP 服务器，然后在提示时登录。'
-  },
-  'mcp.faq.3.q': {
     en: 'Do I need an API key?',
     'zh-CN': '我需要 API 密钥吗？'
   },
-  'mcp.faq.3.a': {
-    en: 'Not for Claude Code, Claude Desktop, or Codex. You need a Comfy API key for Cursor, Hermes, and OpenClaw for now. Just copy https://docs.comfy.org/agent-tools/cloud and your agent will figure out the installation for you.',
+  'mcp.faq.2.a': {
+    en: 'Not for Claude Code or Claude Desktop. They use OAuth. An API key is only needed for headless or CI setups with no browser.',
     'zh-CN':
-      'Claude Code、Claude Desktop 和 Codex 不需要。Cursor、Hermes 和 OpenClaw 目前需要 Comfy API 密钥。只需复制 https://docs.comfy.org/agent-tools/cloud，你的智能体就会为你完成安装。'
+      'Claude Code 和 Claude Desktop 不需要，它们使用 OAuth。仅在没有浏览器的无头或 CI 环境中才需要 API 密钥。'
+  },
+  'mcp.faq.3.q': {
+    en: 'Do the slash commands work in Claude Desktop?',
+    'zh-CN': '斜杠命令在 Claude Desktop 中可以使用吗？'
+  },
+  'mcp.faq.3.a': {
+    en: 'No. They ship in the Claude Code plugin. Desktop connects to the same MCP server, so the tools work; just ask in plain language.',
+    'zh-CN':
+      '不可以。斜杠命令包含在 Claude Code 插件中。Claude Desktop 连接的是同一个 MCP 服务器，因此工具可以正常使用；直接用自然语言提问即可。'
   },
   'mcp.faq.4.q': {
-    en: 'Does it cost anything?',
-    'zh-CN': '需要付费吗？'
+    en: "The sign-in didn't open a browser.",
+    'zh-CN': '登录时没有打开浏览器。'
   },
   'mcp.faq.4.a': {
-    en: "Connecting is free with a Comfy account, and searching models, nodes, and templates doesn't cost credits. Running a generation uses Comfy Cloud credits and needs a subscription or credit balance. Your agent confirms with you before it spends.",
+    en: 'In Claude Code, run /mcp, select comfy-cloud, and choose Authenticate. In Claude Desktop, reopen the connector from Customize → Connectors.',
     'zh-CN':
-      '使用 Comfy 账户连接是免费的，搜索模型、节点和模板也不消耗积分。运行生成会使用 Comfy Cloud 积分，需要订阅或积分余额。智能体在消费前会先与你确认。'
+      '在 Claude Code 中，运行 /mcp，选择 comfy-cloud，然后选择 Authenticate（授权）。在 Claude Desktop 中，从“自定义 → 连接器”重新打开该连接器。'
   },
   'mcp.faq.5.q': {
-    en: 'Can I use it with my local ComfyUI?',
-    'zh-CN': '可以配合我的本地 ComfyUI 使用吗？'
+    en: 'How do I connect in Claude Code?',
+    'zh-CN': '如何在 Claude Code 中连接？'
   },
   'mcp.faq.5.a': {
-    en: 'Coming soon. Today, to drive a local ComfyUI, you can use comfy-cli.',
-    'zh-CN': '即将推出。目前，若要操作本地 ComfyUI，你可以使用 comfy-cli。'
+    en: 'Add the marketplace and install the comfy-cloud plugin, then run /mcp → comfy-cloud → Authenticate. It adds the connection and slash commands in one step.',
+    'zh-CN':
+      '添加插件市场并安装 comfy-cloud 插件，然后运行 /mcp → comfy-cloud → Authenticate（授权）。一步即可添加连接和斜杠命令。'
   },
   'mcp.faq.6.q': {
+    en: "What's the server URL for Claude Desktop?",
+    'zh-CN': 'Claude Desktop 的服务器 URL 是什么？'
+  },
+  'mcp.faq.6.a': {
+    en: 'Add a custom connector in Customize → Connectors pointing to https://cloud.comfy.org/mcp, then sign in when prompted.',
+    'zh-CN':
+      '在“自定义 → 连接器”中添加一个指向 https://cloud.comfy.org/mcp 的自定义连接器，然后在提示时登录。'
+  },
+  'mcp.faq.7.q': {
     en: 'What can my agent do once connected?',
     'zh-CN': '连接后我的智能体能做什么？'
   },
-  'mcp.faq.6.a': {
-    en: "• Generate images, video, audio, and 3D — including all open-source workflows and partner models like Seedance, GPT-Image, Nano Banana, and Kling\n• Build, edit, and run workflows; save and re-run workflows\n• Run and read in large batches\n• Search models, nodes, and template workflows\n• Read and execute shared workflow URLs\n• Upload and download assets for you\n\nEverything is now in natural language. No nodes, no downloads, no GPU, no node graphs if you don't want them.",
-    'zh-CN':
-      '• 生成图像、视频、音频和 3D——包括所有开源工作流以及 Seedance、GPT-Image、Nano Banana 和 Kling 等合作伙伴模型\n• 构建、编辑和运行工作流；保存并重新运行工作流\n• 大批量运行和读取\n• 搜索模型、节点和模板工作流\n• 读取并执行分享的工作流链接\n• 为你上传和下载资产\n\n现在一切都用自然语言完成。如果你愿意，无需节点、无需下载、无需 GPU、无需节点图。'
-  },
-  'mcp.faq.7.q': {
-    en: 'Where do my outputs go?',
-    'zh-CN': '我的输出会保存到哪里？'
-  },
   'mcp.faq.7.a': {
-    en: 'Into your Comfy Cloud asset library, so you can reuse, remix, and share them — and open any run on the canvas to keep editing. You can also ask your agent to download the assets to local for you.',
+    en: 'Generate images, video, audio, and 3D; search models, nodes, and templates; and run ComfyUI workflows, all from a chat.',
     'zh-CN':
-      '保存到你的 Comfy Cloud 资产库，你可以复用、二次创作和分享——还能在画布上打开任意运行继续编辑。你也可以让智能体把资产下载到本地。'
+      '生成图像、视频、音频和 3D；搜索模型、节点和模板；并运行 ComfyUI 工作流——全部在对话中完成。'
   },
   'mcp.faq.8.q': {
-    en: 'Do slash commands work in Claude Desktop?',
-    'zh-CN': '斜杠命令在 Claude Desktop 中可以使用吗？'
-  },
-  'mcp.faq.8.a': {
-    en: 'No. They ship with the Claude Code comfy-cloud plugin. Desktop connects to the same MCP server, so every tool works; just ask in plain language.',
-    'zh-CN':
-      '不可以。斜杠命令随 Claude Code 的 comfy-cloud 插件一起提供。Claude Desktop 连接的是同一个 MCP 服务器，因此所有工具都能使用；直接用自然语言提问即可。'
-  },
-  'mcp.faq.9.q': {
     en: 'Is it generally available?',
     'zh-CN': '现已正式发布了吗？'
   },
-  'mcp.faq.9.a': {
-    en: 'Yes. Comfy Cloud MCP is in open beta and available to everyone with a Comfy account.',
-    'zh-CN':
-      '是的。Comfy Cloud MCP 目前处于公开测试阶段，任何拥有 Comfy 账户的人都可以使用。'
+  'mcp.faq.8.a': {
+    en: 'Comfy Cloud MCP is in open beta and available to everyone.',
+    'zh-CN': 'Comfy Cloud MCP 目前处于公开测试阶段，所有人均可使用。'
   },
 
   // SiteNav
@@ -3531,8 +3483,8 @@ const translations = {
   },
 
   'affiliate-terms.page.title': {
-    en: 'Affiliate Terms - Comfy',
-    'zh-CN': 'Affiliate Terms - Comfy'
+    en: 'Affiliate Terms — Comfy',
+    'zh-CN': 'Affiliate Terms — Comfy'
   },
   'affiliate-terms.page.description': {
     en: 'Comfy.org Affiliate Program Terms and Conditions.',
@@ -3944,8 +3896,8 @@ const translations = {
       'This document reproduces the current template of the Enterprise Customer Agreement for reference only. The executed Agreement between Comfy and Customer, together with any signed Order Forms, governs the relationship between the parties. To request an executable copy, please contact <a href="mailto:sales@comfy.org" class="text-white underline">sales@comfy.org</a>.'
   },
   'enterprise-msa.page.title': {
-    en: 'Enterprise MSA - Comfy',
-    'zh-CN': 'Enterprise MSA - Comfy'
+    en: 'Enterprise MSA — Comfy',
+    'zh-CN': 'Enterprise MSA — Comfy'
   },
   'enterprise-msa.page.description': {
     en: 'Comfy Enterprise Customer Agreement — the master services agreement that governs Comfy Enterprise deployments of Comfy Cloud, Comfy API, and related products.',
@@ -4409,8 +4361,8 @@ const translations = {
 
   // Affiliate page (/affiliates) — head metadata
   'affiliate.page.title': {
-    en: 'Comfy.org Affiliate Program - Become a Partner',
-    'zh-CN': 'Comfy.org 联盟计划 - 成为合作伙伴'
+    en: 'Comfy.org Affiliate Program — Become a Partner',
+    'zh-CN': 'Comfy.org 联盟计划 — 成为合作伙伴'
   },
   'affiliate.page.description': {
     en: 'Earn 30% recurring commission for 3 months on every Comfy Cloud subscription you refer. Apply to become a Comfy Partner.',
@@ -4435,8 +4387,8 @@ const translations = {
   // Launches page (/launches) — head metadata
   // zh-CN strings pending native review (see apps/website/.scratch/drops-page/PRD.md)
   'launches.page.title': {
-    en: 'ComfyUI Live Demo & Q&A - June 29 Launch Livestream',
-    'zh-CN': 'ComfyUI 直播演示与问答 - 6 月 29 日发布直播'
+    en: 'ComfyUI Live Demo & Q&A — June 29 Launch Livestream',
+    'zh-CN': 'ComfyUI 直播演示与问答 — 6 月 29 日发布直播'
   },
   'launches.page.description': {
     en: 'Join the ComfyUI livestream on June 29 for a hands-on product demo and live Q&A. See what’s new across desktop, cloud, and community, and get your questions answered.',

apps/website/src/pages/404.astro

@@ -3,7 +3,7 @@ import BaseLayout from '../layouts/BaseLayout.astro'
 ---
 
 <BaseLayout
-  title="404 - Page Not Found - Comfy"
+  title="404 — Page Not Found — Comfy"
   noindex>
   <div
     class="flex w-full flex-col items-center p-4 h-[calc(100dvh-12rem)]">

apps/website/src/pages/about.astro

@@ -16,7 +16,7 @@ const { siteUrl, locale } = pageContext(
 ---
 
 <BaseLayout
-  title="About Us - Comfy"
+  title="About Us — Comfy"
   pageType="AboutPage"
   mainEntityId={organizationId(siteUrl)}
   breadcrumbs={[

apps/website/src/pages/careers.astro

@@ -42,7 +42,7 @@ const roles = itemListNode(
 ---
 
 <BaseLayout
-  title="Careers - Comfy"
+  title="Careers — Comfy"
   description="Join the team building the operating system for generative AI. Open roles in engineering, design, marketing, and more."
   pageType="CollectionPage"
   mainEntityId={jsonLdId(url, 'itemlist')}

apps/website/src/pages/case-studies.astro

@@ -3,6 +3,6 @@ import BaseLayout from '../layouts/BaseLayout.astro'
 import ComingSoon from '../components/common/ComingSoon.astro'
 ---
 
-<BaseLayout title="Case Studies - Comfy">
+<BaseLayout title="Case Studies — Comfy">
   <ComingSoon />
 </BaseLayout>

apps/website/src/pages/cloud/index.astro

@@ -11,7 +11,7 @@ import { t } from '../../i18n/translations'
 ---
 
 <BaseLayout
-  title="Comfy Cloud - AI in the Cloud"
+  title="Comfy Cloud — AI in the Cloud"
   description={t('cloud.hero.subtitle', 'en')}
   keywords={['comfyui web app', 'comfyui app', 'comfyui online', 'comfyui cloud', 'comfy cloud', 'comfy ui application', 'comfyui browser', 'cloud comfyui', 'managed comfyui']}
 >

apps/website/src/pages/cloud/pricing.astro

@@ -20,7 +20,7 @@ const productId = jsonLdId(url, 'product')
 ---
 
 <BaseLayout
-  title="Pricing - Comfy Cloud"
+  title="Pricing — Comfy Cloud"
   mainEntityId={productId}
   breadcrumbs={[
     { name: t('breadcrumb.home', locale), url: absoluteUrl(Astro.site, '/') },

apps/website/src/pages/contact.astro

@@ -13,7 +13,7 @@ const { siteUrl, locale } = pageContext(
 ---
 
 <BaseLayout
-  title="Contact - Comfy"
+  title="Contact — Comfy"
   pageType="ContactPage"
   mainEntityId={organizationId(siteUrl)}
   breadcrumbs={[

apps/website/src/pages/customers.astro

@@ -11,7 +11,7 @@ import { loadStories } from '../utils/loadStories'
 const stories = (await loadStories('en')).map(toCardProps)
 ---
 
-<BaseLayout title="Customer Stories - Comfy">
+<BaseLayout title="Customer Stories — Comfy">
   <HeroSection client:load />
   <StorySection stories={stories} />
   <FeedbackSection client:load />

apps/website/src/pages/customers/[slug].astro

@@ -17,7 +17,7 @@ export async function getStaticPaths() {
 const { entry, next } = Astro.props
 ---
 
-<BaseLayout title={`${entry.data.title} - Comfy`}>
+<BaseLayout title={`${entry.data.title} — Comfy`}>
   <DetailHeroSection
     label={entry.data.category}
     title={entry.data.title}

apps/website/src/pages/demos/[slug].astro

@@ -58,7 +58,7 @@ const learningResource: JsonLdNode = {
 ---
 
 <BaseLayout
-  title={`${title} - Comfy`}
+  title={`${title} — Comfy`}
   description={description}
   ogImage={demo.ogImage}
   mainEntityId={learningId}

apps/website/src/pages/demos/index.astro

@@ -3,6 +3,6 @@ import BaseLayout from '../../layouts/BaseLayout.astro'
 import ComingSoon from '../../components/common/ComingSoon.astro'
 ---
 
-<BaseLayout title="Demos - Comfy" description="Interactive demos and tutorials for ComfyUI.">
+<BaseLayout title="Demos — Comfy" description="Interactive demos and tutorials for ComfyUI.">
   <ComingSoon />
 </BaseLayout>

apps/website/src/pages/download.astro

@@ -23,7 +23,7 @@ const { siteUrl, locale } = pageContext(
 ---
 
 <BaseLayout
-  title="Download Comfy Desktop - Run AI on Your Hardware"
+  title="Download Comfy Desktop — Run AI on Your Hardware"
   description={t('download.hero.subtitle', 'en')}
   mainEntityId={comfyUiSoftwareId(siteUrl)}
   breadcrumbs={[

apps/website/src/pages/gallery.astro

@@ -5,7 +5,7 @@ import GallerySection from '../components/gallery/GallerySection.vue'
 import ContactSection from '../components/gallery/ContactSection.vue'
 ---
 
-<BaseLayout title="Gallery - Comfy">
+<BaseLayout title="Gallery — Comfy">
   <HeroSection />
   <GallerySection client:load />
   <ContactSection />

apps/website/src/pages/index.astro

@@ -24,7 +24,7 @@ const { siteUrl } = pageContext(
 ---
 
 <BaseLayout
-  title="Comfy - Professional Control of Visual AI"
+  title="Comfy — Professional Control of Visual AI"
   description={t("hero.subtitle", "en")}
   mainEntityId={comfyUiSoftwareId(siteUrl)}
   extraJsonLd={[

apps/website/src/pages/learning.astro

@@ -12,7 +12,7 @@ import { externalLinks } from '../config/routes'
 const routes = getRoutes('en')
 ---
 
-<BaseLayout title="Learning - Comfy">
+<BaseLayout title="Learning — Comfy">
   <HeroSection client:load />
   <FeaturedWorkflowSection client:visible />
   <TutorialsSection client:visible />

apps/website/src/pages/models.astro

@@ -7,7 +7,7 @@ import ProductShowcaseSection from '../components/home/ProductShowcaseSection.vu
 ---
 
 <BaseLayout
-  title="Models - Comfy"
+  title="Models — Comfy"
   description="Run the world's leading AI models in ComfyUI. Browse every supported model with community workflow templates ready to run."
 >
   <ModelsHeroSection

apps/website/src/pages/p/supported-models/[slug].astro

@@ -103,7 +103,7 @@ const faqPage: JsonLdNode = {
 ---
 
 <BaseLayout
-  title={`${pageTitle} - Comfy`}
+  title={`${pageTitle} — Comfy`}
   description={pageDescription}
   ogImage={model.thumbnailUrl}
   mainEntityId={softwareId}

apps/website/src/pages/p/supported-models/index.astro

@@ -43,7 +43,7 @@ const dirLabel: Record<string, string> = {
 ---
 
 <BaseLayout
-  title={`${title} - Comfy`}
+  title={`${title} — Comfy`}
   description={subtitle}
   pageType="CollectionPage"
   mainEntityId={jsonLdId(url, 'itemlist')}

apps/website/src/pages/payment/failed.astro

@@ -4,7 +4,7 @@ import PaymentStatusSection from '../../components/payment/PaymentStatusSection.
 ---
 
 <BaseLayout
-  title="Payment Failed - Comfy"
+  title="Payment Failed — Comfy"
   description="Your payment was not completed."
   noindex
 >

apps/website/src/pages/payment/success.astro

@@ -4,7 +4,7 @@ import PaymentStatusSection from '../../components/payment/PaymentStatusSection.
 ---
 
 <BaseLayout
-  title="Payment Successful - Comfy"
+  title="Payment Successful — Comfy"
   description="Your payment was processed successfully."
   noindex
 >

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

@@ -5,7 +5,7 @@ import HeroSection from '../components/legal/HeroSection.vue'
 ---
 
 <BaseLayout
-  title="Privacy Policy - Comfy"
+  title="Privacy Policy — Comfy"
   description="Comfy privacy policy. Learn how we collect, use, and protect your personal information."
   noindex
 >

apps/website/src/pages/privacy/desktop.astro

@@ -5,7 +5,7 @@ import HeroSection from '../../components/legal/HeroSection.vue'
 ---
 
 <BaseLayout
-  title="Desktop Privacy Policy - Comfy"
+  title="Desktop Privacy Policy — Comfy"
   description="Privacy policy for Comfy Desktop. Named processors, lawful basis under GDPR/UK GDPR, retention periods, and your rights."
 >
   <HeroSection title="Desktop Privacy Policy" />

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

@@ -6,7 +6,7 @@ import { t } from '../i18n/translations'
 ---
 
 <BaseLayout
-  title="Terms of Service - Comfy"
+  title="Terms of Service — Comfy"
   description="Terms of Service governing use of the Comfy Products, including Comfy Cloud, Comfy API, and Comfy Enterprise."
   noindex
 >

apps/website/src/pages/videos.astro

@@ -3,6 +3,6 @@ import BaseLayout from '../layouts/BaseLayout.astro'
 import ComingSoon from '../components/common/ComingSoon.astro'
 ---
 
-<BaseLayout title="Videos - Comfy">
+<BaseLayout title="Videos — Comfy">
   <ComingSoon />
 </BaseLayout>

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

@@ -16,7 +16,7 @@ const { siteUrl, locale } = pageContext(
 ---
 
 <BaseLayout
-  title="关于我们 - Comfy"
+  title="关于我们 — Comfy"
   description="了解 ComfyUI 背后的团队和使命——开源的生成式 AI 平台。"
   pageType="AboutPage"
   mainEntityId={organizationId(siteUrl)}

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

@@ -42,7 +42,7 @@ const roles = itemListNode(
 ---
 
 <BaseLayout
-  title="招聘 - Comfy"
+  title="招聘 — Comfy"
   description="加入构建生成式 AI 操作系统的团队。工程、设计、市场营销等岗位开放招聘中。"
   pageType="CollectionPage"
   mainEntityId={jsonLdId(url, 'itemlist')}

apps/website/src/pages/zh-CN/case-studies.astro

@@ -3,6 +3,6 @@ import BaseLayout from '../../layouts/BaseLayout.astro'
 import ComingSoon from '../../components/common/ComingSoon.astro'
 ---
 
-<BaseLayout title="案例研究 - Comfy">
+<BaseLayout title="案例研究 — Comfy">
   <ComingSoon />
 </BaseLayout>

apps/website/src/pages/zh-CN/cloud/index.astro

@@ -11,7 +11,7 @@ import { t } from '../../../i18n/translations'
 ---
 
 <BaseLayout
-  title="Comfy Cloud - 云端 AI"
+  title="Comfy Cloud — 云端 AI"
   description={t('cloud.hero.subtitle', 'zh-CN')}
   keywords={['comfyui web app', 'comfyui app', 'comfyui online', 'comfyui cloud', 'ComfyUI 网页版', 'ComfyUI 云端', 'ComfyUI 应用', 'Comfy Cloud', '云端 ComfyUI']}
 >

apps/website/src/pages/zh-CN/cloud/pricing.astro

@@ -20,7 +20,7 @@ const productId = jsonLdId(url, 'product')
 ---
 
 <BaseLayout
-  title="定价 - Comfy Cloud"
+  title="定价 — Comfy Cloud"
   mainEntityId={productId}
   breadcrumbs={[
     {

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

@@ -13,7 +13,7 @@ const { siteUrl, locale } = pageContext(
 ---
 
 <BaseLayout
-  title="联系我们 - Comfy"
+  title="联系我们 — Comfy"
   pageType="ContactPage"
   mainEntityId={organizationId(siteUrl)}
   breadcrumbs={[

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

@@ -11,7 +11,7 @@ import { loadStories } from '../../utils/loadStories'
 const stories = (await loadStories('zh-CN')).map(toCardProps)
 ---
 
-<BaseLayout title="客户故事 - Comfy">
+<BaseLayout title="客户故事 — Comfy">
   <HeroSection locale="zh-CN" client:load />
   <StorySection stories={stories} locale="zh-CN" />
   <FeedbackSection locale="zh-CN" client:load />

apps/website/src/pages/zh-CN/customers/[slug].astro

@@ -17,7 +17,7 @@ export async function getStaticPaths() {
 const { entry, next } = Astro.props
 ---
 
-<BaseLayout title={`${entry.data.title} - Comfy`}>
+<BaseLayout title={`${entry.data.title} — Comfy`}>
   <DetailHeroSection
     label={entry.data.category}
     title={entry.data.title}

apps/website/src/pages/zh-CN/demos/[slug].astro

@@ -58,7 +58,7 @@ const learningResource: JsonLdNode = {
 ---
 
 <BaseLayout
-  title={`${title} - Comfy`}
+  title={`${title} — Comfy`}
   description={description}
   ogImage={demo.ogImage}
   mainEntityId={learningId}

apps/website/src/pages/zh-CN/demos/index.astro

@@ -3,7 +3,7 @@ import BaseLayout from '../../../layouts/BaseLayout.astro'
 import { t } from '../../../i18n/translations'
 ---
 
-<BaseLayout title="演示 - Comfy" description="ComfyUI 的互动演示和教程。">
+<BaseLayout title="演示 — Comfy" description="ComfyUI 的互动演示和教程。">
   <section class="flex min-h-[60vh] items-center justify-center px-6">
     <div class="text-center">
       <h1 class="text-primary-comfy-canvas text-4xl font-light">

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

@@ -23,7 +23,7 @@ const { siteUrl, locale } = pageContext(
 ---
 
 <BaseLayout
-  title="下载 Comfy 桌面版 - 在您的硬件上运行 AI"
+  title="下载 Comfy 桌面版 — 在您的硬件上运行 AI"
   description={t('download.hero.subtitle', 'zh-CN')}
   mainEntityId={comfyUiSoftwareId(siteUrl)}
   breadcrumbs={[

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

@@ -5,7 +5,7 @@ import GallerySection from '../../components/gallery/GallerySection.vue'
 import ContactSection from '../../components/gallery/ContactSection.vue'
 ---
 
-<BaseLayout title="作品集 - Comfy">
+<BaseLayout title="作品集 — Comfy">
   <HeroSection locale="zh-CN" />
   <GallerySection locale="zh-CN" client:load />
   <ContactSection locale="zh-CN" />

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

@@ -24,7 +24,7 @@ const { siteUrl } = pageContext(
 ---
 
 <BaseLayout
-  title="Comfy - 视觉 AI 的最强可控性"
+  title="Comfy — 视觉 AI 的最强可控性"
   description={t('hero.subtitle', 'zh-CN')}
   mainEntityId={comfyUiSoftwareId(siteUrl)}
   extraJsonLd={[comfyUiApplicationNode(siteUrl), comfyUiSourceCodeNode(siteUrl)]}

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

@@ -11,7 +11,7 @@ import { learningEvents } from '../../data/events'
 const routes = getRoutes('zh-CN')
 ---
 
-<BaseLayout title="学习 - Comfy">
+<BaseLayout title="学习 — Comfy">
   <HeroSection locale="zh-CN" client:load />
   <FeaturedWorkflowSection locale="zh-CN" client:visible />
   <TutorialsSection locale="zh-CN" client:visible />

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

@@ -7,7 +7,7 @@ import ProductShowcaseSection from '../../components/home/ProductShowcaseSection
 ---
 
 <BaseLayout
-  title="模型 - Comfy"
+  title="模型 — Comfy"
   description="在 ComfyUI 中运行世界领先的 AI 模型。浏览所有支持的模型及社区工作流模板。"
 >
   <ModelsHeroSection

apps/website/src/pages/zh-CN/payment/failed.astro

@@ -3,6 +3,6 @@ import BaseLayout from '../../../layouts/BaseLayout.astro'
 import PaymentStatusSection from '../../../components/payment/PaymentStatusSection.vue'
 ---
 
-<BaseLayout title="支付失败 - Comfy" description="您的支付未能完成。" noindex>
+<BaseLayout title="支付失败 — Comfy" description="您的支付未能完成。" noindex>
   <PaymentStatusSection status="failed" locale="zh-CN" />
 </BaseLayout>

apps/website/src/pages/zh-CN/payment/success.astro

@@ -3,6 +3,6 @@ import BaseLayout from '../../../layouts/BaseLayout.astro'
 import PaymentStatusSection from '../../../components/payment/PaymentStatusSection.vue'
 ---
 
-<BaseLayout title="支付成功 - Comfy" description="您的支付已成功完成。" noindex>
+<BaseLayout title="支付成功 — Comfy" description="您的支付已成功完成。" noindex>
   <PaymentStatusSection status="success" locale="zh-CN" />
 </BaseLayout>

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

@@ -5,7 +5,7 @@ import HeroSection from '../../components/legal/HeroSection.vue'
 ---
 
 <BaseLayout
-  title="隐私政策 - Comfy"
+  title="隐私政策 — Comfy"
   description="Comfy 隐私政策。了解我们如何收集、使用和保护您的个人信息。"
   noindex
 >

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

@@ -5,7 +5,7 @@ import HeroSection from '../../../components/legal/HeroSection.vue'
 ---
 
 <BaseLayout
-  title="Desktop 隐私政策 - Comfy"
+  title="Desktop 隐私政策 — Comfy"
   description="Comfy Desktop 隐私政策。命名的数据处理方、GDPR/UK GDPR 下的合法依据、保留期限和您的权利。"
 >
   <HeroSection title="Desktop 隐私政策" />

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

@@ -3,6 +3,6 @@ import BaseLayout from '../../layouts/BaseLayout.astro'
 import ComingSoon from '../../components/common/ComingSoon.astro'
 ---
 
-<BaseLayout title="视频 - Comfy">
+<BaseLayout title="视频 — Comfy">
   <ComingSoon />
 </BaseLayout>

apps/website/src/templates/drops/DropCard.vue

@@ -61,12 +61,7 @@ const { drop, locale } = defineProps<{
             class="size-full object-cover object-center transition-transform duration-500 ease-out group-hover/pill-trigger:scale-105"
           />
         </div>
-        <Badge
-          v-if="drop.badge"
-          size="xs"
-          variant="accent"
-          class="absolute top-6 left-8"
-        >
+        <Badge v-if="drop.badge" variant="accent" class="absolute top-6 left-8">
           {{ drop.badge[locale] }}
         </Badge>
       </CardContent>

apps/website/src/templates/mcp/FAQSection.vue

@@ -5,7 +5,7 @@ import { t } from '../../i18n/translations'
 
 const { locale = 'en' } = defineProps<{ locale?: Locale }>()
 
-const faqNumbers = [1, 2, 3, 4, 5, 6, 7, 8, 9] as const
+const faqNumbers = [1, 2, 3, 4, 5, 6, 7, 8] as const
 
 const faqs = faqNumbers.map((n) => ({
   id: String(n),

apps/website/src/templates/mcp/SetupSection.vue

@@ -15,18 +15,21 @@ const cards: FeatureCard[] = [
     label: t('mcp.setup.step1.label', locale),
     title: t('mcp.setup.step1.title', locale),
     description: t('mcp.setup.step1.description', locale),
-    copyable: t('mcp.setup.step1.command', locale).replace(
-      '{url}',
-      externalLinks.docsMcp
-    )
+    action: {
+      type: 'code',
+      value: t('mcp.setup.step1.command', locale).replace(
+        '{url}',
+        externalLinks.docsMcp
+      )
+    }
   },
   {
     id: 'step2',
     label: t('mcp.setup.step2.label', locale),
     title: t('mcp.setup.step2.title', locale),
     description: t('mcp.setup.step2.description', locale),
-    copyable: externalLinks.cloudMcpServer,
-    link: {
+    action: {
+      type: 'link',
       label: t('mcp.setup.step2.cta', locale),
       href: externalLinks.docsMcp,
       target: '_blank',
@@ -39,7 +42,8 @@ const cards: FeatureCard[] = [
     label: t('mcp.setup.step3.label', locale),
     title: t('mcp.setup.step3.title', locale),
     description: t('mcp.setup.step3.description', locale),
-    link: {
+    action: {
+      type: 'link',
       label: t('mcp.setup.step3.cta', locale),
       href: externalLinks.mcpSkills,
       target: '_blank',

apps/website/src/templates/mcp/ToolsSection.vue

@@ -7,7 +7,7 @@ import { t } from '../../i18n/translations'
 const { locale = 'en' } = defineProps<{ locale?: Locale }>()
 
 type ToolMedia =
-  | { type: 'image'; src: string; fit?: 'cover' | 'contain' }
+  | { type: 'image'; src: string }
   | {
       type: 'video'
       src: string
@@ -16,17 +16,12 @@ type ToolMedia =
       hideControls?: boolean
     }
 
-const tools: {
-  n: 1 | 2 | 3 | 4 | 5 | 6
-  media: ToolMedia
-  altKey?: TranslationKey
-}[] = [
+const tools: { n: 1 | 2 | 3; media: ToolMedia; altKey?: TranslationKey }[] = [
   {
     n: 1,
     media: {
       type: 'image',
-      src: 'https://media.comfy.org/website/mcp/generate-everything.gif',
-      fit: 'cover'
+      src: 'https://media.comfy.org/website/mcp/generate-everything.gif'
     },
     altKey: 'mcp.tools.1.alt'
   },
@@ -34,8 +29,7 @@ const tools: {
     n: 2,
     media: {
       type: 'image',
-      src: 'https://media.comfy.org/website/mcp/search-ecosystem.png',
-      fit: 'cover'
+      src: 'https://media.comfy.org/website/mcp/search-ecosystem.png'
     },
     altKey: 'mcp.tools.2.alt'
   },
@@ -49,35 +43,6 @@ const tools: {
       hideControls: true
     },
     altKey: 'mcp.tools.3.alt'
-  },
-  {
-    n: 4,
-    media: {
-      type: 'image',
-      src: 'https://media.comfy.org/website/mcp/direct-any-model.png',
-      fit: 'cover'
-    },
-    altKey: 'mcp.tools.4.alt'
-  },
-  {
-    n: 5,
-    media: {
-      type: 'image',
-      src: 'https://media.comfy.org/website/mcp/generate-in-batches.png',
-      fit: 'cover'
-    },
-    altKey: 'mcp.tools.5.alt'
-  },
-  {
-    n: 6,
-    media: {
-      type: 'video',
-      src: 'https://media.comfy.org/website/homepage/showcase/ui-overview.webm',
-      autoplay: true,
-      loop: true,
-      hideControls: true
-    },
-    altKey: 'mcp.tools.6.alt'
   }
 ]
 
@@ -97,6 +62,5 @@ const rows: FeatureRow[] = tools.map(({ n, media, altKey }) => {
     :locale="locale"
     :heading="t('mcp.tools.heading', locale)"
     :rows="rows"
-    media-fit="contain"
   />
 </template>

browser_tests/fixtures/ComfyPage.ts

@@ -28,7 +28,6 @@ import {
   ModelLibrarySidebarTab,
   NodeLibrarySidebarTab,
   NodeLibrarySidebarTabV2,
-  SidebarTab,
   WorkflowsSidebarTab
 } from '@e2e/fixtures/components/SidebarTab'
 import { Topbar } from '@e2e/fixtures/components/Topbar'
@@ -71,7 +70,6 @@ class ComfyPropertiesPanel {
 }
 
 class ComfyMenu {
-  private _appsTab: SidebarTab | null = null
   private _assetsTab: AssetsSidebarTab | null = null
   private _modelLibraryTab: ModelLibrarySidebarTab | null = null
   private _nodeLibraryTab: NodeLibrarySidebarTab | null = null
@@ -106,11 +104,6 @@ class ComfyMenu {
     return this._nodeLibraryTabV2
   }
 
-  get appsTab() {
-    this._appsTab ??= new SidebarTab(this.page, 'apps')
-    return this._appsTab
-  }
-
   get assetsTab() {
     this._assetsTab ??= new AssetsSidebarTab(this.page)
     return this._assetsTab

browser_tests/fixtures/components/SidebarTab.ts

@@ -4,7 +4,7 @@ import { expect } from '@playwright/test'
 import type { WorkspaceStore } from '@e2e/types/globals'
 import { TestIds } from '@e2e/fixtures/selectors'
 
-export class SidebarTab {
+class SidebarTab {
   public readonly tabButton: Locator
   public readonly selectedTabButton: Locator
 

browser_tests/fixtures/components/WorkflowActionsDropdown.ts

@@ -1,40 +0,0 @@
-import type { Locator, Page } from '@playwright/test'
-
-import { TestIds } from '@e2e/fixtures/selectors'
-
-/**
- * The graph/app view-mode toggle and its workflow actions dropdown.
- * A separate instance mounts in each host - the subgraph breadcrumb (graph
- * mode) and the app-mode center panel - and unmounts as the mode flips.
- */
-export class WorkflowActionsDropdown {
-  /** The segmented graph/app toggle hosting the workflow actions trigger. */
-  public readonly viewModeToggle: Locator
-  /** The active segment; opens the workflow actions menu. */
-  public readonly trigger: Locator
-  /** The inactive segment that switches into app mode. */
-  public readonly enterAppModeSegment: Locator
-  /** The inactive segment that switches back to the node graph. */
-  public readonly enterGraphSegment: Locator
-  /** The workflow actions dropdown menu. */
-  public readonly menu: Locator
-
-  constructor(page: Page) {
-    this.viewModeToggle = page.getByTestId(
-      TestIds.workflowActions.viewModeToggle
-    )
-    this.trigger = this.triggerIn(this.viewModeToggle)
-    this.enterAppModeSegment = this.viewModeToggle.getByRole('button', {
-      name: 'Enter app mode'
-    })
-    this.enterGraphSegment = this.viewModeToggle.getByRole('button', {
-      name: 'Enter node graph'
-    })
-    this.menu = page.getByRole('menu', { name: 'Workflow actions' })
-  }
-
-  /** The trigger as rendered inside a specific mode's host. */
-  triggerIn(host: Locator): Locator {
-    return host.getByRole('button', { name: 'Workflow actions' })
-  }
-}

browser_tests/fixtures/helpers/AppModeHelper.ts

@@ -4,7 +4,6 @@ import type { ComfyPage } from '@e2e/fixtures/ComfyPage'
 import { TestIds } from '@e2e/fixtures/selectors'
 
 import { OutputHistoryComponent } from '@e2e/fixtures/components/OutputHistory'
-import { WorkflowActionsDropdown } from '@e2e/fixtures/components/WorkflowActionsDropdown'
 import { AppModeWidgetHelper } from '@e2e/fixtures/helpers/AppModeWidgetHelper'
 import { BuilderFooterHelper } from '@e2e/fixtures/helpers/BuilderFooterHelper'
 import { BuilderSaveAsHelper } from '@e2e/fixtures/helpers/BuilderSaveAsHelper'
@@ -20,7 +19,6 @@ export class AppModeHelper {
   readonly outputHistory: OutputHistoryComponent
   readonly steps: BuilderStepsHelper
   readonly widgets: AppModeWidgetHelper
-  readonly workflowActions: WorkflowActionsDropdown
 
   /** The "Connect an output" popover shown when saving without outputs. */
   public readonly connectOutputPopover: Locator
@@ -79,7 +77,6 @@ export class AppModeHelper {
     this.outputHistory = new OutputHistoryComponent(comfyPage.page)
     this.steps = new BuilderStepsHelper(comfyPage)
     this.widgets = new AppModeWidgetHelper(comfyPage)
-    this.workflowActions = new WorkflowActionsDropdown(comfyPage.page)
 
     this.connectOutputPopover = this.page.getByTestId(
       TestIds.builder.connectOutputPopover
@@ -188,7 +185,10 @@ export class AppModeHelper {
       .waitFor({ state: 'hidden', timeout: 5000 })
       .catch(() => {})
 
-    await this.workflowActions.trigger.click()
+    await this.page
+      .getByRole('button', { name: 'Workflow actions' })
+      .first()
+      .click()
     await this.page
       .getByRole('menuitem', { name: /Build app|Edit app/ })
       .click()

browser_tests/fixtures/selectors.ts

@@ -239,9 +239,6 @@ export const TestIds = {
     renameInput: 'subgraph-breadcrumb-rename-input',
     menu: (key: string) => `subgraph-breadcrumb-menu-${key}`
   },
-  workflowActions: {
-    viewModeToggle: 'view-mode-toggle'
-  },
   templates: {
     content: 'template-workflows-content',
     workflowCard: (id: string) => `template-workflow-${id}`
@@ -279,7 +276,6 @@ export const TestIds = {
     overlay: 'loading-overlay'
   },
   load3d: {
-    categoryMenu: 'load3d-category-menu',
     recordingDuration: 'load3d-recording-duration'
   },
   load3dViewer: {

browser_tests/tests/appMode.spec.ts

@@ -1,14 +1,9 @@
-import { mergeTests } from '@playwright/test'
-
 import {
-  comfyExpect as expect,
-  comfyPageFixture
+  comfyPageFixture as test,
+  comfyExpect as expect
 } from '@e2e/fixtures/ComfyPage'
-import { subgraphBreadcrumbFixture } from '@e2e/fixtures/helpers/SubgraphBreadcrumbHelper'
 import { TestIds } from '@e2e/fixtures/selectors'
 
-const test = mergeTests(comfyPageFixture, subgraphBreadcrumbFixture)
-
 test.describe('App mode usage', () => {
   test('Drag and Drop @vue-nodes', async ({ comfyPage, comfyFiles }) => {
     const { centerPanel } = comfyPage.appMode
@@ -142,117 +137,6 @@ test.describe('App mode usage', () => {
     await expect.poll(() => fileComboWidget.getValue()).toBe(targetImage)
   })
 
-  test('Shows a single side toolbar per mode, filtered to assets + apps in app mode', async ({
-    comfyPage
-  }) => {
-    const { sideToolbar, nodeLibraryTab, assetsTab, appsTab } = comfyPage.menu
-
-    await test.step('Graph mode shows the full toolbar', async () => {
-      await expect(sideToolbar).toHaveCount(1)
-      await expect(nodeLibraryTab.tabButton).toBeVisible()
-    })
-
-    await test.step('App mode shows only assets + apps', async () => {
-      await comfyPage.appMode.enterAppModeWithInputs([['3', 'seed']])
-      await expect(comfyPage.appMode.centerPanel).toBeVisible()
-
-      await expect(sideToolbar).toHaveCount(1)
-      await expect(assetsTab.tabButton).toBeVisible()
-      await expect(appsTab.tabButton).toBeVisible()
-      await expect(nodeLibraryTab.tabButton).toBeHidden()
-    })
-  })
-
-  test('Workflow actions menu keeps the same position across graph/app mode', async ({
-    comfyPage,
-    subgraphBreadcrumb
-  }) => {
-    const { workflowActions, centerPanel } = comfyPage.appMode
-
-    // Toggling graph<->app mode happens from this control, so it must not move
-    // out from under the cursor as the mode flips.
-    const graphActions = workflowActions.triggerIn(
-      subgraphBreadcrumb.panel.root
-    )
-    await expect(graphActions).toBeVisible()
-    const graphBox = await graphActions.boundingBox()
-
-    expect(graphBox).not.toBeNull()
-
-    await comfyPage.appMode.enterAppModeWithInputs([['3', 'seed']])
-    await expect(centerPanel).toBeVisible()
-
-    const appActions = workflowActions.triggerIn(centerPanel)
-    await expect(appActions).toBeVisible()
-
-    // The toggle segments reorder (morph) as the mode flips, so poll until the
-    // active control settles at the same x it occupied in graph mode.
-    await expect
-      .poll(async () => {
-        const box = await appActions.boundingBox()
-        return box ? Math.abs(box.x - graphBox!.x) : Infinity
-      })
-      .toBeLessThanOrEqual(1)
-  })
-
-  test('Toggle segment flips mode without opening the menu', async ({
-    comfyPage
-  }) => {
-    const { workflowActions } = comfyPage.appMode
-    await expect(workflowActions.viewModeToggle).toBeVisible()
-
-    await workflowActions.enterAppModeSegment.click()
-
-    await expect(comfyPage.appMode.centerPanel).toBeVisible()
-    // The inactive segment switches mode; it must not also open the actions menu.
-    await expect(workflowActions.menu).toBeHidden()
-    await expect(workflowActions.viewModeToggle).toBeVisible()
-  })
-
-  test('Toggle segment flips mode via keyboard without opening the menu', async ({
-    comfyPage
-  }) => {
-    const { workflowActions } = comfyPage.appMode
-    await workflowActions.enterAppModeSegment.focus()
-    await workflowActions.enterAppModeSegment.press('Enter')
-
-    await expect(comfyPage.appMode.centerPanel).toBeVisible()
-    await expect(workflowActions.menu).toBeHidden()
-    await expect(workflowActions.trigger).toBeFocused()
-  })
-
-  test('Mode toggle re-appears after exiting the builder to graph mode', async ({
-    comfyPage
-  }) => {
-    const toggle = comfyPage.appMode.workflowActions.viewModeToggle
-    await comfyPage.appMode.enableLinearMode()
-    await expect(toggle).toBeVisible()
-
-    await comfyPage.appMode.enterBuilder()
-    await expect(toggle).toBeHidden()
-    await expect(comfyPage.appMode.centerPanel).toBeHidden()
-
-    await comfyPage.appMode.footer.exitButton.click()
-    // Exiting the builder lands in graph mode: the app-mode-only center panel
-    // stays hidden while the graph-mode toggle host re-mounts and the toggle
-    // re-appears.
-    await expect(toggle).toBeVisible()
-    await expect(comfyPage.appMode.centerPanel).toBeHidden()
-  })
-
-  test('Mode toggle survives a sidebar tab remounting the app panel', async ({
-    comfyPage
-  }) => {
-    const toggle = comfyPage.appMode.workflowActions.viewModeToggle
-    await comfyPage.appMode.enterAppModeWithInputs([['3', 'seed']])
-    await expect(comfyPage.appMode.centerPanel).toBeVisible()
-    await expect(toggle).toBeVisible()
-
-    // Opening a sidebar tab remounts the app panel; the toggle re-renders with it.
-    await comfyPage.menu.assetsTab.tabButton.click()
-    await expect(toggle).toBeVisible()
-  })
-
   test.describe('Mobile', { tag: ['@mobile'] }, () => {
     test('panel navigation', async ({ comfyPage }) => {
       const { mobile } = comfyPage.appMode