From 0a72499999496ee070da97b64b7baef393bb1fa8 Mon Sep 17 00:00:00 2001 From: Kjell Tore Guttormsen Date: Fri, 8 May 2026 21:20:08 +0200 Subject: [PATCH] =?UTF-8?q?feat(ms-ai-architect):=20playground=20v1.14.0?= =?UTF-8?q?=20=E2=80=94=20root-cause=20refaktor=20mot=2010+=20visuelle=20b?= =?UTF-8?q?ugs?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit DS-konvensjon-adopsjon på 14 renderere over 6 sesjoner. Etter v1.13.0/.1 patchet 10+ symptomatiske visuelle bugs (191 linjer lokal CSS, 21 fix-kommentarer), grep v1.14.0 root-cause via DS v0.4.0 + per-renderer refaktor. Sesjon 2 — DS v0.4.0: - B-DS-1: kanban-card word-break (break-all → break-word) - B-DS-2: expansion title-main/sub display:block (var inline) - B-DS-3: matrix-bubble cursor + hover/focus Sesjon 3 — risk-renderere til DS-summary-grid + ros-layout (renderDpia, renderSecurity, renderRos) Sesjon 4 — 6 compliance/govern-renderere bytter .report-meta-wrapper mot DS-konvensjon (renderAiActPyramid, renderRequirements, renderConformity, renderTransparency, renderFria, renderReview) Sesjon 5 — phase-renderere til expansion-list per fase (renderMigrate, renderPoc — slett .phase-detail-CSS) Sesjon 5b — lavt-scope renderer-fixes: - renderCost: ekstraher .monthly fra p50/p90-objekter (key-stats viste \"[object Object]\") - renderCompare: distinctive-token-matching erstatter firstWord-heuristikk - renderUtredning: droppet misvisende role=\"tab\" Sesjon 6 — ship: kommentar-kompaksjon (145 → 122 linjer), 24 screenshots regenerert til v1.14.0/, dokumentasjon (3 nivåer), versjonsbump, mellomfiler slettet. Lokal style-blokk: 191 → 122 effektive linjer (~36% reduksjon) DS bumpet til v0.4.0 (delt mellom plugins, andre re-syncer på eget tempo) 17 renderere PASS visuell QA mot demo-data i begge themes 219 plugin-validering, 272 E2E playground, 7 migrations PASS Refs V1.14.0-PLAN + V1.14.0-AUDIT (slettet ved ship per plan). --- .claude-plugin/plugin.json | 2 +- CHANGELOG.md | 57 ++++++++++++++++++ CLAUDE.md | 17 +++--- README.md | 3 +- playground/ms-ai-architect-playground.html | 46 ++++---------- .../v1.14.0/01-onboarding-empty-dark.png | Bin 0 -> 734773 bytes .../v1.14.0/01-onboarding-empty-light.png | Bin 0 -> 251047 bytes .../02-project-rapporter-regulatory-dark.png | Bin 0 -> 3878386 bytes .../02-project-rapporter-regulatory-light.png | Bin 0 -> 3843101 bytes ...3-project-rapporter-documentation-dark.png | Bin 0 -> 3562497 bytes ...-project-rapporter-documentation-light.png | Bin 0 -> 3536177 bytes .../03-project-rapporter-economy-dark.png | Bin 0 -> 1144998 bytes .../03-project-rapporter-economy-light.png | Bin 0 -> 1137861 bytes .../03-project-rapporter-security-dark.png | Bin 0 -> 2060258 bytes .../03-project-rapporter-security-light.png | Bin 0 -> 2051064 bytes .../03-project-rapporter-tool-dark.png | Bin 0 -> 985863 bytes .../03-project-rapporter-tool-light.png | Bin 0 -> 984159 bytes .../v1.14.0/04-project-oversikt-dark.png | Bin 0 -> 201982 bytes .../v1.14.0/04-project-oversikt-light.png | Bin 0 -> 200647 bytes .../v1.14.0/05-project-kontekst-dark.png | Bin 0 -> 197854 bytes .../v1.14.0/05-project-kontekst-light.png | Bin 0 -> 196373 bytes .../v1.14.0/06-project-eksport-dark.png | Bin 0 -> 174765 bytes .../v1.14.0/06-project-eksport-light.png | Bin 0 -> 173414 bytes .../screenshots/v1.14.0/07-home-dark.png | Bin 0 -> 221526 bytes .../screenshots/v1.14.0/07-home-light.png | Bin 0 -> 219143 bytes .../screenshots/v1.14.0/08-catalog-dark.png | Bin 0 -> 425099 bytes .../screenshots/v1.14.0/08-catalog-light.png | Bin 0 -> 421652 bytes .../v1.14.0/09-onboarding-prefilled-dark.png | Bin 0 -> 253195 bytes .../v1.14.0/09-onboarding-prefilled-light.png | Bin 0 -> 251047 bytes tests/screenshot/run.mjs | 6 +- 30 files changed, 84 insertions(+), 47 deletions(-) create mode 100644 playground/screenshots/v1.14.0/01-onboarding-empty-dark.png create mode 100644 playground/screenshots/v1.14.0/01-onboarding-empty-light.png create mode 100644 playground/screenshots/v1.14.0/02-project-rapporter-regulatory-dark.png create mode 100644 playground/screenshots/v1.14.0/02-project-rapporter-regulatory-light.png create mode 100644 playground/screenshots/v1.14.0/03-project-rapporter-documentation-dark.png create mode 100644 playground/screenshots/v1.14.0/03-project-rapporter-documentation-light.png create mode 100644 playground/screenshots/v1.14.0/03-project-rapporter-economy-dark.png create mode 100644 playground/screenshots/v1.14.0/03-project-rapporter-economy-light.png create mode 100644 playground/screenshots/v1.14.0/03-project-rapporter-security-dark.png create mode 100644 playground/screenshots/v1.14.0/03-project-rapporter-security-light.png create mode 100644 playground/screenshots/v1.14.0/03-project-rapporter-tool-dark.png create mode 100644 playground/screenshots/v1.14.0/03-project-rapporter-tool-light.png create mode 100644 playground/screenshots/v1.14.0/04-project-oversikt-dark.png create mode 100644 playground/screenshots/v1.14.0/04-project-oversikt-light.png create mode 100644 playground/screenshots/v1.14.0/05-project-kontekst-dark.png create mode 100644 playground/screenshots/v1.14.0/05-project-kontekst-light.png create mode 100644 playground/screenshots/v1.14.0/06-project-eksport-dark.png create mode 100644 playground/screenshots/v1.14.0/06-project-eksport-light.png create mode 100644 playground/screenshots/v1.14.0/07-home-dark.png create mode 100644 playground/screenshots/v1.14.0/07-home-light.png create mode 100644 playground/screenshots/v1.14.0/08-catalog-dark.png create mode 100644 playground/screenshots/v1.14.0/08-catalog-light.png create mode 100644 playground/screenshots/v1.14.0/09-onboarding-prefilled-dark.png create mode 100644 playground/screenshots/v1.14.0/09-onboarding-prefilled-light.png diff --git a/.claude-plugin/plugin.json b/.claude-plugin/plugin.json index c921194..1f6ffb3 100644 --- a/.claude-plugin/plugin.json +++ b/.claude-plugin/plugin.json @@ -1,6 +1,6 @@ { "name": "ms-ai-architect", - "version": "1.13.1", + "version": "1.14.0", "description": "Microsoft AI Solution Architect - structured architecture guidance for the full Microsoft AI stack", "author": { "name": "Kjell Tore Guttormsen" diff --git a/CHANGELOG.md b/CHANGELOG.md index 98e5106..0c3902d 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -5,6 +5,63 @@ All notable changes to this project will be documented in this file. The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/), and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html). +## [1.14.0] - 2026-05-08 + +### Changed — playground root-cause refaktor (6 sesjoner) + +Etter v1.13.0 + v1.13.1 patchet 10+ symptomatiske visuelle bugs, dokumenterte v1.14.0-arbeidet at vi brukte DS via "band-aid lokal CSS" (191 linjer, 21 fix-kommentarer) i stedet for DS-konvensjoner. Brukeren valgte root-cause-fix etter å ha lastet ned Anthropic Plugin-Playground v3 referansepakke. Resultatet er DS-konvensjon-adopsjon på tvers av 14 renderere, lokal CSS halvert, og alle reported visuelle bugs løst på rotnivå. + +#### Sesjon 2: DS root-cause fix (DS v0.3.x → v0.4.0) + +Tre DS-bugs som tidligere ble symptomatisk patchet i lokal CSS er nå fikset i `shared/playground-design-system/components-tier3-supplement.css` og re-syncet til `playground/vendor/`: + +- **B-DS-1: `.kanban-card__name`.** `word-break: break-all` knekket midt i ord — endret til `word-break: break-word` + `overflow-wrap: anywhere`. Tilsvarende lokal override i ms-ai-architect playground slettet. +- **B-DS-2: `.expansion__title-main` + `.expansion__title-sub`.** `display: inline` gjorde at title-main og title-sub kjørte sammen på samme linje. Endret til `display: block` så de stables vertikalt. Lokal override slettet. +- **B-DS-3: `.matrix__bubble`.** Manglet `cursor: pointer`, hover-effekt og `:focus-visible` outline når bobler er klikkbare. Lagt til som en del av base-mønsteret. + +#### Sesjon 3: Risk-rapporter til DS-konvensjon + +`renderDpia`, `renderSecurity`, `renderRos` refaktorert til DS-summary-grid + ros-layout-mønster fra Anthropic-ref `ros-lier-kommune.html`-scenario. Matrix i hovedcell + radar i `