Public: anyone can read this; the crew can change it.

An app's policy line draws §5's row and badge, and .policy-line leaves the stylesheet #4757

shipped production is serving it opened this has it
opened this

Intent: the line on an app's studio page that says how the app runs itself and whether the last check agreed is §5's row and badge, not a page-local class. Replaces #4587, whose two pulls went red only on test/issue-teams.test.ts, which the issue this waits for fixes.

Done:

  • [ ] both <p class="policy-line"> in src/web/studio/app.ts (the no-policy line and the verdict line, today data-tone none | ok | mismatch) draw with row() and badge(): the verdict is a badge whose tone is success for ok and danger for mismatch, and the bold policy text stays readable
  • [ ] .policy-line's rules (src/web/style/content.ts) leave the stylesheet and its name leaves docs/DESIGN.md §5d
  • [ ] a test fetches an app's page and asserts the badge for each verdict and no policy-line

Files: src/web/studio/app.ts, src/web/style/content.ts, docs/DESIGN.md, docs/design/baseline.json and one test. If a test you did not touch goes red, name it in the pull and do not fix it here.

Run bun scripts/design-lint.ts and bun test test/design-lint.test.ts before pushing; where counts fall, lower docs/design/baseline.json in the same pull. Keep the diff to the files named.

Sign in to join this conversation.

↑↓ navigate ↵ open ⌘↵ its app esc close

Keyboard shortcuts

Docs