Skip to content

Typography - #78

Merged
atulmgupta merged 530 commits into
mainfrom
typography
Jul 4, 2026
Merged

atulmgupta merged 530 commits into
mainfrom
typography

Conversation

@atulmgupta

Copy link
Copy Markdown
Contributor

Description

Closes #

Type of Change

  • Bug fix (non-breaking change that fixes an issue)
  • New feature (non-breaking change that adds functionality)
  • Breaking change (fix or feature that would break existing functionality)
  • Documentation update
  • Infrastructure / CI change

Checklist

  • My code follows the project's style guidelines
  • I have performed a self-review of my code
  • I have added tests that prove my fix is effective or my feature works
  • New and existing tests pass locally
  • I have updated the documentation accordingly
  • My changes generate no new warnings

Screenshots (if applicable)

atulmgupta and others added 30 commits July 3, 2026 11:17
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
atulmgupta and others added 22 commits July 3, 2026 14:56
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
WebhooksPage and its owned same-dir sub-components (WebhookSummary,
WebhookGuide) already render every text node through the shared
typography primitives/tokens — PageContainer title/subtitle, PanelTitle,
Text variants (caption/bodySm/label), Code, Badge, and MetricCard — with
theme --text-* colors and no ad-hoc size/weight/font-family or non-theme
color overrides. No §2 auto-fail patterns and no role+className overrides
to normalize (only layout utilities like break-all/shrink-0 remain).

Typography audit clean (0 violations), eslint clean, page gate PASS
(line-count ratio 1.0). No source change required; empty marker commit
records the sweep, matching the Quiet Hours sweep precedent.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
The 141-display-modes merge reintroduced two text-[10px] arbitrary sizes in
the ThemePicker mode-count + category labels; align them to the Tailwind
scale (text-xs) so the typography audit stays green.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
System Status and Settings laid out varying-height panels in a CSS grid with
items-start, so each row was as tall as its tallest card and short cards left
large dead space beneath them. Introduce a shared Masonry (CSS multi-column)
layout in components/layout and use it for the card containers so cards pack
tightly with even, consistent spacing.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Same uneven-gap fix as System Status/Settings: the variable-count category
cards were laid out in a grid with items-start, leaving dead space under
shorter categories. Use the shared Masonry component so they pack tightly.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
The per-tour 'seen' flags lived only in localStorage, so clearing cookies/
site-data re-triggered the intro tour every time. Persist them in the settings
KV store (completed_tours JSONB array of '{tourId}:{version}' tokens) so
completion survives a clear and syncs across devices — same round-trip as
theme/units through GET/PUT /api/v1/settings.

Backend: completed_tours on systemmodel.Settings, JSONB KV row + migration
000214, handler normalization (trim/dedupe/cap 100), unit tests.
Frontend: seed local flags from settings on load, gate tour auto-start until
settings are fetched, persist to the DB on finish/skip (+ optimistic cache),
mirror peer-tab completions.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
The Appearance panel was one giant card (~half the page) holding theme, density,
sidebar, time format, chart palette, status bar, celebration and tours — so it
dominated one masonry column and left the other short, producing an awkward gap.
Break it into four cards (Theme / Density+Sidebar+Time / Charts+Status /
Celebration+Tours) so the masonry balances both columns. The '#appearance'
deep-link anchor moves onto the first card (GlassPanel forwards id).

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
The ~260MB Windows Docker build context (apps/, scripts/, bin/, backups/,
docs/node_modules + .vitepress, stray node_modules) was canceling mid-transfer
('error from sender: context canceled'). None are needed by any build stage;
docs/public/openapi.yaml is retained. Shrinks context to ~30MB and makes the
teslasync-api image build reliable.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
The Button 'primary' variant hardcoded bg-blue-600, so changing the accent
color (Neon Cyan, Tesla Red, …) did nothing to buttons app-wide. Use
var(--theme-primary) for the fill and a luminance-computed var(--theme-on-primary)
for the foreground (dark text on bright accents, white on dark) so buttons stay
readable across every accent. ThemeProvider now sets these vars in applyThemeCSS.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Copilot AI review requested due to automatic review settings July 4, 2026 04:04
@atulmgupta
atulmgupta merged commit 80b5899 into main Jul 4, 2026
2 of 5 checks passed
@atulmgupta
atulmgupta deleted the typography branch July 4, 2026 04:05

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copilot wasn't able to review this pull request because it exceeds the maximum number of files (300). Try reducing the number of changed files and requesting a review from Copilot again.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants