chore: roll up in-progress changes across plugins
- claude-design: scaffold new plugin (plugin.json, CHANGELOG, README) - llm-security: playground design-system updates (tokens, components, tier3 supplement, new tier4 project-view CSS) - ms-ai-architect: v2 mockup screenshots + local screenshot script - voyage: annotate.mjs update Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
parent
6c94a1629f
commit
69610d46bd
20 changed files with 928 additions and 12 deletions
|
|
@ -1,5 +1,88 @@
|
|||
# playground-design-system — CHANGELOG
|
||||
|
||||
## 0.6.0 — 2026-05-15
|
||||
|
||||
### Added — Project-view archetype (Tier 4)
|
||||
|
||||
Generic "project as artifact-collection" archetype for plugins where a project owns 0-N read-only report artifacts grouped by category. Default view is an aggregated dashboard; clicking a sidebar item swaps the main panel to the per-artifact render. Edit-mode is paste-import only (no inline editor).
|
||||
|
||||
- **New file `components-tier4-project-view.css`** — 11 sections covering:
|
||||
- `.project-view` + `.project-view__layout` (grid: nav 280px + main 1fr, responsive collapse at 1280 / 960px)
|
||||
- `.project-view__header` (CSS Grid with eyebrow/title/lede/verdict/key-stats/actions areas)
|
||||
- `.verdict-pill` (small pill variant — companion to existing `.verdict-pill-lg` in tier2)
|
||||
- `.project-view__nav` + `.project-view__nav-search` (sticky sidebar with search)
|
||||
- `.artifact-list` + `__group` / `__group-label` / `__group-count` / `__group-items` / `__item` / `__item-marker` / `__item-body` / `__item-name` / `__item-meta` (grouped, severity-coded sidebar)
|
||||
- `.artifact-status[data-severity]` (mini-pill: positive | medium | critical)
|
||||
- `.project-view__main` (main column container)
|
||||
- `.project-overview` + `__intro` / `__verdict-grid` / `__verdict-tile[data-severity]` / `__section` / `__top-risks` / `__next-actions` / `__missing-reports` (aggregated dashboard)
|
||||
- `.project-view__artifact` + `__artifact-header` / `__artifact-title` / `__artifact-meta` / `__artifact-actions` / `__artifact-body` (single-rapport viewer wrapper)
|
||||
- `.empty-artifact-prompt` + `__icon` / `__title` / `__text` / `__actions` (empty-state)
|
||||
- `.import-modal` + `__backdrop` / `__panel` / `__head` / `__title` / `__close` / `__form` / `__detect` / `__preview` / `__preview-label` / `__footer` (overlay modal for paste-import)
|
||||
|
||||
- **6 new tokens in `tokens.css`:**
|
||||
- `--project-view-nav-width: 280px` — sidebar width at full layout
|
||||
- `--project-view-collapse-bp: 960px` — doc-only token referenced by responsive breakpoints
|
||||
- `--artifact-list-item-pad-y: var(--space-2)` — sidebar row vertical padding
|
||||
- `--artifact-list-item-pad-x: var(--space-3)` — sidebar row horizontal padding
|
||||
- `--artifact-marker-size: 14px` — sidebar status marker diameter
|
||||
- `--artifact-marker-border: 1.5px` — sidebar status marker border thickness
|
||||
|
||||
### Påvirkning
|
||||
|
||||
Endringen er **additiv**: ny komponent-fil + 6 nye tokens, ingen eksisterende selectors eller verdier endres. Plugin-konsumenter (`ms-ai-architect`, `llm-security`, `okr`, `config-audit`, `voyage`) får silent drift mot ny source-commit, men kan re-sync på eget tempo. Bare `ms-ai-architect` og `llm-security` re-syncer i samme commit som denne DS-bumpen (forberedelse til koordinert v1.15.0 / v7.7.0-release etter ~8 sesjoner med JS-implementasjon).
|
||||
|
||||
Førsteadoptere: `ms-ai-architect` v1.15.0 (17 artefakter, 5 kategorier) + `llm-security` v7.7.0 (≥18 artefakter, 6 kategorier). State-driven visibility håndteres i plugin-JS, ikke i denne CSS-en — kun aktiv state rendres per pass.
|
||||
|
||||
### Plugins som må laste den nye filen
|
||||
|
||||
Etter `<link>` til `components-tier3-supplement.css`, legg til:
|
||||
|
||||
```html
|
||||
<link rel="stylesheet" href="vendor/playground-design-system/components-tier4-project-view.css">
|
||||
```
|
||||
|
||||
### For å adoptere v0.6.0
|
||||
|
||||
```bash
|
||||
node scripts/sync-design-system.mjs <plugin-name>
|
||||
# --force hvis drift detected
|
||||
```
|
||||
|
||||
## 0.5.0 — 2026-05-10
|
||||
|
||||
### Added
|
||||
- **voyage scope tokens (B-DS-4):** `--color-scope-voyage` (aqua-blue `#1B5FB8`), `--color-scope-voyage-soft` (`#E5EFFA`), `--color-scope-voyage-strong` (`#143E78`) appended to scope-color group in `tokens.css`. Matches the existing `--color-scope-{architect,okr,security,ultraplan,config}` family so voyage-playground can use the canonical badge convention.
|
||||
- **`.badge--scope-voyage`** in `base.css`: white-on-aqua-blue badge variant matching the existing scope-badge family.
|
||||
|
||||
### Påvirkning
|
||||
|
||||
Endringen er **additiv**: legger TIL voyage-scope-tokens og en ny badge-modifier. Ingen eksisterende selectors eller token-verdier endres. Plugin-konsumenter (llm-security, ms-ai-architect, okr, config-audit) får stale vendor-state mot ny source-commit, men det er silent drift — re-sync skjer på eget tempo neste playground-touch. Bare `voyage` re-syncer i denne commit-en.
|
||||
|
||||
Førsteadopter: `voyage` v4.3.0 (multi-sesjons-løp 2026-05-10, sesjon 1 = Wave 0+1 Foundation).
|
||||
|
||||
## 0.4.0 — 2026-05-08
|
||||
|
||||
### Bug fixes
|
||||
- **`.kanban-card__name`** (components-tier3-supplement.css): bytt `word-break: break-all` til `word-break: break-word` + `overflow-wrap: anywhere`. `break-all` knekker midt i ord ("Tekn isk dokumen tasjon"); ny verdi respekterer ordskjøt og brytter kun lange tokens (B-DS-1).
|
||||
- **`.expansion__title-main`, `.expansion__title-sub`** (components-tier3-supplement.css): legg til `display: block`. Begge er `<span>`-elementer som flyter inline by default, noe som gir "dokumentertKilde: Art. 9" på samme linje. `display: block` sikrer vertikal stacking (B-DS-2).
|
||||
- **`.matrix__bubble`** (components.css): legg til `cursor: pointer`, `transition`, `:hover { transform: scale(1.15) }` og `:focus-visible { outline + offset }`. Antar at consumer rendrer bobler som `<button>` for click-handlers — gir visuell + keyboard-fokus-feedback (B-DS-3).
|
||||
|
||||
### Påvirkning
|
||||
|
||||
Bugfixene er **backward-compatible** — alle eksisterende selectors og verdier som er endret, var bugfixes. Plugin-konsumenter som har lokal-overrides for disse mønstrene bør re-syncer og slette overridene:
|
||||
|
||||
- **ms-ai-architect:** re-sync i samme commit, sletter linje 191-193 (matrix-bubble), 208-211 (expansion-title), 213-216 (kanban-card-name) i `playground/ms-ai-architect-playground.html`.
|
||||
- **llm-security, voyage, okr, config-audit:** re-sync på eget tempo (ikke breaking — gammel vendored DS fungerer fortsatt med eksisterende lokal-overrides).
|
||||
|
||||
### For å adoptere v0.4
|
||||
|
||||
```bash
|
||||
node scripts/sync-design-system.mjs <plugin-name>
|
||||
# --force hvis drift detected
|
||||
```
|
||||
|
||||
Førsteadopter: `ms-ai-architect` v1.14.0 (planlagt 2026-05-08, multi-sesjons-løp som starter med DS-bump i sesjon 2).
|
||||
|
||||
## 0.3.0 — 2026-05-04
|
||||
|
||||
### Added — Playground/report-page foundation primitives (sections 13-25 in tier3-supplement)
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue