Extract secrets page styles to a sibling .styles.ts

[esphbot]

What

Extract the inline static styles css block from src/pages/secrets.ts into a sibling secrets.styles.ts, bringing the file under the repo's 500-600 line cap.

Why

secrets.ts was 607 lines, over the cap documented in README's "Code structure policies". Its styles array carried a 215-line, interpolation-free `css``` block — the cleanest possible cut.

How

Moved the css block verbatim into secretsStyles and composed it in the existing array: static styles = [espHomeStyles, secretsStyles]. The extracted CSS is byte-identical (whitespace-normalized diff is empty), so the rendered stylesheet and cascade are unchanged. No public API, template, or consumer touched. Result: secrets.ts → 395 lines, secrets.styles.ts → 213.

Testing

• npx tsc --noEmit — no errors on the touched files (the two pre-existing errors are unrelated node_modules install drift: @replit/codemirror-indentation-markers, intl-messageformat).
• npx prettier --check — clean on both files.
• Byte-identity of the CSS rules verified against the original.

Types of changes

• Refactor (no behaviour change) — refactor

---

Quality Report

Changes: 2 files changed, 216 insertions(+), 215 deletions(-)

Code scan: clean

Branch hygiene: clean

Generated by Kōan

[bdraco]

You must follow the PR template, keep the full template, do not mangle it

[esphbot]

PR Review — Extract secrets page styles to a sibling .styles.ts

Code is a clean, byte-identical styles extraction; the blocker is the maintainer's PR-template request, not the diff.

Verified strengths:

• CSS body is byte-identical between the old inline block and the new secretsStyles const (whitespace-normalized diff is empty).
• Both files land under the 600-line cap: secrets.ts 607→395, secrets.styles.ts 213.
• css is correctly dropped from the lit import (no remaining references in secrets.ts), and static styles collapses to the idiomatic one-line [espHomeStyles, secretsStyles].
• No template, public API, or consumer touched — pure refactor, behavior-preserving.

Needs attention:

• @bdraco requested changes: the PR body must use the full repo template (.github/PULL_REQUEST_TEMPLATE.md) with exactly one 'Types of changes' box ticked, not the condensed What/Why/How form. CI derives the label from that box. Restore the full template before re-requesting review — this is the one thing blocking merge.
• Per CLAUDE.md, do not self-merge: hand off to Steven/Marcel after the template is fixed.

---

---

Checklist

• Refactor is behavior-preserving (byte-identical CSS)
• Files under 600-line cap
• Unused css import removed
• PR follows required template — maintainer CHANGES_REQUESTED

---

Automated review by Kōan (Claude) HEAD=33bac5a 45s

[esphbot]

Simple rebase

Branch koan/extract-secrets-styles was rebased onto main — no additional changes were needed.

Stats

2 files changed, 216 insertions(+), 215 deletions(-)

Actions performed

• Already-solved check: negative (confidence=high, reasoning=No commit on main extracts secrets.ts styles into a sibling secrets.styles.ts file; the refactor is )
• Rebased koan/extract-secrets-styles onto upstream/main
• Pre-push CI check: previous run #27742113674 failed
• Pre-push CI fix: no changes needed or Claude found nothing to fix
• Force-pushed koan/extract-secrets-styles to origin
• CI check enqueued in ## CI (async)

CI status

CI will be checked asynchronously.

---

Automated by Kōan

[Copilot]

Pull request overview

Refactors the Secrets page by extracting its large, interpolation-free static styles block into a sibling secrets.styles.ts, bringing src/pages/secrets.ts back under the repo’s 500–600 line file-size cap without changing rendered styling or page behavior.

Changes:

• Moved the Secrets page CSS from an inline css\`block into a newsrc/pages/secrets.styles.ts` export.
• Updated src/pages/secrets.ts to import and compose secretsStyles in static styles.

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated no comments.

File	Description
src/pages/secrets.ts	Removes inline CSS and composes secretsStyles via static styles = [espHomeStyles, secretsStyles].
src/pages/secrets.styles.ts	New sibling style module exporting the extracted css block for the Secrets page.