[feat](ui): Aurora Glass — borderless full-bleed shell, glass chrome, model-true hero badges, brand mark, copyright

Fase 1b–1e (documented first in DECISIONS.md):
- Borderless: framed app box removed, whitespace replaces hairline dividers,
  border tokens softened; charts keep --aa-grid-line so data never fades.
- Glassmorphism: .aa-glass (color-mix + backdrop blur) on header + top-nav pill;
  opaque @supports fallbacks + aurora-static low-core fallback; mobile tabbar
  separates by shadow.
- Hero radar chips: inside the wrap (no clipping any breakpoint); copy computed
  live from the frozen engine (D2 top pick + fit score, busy-online-shop preset).
- Brand mark: radar-pentagon + lit decision apex; favicon.svg single source,
  BrandMark header glyph, PWA icons regenerated headlessly.
- Copyright: (c) 2026 Faqih Pratama Muhti (programmerShinobi) in footer, meta,
  print report; identity exclusive — code MIT / content CC BY 4.0 unchanged.

Verified: tsc, lint, build, 116 unit + 14 e2e, all 6 guards, visual check
(dark/light/advisor/phone screenshots).

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

Author: programmerShinobi

CHANGELOG.md

@@ -9,6 +9,28 @@ The decision **model** carries its own version, recorded in the
 
 ## [Unreleased]
 
+### Changed (Fase 1 — "Aurora Glass" borderless evolution + identity — 2026-07-16)
+
+- **Component tree grouped by feature area** — `src/components/` reorganised into
+  `chrome/ · landing/ · advisor/ · insights/ · overlays/` (tests move with their components; the
+  frozen model guards pin `src/config/*` only and are untouched).
+- **Borderless design language** — the framed app box is gone: content sits full-bleed on the
+  aurora canvas; sections separate by whitespace (`.f-div` is now pure spacing); hairline border
+  tokens softened; the header and top nav float as **glassmorphism** panels (`.aa-glass`:
+  translucent `color-mix` fill + `backdrop-filter` blur, with opaque fallbacks via `@supports` and
+  on low-core `aurora-static` devices); the mobile tab bar separates by shadow, not stroke. Chart
+  grids keep their own `--aa-grid-line` token so data lines never fade with the chrome.
+- **Hero radar badges fixed + model-true** — the Home radar chips no longer hang outside the card
+  (no clipping at any breakpoint), and their copy is **computed from the frozen engine** (the D2
+  recommendation + fit score for the *busy online shop* preset) instead of mockup text — the badge
+  can never drift from what the Advisor actually recommends.
+- **New brand mark** — a 5-dimension radar pentagon with one lit decision apex ("five dimensions,
+  one recommendation"): `public/favicon.svg` + `BrandMark` header glyph + regenerated PWA icons
+  (192/512/maskable/apple-touch, headless render, no new deps).
+- **Copyright & identity** — `© 2026 Faqih Pratama Muhti (programmerShinobi)` in the global
+  footer, `<meta author/copyright>`, and the print report; brand & identity exclusive, code stays
+  MIT and content CC BY 4.0 (single-sourced in `src/config/site.ts`).
+
 ### Changed (Full bilingualisation + light-theme polish — 2026-07-15)
 
 - **Light theme softened** — the page background is now an off-white slate (`#e8ecf4`) instead of

DECISIONS.md

@@ -272,7 +272,7 @@ commitment the code must match (cross-checked by review, gates, and tests).
   recommendation). Single source (`public/favicon.svg` + a `BrandMark` component), reused for
   header wordmark, favicon and regenerated PWA icons (192/512/maskable) via the existing headless
   render script — no image dependency added.
