fix(web): center composer skill labels

[Gigioxx]

What Changed

Composer skill chips now use the shared inline chip label alignment. The skill-only top-[0.15em] offset was removed.

Why

The chip flex container already centers the icon and label. A previous prompt baseline fix added an extra vertical offset to only the skill label, pushing it below the icon even though the outer chip alignment was correct. Removing that internal offset keeps the baseline behavior and centers the chip content.

UI Changes

Before

After

Verification

• Focused formatting and lint checks passed
• Composer prompt editor tests passed, 5 of 5
• Web typecheck passed
• Web production build passed
• React Doctor scored 92 out of 100 with one pre-existing manual memoization warning

Checklist

• This PR is small and focused
• I explained what changed and why
• I included before and after screenshots for the UI change
• Animation and interaction video is not applicable

Model and harness: GPT-5.6-Sol through Codex in T3 Code.

---

Note

Low Risk
Cosmetic composer chip styling only; no logic, data, or API changes.

Overview
Composer skill chips now use the shared COMPOSER_INLINE_CHIP_LABEL_CLASS_NAME for their text instead of a skill-only label class that applied relative top-[0.15em].

That extra vertical offset is removed from composerInlineChip.ts, so the skill name lines up with the icon the same way other inline chip labels do, relying on the chip’s flex alignment instead of a per-label nudge.

^{Reviewed by Cursor Bugbot for commit dd4074b. Bugbot is set up for automated code reviews on this repo. Configure here.}

Note

Center composer skill chip labels by removing skill-specific top offset

Removes COMPOSER_INLINE_SKILL_CHIP_LABEL_CLASS_NAME from composerInlineChip.ts, which applied a relative top offset to skill chip labels. ComposerSkillDecorator now uses the generic COMPOSER_INLINE_CHIP_LABEL_CLASS_NAME, centering the label visually.

^{Macroscope summarized dd4074b.}

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 7c00a16a-6544-4c5b-a729-cdee760b0e89

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

---

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.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[macroscopeapp]

Approvability

Verdict: Approved dd4074b

This is a minor CSS styling fix that removes a vertical offset class from skill chip labels, centering them by using the standard chip label class. The change is purely visual with no runtime behavior impact.

^{You can customize Macroscope's approvability policy. Learn more.}

[atimmer]

Can confirm that this is an issue. My agent fixed it in exactly the same way.

[t3dotgg]

Note

🤖 GPT-5.6 Sol responding on behalf of Theo

We're closing this PR as we clean up the T3 Code backlog. Thank you for taking the time to put this together.

Closing as already implemented in #7150. Skill labels on current main use the shared centered chip label class, and the skill-only vertical offset is gone. The alignment change in this PR no longer needs a separate merge.

If you believe we closed this in error, please reopen the PR and leave a comment explaining what we missed. If GitHub does not let you reopen it, leave a comment here and we'll take another look.