feat: use Claude glyph for Anthropic partner icon#12292
Conversation
The backend Anthropic node (Comfy-Org/ComfyUI#13867) renders Claude specifically, so swap the brand-mark to Claude's sunburst glyph (sourced from lobehub/lobe-icons) while keeping the icon filename 'anthropic.svg' so the existing category='api node/text/Anthropic' → icon-[comfy--anthropic] lookup keeps working. Brand color stays #D97757 since Claude shares Anthropic's coral.
|
Important Review skippedReview was skipped due to path filters ⛔ Files ignored due to path filters (1)
CodeRabbit blocks several paths by default. You can override this behavior by explicitly including those paths in the path filters. For example, including ⚙️ Run configurationConfiguration used: Path: .coderabbit.yaml Review profile: CHILL Plan: Pro Run ID: You can disable this status message by setting the Use the checkbox below for a quick retry:
✨ Finishing Touches🧪 Generate unit tests (beta)
Tip 💬 Introducing Slack Agent: The best way for teams to turn conversations into code.Slack Agent is built on CodeRabbit's deep understanding of your code, so your team can collaborate across the entire SDLC without losing context.
Built for teams:
One agent for your entire SDLC. Right inside Slack. Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
🌐 Website E2ETip All tests passed.
🔗 Website PreviewWebsite Preview: https://comfy-website-preview-pr-12292.vercel.app This commit: https://website-frontend-39fplyrfx-comfyui.vercel.app Last updated: 2026-05-15T15:04:20Z for |
🎭 Playwright: ✅ 1604 passed, 0 failed · 2 flaky📊 Browser Reports
|
🎨 Storybook: ✅ Built — View Storybook |
📦 Bundle: 5.36 MB gzip 🟢 -180 BDetailsSummary
Category Glance App Entry Points — 26.1 kB (baseline 26.1 kB) • ⚪ 0 BMain entry bundles and manifests
Status: 1 added / 1 removed Graph Workspace — 1.24 MB (baseline 1.24 MB) • ⚪ 0 BGraph editor runtime, canvas, workflow orchestration
Status: 1 added / 1 removed Views & Navigation — 82.9 kB (baseline 82.9 kB) • ⚪ 0 BTop-level views, pages, and routed surfaces
Status: 9 added / 9 removed / 2 unchanged Panels & Settings — 527 kB (baseline 527 kB) • ⚪ 0 BConfiguration panels, inspectors, and settings screens
Status: 10 added / 10 removed / 14 unchanged User & Accounts — 17.8 kB (baseline 17.8 kB) • ⚪ 0 BAuthentication, profile, and account management bundles
Status: 5 added / 5 removed / 2 unchanged Editors & Dialogs — 112 kB (baseline 112 kB) • ⚪ 0 BModals, dialogs, drawers, and in-app editors
Status: 4 added / 4 removed UI Components — 58 kB (baseline 58 kB) • ⚪ 0 BReusable component library chunks
Status: 5 added / 5 removed / 8 unchanged Data & Services — 3.16 MB (baseline 3.16 MB) • ⚪ 0 BStores, services, APIs, and repositories
Status: 13 added / 13 removed / 4 unchanged Utilities & Hooks — 366 kB (baseline 366 kB) • ⚪ 0 BHelpers, composables, and utility bundles
Status: 13 added / 13 removed / 18 unchanged Vendor & Third-Party — 9.94 MB (baseline 9.94 MB) • ⚪ 0 BExternal libraries and shared vendor chunks Status: 16 unchanged Other — 9.16 MB (baseline 9.16 MB) • ⚪ 0 BBundles that do not match a named category
Status: 57 added / 57 removed / 86 unchanged ⚡ Performance Report
No regressions detected. All metrics
Historical variance (last 15 runs)
Trend (last 15 commits on main)
Raw data{
"timestamp": "2026-05-15T15:13:02.106Z",
"gitSha": "f8a03f82df99f89d9cd1b610db18e85d5406b1b0",
"branch": "glary/use-claude-glyph-for-anthropic",
"measurements": [
{
"name": "canvas-idle",
"durationMs": 2099.051000000003,
"styleRecalcs": 11,
"styleRecalcDurationMs": 8.133,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 445.178,
"heapDeltaBytes": 20896084,
"heapUsedBytes": 69412568,
"domNodes": -258,
"jsHeapTotalBytes": 19525632,
"scriptDurationMs": 23.121000000000002,
"eventListeners": -129,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.670000000000012,
"p95FrameDurationMs": 16.800000000000182
},
{
"name": "canvas-idle",
"durationMs": 2024.8859999999809,
"styleRecalcs": 12,
"styleRecalcDurationMs": 8.147,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 415.049,
"heapDeltaBytes": 229420,
"heapUsedBytes": 68835936,
"domNodes": -257,
"jsHeapTotalBytes": 22499328,
"scriptDurationMs": 22.477999999999998,
"eventListeners": -129,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.700000000000728
},
{
"name": "canvas-mouse-sweep",
"durationMs": 1837.4509999999873,
"styleRecalcs": 74,
"styleRecalcDurationMs": 36.182,
"layouts": 12,
"layoutDurationMs": 3.9839999999999995,
"taskDurationMs": 817.504,
"heapDeltaBytes": -6288856,
"heapUsedBytes": 62207252,
"domNodes": -258,
"jsHeapTotalBytes": 26169344,
"scriptDurationMs": 116.831,
"eventListeners": -131,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.700000000000728
},
{
"name": "canvas-mouse-sweep",
"durationMs": 1756.6080000000284,
"styleRecalcs": 72,
"styleRecalcDurationMs": 32.097,
"layouts": 12,
"layoutDurationMs": 3.4399999999999995,
"taskDurationMs": 738.61,
"heapDeltaBytes": 1966672,
"heapUsedBytes": 50554272,
"domNodes": -259,
"jsHeapTotalBytes": 15593472,
"scriptDurationMs": 107.67699999999999,
"eventListeners": -131,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.66333333333332,
"p95FrameDurationMs": 16.799999999999272
},
{
"name": "canvas-zoom-sweep",
"durationMs": 1734.0820000000008,
"styleRecalcs": 31,
"styleRecalcDurationMs": 14.491999999999999,
"layouts": 6,
"layoutDurationMs": 0.562,
"taskDurationMs": 279.157,
"heapDeltaBytes": 563864,
"heapUsedBytes": 50148904,
"domNodes": 76,
"jsHeapTotalBytes": 14155776,
"scriptDurationMs": 19.855,
"eventListeners": 19,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.800000000000182
},
{
"name": "canvas-zoom-sweep",
"durationMs": 1734.960000000001,
"styleRecalcs": 32,
"styleRecalcDurationMs": 15.975999999999997,
"layouts": 6,
"layoutDurationMs": 0.616,
"taskDurationMs": 294.605,
"heapDeltaBytes": 891928,
"heapUsedBytes": 50068276,
"domNodes": 80,
"jsHeapTotalBytes": 15204352,
"scriptDurationMs": 24.036999999999995,
"eventListeners": 19,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.699999999999818
},
{
"name": "dom-widget-clipping",
"durationMs": 526.631000000009,
"styleRecalcs": 12,
"styleRecalcDurationMs": 7.0489999999999995,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 309.399,
"heapDeltaBytes": 8893528,
"heapUsedBytes": 57368136,
"domNodes": 20,
"jsHeapTotalBytes": 15204352,
"scriptDurationMs": 53.512,
"eventListeners": 2,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.700000000000273
},
{
"name": "dom-widget-clipping",
"durationMs": 486.5350000000035,
"styleRecalcs": 11,
"styleRecalcDurationMs": 7.1469999999999985,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 314.029,
"heapDeltaBytes": 11792804,
"heapUsedBytes": 62164036,
"domNodes": 18,
"jsHeapTotalBytes": 17563648,
"scriptDurationMs": 51.00899999999999,
"eventListeners": 2,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.799999999999727
},
{
"name": "large-graph-idle",
"durationMs": 2014.5619999999838,
"styleRecalcs": 12,
"styleRecalcDurationMs": 8.546999999999999,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 504.94700000000006,
"heapDeltaBytes": 3540300,
"heapUsedBytes": 60707364,
"domNodes": -255,
"jsHeapTotalBytes": 5005312,
"scriptDurationMs": 82.652,
"eventListeners": -129,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.700000000000728
},
{
"name": "large-graph-idle",
"durationMs": 2025.2969999999664,
"styleRecalcs": 11,
"styleRecalcDurationMs": 7.089000000000001,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 512.8040000000001,
"heapDeltaBytes": 9305392,
"heapUsedBytes": 66519072,
"domNodes": -259,
"jsHeapTotalBytes": 286720,
"scriptDurationMs": 93.993,
"eventListeners": -129,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.66333333333332,
"p95FrameDurationMs": 16.800000000000182
},
{
"name": "large-graph-pan",
"durationMs": 2170.998999999995,
"styleRecalcs": 70,
"styleRecalcDurationMs": 17.706000000000003,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 1111.176,
"heapDeltaBytes": 47430012,
"heapUsedBytes": 107311752,
"domNodes": -258,
"jsHeapTotalBytes": 40861696,
"scriptDurationMs": 359.85900000000004,
"eventListeners": -129,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.66333333333335,
"p95FrameDurationMs": 16.700000000000728
},
{
"name": "large-graph-pan",
"durationMs": 2093.168999999989,
"styleRecalcs": 68,
"styleRecalcDurationMs": 16.346,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 979.183,
"heapDeltaBytes": 14186776,
"heapUsedBytes": 73782648,
"domNodes": -263,
"jsHeapTotalBytes": 5472256,
"scriptDurationMs": 339.912,
"eventListeners": -129,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.66333333333332,
"p95FrameDurationMs": 16.700000000000728
},
{
"name": "large-graph-zoom",
"durationMs": 3066.358999999977,
"styleRecalcs": 66,
"styleRecalcDurationMs": 18.649,
"layouts": 60,
"layoutDurationMs": 7.140000000000001,
"taskDurationMs": 1189.731,
"heapDeltaBytes": -7902092,
"heapUsedBytes": 58869816,
"domNodes": 16,
"jsHeapTotalBytes": 13512704,
"scriptDurationMs": 432.479,
"eventListeners": 8,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.800000000000182
},
{
"name": "large-graph-zoom",
"durationMs": 3146.7190000000187,
"styleRecalcs": 66,
"styleRecalcDurationMs": 17.721999999999998,
"layouts": 60,
"layoutDurationMs": 7.122999999999999,
"taskDurationMs": 1267.911,
"heapDeltaBytes": 47282112,
"heapUsedBytes": 109875880,
"domNodes": -262,
"jsHeapTotalBytes": 33636352,
"scriptDurationMs": 430.435,
"eventListeners": -127,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.670000000000012,
"p95FrameDurationMs": 16.700000000000728
},
{
"name": "minimap-idle",
"durationMs": 2009.1889999999921,
"styleRecalcs": 10,
"styleRecalcDurationMs": 8.043999999999999,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 546.6999999999999,
"heapDeltaBytes": 14857344,
"heapUsedBytes": 88313016,
"domNodes": -261,
"jsHeapTotalBytes": 18837504,
"scriptDurationMs": 85.875,
"eventListeners": -131,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.670000000000012,
"p95FrameDurationMs": 16.800000000000182
},
{
"name": "minimap-idle",
"durationMs": 2020.0790000000097,
"styleRecalcs": 8,
"styleRecalcDurationMs": 6.596000000000001,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 545.447,
"heapDeltaBytes": 38504772,
"heapUsedBytes": 99911424,
"domNodes": -263,
"jsHeapTotalBytes": 33841152,
"scriptDurationMs": 72.10600000000001,
"eventListeners": -129,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.799999999999272
},
{
"name": "subgraph-dom-widget-clipping",
"durationMs": 544.1679999999565,
"styleRecalcs": 46,
"styleRecalcDurationMs": 9.157,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 334.21299999999997,
"heapDeltaBytes": 9474776,
"heapUsedBytes": 58252448,
"domNodes": 18,
"jsHeapTotalBytes": 14942208,
"scriptDurationMs": 113.177,
"eventListeners": 8,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.663333333333338,
"p95FrameDurationMs": 16.700000000000273
},
{
"name": "subgraph-dom-widget-clipping",
"durationMs": 546.1169999999811,
"styleRecalcs": 49,
"styleRecalcDurationMs": 10.425000000000002,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 345.84999999999997,
"heapDeltaBytes": -3341624,
"heapUsedBytes": 65059300,
"domNodes": 23,
"jsHeapTotalBytes": 20447232,
"scriptDurationMs": 111.69800000000001,
"eventListeners": 8,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.663333333333338,
"p95FrameDurationMs": 16.700000000000273
},
{
"name": "subgraph-idle",
"durationMs": 2005.426,
"styleRecalcs": 11,
"styleRecalcDurationMs": 8.463999999999999,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 415.546,
"heapDeltaBytes": -12194716,
"heapUsedBytes": 56226120,
"domNodes": -257,
"jsHeapTotalBytes": 22237184,
"scriptDurationMs": 21.693,
"eventListeners": -129,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.699999999999818
},
{
"name": "subgraph-idle",
"durationMs": 2003.467999999998,
"styleRecalcs": 11,
"styleRecalcDurationMs": 8.737000000000002,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 334.925,
"heapDeltaBytes": 25767536,
"heapUsedBytes": 76133328,
"domNodes": 21,
"jsHeapTotalBytes": 16777216,
"scriptDurationMs": 15.348999999999995,
"eventListeners": 6,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.66333333333332,
"p95FrameDurationMs": 16.800000000000182
},
{
"name": "subgraph-mouse-sweep",
"durationMs": 1699.7499999999945,
"styleRecalcs": 76,
"styleRecalcDurationMs": 35.679,
"layouts": 16,
"layoutDurationMs": 4.300999999999999,
"taskDurationMs": 697.6990000000001,
"heapDeltaBytes": 388972,
"heapUsedBytes": 50448316,
"domNodes": -256,
"jsHeapTotalBytes": 20664320,
"scriptDurationMs": 84.67899999999999,
"eventListeners": -131,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.66333333333335,
"p95FrameDurationMs": 16.800000000000182
},
{
"name": "subgraph-mouse-sweep",
"durationMs": 1733.2319999999868,
"styleRecalcs": 76,
"styleRecalcDurationMs": 38.581,
"layouts": 16,
"layoutDurationMs": 4.13,
"taskDurationMs": 677.243,
"heapDeltaBytes": -3835760,
"heapUsedBytes": 45042856,
"domNodes": -259,
"jsHeapTotalBytes": 14544896,
"scriptDurationMs": 76.901,
"eventListeners": -131,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.800000000000182
},
{
"name": "subgraph-transition-enter",
"durationMs": 1024.140999999986,
"styleRecalcs": 18,
"styleRecalcDurationMs": 24.55899999999999,
"layouts": 5,
"layoutDurationMs": 11.178,
"taskDurationMs": 790.7309999999999,
"heapDeltaBytes": -19713616,
"heapUsedBytes": 118920188,
"domNodes": 12627,
"jsHeapTotalBytes": -34934784,
"scriptDurationMs": 41.243,
"eventListeners": 1637,
"totalBlockingTimeMs": 142,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.800000000000182
},
{
"name": "viewport-pan-sweep",
"durationMs": 8280.55500000005,
"styleRecalcs": 250,
"styleRecalcDurationMs": 50.972,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 3744.1929999999998,
"heapDeltaBytes": 78347156,
"heapUsedBytes": 135457896,
"domNodes": -259,
"jsHeapTotalBytes": 67076096,
"scriptDurationMs": 1144.239,
"eventListeners": -125,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.700000000000728
},
{
"name": "viewport-pan-sweep",
"durationMs": 8136.380999999972,
"styleRecalcs": 250,
"styleRecalcDurationMs": 50.498,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 3448.201,
"heapDeltaBytes": 13656464,
"heapUsedBytes": 69905748,
"domNodes": -258,
"jsHeapTotalBytes": 9142272,
"scriptDurationMs": 1118.881,
"eventListeners": -111,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.700000000000728
},
{
"name": "vue-large-graph-idle",
"durationMs": 10051.41100000003,
"styleRecalcs": 0,
"styleRecalcDurationMs": 0,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 10042.7,
"heapDeltaBytes": -28827408,
"heapUsedBytes": 172349448,
"domNodes": -8331,
"jsHeapTotalBytes": 24178688,
"scriptDurationMs": 527.9639999999999,
"eventListeners": -16470,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.700000000000728
},
{
"name": "vue-large-graph-idle",
"durationMs": 10159.92399999999,
"styleRecalcs": 0,
"styleRecalcDurationMs": 0,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 10143.984,
"heapDeltaBytes": -44982848,
"heapUsedBytes": 163336840,
"domNodes": -8329,
"jsHeapTotalBytes": 13955072,
"scriptDurationMs": 510.73100000000005,
"eventListeners": -16470,
"totalBlockingTimeMs": 0,
"frameDurationMs": 17.219999999999953,
"p95FrameDurationMs": 16.799999999999272
},
{
"name": "vue-large-graph-pan",
"durationMs": 12505.118000000039,
"styleRecalcs": 65,
"styleRecalcDurationMs": 15.970000000000011,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 12484.727,
"heapDeltaBytes": -19845640,
"heapUsedBytes": 177539048,
"domNodes": -8331,
"jsHeapTotalBytes": -12607488,
"scriptDurationMs": 834.921,
"eventListeners": -16464,
"totalBlockingTimeMs": 0,
"frameDurationMs": 17.219999999999953,
"p95FrameDurationMs": 16.799999999999272
},
{
"name": "vue-large-graph-pan",
"durationMs": 12305.331000000024,
"styleRecalcs": 65,
"styleRecalcDurationMs": 15.718999999999983,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 12291.429,
"heapDeltaBytes": -29839748,
"heapUsedBytes": 177548688,
"domNodes": -8331,
"jsHeapTotalBytes": -18898944,
"scriptDurationMs": 803.394,
"eventListeners": -16464,
"totalBlockingTimeMs": 0,
"frameDurationMs": 17.223333333333358,
"p95FrameDurationMs": 16.80000000000291
},
{
"name": "workflow-execution",
"durationMs": 442.76400000001104,
"styleRecalcs": 17,
"styleRecalcDurationMs": 23.016000000000002,
"layouts": 5,
"layoutDurationMs": 1.4919999999999998,
"taskDurationMs": 115.58399999999996,
"heapDeltaBytes": 5372728,
"heapUsedBytes": 57300268,
"domNodes": 166,
"jsHeapTotalBytes": 262144,
"scriptDurationMs": 21.965000000000003,
"eventListeners": 71,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.800000000000182
},
{
"name": "workflow-execution",
"durationMs": 457.004999999981,
"styleRecalcs": 19,
"styleRecalcDurationMs": 23.865,
"layouts": 6,
"layoutDurationMs": 1.284,
"taskDurationMs": 138.748,
"heapDeltaBytes": -15065772,
"heapUsedBytes": 52163204,
"domNodes": 157,
"jsHeapTotalBytes": 5070848,
"scriptDurationMs": 29.590999999999998,
"eventListeners": 71,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.663333333333338,
"p95FrameDurationMs": 16.799999999999727
}
]
} |
Codecov Report✅ All modified and coverable lines are covered by tests. @@ Coverage Diff @@
## main #12292 +/- ##
===========================================
- Coverage 74.09% 59.57% -14.52%
===========================================
Files 1524 1412 -112
Lines 90561 71880 -18681
Branches 24664 19952 -4712
===========================================
- Hits 67098 42823 -24275
- Misses 22623 28584 +5961
+ Partials 840 473 -367
Flags with carried forward coverage won't be shown. Click here to find out more. 🚀 New features to boost your workflow:
|
PR Created by the Glary-Bot Agent
Follow-up to #12216.
The backend Anthropic node (Comfy-Org/ComfyUI#13867) is the Claude node, so swap the brand-mark from Anthropic's "A" wordmark to Claude's sunburst glyph (sourced from lobehub/lobe-icons).
Filename stays
anthropic.svg— the frontend resolvescategory="api node/text/Anthropic"to providerAnthropicand looks upicon-[comfy--anthropic], so renaming the file would break the badge. Brand color stays#D97757(Claude shares Anthropic's coral).Verification:
pnpm typecheckcleantext-foreground(white in dark / charcoal in light) viacurrentColor— matching the pattern from feat: add Anthropic partner icon #12216.Related: Comfy-Org/ComfyUI#13867
Screenshots
┆Issue is synchronized with this Notion page by Unito