improvement(ui): unbold the app, align the folder chevron, tidy the feedback modal - #6400
Conversation
…eedback modal #6241 deleted the --font-weight-* scale from globals.css and its fontWeight mapping from tailwind.config.ts. font-medium jumped 440/480 -> 500, font-semibold 500/550 -> 600, and body dropped 420 -> 400, so every existing call site snapped a full step above a body that got lighter. #6291 fixed packages/emcn only; the product call sites were left behind. Strips the weight class from body, label, row, and heading text across app/workspace, ee, workflow-renderer, the non-workspace route groups, and components/ui/button.tsx, whose buttonVariants injected font-medium into every consumer. Keeps it only where it steps up: markdown/prose bold and micro avatar initials. Also aligns the workflow-tree folder chevron to the sidebar section header (14px, 150ms), and on the feedback modal drops the prompt line above the Feedback field and re-homes Copy ID as a footer secondary action.
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
PR SummaryLow Risk Overview Feedback modal ( Comment-only tweak in Reviewed by Cursor Bugbot for commit 1ead892. Configure here. |
|
@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 1ead892. Configure here.
Greptile SummaryThis PR restores the intended normal font weight across product UI after the typography scale changed, aligns the workflow-folder chevron with the existing sidebar convention, and reorganizes the feedback modal around canonical ChipModal fields and footer actions.
Confidence Score: 5/5The PR appears safe to merge, with the reviewed changes consistently limited to intended presentation and modal-action placement. Shared typography now follows the documented normal-weight contract, the feedback copy action preserves its behavior and state lifecycle in the footer, and the chevron adjustment does not alter interaction logic.
|
| Filename | Overview |
|---|---|
| apps/sim/components/ui/button.tsx | Removes the shared medium-weight default so button text inherits the repository’s canonical normal typography. |
| apps/sim/app/workspace/[workspaceId]/components/message-actions/message-actions.tsx | Replaces the feedback modal’s custom prompt/copy row with a canonical field and footer secondary action without changing copy or dismissal behavior. |
| apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/workflow-list/components/folder-item/folder-item.tsx | Aligns the folder disclosure chevron’s size and transition duration with the established sidebar convention. |
| packages/workflow-renderer/src/note/note-block-view.tsx | Removes unintended weight utilities from workflow-renderer note chrome while retaining explicit semantic emphasis. |
Reviews (1): Last reviewed commit: "improvement(ui): unbold the app, align t..." | Re-trigger Greptile
Six conflicts, all one cause: staging's unbolding sweep (#6400) landed on code this branch had moved out of the route tree. Resolved by keeping this branch's structure and replaying every one of staging's 21 `font-medium` removals at the element's new home — 16 applied, the rest already absorbed by the auto-merge. Verified none of the strings staging unbolded is still bold anywhere in the tree. One deliberate deviation: staging rewrote the file-preview fallback as `text-[14px]`, which the styling rule forbids (font-size only, inherits the wrong line-height). Took staging's intent — dropping `font-medium` — and kept the named `text-sm`, which is the same 14px. `base.tsx` and `file-viewer.tsx` came back as delete/modify conflicts because they no longer exist here; their changes were ported into `document-list.tsx` and the file-view unit rather than dropped. Suite: 20951 passed. R6/R3c 0, 23 audits green.
Summary
--font-weight-*scale fromglobals.cssand itsfontWeightmapping fromtailwind.config.ts, sofont-mediumjumped 440/480 → 500,font-semibold500/550 → 600, and body dropped 420 → 400. Nothing was restyled — the utility's meaning changed under ~300 call sites at once. improvement(emcn): let every primitive inherit the document font weight #6291 fixedpackages/emcnonly; every product call site was left behindapp/workspace,ee,workflow-renderer, theunsubscribe/invite/f/[token]/oauth-error/_shell/playground/(interfaces)route groups, andcomponents/ui/button.tsx— whosebuttonVariantsinjectedfont-mediuminto every consumer, the single widest source.claude/rules/sim-styling.md: markdown/prose bold (<strong>,prose-strong:,[&_strong]:, markdown headings and<th>) and micro avatar initials / tile glyphs attext-[7px]/[8px]/microsize-[16px]/duration-100→size-[14px]/duration-150. The files-tree chevron was already on spec, so both trees now agreesecondaryActionschip. That also removes a hand-rolled field row fromChipModalBody, which CLAUDE.md prohibits — it sat atpx-2instead of the field's effectivepx-4, misaligned with the header and footer guttersType of Change
Testing
Tested manually.
Verification beyond that:
bunx turbo run type-check— 23/23 pass;biome checkclean acrossapps+packages(11 pre-existing warnings, all in untouched files)git grepfor a weight class inside a conditional on the base commit returns zero — there was noisActive && 'font-medium'anywhere — so unconditional stripping cannot have erased a selected/hover distinctiongeneral.tsx, the transparent-input + overlay in the MCP form modal), since those drift visibly if only one half changesNot covered, deliberately:
app/(landing)/**,apps/docs,lib/content/mdx.tsxandfaq.tsxcarry the same regression — separate design surface, separate PR.Checklist