[docs](reconcile): align all docs with the hand-built-SVG implementation; drop dead i18n keys

Final no-mismatch sweep after the recent UI/feature changes:
- Reconciled every present-tense recharts/mermaid claim to the implemented reality (hand-built
  SVG, no chart/diagram library): design-spec ADR-005 (superseded note) + ADR-008 + design-system
  + Definition-of-Ready (→ v0.8 + history row); build-spec Section 2 tech stack + Section 8/13
  references; adr/README scope example. Dated history rows and GitHub-rendered ```mermaid doc
  diagrams are intentionally left as-is. All point to DECISIONS.md.
- Removed the now-unused c4.show / c4.hide i18n keys (the C4 toggle became a collapsible).

Verification: 3 model guards PASS; 39/39 tests; eslint 0; build clean; 391 links/anchors resolve;
§ clean. No present-tense doc claims the app uses recharts or mermaid.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

Author: programmerShinobi

docs/03-blueprint/design-specification.md

@@ -5,8 +5,8 @@
 | Field | Detail |
 |---|---|
 | **Document type** | Design Specification / Software Design Document (SDD) |
-| **Version** | 0.7 |
-| **Date** | 2026-06-12 |
+| **Version** | 0.8 |
+| **Date** | 2026-06-16 |
 | **Status** | Draft |
 | **Author / Owner** | Faqih Pratama Muhti, B.Sc. Computer Science |
 | **Audience** | Engineers, architects, designers |
@@ -24,6 +24,7 @@
 | 0.5 | 2026-06-13 | Definition of Ready: D4/D5 `qaFit` and preset calibration interim-ratified ([ADR-0001](../adr/0001-ratify-d4-d5-qafit.md), [ADR-0002](../adr/0002-ratify-preset-calibration.md)); DI-1 closed |
 | 0.6 | 2026-06-13 | Resolved DI-5 / SRS OI-3: a basic C4 Mermaid stub is in v1.0 (richer auto-generated C4 deferred to v2.x); Definition-of-Ready C4 item checked |
 | 0.7 | 2026-06-13 | Ratified the performance budgets as v1.0 targets (ADR-008, closes DI-4 / SRS OI-5), with mandatory lazy-loading of mermaid/recharts; real-bundle measurement remains a Phase 4/5 verification step |
+| 0.8 | 2026-06-16 | Implementation reconciliation: ADR-005 superseded — all charts **and** the C4 stub are hand-built SVG; `recharts` and `mermaid` removed (ADR-008 note, design-system + Definition-of-Ready updated). See [DECISIONS.md](../../DECISIONS.md). No design intent changed otherwise |
 
 ---
 
@@ -249,7 +250,7 @@ mode); the prototype's `:root` / `html.light` blocks are the source of truth.
 
 **Component inventory:** Button · Chip · Segmented control · Badge · Card · Data grid (sortable,
 sticky header, tabular numbers) · Modal / Command palette · Toast · Skeleton · Progress bar ·
-Radar (recharts) · Bar chart. Every component **shall** define all states
+Radar · bar chart (hand-built SVG). Every component **shall** define all states
 (default/hover/active/disabled/loading/error) and meet WCAG AA contrast in both themes
 (NFR-A11Y-1).
 
@@ -284,10 +285,10 @@ These app-level decisions are recorded here; model-value changes follow the ADR
 | ADR-002 | **Config-driven model** — no hard-coded weights/fit/rules/strings | Auditable & extensible; enables custom-config import/export |
 | ADR-003 | **Client-side only**; state in `localStorage` + URL hash | Free hosting, no PII, shareable; cost: state-size limits in URL |
 | ADR-004 | **React hooks only** (`useState`/`useReducer`/`useMemo`/`useContext`), no Redux | Right-sized for one app state; lower ceremony |
-| ADR-005 | **recharts** (radar/bar) + **mermaid** (C4 stub) | Mature, declarative; must ship in `dependencies` |
+| ADR-005 | **Hand-built SVG** for charts (radar/bar) and the C4 stub | No chart/diagram library — deterministic, theme-aware, tiny. *(Superseded the original recharts + mermaid choice during implementation; see [DECISIONS.md](../../DECISIONS.md).)* |
 | ADR-006 | **CSS custom properties + Tailwind** `class` dark mode for tokens | One token contract, two themes; matches the prototype |
 | ADR-007 | **Model version separate from app SemVer** | Reproducible results across model changes (R8) |
-| ADR-008 | **Performance budgets** as v1.0 targets — initial JS ≤ 300 KB gzip, FCP ≤ 2 s (fast-3G), re-score p95 ≤ 100 ms | Grounded in the 100 ms response limit [Miller/Nielsen] and Core-Web-Vitals FCP guidance. **Requires lazy-loading `mermaid` and `recharts`** (dynamic import, off the first-paint path) — they are too large for the initial bundle. Verified by a CI bundle-size gate + Lighthouse in Phase 4/5 |
+| ADR-008 | **Performance budgets** as v1.0 targets — initial JS ≤ 300 KB gzip, FCP ≤ 2 s (fast-3G), re-score p95 ≤ 100 ms | Grounded in the 100 ms response limit [Miller/Nielsen] and Core-Web-Vitals FCP guidance. **Implementation:** all visuals are hand-built SVG (no chart/diagram library), so no heavy chunk needs lazy-loading (see [DECISIONS.md](../../DECISIONS.md)). Verified by a CI bundle-size gate + Lighthouse in Phase 4/5 |
 
 ---
 
@@ -333,8 +334,8 @@ free of guesswork — each line is either fixed or has a usable baseline.
 - [x] **D4/D5 `qaFit` interim-ratified** by the Owner ([ADR-0001](../adr/0001-ratify-d4-d5-qafit.md), closes SRS OI-4); an independent Domain Advisor / the v3.0 study may still revise the values.
 - [x] **Factor content authored (EN/ID)**: labels, level labels, and help for all 14 factors — [Model Data Sheet Section 2.1](model-data-sheet.md) (Translator review pending).
 - [x] **Option & message content authored (EN/ID)**: educational metadata for all 21 options, the 7 anti-pattern messages, and the 12 fitness-function templates — [Option Content Sheet](option-content-sheet.md) (Translator & Domain-Advisor review pending).
-- [x] **C4 stub** scoped: in v1.0 as a basic Mermaid stub (FR-OUT-5, Could); richer auto-generated C4 deferred to v2.x (SRS OI-3 closed).
-- [x] **Performance budget targets ratified** ([ADR-008](#8-key-design-decisions-adrs); SRS OI-5 closed) — committed as v1.0 budgets, with mandatory lazy-loading of mermaid/recharts. *Measuring the real production bundle against them is the one remaining item, inherently a Phase 4/5 verification step (CI bundle gate + Lighthouse).*
+- [x] **C4 stub** scoped: in v1.0 as a basic diagram stub (hand-built SVG; FR-OUT-5, Could); richer auto-generated C4 deferred to v2.x (SRS OI-3 closed).
+- [x] **Performance budget targets ratified** ([ADR-008](#8-key-design-decisions-adrs); SRS OI-5 closed) — committed as v1.0 budgets; in implementation all visuals are hand-built SVG (no chart/diagram libraries). *Measuring the real production bundle against them is the one remaining item, inherently a Phase 4/5 verification step (CI bundle gate + Lighthouse).*
 
 Checked items are done. The unchecked items all have **baseline values recorded in the Model Data
 Sheet**, so development is unblocked today — closing them refines numbers, never the structure.

docs/adr/README.md

@@ -7,7 +7,7 @@ quality attributes, factor→QA matrix, fit vectors, anti-pattern rules, and pre
 [MADR](https://adr.github.io/madr/) format, each with rationale and references, as the charter
 requires.
 
-> **Scope.** *App-level design* decisions (pure functional core, client-side only, recharts, etc.)
+> **Scope.** *App-level design* decisions (pure functional core, client-side only, hand-built SVG, etc.)
 > are recorded inline in the [Design Specification Section 8](../03-blueprint/design-specification.md#8-key-design-decisions-adrs)
 > as ADR-001…008 (3-digit). **This log** records *model* decisions, numbered **ADR-0001…** (4-digit).
 

docs/specs/build-spec-v3.md

@@ -53,8 +53,7 @@ Design principles, in priority order:
 
 - Vite + React + TypeScript (strict mode)
 - Tailwind CSS with dark mode (`class` strategy + toggle)
-- Charts: `recharts` (radar + bar charts) — install via npm
-- Diagram preview: `mermaid` (render C4-style stub) — install via npm
+- Charts & diagram: **hand-built SVG** (radar, bar charts, C4-style stub) — no chart/diagram library *(implementation superseded the original `recharts` + `mermaid` plan; see [DECISIONS.md](../../DECISIONS.md))*
 - State: React hooks only (`useState`/`useReducer`/`useMemo`/`useContext`); no Redux
 - State persistence: `localStorage` + full state encoded in the URL hash (shareable links)
 - i18n: lightweight dictionary (`{ en, id }`) + `t(key)` helper; runtime toggle; default = `id`
@@ -231,7 +230,7 @@ Compute and display all of the following:
 1. **QA priority chart** — bar/horizontal chart of the normalized QA weights (the utility tree).
 2. **Per-dimension ranking** with composite scores normalized to 0–100 within the dimension.
 3. **Radar chart** — for the top 2–3 options of D1 (and on demand any dimension), overlay their
-   `qaFit` across all 12 QAs so trade-offs are visible at a glance (recharts RadarChart).
+   `qaFit` across all 12 QAs so trade-offs are visible at a glance (hand-built SVG radar).
 4. **QA contribution breakdown** — for a selected option, a table: QA, weight%, fit(1–5),
    weighted points, sorted by contribution. Must reconcile to the composite score.
 5. **Trade-off / comparison mode** — pick 2–3 options (across or within dimensions) and compare
@@ -327,7 +326,7 @@ For each of the top ~4 weighted QAs, suggest one or two concrete, measurable fit
   Statement, Decision Drivers, Considered Options, Decision Outcome, Consequences good/bad,
   Links); full report export (Markdown + print stylesheet) including factor inputs, QA priorities,
   per-dimension recommendations, QA scorecard, trade-offs, risks, anti-pattern warnings, fitness
-  functions, migration path, alternatives, references; C4-style Mermaid diagram stub reflecting
+  functions, migration path, alternatives, references; C4-style diagram stub reflecting
   the chosen D1 style; share-via-URL; import/export a custom config JSON (extensibility).
 - **Phase 6 — Polish & trust.** Migration paths; optional multi-stakeholder QA weighting (each
   stakeholder profile weights QAs; aggregate by average) ; accessibility pass; unit tests
@@ -356,7 +355,7 @@ src/
   lib/antiPatternEngine.ts
   lib/adr.ts                      // MADR markdown
   lib/report.ts                   // full report markdown
-  lib/c4.ts                       // mermaid C4 stub
+  lib/c4.ts                       // C4 stub (hand-built SVG)
   lib/urlState.ts                 // encode/decode (sec 2)
   lib/customConfig.ts             // import/export config JSON
   hooks/ (usePersistedState, useUrlSyncedState)

src/i18n/dict.ts

@@ -325,8 +325,6 @@ export const DICT = {
   'action.importSetup': { en: 'Import setup (JSON)', id: 'Impor setup (JSON)' },
   'action.importError': { en: 'Invalid setup file.', id: 'Berkas setup tidak valid.' },
   'c4.heading': { en: 'Architecture diagram (C4 stub)', id: 'Diagram arsitektur (stub C4)' },
-  'c4.show': { en: 'Show diagram', id: 'Tampilkan diagram' },
-  'c4.hide': { en: 'Hide diagram', id: 'Sembunyikan diagram' },
   'c4.error': { en: 'Could not render the diagram.', id: 'Tidak dapat merender diagram.' },
   'action.reset': { en: 'Reset to defaults', id: 'Atur ulang ke default' },
   'action.followRec': { en: 'Follow recommendations', id: 'Ikuti rekomendasi' },