XS⚠️ ◾ Fix wizard heading icon and align "What we collect" icons in telemetry consent dialog#991
XS⚠️ ◾ Fix wizard heading icon and align "What we collect" icons in telemetry consent dialog#991tomek-i wants to merge 1 commit into
Conversation
The "Help Us Improve YakShaver" telemetry consent dialog used a generic BarChart3 analyze icon next to its heading, and the leading icons for each "What we collect" item (Error reports, Workflow performance, Usage metrics) didn't line up with their checkbox/label row because of an ad-hoc mt-0.5 offset. - Replace the heading icon with the YakShaver (small Red Bull) logo, reusing the same SQ-YakShaver-LogoIcon-Red.svg asset used elsewhere in the app. - Wrap each list icon in a min-h-11 flex container matching the height of its checkbox/label row so all three icons align consistently with each other and with their text. Closes #964 Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
PR Metrics✔ Thanks for keeping your pull request small.
Metrics computed by PR Metrics. Add it to your Azure DevOps and GitHub PRs! |
There was a problem hiding this comment.
Pull request overview
Updates the telemetry consent dialog UI to use YakShaver-branded iconography and improve visual alignment in the “What we collect” section.
Changes:
- Swapped the dialog title icon from
BarChart3to the YakShaver logo asset (SQ-YakShaver-LogoIcon-Red.svg). - Replaced fixed
mt-0.5icon offsets with aflex items-center min-h-11wrapper to vertically center each “What we collect” icon against its corresponding checkbox/label row.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
|
🚀 Pre-release build is available for this PR: |
|
🔭 crows-nest: ready-PR pipeline started — review → address → re-validate → gated merge. |
🔭 muster review — PR #991Verdict: no blocking findings — review advisory only.
The Bottom line: no blocking findings — advisory pass only, given the single-lens degrade. |
|
🔭 crows-nest: blocked — review degraded, no human sign-off on the automated verdict. The merge gate (5-point, computed deterministically from the run state) returned
Why it's degraded: only the Gate state fed to This needs a human. A maintainer should read the diff (small, self-contained icon/alignment fix, 1 file) and merge manually if satisfied — the automation can't clear this on its own until a second review lens is available in this environment. Note for the operator: every other queued PR in this fleet run will hit this same structural block (missing |
Summary
The "Help Us Improve YakShaver" telemetry consent dialog (shown early in the setup flow) had inconsistent iconography:
BarChart3"analyze" icon instead of the YakShaver brand icon.mt-0.5top offset that didn't reliably line up with their checkbox/label row, since row heights differ (the row ismin-h-11, the icon offset was a fixed guess).Changes
src/ui/src/components/settings/telemetry/TelemetryConsentDialog.tsx<BarChart3 className="h-5 w-5" />heading icon with the YakShaver (small Red Bull) logo (/logos/SQ-YakShaver-LogoIcon-Red.svg), the same asset already used elsewhere in the app (e.g. the onboarding sidebar and recording control bar).Bug,Activity,BarChart3) in aflex items-center min-h-11container that matches the height of its corresponding checkbox/label row, replacing the fixedmt-0.5offset. This centers each icon against its row instead of guessing a top margin.Acceptance criteria mapping
SQ-YakShaver-LogoIcon-Red.svg.min-h-11container, so all three align consistently.Testing performed
npm run build— passes (tsc clean).npm run lint— passes (0 errors; one pre-existing, unrelated info-level suggestion inCloud360LiveView.tsxleft untouched, out of scope).npm run formatthengit diff --exit-code— clean, no formatting drift.npm rebuild better-sqlite3 --build-from-source && npx vitest run --exclude 'src/ui/**'— 696/696 backend tests pass.npm --prefix src/ui test— 261/261 UI tests pass.This is a scoped, presentational-only change (icon swap + alignment wrapper) with no behavioural/state changes, so no new tests were added.
Closes #964