diff --git a/CLAUDE.md b/CLAUDE.md
index 97ba05b..7542e0b 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -11,12 +11,12 @@ plugins/
   graceful-handoff/      v2.1.0  — Auto-trigger handoff via Stop hook (skill + JSON pipeline + 4-step model-aware context resolution)
   linkedin-thought-leadership/  v1.2.0  — LinkedIn content pipeline + analytics
   llm-security/          v6.0.0  — Security scanning, auditing, threat modeling
-  ms-ai-architect/       v1.13.1 — Microsoft AI architecture (Cosmo Skyberg persona) + manual KB-refresh slash command
+  ms-ai-architect/       v1.15.0 — Microsoft AI architecture (Cosmo Skyberg persona) + manual KB-refresh slash command + v3 project-view (sidebar med 17 artifacts + main + import-modal overlay, v2-surface fjernet i v1.15.0)
   okr/                   v1.0.0  — OKR guidance for Norwegian public sector
   voyage/                v5.0.3  — Brief, research, plan, execute, review, continue. Contract-driven Claude Code pipeline (six-command universal pipeline + multi-session resumption + --gates autonomy chain). /trekbrief, /trekplan, and /trekreview each end by running scripts/annotate.mjs against the just-written .md and printing the file:// link to a self-contained operator-annotation HTML modelled on claude-code-100x/build-site.js: pencil-toggle annotation mode, select text or click any element, choose intent (Fiks/Endre/Spørsmål), comment, sidebar groups by section with delete + Copy Prompt, localStorage persistence per artifact path. v5.0.0 removed the v4.2/v4.3 bespoke playground + /trekrevise + Handover 8; v5.0.1 pointed at /playground document-critique (wrong direction); v5.0.2 was operator-led but too thin; v5.0.3 matches the reference the operator pointed at from day one.
 
 shared/
-  playground-design-system/  v0.1  — Aksel/Digdir-aligned CSS design system + JSON schemas + self-hosted Inter/JetBrains Mono/Source Serif 4 fonts (Tier 1+2+3 wave 1+wave 2 = 20 Tier 3 components total). Consumed by ms-ai-architect, okr, llm-security, voyage, config-audit
+  playground-design-system/  v0.6.0 — Aksel/Digdir-aligned CSS design system + JSON schemas + self-hosted Inter/JetBrains Mono/Source Serif 4 fonts. Tier 1 base + Tier 2 + Tier 3 wave 1+2 (20 components) + Tier 4 project-view-arketype (v0.6.0 — sidebar + main + import-modal overlay). Consumed by ms-ai-architect, okr, llm-security, voyage, config-audit.
   playground-examples/             — Reference scenarios (ROS-Lier, OKR-Bærum, security-Direktorat) + showcase landing + 12 isolated Tier 3 wave 2 component demos under components/
 ```
 
@@ -53,3 +53,20 @@ Disse trackes IKKE i git. Oppdater ved sesjonsslutt.
 3. Les REMEMBER.md og TODO.md for sesjonsstatus
 4. Jobb innenfor scope
 5. Oppdater REMEMBER.md ved avslutning
+
+## Communication patterns
+
+### Linking to local files
+
+When pointing to local files in responses, always use markdown link syntax with a descriptive name:
+
+- Use `[Human-friendly name](file:///absolute/path)` — never bare `file:///...` URLs or autolinks `<file://...>`.
+- Always use absolute paths. Never `~/` or relative paths.
+- For multiple files, render as a bullet list of named markdown links.
+
+Why: bare `file://` URLs only render the first as clickable across multiple lines. Named markdown links make each entry independently clickable and look cleaner.
+
+Example:
+
+- [Brief](file:///Users/ktg/.../brief.html)
+- [Research summary](file:///Users/ktg/.../research/summary.md)
diff --git a/README.md b/README.md
index 73e11b3..02f5eb2 100644
--- a/README.md
+++ b/README.md
@@ -172,7 +172,7 @@ Key command: `/graceful-handoff [topic-slug] [--no-commit] [--no-push] [--dry-ru
 
 ---
 
-### [MS AI Architect — Azure AI and Microsoft Foundry](plugins/ms-ai-architect/) `v1.14.0` `🇳🇴 Norwegian`
+### [MS AI Architect — Azure AI and Microsoft Foundry](plugins/ms-ai-architect/) `v1.15.0` `🇳🇴 Norwegian`
 
 Microsoft AI solution architecture guidance for Norwegian public sector and enterprise.
 
@@ -187,11 +187,11 @@ Key commands: `/architect`, `/architect:ros`, `/architect:security`, `/architect
 
 12 specialized agents · 25 commands · 5 skills (387 reference docs) · 2 hooks · manual sitemap-driven KB refresh
 
-**One-click demo (v1.14.0, 2026-05-08):** "Last inn demo-data"-knappen på onboarding bootstrapper en ferdig "Acme Kommune" med demo-prosjektet "Acme: Kunde-chatbot" og alle 17 rapport-typer pre-importert som `raw_markdown` (konsistente navn på tvers av alle fixtures). Visualisering rehydreres automatisk på project-surface mount. 24 retina-screenshots committed under `playground/screenshots/v1.14.0/` (12 surfaces × 2 tema), så forkere ser pluginen uten å kjøre noe. Standalone Playwright-runner under `tests/screenshot/` (egen `package.json`).
+**One-click demo (v1.15.0, 2026-05-16):** "Last inn demo-data"-knappen på onboarding bootstrapper en ferdig "Acme Kommune" med demo-prosjektet "Acme: Kunde-chatbot" og alle 17 rapport-typer pre-importert. v2→v3 migrasjon auto-parser `raw_markdown` til `project.artifacts[cid]` så project-view viser aggregert verdict (BLOKKERT), key stats (17/17 artifacts), top-risks-liste, og navigerbart artifact-sidebar i én navigasjon. 24 retina-screenshots committed under `playground/screenshots/v1.15.0/` (12 surfaces × 2 tema), så forkere ser pluginen uten å kjøre noe. Standalone Playwright-runner under `tests/screenshot/` (egen `package.json`).
 
-**Playground (v3, v1.14.0 — root-cause refaktor, 2026-05-08):** Multi-surface decision-builder + report viewer. The single-file HTML app lives at `playground/ms-ai-architect-playground.html` (~3870+ lines). v1.14.0 leverer DS-konvensjon-adopsjon på 14 renderere over 6 sesjoner: B-DS-1/2/3 fikset i shared/ DS v0.4.0 (kanban-card word-break, expansion title-block, matrix-bubble cursor); 3 risk-renderere til DS-summary-grid + ros-layout; 6 compliance/govern-renderere bytter `.report-meta`-wrapper mot DS-konvensjon; renderMigrate + renderPoc til expansion-list per fase; 5b-fixes i renderCost/renderCompare/renderUtredning. Lokal `<style>`-blokk: 191 → 122 effektive linjer (~36% reduksjon siden v1.13.1).
+**Playground (v3, v1.15.0 — project-view integration, 2026-05-16):** Multi-surface decision-builder + report viewer. The single-file HTML app lives at `playground/ms-ai-architect-playground.html` (~3870+ lines). v1.15.0 erstatter v2 project-surface (screen-tabs + category-tabs + per-command paste-cards) med v3 `renderProjectView` (sidebar med 17 artifacts gruppert i 4 kategorier + main-area med per-artifact view eller overview + import-modal som DS-overlay). V2-surface helt fjernet (`renderProjectSurface`, `renderCommandSubCard`, `rehydratePasteImports`, 5 v2-CSS-klasser). 2 fingerprint-gap lukket (requirements + license headers). `migrateDataVersion` utvidet med `parserFor` slik at demo-state og persisted localStorage auto-parses. Ship-QA: `components-tier4-project-view.css` lagt til i `<link>`-kjeden (var ikke loaded → modal-overlay og two-column layout virket ikke). 386 E2E PASS, 0 FAIL, 2 WARN.
 
-- **4 surfaces:** Onboarding (4 strukturerte / 14 fritekst, prefill alle command-skjemaer) → Home (project list + 3 entry tracks) → Catalog (24 commands grouped in 5 expansion categories with search) → Project (per-project tabs, command-form prefill, paste-back report import + visualization)
+- **4 surfaces:** Onboarding (4 strukturerte / 14 fritekst, prefill alle command-skjemaer) → Home (project list + 3 entry tracks) → Catalog (24 commands grouped in 5 expansion categories with search) → **Project v3** (sidebar med 17 artifacts + søk + main-area med per-artifact view eller aggregate overview + import-modal overlay)
 - **Persistence:** IndexedDB primary + localStorage fallback, schema-versioned (`STATE_KEY = 'ms-ai-architect-state-v1'`) with eager migrations pipeline. v1.10.0 adds idempotent `dataVersion v1→v2` migration that backfills `verdict` + `keyStats` on existing reports.
 - **17 inline report renderers (felles grunnskjelett)** — all wrap output through `renderPageShell()` with eyebrow + h1 + optional verdict-pill + optional key-stats-grid + archetype body (pyramid, 5×5/6×5/7×5 matrix, radar, kanban, mat-ladder, scenario-cards, screen-tabs, residual-pair, top-risks, recommendation-card, suppressed-panel, critique-card, read-more, traffic-light).
 - **Foundation helpers** — `renderPageShell`, `renderVerdictPill`, `renderKeyStatsGrid`, `inferVerdict`, `inferKeyStats`, `KEY_STATS_CONFIG`.
diff --git a/plugins/ms-ai-architect/.claude-plugin/plugin.json b/plugins/ms-ai-architect/.claude-plugin/plugin.json
index 1f6ffb3..b28039a 100644
--- a/plugins/ms-ai-architect/.claude-plugin/plugin.json
+++ b/plugins/ms-ai-architect/.claude-plugin/plugin.json
@@ -1,6 +1,6 @@
 {
   "name": "ms-ai-architect",
-  "version": "1.14.0",
+  "version": "1.15.0",
   "description": "Microsoft AI Solution Architect - structured architecture guidance for the full Microsoft AI stack",
   "author": {
     "name": "Kjell Tore Guttormsen"
diff --git a/plugins/ms-ai-architect/.gitignore b/plugins/ms-ai-architect/.gitignore
index cea12c5..b66d25a 100644
--- a/plugins/ms-ai-architect/.gitignore
+++ b/plugins/ms-ai-architect/.gitignore
@@ -1,4 +1,6 @@
 *.local.md
+*.local.html
+*.local.json
 .mcp.json
 .DS_Store
 .claude/
diff --git a/plugins/ms-ai-architect/CHANGELOG.md b/plugins/ms-ai-architect/CHANGELOG.md
index 0c3902d..9a7a19d 100644
--- a/plugins/ms-ai-architect/CHANGELOG.md
+++ b/plugins/ms-ai-architect/CHANGELOG.md
@@ -5,6 +5,67 @@ 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.15.0] - 2026-05-16
+
+### Changed — playground v3 project-view integration
+
+V2 project-surface (screen-tabs + category-tabs + per-command paste-cards) erstattet av v3 project-view (sidebar + main + import-modal). Sluttproduktet av 5 sesjoner: V2-PROJECT-VIEW-SPEC, JS-foundation, renderProjectView/renderProjectArtifact/renderArtifactNav, testing (97 nye assertions), og nå integration + ship.
+
+#### Sesjon 5: integration + ship
+
+- `renderActive()` ruter `project`-surface til ny `renderProjectSurfaceV3()` som wrapper renderProjectView + topbar + app-shell.
+- `renderProjectSurface` (152 linjer), `renderCommandSubCard` (87 linjer), `rehydratePasteImports` (15 linjer) slettet.
+- `currentProjectScreen` modul-var slettet; `currentProjectTab` beholdt som zombie for `ACTIONS['project-tab']`/`ACTIONS['parse']`/`handlePasteImport` (test-back-compat).
+- `ACTIONS['project-screen']` slettet.
+- 5 v2-CSS-klasser slettet: `.project-tabs`, `.project-tab`, `.project-tab__count`, `.sub-zone`, `.paste-import-row`, `.project-header__*`, `.command-cards`.
+
+#### Fingerprint-gap lukket
+
+- `requirements.headers`: utvidet til `/^\s*#\s*(EU\s*AI\s*Act\s*[—-]\s*Krav|AI\s*Act-?krav|Krav per|Requirements)/im` (matcher "EU AI Act — Krav for høyrisiko provider+deployer").
+- `license.headers`: utvidet til `/^\s*#\s*(Lisens(kart|kapabilitets|-kapabilitets)?(legging|matrise)?|License\s*Mapping)/im` (matcher "Lisens-kapabilitetsmatrise").
+- `KNOWN_GAP_FIXTURES = {}` i `tests/test-playground-fingerprints.sh` (var `{ requirements: true, license: true }`).
+
+#### Migrasjon utvidet (v2→v3) med parserFor
+
+- `migrateDataVersion(state, archetypeFor, parserFor)` tredje arg lagt til.
+- Hvis `reports[cid].parsed` mangler men `raw_markdown` finnes, kjøres `parserFor(cid)` automatisk.
+- `defaultParserFor(cmdId)` resolverer `PARSERS[archetypeFor(cmdId)]`.
+- Tre callsites oppdatert: cold-load, import-state, load-demo.
+
+#### Browser-fixes funnet via dogfood
+
+- `components-tier4-project-view.css` lagt til i `<link>`-chain (filen var vendored, men ikke loaded → modal-overlay og two-column layout virket ikke).
+- `renderImportModal` setter `data-open="true"` på `.import-modal`-div (DS-kontrakt: `display: flex` aktiveres kun ved `[data-open="true"]`).
+
+#### Tester
+
+- `bash tests/run-e2e.sh --playground` → **386 PASS**, 0 FAIL, 2 WARN (pre-eksisterende: `.cmd-pipeline` reservert; multiselect form-felt).
+  - v3-static: 219 PASS (var 202 — la til 17 nye renderer-routing-asserts)
+  - parsers: 70 PASS
+  - migrations: 16 PASS
+  - fingerprints: 32 PASS (var 30, 2 WARN → 32, 0 WARN)
+  - project-view: 30 PASS
+  - actions: 19 PASS
+- `bash tests/validate-plugin.sh` → 219 PASS.
+
+#### Screenshots regenerert til v1.15.0/
+
+24 PNG-er (12 surfaces × 2 tema, retina, fullPage der applicable). Nye surfaces: project-overview, project-artifact-{classify, security, ros, cost, summary}, project-import-modal (viewport-only), project-search.
+
+#### Demo-flyt verifisert i nettleser
+
+- "Last inn demo-data" → 17 artifacts loaded + migrasjonen v2→v3 fyller `parsed`/`verdict`/`keyStats`.
+- Sidebar viser alle 17 grupperte commands med severity-badges.
+- Aggregate verdict (BLOKKERT) + key stats (17/17, 5/5, 2026-05-04) i header.
+- Importer/Re-importer-modal åpner som overlay med backdrop.
+- Per-artifact navigasjon (klikk i sidebar) → mounter riktig renderer i main-area.
+
+### Notes on 1.15.0
+
+- Sesjon 5 fullført i én pass — token-budsjettet (~80-100k) holdt.
+- v2-mockup.local.html + V2-PROJECT-VIEW-SPEC.local.md beholdt inntil sesjon 8 ship (per scope grenser).
+- Pre-eksisterende kosmetiske issues (duplisert artifact-title, "Manglende rapporter"-heading-feil) ikke fikset — utenfor scope for sesjon 5 (integration), planlagt v1.16.0.
+
 ## [1.14.0] - 2026-05-08
 
 ### Changed — playground root-cause refaktor (6 sesjoner)
diff --git a/plugins/ms-ai-architect/CLAUDE.md b/plugins/ms-ai-architect/CLAUDE.md
index c9b5562..bdc5cd6 100644
--- a/plugins/ms-ai-architect/CLAUDE.md
+++ b/plugins/ms-ai-architect/CLAUDE.md
@@ -187,12 +187,14 @@ claude --plugin ./plugins/ms-ai-architect
 /architect:help
 ```
 
-## Playground (v3 / v1.14.0)
+## Playground (v3 / v1.15.0)
 
-Interaktiv decision-builder + rapport-viewer for Microsoft AI-beslutninger. Erstatter v2 5-stegs-pipelinen med en multi-surface-app som persisterer state og visualiserer importerte rapporter inline. Spec: v3-arkitektur dokumentert under `.claude/projects/2026-05-03-playground-v3-architecture/`. v1.10.0-utvidelser dokumentert under `.claude/projects/2026-05-03-ms-ai-architect-v1-10-playground/`. v1.11.0 leverer design-system 100%-adoption (PARALLEL-CSS-migrasjon til DS-konvensjon, inline `<style>`-trim 37%, severity-coded card borders, app-header-restruktur, `.stack-lg` body spacing, AI Act-pyramide bredde-fix). v1.13.0/.1 patchet 10+ symptomatiske visuelle bugs. v1.14.0 leverer root-cause refaktor over 6 sesjoner: B-DS-1/2/3 fikset i shared/ DS v0.4.0 (kanban-card word-break, expansion title-block, matrix-bubble cursor); 3 risk-renderere (renderDpia/Security/Ros) til DS-summary-grid + ros-layout; 6 compliance/govern-renderere bytter lokal `.report-meta`-wrapper mot DS-konvensjon; renderMigrate + renderPoc til expansion-list per fase (slett `.phase-detail`-CSS); 5b-fixes: renderCost p50/p90-objekter ekstrahert via `.monthly` (var "[object Object]"), renderCompare distinctive-token-matching erstatter firstWord-heuristikk, renderUtredning droppet misvisende `role="tab"`. Lokal `<style>`-blokk: 191 → 122 effektive linjer (~36% reduksjon). Alle 17 renderere PASS visuell QA.
+Interaktiv decision-builder + rapport-viewer for Microsoft AI-beslutninger. Erstatter v2 5-stegs-pipelinen med en multi-surface-app som persisterer state og visualiserer importerte rapporter inline. Spec: v3-arkitektur dokumentert under `.claude/projects/2026-05-03-playground-v3-architecture/`. v1.10.0-utvidelser dokumentert under `.claude/projects/2026-05-03-ms-ai-architect-v1-10-playground/`. v1.11.0 leverer design-system 100%-adoption. v1.13.0/.1 patchet 10+ symptomatiske visuelle bugs. v1.14.0 leverer root-cause refaktor over 6 sesjoner (DS-konvensjon-adopsjon på 14 renderere, lokal CSS halvert).
+
+**v1.15.0 (sesjon 5 av ~8 i v2-prosjektet):** Project-surface byttet fra v2 `renderProjectSurface` (screen-tabs + category-tabs + per-command paste-cards) til v3 `renderProjectView` (sidebar med 17 artifacts + main-area + import-modal overlay). `renderActive()` ruter `project`-surface til `renderProjectSurfaceV3()` som wrapper renderProjectView + topbar + app-shell. V2-surface helt fjernet: `renderProjectSurface` (152 linjer), `renderCommandSubCard` (87 linjer), `rehydratePasteImports` (15 linjer), `currentProjectScreen`, `ACTIONS['project-screen']`, 5 v2-CSS-klasser. Zombie-handlers beholdt for test-back-compat: `currentProjectTab`, `ACTIONS['project-tab']`, `ACTIONS['parse']`, `handlePasteImport`, `window.__handlePasteImport`. 2 fingerprint-gap lukket: requirements.headers + license.headers. `migrateDataVersion` utvidet med `parserFor` → demo-state (kun `raw_markdown`) auto-parses til `project.artifacts[cid]`. Ship-QA-bugfixes: `components-tier4-project-view.css` lagt til i `<link>`-kjeden (manglet → modal-overlay og two-column layout virket ikke); `renderImportModal` setter `data-open="true"` (DS-kontrakt).
 
 - **Fil:** `playground/ms-ai-architect-playground.html` (~3870+ linjer, single-file v3-arkitektur)
-- **4 surfaces:** Onboarding (18 felles felt — 4 strukturerte / 14 fritekst etter v1.10.0) → Home (prosjekt-liste + 3 entry-tracks) → Catalog (25 commands gruppert i 5 expansion-grupper med søk) → Project (per-prosjekt tabs, command-form-prefill fra felles state, paste-back-import med rapport-visualisering)
+- **4 surfaces:** Onboarding (18 felles felt — 4 strukturerte / 14 fritekst etter v1.10.0) → Home (prosjekt-liste + 3 entry-tracks) → Catalog (25 commands gruppert i 5 expansion-grupper med søk) → **Project v3** (sidebar med 17 artifacts gruppert i 4 kategorier + søk + main-area med per-artifact view eller overview med top-risks/next-actions + import-modal som DS-overlay)
 - **Persistens:** IndexedDB-primær med localStorage-fallback. Schema-versjonert (`STATE_KEY = 'ms-ai-architect-state-v1'`) med eager `MIGRATIONS`-pipeline. v1.10.0 introduserer `dataVersion v1→v2`-migrasjon (idempotent) som backfill-er `verdict`+`keyStats`.
 - **17 rapport-renderers (felles grunnskjelett):** Alle wrapper output via `renderPageShell()` med eyebrow + h1 + valgfri verdict-pill + valgfri key-stats-grid + arketype-spesifikk body. Parser → struktur → HTML rutet via kanonisk archetype-routing-tabell.
 - **Foundation-helpers:** `renderPageShell`, `renderVerdictPill`, `renderKeyStatsGrid`, `inferVerdict`, `inferKeyStats`, `KEY_STATS_CONFIG`.
@@ -200,23 +202,26 @@ Interaktiv decision-builder + rapport-viewer for Microsoft AI-beslutninger. Erst
 - **Theme:** Mørk default + lys theme-toggle med Aksel-tokens i begge moduser (lagt til i v1.10.0). Persistert i `localStorage('ms-ai-architect-theme')`. Theme-bootstrap-script i `<head>` unngår FOUC.
 - **Eksport/import:** JSON Decision Record-envelope (Blob + FileReader), schema-versjon-bevisst på import.
 
-### Validering (v1.14.0-tall)
+### Validering (v1.15.0-tall)
 
 | Test | Kommando | Dekning |
 |------|----------|---------|
-| Statisk struktur | `bash tests/test-playground-v3.sh` | 202 PASS — vendored CSS, surfaces, 25 commands, 14 parsere, 17 renderers (felles grunnskjelett), design-system-klasser, action-handlers, Tier 3-bruk, onboarding field-distribution |
+| Statisk struktur | `bash tests/test-playground-v3.sh` | 219 PASS, 2 WARN (pre-eks.) — vendored CSS, surfaces, 25 commands, 14 parsere, 17 renderers via PROJECT_VIEW_CONFIG.renderers-routing, action-handlers |
 | Parser-fixtures | `bash tests/test-playground-parsers.sh` | 70 PASS — 17 fixtures × parser-routing |
-| Migrasjon | `bash tests/test-playground-migrations.sh` | 7 PASS — v1→v2 idempotent migrasjon |
-| Kombinert (E2E) | `bash tests/run-e2e.sh --playground` | 272 PASS — statisk + parser-suiter |
+| Migrasjon | `bash tests/test-playground-migrations.sh` | 16 PASS — v1→v2 + v2→v3 idempotent migrasjon |
+| Fingerprints | `bash tests/test-playground-fingerprints.sh` | 32 PASS — 17-fixture true-positive + 4 anti-match + API-sanity |
+| Project-view | `bash tests/test-playground-projectview.sh` | 30 PASS — 4 view-states + nav-søk + null-guard |
+| ACTIONS | `bash tests/test-playground-actions.sh` | 19 PASS — 6 pure-state-handlers + projectViewUiState |
+| Kombinert (E2E) | `bash tests/run-e2e.sh --playground` | 386 PASS, 0 FAIL, 2 WARN |
 | Plugin-validering | `bash tests/validate-plugin.sh` | 219 PASS |
 | Manuell A11Y QA | Se `playground/MANUAL-CHECKLIST.md` | 10 seksjoner inkl. axe-core-kjøring per surface |
 | A11Y-rapport | `playground/A11Y-RAPPORT.md` | Statisk vurdering klar — browser-axe-kjøring pending |
 
-### Demo system (v1.11.0)
+### Demo system (v1.11.0 → v1.15.0)
 
-`scripts/build-demo-state.mjs` leser alle 17 fixture-filer fra `playground/test-fixtures/` og injiserer dem som en `<script type="application/json" id="demo-state-v1">`-blokk i playground HTML (idempotent — erstatter eksisterende blokk). "Last inn demo-data"-knappen på onboarding-overflaten kaller `ACTIONS['load-demo']` som leser blokken, erstatter alle state-grener via Proxy-mutasjon, og navigerer til project-surface med 17 pre-importerte rapporter. `rehydratePasteImports()` kjøres via `queueMicrotask` etter project-surface render — fyller textareas fra `project.reports[id].raw_markdown` og kaller `handlePasteImport` for hver. `handlePasteImport` har equal-value-guard for å unngå render-loop.
+`scripts/build-demo-state.mjs` leser alle 17 fixture-filer fra `playground/test-fixtures/` og injiserer dem som en `<script type="application/json" id="demo-state-v1">`-blokk i playground HTML (idempotent — erstatter eksisterende blokk). "Last inn demo-data"-knappen på onboarding-overflaten kaller `ACTIONS['load-demo']` som leser blokken, erstatter alle state-grener via Proxy-mutasjon, kjører `migrateDataVersion` (v2→v3 auto-parser raw_markdown til artifacts), og navigerer til project-surface. Demo viser 17 artifacts gruppert i sidebar med severity-badges, aggregate verdict (BLOKKERT), top-risks-liste, og fungerende re-importer/slett-knapper per artifact.
 
-`tests/screenshot/` inneholder en frittstående Playwright-runner med egen `package.json` (gitignored `node_modules`). `node run.mjs` produserer 24 PNG-er (12 surfaces × 2 tema, retina, fullPage) under `playground/screenshots/v1.14.0/` (v1.10.0 + v1.11.0 beholdt som historisk referanse). Disse committes så forkere ser pluginen uten å installere noe. Demo-org er "Acme Kommune" og demo-prosjekt er "Acme: Kunde-chatbot" — konsistente navn på tvers av alle 17 fixtures (etter v1.11.0 rename fra "Acme AS" / "Demosystem").
+`tests/screenshot/` inneholder en frittstående Playwright-runner med egen `package.json` (gitignored `node_modules`). `node run.mjs` produserer 24 PNG-er (12 surfaces × 2 tema) under `playground/screenshots/v1.15.0/`. v1.15.0-surfaces: onboarding-empty, project-overview, project-artifact-{classify,security,ros,cost,summary}, project-import-modal (viewport-only — modal er position:fixed overlay), project-search, home, catalog, onboarding-prefilled. v1.10.0/v1.11.0/v1.14.0 beholdt som historisk referanse. Disse committes så forkere ser pluginen uten å installere noe. Demo-org er "Acme Kommune" og demo-prosjekt er "Acme: Kunde-chatbot".
 
 ### Design-system 100%-adoption (v1.11.0 → v1.14.0)
 
diff --git a/plugins/ms-ai-architect/README.md b/plugins/ms-ai-architect/README.md
index 48c359a..188ceb9 100644
--- a/plugins/ms-ai-architect/README.md
+++ b/plugins/ms-ai-architect/README.md
@@ -6,7 +6,7 @@
 
 *AI-generated: all code produced by Claude Code through dialog-driven development. [Full disclosure →](../../README.md#ai-generated-code-disclosure)*
 
-![Version](https://img.shields.io/badge/version-1.14.0-blue)
+![Version](https://img.shields.io/badge/version-1.15.0-blue)
 ![Platform](https://img.shields.io/badge/platform-Claude_Code_Plugin-purple)
 ![Docs](https://img.shields.io/badge/reference_docs-387-green)
 ![Agents](https://img.shields.io/badge/agents-12-orange)
@@ -638,6 +638,7 @@ Category-to-skill routing is defined in `scripts/skill-gen/category-skill-map.js
 
 | Version | Date | Highlights |
 |---------|------|-----------|
+| **1.15.0** | 2026-05-16 | Playground v3 project-view integration — `renderProjectSurface` (v2 screen-tabs + category-tabs + per-command paste-cards) erstattet av `renderProjectView` (sidebar med 17 artifacts + main-area + import-modal overlay). `renderActive()` delegerer nå til `renderProjectSurfaceV3()`. Dead code fjernet: `renderCommandSubCard`, `rehydratePasteImports`, `currentProjectScreen`, `ACTIONS['project-screen']`, 5 v2-CSS-klasser (`.project-tabs`, `.project-tab`, `.project-tab__count`, `.sub-zone`, `.paste-import-row`, `.project-header__*`, `.command-cards`). 2 fingerprint-gap lukket: `requirements.headers` matcher nå "EU AI Act — Krav for høyrisiko..."; `license.headers` matcher "Lisens-kapabilitetsmatrise...". v2→v3 migrasjon utvidet med `parserFor` slik at demo-state med kun `raw_markdown` auto-parses inn i `project.artifacts[cid]`. `components-tier4-project-view.css` wired inn (var ikke loaded — modal-overlay og two-column layout virket ikke). `renderImportModal` setter `data-open="true"` (DS-kontrakt). 219 plugin-validering, 386 E2E playground (32 fingerprints, 219 v3-static, 70 parsers, 16 migrations, 30 project-view, 19 actions), 0 FAIL, 2 WARN (pre-eksisterende). 24 screenshots regenerert til `playground/screenshots/v1.15.0/`. Demo viser nå 17 artifacts navigerbare i sidebar, aggregate verdict (BLOKKERT), top-risks-liste, og fungerende re-importer/slett-knapper per artifact. |
 | **1.14.0** | 2026-05-08 | Playground root-cause refaktor — DS-konvensjon-adopsjon på tvers av 14 renderere over 6 sesjoner. Sesjon 2: B-DS-1/2/3 fikset i shared/ DS v0.4.0 (kanban-card word-break, expansion title-block, matrix-bubble cursor). Sesjon 3: renderDpia/Security/Ros til DS-summary-grid + ros-layout. Sesjon 4: 6 compliance/govern-renderere bytter `.report-meta`-wrapper mot DS-konvensjon (renderAiActPyramid, renderRequirements, renderConformity, renderTransparency, renderFria, renderReview). Sesjon 5: renderMigrate + renderPoc → expansion-list per fase (slett `.phase-detail`-CSS). Sesjon 5b: renderCost key-stats viste "[object Object]" (parser-output har p50/p90 = {monthly,yearly}-objekter — nå ekstrahert via `.monthly`); renderCompare distinctive-token-matching erstatter firstWord-heuristikk; renderUtredning droppet misvisende `role="tab"`-attributter. Lokal `<style>`-blokk: 191 → 122 effektive linjer (~36% reduksjon). 17 renderere PASS visuell QA mot demo-data. 219 plugin-validering, 272 E2E playground, 7 migrations PASS. 24 screenshots regenerert. |
 | **1.13.1** | 2026-05-06 | Playground visual bugs patch — 10 bugs identifisert post-v1.13.0 av maintainer i nettleser. Fixet: (B7) classify Forpliktelser indent via `.report-meta` CSS-reset; (B8a) `requirement-expand` ACTIONS-handler manglet — R-01..R-09-rader i AI Act-krav var ikke klikkbare; (B8b) expansion title-main + title-sub display:block så de stables; (B10) kanban-card `word-break:break-word` override DS' break-all; (B11) DPIA matrix-bobler match by description (Pass 1 first-cell exact + Pass 2 any-cell substring); (B12, B13, B15) defensive `display:block; clear:both; width:100%` på top-risks/suppressed-panel/phase-detail/aiact-timeline; (B14) Migrate/POC phases-summary-tabell over phase-detail-seksjoner. 23/23 smoke + 271 E2E + 219 plugin-validering. |
 | **1.13.0** | 2026-05-06 | Playground visual DS-fixes — 5 bugs identifisert og fikset i fix-pakke som speiler llm-security v7.6.1: (B1) `renderFindingsBlock` + `renderRequirements` outer-wrapper byttet fra `<div class="findings">` (DS grid 360px+1fr klemte indre struktur) til `<section class="report-meta">`; (B2) lokal `.report-table` CSS for 6+ rapporter (Trusler, Kostnadsoversikt, TCO, Risiko, Key Metrics) som manglet styling; (B3) ROS-matrise-bobler byttet `<span>` → `<button>` med `data-threat-id` + click-handler som scroller til Trusler-tabell-rad og highlighter; (B4) `renderRadarSvg` bumpet 300×300→380×380, R=125, dynamisk `text-anchor` for å unngå label-overlap ved 6+ akser; (B5) `recommendation-card__body` overflow-wrap. 22/22 smoke-test PASS. 219 plugin-validering. 272 E2E. |
diff --git a/plugins/ms-ai-architect/playground/ms-ai-architect-playground.html b/plugins/ms-ai-architect/playground/ms-ai-architect-playground.html
index 20ec73e..382c6e2 100644
--- a/plugins/ms-ai-architect/playground/ms-ai-architect-playground.html
+++ b/plugins/ms-ai-architect/playground/ms-ai-architect-playground.html
@@ -38,6 +38,7 @@
   <link rel="stylesheet" href="vendor/playground-design-system/components-tier2.css">
   <link rel="stylesheet" href="vendor/playground-design-system/components-tier3.css">
   <link rel="stylesheet" href="vendor/playground-design-system/components-tier3-supplement.css">
+  <link rel="stylesheet" href="vendor/playground-design-system/components-tier4-project-view.css">
 
   <!-- App-shell layout. Vendored design-system levner komponent-CSS;
        her bor kun side-spesifikk layout-grid (sidebar+main, modals, sub-cards).
@@ -77,21 +78,10 @@
 
     /* Project surface */
     .project-header { display: flex; flex-direction: column; gap: var(--space-2); padding: var(--space-5) 0 var(--space-4); border-bottom: 1px solid var(--color-border-subtle); margin-bottom: var(--space-5); }
-    .project-header__top { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-4); }
-    .project-header__title { font-size: var(--font-size-2xl); margin: 0; }
-    .project-header__meta { display: flex; flex-wrap: wrap; gap: var(--space-3); font-size: var(--font-size-sm); color: var(--color-text-secondary); }
-    .project-header__chip { display: inline-flex; align-items: center; gap: 6px; padding: 2px 8px; border-radius: var(--radius-sm); background: var(--color-bg-soft); color: var(--color-text-secondary); font-size: var(--font-size-xs); font-family: var(--font-family-mono); }
-    .project-tabs { display: flex; gap: 2px; border-bottom: 1px solid var(--color-border-subtle); margin-bottom: var(--space-5); flex-wrap: wrap; }
-    .project-tab { background: transparent; border: 0; padding: 10px 16px; cursor: pointer; font-family: inherit; font-size: var(--font-size-sm); font-weight: var(--font-weight-medium); color: var(--color-text-secondary); border-bottom: 2px solid transparent; margin-bottom: -1px; }
-    .project-tab:hover { color: var(--color-text-primary); }
-    .project-tab[aria-current="true"] { color: var(--color-text-primary); border-bottom-color: var(--color-primary-500); }
-    .project-tab__count { display: inline-block; margin-left: 6px; padding: 1px 6px; background: var(--color-bg-soft); border-radius: 10px; font-size: 11px; color: var(--color-text-tertiary); }
-    .command-cards { display: flex; flex-direction: column; gap: var(--space-4); }
-    /* .card + .card__* hentet fra vendored DS (base.css + tier3-supplement). */
-    .sub-zone { border-top: 1px solid var(--color-border-subtle); padding-top: var(--space-3); }
-    .sub-zone__heading { font-size: var(--font-size-xs); font-weight: var(--font-weight-semibold); text-transform: uppercase; letter-spacing: 0.06em; color: var(--color-text-tertiary); margin: 0 0 var(--space-2); }
-    .paste-import-row { display: flex; flex-direction: column; gap: var(--space-2); }
-    .paste-import-row__actions { display: flex; gap: var(--space-2); align-items: center; }
+    /* v1.15.0: v2 project-surface CSS (.project-tabs, .project-tab*, .sub-zone,
+       .paste-import-row, .project-header__*, .command-cards) fjernet sammen
+       med renderProjectSurface/renderCommandSubCard. v3 bruker .project-view*
+       fra DS (components-tier3-supplement.css) + lokal CSS lengre ned. */
     .form-zone-placeholder { padding: var(--space-3); background: var(--color-bg-soft); border-radius: var(--radius-sm); font-size: var(--font-size-sm); color: var(--color-text-tertiary); font-style: italic; }
     .report-slot { min-height: 24px; }
     .report-slot:empty::before { content: "Ingen importert rapport ennå."; font-size: var(--font-size-sm); color: var(--color-text-tertiary); font-style: italic; }
@@ -649,7 +639,7 @@
       if (!loaded.schemaVersion) loaded.schemaVersion = SCHEMA_VERSION;
       // Data-version migrasjon (v1.9.0 -> v1.10.0): utled verdict/keyStats
       // for eksisterende parser-output. Idempotent via state.dataVersion-guard.
-      try { migrateDataVersion(loaded, defaultArchetypeFor); }
+      try { migrateDataVersion(loaded, defaultArchetypeFor, defaultParserFor); }
       catch (e) { console.warn('[playground v3] migrateDataVersion failed:', e); }
       store = createStore(loaded, sharedBus);
       scheduleWrite = makeThrottledWriter(function () {
@@ -783,7 +773,7 @@
       });
       // Data-version migrasjon (additive — verdict/keyStats utledes for
       // pre-v1.10.0 envelope-er). Idempotent via dataVersion=2 guard.
-      try { migrateDataVersion(migrated, defaultArchetypeFor); }
+      try { migrateDataVersion(migrated, defaultArchetypeFor, defaultParserFor); }
       catch (e) { console.warn('[playground v3] migrateDataVersion (import) failed:', e); }
       // Skriv direkte til persistens for å unngå at debounce-vinduet
       // svelger import-en ved en samtidig page-unload.
@@ -1669,10 +1659,31 @@
       showSurface(active);
       if (active === 'onboarding') renderOnboardingSurface();
       else if (active === 'home') renderHomeSurface();
-      else if (active === 'project') renderProjectSurface();
+      else if (active === 'project') renderProjectSurfaceV3();
       else if (active === 'catalog') renderCatalogSurface();
     }
 
+    // v1.15.0: project-surface delegerer til renderProjectView (V2-arkitektur).
+    // Wrapper-funksjonen rendrer topbar + app-shell rundt project-view, og
+    // sørger for at modalen fra renderProjectView (import-modal) plasseres
+    // utenfor .app-shell — søsken til .project-view-roten — slik at modal
+    // overlay-en ikke arver shell-paddingen.
+    function renderProjectSurfaceV3() {
+      const root = getSurfaceEl('project');
+      if (!root) return;
+      const project = findProject(store.state.activeProjectId);
+      if (!project) {
+        navigate('home');
+        return;
+      }
+      root.innerHTML = (
+        renderTopbar('Prosjekt: ' + escapeHtml(project.name)) +
+        '<div class="app-shell app-shell--wide">' +
+          renderProjectView(project, PROJECT_VIEW_CONFIG) +
+        '</div>'
+      );
+    }
+
     function navigate(surface) {
       store.state.activeSurface = surface;
       scheduleRender();
@@ -1917,12 +1928,11 @@
       { id: 'reporting', name: 'AI-assistert rapportering' }
     ];
 
+    // v1.15.0: currentProjectTab beholdes som zombie for ACTIONS['project-tab']-
+    // back-compat (test-playground-v3.sh asserter at handleren er definert).
+    // Selve action-en er unreachable fra v3 DOM. currentProjectScreen er fjernet
+    // sammen med ACTIONS['project-screen'].
     let currentProjectTab = 'regulatory';
-    // Screen-tabs på project-surface (A4 Tier 3): Oversikt / Rapporter /
-    // Kontekst / Eksport. Default 'rapporter' = primær arbeidsflate (eksisterende
-    // category-tabs + panels). Andre skjermer er stub i Sesjon 2 og fylles ut
-    // i senere sesjoner.
-    let currentProjectScreen = 'rapporter';
 
     function findProject(id) {
       const list = store.state.projects || [];
@@ -1948,7 +1958,6 @@
       store.state.projects.push(project);
       store.state.activeProjectId = id;
       currentProjectTab = 'regulatory';
-      currentProjectScreen = 'rapporter';
       return project;
     }
 
@@ -2057,248 +2066,9 @@
       );
     }
 