-- **Copyright & identity.** A footer identity line — `© 2026 Faqih Ibrahim Abdullah (programmerShinobi).
+- **Copyright & identity.** A footer identity line — `© 2026 Faqih Pratama Muhti (programmerShinobi).
   All rights reserved.` — plus the same notice in `site.ts` config, the SEO snapshots, the README
   and the print report. **Scope note:** code stays MIT and docs CC BY 4.0 (unchanged LICENSE
   files); the copyright line asserts *identity/attribution* of the work, it does not re-license it.

index.html

@@ -7,6 +7,8 @@
       name="description"
       content="Architecture Advisor — a transparent, quality-attribute-driven decision-support tool for choosing software architecture, and always explaining why. Free, client-side, open source."
     />
+    <meta name="author" content="Faqih Pratama Muhti (programmerShinobi)" />
+    <meta name="copyright" content="© 2026 Faqih Pratama Muhti (programmerShinobi)" />
     <title>Architecture Advisor</title>
 
     <!-- Icons + PWA theme (manifest link is injected by vite-plugin-pwa). -->

public/favicon.svg

@@ -41,6 +41,7 @@ import { effectiveWeights, rankWith, sensitivity, type Overrides } from './lib/s
 import { detectAntiPatterns } from './lib/antiPatternEngine';
 import type { ExportInput } from './lib/snapshot';
 import type { ScenarioState } from './lib/scenarioIO';
+import { SITE_COPYRIGHT } from './config/site';
 import type { DimensionId, Levels, RankedOption } from './types';
 
 // The Manual/Guide is lazy-loaded: it is an on-demand modal and now carries the detailed,
@@ -211,18 +212,10 @@ export default function App() {
     {mainView === 'advisor' && <AdvisorMobileBar />}
     <div className={'screen-only aa-page' + (mainView === 'advisor' ? ' has-actionbar' : '')}>
       <div className="page aa-frame">
-        <div style={{ background: 'var(--color-background-secondary)', borderRadius: 'var(--border-radius-xl)', padding: 'var(--aa-space-3)' }}>
-          <div
-            id="f-app"
-            className={mode + ' aa-surface'}
-            style={{
-              position: 'relative',
-              background: 'var(--color-background-primary)',
-              border: '0.5px solid var(--color-border-tertiary)',
-              borderRadius: 'var(--border-radius-lg)',
-              overflow: 'hidden',
-            }}
-          >
+        {/* Borderless full-bleed shell (Fase 1): no framed box — content floats on the aurora
+            canvas; the header/nav are glass. The extra wrapper div is gone with the frame. */}
+        <div>
+          <div id="f-app" className={mode} style={{ position: 'relative' }}>
             <Header
               mode={mode}
               onToggleMode={setMode}
@@ -234,7 +227,7 @@ export default function App() {
               saveSig={saveSig}
             />
 
-            <nav aria-label={t('m.primaryNav')} className="screen-only aa-topnav">
+            <nav aria-label={t('m.primaryNav')} className="screen-only aa-topnav aa-glass">
               {(['home', 'advisor', 'learn'] as const).map((v) => {
                 const active = mainView === v;
                 return (
@@ -247,13 +240,11 @@ export default function App() {
                       appearance: 'none',
                       background: active ? 'var(--color-background-info)' : 'transparent',
                       border: 'none',
-                      borderBottom: `2px solid ${active ? 'var(--color-text-info)' : 'transparent'}`,
-                      borderRadius: 'var(--border-radius-md) var(--border-radius-md) 0 0',
-                      color: active ? 'var(--color-text-primary)' : 'var(--color-text-secondary)',
+                      borderRadius: '999px',
+                      color: active ? 'var(--color-text-info)' : 'var(--color-text-secondary)',
                       fontSize: '14px',
                       fontWeight: active ? 600 : 500,
-                      padding: '8px 16px',
-                      marginBottom: '-0.5px',
+                      padding: '8px 18px',
                       cursor: 'pointer',
                       transition: 'background 0.15s ease, color 0.15s ease',
                     }}
@@ -403,18 +394,21 @@ export default function App() {
               }}
             />
 
-            {/* Global footer — always visible (both Advisor & Insights); browser guidance (FR-EDGE-4 / SRS §2.3). */}
+            {/* Global footer — always visible (both Advisor & Insights); browser guidance (FR-EDGE-4 / SRS §2.3)
+                + copyright & identity (Fase 1, DECISIONS.md). Borderless: whitespace, no hairline. */}
             <footer
               className="screen-only"
               style={{
-                padding: 'var(--aa-space-3) var(--aa-panel-pad)',
-                borderTop: '0.5px solid var(--color-border-tertiary)',
+                padding: 'var(--aa-space-6) var(--aa-panel-pad) var(--aa-space-4)',
                 fontSize: 'var(--aa-fs-2xs)',
                 color: 'var(--color-text-tertiary)',
                 textAlign: 'center',
               }}
             >
-              {t('footer.browsers')}
+              <div>{t('footer.browsers')}</div>
+              <div style={{ marginTop: 'var(--aa-space-2)' }}>
+                {SITE_COPYRIGHT} · {t('footer.rights')}
+              </div>
             </footer>
           </div>
         </div>

public/icons/apple-touch-icon.png

@@ -18,8 +18,8 @@ function style(kind: C4NodeKind) {
   if (kind === 'actor')
     return { fill: 'var(--color-background-info)', stroke: 'var(--color-text-info)', text: 'var(--color-text-info)' };
   if (kind === 'store')
-    return { fill: 'var(--color-background-secondary)', stroke: 'var(--color-border-secondary)', text: 'var(--color-text-secondary)' };
-  return { fill: 'var(--color-background-secondary)', stroke: 'var(--color-border-secondary)', text: 'var(--color-text-primary)' };
+    return { fill: 'var(--color-background-secondary)', stroke: 'var(--aa-grid-line)', text: 'var(--color-text-secondary)' };
+  return { fill: 'var(--color-background-secondary)', stroke: 'var(--aa-grid-line)', text: 'var(--color-text-primary)' };
 }
 
 // Renders the C4 stub as deterministic SVG (rows of nodes, fan-out / 1:1 edges). Theme-aware