fix(blocks): give the detail headers the same tile as everything else - #6672
Conversation
The tile consolidation left the large detail headers on their own treatment, so a block wore one colour on the canvas and another in the header naming it: the preview panel behind the deploy modal and the logs trace detail both painted straight from the catalog `bgColor`, showing Start's catalog blue over a neutral card, and hardcoded `#2FB3FF`/`#FEE12B` for the two subflows. Adds the 18px header slot to `BlockTile` and points all three headers at it — preview panel, trace detail, and the editor header, which had been carrying its own inline copy of the accent rule. `WorkflowTypeIcon` takes an icon class so the accent chip can draw the larger glyph the header uses.
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
PR SummaryLow Risk Overview
Reviewed by Cursor Bugbot for commit f5d74c0. Configure here. |
Greptile SummaryThe PR consolidates detail-header icon rendering onto the shared
Confidence Score: 5/5The PR appears safe to merge. No blocking failure remains.
|
| Filename | Overview |
|---|---|
| apps/sim/blocks/block-tile.tsx | Adds the large tile and glyph sizing variants while preserving the established single-consumer component configuration pattern. |
| packages/workflow-renderer/src/workflow-block/workflow-block-view.tsx | Adds an optional glyph class override to WorkflowTypeIcon without changing its default rendering. |
| apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/editor.tsx | Replaces the editor header’s inline accent-chip implementation with the shared large BlockTile. |
| apps/sim/app/workspace/[workspaceId]/w/components/preview/components/preview-editor/preview-editor.tsx | Uses the shared large tile for standard and subflow preview headers and removes duplicated icon rendering. |
| apps/sim/app/workspace/[workspaceId]/logs/components/log-details/components/trace-view/trace-view.tsx | Uses the shared large tile for trace details while retaining the existing resolved icon and contrast-adjusted color inputs. |
Reviews (2): Last reviewed commit: "fix(blocks): give the detail headers the..." | Re-trigger Greptile
|
@cursor review |
There was a problem hiding this comment.
✅ Bugbot reviewed your changes and found no new issues!
Comment @cursor review or bugbot run to trigger another review on this PR
Reviewed by Cursor Bugbot for commit f5d74c0. Configure here.
Summary
bgColor(Start's catalog blue over a neutral card), and hardcoded#2FB3FF/#FEE12Bfor the two subflowsBlockTileand points all three headers at it: preview panel, trace detail, and the editor header — which had been carrying its own inline copy of the accent ruleWorkflowTypeIcontakes an icon class so the accent chip can draw the larger glyph the header usesIconComponenthelpers the headers were the last callers ofType of Change
Testing
Type-check and lint clean across
apps/simandpackages/workflow-renderer;blocks/suite passes (706 tests).Checklist