-    // ---- Sub-card rendering ----
-
-    function renderCommandSubCard(cmd, projectId) {
-      // Sev-modifier: hvis rapporten er parsed, mappe verdict til DS card--severity-{level}.
-      // Plugin-domain-verdicts (go/block/approved/...) → severity-band (positive/critical/medium).
-      const project = findProject(projectId);
-      const report = project && project.reports && project.reports[cmd.id];
-      const verdict = report && report.parsed && report.parsed.verdict
-        ? String(report.parsed.verdict).toLowerCase() : '';
-      const sevMap = {
-        'go': 'positive', 'approved': 'positive', 'allow': 'positive',
-        'go-with-conditions': 'medium', 'warning': 'medium',
-        'block': 'critical', 'failed': 'critical'
-      };
-      const sevModifier = sevMap[verdict] || '';
-      const sevClass = sevModifier ? ' card--severity-' + sevModifier : '';
-
-      const titleHtml = (
-        '<div class="card__head">' +
-          '<div>' +
-            '<h3 class="card__title">' + escapeHtml(cmd.label) + '</h3>' +
-            '<p class="card__desc">' + escapeHtml(cmd.description) + '</p>' +
-          '</div>' +
-          '<span class="card__id">/architect:' + escapeHtml(cmd.id) + '</span>' +
-        '</div>'
-      );
-
-      const formZone = (
-        '<div class="sub-zone">' +
-          '<h4 class="sub-zone__heading">Skjema</h4>' +
-          '<div data-form-zone="' + escapeAttr(cmd.id) + '">' +
-            renderCommandForm(cmd.id, { context: 'project', projectId: projectId, scope: 'p' }) +
-          '</div>' +
-        '</div>'
-      );
-
-      if (!cmd.produces_report) {
-        // Verktøy: skjema-zone + .guide-panel--info notis
-        const toolNotice = (
-          '<div class="sub-zone">' +
-            '<div class="guide-panel guide-panel--info">' +
-              '<div class="guide-panel__icon" aria-hidden="true">i</div>' +
-              '<div class="guide-panel__body">' +
-                '<h3 class="guide-panel__title">Verktøy</h3>' +
-                '<p class="guide-panel__text">Dette er et verktøy. Ingen rapport-import — bruk skjemaet til å bygge en pipeline-streng som kjøres i terminalen.</p>' +
-              '</div>' +
-            '</div>' +
-          '</div>'
-        );
-        return (
-          '<article class="card' + sevClass + '" data-command-card data-command-id="' + escapeAttr(cmd.id) + '">' +
-            titleHtml +
-            formZone +
-            toolNotice +
-          '</article>'
-        );
-      }
-
-      // Rapport-produserende: skjema-zone + paste-import-zone + report-zone
-      const pasteZone = (
-        '<div class="sub-zone">' +
-          '<h4 class="sub-zone__heading">Lim inn rapport-output</h4>' +
-          '<div class="paste-import-row">' +
-            '<textarea class="textarea" data-paste-import="' + escapeAttr(cmd.id) + '" rows="4" placeholder="Lim inn markdown-output fra terminalen her"></textarea>' +
-            '<div class="paste-import-row__actions">' +
-              '<button type="button" class="btn btn--secondary btn--sm" data-action="parse" data-command="' + escapeAttr(cmd.id) + '">Analyser rapport</button>' +
-              '<span class="field-help">Routes via PARSERS[' + escapeHtml(cmd.report_archetype || '?') + '] → ' + escapeHtml(cmd.renderer || '?') + ' (Step 11/12).</span>' +
-            '</div>' +
-          '</div>' +
-        '</div>'
-      );
-
-      const reportZone = (
-        '<div class="sub-zone">' +
-          '<h4 class="sub-zone__heading">Visualisering</h4>' +
-          '<div class="report-slot ' + escapeAttr(cmd.report_root_class || '') + '" data-report-slot="' + escapeAttr(cmd.id) + '"></div>' +
-        '</div>'
-      );
-
-      return (
-        '<article class="card' + sevClass + '" data-command-card data-command-id="' + escapeAttr(cmd.id) + '">' +
-          titleHtml +
-          formZone +
-          pasteZone +
-          reportZone +
-        '</article>'
-      );
-    }
-
-    function renderProjectSurface() {
-      const root = getSurfaceEl('project');
-      if (!root) return;
-
-      const project = findProject(store.state.activeProjectId);
-      if (!project) {
-        // Mistet aktivt prosjekt — fall tilbake til hjem.
-        navigate('home');
-        return;
-      }
-
-      const reportTotal = CATALOG.commands.filter(function (c) { return c.produces_report; }).length;
-      const reportFilled = projectReportCount(project);
-
-      // Action-bar (Tilbake / Slett) flyttet under page-shell-headeren —
-      // page__header har dedikert verdict-slot som ikke tar arbitrary HTML.
-      const actionBar = (
-        '<div class="onboarding-actions" style="justify-content: flex-end; margin-bottom: var(--space-4);">' +
-          '<button type="button" class="btn btn--ghost btn--sm" data-action="goto-home">← Tilbake</button>' +
-          '<button type="button" class="btn btn--secondary btn--sm" data-action="delete-project" data-project-id="' + escapeAttr(project.id) + '">Slett</button>' +
-        '</div>'
-      );
-
-      // Tab-list (DS): Oversikt / Rapporter / Kontekst / Eksport.
-      // Sesjon 2: Rapporter er primær; andre er stub-skjermer som fylles ut
-      // i Sesjon 3-6.
-      const SCREENS = [
-        { id: 'oversikt',  label: 'Oversikt' },
-        { id: 'rapporter', label: 'Rapporter' },
-        { id: 'kontekst',  label: 'Kontekst' },
-        { id: 'eksport',   label: 'Eksport' }
-      ];
-      const screenTabsHtml = '<nav class="tab-list" role="tablist" aria-label="Prosjekt-skjermer">' + SCREENS.map(function (s) {
-        const isActive = currentProjectScreen === s.id;
-        return (
-          '<button type="button" class="tab" role="tab"' +
-            ' aria-current="' + (isActive ? 'true' : 'false') + '"' +
-            ' data-action="project-screen" data-screen="' + escapeAttr(s.id) + '">' +
-            escapeHtml(s.label) +
-          '</button>'
-        );
-      }).join('') + '</nav>';
-
-      // Tabs per CATALOG.categories — kun synlig under "Rapporter"-skjermen.
-      const tabsHtml = '<div class="project-tabs" role="tablist">' + CATALOG.categories.map(function (cat) {
-        const isActive = currentProjectTab === cat.id;
-        return (
-          '<button type="button" class="project-tab" role="tab"' +
-            (isActive ? ' aria-current="true"' : '') +
-            ' data-action="project-tab" data-tab="' + escapeAttr(cat.id) + '">' +
-            escapeHtml(cat.label) +
-            '<span class="project-tab__count">' + cat.count + '</span>' +
-          '</button>'
-        );
-      }).join('') + '</div>';
-
-      // Render ALLE kategori-paneler i DOM (med [hidden] på inaktive). Dette
-      // sikrer at querySelectorAll('[data-paste-import]') matcher alle 17
-      // rapport-produserende commands uavhengig av aktiv tab.
-      const panelsHtml = CATALOG.categories.map(function (cat) {
-        const isActive = currentProjectTab === cat.id;
-        const cards = CATALOG.commands
-          .filter(function (c) { return c.category === cat.id; })
-          .map(function (c) { return renderCommandSubCard(c, project.id); }).join('');
-        return (
-          '<div class="command-cards" role="tabpanel" data-tab-panel="' + escapeAttr(cat.id) + '"' + (isActive ? '' : ' hidden') + '>' +
-            cards +
-          '</div>'
-        );
-      }).join('');
-
-      const scenarioChipsList = (project.scenarios || []).map(function (sid) {
-        const s = SCENARIOS.find(function (x) { return x.id === sid; });
-        return '<li>' + escapeHtml(s ? s.name : sid) + '</li>';
-      }).join('');
-
-      const oversiktHtml = (
-        '<div class="tab-panel" data-screen-id="oversikt"' + (currentProjectScreen === 'oversikt' ? '' : ' hidden') + '>' +
-          '<div class="guide-panel guide-panel--info">' +
-            '<div class="guide-panel__icon" aria-hidden="true">i</div>' +
-            '<div class="guide-panel__body">' +
-              '<h3 class="guide-panel__title">Oversikt</h3>' +
-              '<p class="guide-panel__text">Opprettet ' + escapeHtml((project.createdAt || '').slice(0, 10)) + '. ' + reportFilled + ' av ' + reportTotal + ' rapporter generert.</p>' +
-              (scenarioChipsList ? '<p class="guide-panel__text" style="margin-top: var(--space-2);"><strong>Scenarioer:</strong></p><ul style="margin: 0; padding-left: var(--space-4); color: var(--color-text-secondary);">' + scenarioChipsList + '</ul>' : '') +
-              '<p class="guide-panel__text" style="margin-top: var(--space-3);"><em>Sesjon 3+: aggregerte verdict-pillen, recommended-next-actions og top-risks vises her.</em></p>' +
-            '</div>' +
-          '</div>' +
-        '</div>'
-      );
-
-      const rapporterHtml = (
-        '<div class="tab-panel" data-screen-id="rapporter"' + (currentProjectScreen === 'rapporter' ? '' : ' hidden') + '>' +
-          tabsHtml +
-          panelsHtml +
-        '</div>'
-      );
-
-      const kontekstHtml = (
-        '<div class="tab-panel" data-screen-id="kontekst"' + (currentProjectScreen === 'kontekst' ? '' : ' hidden') + '>' +
-          '<div class="guide-panel guide-panel--info">' +
-            '<div class="guide-panel__icon" aria-hidden="true">i</div>' +
-            '<div class="guide-panel__body">' +
-              '<h3 class="guide-panel__title">Kontekst</h3>' +
-              '<p class="guide-panel__text">Fellesfeltene fra onboarding gjenbrukes automatisk i alle command-skjemaer. Bruk <button type="button" class="btn btn--ghost btn--sm" data-action="goto-onboarding" style="display:inline;">Re-onboard</button> for å oppdatere.</p>' +
-              '<p class="guide-panel__text" style="margin-top: var(--space-2);"><em>Sesjon 3+: snapshot av de 20 fellesfeltene og hva som er prefilled per command vises her.</em></p>' +
-            '</div>' +
-          '</div>' +
-        '</div>'
-      );
-
-      const eksportHtml = (
-        '<div class="tab-panel" data-screen-id="eksport"' + (currentProjectScreen === 'eksport' ? '' : ' hidden') + '>' +
-          '<div class="guide-panel guide-panel--info">' +
-            '<div class="guide-panel__icon" aria-hidden="true">i</div>' +
-            '<div class="guide-panel__body">' +
-              '<h3 class="guide-panel__title">Eksport</h3>' +
-              '<p class="guide-panel__text">Bruk <strong>Eksporter</strong> i toppmenyen for hele state. Per-prosjekt eksport (PDF/Markdown) kommer i Sesjon 6.</p>' +
-            '</div>' +
-          '</div>' +
-        '</div>'
-      );
-
-      const projectShell = renderPageShell({
-        eyebrow: 'PROSJEKT',
-        title: project.name,
-        lede: project.description || '',
-        verdict: inferProjectVerdict(project),
-        keyStats: [
-          { label: 'RAPPORTER', value: reportFilled + '/' + reportTotal },
-          { label: 'SIST OPPDATERT', value: inferProjectLastUpdated(project) }
-        ]
-      },
-        '<div class="stack-lg">' +
-          actionBar +
-          screenTabsHtml +
-          oversiktHtml +
-          rapporterHtml +
-          kontekstHtml +
-          eksportHtml +
-        '</div>'
-      );
-
-      root.innerHTML = (
-        renderTopbar('Prosjekt: ' + escapeHtml(project.name)) +
-        '<div class="app-shell app-shell--wide">' +
-          projectShell +
-        '</div>'
-      );
-
-      // v1.10.0+: rehydrer paste-imports etter at DOM er bygget. queueMicrotask
-      // sikrer at innerHTML har commit-et før vi spørr etter [data-paste-import].
-      queueMicrotask(rehydratePasteImports);
-    }
+    // v1.15.0: renderCommandSubCard + renderProjectSurface fjernet.
+    // v3 project-view (renderProjectView/renderProjectSurfaceV3) er nå eneste
+    // project-overflate. Paste-import er erstattet av modal-flow (import-open).
 
     // ============================================================
     // CATALOG SURFACE (Step 9)
@@ -4924,24 +4694,83 @@
     // inferVerdict + inferKeyStats. Setter state.dataVersion = 2 så
     // migrasjonen er idempotent (re-kjøring er no-op).
 
-    function migrateDataVersion(state, archetypeFor) {
+    // v1.15.0: parserFor lagt til som tredje arg. Brukes i v2→v3 til å
+    // auto-parse raw_markdown når reports[cid].parsed mangler (f.eks. demo-state
+    // pre-import-er). Idempotent — kun fyller artifacts.parsed når lyset er rødt.
+    function migrateDataVersion(state, archetypeFor, parserFor) {
       if (!state) return state;
-      if (state.dataVersion === 2) return state;
-      const projects = state.projects || [];
-      for (let i = 0; i < projects.length; i++) {
-        const reports = (projects[i] && projects[i].reports) || {};
-        const ids = Object.keys(reports);
-        for (let j = 0; j < ids.length; j++) {
-          const cmdId = ids[j];
-          const r = reports[cmdId];
-          if (!r || !r.parsed) continue;
-          const arche = typeof archetypeFor === 'function' ? archetypeFor(cmdId) : null;
-          if (!arche) continue;
-          if (r.parsed.verdict == null) r.parsed.verdict = inferVerdict(r.parsed, arche);
-          if (!Array.isArray(r.parsed.keyStats)) r.parsed.keyStats = inferKeyStats(r.parsed, arche);
+      const from = Number(state.dataVersion) || 0;
+
+      // v? -> v2: backfill verdict + keyStats på project.reports[cmdId].parsed.
+      // Idempotent — sjekker per-felt før vi setter.
+      if (from < 2) {
+        const projects = state.projects || [];
+        for (let i = 0; i < projects.length; i++) {
+          const reports = (projects[i] && projects[i].reports) || {};
+          const ids = Object.keys(reports);
+          for (let j = 0; j < ids.length; j++) {
+            const cmdId = ids[j];
+            const r = reports[cmdId];
+            if (!r || !r.parsed) continue;
+            const arche = typeof archetypeFor === 'function' ? archetypeFor(cmdId) : null;
+            if (!arche) continue;
+            if (r.parsed.verdict == null) r.parsed.verdict = inferVerdict(r.parsed, arche);
+            if (!Array.isArray(r.parsed.keyStats)) r.parsed.keyStats = inferKeyStats(r.parsed, arche);
+          }
         }
+        state.dataVersion = 2;
       }
-      state.dataVersion = 2;
+
+      // v2 -> v3: konverter project.reports → project.artifacts med v3-shape.
+      // Bevarer project.reports for bakover-kompatibilitet (fjernes i v1.16.0).
+      // Idempotent — per-prosjekt-guard + per-artifact-guard.
+      if ((Number(state.dataVersion) || 0) < 3) {
+        const projects = state.projects || [];
+        for (let i = 0; i < projects.length; i++) {
+          const proj = projects[i];
+          if (!proj) continue;
+          if (!proj.artifacts) proj.artifacts = {};
+          const reports = proj.reports || {};
+          const ids = Object.keys(reports);
+          const fallbackTs = proj.createdAt || new Date(0).toISOString();
+          for (let j = 0; j < ids.length; j++) {
+            const cmdId = ids[j];
+            if (proj.artifacts[cmdId]) continue; // idempotens: skip eksisterende artifact
+            const r = reports[cmdId];
+            if (!r) continue;
+            let parsed = r.parsed || null;
+            // v1.15.0: hvis parsed mangler men raw_markdown finnes, kjør parserFor
+            // for å bootstrappe artifact. Brukes av demo-state og rehydrering.
+            if (!parsed && r.raw_markdown && typeof parserFor === 'function') {
+              const parser = parserFor(cmdId);
+              if (parser) {
+                try {
+                  const pr = parser(r.raw_markdown);
+                  if (pr && pr.ok && pr.data) parsed = pr.data;
+                } catch (_e) { /* ignore — artifact får parsed=null */ }
+              }
+            }
+            const arche = typeof archetypeFor === 'function' ? archetypeFor(cmdId) : null;
+            const verdict = parsed && parsed.verdict
+              ? parsed.verdict
+              : (arche && parsed ? inferVerdict(parsed, arche) : null);
+            const keyStats = parsed && Array.isArray(parsed.keyStats)
+              ? parsed.keyStats
+              : (arche && parsed ? inferKeyStats(parsed, arche) : []);
+            proj.artifacts[cmdId] = {
+              commandId: cmdId,
+              raw_markdown: r.raw_markdown || '',
+              parsed: parsed,
+              verdict: verdict,
+              keyStats: keyStats,
+              importedAt: r.importedAt || fallbackTs,
+              updatedAt: r.updatedAt || fallbackTs
+            };
+          }
+        }
+        state.dataVersion = 3;
+      }
+
       return state;
     }
 
@@ -4953,6 +4782,13 @@
       return null;
     }
 
+    // v1.15.0: defaultParserFor resolver PARSERS[archetypeFor(cmdId)] for bruk
+    // av migrasjonen. Eksponert som window.__defaultParserFor for tester.
+    function defaultParserFor(commandId) {
+      const arche = defaultArchetypeFor(commandId);
+      return arche && PARSERS && PARSERS[arche] ? PARSERS[arche] : null;
+    }
+
     // Eksponer for tester og fremtidig renderer-iterasjon (Sesjon 3-5)
     window.__renderPageShell  = renderPageShell;
     window.__renderVerdictPill = renderVerdictPill;
@@ -4962,6 +4798,7 @@
     window.__KEY_STATS_CONFIG = KEY_STATS_CONFIG;
     window.__migrateDataVersion = migrateDataVersion;
     window.__defaultArchetypeFor = defaultArchetypeFor;
+    window.__defaultParserFor = defaultParserFor;
     // === V2_FOUNDATION_END ===
 
     // ---- RENDERERS routing-objekt (17 commands) ----
@@ -5031,24 +4868,641 @@
     }
     window.__handlePasteImport = handlePasteImport;
 
-    // v1.10.0+: Rehydrer paste-imports fra raw_markdown på aktivt prosjekt.
-    // Kalles av project surface render etter at tabs/panels er i DOM.
-    // Filler textareas og kjører handlePasteImport for hver lagret rapport.
-    function rehydratePasteImports() {
-      const project = findProject(store.state.activeProjectId);
-      if (!project || !project.reports) return;
-      const root = getSurfaceEl('project');
-      if (!root) return;
-      Object.keys(project.reports).forEach(function (cmdId) {
-        const rec = project.reports[cmdId];
-        if (!rec || !rec.raw_markdown) return;
-        const ta = root.querySelector('[data-paste-import="' + cmdId + '"]');
-        if (ta) ta.value = rec.raw_markdown;
-        // Render visualiseringen — handlePasteImport finner slot via querySelector.
-        handlePasteImport(cmdId, rec.raw_markdown);
-      });
+    // v1.15.0: rehydratePasteImports + window.__rehydratePasteImports fjernet.
+    // v3 project-view leser direkte fra project.artifacts[cid].parsed — ingen
+    // textarea-rehydrering nødvendig.
+
+    // === PROJECT_VIEW_V2_BEGIN ===
+    // ============================================================
+    // PROJECT-VIEW V2 (Sesjon 3 — JS-foundation)
+    // ============================================================
+    //
+    // Ny project-view-arketype som erstatter renderProjectSurface i Sesjon 5.
+    // Inntil videre kjører den parallelt: ingen call-site, men eksponert via
+    // window.__projectView for testing.
+    //
+    // Spec: playground/V2-PROJECT-VIEW-SPEC.local.md (Seksjon 2/4/5/6/7).
+    //
+    // Skjema-overflate (artifact-shape, v3-state):
+    //   project.artifacts[cmdId] = { commandId, raw_markdown, parsed, verdict,
+    //                                keyStats, importedAt, updatedAt }
+    //
+    // 4 view-tilstander styres via `state.ui.projectView`:
+    //   - overview              (default; selectedArtifactId null)
+    //   - artifact-{id}         (filled)
+    //   - empty-{id}            (sidebar-treff uten artifact)
+    //   - import-modal-open     (toppstate uavhengig av main-view)
+
+    // Severity-mapping fra plugin-verdict til DS-sev-klasse.
+    function projectViewSeverityClass(verdict) {
+      const v = String(verdict || '').toLowerCase();
+      if (v === 'block' || v === 'failed' || v === 'critical') return 'critical';
+      if (v === 'warning' || v === 'go-with-conditions' || v === 'medium') return 'medium';
+      if (v === 'go' || v === 'approved' || v === 'allow' || v === 'low') return 'positive';
+      return 'empty';
     }
-    window.__rehydratePasteImports = rehydratePasteImports;
+
+    // Worst-case aggregat på tvers av alle artefakters verdict.
+    // BLOCK > WARN > APPROVED/GO > IN-PROGRESS > n-a.
+    function projectViewAggregateVerdict(artifacts) {
+      const list = artifacts ? Object.keys(artifacts).map(function (k) { return artifacts[k]; }) : [];
+      if (!list.length) return 'n-a';
+      const verdicts = list.map(function (a) { return String(a && a.verdict || '').toLowerCase(); });
+      if (verdicts.some(function (v) { return v === 'block' || v === 'failed'; })) return 'block';
+      if (verdicts.some(function (v) { return v === 'warning' || v === 'go-with-conditions'; })) return 'go-with-conditions';
+      const allPositive = verdicts.every(function (v) {
+        return v === 'go' || v === 'approved' || v === 'allow';
+      });
+      return allPositive ? 'approved' : 'n-a';
+    }
+
+    // Plukk topp N truslers/funn på tvers av ros + security + dpia.
+    function projectViewTopRisks(artifacts, n) {
+      n = n || 5;
+      const pool = [];
+      const sevScore = function (s) {
+        const k = String(s || '').toLowerCase();
+        if (k === 'critical' || k === 'kritisk') return 4;
+        if (k === 'high'     || k === 'høy')     return 3;
+        if (k === 'medium'   || k === 'middels') return 2;
+        if (k === 'low'      || k === 'lav')     return 1;
+        return 0;
+      };
+      ['ros', 'dpia'].forEach(function (cid) {
+        const a = artifacts && artifacts[cid];
+        const threats = (a && a.parsed && a.parsed.threats) || [];
+        threats.forEach(function (t) {
+          pool.push({
+            source: cid,
+            id: t.id || '',
+            description: t.description || t.threat || '',
+            severity: t.severity || '',
+            mitigation: t.mitigation || '',
+            score: Number(t.score) || sevScore(t.severity)
+          });
+        });
+      });
+      const sec = artifacts && artifacts.security;
+      const secFindings = (sec && sec.parsed && sec.parsed.findings) || [];
+      secFindings.forEach(function (f) {
+        pool.push({
+          source: 'security',
+          id: f.id || '',
+          description: f.recommendation || f.finding || '',
+          severity: f.severity || '',
+          mitigation: f.mitigation || '',
+          score: Number(f.score) || sevScore(f.severity)
+        });
+      });
+      pool.sort(function (a, b) { return (b.score || 0) - (a.score || 0); });
+      return pool.slice(0, n);
+    }
+
+    // Anbefalte neste-handlinger basert på artefakt-state.
+    function projectViewNextActions(artifacts) {
+      const out = [];
+      const has = function (cid) {
+        return !!(artifacts && artifacts[cid] && artifacts[cid].parsed);
+      };
+      if (!has('classify')) {
+        out.push({ commandId: 'classify', text: 'Kjør EU AI Act-klassifisering — regulatorisk grunnmur.' });
+      } else {
+        const cls = artifacts.classify.parsed || {};
+        const lvl = String(cls.risk_level || '').toLowerCase();
+        if ((lvl === 'høy' || lvl === 'high') && !has('frimpact')) {
+          out.push({ commandId: 'frimpact', text: 'Høyrisiko: gjennomfør FRIA (Art. 27) — obligatorisk for offentlig sektor.' });
+        }
+      }
+      if (!has('ros')) out.push({ commandId: 'ros', text: 'Kjør ROS-analyse — risiko-grunnmur.' });
+      if (!has('security')) out.push({ commandId: 'security', text: 'Kjør sikkerhetsvurdering (6×5) — sikkerhets-grunnmur.' });
+      if (has('security')) {
+        const sec = artifacts.security.parsed || {};
+        const crit = (sec.findings || []).filter(function (f) {
+          return /crit|kritisk/i.test(f.severity || '');
+        }).length;
+        if (crit) {
+          out.push({ commandId: 'security', text: 'Adressér ' + crit + ' kritiske sikkerhets-funn.' });
+        }
+      }
+      if (!has('summary') && Object.keys(artifacts || {}).length >= 3) {
+        out.push({ commandId: 'summary', text: 'Generer beslutningsnotat — sammendrag av valg, risiko, kostnad.' });
+      }
+      return out.slice(0, 3);
+    }
+
+    // Manglende must-have-rapporter for must-have-listen.
+    function projectViewMissingReports(artifacts, mustHave) {
+      const list = Array.isArray(mustHave) ? mustHave : [];
+      const out = [];
+      for (let i = 0; i < list.length; i++) {
+        const cid = list[i];
+        if (!artifacts || !artifacts[cid] || !artifacts[cid].parsed) out.push(cid);
+      }
+      return out;
+    }
+
+    function projectViewArtifactStatus(artifact) {
+      if (!artifact || !artifact.parsed) return { verdict: null, sevClass: 'empty' };
+      const verdict = artifact.verdict || (artifact.parsed && artifact.parsed.verdict) || null;
+      return {
+        verdict: verdict,
+        sevClass: projectViewSeverityClass(verdict)
+      };
+    }
+
+    // PROJECT_VIEW_CONFIG (plugin-spesifikk). Refererer renderers via
+    // RENDERERS-routing slik at vi gjenbruker alle 17 eksisterende renderXxx.
+    // Tool-kommandoer (produces_report=false) er ikke med — de vises ikke
+    // i project-view-sidebar.
+    const PROJECT_VIEW_CONFIG = {
+      categories: [
+        { id: 'regulatory',    label: 'Regulatorisk',       icon: '⚖️', order: 1 },
+        { id: 'security',      label: 'Risiko & sikkerhet', icon: '🛡️', order: 2 },
+        { id: 'economy',       label: 'Økonomi',            icon: '💰', order: 3 },
+        { id: 'documentation', label: 'Dokumentasjon',      icon: '📄', order: 4 }
+      ],
+      // 17 produces_report-entries — alle renderer-referanser via RENDERERS.
+      renderers: {
+        classify:     RENDERERS.renderAiActPyramid,
+        requirements: RENDERERS.renderRequirements,
+        transparency: RENDERERS.renderTransparency,
+        frimpact:     RENDERERS.renderFria,
+        conformity:   RENDERERS.renderConformity,
+        dpia:         RENDERERS.renderDpia,
+        security:     RENDERERS.renderSecurity,
+        ros:          RENDERERS.renderRos,
+        review:       RENDERERS.renderReview,
+        cost:         RENDERERS.renderCost,
+        license:      RENDERERS.renderLicense,
+        migrate:      RENDERERS.renderMigrate,
+        adr:          RENDERERS.renderAdr,
+        summary:      RENDERERS.renderSummary,
+        poc:          RENDERERS.renderPoc,
+        utredning:    RENDERERS.renderUtredning,
+        compare:      RENDERERS.renderCompare
+      },
+      mustHave: ['classify', 'ros', 'security', 'dpia', 'summary'],
+      getArtifactStatus: projectViewArtifactStatus,
+      aggregateVerdict:  projectViewAggregateVerdict,
+      topRisks:          projectViewTopRisks,
+      nextActions:       projectViewNextActions,
+      missingReports:    function (artifacts) { return projectViewMissingReports(artifacts, this.mustHave); }
+    };
+
+    // ---- Smart-detect (inferCommandIdFromMarkdown) ----
+    //
+    // Hver command har 1+ header-pattern + nøkkel-ord-counter. Score er
+    // antall match / antall mønstre (cap 1.0). Lavest aksepterbar score er 0.4
+    // (returnerer null under). Returnerer { commandId, confidence }.
+    const COMMAND_FINGERPRINTS = {
+      classify:     { headers: [/^\s*#\s*(EU\s*AI\s*Act|AI\s*Act-?klassifisering|Klassifisering)/im],
+                      keywords: ['risikoklassifisering', 'risk_level', 'annex iii', 'forbudt', 'høyrisiko'] },
+      requirements: { headers: [/^\s*#\s*(EU\s*AI\s*Act\s*[—-]\s*Krav|AI\s*Act-?krav|Krav per|Requirements)/im],
+                      keywords: ['provider', 'deployer', 'forpliktelser', 'art\\.\\s*9', 'art\\.\\s*16'] },
+      transparency: { headers: [/^\s*#\s*(Transparensnotis|Transparency\s*Notice)/im, /Art\.?\s*1?3(\s*\/|\s+og\s+)50/i],
+                      keywords: ['informasjonsplikt', 'samhandling', 'art. 13', 'art. 50'] },
+      frimpact:     { headers: [/^\s*#\s*FRIA/im, /Fundamental\s*Rights\s*Impact/i],
+                      keywords: ['berørte grupper', 'grunnleggende rettigheter', 'art. 27'] },
+      conformity:   { headers: [/^\s*#\s*(Samsvarsvurdering|Conformity\s*Assessment)/im, /Annex\s*IV/i],
+                      keywords: ['eu-erklæring', 'samsvarserklæring', 'annex iv', 'art. 43'] },
+      dpia:         { headers: [/^\s*#\s*(DPIA|PVK|Personvernkonsekvens)/im],
+                      keywords: ['gdpr', 'personopplysninger', 'behandlingsgrunnlag', 'art. 6', 'datasubjekt'] },
+      security:     { headers: [/^\s*#\s*(Sikkerhetsvurdering|Security\s*Assessment)/im, /6\s*[×x]\s*5/i],
+                      keywords: ['owasp', 'stride', 'prompt injection', 'dimensjoner', '6x5'] },
+      ros:          { headers: [/^\s*#\s*(ROS-?analyse|Risiko-?\s*og\s*sårbar)/im],
+                      keywords: ['ns 5814', 'iso 31000', 'sannsynlighet', 'konsekvens', 'trusselbibliotek'] },
+      review:       { headers: [/^\s*#\s*(Arkitekturgjennomgang|Architecture\s*Review)/im],
+                      keywords: ['digdir', 'nsm', 'schrems ii', 'arkitekturprinsipp'] },
+      cost:         { headers: [/^\s*#\s*(Kostnadsestimat|Cost\s*Estimate)/im, /P10\s*\/\s*P50\s*\/\s*P90/i],
+                      keywords: ['nok', 'månedlig', 'p50', 'p90', 'tco'] },
+      license:      { headers: [/^\s*#\s*(Lisens(kart|kapabilitets|-kapabilitets)?(legging|matrise)?|License\s*Mapping)/im],
+                      keywords: ['m365', 'lisenser', 'kapabiliteter', 'e3', 'e5'] },
+      migrate:      { headers: [/^\s*#\s*(Migrasjon|Migration\s*Plan)/im],
+                      keywords: ['fase', 'pilot', 'roll-out', 'kutover'] },
+      adr:          { headers: [/^\s*#\s*ADR/im, /Architecture\s*Decision\s*Record/i, /madr/i],
+                      keywords: ['context', 'consequences', 'alternatives', 'decided'] },
+      summary:      { headers: [/^\s*#\s*(Beslutnings(notat|sammendrag)|Teknisk\s*sammendrag|Executive\s*Summary)/im],
+                      keywords: ['anbefaling', 'beslutning', 'sammendrag', 'nøkkeltall'] },
+      poc:          { headers: [/^\s*#\s*(POC-?plan|Proof\s*of\s*Concept)/im],
+                      keywords: ['suksesskriterier', 'pilot', 'gate', 'milepæl'] },
+      utredning:    { headers: [/^\s*#\s*(Utredning|AI-?arkitektur-?utredning)/im],
+                      keywords: ['utredningsinstruksen', 'samfunnseffekt', 'alternativer'] },
+      compare:      { headers: [/^\s*#\s*(Sammenligning|Comparison|Plattformsammenligning)/im],
+                      keywords: ['copilot studio', 'foundry', 'azure openai', 'dimensjoner'] }
+    };
+
+    function fingerprintScore(text, spec) {
+      if (!spec) return 0;
+      const headers = spec.headers || [];
+      const keywords = spec.keywords || [];
+      let score = 0;
+      // Header-match veier tyngst (0.6 hver, cap 0.9)
+      let headerHits = 0;
+      for (let i = 0; i < headers.length; i++) {
+        if (headers[i].test(text)) headerHits++;
+      }
+      score += Math.min(0.9, headerHits * 0.6);
+      // Keyword-match veier mindre (0.05 hver, cap 0.4)
+      const lower = text.toLowerCase();
+      let kwHits = 0;
+      for (let j = 0; j < keywords.length; j++) {
+        try {
+          if (new RegExp(keywords[j], 'i').test(lower)) kwHits++;
+        } catch (_e) { /* invalid pattern — skip */ }
+      }
+      score += Math.min(0.4, kwHits * 0.08);
+      return Math.min(1, score);
+    }
+
+    function inferCommandIdFromMarkdown(text, parsers) {
+      if (!text || typeof text !== 'string') return null;
+      let best = { commandId: null, score: 0 };
+      const ids = Object.keys(COMMAND_FINGERPRINTS);
+      for (let i = 0; i < ids.length; i++) {
+        const cid = ids[i];
+        const s = fingerprintScore(text, COMMAND_FINGERPRINTS[cid]);
+        if (s > best.score) best = { commandId: cid, score: s };
+      }
+      if (best.score < 0.4) return null;
+      return { commandId: best.commandId, confidence: best.score };
+    }
+
+    // ---- Sub-renderers (alle returnerer HTML-strenger) ----
+
+    function projectViewTimeAgo(iso) {
+      if (!iso) return '';
+      const then = Date.parse(iso);
+      if (!isFinite(then)) return '';
+      const diff = Math.max(0, Date.now() - then);
+      const days = Math.floor(diff / 86400000);
+      if (days <= 0) return 'i dag';
+      if (days === 1) return 'i går';
+      if (days < 30) return days + ' dager siden';
+      const months = Math.floor(days / 30);
+      if (months < 12) return months + ' mnd siden';
+      return Math.floor(months / 12) + ' år siden';
+    }
+
+    function projectViewKeyStats(project, config) {
+      const artifacts = project.artifacts || {};
+      const total = config.renderers ? Object.keys(config.renderers).length : 0;
+      const filled = Object.keys(artifacts).filter(function (k) {
+        return artifacts[k] && artifacts[k].parsed;
+      }).length;
+      const must = projectViewMissingReports(artifacts, config.mustHave);
+      const lastUpdated = (function () {
+        const ts = Object.keys(artifacts).map(function (k) { return artifacts[k] && artifacts[k].updatedAt; }).filter(Boolean).sort();
+        return ts.length ? ts[ts.length - 1].slice(0, 10) : '–';
+      })();
+      return [
+        { label: 'ARTEFAKTER',     value: filled + '/' + total },
+        { label: 'MÅ HA',          value: (config.mustHave || []).length - must.length + '/' + (config.mustHave || []).length, modifier: must.length ? 'high' : 'low' },
+        { label: 'SIST OPPDATERT', value: lastUpdated }
+      ];
+    }
+
+    function renderProjectHeader(project, aggregateVerdict, keyStats) {
+      return renderPageShell({
+        eyebrow: 'PROSJEKT',
+        title: project.name || 'Uten navn',
+        lede: project.description || '',
+        verdict: aggregateVerdict || 'n-a',
+        keyStats: keyStats || []
+      },
+        '<div class="project-view__actions">' +
+          '<button type="button" class="btn btn--ghost btn--sm" data-action="goto-home">← Tilbake</button>' +
+          '<button type="button" class="btn btn--secondary btn--sm" data-action="import-open">Importer rapport</button>' +
+          '<button type="button" class="btn btn--secondary btn--sm" data-action="export-state">Eksporter</button>' +
+          '<button type="button" class="btn btn--ghost btn--sm" data-action="delete-project" data-project-id="' + escapeAttr(project.id) + '">Slett</button>' +
+        '</div>'
+      );
+    }
+
+    function renderArtifactNavItem(commandId, artifact, config, isSelected) {
+      const cmd = (CATALOG.commands || []).find(function (c) { return c.id === commandId; }) || { id: commandId, label: commandId };
+      const filled = !!(artifact && artifact.parsed);
+      const status = config.getArtifactStatus(filled ? artifact : null);
+      const state = isSelected ? 'active' : (filled ? 'filled' : 'empty');
+      const sev = status.sevClass || 'empty';
+      const meta = filled
+        ? 'Importert ' + (projectViewTimeAgo(artifact.importedAt) || '–')
+        : 'Ingen rapport';
+      const statusPill = filled && status.verdict
+        ? '<span class="verdict-pill verdict-pill--small" data-verdict="' + escapeAttr(String(status.verdict).toLowerCase()) + '">' + escapeHtml(String(status.verdict).toUpperCase()) + '</span>'
+        : '';
+      return (
+        '<li class="artifact-list__item"' +
+          ' data-state="' + escapeAttr(state) + '"' +
+          ' data-severity="' + escapeAttr(sev) + '"' +
+          ' data-action="project-select-artifact"' +
+          ' data-artifact-id="' + escapeAttr(commandId) + '">' +
+          '<span class="artifact-list__item-marker" aria-hidden="true"></span>' +
+          '<span class="artifact-list__item-body">' +
+            '<span class="artifact-list__item-name">' + escapeHtml(cmd.label || commandId) + '</span>' +
+            '<span class="artifact-list__item-meta">' + escapeHtml(meta) + '</span>' +
+          '</span>' +
+          (statusPill ? '<span class="artifact-status">' + statusPill + '</span>' : '') +
+        '</li>'
+      );
+    }
+
+    function renderArtifactNav(project, config, selectedId, searchQuery) {
+      const q = String(searchQuery || '').trim().toLowerCase();
+      const artifacts = project.artifacts || {};
+      const cmds = (CATALOG.commands || []).filter(function (c) { return c.produces_report && config.renderers[c.id]; });
+      const groups = config.categories.slice().sort(function (a, b) { return a.order - b.order; }).map(function (cat) {
+        const cmdsInCat = cmds.filter(function (c) {
+          if (c.category !== cat.id) return false;
+          if (!q) return true;
+          const hay = (c.id + ' ' + c.label + ' ' + (c.description || '')).toLowerCase();
+          return hay.indexOf(q) !== -1;
+        });
+        if (!cmdsInCat.length) return '';
+        const items = cmdsInCat.map(function (c) {
+          return renderArtifactNavItem(c.id, artifacts[c.id] || null, config, c.id === selectedId);
+        }).join('');
+        const filledCount = cmdsInCat.filter(function (c) { return artifacts[c.id] && artifacts[c.id].parsed; }).length;
+        return (
+          '<section class="artifact-list__group">' +
+            '<header class="artifact-list__group-label">' +
+              '<span class="artifact-list__group-label-icon" aria-hidden="true">' + escapeHtml(cat.icon || '') + '</span>' +
+              '<span class="artifact-list__group-label-text">' + escapeHtml(cat.label) + '</span>' +
+              '<span class="artifact-list__group-label-count">' + filledCount + '/' + cmdsInCat.length + '</span>' +
+            '</header>' +
+            '<ul class="artifact-list__group-items">' + items + '</ul>' +
+          '</section>'
+        );
+      }).filter(Boolean).join('');
+      const overviewActive = !selectedId ? ' data-state="active"' : '';
+      return (
+        '<nav class="project-view__nav" aria-label="Artefakt-navigasjon">' +
+          '<div class="project-view__nav-search">' +
+            '<input type="search" class="input input--sm" placeholder="Søk artefakter…"' +
+              ' value="' + escapeAttr(searchQuery || '') + '"' +
+              ' data-project-search aria-label="Søk i artefakter">' +
+          '</div>' +
+          '<ul class="artifact-list">' +
+            '<li class="artifact-list__item artifact-list__item--overview"' + overviewActive +
+              ' data-action="project-show-overview">' +
+              '<span class="artifact-list__item-marker" aria-hidden="true"></span>' +
+              '<span class="artifact-list__item-body">' +
+                '<span class="artifact-list__item-name">Oversikt</span>' +
+                '<span class="artifact-list__item-meta">Dashboard og aggregater</span>' +
+              '</span>' +
+            '</li>' +
+          '</ul>' +
+          '<div class="artifact-list">' + (groups || '<p class="empty-hint">Ingen treff.</p>') + '</div>' +
+        '</nav>'
+      );
+    }
+
+    function renderProjectOverview(project, config) {
+      const artifacts = project.artifacts || {};
+      const cats = config.categories.slice().sort(function (a, b) { return a.order - b.order; });
+      const verdictGrid = cats.map(function (cat) {
+        const cmdsInCat = (CATALOG.commands || []).filter(function (c) { return c.category === cat.id && c.produces_report; });
+        const filled = cmdsInCat.filter(function (c) { return artifacts[c.id] && artifacts[c.id].parsed; }).length;
+        const worst = (function () {
+          const verdicts = cmdsInCat.map(function (c) {
+            const a = artifacts[c.id];
+            return a && a.verdict ? String(a.verdict).toLowerCase() : '';
+          });
+          if (verdicts.some(function (v) { return v === 'block' || v === 'failed'; })) return 'block';
+          if (verdicts.some(function (v) { return v === 'warning' || v === 'go-with-conditions'; })) return 'go-with-conditions';
+          if (verdicts.some(function (v) { return v === 'go' || v === 'approved' || v === 'allow'; })) return 'approved';
+          return 'n-a';
+        })();
+        const sev = projectViewSeverityClass(worst);
+        return (
+          '<article class="project-overview__verdict-tile" data-severity="' + escapeAttr(sev) + '">' +
+            '<span class="project-overview__verdict-tile-label">' + escapeHtml(cat.icon || '') + ' ' + escapeHtml(cat.label) + '</span>' +
+            '<span class="project-overview__verdict-tile-value">' + renderVerdictPill(worst) + '</span>' +
+            '<span class="project-overview__verdict-tile-meta">' + filled + ' av ' + cmdsInCat.length + ' artefakter</span>' +
+          '</article>'
+        );
+      }).join('');
+
+      const risks = config.topRisks(artifacts, 5);
+      const risksHtml = risks.length
+        ? '<ol class="top-risks">' + risks.map(function (r) {
+            const sev = projectViewSeverityClass(r.severity);
+            return '<li class="top-risk" data-severity="' + escapeAttr(sev) + '">' +
+                     '<span class="top-risk__id">' + escapeHtml(r.id || '–') + '</span>' +
+                     '<span class="top-risk__desc">' + escapeHtml(r.description || '') + '</span>' +
+                     '<span class="top-risk__source">' + escapeHtml(r.source) + '</span>' +
+                   '</li>';
+          }).join('') + '</ol>'
+        : '<p class="empty-hint">Ingen risikoer registrert ennå. Importer ROS- eller sikkerhetsrapport.</p>';
+
+      const actions = config.nextActions(artifacts);
+      const actionsHtml = actions.length
+        ? '<ol class="project-overview__next-actions">' + actions.map(function (a) {
+            return '<li><button type="button" class="link-btn" data-action="import-open"' +
+                     ' data-prefill-command="' + escapeAttr(a.commandId) + '">' +
+                     escapeHtml(a.text) +
+                   '</button></li>';
+          }).join('') + '</ol>'
+        : '<p class="empty-hint">Alle anbefalte neste-trinn er fullført.</p>';
+
+      const missing = config.missingReports(artifacts);
+      const missingHtml = missing.length
+        ? '<ul class="project-overview__missing-reports">' + missing.map(function (cid) {
+            const cmd = (CATALOG.commands || []).find(function (c) { return c.id === cid; }) || { id: cid, label: cid };
+            return '<li>' +
+                     '<span class="missing-reports__icon" aria-hidden="true">+</span>' +
+                     '<span class="missing-reports__label">' + escapeHtml(cmd.label || cid) + '</span>' +
+                     '<button type="button" class="btn btn--ghost btn--sm" data-action="import-open"' +
+                       ' data-prefill-command="' + escapeAttr(cid) + '">Importer rapport</button>' +
+                   '</li>';
+          }).join('') + '</ul>'
+        : '<p class="empty-hint">Alle må-ha-rapporter er importert.</p>';
+
+      return (
+        '<div class="project-overview">' +
+          '<section class="project-overview__intro">' +
+            '<h2>Prosjektoversikt</h2>' +
+            '<p class="page__lede">Aggregat per kategori. Velg en artefakt i sidemenyen for å vise full rapport.</p>' +
+          '</section>' +
+          '<section class="project-overview__verdict-grid">' + verdictGrid + '</section>' +
+          '<section class="stack-lg">' +
+            '<h3>Topp-risikoer</h3>' + risksHtml +
+          '</section>' +
+          '<section class="stack-lg">' +
+            '<h3>Anbefalte neste-trinn</h3>' + actionsHtml +
+          '</section>' +
+          '<section class="stack-lg">' +
+            '<h3>Manglende rapporter (må ha)</h3>' + missingHtml +
+          '</section>' +
+        '</div>'
+      );
+    }
+
+    function renderProjectArtifact(artifact, config) {
+      const cmd = (CATALOG.commands || []).find(function (c) { return c.id === artifact.commandId; }) || { id: artifact.commandId, label: artifact.commandId };
+      const renderer = config.renderers[artifact.commandId];
+      // Bygg en in-memory slot, kall renderer (slot-mutator), trekk ut HTML.
+      // Eksisterende renderXxx tar (data, slot) og setter slot.innerHTML.
+      let bodyHtml = '';
+      if (renderer && artifact.parsed) {
+        try {
+          const slot = (typeof document !== 'undefined') ? document.createElement('div') : null;
+          if (slot) {
+            renderer(artifact.parsed, slot);
+            bodyHtml = slot.innerHTML;
+          } else {
+            bodyHtml = '<p class="empty-hint">Renderer krever DOM (test-miljø).</p>';
+          }
+        } catch (e) {
+          bodyHtml = '<div class="error-summary"><h3 class="error-summary__heading">Rendringsfeil</h3>' +
+                     '<div class="error-summary__body"><p>' + escapeHtml(String(e.message || e)) + '</p></div></div>';
+        }
+      } else {
+        bodyHtml = '<p class="empty-hint">Ingen parsed data.</p>';
+      }
+      const updated = projectViewTimeAgo(artifact.updatedAt) || projectViewTimeAgo(artifact.importedAt) || '';
+      return (
+        '<article class="project-view__artifact" data-artifact="' + escapeAttr(artifact.commandId) + '">' +
+          '<header class="project-view__artifact-header">' +
+            '<div class="project-view__artifact-header-main">' +
+              '<span class="page__eyebrow">ARTEFAKT</span>' +
+              '<h2 class="project-view__artifact-title">' + escapeHtml(cmd.label || artifact.commandId) + '</h2>' +
+              (updated ? '<p class="project-view__artifact-meta">Sist oppdatert ' + escapeHtml(updated) + '</p>' : '') +
+            '</div>' +
+            '<div class="project-view__artifact-actions">' +
+              '<button type="button" class="btn btn--ghost btn--sm" data-action="artifact-reimport"' +
+                ' data-command="' + escapeAttr(artifact.commandId) + '">Re-importer</button>' +
+              '<button type="button" class="btn btn--ghost btn--sm" data-action="artifact-delete"' +
+                ' data-command="' + escapeAttr(artifact.commandId) + '">Slett</button>' +
+            '</div>' +
+          '</header>' +
+          '<div class="project-view__artifact-body">' + bodyHtml + '</div>' +
+        '</article>'
+      );
+    }
+
+    function renderEmptyArtifactPrompt(commandId, config) {
+      const cmd = (CATALOG.commands || []).find(function (c) { return c.id === commandId; }) || { id: commandId, label: commandId };
+      return (
+        '<div class="empty-artifact-prompt" data-command="' + escapeAttr(commandId) + '">' +
+          '<div class="empty-artifact-prompt__icon" aria-hidden="true">○</div>' +
+          '<h2 class="empty-artifact-prompt__title">Ingen ' + escapeHtml(cmd.label || commandId) + '-rapport ennå</h2>' +
+          '<p class="empty-artifact-prompt__text">' + escapeHtml(cmd.description || '') + '</p>' +
+          '<div class="empty-artifact-prompt__actions">' +
+            '<button type="button" class="btn btn--primary" data-action="import-open"' +
+              ' data-prefill-command="' + escapeAttr(commandId) + '">Importer rapport</button>' +
+            '<button type="button" class="btn btn--ghost" data-action="open-catalog-form"' +
+              ' data-command="' + escapeAttr(commandId) + '">Bygg command-streng</button>' +
+          '</div>' +
+        '</div>'
+      );
+    }
+
+    function renderProjectMain(project, config, viewState) {
+      const selectedId = viewState && viewState.selectedArtifactId;
+      if (!selectedId) {
+        return '<main class="project-view__main" data-state="overview">' +
+                 renderProjectOverview(project, config) +
+               '</main>';
+      }
+      const artifact = project.artifacts && project.artifacts[selectedId];
+      if (!artifact || !artifact.parsed) {
+        return '<main class="project-view__main" data-state="empty">' +
+                 renderEmptyArtifactPrompt(selectedId, config) +
+               '</main>';
+      }
+      return '<main class="project-view__main" data-state="artifact">' +
+               renderProjectArtifact(artifact, config) +
+             '</main>';
+    }
+
+    function renderImportModal(state, config) {
+      const modal = state && state.ui && state.ui.importModal;
+      if (!modal || !modal.open) return '';
+      const prefillCmd = modal.prefillCommandId || '';
+      const prefillText = modal.prefillMarkdown || '';
+      const allCmds = (CATALOG.commands || []).filter(function (c) {
+        return c.produces_report && config.renderers[c.id];
+      });
+      const cmdOptions = '<option value="">— Velg command —</option>' + allCmds.map(function (c) {
+        const sel = c.id === prefillCmd ? ' selected' : '';
+        return '<option value="' + escapeAttr(c.id) + '"' + sel + '>' + escapeHtml(c.label) + '</option>';
+      }).join('');
+      return (
+        '<div class="import-modal" data-open="true" role="dialog" aria-modal="true" aria-label="Importer rapport" data-import-modal>' +
+          '<div class="import-modal__backdrop" data-action="import-close"></div>' +
+          '<div class="import-modal__panel">' +
+            '<header class="import-modal__head">' +
+              '<h2 class="import-modal__title">Importer rapport</h2>' +
+              '<button type="button" class="import-modal__close" data-action="import-close" aria-label="Lukk">×</button>' +
+            '</header>' +
+            '<form class="import-modal__form" data-import-form>' +
+              '<div class="field">' +
+                '<label class="field__label" for="import-command">Command</label>' +
+                '<select id="import-command" class="select" data-import-command>' + cmdOptions + '</select>' +
+              '</div>' +
+              '<div class="field">' +
+                '<label class="field__label" for="import-markdown">Markdown-output</label>' +
+                '<textarea id="import-markdown" class="textarea" rows="12" data-import-markdown' +
+                  ' placeholder="Lim inn full markdown-output fra terminal-kjøringen her">' + escapeHtml(prefillText) + '</textarea>' +
+              '</div>' +
+              '<div class="import-modal__detect" data-import-detect aria-live="polite"></div>' +
+              '<div class="import-modal__preview" data-import-preview></div>' +
+            '</form>' +
+            '<footer class="import-modal__footer">' +
+              '<button type="button" class="btn btn--ghost" data-action="import-close">Avbryt</button>' +
+              '<button type="button" class="btn btn--primary" data-action="import-save" data-import-save>Lagre</button>' +
+            '</footer>' +
+          '</div>' +
+        '</div>'
+      );
+    }
+
+    function renderProjectView(project, config) {
+      if (!project) return '<p class="empty-hint">Ingen prosjekt valgt.</p>';
+      const cfg = config || PROJECT_VIEW_CONFIG;
+      const ui = (store && store.state && store.state.ui) || {};
+      const pv = ui.projectView || {};
+      const selectedId = pv.selectedArtifactId || null;
+      const searchQuery = pv.searchQuery || '';
+      const artifacts = project.artifacts || {};
+      const aggregateVerdict = cfg.aggregateVerdict(artifacts);
+      const keyStats = projectViewKeyStats(project, cfg);
+      const viewState = {
+        view: selectedId ? (artifacts[selectedId] && artifacts[selectedId].parsed ? 'artifact' : 'empty') : 'overview',
+        selectedArtifactId: selectedId
+      };
+      const importModalHtml = renderImportModal(store && store.state, cfg);
+      return (
+        '<section class="project-view" data-view="' + escapeAttr(viewState.view) + '">' +
+          '<header class="project-view__header">' +
+            renderProjectHeader(project, aggregateVerdict, keyStats) +
+          '</header>' +
+          '<div class="project-view__layout">' +
+            renderArtifactNav(project, cfg, selectedId, searchQuery) +
+            renderProjectMain(project, cfg, viewState) +
+          '</div>' +
+        '</section>' +
+        importModalHtml
+      );
+    }
+
+    // Eksponer for tester (Sesjon 4) og integrasjon (Sesjon 5).
+    window.__projectView = {
+      renderProjectView: renderProjectView,
+      renderProjectHeader: renderProjectHeader,
+      renderArtifactNav: renderArtifactNav,
+      renderArtifactNavItem: renderArtifactNavItem,
+      renderProjectMain: renderProjectMain,
+      renderProjectOverview: renderProjectOverview,
+      renderProjectArtifact: renderProjectArtifact,
+      renderEmptyArtifactPrompt: renderEmptyArtifactPrompt,
+      renderImportModal: renderImportModal,
+      inferCommandIdFromMarkdown: inferCommandIdFromMarkdown,
+      fingerprintScore: fingerprintScore,
+      PROJECT_VIEW_CONFIG: PROJECT_VIEW_CONFIG,
+      COMMAND_FINGERPRINTS: COMMAND_FINGERPRINTS
+    };
+    // === PROJECT_VIEW_V2_END ===
 
     // ============================================================
     // ONBOARDING SURFACE (Step 5)
@@ -5553,9 +6007,20 @@
        'activeSurface', 'preferences'].forEach(function (k) {
         if (demo[k] !== undefined) store.state[k] = demo[k];
       });
-      // Reset interne UI-state-variabler så project-render starter i 'rapporter'-tab.
+      // v1.15.0: kjør migrasjonen så demo-state med dataVersion=2 + reports
+      // konverteres til v3 artifacts-shape FØR render. parserFor sørger for at
+      // raw_markdown auto-parses inn i artifacts.parsed/verdict/keyStats.
+      try { migrateDataVersion(store.state, defaultArchetypeFor, defaultParserFor); }
+      catch (e) { console.warn('[playground v3] load-demo migrate failed:', e); }
       currentProjectTab = 'regulatory';
-      currentProjectScreen = 'rapporter';
+      // Reset v3 project-view UI-state så sidebar starter på overview.
+      if (store.state.ui && store.state.ui.projectView) {
+        store.state.ui.projectView.selectedArtifactId = null;
+        store.state.ui.projectView.searchQuery = '';
+      }
+      if (store.state.ui && store.state.ui.importModal) {
+        store.state.ui.importModal.open = false;
+      }
       navigate(demo.activeSurface || 'project');
     };
 
@@ -5671,24 +6136,8 @@
       });
     };
 
-    ACTIONS['project-screen'] = function (ev, el) {
-      const screen = el.dataset.screen;
-      if (!screen) return;
-      currentProjectScreen = screen;
-      // Toggle aria-current på .tab-list-knappene + [hidden] på .tab-panel-paneler
-      // uten full re-render (bevarer evt textarea-input i panels).
-      const root = getSurfaceEl('project');
-      if (!root) return;
-      const tabs = root.querySelectorAll('.tab-list .tab');
-      tabs.forEach(function (t) {
-        t.setAttribute('aria-current', t.dataset.screen === screen ? 'true' : 'false');
-      });
-      const screens = root.querySelectorAll('.tab-panel[data-screen-id]');
-      screens.forEach(function (s) {
-        if (s.dataset.screenId === screen) s.removeAttribute('hidden');
-        else s.setAttribute('hidden', '');
-      });
-    };
+    // v1.15.0: ACTIONS['project-screen'] fjernet sammen med screen-tabs i
+    // renderProjectSurface (v3 project-view bruker artifact-sidebar i stedet).
 
     ACTIONS['parse'] = function (ev, el) {
       const commandId = el.dataset.command;
@@ -5702,6 +6151,247 @@
       handlePasteImport(commandId, markdown);
     };
 
+    // ============================================================
+    // PROJECT-VIEW V2 ACTIONS (Sesjon 3)
+    // ============================================================
+    //
+    // Disse handlers betjener renderProjectView (parallell implementasjon).
+    // Ingen call-site i Sesjon 3 — Sesjon 5 bytter renderProjectSurface →
+    // renderProjectView i renderActive() og aktiverer hele kjeden.
+
+    function projectViewUiState() {
+      if (!store || !store.state) return null;
+      if (!store.state.ui) store.state.ui = {};
+      if (!store.state.ui.projectView) {
+        store.state.ui.projectView = { selectedArtifactId: null, searchQuery: '' };
+      }
+      if (!store.state.ui.importModal) {
+        store.state.ui.importModal = { open: false, prefillCommandId: '', prefillMarkdown: '' };
+      }
+      return store.state.ui;
+    }
+
+    ACTIONS['project-select-artifact'] = function (ev, el) {
+      const id = el.dataset.artifactId;
+      if (!id) return;
+      const ui = projectViewUiState();
+      if (!ui) return;
+      ui.projectView.selectedArtifactId = id;
+      scheduleRender();
+    };
+
+    ACTIONS['project-show-overview'] = function () {
+      const ui = projectViewUiState();
+      if (!ui) return;
+      ui.projectView.selectedArtifactId = null;
+      scheduleRender();
+    };
+
+    ACTIONS['import-open'] = function (ev, el) {
+      const ui = projectViewUiState();
+      if (!ui) return;
+      const prefillCmd = (el && el.dataset && el.dataset.prefillCommand) || '';
+      ui.importModal.open = true;
+      ui.importModal.prefillCommandId = prefillCmd;
+      // Hvis det allerede finnes artifact for prefillCmd, fyll markdown så
+      // re-import-flowen får eksisterende tekst tilgjengelig.
+      const project = findProject(store.state.activeProjectId);
+      const existing = project && project.artifacts && project.artifacts[prefillCmd];
+      ui.importModal.prefillMarkdown = (existing && existing.raw_markdown) || '';
+      scheduleRender();
+    };
+
+    ACTIONS['import-close'] = function () {
+      const ui = projectViewUiState();
+      if (!ui) return;
+      ui.importModal.open = false;
+      ui.importModal.prefillCommandId = '';
+      ui.importModal.prefillMarkdown = '';
+      scheduleRender();
+    };
+
+    ACTIONS['artifact-reimport'] = function (ev, el) {
+      const cid = el && el.dataset && el.dataset.command;
+      if (!cid) return;
+      const ui = projectViewUiState();
+      if (!ui) return;
+      const project = findProject(store.state.activeProjectId);
+      const existing = project && project.artifacts && project.artifacts[cid];
+      ui.importModal.open = true;
+      ui.importModal.prefillCommandId = cid;
+      ui.importModal.prefillMarkdown = (existing && existing.raw_markdown) || '';
+      scheduleRender();
+    };
+
+    ACTIONS['artifact-delete'] = function (ev, el) {
+      const cid = el && el.dataset && el.dataset.command;
+      if (!cid) return;
+      if (typeof confirm === 'function' && !confirm('Slette artefakt for «' + cid + '»? Kan ikke angres.')) return;
+      const project = findProject(store.state.activeProjectId);
+      if (!project) return;
+      if (project.artifacts && project.artifacts[cid]) delete project.artifacts[cid];
+      if (project.reports && project.reports[cid]) delete project.reports[cid];
+      const ui = projectViewUiState();
+      if (ui && ui.projectView.selectedArtifactId === cid) ui.projectView.selectedArtifactId = null;
+      scheduleRender();
+    };
+
+    // Smart-detect på textarea-input i import-modal.
+    // Re-rendrer kun .import-modal__detect + .import-modal__preview-banner-områdene
+    // (ikke full surface-render — beholder cursor i textarea).
+    const projectViewDetectDebounceMs = 250;
+    let projectViewDetectTimer = null;
+    function projectViewRunDetect() {
+      const modal = document.querySelector('[data-import-modal]');
+      if (!modal) return;
+      const ta = modal.querySelector('[data-import-markdown]');
+      const detectEl = modal.querySelector('[data-import-detect]');
+      const select = modal.querySelector('[data-import-command]');
+      const previewEl = modal.querySelector('[data-import-preview]');
+      const saveBtn = modal.querySelector('[data-import-save]');
+      if (!ta || !detectEl) return;
+      const text = ta.value || '';
+      const result = inferCommandIdFromMarkdown(text, PARSERS);
+      if (result && result.confidence >= 0.7) {
+        const cmd = (CATALOG.commands || []).find(function (c) { return c.id === result.commandId; });
+        const label = cmd ? cmd.label : result.commandId;
+        const pct = Math.round(result.confidence * 100);
+        detectEl.innerHTML = '<span class="import-modal__detect-banner" data-confidence="' + pct + '">' +
+                               '✓ Detektert: <strong>' + escapeHtml(label) + '</strong> (' + pct + '% sikker)' +
+                             '</span>';
+        if (select && !select.value) select.value = result.commandId;
+      } else if (result) {
+        const pct = Math.round(result.confidence * 100);
+        detectEl.innerHTML = '<span class="import-modal__detect-banner import-modal__detect-banner--low" data-confidence="' + pct + '">' +
+                               'Mulig: ' + escapeHtml(result.commandId) + ' (' + pct + '%) — bekreft i dropdown' +
+                             '</span>';
+      } else {
+        detectEl.innerHTML = '';
+      }
+      // Preview: parse + render hvis vi har gyldig command + tekst.
+      const activeCmd = select ? select.value : '';
+      if (activeCmd && text.trim() && previewEl) {
+        const cmd = (CATALOG.commands || []).find(function (c) { return c.id === activeCmd; });
+        if (cmd && cmd.report_archetype) {
+          const parser = PARSERS[cmd.report_archetype];
+          const renderer = RENDERERS[cmd.renderer];
+          if (parser && renderer) {
+            try {
+              const r = parser(text);
+              if (r && r.ok && r.data) {
+                previewEl.innerHTML = '';
+                renderer(r.data, previewEl);
+                if (saveBtn) saveBtn.removeAttribute('disabled');
+              } else {
+                previewEl.innerHTML = '<p class="import-modal__preview-warning">Klarte ikke å tolke markdown — sjekk at det matcher /' + escapeHtml(activeCmd) + '-formatet.</p>';
+                if (saveBtn) saveBtn.setAttribute('disabled', '');
+              }
+            } catch (e) {
+              previewEl.innerHTML = '<p class="import-modal__preview-warning">Parser-feil: ' + escapeHtml(String(e.message || e)) + '</p>';
+              if (saveBtn) saveBtn.setAttribute('disabled', '');
+            }
+          }
+        }
+      } else if (previewEl) {
+        previewEl.innerHTML = '';
+        if (saveBtn) saveBtn.setAttribute('disabled', '');
+      }
+    }
+
+    ACTIONS['import-detect'] = function () {
+      if (projectViewDetectTimer) clearTimeout(projectViewDetectTimer);
+      projectViewDetectTimer = setTimeout(projectViewRunDetect, projectViewDetectDebounceMs);
+    };
+
+    ACTIONS['import-save'] = function () {
+      const modal = document.querySelector('[data-import-modal]');
+      if (!modal) return;
+      const select = modal.querySelector('[data-import-command]');
+      const ta = modal.querySelector('[data-import-markdown]');
+      if (!select || !ta) return;
+      const cid = select.value;
+      const text = ta.value || '';
+      if (!cid || !text.trim()) return;
+      const cmd = (CATALOG.commands || []).find(function (c) { return c.id === cid; });
+      if (!cmd || !cmd.report_archetype) return;
+      const parser = PARSERS[cmd.report_archetype];
+      if (!parser) return;
+      const r = parser(text);
+      if (!r || !r.ok || !r.data) return;
+      const project = findProject(store.state.activeProjectId);
+      if (!project) return;
+      if (!project.artifacts) project.artifacts = {};
+      const arche = cmd.report_archetype;
+      const nowIso = new Date().toISOString();
+      const existing = project.artifacts[cid];
+      const verdict = r.data.verdict || inferVerdict(r.data, arche);
+      const keyStats = Array.isArray(r.data.keyStats) ? r.data.keyStats : inferKeyStats(r.data, arche);
+      project.artifacts[cid] = {
+        commandId: cid,
+        raw_markdown: text,
+        parsed: r.data,
+        verdict: verdict,
+        keyStats: keyStats,
+        importedAt: existing ? existing.importedAt : nowIso,
+        updatedAt: nowIso
+      };
+      // Bakover-kompat: speil til project.reports inntil v1.16.0.
+      if (!project.reports) project.reports = {};
+      if (!project.reports[cid]) project.reports[cid] = { input: {} };
+      project.reports[cid].raw_markdown = text;
+      project.reports[cid].parsed = r.data;
+      project.reports[cid].updatedAt = nowIso;
+      const ui = projectViewUiState();
+      if (ui) {
+        ui.importModal.open = false;
+        ui.importModal.prefillCommandId = '';
+        ui.importModal.prefillMarkdown = '';
+        ui.projectView.selectedArtifactId = cid;
+      }
+      scheduleRender();
+    };
+
+    // Live søk i sidebar — re-render hele project-view-surface ville flyttet
+    // textarea-caret i import-modal og søkefelt-caret. Setter searchQuery
+    // og re-rendrer kun nav-containeren in-place.
+    document.addEventListener('input', function (ev) {
+      if (!ev.target || !ev.target.matches) return;
+      if (ev.target.matches('[data-project-search]')) {
+        const ui = projectViewUiState();
+        if (!ui) return;
+        ui.projectView.searchQuery = ev.target.value || '';
+        const project = findProject(store.state.activeProjectId);
+        const root = document.querySelector('[data-surface="project"] .project-view .project-view__nav');
+        if (project && root && root.parentNode) {
+          const tmp = document.createElement('div');
+          tmp.innerHTML = renderArtifactNav(project, PROJECT_VIEW_CONFIG, ui.projectView.selectedArtifactId, ui.projectView.searchQuery);
+          const newNav = tmp.firstElementChild;
+          if (newNav) {
+            root.parentNode.replaceChild(newNav, root);
+            const searchInput = newNav.querySelector('[data-project-search]');
+            if (searchInput) {
+              searchInput.focus();
+              const len = searchInput.value.length;
+              try { searchInput.setSelectionRange(len, len); } catch (_e) { /* ignore */ }
+            }
+          }
+        }
+        return;
+      }
+      if (ev.target.matches('[data-import-markdown]')) {
+        const handler = ACTIONS['import-detect'];
+        if (handler) handler(ev, ev.target);
+      }
+    });
+
+    // change-event på import-modal-dropdown trigger preview-refresh.
+    document.addEventListener('change', function (ev) {
+      if (!ev.target || !ev.target.matches) return;
+      if (ev.target.matches('[data-import-command]')) {
+        projectViewRunDetect();
+      }
+    });
+
     // ---- Step 8: copy-command + preview-command ----
 
     ACTIONS['copy-command'] = function (ev, el) {
diff --git a/plugins/ms-ai-architect/playground/screenshots/v1.15.0/01-onboarding-empty-dark.png b/plugins/ms-ai-architect/playground/screenshots/v1.15.0/01-onboarding-empty-dark.png
new file mode 100644
index 0000000..a3ae5fa
Binary files /dev/null and b/plugins/ms-ai-architect/playground/screenshots/v1.15.0/01-onboarding-empty-dark.png differ
diff --git a/plugins/ms-ai-architect/playground/screenshots/v1.15.0/01-onboarding-empty-light.png b/plugins/ms-ai-architect/playground/screenshots/v1.15.0/01-onboarding-empty-light.png
new file mode 100644
index 0000000..2166e22
Binary files /dev/null and b/plugins/ms-ai-architect/playground/screenshots/v1.15.0/01-onboarding-empty-light.png differ
diff --git a/plugins/ms-ai-architect/playground/screenshots/v1.15.0/02-project-overview-dark.png b/plugins/ms-ai-architect/playground/screenshots/v1.15.0/02-project-overview-dark.png
new file mode 100644
index 0000000..0083a02
Binary files /dev/null and b/plugins/ms-ai-architect/playground/screenshots/v1.15.0/02-project-overview-dark.png differ
diff --git a/plugins/ms-ai-architect/playground/screenshots/v1.15.0/02-project-overview-light.png b/plugins/ms-ai-architect/playground/screenshots/v1.15.0/02-project-overview-light.png
new file mode 100644
index 0000000..1279d74
Binary files /dev/null and b/plugins/ms-ai-architect/playground/screenshots/v1.15.0/02-project-overview-light.png differ
diff --git a/plugins/ms-ai-architect/playground/screenshots/v1.15.0/03-project-artifact-classify-dark.png b/plugins/ms-ai-architect/playground/screenshots/v1.15.0/03-project-artifact-classify-dark.png
new file mode 100644
index 0000000..2f13e4f
Binary files /dev/null and b/plugins/ms-ai-architect/playground/screenshots/v1.15.0/03-project-artifact-classify-dark.png differ
diff --git a/plugins/ms-ai-architect/playground/screenshots/v1.15.0/03-project-artifact-classify-light.png b/plugins/ms-ai-architect/playground/screenshots/v1.15.0/03-project-artifact-classify-light.png
new file mode 100644
index 0000000..ce014d0
Binary files /dev/null and b/plugins/ms-ai-architect/playground/screenshots/v1.15.0/03-project-artifact-classify-light.png differ
diff --git a/plugins/ms-ai-architect/playground/screenshots/v1.15.0/04-project-artifact-security-dark.png b/plugins/ms-ai-architect/playground/screenshots/v1.15.0/04-project-artifact-security-dark.png
new file mode 100644
index 0000000..69b26d5
Binary files /dev/null and b/plugins/ms-ai-architect/playground/screenshots/v1.15.0/04-project-artifact-security-dark.png differ
diff --git a/plugins/ms-ai-architect/playground/screenshots/v1.15.0/04-project-artifact-security-light.png b/plugins/ms-ai-architect/playground/screenshots/v1.15.0/04-project-artifact-security-light.png
new file mode 100644
index 0000000..63943de
Binary files /dev/null and b/plugins/ms-ai-architect/playground/screenshots/v1.15.0/04-project-artifact-security-light.png differ
diff --git a/plugins/ms-ai-architect/playground/screenshots/v1.15.0/05-project-artifact-ros-dark.png b/plugins/ms-ai-architect/playground/screenshots/v1.15.0/05-project-artifact-ros-dark.png
new file mode 100644
index 0000000..845a291
Binary files /dev/null and b/plugins/ms-ai-architect/playground/screenshots/v1.15.0/05-project-artifact-ros-dark.png differ
diff --git a/plugins/ms-ai-architect/playground/screenshots/v1.15.0/05-project-artifact-ros-light.png b/plugins/ms-ai-architect/playground/screenshots/v1.15.0/05-project-artifact-ros-light.png
new file mode 100644
index 0000000..26eb802
Binary files /dev/null and b/plugins/ms-ai-architect/playground/screenshots/v1.15.0/05-project-artifact-ros-light.png differ
diff --git a/plugins/ms-ai-architect/playground/screenshots/v1.15.0/06-project-artifact-cost-dark.png b/plugins/ms-ai-architect/playground/screenshots/v1.15.0/06-project-artifact-cost-dark.png
new file mode 100644
index 0000000..060ecf0
Binary files /dev/null and b/plugins/ms-ai-architect/playground/screenshots/v1.15.0/06-project-artifact-cost-dark.png differ
diff --git a/plugins/ms-ai-architect/playground/screenshots/v1.15.0/06-project-artifact-cost-light.png b/plugins/ms-ai-architect/playground/screenshots/v1.15.0/06-project-artifact-cost-light.png
new file mode 100644
index 0000000..35d51c7
Binary files /dev/null and b/plugins/ms-ai-architect/playground/screenshots/v1.15.0/06-project-artifact-cost-light.png differ
diff --git a/plugins/ms-ai-architect/playground/screenshots/v1.15.0/07-project-artifact-summary-dark.png b/plugins/ms-ai-architect/playground/screenshots/v1.15.0/07-project-artifact-summary-dark.png
new file mode 100644
index 0000000..3770d47
Binary files /dev/null and b/plugins/ms-ai-architect/playground/screenshots/v1.15.0/07-project-artifact-summary-dark.png differ
diff --git a/plugins/ms-ai-architect/playground/screenshots/v1.15.0/07-project-artifact-summary-light.png b/plugins/ms-ai-architect/playground/screenshots/v1.15.0/07-project-artifact-summary-light.png
new file mode 100644
index 0000000..08673f0
Binary files /dev/null and b/plugins/ms-ai-architect/playground/screenshots/v1.15.0/07-project-artifact-summary-light.png differ
diff --git a/plugins/ms-ai-architect/playground/screenshots/v1.15.0/08-project-import-modal-dark.png b/plugins/ms-ai-architect/playground/screenshots/v1.15.0/08-project-import-modal-dark.png
new file mode 100644
index 0000000..031c1f8
Binary files /dev/null and b/plugins/ms-ai-architect/playground/screenshots/v1.15.0/08-project-import-modal-dark.png differ
diff --git a/plugins/ms-ai-architect/playground/screenshots/v1.15.0/08-project-import-modal-light.png b/plugins/ms-ai-architect/playground/screenshots/v1.15.0/08-project-import-modal-light.png
new file mode 100644
index 0000000..3e110fb
Binary files /dev/null and b/plugins/ms-ai-architect/playground/screenshots/v1.15.0/08-project-import-modal-light.png differ
diff --git a/plugins/ms-ai-architect/playground/screenshots/v1.15.0/09-project-search-dark.png b/plugins/ms-ai-architect/playground/screenshots/v1.15.0/09-project-search-dark.png
new file mode 100644
index 0000000..7fff2c5
Binary files /dev/null and b/plugins/ms-ai-architect/playground/screenshots/v1.15.0/09-project-search-dark.png differ
diff --git a/plugins/ms-ai-architect/playground/screenshots/v1.15.0/09-project-search-light.png b/plugins/ms-ai-architect/playground/screenshots/v1.15.0/09-project-search-light.png
new file mode 100644
index 0000000..1a9e64d
Binary files /dev/null and b/plugins/ms-ai-architect/playground/screenshots/v1.15.0/09-project-search-light.png differ
diff --git a/plugins/ms-ai-architect/playground/screenshots/v1.15.0/10-home-dark.png b/plugins/ms-ai-architect/playground/screenshots/v1.15.0/10-home-dark.png
new file mode 100644
index 0000000..01d3caf
Binary files /dev/null and b/plugins/ms-ai-architect/playground/screenshots/v1.15.0/10-home-dark.png differ
diff --git a/plugins/ms-ai-architect/playground/screenshots/v1.15.0/10-home-light.png b/plugins/ms-ai-architect/playground/screenshots/v1.15.0/10-home-light.png
new file mode 100644
index 0000000..5247ca3
Binary files /dev/null and b/plugins/ms-ai-architect/playground/screenshots/v1.15.0/10-home-light.png differ
diff --git a/plugins/ms-ai-architect/playground/screenshots/v1.15.0/11-catalog-dark.png b/plugins/ms-ai-architect/playground/screenshots/v1.15.0/11-catalog-dark.png
new file mode 100644
index 0000000..90b8a87
Binary files /dev/null and b/plugins/ms-ai-architect/playground/screenshots/v1.15.0/11-catalog-dark.png differ
diff --git a/plugins/ms-ai-architect/playground/screenshots/v1.15.0/11-catalog-light.png b/plugins/ms-ai-architect/playground/screenshots/v1.15.0/11-catalog-light.png
new file mode 100644
index 0000000..ffebc40
Binary files /dev/null and b/plugins/ms-ai-architect/playground/screenshots/v1.15.0/11-catalog-light.png differ
diff --git a/plugins/ms-ai-architect/playground/screenshots/v1.15.0/12-onboarding-prefilled-dark.png b/plugins/ms-ai-architect/playground/screenshots/v1.15.0/12-onboarding-prefilled-dark.png
new file mode 100644
index 0000000..009ecac
Binary files /dev/null and b/plugins/ms-ai-architect/playground/screenshots/v1.15.0/12-onboarding-prefilled-dark.png differ
diff --git a/plugins/ms-ai-architect/playground/screenshots/v1.15.0/12-onboarding-prefilled-light.png b/plugins/ms-ai-architect/playground/screenshots/v1.15.0/12-onboarding-prefilled-light.png
new file mode 100644
index 0000000..2166e22
Binary files /dev/null and b/plugins/ms-ai-architect/playground/screenshots/v1.15.0/12-onboarding-prefilled-light.png differ
diff --git a/plugins/ms-ai-architect/playground/vendor/playground-design-system/CHANGELOG.md b/plugins/ms-ai-architect/playground/vendor/playground-design-system/CHANGELOG.md
index 3741e52..3d489a7 100644
--- a/plugins/ms-ai-architect/playground/vendor/playground-design-system/CHANGELOG.md
+++ b/plugins/ms-ai-architect/playground/vendor/playground-design-system/CHANGELOG.md
@@ -1,5 +1,65 @@
 # 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
diff --git a/plugins/ms-ai-architect/playground/vendor/playground-design-system/MANIFEST.json b/plugins/ms-ai-architect/playground/vendor/playground-design-system/MANIFEST.json
index d89f470..45c6e0d 100644
--- a/plugins/ms-ai-architect/playground/vendor/playground-design-system/MANIFEST.json
+++ b/plugins/ms-ai-architect/playground/vendor/playground-design-system/MANIFEST.json
@@ -2,16 +2,17 @@
   "generated_by": "scripts/sync-design-system.mjs",
   "do_not_edit": true,
   "source": "shared/playground-design-system/",
-  "source_commit": "9f806469f37742be65f778059bf364308c9d2811",
-  "sync_date": "2026-05-08T17:57:53.412Z",
-  "file_count": 26,
+  "source_commit": "c1b7bad3899c5cfe9ff90663003609b018aa79a0",
+  "sync_date": "2026-05-15T14:11:07.444Z",
+  "file_count": 27,
   "files": {
-    "CHANGELOG.md": "dfbd75552c94848acba3e2503bfad56c1c4bc8cfdcbd638d9409149010913d28",
+    "CHANGELOG.md": "b5018b46cd0830334109e915d23b5554c060412c2b7e132f97f2933e5dd5d79c",
     "README.md": "83de0e29b207c979b7b2a3327b7a4ec0c2e1b4d3705ee2677f26c28c3a3ee643",
-    "base.css": "604fe6839e2ed304bc0ba112a4e045f208b4b3f084f449a1abdb94ce0a1e5263",
+    "base.css": "df0db874473412eb771b7355b589f7478042987756898f0921584286bd5ba70a",
     "components-tier2.css": "c2cb7e9d76d6af28d50db654030413777feb2f2f2b93213e598de8b686b14523",
     "components-tier3-supplement.css": "51fab10377d80029d6552613069d46fd14ce66af77fe6705b1c6bdf5c9e6481e",
     "components-tier3.css": "c391ea387298ce864bc35078e7e044b2cdd4187e3130456347d91876599ff4b1",
+    "components-tier4-project-view.css": "f8f784df70044ecc9bdc862a327b1ee58b201d056581316808a9b60632c5a993",
     "components.css": "56fa7392b8b20b567a46f72a8fe9e0205d78ce475eae6b22fc3f50b39b235545",
     "fonts.css": "e3c3df581c6e4d66e25c555f125c745f6512a33038401089d2519a94ea63ee3d",
     "fonts/Inter-Bold.woff2": "220976705fbec109f43c5cfdceca639e99ace7e51f3eb67292b105d3575eb39b",
@@ -31,6 +32,6 @@
     "schemas/finding.schema.json": "0b24797373650582bac232d31a4dd9260593375a0d17259e18f1141a20de8d0c",
     "schemas/okr-set.schema.json": "aa27347fb232a956ec9dcee1775115710e2715a665c8d729ac50b90c6884de26",
     "schemas/ros-threat.schema.json": "e16497c1a6b79d6e78149d6cf1c28ac9df1e93234627a0c546814fb24d6c96d9",
-    "tokens.css": "1499bc2eea0178e35935413c79a10bbee7d49fdfa91bd33eeba3bb9e9acab809"
+    "tokens.css": "63dca13f8341937169fc8e84d3f37ae0c714901fa006c865ea377bd448f87644"
   }
 }
diff --git a/plugins/ms-ai-architect/playground/vendor/playground-design-system/base.css b/plugins/ms-ai-architect/playground/vendor/playground-design-system/base.css
index abeb790..27f3920 100644
--- a/plugins/ms-ai-architect/playground/vendor/playground-design-system/base.css
+++ b/plugins/ms-ai-architect/playground/vendor/playground-design-system/base.css
@@ -146,6 +146,7 @@ button { font-family: inherit; }
 .badge--scope-security  { background: var(--color-scope-security);  color: #fff; border-color: transparent; }
 .badge--scope-ultraplan { background: var(--color-scope-ultraplan); color: #fff; border-color: transparent; }
 .badge--scope-config    { background: var(--color-scope-config);    color: #fff; border-color: transparent; }
+.badge--scope-voyage    { background: var(--color-scope-voyage);    color: #fff; border-color: transparent; }
 
 /* ---------- Cards / surfaces ---------- */
 .card {
diff --git a/plugins/ms-ai-architect/playground/vendor/playground-design-system/components-tier4-project-view.css b/plugins/ms-ai-architect/playground/vendor/playground-design-system/components-tier4-project-view.css
new file mode 100644
index 0000000..5f97c20
--- /dev/null
+++ b/plugins/ms-ai-architect/playground/vendor/playground-design-system/components-tier4-project-view.css
@@ -0,0 +1,666 @@
+/* Code generated by sync-design-system.mjs; DO NOT EDIT. */
+/* =============================================================================
+   Playground Design System — components-tier4-project-view.css
+   v0.6.0 — Tier 4 project-view archetype
+   ============================================================================
+
+   Generic "project as artifact-collection" archetype. Default-view is an
+   aggregated overview dashboard; clicking a sidebar item swaps main to a
+   per-artifact render. Tracks 0-N read-only artifacts; edit-mode is paste-
+   import only (markdown from terminal → parser → store).
+
+   First adopters: ms-ai-architect v1.15.0 (17 artifacts, 5 categories) +
+   llm-security v7.7.0 (≥18 artifacts, 6 categories). Each plugin injects a
+   PROJECT_VIEW_CONFIG object that maps commands → renderers, categories,
+   verdict-aggregators, missing-report heuristics.
+
+   The CSS in this file is plugin-agnostic. Plugin-specific shape (category
+   names, artifact ordering, custom severity-mappings) lives in JS config.
+
+   State-driven visibility is NOT handled here — production playgrounds emit
+   only the active state (overview | artifact | empty | import) per render
+   pass. The mockup uses body[data-state="..."] for prototyping; production
+   renders one branch at a time.
+   ============================================================================= */
+
+
+/* === 1. Project-view top-level layout ===================================== */
+
+.project-view {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-6);
+}
+
+.project-view__layout {
+  display: grid;
+  grid-template-columns: var(--project-view-nav-width) 1fr;
+  gap: var(--space-6);
+  align-items: start;
+}
+
+@media (max-width: 1279px) {
+  .project-view__layout { grid-template-columns: 240px 1fr; }
+}
+
+@media (max-width: 959px) {
+  .project-view__layout { grid-template-columns: 1fr; }
+}
+
+
+/* === 2. Project-view header =============================================== */
+
+.project-view__header {
+  background: var(--color-surface);
+  border: 1px solid var(--color-border-subtle);
+  border-radius: var(--radius-md);
+  padding: var(--space-5) var(--space-6);
+  display: grid;
+  grid-template-columns: 1fr auto;
+  grid-template-areas:
+    "title    verdict"
+    "title    keystats"
+    "actions  actions";
+  gap: var(--space-4) var(--space-6);
+  align-items: start;
+}
+
+.project-view__title-block { grid-area: title; }
+.project-view__verdict     { grid-area: verdict; justify-self: end; }
+.project-view__key-stats   { grid-area: keystats; justify-self: end; }
+.project-view__actions     { grid-area: actions; display: flex; gap: var(--space-2); justify-content: flex-end; }
+
+.project-view__eyebrow {
+  font-size: 11px;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  color: var(--color-text-tertiary);
+  font-weight: var(--font-weight-semibold);
+  margin: 0 0 var(--space-2) 0;
+}
+
+.project-view__title {
+  font-size: var(--font-size-2xl);
+  font-weight: var(--font-weight-bold);
+  color: var(--color-text-primary);
+  margin: 0 0 var(--space-2) 0;
+}
+
+.project-view__lede {
+  color: var(--color-text-secondary);
+  margin: 0;
+  max-width: 60ch;
+}
+
+.project-view__key-stats {
+  display: flex;
+  gap: var(--space-5);
+}
+
+.project-view__key-stat-label {
+  font-size: 10px;
+  text-transform: uppercase;
+  color: var(--color-text-tertiary);
+  letter-spacing: 0.06em;
+}
+
+.project-view__key-stat-value {
+  font-size: var(--font-size-lg);
+  font-weight: var(--font-weight-semibold);
+  font-variant-numeric: tabular-nums;
+}
+
+
+/* === 3. Verdict-pill (small) ==============================================
+   Companion to .verdict-pill-lg (Tier 2). Inline-flex pill used in project
+   header + sidebar status badges. The larger -lg variant lives in
+   components-tier2.css; both share the same severity-band semantics. */
+
+.verdict-pill {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--space-1);
+  padding: 4px 12px;
+  border-radius: 999px;
+  font-weight: var(--font-weight-semibold);
+  font-size: var(--font-size-sm);
+}
+
+.verdict-pill--positive    { background: var(--color-state-success);   color: #fff; }
+.verdict-pill--medium      { background: var(--color-severity-medium); color: var(--color-severity-medium-on); }
+.verdict-pill--critical    { background: var(--color-severity-critical); color: #fff; }
+.verdict-pill--in-progress {
+  background: var(--color-bg-soft);
+  color: var(--color-text-secondary);
+  border: 1px dashed var(--color-border-moderate);
+}
+
+
+/* === 4. Sidebar nav ======================================================= */
+
+.project-view__nav {
+  position: sticky;
+  top: var(--space-6);
+  background: var(--color-surface);
+  border: 1px solid var(--color-border-subtle);
+  border-radius: var(--radius-md);
+  padding: var(--space-4);
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-3);
+}
+
+.project-view__nav-search input {
+  width: 100%;
+  box-sizing: border-box;
+  padding: 6px 10px;
+  font-size: var(--font-size-sm);
+  background: var(--color-bg);
+  color: var(--color-text-primary);
+  border: 1px solid var(--color-border-moderate);
+  border-radius: var(--radius-sm);
+}
+
+
+/* === 5. Artifact-list ===================================================== */
+
+.artifact-list {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-4);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.artifact-list__group {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-1);
+}
+
+.artifact-list__group-label {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-size: 10px;
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  color: var(--color-text-tertiary);
+  font-weight: var(--font-weight-semibold);
+  padding: 0 var(--space-2);
+}
+
+.artifact-list__group-count {
+  background: var(--color-bg-soft);
+  color: var(--color-text-tertiary);
+  font-family: var(--font-family-mono);
+  font-size: 10px;
+  padding: 1px 6px;
+  border-radius: 999px;
+}
+
+.artifact-list__group-items {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.artifact-list__item {
+  display: grid;
+  grid-template-columns: auto 1fr auto;
+  align-items: center;
+  gap: var(--space-2);
+  padding: var(--artifact-list-item-pad-y) var(--artifact-list-item-pad-x);
+  border-radius: var(--radius-sm);
+  cursor: pointer;
+  background: transparent;
+  border: 1px solid transparent;
+  transition: background 120ms ease, border-color 120ms ease;
+}
+
+.artifact-list__item:hover { background: var(--color-bg-soft); }
+
+.artifact-list__item[data-state="active"] {
+  background: var(--color-bg-soft);
+  border-color: var(--color-primary-500);
+  box-shadow: inset 3px 0 0 var(--color-primary-500);
+  padding-left: calc(var(--artifact-list-item-pad-x) - 3px);
+}
+
+.artifact-list__item-marker {
+  width: var(--artifact-marker-size);
+  height: var(--artifact-marker-size);
+  border-radius: 50%;
+  border: var(--artifact-marker-border) solid var(--color-border-moderate);
+  background: transparent;
+  flex-shrink: 0;
+}
+
+.artifact-list__item[data-state="filled"][data-severity="positive"] .artifact-list__item-marker {
+  background: var(--color-state-success);
+  border-color: var(--color-state-success);
+}
+.artifact-list__item[data-state="filled"][data-severity="medium"] .artifact-list__item-marker {
+  background: var(--color-severity-medium);
+  border-color: var(--color-severity-medium);
+}
+.artifact-list__item[data-state="filled"][data-severity="critical"] .artifact-list__item-marker {
+  background: var(--color-severity-critical);
+  border-color: var(--color-severity-critical);
+}
+
+.artifact-list__item-body { min-width: 0; }
+
+.artifact-list__item-name {
+  font-size: var(--font-size-sm);
+  font-weight: var(--font-weight-medium);
+  color: var(--color-text-primary);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.artifact-list__item[data-state="empty"] .artifact-list__item-name {
+  color: var(--color-text-tertiary);
+  font-weight: var(--font-weight-regular);
+}
+
+.artifact-list__item-meta {
+  font-size: 11px;
+  color: var(--color-text-tertiary);
+}
+
+
+/* === 6. Artifact-status (mini pill in sidebar) =========================== */
+
+.artifact-status {
+  font-family: var(--font-family-mono);
+  font-size: 10px;
+  font-weight: var(--font-weight-semibold);
+  padding: 1px 5px;
+  border-radius: var(--radius-sm);
+  letter-spacing: 0.04em;
+}
+
+.artifact-status[data-severity="positive"] { background: var(--color-severity-low-soft);      color: var(--color-severity-low-on); }
+.artifact-status[data-severity="medium"]   { background: var(--color-severity-medium-soft);   color: var(--color-severity-medium-on); }
+.artifact-status[data-severity="critical"] { background: var(--color-severity-critical-soft); color: var(--color-severity-critical-on); }
+
+
+/* === 7. Project-view main panel ========================================== */
+
+.project-view__main {
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-5);
+}
+
+
+/* === 8. Project-overview (default dashboard) ============================= */
+
+.project-overview {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-6);
+}
+
+.project-overview__intro {
+  background: var(--color-surface);
+  border: 1px solid var(--color-border-subtle);
+  border-radius: var(--radius-md);
+  padding: var(--space-5);
+}
+
+.project-overview__intro h2 {
+  font-size: var(--font-size-lg);
+  margin: 0 0 var(--space-2) 0;
+}
+
+.project-overview__intro p {
+  color: var(--color-text-secondary);
+  margin: 0;
+}
+
+.project-overview__verdict-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+  gap: var(--space-3);
+}
+
+.project-overview__verdict-tile {
+  background: var(--color-surface);
+  border: 1px solid var(--color-border-subtle);
+  border-left: 4px solid var(--color-border-moderate);
+  border-radius: var(--radius-md);
+  padding: var(--space-4);
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-1);
+}
+
+.project-overview__verdict-tile[data-severity="positive"] { border-left-color: var(--color-state-success); }
+.project-overview__verdict-tile[data-severity="medium"]   { border-left-color: var(--color-severity-medium); }
+.project-overview__verdict-tile[data-severity="critical"] { border-left-color: var(--color-severity-critical); }
+.project-overview__verdict-tile[data-severity="empty"]    { border-left-style: dashed; }
+
+.project-overview__verdict-tile-label {
+  font-size: 11px;
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  color: var(--color-text-tertiary);
+  font-weight: var(--font-weight-semibold);
+}
+
+.project-overview__verdict-tile-value {
+  font-size: var(--font-size-lg);
+  font-weight: var(--font-weight-semibold);
+}
+
+.project-overview__verdict-tile-meta {
+  font-size: var(--font-size-xs);
+  color: var(--color-text-secondary);
+}
+
+.project-overview__section h3 {
+  font-size: 12px;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  color: var(--color-text-tertiary);
+  font-weight: var(--font-weight-semibold);
+  margin: 0 0 var(--space-3) 0;
+}
+
+.project-overview__top-risks,
+.project-overview__next-actions {
+  background: var(--color-surface);
+  border: 1px solid var(--color-border-subtle);
+  border-radius: var(--radius-md);
+  padding: var(--space-5);
+}
+
+.project-overview__top-risks ol,
+.project-overview__next-actions ol {
+  list-style: none;
+  counter-reset: rank;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-2);
+}
+
+.project-overview__top-risks li,
+.project-overview__next-actions li {
+  counter-increment: rank;
+  display: grid;
+  grid-template-columns: auto 1fr auto;
+  align-items: center;
+  gap: var(--space-3);
+  padding: var(--space-2) var(--space-3);
+  border-radius: var(--radius-sm);
+  background: var(--color-bg-soft);
+}
+
+.project-overview__top-risks li::before,
+.project-overview__next-actions li::before {
+  content: counter(rank);
+  font-family: var(--font-family-mono);
+  font-weight: var(--font-weight-bold);
+  color: var(--color-text-tertiary);
+  font-size: var(--font-size-sm);
+  min-width: 20px;
+}
+
+.project-overview__missing-reports {
+  background: var(--color-surface);
+  border: 1px solid var(--color-border-subtle);
+  border-radius: var(--radius-md);
+  padding: var(--space-5);
+}
+
+.project-overview__missing-reports ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-2);
+}
+
+.project-overview__missing-reports li {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--space-3);
+  padding: var(--space-2) var(--space-3);
+  background: var(--color-bg-soft);
+  border-radius: var(--radius-sm);
+  border-left: 3px dashed var(--color-border-moderate);
+}
+
+
+/* === 9. Artifact-view (one report rendered) ============================== */
+
+.project-view__artifact {
+  background: var(--color-surface);
+  border: 1px solid var(--color-border-subtle);
+  border-radius: var(--radius-md);
+  padding: var(--space-6);
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-5);
+}
+
+.project-view__artifact-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: start;
+  gap: var(--space-4);
+  padding-bottom: var(--space-4);
+  border-bottom: 1px solid var(--color-border-subtle);
+}
+
+.project-view__artifact-title {
+  font-size: var(--font-size-xl);
+  margin: 0 0 var(--space-1) 0;
+}
+
+.project-view__artifact-meta {
+  font-size: var(--font-size-sm);
+  color: var(--color-text-tertiary);
+  margin: 0;
+}
+
+.project-view__artifact-actions {
+  display: flex;
+  gap: var(--space-2);
+  flex-shrink: 0;
+}
+
+.project-view__artifact-body {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-5);
+}
+
+
+/* === 10. Empty-artifact-prompt (no report imported yet) ================== */
+
+.empty-artifact-prompt {
+  background: var(--color-surface);
+  border: 2px dashed var(--color-border-moderate);
+  border-radius: var(--radius-md);
+  padding: var(--space-8);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--space-3);
+  text-align: center;
+}
+
+.empty-artifact-prompt__icon {
+  font-size: 48px;
+  opacity: 0.5;
+}
+
+.empty-artifact-prompt__title {
+  font-size: var(--font-size-lg);
+  margin: 0;
+}
+
+.empty-artifact-prompt__text {
+  color: var(--color-text-secondary);
+  margin: 0;
+  max-width: 50ch;
+}
+
+.empty-artifact-prompt__actions {
+  display: flex;
+  gap: var(--space-2);
+  margin-top: var(--space-2);
+}
+
+
+/* === 11. Import-modal (overlay) ========================================== */
+
+.import-modal {
+  position: fixed;
+  inset: 0;
+  z-index: 200;
+  display: none;
+}
+
+.import-modal[data-open="true"] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.import-modal__backdrop {
+  position: absolute;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.55);
+}
+
+.import-modal__panel {
+  position: relative;
+  width: min(720px, 92vw);
+  max-height: 90vh;
+  overflow: auto;
+  background: var(--color-surface);
+  border: 1px solid var(--color-border-strong);
+  border-radius: var(--radius-md);
+  box-shadow: var(--shadow-lg);
+  display: flex;
+  flex-direction: column;
+}
+
+.import-modal__head {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--space-3);
+  padding: var(--space-4) var(--space-5);
+  border-bottom: 1px solid var(--color-border-subtle);
+}
+
+.import-modal__title {
+  margin: 0;
+  font-size: var(--font-size-lg);
+  font-weight: var(--font-weight-semibold);
+}
+
+.import-modal__close {
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  padding: 4px 10px;
+  color: var(--color-text-tertiary);
+  font-size: 20px;
+  line-height: 1;
+  border-radius: var(--radius-sm);
+}
+
+.import-modal__close:hover {
+  background: var(--color-bg-soft);
+  color: var(--color-text-primary);
+}
+
+.import-modal__form {
+  padding: var(--space-5);
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-4);
+}
+
+.import-modal__form .field {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-1);
+}
+
+.import-modal__form label {
+  font-size: var(--font-size-sm);
+  font-weight: var(--font-weight-semibold);
+  color: var(--color-text-secondary);
+}
+
+.import-modal__form select,
+.import-modal__form textarea {
+  width: 100%;
+  box-sizing: border-box;
+  padding: var(--space-2) var(--space-3);
+  background: var(--color-bg);
+  color: var(--color-text-primary);
+  border: 1px solid var(--color-border-moderate);
+  border-radius: var(--radius-sm);
+  font-family: var(--font-family-mono);
+  font-size: var(--font-size-sm);
+}
+
+.import-modal__form textarea {
+  resize: vertical;
+  min-height: 180px;
+}
+
+.import-modal__detect {
+  display: flex;
+  align-items: center;
+  gap: var(--space-2);
+  padding: var(--space-2) var(--space-3);
+  border-radius: var(--radius-sm);
+  background: var(--color-severity-low-soft);
+  color: var(--color-severity-low-on);
+  font-size: var(--font-size-sm);
+}
+
+.import-modal__preview {
+  border: 1px solid var(--color-border-subtle);
+  border-radius: var(--radius-sm);
+  padding: var(--space-3);
+  background: var(--color-bg);
+  max-height: 200px;
+  overflow: auto;
+}
+
+.import-modal__preview-label {
+  font-size: 11px;
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  color: var(--color-text-tertiary);
+  margin-bottom: var(--space-2);
+}
+
+.import-modal__footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: var(--space-2);
+  padding: var(--space-3) var(--space-5);
+  border-top: 1px solid var(--color-border-subtle);
+  background: var(--color-bg-soft);
+}
diff --git a/plugins/ms-ai-architect/playground/vendor/playground-design-system/tokens.css b/plugins/ms-ai-architect/playground/vendor/playground-design-system/tokens.css
index 6712666..65ec45a 100644
--- a/plugins/ms-ai-architect/playground/vendor/playground-design-system/tokens.css
+++ b/plugins/ms-ai-architect/playground/vendor/playground-design-system/tokens.css
@@ -102,6 +102,9 @@
   --color-scope-security:  #A40E26;     /* llm-security — crimson */
   --color-scope-ultraplan: #4338CA;     /* ultraplan-local — indigo */
   --color-scope-config:    #3F5963;     /* config-audit — slate */
+  --color-scope-voyage:        #1B5FB8; /* voyage — aqua-blue */
+  --color-scope-voyage-soft:   #E5EFFA; /* voyage — light tint */
+  --color-scope-voyage-strong: #143E78; /* voyage — dark strong */
 
   /* ---------- Spacing -------------------------------------------------- */
   --space-1: 4px;
@@ -140,6 +143,14 @@
   --container-default: 1080px;
   --container-wide: 1280px;
   --sidebar-width: 280px;
+
+  /* ---------- Project-view (Tier 4 — v0.6.0) --------------------------- */
+  --project-view-nav-width: 280px;
+  --project-view-collapse-bp: 960px;        /* doc-only — referenced by media queries */
+  --artifact-list-item-pad-y: var(--space-2);
+  --artifact-list-item-pad-x: var(--space-3);
+  --artifact-marker-size: 14px;
+  --artifact-marker-border: 1.5px;
 }
 
 :root { color-scheme: light; }
diff --git a/plugins/ms-ai-architect/tests/run-e2e.sh b/plugins/ms-ai-architect/tests/run-e2e.sh
index f4913a8..b6806f5 100755
--- a/plugins/ms-ai-architect/tests/run-e2e.sh
+++ b/plugins/ms-ai-architect/tests/run-e2e.sh
@@ -76,6 +76,10 @@ fi
 if $RUN_PLAYGROUND; then
   bash "$SCRIPT_DIR/test-playground-v3.sh" || FAILURES=$((FAILURES + 1))
   bash "$SCRIPT_DIR/test-playground-parsers.sh" || FAILURES=$((FAILURES + 1))
+  bash "$SCRIPT_DIR/test-playground-migrations.sh" || FAILURES=$((FAILURES + 1))
+  bash "$SCRIPT_DIR/test-playground-fingerprints.sh" || FAILURES=$((FAILURES + 1))
+  bash "$SCRIPT_DIR/test-playground-projectview.sh" || FAILURES=$((FAILURES + 1))
+  bash "$SCRIPT_DIR/test-playground-actions.sh" || FAILURES=$((FAILURES + 1))
 fi
 
 if $RUN_KB_UPDATE; then
diff --git a/plugins/ms-ai-architect/tests/screenshot/run.mjs b/plugins/ms-ai-architect/tests/screenshot/run.mjs
index 946aa5f..16b7e3d 100644
--- a/plugins/ms-ai-architect/tests/screenshot/run.mjs
+++ b/plugins/ms-ai-architect/tests/screenshot/run.mjs
@@ -1,14 +1,12 @@
 #!/usr/bin/env node
-// Capture playground screenshots for v1.14.0 documentation.
+// Capture playground screenshots for v1.15.0 documentation.
 //
-// Opens the single-file playground HTML via file://, drives it through:
-//   - Initial onboarding (empty state)
-//   - "Last inn demo-data" → project surface with all 17 reports rehydrated
-//   - All 4 project screen-tabs (oversikt / rapporter / kontekst / eksport)
-//   - Each rapport-tab category (regulatory / security / economy / docs / tool)
-//   - Both themes (dark + light)
+// v1.15.0: v2 project-surface (renderProjectSurface med screen-tabs +
+// category-tabs) erstattet av renderProjectView (sidebar med 17 artifacts +
+// main-area med per-artifact view + import-modal). Skjermbilder oppdatert
+// til å fange v3-surfaces.
 //
-// Output: playground/screenshots/v1.14.0/<surface>-<theme>.png
+// Output: playground/screenshots/v1.15.0/<surface>-<theme>.png
 //
 // Usage:
 //   cd tests/screenshot
@@ -25,7 +23,7 @@ const __filename = fileURLToPath(import.meta.url);
 const __dirname = dirname(__filename);
 const PLUGIN_ROOT = resolve(__dirname, '..', '..');
 const HTML_PATH = join(PLUGIN_ROOT, 'playground', 'ms-ai-architect-playground.html');
-const OUT_DIR = join(PLUGIN_ROOT, 'playground', 'screenshots', 'v1.14.0');
+const OUT_DIR = join(PLUGIN_ROOT, 'playground', 'screenshots', 'v1.15.0');
 const HTML_URL = 'file://' + HTML_PATH;
 
 const VIEWPORT = { width: 1440, height: 900 };
@@ -49,7 +47,6 @@ async function clearState(page) {
   await page.evaluate(() => {
     try { localStorage.clear(); } catch (e) {}
     try {
-      // Best-effort: clear IndexedDB databases.
       const dbs = ['ms-ai-architect-state-v1', 'ms-ai-architect-playground'];
       dbs.forEach((n) => indexedDB.deleteDatabase(n));
     } catch (e) {}
@@ -61,9 +58,9 @@ async function loadDemo(page) {
     const action = document.querySelector('[data-action="load-demo"]');
     if (action) action.click();
   });
-  // Wait for project surface to render + rehydrate paste-imports.
   await page.waitForSelector('[data-surface="project"]:not([hidden])', { timeout: 5000 });
-  await page.waitForTimeout(800); // settle rehydrate microtasks
+  // Settle migrasjon (v2→v3 auto-parse) + render.
+  await page.waitForTimeout(1200);
 }
 
 async function clickAction(page, action) {
@@ -71,28 +68,46 @@ async function clickAction(page, action) {
     const el = document.querySelector('[data-action="' + a + '"]');
     if (el) el.click();
   }, action);
-  await page.waitForTimeout(300);
-}
-
-async function clickProjectTab(page, tabId) {
-  await page.evaluate((t) => {
-    const el = document.querySelector('[data-action="project-tab"][data-tab="' + t + '"]');
-    if (el) el.click();
-  }, tabId);
   await page.waitForTimeout(400);
 }
 
-async function clickProjectScreen(page, screenId) {
-  await page.evaluate((s) => {
-    const el = document.querySelector('[data-action="project-screen"][data-screen="' + s + '"]');
+async function selectArtifact(page, artifactId) {
+  await page.evaluate((id) => {
+    const el = document.querySelector('[data-action="project-select-artifact"][data-artifact-id="' + id + '"]');
     if (el) el.click();
-  }, screenId);
+  }, artifactId);
+  await page.waitForTimeout(500);
+}
+
+async function openImportModal(page, prefillCmd) {
+  await page.evaluate((cid) => {
+    // Foretrukket: artifact-reimport-knappen (har eksisterende markdown).
+    if (cid) {
+      const el = document.querySelector('[data-action="artifact-reimport"][data-command="' + cid + '"]');
+      if (el) { el.click(); return; }
+    }
+    // Fallback: generisk "Importer rapport"-knapp.
+    const open = document.querySelector('[data-action="import-open"]');
+    if (open) open.click();
+  }, prefillCmd);
+  await page.waitForSelector('[data-import-modal]', { timeout: 3000 });
   await page.waitForTimeout(400);
 }
 
-async function shoot(page, name) {
+async function setSearchQuery(page, query) {
+  await page.evaluate((q) => {
+    const input = document.querySelector('[data-project-search]');
+    if (!input) return;
+    input.value = q;
+    input.dispatchEvent(new Event('input', { bubbles: true }));
+  }, query);
+  await page.waitForTimeout(400);
+}
+
+async function shoot(page, name, opts) {
   const path = join(OUT_DIR, name + '.png');
-  await page.screenshot({ path, fullPage: FULL_PAGE });
+  const useFullPage = (opts && opts.fullPage != null) ? opts.fullPage : FULL_PAGE;
+  await page.screenshot({ path, fullPage: useFullPage });
   console.log('  → ' + name + '.png');
 }
 
@@ -106,52 +121,58 @@ async function captureAllSurfaces(page, theme) {
   await setTheme(page, theme);
   await shoot(page, '01-onboarding-empty-' + theme);
 
-  // 2. Load demo → project surface (rapporter screen, regulatory tab default)
+  // 2. Load demo → project-view overview (default — ingen artifact valgt)
   await loadDemo(page);
   await setTheme(page, theme);
-  await shoot(page, '02-project-rapporter-regulatory-' + theme);
+  await shoot(page, '02-project-overview-' + theme);
 
-  // 3. Project tab cycle (5 categories)
-  const TABS = [
-    { id: 'security',      label: 'security'      },
-    { id: 'economy',       label: 'economy'       },
-    { id: 'documentation', label: 'documentation' },
-    { id: 'tool',          label: 'tool'          }
+  // 3-7. 5 sample artifacts som dekker arketype-bredden
+  const SAMPLE_ARTIFACTS = [
+    { id: 'classify', label: 'classify' }, // AI Act-pyramide
+    { id: 'security', label: 'security' }, // 6×5 sikkerhets-matrise
+    { id: 'ros',      label: 'ros'      }, // ROS matrise + radar
+    { id: 'cost',     label: 'cost'     }, // P10/P50/P90 distribusjon
+    { id: 'summary',  label: 'summary'  }  // Beslutningsnotat
   ];
-  for (const tab of TABS) {
-    await clickProjectTab(page, tab.id);
-    await page.waitForTimeout(500);
-    await shoot(page, '03-project-rapporter-' + tab.label + '-' + theme);
+  for (let i = 0; i < SAMPLE_ARTIFACTS.length; i++) {
+    const a = SAMPLE_ARTIFACTS[i];
+    await selectArtifact(page, a.id);
+    const num = String(3 + i).padStart(2, '0');
+    await shoot(page, num + '-project-artifact-' + a.label + '-' + theme);
   }
 
-  // 4. Project screen-tabs (oversikt / kontekst / eksport)
-  await clickProjectScreen(page, 'oversikt');
-  await shoot(page, '04-project-oversikt-' + theme);
-  await clickProjectScreen(page, 'kontekst');
-  await shoot(page, '05-project-kontekst-' + theme);
-  await clickProjectScreen(page, 'eksport');
-  await shoot(page, '06-project-eksport-' + theme);
+  // 8. Import-modal åpen (med prefill fra eksisterende ros-artifact)
+  // Viewport-only (ikke fullPage) — modal er position:fixed; fullPage
+  // skroller forbi overlay-en og kaster bort kontekst.
+  await openImportModal(page, 'ros');
+  await page.evaluate(() => window.scrollTo(0, 0));
+  await page.waitForTimeout(200);
+  await shoot(page, '08-project-import-modal-' + theme, { fullPage: false });
+  await clickAction(page, 'import-close');
+  await page.waitForTimeout(300);
 
-  // Back to rapporter for nav screenshots
-  await clickProjectScreen(page, 'rapporter');
+  // 9. Sidebar-søk aktivt (filtrer på "ros")
+  await setSearchQuery(page, 'ros');
+  await shoot(page, '09-project-search-' + theme);
+  await setSearchQuery(page, ''); // reset
 
-  // 5. Home surface
+  // 10. Home surface
   await clickAction(page, 'goto-home');
   await page.waitForSelector('[data-surface="home"]:not([hidden])');
   await page.waitForTimeout(300);
-  await shoot(page, '07-home-' + theme);
+  await shoot(page, '10-home-' + theme);
 
-  // 6. Catalog surface
+  // 11. Catalog surface
   await clickAction(page, 'goto-catalog');
   await page.waitForSelector('[data-surface="catalog"]:not([hidden])');
   await page.waitForTimeout(300);
-  await shoot(page, '08-catalog-' + theme);
+  await shoot(page, '11-catalog-' + theme);
 
-  // 7. Onboarding (with prefilled state from demo)
+  // 12. Onboarding prefilled (post-demo med org-felter fylt)
   await clickAction(page, 'goto-onboarding');
   await page.waitForSelector('[data-surface="onboarding"]:not([hidden])');
   await page.waitForTimeout(300);
-  await shoot(page, '09-onboarding-prefilled-' + theme);
+  await shoot(page, '12-onboarding-prefilled-' + theme);
 }
 
 async function main() {
@@ -160,7 +181,7 @@ async function main() {
   const browser = await chromium.launch();
   const context = await browser.newContext({
     viewport: VIEWPORT,
-    deviceScaleFactor: 2 // crisper screenshots for retina
+    deviceScaleFactor: 2
   });
   const page = await context.newPage();
   page.on('console', (msg) => {
diff --git a/plugins/ms-ai-architect/tests/test-playground-actions.sh b/plugins/ms-ai-architect/tests/test-playground-actions.sh
new file mode 100755
index 0000000..4ddc829
--- /dev/null
+++ b/plugins/ms-ai-architect/tests/test-playground-actions.sh
@@ -0,0 +1,248 @@
+#!/bin/bash
+# test-playground-actions.sh — Playground v3 ACTIONS handler-state-effekter
+#
+# Verifiserer at de 6 pure-state-ACTIONS-handlerne (project-select-artifact,
+# project-show-overview, import-open, import-close, artifact-reimport,
+# artifact-delete) muterer state korrekt.
+#
+# Handlerne import-detect og import-save krever document/DOM og dekkes ikke
+# her — de testes implisitt via browser-walkthrough før release og via
+# manuell QA per playground/MANUAL-CHECKLIST.md.
+#
+# Bash 3.2-kompatibel. Bruker node til JS-eval. Ingen npm-deps.
+
+set -euo pipefail
+
+PLUGIN_ROOT="$(cd "$(dirname "$0")/.." && pwd)"
+HTML_FILE="$PLUGIN_ROOT/playground/ms-ai-architect-playground.html"
+
+# shellcheck disable=SC1091
+source "$PLUGIN_ROOT/tests/lib/e2e-helpers.sh"
+
+init_suite "Playground v3 — ACTIONS handler state-effekter"
+
+if [ ! -f "$HTML_FILE" ]; then
+  fail "HTML-fila finnes ikke: $HTML_FILE"
+  print_summary; exit 1
+fi
+pass "HTML-fil finnes: $(basename "$HTML_FILE")"
+
+NODE_OUT=$(node -e '
+const fs = require("fs");
+const htmlPath = process.argv[1];
+const htmlSrc = fs.readFileSync(htmlPath, "utf8");
+
+// Ekstraher ACTIONS-blokken fra "// PROJECT-VIEW V2 ACTIONS" (sesjon 3-kommentaren)
+// til starten av smart-detect-blokken. Tar med projectViewUiState + 6 handlere.
+const startMarker = "// PROJECT-VIEW V2 ACTIONS (Sesjon 3)";
+const endMarker = "// Smart-detect på textarea-input i import-modal.";
+const startIdx = htmlSrc.indexOf(startMarker);
+const endIdx = htmlSrc.indexOf(endMarker);
+if (startIdx < 0 || endIdx < 0) {
+  console.error("MARKERS_MISSING start=" + startIdx + " end=" + endIdx);
+  process.exit(2);
+}
+const block = htmlSrc.substring(startIdx, endIdx);
+
+// Stubs som gir handlerne et minimums-miljø uten document/window.
+const stubs = `
+  let __store_state = null;
+  const store = {
+    get state() { return __store_state; },
+    save: function () {}
+  };
+  function setStoreState(s) { __store_state = s; }
+  function findProject(id) {
+    const list = (store.state && store.state.projects) || [];
+    for (let i = 0; i < list.length; i++) if (list[i].id === id) return list[i];
+    return null;
+  }
+  let __renderCount = 0;
+  function scheduleRender() { __renderCount++; }
+  let __confirmAnswer = true;
+  function confirm() { return __confirmAnswer; }
+  function setConfirmAnswer(b) { __confirmAnswer = b; }
+  function renderCount() { return __renderCount; }
+  function resetRenderCount() { __renderCount = 0; }
+  const ACTIONS = {};
+`;
+const wrapped = stubs + block + "\nreturn { ACTIONS, setStoreState, setConfirmAnswer, renderCount, resetRenderCount, projectViewUiState };";
+let api;
+try {
+  api = (new Function(wrapped))();
+} catch (e) {
+  console.error("EVAL_FAILED: " + e.message);
+  process.exit(3);
+}
+
+function emit(ok, desc) { console.log((ok ? "PASS" : "FAIL") + "\t" + desc); }
+
+function freshState(opts) {
+  const o = opts || {};
+  return {
+    schemaVersion: 1,
+    dataVersion: 3,
+    activeProjectId: "p1",
+    projects: [{
+      id: "p1",
+      name: "Demo",
+      artifacts: {
+        classify: { commandId: "classify", raw_markdown: "RAW_CLASSIFY", parsed: { risk_level: "minimal" }, verdict: "go", keyStats: [], importedAt: "x", updatedAt: "x" },
+        ros: { commandId: "ros", raw_markdown: "RAW_ROS", parsed: { threats: [] }, verdict: "approved", keyStats: [], importedAt: "x", updatedAt: "x" }
+      },
+      reports: {
+        classify: { raw_markdown: "RAW_CLASSIFY", parsed: { risk_level: "minimal" } },
+        ros: { raw_markdown: "RAW_ROS", parsed: { threats: [] } }
+      }
+    }],
+    ui: o.ui || {}
+  };
+}
+
+// ---- API ----
+emit(typeof api.ACTIONS === "object" && api.ACTIONS !== null, "ACTIONS-objekt eksponert");
+emit(typeof api.ACTIONS["project-select-artifact"] === "function", "project-select-artifact handler finnes");
+emit(typeof api.ACTIONS["project-show-overview"] === "function",   "project-show-overview handler finnes");
+emit(typeof api.ACTIONS["import-open"] === "function",             "import-open handler finnes");
+emit(typeof api.ACTIONS["import-close"] === "function",            "import-close handler finnes");
+emit(typeof api.ACTIONS["artifact-reimport"] === "function",       "artifact-reimport handler finnes");
+emit(typeof api.ACTIONS["artifact-delete"] === "function",         "artifact-delete handler finnes");
+
+// ---- project-select-artifact ----
+(function () {
+  const state = freshState();
+  api.setStoreState(state);
+  api.resetRenderCount();
+  api.ACTIONS["project-select-artifact"]({}, { dataset: { artifactId: "classify" } });
+  const ok = state.ui.projectView && state.ui.projectView.selectedArtifactId === "classify"
+    && api.renderCount() === 1;
+  emit(ok, "project-select-artifact setter selectedArtifactId og trigger scheduleRender (got=" + (state.ui.projectView && state.ui.projectView.selectedArtifactId) + ")");
+})();
+
+// ---- project-select-artifact uten artifactId — no-op ----
+(function () {
+  const state = freshState({ ui: { projectView: { selectedArtifactId: "ros", searchQuery: "" }, importModal: { open: false, prefillCommandId: "", prefillMarkdown: "" } } });
+  api.setStoreState(state);
+  api.resetRenderCount();
+  api.ACTIONS["project-select-artifact"]({}, { dataset: {} });
+  const ok = state.ui.projectView.selectedArtifactId === "ros" && api.renderCount() === 0;
+  emit(ok, "project-select-artifact uten dataset.artifactId → no-op (selectedArtifactId beholdt, ingen render)");
+})();
+
+// ---- project-show-overview ----
+(function () {
+  const state = freshState({ ui: { projectView: { selectedArtifactId: "classify", searchQuery: "" }, importModal: { open: false, prefillCommandId: "", prefillMarkdown: "" } } });
+  api.setStoreState(state);
+  api.resetRenderCount();
+  api.ACTIONS["project-show-overview"]({}, {});
+  const ok = state.ui.projectView.selectedArtifactId === null && api.renderCount() === 1;
+  emit(ok, "project-show-overview tømmer selectedArtifactId");
+})();
+
+// ---- import-open med prefill-command (eksisterende artifact gir prefillMarkdown) ----
+(function () {
+  const state = freshState();
+  api.setStoreState(state);
+  api.resetRenderCount();
+  api.ACTIONS["import-open"]({}, { dataset: { prefillCommand: "ros" } });
+  const m = state.ui.importModal;
+  const ok = m && m.open === true && m.prefillCommandId === "ros"
+    && m.prefillMarkdown === "RAW_ROS" && api.renderCount() === 1;
+  emit(ok, "import-open med prefillCommand=\"ros\" åpner modal + prefyller raw_markdown");
+})();
+
+// ---- import-open uten prefill-command ----
+(function () {
+  const state = freshState();
+  api.setStoreState(state);
+  api.resetRenderCount();
+  api.ACTIONS["import-open"]({}, { dataset: {} });
+  const m = state.ui.importModal;
+  const ok = m && m.open === true && m.prefillCommandId === "" && m.prefillMarkdown === "";
+  emit(ok, "import-open uten prefill → modal åpnet, ingen prefyll");
+})();
+
+// ---- import-close ----
+(function () {
+  const state = freshState({ ui: { projectView: { selectedArtifactId: null, searchQuery: "" }, importModal: { open: true, prefillCommandId: "ros", prefillMarkdown: "RAW_ROS" } } });
+  api.setStoreState(state);
+  api.resetRenderCount();
+  api.ACTIONS["import-close"]({}, {});
+  const m = state.ui.importModal;
+  const ok = m.open === false && m.prefillCommandId === "" && m.prefillMarkdown === "" && api.renderCount() === 1;
+  emit(ok, "import-close tilbakestiller modal-state");
+})();
+
+// ---- artifact-reimport prefyller modal med eksisterende markdown ----
+(function () {
+  const state = freshState();
+  api.setStoreState(state);
+  api.resetRenderCount();
+  api.ACTIONS["artifact-reimport"]({}, { dataset: { command: "classify" } });
+  const m = state.ui.importModal;
+  const ok = m.open === true && m.prefillCommandId === "classify" && m.prefillMarkdown === "RAW_CLASSIFY";
+  emit(ok, "artifact-reimport åpner modal med prefill fra eksisterende artifact");
+})();
+
+// ---- artifact-delete med confirm=false → no-op ----
+(function () {
+  const state = freshState();
+  api.setStoreState(state);
+  api.setConfirmAnswer(false);
+  api.resetRenderCount();
+  api.ACTIONS["artifact-delete"]({}, { dataset: { command: "classify" } });
+  const ok = state.projects[0].artifacts.classify !== undefined && api.renderCount() === 0;
+  emit(ok, "artifact-delete med confirm=false → artifact bevart, ingen render");
+})();
+
+// ---- artifact-delete med confirm=true → sletter + clearer selectedArtifactId ----
+(function () {
+  const state = freshState({ ui: { projectView: { selectedArtifactId: "classify", searchQuery: "" }, importModal: { open: false, prefillCommandId: "", prefillMarkdown: "" } } });
+  api.setStoreState(state);
+  api.setConfirmAnswer(true);
+  api.resetRenderCount();
+  api.ACTIONS["artifact-delete"]({}, { dataset: { command: "classify" } });
+  const p = state.projects[0];
+  const ok = p.artifacts.classify === undefined && p.reports.classify === undefined
+    && state.ui.projectView.selectedArtifactId === null && api.renderCount() === 1;
+  emit(ok, "artifact-delete med confirm=true sletter artifact + reports + clearer selectedArtifactId");
+})();
+
+// ---- artifact-delete bevarer andre artifacts ----
+(function () {
+  const state = freshState();
+  api.setStoreState(state);
+  api.setConfirmAnswer(true);
+  api.ACTIONS["artifact-delete"]({}, { dataset: { command: "ros" } });
+  const p = state.projects[0];
+  const ok = p.artifacts.classify !== undefined && p.artifacts.ros === undefined;
+  emit(ok, "artifact-delete sletter bare den ene — andre artifacts bevart");
+})();
+
+// ---- projectViewUiState initialiserer state-grener idempotent ----
+(function () {
+  const state = { projects: [], ui: {} };
+  api.setStoreState(state);
+  const ui1 = api.projectViewUiState();
+  const ui2 = api.projectViewUiState();
+  const ok = ui1 === ui2
+    && ui1.projectView && ui1.projectView.selectedArtifactId === null && ui1.projectView.searchQuery === ""
+    && ui1.importModal && ui1.importModal.open === false;
+  emit(ok, "projectViewUiState initialiserer projectView + importModal idempotent");
+})();
+' "$HTML_FILE" 2>&1) || NODE_RC=$?
+
+if [ "${NODE_RC:-0}" -ne 0 ]; then
+  fail "node-eval feilet (rc=${NODE_RC:-0}): $NODE_OUT"
+  print_summary; exit 1
+fi
+
+while IFS=$'\t' read -r status desc; do
+  case "$status" in
+    PASS) pass "$desc" ;;
+    FAIL) fail "$desc" ;;
+    WARN) warn "$desc" ;;
+  esac
+done <<< "$NODE_OUT"
+
+print_summary
diff --git a/plugins/ms-ai-architect/tests/test-playground-fingerprints.sh b/plugins/ms-ai-architect/tests/test-playground-fingerprints.sh
new file mode 100755
index 0000000..6c1f284
--- /dev/null
+++ b/plugins/ms-ai-architect/tests/test-playground-fingerprints.sh
@@ -0,0 +1,218 @@
+#!/bin/bash
+# test-playground-fingerprints.sh — Playground v3 inferCommandIdFromMarkdown
+#
+# Verifiserer:
+#   1. PROJECT_VIEW_V2_BEGIN/END-markørene finnes
+#   2. inferCommandIdFromMarkdown matcher hver av 17 test-fixtures mot
+#      egen commandId med confidence >= 0.6 (true-positive matrise)
+#   3. False-positive immunity:
+#        - tom streng → null
+#        - 100 tegn lorem ipsum → null
+#        - kun "# Hello"-header → null
+#        - mixed content med kun classify-header → matcher classify
+#   4. Sanity-asserts på COMMAND_FINGERPRINTS-shape og fingerprintScore-API
+#
+# Bash 3.2-kompatibel. Bruker node til JS-eval; ingen npm-deps.
+
+set -euo pipefail
+
+PLUGIN_ROOT="$(cd "$(dirname "$0")/.." && pwd)"
+HTML_FILE="$PLUGIN_ROOT/playground/ms-ai-architect-playground.html"
+FIXTURE_DIR="$PLUGIN_ROOT/playground/test-fixtures"
+
+# shellcheck disable=SC1091
+source "$PLUGIN_ROOT/tests/lib/e2e-helpers.sh"
+
+init_suite "Playground v3 — inferCommandIdFromMarkdown fingerprints"
+
+# ---- 1. Filer eksisterer ----
+if [ ! -f "$HTML_FILE" ]; then
+  fail "HTML-fila finnes ikke: $HTML_FILE"
+  print_summary; exit 1
+fi
+pass "HTML-fil finnes: $(basename "$HTML_FILE")"
+
+if [ ! -d "$FIXTURE_DIR" ]; then
+  fail "Fixture-mappe mangler: $FIXTURE_DIR"
+  print_summary; exit 1
+fi
+pass "Fixture-mappe finnes"
+
+# ---- 2. PROJECT_VIEW_V2-markører eksisterer ----
+if grep -q "PROJECT_VIEW_V2_BEGIN" "$HTML_FILE" && grep -q "PROJECT_VIEW_V2_END" "$HTML_FILE"; then
+  pass "PROJECT_VIEW_V2_BEGIN/END markører finnes"
+else
+  fail "Mangler PROJECT_VIEW_V2-markører i HTML"
+  print_summary; exit 1
+fi
+
+# ---- 3. Kjør hele test-matrisen i én node-prosess (effektivt) ----
+# Node-skriptet:
+#   - ekstraherer PROJECT_VIEW_V2-blokken
+#   - stubber dependencies
+#   - leser alle 17 fixture-filer
+#   - kjører true-positive + anti-match + sanity-tester
+#   - skriver én linje per assert: "PASS|FAIL <description>"
+
+NODE_OUT=$(node -e '
+const fs = require("fs");
+const path = require("path");
+const htmlPath = process.argv[1];
+const fixtureDir = process.argv[2];
+
+const html = fs.readFileSync(htmlPath, "utf8");
+const beginMarker = "// === PROJECT_VIEW_V2_BEGIN ===";
+const endMarker = "// === PROJECT_VIEW_V2_END ===";
+const beginIdx = html.indexOf(beginMarker);
+const endIdx = html.indexOf(endMarker);
+if (beginIdx < 0 || endIdx < 0) {
+  console.error("MARKER_MISSING");
+  process.exit(2);
+}
+const block = html.substring(beginIdx, endIdx + endMarker.length);
+
+// 17 produces_report-renderers per PROJECT_VIEW_CONFIG.renderers.
+const RENDERER_IDS = ["renderAiActPyramid","renderRequirements","renderTransparency","renderFria","renderConformity","renderDpia","renderSecurity","renderRos","renderReview","renderCost","renderLicense","renderMigrate","renderAdr","renderSummary","renderPoc","renderUtredning","renderCompare"];
+const rendererStubs = RENDERER_IDS.map(function (n) { return n + ": function () {}"; }).join(", ");
+
+// CATALOG.commands: 17 produces_report=true entries med id, label, category, renderer.
+const COMMANDS = [
+  { id: "classify",     category: "regulatory",    label: "EU AI Act — Klassifisering",      renderer: "renderAiActPyramid", produces_report: true, report_archetype: "aiact" },
+  { id: "requirements", category: "regulatory",    label: "EU AI Act — Krav per risiko",     renderer: "renderRequirements", produces_report: true, report_archetype: "requirements-list" },
+  { id: "transparency", category: "regulatory",    label: "Transparensnotis (Art. 13/50)",   renderer: "renderTransparency", produces_report: true, report_archetype: "text-document" },
+  { id: "frimpact",     category: "regulatory",    label: "FRIA (Art. 27)",                   renderer: "renderFria",         produces_report: true, report_archetype: "fria" },
+  { id: "conformity",   category: "regulatory",    label: "Samsvarsvurdering (Art. 43)",      renderer: "renderConformity",   produces_report: true, report_archetype: "conformity-checklist" },
+  { id: "dpia",         category: "regulatory",    label: "DPIA / PVK",                       renderer: "renderDpia",         produces_report: true, report_archetype: "matrix-risk" },
+  { id: "security",     category: "security",      label: "Sikkerhetsvurdering (6×5)",        renderer: "renderSecurity",     produces_report: true, report_archetype: "matrix-risk-6x5" },
+  { id: "ros",          category: "security",      label: "ROS-analyse",                      renderer: "renderRos",          produces_report: true, report_archetype: "matrix-risk" },
+  { id: "review",       category: "security",      label: "Arkitekturgjennomgang",            renderer: "renderReview",       produces_report: true, report_archetype: "findings" },
+  { id: "cost",         category: "economy",       label: "Kostnadsestimat",                  renderer: "renderCost",         produces_report: true, report_archetype: "cost-distribution" },
+  { id: "license",      category: "economy",       label: "Lisenskartlegging",                renderer: "renderLicense",      produces_report: true, report_archetype: "scenario-comparison" },
+  { id: "migrate",      category: "economy",       label: "Migrasjonsplan",                   renderer: "renderMigrate",      produces_report: true, report_archetype: "phase-plan" },
+  { id: "adr",          category: "documentation", label: "ADR",                              renderer: "renderAdr",          produces_report: true, report_archetype: "adr" },
+  { id: "summary",      category: "documentation", label: "Beslutningsnotat",                 renderer: "renderSummary",      produces_report: true, report_archetype: "verdict" },
+  { id: "poc",          category: "documentation", label: "POC-plan",                         renderer: "renderPoc",          produces_report: true, report_archetype: "phase-plan" },
+  { id: "utredning",    category: "documentation", label: "Utredning",                        renderer: "renderUtredning",    produces_report: true, report_archetype: "utredning" },
+  { id: "compare",      category: "documentation", label: "Plattformsammenligning",           renderer: "renderCompare",      produces_report: true, report_archetype: "scenario-comparison" }
+];
+
+const stubs = `
+  const window = {};
+  function escapeHtml(s) { return String(s == null ? "" : s); }
+  function escapeAttr(s) { return escapeHtml(s); }
+  function renderPageShell(opts, body) { return "<header>" + (opts && opts.title || "") + "</header>" + (body || ""); }
+  function renderVerdictPill(v) { return "<span class=\\"verdict-pill\\" data-verdict=\\"" + v + "\\">" + v + "</span>"; }
+  function renderKeyStatsGrid(s) { return "<div class=\\"key-stats\\">" + (s && s.length || 0) + "</div>"; }
+  function inferVerdict() { return "n-a"; }
+  function inferKeyStats() { return []; }
+  const PARSERS = {};
+  const RENDERERS = { ` + rendererStubs + ` };
+  const CATALOG = { commands: ` + JSON.stringify(COMMANDS) + ` };
+  const ACTIONS = {};
+  const store = { state: { ui: {}, projects: [], activeProjectId: null }, save: function () {} };
+  function findProject() { return null; }
+  function scheduleRender() {}
+`;
+
+const wrapped = stubs + block + "\nreturn { inferCommandIdFromMarkdown, fingerprintScore, COMMAND_FINGERPRINTS };";
+let api;
+try {
+  api = (new Function(wrapped))();
+} catch (e) {
+  console.error("EVAL_FAILED: " + e.message);
+  process.exit(3);
+}
+
+function emit(ok, desc) {
+  console.log((ok ? "PASS" : "FAIL") + "\t" + desc);
+}
+
+// ---- Sanity-asserts (5) ----
+emit(typeof api.inferCommandIdFromMarkdown === "function", "inferCommandIdFromMarkdown er funksjon");
+emit(typeof api.fingerprintScore === "function", "fingerprintScore er funksjon");
+emit(typeof api.COMMAND_FINGERPRINTS === "object" && api.COMMAND_FINGERPRINTS !== null, "COMMAND_FINGERPRINTS er objekt");
+const cfKeys = Object.keys(api.COMMAND_FINGERPRINTS);
+emit(cfKeys.length === 17, "COMMAND_FINGERPRINTS har 17 entries (got " + cfKeys.length + ")");
+let allShapeOk = true;
+for (const k of cfKeys) {
+  const v = api.COMMAND_FINGERPRINTS[k];
+  if (!v || !Array.isArray(v.headers) || !Array.isArray(v.keywords)) {
+    allShapeOk = false; break;
+  }
+}
+emit(allShapeOk, "Hver fingerprint har headers[] og keywords[]");
+
+// ---- True-positive matrise (17 fixtures) ----
+//
+// Kjente fingerprint/fixture-gap (oppdaget av denne testen, fix i sesjon 5):
+//   - requirements.md har header "# EU AI Act — Krav for høyrisiko" som ikke
+//     matcher /^\s*#\s*(AI\s*Act-?krav|Krav per|Requirements)/i. Annex IV-
+//     omtale i tabellen gjør at conformity vinner med 0.76.
+//   - license.md har header "# Lisens-kapabilitetsmatrise" som ikke matcher
+//     /^\s*#\s*(Lisens(kart)?legging|License\s*Mapping)/i.
+// v1.15.0 (sesjon 5): begge gap-er lukket — requirements.headers og
+// license.headers utvidet i COMMAND_FINGERPRINTS. KNOWN_GAP_FIXTURES tømt.
+const KNOWN_GAP_FIXTURES = {};
+
+const expectedIds = ["classify","requirements","transparency","frimpact","conformity","dpia","security","ros","review","cost","license","migrate","adr","summary","poc","utredning","compare"];
+for (const cid of expectedIds) {
+  const fxPath = path.join(fixtureDir, cid + ".md");
+  let text = "";
+  try { text = fs.readFileSync(fxPath, "utf8"); } catch (e) {
+    emit(false, "fixture " + cid + ".md kunne ikke leses: " + e.message);
+    continue;
+  }
+  const r = api.inferCommandIdFromMarkdown(text, {});
+  const matchedCid = r && r.commandId;
+  const conf = r && r.confidence;
+  const ok = r && r.commandId === cid && r.confidence >= 0.6;
+  if (ok) {
+    emit(true, "fixture " + cid + ".md → " + matchedCid + " conf=" + conf.toFixed(2));
+  } else if (KNOWN_GAP_FIXTURES[cid]) {
+    console.log("WARN\tfixture " + cid + ".md → " + (matchedCid || "null") +
+                " (KNOWN_GAP — fingerprint dekker ikke fixture-header; fix i sesjon 5)");
+  } else {
+    emit(false, "fixture " + cid + ".md → " + (matchedCid || "null") +
+                (conf != null ? " conf=" + conf.toFixed(2) : ""));
+  }
+}
+
+// ---- Anti-match (4) ----
+emit(api.inferCommandIdFromMarkdown("", {}) === null,
+     "tom streng → null");
+emit(api.inferCommandIdFromMarkdown(null, {}) === null,
+     "null input → null");
+const lorem = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim";
+emit(api.inferCommandIdFromMarkdown(lorem, {}) === null,
+     "100 tegn lorem ipsum → null (got " + JSON.stringify(api.inferCommandIdFromMarkdown(lorem, {})) + ")");
+emit(api.inferCommandIdFromMarkdown("# Hello\n\nIngen relevant tekst.", {}) === null,
+     "kun \"# Hello\"-header → null");
+
+// ---- Mixed content: dominant header vinner ----
+const mixed = "# EU AI Act — Klassifisering\n\nDette inneholder også owasp og prompt injection-referanser men headeren er klassifisering.";
+const mixedR = api.inferCommandIdFromMarkdown(mixed, {});
+emit(mixedR !== null && mixedR.commandId === "classify",
+     "mixed content med classify-header → " + (mixedR && mixedR.commandId));
+
+// ---- fingerprintScore-API direkte ----
+emit(api.fingerprintScore("any text", null) === 0,
+     "fingerprintScore(null spec) === 0");
+emit(api.fingerprintScore("", api.COMMAND_FINGERPRINTS.classify) === 0,
+     "fingerprintScore(tom tekst) === 0");
+' "$HTML_FILE" "$FIXTURE_DIR" 2>&1) || NODE_RC=$?
+
+if [ "${NODE_RC:-0}" -ne 0 ]; then
+  fail "node-eval feilet (rc=${NODE_RC:-0}): $NODE_OUT"
+  print_summary; exit 1
+fi
+
+# Parse PASS/FAIL/WARN-linjer fra node-output
+while IFS=$'\t' read -r status desc; do
+  case "$status" in
+    PASS) pass "$desc" ;;
+    FAIL) fail "$desc" ;;
+    WARN) warn "$desc" ;;
+  esac
+done <<< "$NODE_OUT"
+
+print_summary
diff --git a/plugins/ms-ai-architect/tests/test-playground-migrations.sh b/plugins/ms-ai-architect/tests/test-playground-migrations.sh
index 2493a22..a9642ed 100755
--- a/plugins/ms-ai-architect/tests/test-playground-migrations.sh
+++ b/plugins/ms-ai-architect/tests/test-playground-migrations.sh
@@ -122,8 +122,8 @@ api.migrateDataVersion(stateB, api.defaultArchetypeFor);
 const a = JSON.stringify(stateA);
 const b = JSON.stringify(stateB);
 
-if (stateA.dataVersion !== 2) {
-  console.error("DATA_VERSION_NOT_BUMPED");
+if (stateA.dataVersion !== 3) {
+  console.error("DATA_VERSION_NOT_BUMPED got=" + stateA.dataVersion);
   process.exit(4);
 }
 
@@ -141,8 +141,22 @@ for (const p of (stateA.projects || [])) {
 if (verdictsAdded === 0) { console.error("NO_VERDICTS_ADDED"); process.exit(5); }
 if (statsAdded === 0)    { console.error("NO_KEYSTATS_ADDED"); process.exit(6); }
 
+// Sesjon 3: v2→v3-migrasjon må produsere project.artifacts med v3-shape.
+let artifactsBuilt = 0;
+for (const p of (stateA.projects || [])) {
+  if (!p.artifacts) continue;
+  for (const id of Object.keys(p.artifacts)) {
+    const a = p.artifacts[id];
+    if (a && a.commandId === id && typeof a.raw_markdown === "string"
+        && a.importedAt && a.updatedAt) {
+      artifactsBuilt++;
+    }
+  }
+}
+if (artifactsBuilt === 0) { console.error("NO_ARTIFACTS_BUILT"); process.exit(8); }
+
 if (a === b) {
-  console.log("IDEMPOTENT verdicts=" + verdictsAdded + " stats=" + statsAdded);
+  console.log("IDEMPOTENT verdicts=" + verdictsAdded + " stats=" + statsAdded + " artifacts=" + artifactsBuilt);
 } else {
   console.error("NOT_IDEMPOTENT");
   process.exit(7);
@@ -155,7 +169,7 @@ else
   fail "Idempotency-test feilet: $IDEMPOTENCY_RESULT"
 fi
 
-# ---- 6. dataVersion bumpes til 2 ved første kjøring ----
+# ---- 6. dataVersion bumpes til 3 ved første kjøring (v?→v3 kjede) ----
 DV_RESULT=$(node -e '
 const fs = require("fs");
 const html = fs.readFileSync(process.argv[1], "utf8");
@@ -176,10 +190,256 @@ api.migrateDataVersion(state, api.defaultArchetypeFor);
 console.log(state.dataVersion);
 ' "$HTML_FILE" 2>&1) || true
 
-if [ "$DV_RESULT" = "2" ]; then
-  pass "dataVersion bumpes til 2"
+if [ "$DV_RESULT" = "3" ]; then
+  pass "dataVersion bumpes til 3 (kjede v?→v3)"
 else
-  fail "dataVersion ble ikke bumpet til 2 (got '$DV_RESULT')"
+  fail "dataVersion ble ikke bumpet til 3 (got '$DV_RESULT')"
 fi
 
+# ---- 7. v2→v3 produserer artifacts uten å miste reports ----
+V3_SHAPE=$(node -e '
+const fs = require("fs");
+const html = fs.readFileSync(process.argv[1], "utf8");
+const begin = html.indexOf("// === V2_FOUNDATION_BEGIN ===");
+const end   = html.indexOf("// === V2_FOUNDATION_END ===");
+const block = html.substring(begin, end + 32);
+const stubs = `
+  const window = {};
+  function escapeHtml(s) { return String(s == null ? "" : s); }
+  function escapeAttr(s) { return escapeHtml(s); }
+  const CATALOG = { commands: [
+    { id: "classify", report_archetype: "aiact" }
+  ]};
+`;
+const api = (new Function(stubs + block + "\nreturn { migrateDataVersion, defaultArchetypeFor };"))();
+// Bygg en v2-state med ett prosjekt og én report som har parsed-data
+const state = {
+  schemaVersion: 1,
+  dataVersion: 2,
+  projects: [{
+    id: "p1",
+    name: "Test",
+    createdAt: "2026-05-15T00:00:00.000Z",
+    reports: {
+      classify: { raw_markdown: "# klassifisering", parsed: { risk_level: "minimal", verdict: "go", keyStats: [] } }
+    }
+  }]
+};
+api.migrateDataVersion(state, api.defaultArchetypeFor);
+const p = state.projects[0];
+const hasReports = !!(p.reports && p.reports.classify);
+const hasArtifacts = !!(p.artifacts && p.artifacts.classify);
+const a = p.artifacts && p.artifacts.classify;
+const shapeOk = a && a.commandId === "classify" && a.raw_markdown === "# klassifisering"
+  && a.parsed && a.parsed.risk_level === "minimal" && a.verdict === "go"
+  && Array.isArray(a.keyStats) && typeof a.importedAt === "string"
+  && typeof a.updatedAt === "string";
+console.log(JSON.stringify({ dataVersion: state.dataVersion, hasReports, hasArtifacts, shapeOk }));
+' "$HTML_FILE" 2>&1) || true
+
+if echo "$V3_SHAPE" | grep -q '"dataVersion":3'; then
+  pass "v2→v3 setter dataVersion=3"
+else
+  fail "v2→v3 setter ikke dataVersion=3 ($V3_SHAPE)"
+fi
+if echo "$V3_SHAPE" | grep -q '"hasReports":true'; then
+  pass "v2→v3 bevarer project.reports (bakover-kompat v1.15.0)"
+else
+  fail "v2→v3 mistet project.reports ($V3_SHAPE)"
+fi
+if echo "$V3_SHAPE" | grep -q '"hasArtifacts":true'; then
+  pass "v2→v3 bygger project.artifacts"
+else
+  fail "v2→v3 bygde ikke project.artifacts ($V3_SHAPE)"
+fi
+if echo "$V3_SHAPE" | grep -q '"shapeOk":true'; then
+  pass "v2→v3 artifact-shape ({commandId, raw_markdown, parsed, verdict, keyStats, importedAt, updatedAt})"
+else
+  fail "v2→v3 artifact-shape mismatch ($V3_SHAPE)"
+fi
+
+# ---- 8. v2→v3 kant-case-tester (sesjon 4) ----
+# Tomt prosjekt, manglende reports, blandet state, idempotens-mutasjon.
+EDGE_RESULT=$(node -e '
+const fs = require("fs");
+const html = fs.readFileSync(process.argv[1], "utf8");
+const begin = html.indexOf("// === V2_FOUNDATION_BEGIN ===");
+const end   = html.indexOf("// === V2_FOUNDATION_END ===");
+const block = html.substring(begin, end + 32);
+const stubs = `
+  const window = {};
+  function escapeHtml(s) { return String(s == null ? "" : s); }
+  function escapeAttr(s) { return escapeHtml(s); }
+  const CATALOG = { commands: [
+    { id: "classify", report_archetype: "aiact" },
+    { id: "ros",      report_archetype: "matrix-risk" },
+    { id: "cost",     report_archetype: "cost-distribution" },
+    { id: "summary",  report_archetype: "verdict" }
+  ]};
+`;
+const api = (new Function(stubs + block + "\nreturn { migrateDataVersion, defaultArchetypeFor };"))();
+
+function emit(key, ok, info) {
+  console.log("EDGE\t" + key + "\t" + (ok ? "PASS" : "FAIL") + "\t" + (info || ""));
+}
+
+// Case A: tomt prosjekt (reports={}).
+(function () {
+  const state = {
+    schemaVersion: 1,
+    dataVersion: 2,
+    projects: [{ id: "pA", name: "Empty", createdAt: "2026-05-15T00:00:00.000Z", reports: {} }]
+  };
+  api.migrateDataVersion(state, api.defaultArchetypeFor);
+  const p = state.projects[0];
+  const ok = p.artifacts !== undefined && typeof p.artifacts === "object"
+    && Object.keys(p.artifacts).length === 0
+    && state.dataVersion === 3;
+  emit("empty-project", ok, "artifacts=" + JSON.stringify(p.artifacts) + " dv=" + state.dataVersion);
+})();
+
+// Case B: prosjekt uten reports-felt i det hele tatt.
+(function () {
+  const state = {
+    schemaVersion: 1,
+    dataVersion: 2,
+    projects: [{ id: "pB", name: "NoReports", createdAt: "2026-05-15T00:00:00.000Z" }]
+  };
+  let threw = false;
+  try {
+    api.migrateDataVersion(state, api.defaultArchetypeFor);
+  } catch (e) { threw = true; }
+  const p = state.projects[0];
+  const ok = !threw && p.artifacts !== undefined && typeof p.artifacts === "object"
+    && Object.keys(p.artifacts).length === 0;
+  emit("no-reports-field", ok, "threw=" + threw + " artifacts=" + JSON.stringify(p.artifacts));
+})();
+
+// Case C: blandet state — artifacts har 2 entries fra før, reports har 5.
+// Migrering skal legge til de 3 manglende uten å overskrive eksisterende.
+(function () {
+  const preNow = "2026-04-01T00:00:00.000Z";
+  const state = {
+    schemaVersion: 1,
+    dataVersion: 2,
+    projects: [{
+      id: "pC",
+      name: "Mixed",
+      createdAt: preNow,
+      artifacts: {
+        classify: {
+          commandId: "classify",
+          raw_markdown: "EXISTING_CLASSIFY",
+          parsed: { risk_level: "minimal" },
+          verdict: "go",
+          keyStats: [],
+          importedAt: preNow,
+          updatedAt: preNow,
+          _preExisting: true
+        },
+        ros: {
+          commandId: "ros",
+          raw_markdown: "EXISTING_ROS",
+          parsed: { threats: [] },
+          verdict: "approved",
+          keyStats: [],
+          importedAt: preNow,
+          updatedAt: preNow,
+          _preExisting: true
+        }
+      },
+      reports: {
+        classify: { raw_markdown: "NEW_CLASSIFY", parsed: { risk_level: "high" } },
+        ros:      { raw_markdown: "NEW_ROS",      parsed: { threats: [{ id: "T1" }] } },
+        cost:     { raw_markdown: "NEW_COST",     parsed: { p50: 1000 } },
+        summary:  { raw_markdown: "NEW_SUMMARY",  parsed: { verdict: "go" } }
+      }
+    }]
+  };
+  api.migrateDataVersion(state, api.defaultArchetypeFor);
+  const p = state.projects[0];
+  const cls = p.artifacts.classify;
+  const ros = p.artifacts.ros;
+  const cost = p.artifacts.cost;
+  const summary = p.artifacts.summary;
+  // Eksisterende artifacts bevart med _preExisting-flag og opprinnelig raw_markdown.
+  const classifyPreserved = cls && cls._preExisting === true && cls.raw_markdown === "EXISTING_CLASSIFY";
+  const rosPreserved = ros && ros._preExisting === true && ros.raw_markdown === "EXISTING_ROS";
+  // Nye artifacts bygget fra reports.
+  const costAdded = cost && cost.commandId === "cost" && cost.raw_markdown === "NEW_COST";
+  const summaryAdded = summary && summary.commandId === "summary" && summary.raw_markdown === "NEW_SUMMARY";
+  const ok = classifyPreserved && rosPreserved && costAdded && summaryAdded;
+  emit("mixed-state-merge", ok,
+       "cls_preserved=" + !!classifyPreserved + " ros_preserved=" + !!rosPreserved +
+       " cost_added=" + !!costAdded + " summary_added=" + !!summaryAdded);
+})();
+
+// Case D: idempotens etter mutasjon — sett _touched=true på en artifact, kjør
+// migrasjon på nytt, sjekk at flagget er bevart (ikke overskrevet).
+(function () {
+  const state = {
+    schemaVersion: 1,
+    dataVersion: 2,
+    projects: [{
+      id: "pD",
+      name: "Idempotent",
+      createdAt: "2026-04-01T00:00:00.000Z",
+      reports: {
+        classify: { raw_markdown: "# klassifisering", parsed: { risk_level: "minimal" } }
+      }
+    }]
+  };
+  // Første migrasjon bygger artifact.
+  api.migrateDataVersion(state, api.defaultArchetypeFor);
+  const p = state.projects[0];
+  p.artifacts.classify._touched = true;
+  p.artifacts.classify.raw_markdown = "MUTATED_AFTER_MIGRATION";
+  // Re-migrer — idempotent skal ikke overskrive.
+  api.migrateDataVersion(state, api.defaultArchetypeFor);
+  const a = state.projects[0].artifacts.classify;
+  const ok = a._touched === true && a.raw_markdown === "MUTATED_AFTER_MIGRATION";
+  emit("idempotent-after-mutation", ok,
+       "_touched=" + a._touched + " raw=" + JSON.stringify(a.raw_markdown));
+})();
+
+// Case E: dataVersion=3 fra før — migrasjon er no-op.
+(function () {
+  const state = {
+    schemaVersion: 1,
+    dataVersion: 3,
+    projects: [{
+      id: "pE",
+      name: "AlreadyV3",
+      createdAt: "2026-04-01T00:00:00.000Z",
+      artifacts: {
+        cost: { commandId: "cost", raw_markdown: "EXISTING", parsed: { p50: 1 },
+                verdict: "go", keyStats: [], importedAt: "x", updatedAt: "x" }
+      }
+    }]
+  };
+  const beforeJson = JSON.stringify(state);
+  api.migrateDataVersion(state, api.defaultArchetypeFor);
+  const afterJson = JSON.stringify(state);
+  emit("already-v3-noop", beforeJson === afterJson, "diff=" + (beforeJson === afterJson ? "none" : "changed"));
+})();
+' "$HTML_FILE" 2>&1) || true
+
+# Parse EDGE-resultater
+while IFS=$'\t' read -r tag key status info; do
+  [ "$tag" = "EDGE" ] || continue
+  case "$key" in
+    empty-project)             desc="v3 kant-case: tomt prosjekt (reports={}) → artifacts={} uten å feile" ;;
+    no-reports-field)          desc="v3 kant-case: prosjekt uten reports-felt → artifacts={} opprettet" ;;
+    mixed-state-merge)         desc="v3 kant-case: blandet state — eksisterende artifacts bevart, nye lagt til" ;;
+    idempotent-after-mutation) desc="v3 kant-case: idempotens etter mutasjon — _touched-flag bevart" ;;
+    already-v3-noop)           desc="v3 kant-case: state allerede v3 → migrasjon er no-op" ;;
+    *)                         desc="v3 kant-case: $key" ;;
+  esac
+  if [ "$status" = "PASS" ]; then
+    pass "$desc"
+  else
+    fail "$desc ($info)"
+  fi
+done <<< "$EDGE_RESULT"
+
 print_summary
diff --git a/plugins/ms-ai-architect/tests/test-playground-projectview.sh b/plugins/ms-ai-architect/tests/test-playground-projectview.sh
new file mode 100755
index 0000000..ce264bf
--- /dev/null
+++ b/plugins/ms-ai-architect/tests/test-playground-projectview.sh
@@ -0,0 +1,323 @@
+#!/bin/bash
+# test-playground-projectview.sh — Playground v3 renderProjectView integration
+#
+# Verifiserer at renderProjectView + sub-renderers produserer korrekt HTML
+# (som strenger — ingen DOM-deps) mot en inline demo-state-snippet.
+#
+# Dekker 4 view-tilstander:
+#   - overview               (selectedArtifactId null)
+#   - artifact (filled)      (selectedArtifactId = 'classify')
+#   - empty (sidebar-treff)  (selectedArtifactId = 'frimpact' — mangler)
+#   - import-modal-open      (top-state, orthogonal)
+#
+# Pluss:
+#   - renderArtifactNav-søk filtrerer
+#   - renderProjectOverview har 4 verdict-tiles, top-risks, next-actions, missing
+#   - renderImportModal har 17 dropdown-options + prefill
+#
+# Bash 3.2-kompatibel. Bruker node til JS-eval. Ingen npm-deps.
+
+set -euo pipefail
+
+PLUGIN_ROOT="$(cd "$(dirname "$0")/.." && pwd)"
+HTML_FILE="$PLUGIN_ROOT/playground/ms-ai-architect-playground.html"
+
+# shellcheck disable=SC1091
+source "$PLUGIN_ROOT/tests/lib/e2e-helpers.sh"
+
+init_suite "Playground v3 — renderProjectView integration"
+
+if [ ! -f "$HTML_FILE" ]; then
+  fail "HTML-fila finnes ikke: $HTML_FILE"
+  print_summary; exit 1
+fi
+pass "HTML-fil finnes: $(basename "$HTML_FILE")"
+
+if grep -q "PROJECT_VIEW_V2_BEGIN" "$HTML_FILE" && grep -q "PROJECT_VIEW_V2_END" "$HTML_FILE"; then
+  pass "PROJECT_VIEW_V2_BEGIN/END markører finnes"
+else
+  fail "Mangler PROJECT_VIEW_V2-markører i HTML"
+  print_summary; exit 1
+fi
+
+NODE_OUT=$(node -e '
+const fs = require("fs");
+const htmlPath = process.argv[1];
+
+const htmlSrc = fs.readFileSync(htmlPath, "utf8");
+const beginMarker = "// === PROJECT_VIEW_V2_BEGIN ===";
+const endMarker = "// === PROJECT_VIEW_V2_END ===";
+const beginIdx = htmlSrc.indexOf(beginMarker);
+const endIdx = htmlSrc.indexOf(endMarker);
+if (beginIdx < 0 || endIdx < 0) {
+  console.error("MARKER_MISSING"); process.exit(2);
+}
+const block = htmlSrc.substring(beginIdx, endIdx + endMarker.length);
+
+// 17 produces_report-renderers per PROJECT_VIEW_CONFIG.renderers.
+// Hver stub returnerer en deterministisk HTML-streng vi kan asserte mot.
+const RENDERER_IDS = ["renderAiActPyramid","renderRequirements","renderTransparency","renderFria","renderConformity","renderDpia","renderSecurity","renderRos","renderReview","renderCost","renderLicense","renderMigrate","renderAdr","renderSummary","renderPoc","renderUtredning","renderCompare"];
+const rendererStubs = RENDERER_IDS.map(function (n) {
+  return n + ": function (data, slot) { if (slot) slot.innerHTML = \"<div class=\\\"stub-\" + " + JSON.stringify(n) + " + \"\\\">\" + (data && data.title || \"stub\") + \"</div>\"; }";
+}).join(", ");
+
+const COMMANDS = [
+  { id: "classify",     category: "regulatory",    label: "EU AI Act — Klassifisering",      description: "EU AI Act klass.", renderer: "renderAiActPyramid", produces_report: true, report_archetype: "aiact" },
+  { id: "requirements", category: "regulatory",    label: "EU AI Act — Krav",                description: "Krav per risiko",  renderer: "renderRequirements", produces_report: true, report_archetype: "requirements-list" },
+  { id: "transparency", category: "regulatory",    label: "Transparensnotis (Art. 13/50)",   description: "Art. 13/50",       renderer: "renderTransparency", produces_report: true, report_archetype: "text-document" },
+  { id: "frimpact",     category: "regulatory",    label: "FRIA (Art. 27)",                   description: "FRIA",             renderer: "renderFria",         produces_report: true, report_archetype: "fria" },
+  { id: "conformity",   category: "regulatory",    label: "Samsvarsvurdering (Art. 43)",      description: "Annex IV",         renderer: "renderConformity",   produces_report: true, report_archetype: "conformity-checklist" },
+  { id: "dpia",         category: "regulatory",    label: "DPIA / PVK",                       description: "PVK",              renderer: "renderDpia",         produces_report: true, report_archetype: "matrix-risk" },
+  { id: "security",     category: "security",      label: "Sikkerhetsvurdering (6×5)",        description: "6×5 scoring",      renderer: "renderSecurity",     produces_report: true, report_archetype: "matrix-risk-6x5" },
+  { id: "ros",          category: "security",      label: "ROS-analyse",                      description: "NS 5814",          renderer: "renderRos",          produces_report: true, report_archetype: "matrix-risk" },
+  { id: "review",       category: "security",      label: "Arkitekturgjennomgang",            description: "Digdir/NSM",       renderer: "renderReview",       produces_report: true, report_archetype: "findings" },
+  { id: "cost",         category: "economy",       label: "Kostnadsestimat",                  description: "P10/P50/P90 NOK",  renderer: "renderCost",         produces_report: true, report_archetype: "cost-distribution" },
+  { id: "license",      category: "economy",       label: "Lisenskartlegging",                description: "M365-lisenser",    renderer: "renderLicense",      produces_report: true, report_archetype: "scenario-comparison" },
+  { id: "migrate",      category: "economy",       label: "Migrasjonsplan",                   description: "Fase-plan",        renderer: "renderMigrate",      produces_report: true, report_archetype: "phase-plan" },
+  { id: "adr",          category: "documentation", label: "ADR",                              description: "MADR v3.0",        renderer: "renderAdr",          produces_report: true, report_archetype: "adr" },
+  { id: "summary",      category: "documentation", label: "Beslutningsnotat",                 description: "Sammendrag",       renderer: "renderSummary",      produces_report: true, report_archetype: "verdict" },
+  { id: "poc",          category: "documentation", label: "POC-plan",                         description: "Suksesskriterier", renderer: "renderPoc",          produces_report: true, report_archetype: "phase-plan" },
+  { id: "utredning",    category: "documentation", label: "Utredning",                        description: "Utredningsinstr.", renderer: "renderUtredning",    produces_report: true, report_archetype: "utredning" },
+  { id: "compare",      category: "documentation", label: "Plattformsammenligning",           description: "Plattformer",      renderer: "renderCompare",       produces_report: true, report_archetype: "scenario-comparison" }
+];
+
+// Demo state med 5 fylte artifacts + ui i forskjellige tilstander.
+function buildDemoState(opts) {
+  const o = opts || {};
+  const now = "2026-05-15T10:00:00.000Z";
+  return {
+    dataVersion: 3,
+    schemaVersion: 1,
+    activeProjectId: "p1",
+    projects: [{
+      id: "p1",
+      name: "Acme: Kunde-chatbot",
+      description: "AI-system for objekt-deteksjon i sensordata.",
+      createdAt: "2026-04-01T08:00:00.000Z",
+      artifacts: {
+        classify: {
+          commandId: "classify",
+          raw_markdown: "# EU AI Act — Klassifisering",
+          parsed: { title: "Klassifisering", risk_level: "Høy", role: "Provider og Deployer" },
+          verdict: "warning",
+          keyStats: [{ label: "Risikonivå", value: "Høy" }],
+          importedAt: now, updatedAt: now
+        },
+        ros: {
+          commandId: "ros",
+          raw_markdown: "# ROS-analyse",
+          parsed: { title: "ROS", threats: [
+            { id: "T1", description: "Modell-bias", severity: "Høy" },
+            { id: "T2", description: "Privacy leak", severity: "Kritisk" },
+            { id: "T3", description: "Hallusinerte fakta", severity: "Medium" }
+          ]},
+          verdict: "warning",
+          keyStats: [],
+          importedAt: now, updatedAt: now
+        },
+        security: {
+          commandId: "security",
+          raw_markdown: "# Sikkerhetsvurdering",
+          parsed: { title: "Security", findings: [
+            { id: "S1", finding: "Manglende DLP", severity: "Kritisk" },
+            { id: "S2", finding: "Audit ufullstendig", severity: "Høy" }
+          ]},
+          verdict: "block",
+          keyStats: [],
+          importedAt: now, updatedAt: now
+        },
+        dpia: {
+          commandId: "dpia",
+          raw_markdown: "# DPIA",
+          parsed: { title: "DPIA", threats: [] },
+          verdict: "go-with-conditions",
+          keyStats: [],
+          importedAt: now, updatedAt: now
+        },
+        cost: {
+          commandId: "cost",
+          raw_markdown: "# Kostnadsestimat",
+          parsed: { title: "Kostnad", p10: 78000, p50: 142000, p90: 285000 },
+          verdict: "approved",
+          keyStats: [{ label: "P50/mnd", value: "142 000 NOK" }],
+          importedAt: now, updatedAt: now
+        }
+      },
+      reports: {}
+    }],
+    ui: {
+      projectView: {
+        selectedArtifactId: o.selectedArtifactId === undefined ? null : o.selectedArtifactId,
+        searchQuery: o.searchQuery || ""
+      },
+      importModal: {
+        open: !!o.importOpen,
+        prefillCommandId: o.prefillCommandId || "",
+        prefillMarkdown: o.prefillMarkdown || ""
+      }
+    }
+  };
+}
+
+const stubs = `
+  const window = {};
+  function escapeHtml(s) {
+    return String(s == null ? "" : s)
+      .replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+  }
+  function escapeAttr(s) { return escapeHtml(s); }
+  function renderPageShell(opts, body) {
+    const t = (opts && opts.title) || "";
+    const e = (opts && opts.eyebrow) || "";
+    const v = (opts && opts.verdict) || "";
+    return "<header class=\\"page__header\\" data-eyebrow=\\"" + escapeAttr(e) + "\\" data-verdict=\\"" + escapeAttr(v) + "\\"><h1>" + escapeHtml(t) + "</h1></header>" + (body || "");
+  }
+  function renderVerdictPill(v) {
+    return "<span class=\\"verdict-pill\\" data-verdict=\\"" + escapeAttr(String(v || "").toLowerCase()) + "\\">" + escapeHtml(String(v || "").toUpperCase()) + "</span>";
+  }
+  function renderKeyStatsGrid(s) { return "<div class=\\"key-stats\\">" + (Array.isArray(s) ? s.length : 0) + "</div>"; }
+  function inferVerdict() { return "n-a"; }
+  function inferKeyStats() { return []; }
+  const PARSERS = {};
+  const RENDERERS = { ` + rendererStubs + ` };
+  const CATALOG = { commands: ` + JSON.stringify(COMMANDS) + ` };
+  const ACTIONS = {};
+  let __STORE_STATE = null;
+  const store = {
+    get state() { return __STORE_STATE; },
+    save: function () {}
+  };
+  function setStoreState(s) { __STORE_STATE = s; }
+  function findProject(id) {
+    const list = (store.state && store.state.projects) || [];
+    for (let i = 0; i < list.length; i++) if (list[i].id === id) return list[i];
+    return null;
+  }
+  function scheduleRender() {}
+`;
+
+const wrapped = stubs + block + "\nreturn { renderProjectView, renderProjectHeader, renderArtifactNav, renderArtifactNavItem, renderProjectMain, renderProjectOverview, renderProjectArtifact, renderEmptyArtifactPrompt, renderImportModal, PROJECT_VIEW_CONFIG, setStoreState };";
+let api;
+try {
+  api = (new Function(wrapped))();
+} catch (e) {
+  console.error("EVAL_FAILED: " + e.message);
+  process.exit(3);
+}
+
+function emit(ok, desc) { console.log((ok ? "PASS" : "FAIL") + "\t" + desc); }
+
+// ---- API-eksponering ----
+emit(typeof api.renderProjectView === "function", "renderProjectView er funksjon");
+emit(typeof api.renderProjectOverview === "function", "renderProjectOverview er funksjon");
+emit(typeof api.renderImportModal === "function", "renderImportModal er funksjon");
+emit(typeof api.PROJECT_VIEW_CONFIG === "object" && api.PROJECT_VIEW_CONFIG !== null, "PROJECT_VIEW_CONFIG eksponert");
+
+// ---- View 1: overview (selectedArtifactId null) ----
+let demo = buildDemoState({});
+api.setStoreState(demo);
+let project = demo.projects[0];
+let html = api.renderProjectView(project, api.PROJECT_VIEW_CONFIG);
+
+emit(html.indexOf("class=\"project-view\"") !== -1 && html.indexOf("data-view=\"overview\"") !== -1,
+     "overview: .project-view rot med data-view=\"overview\"");
+emit(html.indexOf("Acme: Kunde-chatbot") !== -1,
+     "overview: prosjekt-navn rendres i header");
+emit(html.indexOf("data-action=\"import-open\"") !== -1,
+     "overview: Importer-rapport-knapp finnes");
+// Alle 4 kategori-grupper i sidebaren
+emit(html.indexOf("Regulatorisk") !== -1 && html.indexOf("Risiko &amp; sikkerhet") !== -1 && html.indexOf("Økonomi") !== -1 && html.indexOf("Dokumentasjon") !== -1,
+     "overview: alle 4 kategori-labels rendres i nav");
+// Overview-tiles (verdict-grid)
+emit(html.indexOf("project-overview__verdict-tile") !== -1,
+     "overview: project-overview__verdict-tile finnes");
+const tileCount = (html.match(/project-overview__verdict-tile/g) || []).length;
+emit(tileCount >= 4, "overview: minst 4 verdict-tiles (got " + tileCount + ")");
+// Top-risks (3 fra ros + 2 fra security = 5)
+emit(html.indexOf("top-risks") !== -1 && html.indexOf("Privacy leak") !== -1,
+     "overview: top-risks-listen inkluderer ROS-trussel");
+// Next-actions / missing reports
+emit(html.indexOf("project-overview__next-actions") !== -1 || html.indexOf("empty-hint") !== -1,
+     "overview: next-actions-seksjon rendres");
+emit(html.indexOf("project-overview__missing-reports") !== -1 || html.indexOf("Alle må-ha-rapporter er importert") !== -1,
+     "overview: missing-reports-seksjon rendres");
+
+// ---- View 2: artifact (filled) ----
+demo = buildDemoState({ selectedArtifactId: "classify" });
+api.setStoreState(demo);
+project = demo.projects[0];
+html = api.renderProjectView(project, api.PROJECT_VIEW_CONFIG);
+emit(html.indexOf("data-view=\"artifact\"") !== -1,
+     "artifact: data-view=\"artifact\"");
+emit(html.indexOf("project-view__artifact") !== -1 && html.indexOf("data-artifact=\"classify\"") !== -1,
+     "artifact: .project-view__artifact med data-artifact=\"classify\"");
+emit(html.indexOf("project-view__artifact-title") !== -1 && html.indexOf("EU AI Act — Klassifisering") !== -1,
+     "artifact: command-label vises i artifact-header");
+emit(html.indexOf("data-action=\"artifact-reimport\"") !== -1 && html.indexOf("data-action=\"artifact-delete\"") !== -1,
+     "artifact: reimport + delete-action-knapper finnes");
+
+// ---- View 3: empty (sidebar-treff uten artifact) ----
+demo = buildDemoState({ selectedArtifactId: "frimpact" });
+api.setStoreState(demo);
+project = demo.projects[0];
+html = api.renderProjectView(project, api.PROJECT_VIEW_CONFIG);
+emit(html.indexOf("data-view=\"empty\"") !== -1,
+     "empty: data-view=\"empty\"");
+emit(html.indexOf("empty-artifact-prompt") !== -1 && html.indexOf("data-command=\"frimpact\"") !== -1,
+     "empty: empty-artifact-prompt for frimpact");
+emit(html.indexOf("data-prefill-command=\"frimpact\"") !== -1,
+     "empty: Importer-knapp har data-prefill-command=\"frimpact\"");
+
+// ---- View 4: import-modal-open ----
+demo = buildDemoState({ importOpen: true, prefillCommandId: "ros", prefillMarkdown: "# ROS-analyse\nDemo" });
+api.setStoreState(demo);
+project = demo.projects[0];
+html = api.renderProjectView(project, api.PROJECT_VIEW_CONFIG);
+emit(html.indexOf("data-import-modal") !== -1,
+     "import-modal: [data-import-modal] rendres når open=true");
+// Dropdown har 17 options + tom default = 18 <option>-tags
+const optionMatches = html.match(/<option /g) || [];
+emit(optionMatches.length >= 17,
+     "import-modal: dropdown har 17+ options (got " + optionMatches.length + ")");
+emit(html.indexOf("value=\"ros\" selected") !== -1 || html.indexOf("value=\"ros\"  selected") !== -1,
+     "import-modal: prefillCommandId=\"ros\" gir selected option");
+emit(html.indexOf("# ROS-analyse") !== -1 || html.indexOf("ROS-analyse") !== -1,
+     "import-modal: prefillMarkdown rendres i textarea");
+
+// ---- Modal IKKE rendret når open=false ----
+demo = buildDemoState({});
+api.setStoreState(demo);
+project = demo.projects[0];
+html = api.renderProjectView(project, api.PROJECT_VIEW_CONFIG);
+emit(html.indexOf("data-import-modal") === -1,
+     "import-modal: ikke rendret når importModal.open=false");
+
+// ---- renderArtifactNav-søk filtrerer ----
+demo = buildDemoState({ searchQuery: "ros" });
+api.setStoreState(demo);
+project = demo.projects[0];
+const navHtml = api.renderArtifactNav(project, api.PROJECT_VIEW_CONFIG, null, "ros");
+emit(navHtml.indexOf("data-artifact-id=\"ros\"") !== -1,
+     "nav-filter: ROS-element finnes ved søk=\"ros\"");
+emit(navHtml.indexOf("data-artifact-id=\"cost\"") === -1,
+     "nav-filter: cost-element filtrert ut ved søk=\"ros\"");
+
+// ---- renderProjectView med null project ----
+emit(api.renderProjectView(null, api.PROJECT_VIEW_CONFIG).indexOf("Ingen prosjekt valgt") !== -1,
+     "guard: null project → empty-hint");
+' "$HTML_FILE" 2>&1) || NODE_RC=$?
+
+if [ "${NODE_RC:-0}" -ne 0 ]; then
+  fail "node-eval feilet (rc=${NODE_RC:-0}): $NODE_OUT"
+  print_summary; exit 1
+fi
+
+while IFS=$'\t' read -r status desc; do
+  case "$status" in
+    PASS) pass "$desc" ;;
+    FAIL) fail "$desc" ;;
+    WARN) warn "$desc" ;;
+  esac
+done <<< "$NODE_OUT"
+
+print_summary
diff --git a/plugins/ms-ai-architect/tests/test-playground-v3.sh b/plugins/ms-ai-architect/tests/test-playground-v3.sh
index c2e92a0..c2aed98 100755
--- a/plugins/ms-ai-architect/tests/test-playground-v3.sh
+++ b/plugins/ms-ai-architect/tests/test-playground-v3.sh
@@ -223,20 +223,23 @@ else
 fi
 
 # -------------------------------------------------------
-# 13. data-report-slot per rapport-produserende command (17 stk)
+# 13. v1.15.0: artifact-slot rendres dynamisk via renderProjectArtifact
 # -------------------------------------------------------
+# v2 hadde per-command data-report-slot="..." på alle 17 cards. v3 har én
+# .project-main-zone der renderProjectArtifact mounter den valgte artefakten.
+# Sjekk i stedet at RENDERERS routing-objektet er wired for alle 17.
 REPORT_CMDS="classify requirements transparency frimpact conformity dpia security ros review cost license migrate adr summary poc utredning compare"
-slot_hits=0
+renderer_hits=0
 for c in $REPORT_CMDS; do
-  if grep -qE "data-report-slot=[\"']${c}[\"']" "$HTML_FILE"; then
-    pass "data-report-slot=\"${c}\" markup til stede"
-    slot_hits=$((slot_hits + 1))
+  # PROJECT_VIEW_CONFIG.renderers[<cid>] = RENDERERS.renderXxx
+  if grep -qE "^[[:space:]]+${c}:[[:space:]]+RENDERERS\." "$HTML_FILE"; then
+    pass "PROJECT_VIEW_CONFIG.renderers.${c} wired"
+    renderer_hits=$((renderer_hits + 1))
   else
-    warn "data-report-slot=\"${c}\" finnes ikke i statisk markup (kan rendres dynamisk)"
+    fail "PROJECT_VIEW_CONFIG.renderers.${c} mangler"
   fi
 done
-# Slot rendrer dynamisk via render-funksjoner — warn kun, ingen fail
-pass "Report-slot-stikkprøve fullført ($slot_hits/17 statiske; resterende rendres dynamisk)"
+pass "v3 renderer-routing wired ($renderer_hits/17)"
 
 # -------------------------------------------------------
 # 14. report_archetype-routing-felt i CATALOG-data
diff --git a/shared/playground-design-system/CHANGELOG.md b/shared/playground-design-system/CHANGELOG.md
index 1594aa0..3d489a7 100644
--- a/shared/playground-design-system/CHANGELOG.md
+++ b/shared/playground-design-system/CHANGELOG.md
@@ -1,5 +1,53 @@
 # 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
diff --git a/shared/playground-design-system/components-tier4-project-view.css b/shared/playground-design-system/components-tier4-project-view.css
new file mode 100644
index 0000000..3db37b8
--- /dev/null
+++ b/shared/playground-design-system/components-tier4-project-view.css
@@ -0,0 +1,665 @@
+/* =============================================================================
+   Playground Design System — components-tier4-project-view.css
+   v0.6.0 — Tier 4 project-view archetype
+   ============================================================================
+
+   Generic "project as artifact-collection" archetype. Default-view is an
+   aggregated overview dashboard; clicking a sidebar item swaps main to a
+   per-artifact render. Tracks 0-N read-only artifacts; edit-mode is paste-
+   import only (markdown from terminal → parser → store).
+
+   First adopters: ms-ai-architect v1.15.0 (17 artifacts, 5 categories) +
+   llm-security v7.7.0 (≥18 artifacts, 6 categories). Each plugin injects a
+   PROJECT_VIEW_CONFIG object that maps commands → renderers, categories,
+   verdict-aggregators, missing-report heuristics.
+
+   The CSS in this file is plugin-agnostic. Plugin-specific shape (category
+   names, artifact ordering, custom severity-mappings) lives in JS config.
+
+   State-driven visibility is NOT handled here — production playgrounds emit
+   only the active state (overview | artifact | empty | import) per render
+   pass. The mockup uses body[data-state="..."] for prototyping; production
+   renders one branch at a time.
+   ============================================================================= */
+
+
+/* === 1. Project-view top-level layout ===================================== */
+
+.project-view {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-6);
+}
+
+.project-view__layout {
+  display: grid;
+  grid-template-columns: var(--project-view-nav-width) 1fr;
+  gap: var(--space-6);
+  align-items: start;
+}
+
+@media (max-width: 1279px) {
+  .project-view__layout { grid-template-columns: 240px 1fr; }
+}
+
+@media (max-width: 959px) {
+  .project-view__layout { grid-template-columns: 1fr; }
+}
+
+
+/* === 2. Project-view header =============================================== */
+
+.project-view__header {
+  background: var(--color-surface);
+  border: 1px solid var(--color-border-subtle);
+  border-radius: var(--radius-md);
+  padding: var(--space-5) var(--space-6);
+  display: grid;
+  grid-template-columns: 1fr auto;
+  grid-template-areas:
+    "title    verdict"
+    "title    keystats"
+    "actions  actions";
+  gap: var(--space-4) var(--space-6);
+  align-items: start;
+}
+
+.project-view__title-block { grid-area: title; }
+.project-view__verdict     { grid-area: verdict; justify-self: end; }
+.project-view__key-stats   { grid-area: keystats; justify-self: end; }
+.project-view__actions     { grid-area: actions; display: flex; gap: var(--space-2); justify-content: flex-end; }
+
+.project-view__eyebrow {
+  font-size: 11px;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  color: var(--color-text-tertiary);
+  font-weight: var(--font-weight-semibold);
+  margin: 0 0 var(--space-2) 0;
+}
+
+.project-view__title {
+  font-size: var(--font-size-2xl);
+  font-weight: var(--font-weight-bold);
+  color: var(--color-text-primary);
+  margin: 0 0 var(--space-2) 0;
+}
+
+.project-view__lede {
+  color: var(--color-text-secondary);
+  margin: 0;
+  max-width: 60ch;
+}
+
+.project-view__key-stats {
+  display: flex;
+  gap: var(--space-5);
+}
+
+.project-view__key-stat-label {
+  font-size: 10px;
+  text-transform: uppercase;
+  color: var(--color-text-tertiary);
+  letter-spacing: 0.06em;
+}
+
+.project-view__key-stat-value {
+  font-size: var(--font-size-lg);
+  font-weight: var(--font-weight-semibold);
+  font-variant-numeric: tabular-nums;
+}
+
+
+/* === 3. Verdict-pill (small) ==============================================
+   Companion to .verdict-pill-lg (Tier 2). Inline-flex pill used in project
+   header + sidebar status badges. The larger -lg variant lives in
+   components-tier2.css; both share the same severity-band semantics. */
+
+.verdict-pill {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--space-1);
+  padding: 4px 12px;
+  border-radius: 999px;
+  font-weight: var(--font-weight-semibold);
+  font-size: var(--font-size-sm);
+}
+
+.verdict-pill--positive    { background: var(--color-state-success);   color: #fff; }
+.verdict-pill--medium      { background: var(--color-severity-medium); color: var(--color-severity-medium-on); }
+.verdict-pill--critical    { background: var(--color-severity-critical); color: #fff; }
+.verdict-pill--in-progress {
+  background: var(--color-bg-soft);
+  color: var(--color-text-secondary);
+  border: 1px dashed var(--color-border-moderate);
+}
+
+
+/* === 4. Sidebar nav ======================================================= */
+
+.project-view__nav {
+  position: sticky;
+  top: var(--space-6);
+  background: var(--color-surface);
+  border: 1px solid var(--color-border-subtle);
+  border-radius: var(--radius-md);
+  padding: var(--space-4);
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-3);
+}
+
+.project-view__nav-search input {
+  width: 100%;
+  box-sizing: border-box;
+  padding: 6px 10px;
+  font-size: var(--font-size-sm);
+  background: var(--color-bg);
+  color: var(--color-text-primary);
+  border: 1px solid var(--color-border-moderate);
+  border-radius: var(--radius-sm);
+}
+
+
+/* === 5. Artifact-list ===================================================== */
+
+.artifact-list {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-4);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.artifact-list__group {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-1);
+}
+
+.artifact-list__group-label {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-size: 10px;
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  color: var(--color-text-tertiary);
+  font-weight: var(--font-weight-semibold);
+  padding: 0 var(--space-2);
+}
+
+.artifact-list__group-count {
+  background: var(--color-bg-soft);
+  color: var(--color-text-tertiary);
+  font-family: var(--font-family-mono);
+  font-size: 10px;
+  padding: 1px 6px;
+  border-radius: 999px;
+}
+
+.artifact-list__group-items {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.artifact-list__item {
+  display: grid;
+  grid-template-columns: auto 1fr auto;
+  align-items: center;
+  gap: var(--space-2);
+  padding: var(--artifact-list-item-pad-y) var(--artifact-list-item-pad-x);
+  border-radius: var(--radius-sm);
+  cursor: pointer;
+  background: transparent;
+  border: 1px solid transparent;
+  transition: background 120ms ease, border-color 120ms ease;
+}
+
+.artifact-list__item:hover { background: var(--color-bg-soft); }
+
+.artifact-list__item[data-state="active"] {
+  background: var(--color-bg-soft);
+  border-color: var(--color-primary-500);
+  box-shadow: inset 3px 0 0 var(--color-primary-500);
+  padding-left: calc(var(--artifact-list-item-pad-x) - 3px);
+}
+
+.artifact-list__item-marker {
+  width: var(--artifact-marker-size);
+  height: var(--artifact-marker-size);
+  border-radius: 50%;
+  border: var(--artifact-marker-border) solid var(--color-border-moderate);
+  background: transparent;
+  flex-shrink: 0;
+}
+
+.artifact-list__item[data-state="filled"][data-severity="positive"] .artifact-list__item-marker {
+  background: var(--color-state-success);
+  border-color: var(--color-state-success);
+}
+.artifact-list__item[data-state="filled"][data-severity="medium"] .artifact-list__item-marker {
+  background: var(--color-severity-medium);
+  border-color: var(--color-severity-medium);
+}
+.artifact-list__item[data-state="filled"][data-severity="critical"] .artifact-list__item-marker {
+  background: var(--color-severity-critical);
+  border-color: var(--color-severity-critical);
+}
+
+.artifact-list__item-body { min-width: 0; }
+
+.artifact-list__item-name {
+  font-size: var(--font-size-sm);
+  font-weight: var(--font-weight-medium);
+  color: var(--color-text-primary);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.artifact-list__item[data-state="empty"] .artifact-list__item-name {
+  color: var(--color-text-tertiary);
+  font-weight: var(--font-weight-regular);
+}
+
+.artifact-list__item-meta {
+  font-size: 11px;
+  color: var(--color-text-tertiary);
+}
+
+
+/* === 6. Artifact-status (mini pill in sidebar) =========================== */
+
+.artifact-status {
+  font-family: var(--font-family-mono);
+  font-size: 10px;
+  font-weight: var(--font-weight-semibold);
+  padding: 1px 5px;
+  border-radius: var(--radius-sm);
+  letter-spacing: 0.04em;
+}
+
+.artifact-status[data-severity="positive"] { background: var(--color-severity-low-soft);      color: var(--color-severity-low-on); }
+.artifact-status[data-severity="medium"]   { background: var(--color-severity-medium-soft);   color: var(--color-severity-medium-on); }
+.artifact-status[data-severity="critical"] { background: var(--color-severity-critical-soft); color: var(--color-severity-critical-on); }
+
+
+/* === 7. Project-view main panel ========================================== */
+
+.project-view__main {
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-5);
+}
+
+
+/* === 8. Project-overview (default dashboard) ============================= */
+
+.project-overview {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-6);
+}
+
+.project-overview__intro {
+  background: var(--color-surface);
+  border: 1px solid var(--color-border-subtle);
+  border-radius: var(--radius-md);
+  padding: var(--space-5);
+}
+
+.project-overview__intro h2 {
+  font-size: var(--font-size-lg);
+  margin: 0 0 var(--space-2) 0;
+}
+
+.project-overview__intro p {
+  color: var(--color-text-secondary);
+  margin: 0;
+}
+
+.project-overview__verdict-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+  gap: var(--space-3);
+}
+
+.project-overview__verdict-tile {
+  background: var(--color-surface);
+  border: 1px solid var(--color-border-subtle);
+  border-left: 4px solid var(--color-border-moderate);
+  border-radius: var(--radius-md);
+  padding: var(--space-4);
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-1);
+}
+
+.project-overview__verdict-tile[data-severity="positive"] { border-left-color: var(--color-state-success); }
+.project-overview__verdict-tile[data-severity="medium"]   { border-left-color: var(--color-severity-medium); }
+.project-overview__verdict-tile[data-severity="critical"] { border-left-color: var(--color-severity-critical); }
+.project-overview__verdict-tile[data-severity="empty"]    { border-left-style: dashed; }
+
+.project-overview__verdict-tile-label {
+  font-size: 11px;
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  color: var(--color-text-tertiary);
+  font-weight: var(--font-weight-semibold);
+}
+
+.project-overview__verdict-tile-value {
+  font-size: var(--font-size-lg);
+  font-weight: var(--font-weight-semibold);
+}
+
+.project-overview__verdict-tile-meta {
+  font-size: var(--font-size-xs);
+  color: var(--color-text-secondary);
+}
+
+.project-overview__section h3 {
+  font-size: 12px;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  color: var(--color-text-tertiary);
+  font-weight: var(--font-weight-semibold);
+  margin: 0 0 var(--space-3) 0;
+}
+
+.project-overview__top-risks,
+.project-overview__next-actions {
+  background: var(--color-surface);
+  border: 1px solid var(--color-border-subtle);
+  border-radius: var(--radius-md);
+  padding: var(--space-5);
+}
+
+.project-overview__top-risks ol,
+.project-overview__next-actions ol {
+  list-style: none;
+  counter-reset: rank;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-2);
+}
+
+.project-overview__top-risks li,
+.project-overview__next-actions li {
+  counter-increment: rank;
+  display: grid;
+  grid-template-columns: auto 1fr auto;
+  align-items: center;
+  gap: var(--space-3);
+  padding: var(--space-2) var(--space-3);
+  border-radius: var(--radius-sm);
+  background: var(--color-bg-soft);
+}
+
+.project-overview__top-risks li::before,
+.project-overview__next-actions li::before {
+  content: counter(rank);
+  font-family: var(--font-family-mono);
+  font-weight: var(--font-weight-bold);
+  color: var(--color-text-tertiary);
+  font-size: var(--font-size-sm);
+  min-width: 20px;
+}
+
+.project-overview__missing-reports {
+  background: var(--color-surface);
+  border: 1px solid var(--color-border-subtle);
+  border-radius: var(--radius-md);
+  padding: var(--space-5);
+}
+
+.project-overview__missing-reports ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-2);
+}
+
+.project-overview__missing-reports li {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--space-3);
+  padding: var(--space-2) var(--space-3);
+  background: var(--color-bg-soft);
+  border-radius: var(--radius-sm);
+  border-left: 3px dashed var(--color-border-moderate);
+}
+
+
+/* === 9. Artifact-view (one report rendered) ============================== */
+
+.project-view__artifact {
+  background: var(--color-surface);
+  border: 1px solid var(--color-border-subtle);
+  border-radius: var(--radius-md);
+  padding: var(--space-6);
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-5);
+}
+
+.project-view__artifact-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: start;
+  gap: var(--space-4);
+  padding-bottom: var(--space-4);
+  border-bottom: 1px solid var(--color-border-subtle);
+}
+
+.project-view__artifact-title {
+  font-size: var(--font-size-xl);
+  margin: 0 0 var(--space-1) 0;
+}
+
+.project-view__artifact-meta {
+  font-size: var(--font-size-sm);
+  color: var(--color-text-tertiary);
+  margin: 0;
+}
+
+.project-view__artifact-actions {
+  display: flex;
+  gap: var(--space-2);
+  flex-shrink: 0;
+}
+
+.project-view__artifact-body {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-5);
+}
+
+
+/* === 10. Empty-artifact-prompt (no report imported yet) ================== */
+
+.empty-artifact-prompt {
+  background: var(--color-surface);
+  border: 2px dashed var(--color-border-moderate);
+  border-radius: var(--radius-md);
+  padding: var(--space-8);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--space-3);
+  text-align: center;
+}
+
+.empty-artifact-prompt__icon {
+  font-size: 48px;
+  opacity: 0.5;
+}
+
+.empty-artifact-prompt__title {
+  font-size: var(--font-size-lg);
+  margin: 0;
+}
+
+.empty-artifact-prompt__text {
+  color: var(--color-text-secondary);
+  margin: 0;
+  max-width: 50ch;
+}
+
+.empty-artifact-prompt__actions {
+  display: flex;
+  gap: var(--space-2);
+  margin-top: var(--space-2);
+}
+
+
+/* === 11. Import-modal (overlay) ========================================== */
+
+.import-modal {
+  position: fixed;
+  inset: 0;
+  z-index: 200;
+  display: none;
+}
+
+.import-modal[data-open="true"] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.import-modal__backdrop {
+  position: absolute;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.55);
+}
+
+.import-modal__panel {
+  position: relative;
+  width: min(720px, 92vw);
+  max-height: 90vh;
+  overflow: auto;
+  background: var(--color-surface);
+  border: 1px solid var(--color-border-strong);
+  border-radius: var(--radius-md);
+  box-shadow: var(--shadow-lg);
+  display: flex;
+  flex-direction: column;
+}
+
+.import-modal__head {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--space-3);
+  padding: var(--space-4) var(--space-5);
+  border-bottom: 1px solid var(--color-border-subtle);
+}
+
+.import-modal__title {
+  margin: 0;
+  font-size: var(--font-size-lg);
+  font-weight: var(--font-weight-semibold);
+}
+
+.import-modal__close {
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  padding: 4px 10px;
+  color: var(--color-text-tertiary);
+  font-size: 20px;
+  line-height: 1;
+  border-radius: var(--radius-sm);
+}
+
+.import-modal__close:hover {
+  background: var(--color-bg-soft);
+  color: var(--color-text-primary);
+}
+
+.import-modal__form {
+  padding: var(--space-5);
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-4);
+}
+
+.import-modal__form .field {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-1);
+}
+
+.import-modal__form label {
+  font-size: var(--font-size-sm);
+  font-weight: var(--font-weight-semibold);
+  color: var(--color-text-secondary);
+}
+
+.import-modal__form select,
+.import-modal__form textarea {
+  width: 100%;
+  box-sizing: border-box;
+  padding: var(--space-2) var(--space-3);
+  background: var(--color-bg);
+  color: var(--color-text-primary);
+  border: 1px solid var(--color-border-moderate);
+  border-radius: var(--radius-sm);
+  font-family: var(--font-family-mono);
+  font-size: var(--font-size-sm);
+}
+
+.import-modal__form textarea {
+  resize: vertical;
+  min-height: 180px;
+}
+
+.import-modal__detect {
+  display: flex;
+  align-items: center;
+  gap: var(--space-2);
+  padding: var(--space-2) var(--space-3);
+  border-radius: var(--radius-sm);
+  background: var(--color-severity-low-soft);
+  color: var(--color-severity-low-on);
+  font-size: var(--font-size-sm);
+}
+
+.import-modal__preview {
+  border: 1px solid var(--color-border-subtle);
+  border-radius: var(--radius-sm);
+  padding: var(--space-3);
+  background: var(--color-bg);
+  max-height: 200px;
+  overflow: auto;
+}
+
+.import-modal__preview-label {
+  font-size: 11px;
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  color: var(--color-text-tertiary);
+  margin-bottom: var(--space-2);
+}
+
+.import-modal__footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: var(--space-2);
+  padding: var(--space-3) var(--space-5);
+  border-top: 1px solid var(--color-border-subtle);
+  background: var(--color-bg-soft);
+}
diff --git a/shared/playground-design-system/tokens.css b/shared/playground-design-system/tokens.css
index 95ef620..1686a5c 100644
--- a/shared/playground-design-system/tokens.css
+++ b/shared/playground-design-system/tokens.css
@@ -142,6 +142,14 @@
   --container-default: 1080px;
   --container-wide: 1280px;
   --sidebar-width: 280px;
+
+  /* ---------- Project-view (Tier 4 — v0.6.0) --------------------------- */
+  --project-view-nav-width: 280px;
+  --project-view-collapse-bp: 960px;        /* doc-only — referenced by media queries */
+  --artifact-list-item-pad-y: var(--space-2);
+  --artifact-list-item-pad-x: var(--space-3);
+  --artifact-marker-size: 14px;
+  --artifact-marker-border: 1.5px;
 }
 
 :root { color-scheme: light; }