Project SENTRY: Web Frontend Architecture & Jamstack Workstation

1. Monorepo Architecture & Technology Stack

Project SENTRY adopts a decoupled monorepo architecture where the public analytical workstation resides in web/ while the private econometric and spatial downscaling engines reside in src/. The static presentation layer is completely isolated from the backend Python execution environment, compiling via Astro v5 and Vite into zero-server-cost, pre-rendered static HTML, CSS, JavaScript, and sanitized JSON contracts.

sentry/
├── docs/                        # Technical documentation suite
│   ├── 01_architecture_and_methodology.md
│   ├── 02_data_dictionary_and_sources.md
│   └── ... [5 more chapters: 03–07]
├── src/                         # Econometric & spatial core
│   ├── models/                  # DFM, ElasticNet, MIDAS, Spatial
│   ├── pipelines/               # Nowcasting & telemetry
│   └── ... [2 more packages: features, sentry]
└── web/                         # Jamstack web platform
    ├── public/                  # Static assets & JSON data contracts
    │   ├── data/                # Multi-horizon data contracts
    │   └── ... [2 more folders: scripts, fonts]
    ├── src/                     # Workstation UI & React islands
    │   ├── components/          # ECharts & analytical visualizers
    │   ├── pages/               # Workstation & docs routes
    │   └── ... [2 more folders: data, layouts]
    ├── astro.config.mjs         # SSG build configuration
    ├── package.json             # Workspace dependencies
    └── ... [2 more configuration files]

2. The Open Core Contract & Data Sanitization Policy

To guarantee mathematical integrity while ensuring zero exposure of proprietary scraper code, internal directory structures, or infrastructure credentials, Project SENTRY enforces a strict data isolation barrier:

1. Client Isolation: The web workstation fetches exclusively pre-computed, static JSON payloads hosted under web/public/data/. The client runtime makes zero database queries, evaluates no serverless functions, and executes no dynamic server code.
2. Deterministic Sanitization: The nowcasting pipeline (src/pipelines/run_nowcast.py) evaluates all outgoing string fields against regular expression filters (_PRIVATE_PATH_RE), stripping absolute Windows/Unix filesystem paths (C:\WORKSPACE\..., /home/...), internal tokens, and raw API secrets.
3. Aggregated Analytical Bounds: Data contracts publish only aggregated regional and provincial growth projections, 95% conformal prediction intervals ($[\hat{y}_L, \hat{y}_U]$), directional probabilities, and row-normalized spatial weights.

Static JSON Contract Manifest

3. Dual Workstation Operating Modes

Project SENTRY caters to both executive decision-makers requiring high-level synthesis and technical econometricians conducting granular empirical audits.

3.1 LITE Mode (Policymaker & Executive View)

• High-Density Macro KPIs: Real GDP projection, primary economic growth engine, spatial coupling coefficient ($\rho$), and exact Stone's hierarchy conservation status.
• Regional Economic Growth Grid: 18-region card matrix with dynamic growth badges ($> 6.5$, $5.5\text{–}6.5$, $< 5.5$) and interactive selection updating the regional policy briefing.
• Regional Policy Briefing: Contextual breakdown of supply-chain transmission spillovers ($+4.91\text{ pp}$ via maritime corridors) and domestic demand resilience ($+2.59\text{ pp}$ within tight conformal bounds).
• Embedded Sub-National Hierarchical Accounts (135 Jurisdictions):
  • Fully integrated within the LITE interface without requiring mode switching.
  • Interactive search bar filtering across all provinces and Highly Urbanized Cities (HUCs).
  • Cluster classification filter (Urban, Industrial, Agricultural).
  • Clean pagination displaying reconciled PPA levels, nowcast growth, and exact regional additivity.
  • 10-Column Data Grid Architecture: Minimum table width ($1,150\text{px}$) with border-separate border-spacing-0 and whitespace-nowrap guarantees unclipped presentation across all viewports.
  • React Portal Tooltip System (TooltipInfo.tsx):
    • Mounts directly to document.body via createPortal, completely bypassing parent overflow-x-auto scrolling containers and Chromium table layout stacking context restrictions.
    • Employs coordinate measuring with horizontal viewport boundary clamping (Math.max(12, Math.min(window.innerWidth - 272, left))) to prevent off-screen overflow.
    • Intercepts and stops click event propagation (e.stopPropagation()), preventing tooltip interaction from inadvertently toggling TanStack table column sort handlers.
    • Provides descriptive econometric and administrative definitions across all 10 columns (Jurisdiction, Region, Cluster, Predicted Level, PSA Benchmark, Residual Error, YoY Growth, 95% Conformal Bound, Residual $\epsilon$, Directional Probability).

3.2 POWER USER Mode (Econometric Terminal)

The Power User terminal exposes 7 specialized client-side React islands:

1. MacroTerminal: Macroeconomic KPI matrix, conformal fan chart, and regional growth distribution.
2. SimplexWeightTuner: Real-time quadratic programming weight adjustment ($w_k \ge 0, \sum w_k = 1.0$) recalculating nowcasts live across all 18 administrative regions.
3. ConstituentInspector: Deep econometric evaluation across DFM, ElasticNet, LightGBM, and MIDAS models with Diebold-Mariano test statistics and feature attributions.
4. SpatialGravityMap: Interactive SVG spatial network displaying inter-island bilateral commodity flows ($W_{\text{CFS}}$) and cross-regional spillover corridors.
5. RaggedEdgeStepper: Information arrival simulator demonstrating how missing data diminishes from 94.2% to 0% and predictive intervals compress monotonically by 88.5% over the 90-day countdown.
6. FanChart: High-resolution distribution-free Split Conformal Prediction interval visualizer (80% and 95% coverage bands).
7. TelemetryView: Live pipeline monitoring dashboard displaying statistical vintage freshness, execution latencies, model drift metrics, and GitHub Actions telemetry.

4. Multi-Horizon Time Horizon Architecture & Live Nowcast Integration

4.1 Macroeconomic Horizon Taxonomies

Project SENTRY operationalizes five distinct annual horizons spanning benchmarked historical evaluations through unobserved forward nowcasts:

4.2 Hierarchical Data Contract Layout

To ensure scalable, version-controlled multi-horizon execution, data contracts are partitioned into vintage-specific subdirectories under web/public/data/, with a root index contract and backwards-compatible symlinks/mirrors:

web/public/data/
├── vintages_index.json             # Manifest catalog & active horizon
├── 2026/                           # Active Live Nowcast (default)
│   ├── summary_metrics.json
│   ├── provincial_ppa_latest.json
│   └── ... [4 more contracts: spillovers, ragged-edge, scorecards, gravity]
├── 2025/                           # 2025 Preliminary benchmarked vintage
├── 2024/                           # 2024 Verified baseline vintage
├── 2023/                           # 2023 Historical baseline vintage
├── 2022/                           # 2022 Historical recovery vintage
└── *.json                          # Mirrored root files for legacy clients

vintages_index.json

{
  "default_vintage": "2026",
  "available_vintages": ["2022", "2023", "2024", "2025", "2026"],
  "vintage_metadata": {
    "2026": { "type": "live_nowcast", "ground_truth": "unobserved", "release_date": "2027-04" },
    "2025": { "type": "preliminary", "ground_truth": "preliminary_ppa", "release_date": "2026-04" },
    "2024": { "type": "verified_benchmark", "ground_truth": "verified_ppa", "release_date": "2025-04" },
    "2023": { "type": "historical_benchmark", "ground_truth": "verified_ppa", "release_date": "2024-04" },
    "2022": { "type": "historical_benchmark", "ground_truth": "verified_ppa", "release_date": "2023-04" }
  },
  "exported_at": "2026-09-19T17:17:37.105973+00:00"
}

4.3 Client-Side Reactive State Machine & Caching

The workstation coordinates multi-horizon state dynamically across React islands and the Astro layout shell:

1. Default Horizon Resolution: On initial client hydration, WorkstationContainer.tsx queries /data/vintages_index.json to extract default_vintage (defaulting to 2026), subsequently hydrating all 6 contracts from /data/<vintage>/.
2. Zero-Latency In-Memory Cache (cacheRef): To prevent network overhead or UI jitter when switching between horizons, previously loaded vintage bundles (VintageBundle) are memoized in an in-memory cache ref (Record<number, VintageBundle>). Subsequent toggles execute synchronously in $0\text{ ms}$.
3. Cross-Island Event Bus (horizon-change): Horizon switching dispatches a decoupled window-level CustomEvent('horizon-change', { detail: { year, label } }). The Astro layout header (Layout.astro) listens to this event to update the persistent top navigation badge (#header-horizon) without requiring parent React wrapper re-renders.
4. Conditional Presentation Logic:
   • When Horizon = 2026 (Live Nowcast):
     • Prominent warning banners render in both LiteOverview.tsx and MacroTerminal.tsx.
     • Data table renders amber badge PENDING PSA RELEASE (APR 2027) for Ground Truth.
     • Residual column displays UNOBSERVED.
     • Non-parametric conformal intervals and directional expansion probabilities ($P(\Delta y > 0) = 1.0$) remain fully operational.
   • When Horizon ∈ {2022, 2023, 2024, 2025} (Historical Benchmarks):
     • Data table renders realized PSA output levels.
     • Residual column displays exact signed error ($\widehat{y} - y$) and percentage discrepancy with color-coded precision thresholds ($\le 1.5$).

5. KaTeX Mathematical Typography & Interactive Clipboard Export

To bridge the gap between academic econometrics and interactive software, Project SENTRY embeds formatted mathematical equations directly into its modal specification sheets (SpotlightModal.tsx and powerUserSheets.ts):

• In-Situ KaTeX Rendering: Mathematical operators, state-space equations, Lagrangian disaggregation objectives, and conformal interval formulations are rendered via katex.renderToString().
• Interactive "Copy LaTeX" Button: Every specification sheet features a one-click copy button that copies the raw LaTeX source code to the user's clipboard, providing visual confirmation ("Copied!") for seamless inclusion in academic papers and policy reports.

% Example: Lagrangian Denton Disaggregation Specification
\min_{p} \sum_{t} \left( \frac{p_t}{I_t} - \frac{p_{t-1}}{I_{t-1}} \right)^2 
\quad \text{subject to} \quad 
\sum_{i \in R_r} p_{i, t} = \widehat{\text{GRDP}}_{r, t}, \quad \epsilon \le 10^{-6}

6. Cloudflare Zero Trust Documentation Gating & Security

Project SENTRY applies an enterprise-grade security posture across its static documentation portal:

• Public Research Chapters: Chapters 01_architecture_and_methodology.md, 02_data_dictionary_and_sources.md, 05_empirical_benchmarks.md, and 07_web_frontend_architecture.md are accessible publicly without authentication.
• Protected Operational Chapters: Chapters 03_pipeline_and_cli_reference.md, 04_deployment_and_cloud_infrastructure.md, and 06_ci_telemetry_reference.md are locked behind Cloudflare Zero Trust (Cloudflare Access).
• Edge Access Enforcement: Requests to restricted routes are intercepted by Cloudflare Anycast edge nodes, verifying RS256-signed JWT assertions minted via GitHub OAuth 2.0.
• Client-Side Spotlight Challenge: In unauthenticated sessions, navigation to locked chapters renders a centered spotlight modal displaying the Cloudflare Zero Trust badge and a Single Sign-On (SSO) button.
• PII & Credential Sanitization: All personal email addresses and developer credentials have been removed from source code and public documentation, referencing exclusively public profiles (@slcls, [email protected]).

7. Zero-FOUC Responsive Mobile Viewport Restriction Gate

Due to the extreme analytical density of the financial terminal and spatial flow graphs, viewports smaller than $1024\text{px}$ are gated at the DOM head before layout evaluation:

<script is:inline>
  (function () {
    var W = window.innerWidth || document.documentElement.clientWidth || 0;
    if (W < 1024) {
      document.documentElement.classList.add('is-mobile');
      document.addEventListener('DOMContentLoaded', function () {
        document.body.innerHTML =
          '<div style="min-height:100vh; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:1.5rem; text-align:center; font-family:monospace; background-color:#09090b; color:#fafafa;">' +
          '<div style="border:1px solid #27272a; padding:2rem; max-width:28rem; border-radius:0.5rem; background-color:rgba(18,18,20,0.8);">' +
          '<div style="color:#ef4444; font-weight:700; font-size:0.75rem; letter-spacing:0.1em; margin-bottom:1rem;">[DEVICE RESTRICTED]</div>' +
          '<p style="font-size:0.875rem; line-height:1.5; color:#a1a1aa; margin-bottom:1rem;">High-density analytical terminal requires a minimum 1024px viewport width.</p>' +
          '<p style="font-size:0.875rem; line-height:1.5; color:#a1a1aa; margin-bottom:1.5rem;">Mobile and tablet access is restricted by policy. Please access from a desktop workstation.</p>' +
          '<a href="https://slcls.dev/?ref=sentry" style="display:inline-block; padding:0.5rem 1rem; font-size:0.75rem; font-weight:600; color:#0f172a; background-color:#10b981; border-radius:0.25rem; text-decoration:none;">MY PORTFOLIO ↗</a>' +
          '</div></div>';
      });
    } else {
      document.documentElement.classList.add('is-desktop');
    }
  })();
</script>

This inline script executes synchronously before stylesheets or hydration scripts mount, preventing any Flash of Unstyled Content (FOUC) while providing mobile visitors with a clear path to the researcher's primary portfolio.

8. Cloudflare Zero Trust Edge Middleware & Pages Functions (Phase 13)

Phase 13 upgrades the documentation access barrier to an enterprise-grade Cloudflare Zero Trust edge architecture with multi-layer perimeter enforcement:

8.1 Root Global Canonical Hostname Middleware (functions/_middleware.ts)

To prevent domain stranding and ensure seamless perimeter protection across all ingress vectors, a top-level edge middleware is deployed at the root of Pages Functions (web/functions/_middleware.ts and /functions/_middleware.ts):

• Global Interception: Executes before all downstream route handlers across /, /telemetry, /docs/*, and /api/*.
• Automatic 301 Bouncing: Any incoming HTTP/HTTPS request targeting *.pages.dev (including sentry-slcls.pages.dev) is immediately redirected (HTTP 301 Permanent Redirect) to https://sentry.slcls.dev, preserving the full URL pathname, search query parameters, and port.
• Local Development Exemption: Safely exempts local development and testing environments (localhost, 127.0.0.1) from redirection loops.

export const onRequest: PagesFunction = async (context) => {
  const url = new URL(context.request.url);
  const hostname = url.hostname;

  if (hostname.endsWith('.pages.dev') && !hostname.includes('localhost') && hostname !== '127.0.0.1') {
    const canonicalUrl = new URL(context.request.url);
    canonicalUrl.hostname = 'sentry.slcls.dev';
    canonicalUrl.protocol = 'https:';
    canonicalUrl.port = '';

    return Response.redirect(canonicalUrl.toString(), 301);
  }

  return context.next();
};

8.2 Restricted Chapter Edge Gatekeeper (functions/docs/_middleware.ts)

Requests destined for protected operational chapters (03_pipeline_and_cli_reference, 04_deployment_and_cloud_infrastructure, 06_ci_telemetry_reference) are evaluated under strict Zero Trust assertion rules:

• Zero-Leakage Interception: Unauthenticated requests receive an inline 401 Zero Trust challenge HTML payload containing zero bytes of underlying documentation text. The pre-rendered HTML is terminated at the edge, preventing DOM or source inspection.
• Cryptographic RS256 Verification (_auth_utils.ts): Validates incoming Cf-Access-Jwt-Assertion or CF_Authorization cookies using the edge Web Crypto API (crypto.subtle.verify). Dynamically fetches and memoizes public JWKS certificates from Cloudflare Access to verify signature validity, audience match (aud), and token expiration.
• Dynamic Team Domain Fallback: Resolves the Access team domain via CF_ACCESS_TEAM_DOMAIN (defaulting strictly to slcls), ensuring SSO login redirection avoids 404 team slug errors.
• Identity Claim Extraction: Verifies the user against authorized maintainer identity (slcls, [email protected]), injecting downstream audit headers (X-Zero-Trust-Authenticated: true, X-Zero-Trust-Identity: slcls (Administrator)).
• Development Fallback Mode: In local development environments (localhost), provides automated simulation of administrator authentication (demo_administrator).

8.3 Session Discovery Endpoint (functions/api/auth/me.ts)

A dedicated edge API endpoint allows client-side components to dynamically probe the active Zero Trust session state:

{
  "authenticated": true,
  "mode": "cloudflare_zero_trust",
  "identity": "slcls (Administrator)",
  "user_uuid": "...",
  "email": "[email protected]"
}

8.4 Dual-Mode Monorepo Edge Structure

To guarantee seamless deployment regardless of whether the Cloudflare Pages build configuration specifies Root directory: web or Root directory: /:

• Root Workspace: Root package.json defines "workspaces": ["web"], ensuring dependency resolution succeeds under both paths.
• Mirrored Edge Functions: Standalone implementations in root /functions/ and web/functions/ allow Cloudflare Pages to discover middleware and API endpoints from either build root.

9. Dynamic Code Splitting & Performance Optimization (Phase 13)

To ensure sub-second initial load times and achieve 60fps rendering, the frontend architecture implements aggressive dynamic code-splitting:

9.1 Dynamic Lazy Component Loading (React.lazy())

Heavy analytical visualizers that are only utilized in POWER USER mode are isolated into asynchronous client chunks wrapped in React.Suspense with an accessible skeleton loading indicator:

• FanChart.tsx: Distribution-free conformal fan visualizer (~9 kB).
• SpatialGravityMap.tsx: Bilateral maritime flow network (~11 kB).
• SimplexWeightTuner.tsx: Quadratic programming weight optimizer (~6.8 kB).
• RaggedEdgeStepper.tsx: Information arrival simulator (~9.2 kB).
• ConstituentInspector.tsx: Deep model benchmark inspector (~3.5 kB).

9.2 Vite Vendor Chunking (web/astro.config.mjs)

Rollup output manual chunks isolate third-party dependencies into independent, long-term cached bundles:

• vendor-echarts: Apache ECharts visualization engine (~560 kB, down from monolithic bundle).
• vendor-katex: KaTeX mathematical typography renderer (~258 kB).
• vendor-react: React & React DOM core runtimes (~141 kB).
• vendor-table: TanStack React Table headless core (~53 kB).

Result: The main workstation container bundle (WorkstationContainer.js) is reduced from 961 kB to 51 kB (a 95% reduction in initial payload footprint), completely eliminating Vite bundle size warnings.

10. Cloudflare Pages Direct Edge Deployment & Security Topology (Phase 13)

Project SENTRY is optimized for zero-cost, serverless edge distribution on Cloudflare Pages ($0/month):

10.1 Cloudflare Pages Configuration (web/wrangler.toml)

name = "sentry"
compatibility_date = "2024-09-20"
compatibility_flags = ["nodejs_compat"]
pages_build_output_dir = "dist"

10.2 Strict Edge Security & Caching Headers (web/public/_headers)

• Content Security Policy (CSP): Tailored for static Jamstack execution, restricting script, style, and frame execution while explicitly permitting navigation and iframe interaction across slcls.dev, app.slcls.dev, and staging.slcls.dev.
• Cross-Origin Resource Sharing (CORS): Permits authenticated analytical queries across the slcls.dev domain ecosystem.
• Immutable Long-Term Caching: Hashed assets under /_astro/* and /scripts/* are cached with Cache-Control: public, max-age=31536000, immutable.
• Immediate Revalidation: JSON contracts under /data/* and pre-rendered HTML files enforce Cache-Control: public, max-age=0, must-revalidate to ensure real-time statistical updates.

10.3 Function Routing Filter (web/public/_routes.json)

Controls edge worker invocations to optimize execution limits:

{
  "version": 1,
  "include": [
    "/*"
  ],
  "exclude": [
    "/_astro/*",
    "/data/*",
    "/scripts/*",
    "/favicon*"
  ]
}

All navigation routes (/, /telemetry, /docs/*, /api/*) pass through the root canonical middleware, while static assets and data files are served directly from Cloudflare's edge cache with zero worker overhead.

10.4 Node.js LTS Pinning & Cross-Platform Native Binaries

To guarantee build reproducibility across local developer environments and Cloudflare Pages build hosts:

• Node.js 22.16.0 LTS: Pinned via .nvmrc and .node-version across repository root and web/, matching Cloudflare Pages Build System v3 defaults.
• Cross-Platform Native Binaries: Locked @rollup/rollup-linux-x64-gnu: 4.63.4, @rollup/rollup-linux-x64-musl: 4.63.4, and @esbuild/linux-x64: 0.21.5 in optionalDependencies and package-lock.json, preventing missing binary build errors on Cloudflare Linux containers.

11. Project Maintainers & Contact Dialog Architecture

The platform provides accessible contact channels and verified maintainer attribution via an accessible spotlight dialog (ContactModal.astro):

• Persistent Navigation Tab: Accessible via the "CONTACTS" button in the global navigation bar.
• Project Leadership & Engineering Roster:
  • Shan Kenneth Bayon-on: Lead Developer & Data Ingestion Engineer
    • Socials: Email ([email protected]), GitHub (github.com/slcls), LinkedIn, ORCID (0009-0004-9103-2012), Kaggle (soliculus).
  • Mikhail Davies: Developer & Quantitative Analyst
    • Socials: GitHub (github.com/452).
• Accessibility & UX Controls: Modal features responsive viewport clamping (max-h-[90vh] overflow-y-auto), click-outside dismissal, Escape-key dismissal, and cross-domain portfolio attribution (https://slcls.dev/?ref=sentry).

12. Search Engine Optimization (SEO) & Autonomous Agent Readiness (Phase 14)

Phase 14 implements enterprise-grade SEO and machine-readable agent discoverability, adapting the architecture from slcls.dev to make sentry.slcls.dev fully indexable by search engines and RAG/LLM autonomous agents while strictly enforcing Zero Trust security boundaries:

12.1 Canonical Hostname Hardening & Social Graph

• Strict Canonical URLs: Injected in <head> via <link rel="canonical" href={https://sentry.slcls.dev${Astro.url.pathname}`} />, preventing search engines from indexing intermediate deployment domains (sentry-slcls.pages.dev`).
• OpenGraph & Twitter Cards: Full social card metadata (og:title, og:description, og:image, og:url, og:site_name, twitter:card, twitter:image), guaranteeing informative link unfurling on platforms such as Slack, iMessage, Perplexity, and ChatGPT.
• Adaptive Theme Metas: Coordinated theme-color meta tags matching slcls.dev (#0c0c0f dark mode, #eee2cc light mode).

12.2 Structured Data Entity Modeling (Schema.org JSON-LD)

A high-signal @graph block is injected into Layout.astro:

1. WebApplication (@id: https://sentry.slcls.dev/#app): Identifies SENTRY as an AnalyticsApplication for macroeconomic nowcasting. Links author attribution to Shan Kenneth Bayon-on (https://slcls.dev) with verified registries (GitHub, LinkedIn, ORCID, Facebook) and contributor attribution to Mikhail Davies.
2. Dataset (@id: https://sentry.slcls.dev/#dataset): Formally catalogs the Philippine GDP Conformal Nowcast Dataset with CC BY-NC 4.0 licensing, spatial coverage PH, and temporal coverage 2022/2026.

12.3 Machine-Readable Agent Context (llms.txt & llms-full.txt)

Provides structured, hallucination-resistant summaries for AI search tools and autonomous scrapers:

• web/public/llms.txt: Concise manifest declaring system mission, public reference links (/, /docs/01*, /docs/02*, /docs/05*, /docs/07*), Zero Trust access perimeters, and canonical author entity details.
• web/public/llms-full.txt: Deep technical reference detailing the Quad Meta-Ensemble, Spatial Dynamic Factor Model (CFS matrix, $\alpha^*=0.65$, $\rho=0.412$), Denton additive hierarchical reconciliation ($\epsilon \le 10^{-6}$), empirical benchmark scorecards, and verified engineering credentials.

12.4 Crawler Directives & Content-Signal (robots.txt)

Configured to maximize public discoverability while safeguarding sensitive internal operations:

• Directives: Declares Content-Signal: search=yes, ai-input=yes, ai-train=yes.
• Targeted Bot Permissions: Grants explicit access for AI scrapers (GPTBot, OAI-SearchBot, PerplexityBot, ClaudeBot, Applebot-Extended) to public documentation chapters (01, 02, 05, 07).
• Strict Perimeter Disallow: Enforces disallows on protected operational documentation (/docs/03*, /docs/04*, /docs/06*) and internal endpoints (/api/).

12.5 Zero Trust Sitemap Integration (@astrojs/sitemap)

Automates XML sitemap generation (sitemap-index.xml and sitemap-0.xml) via @astrojs/[email protected]:

• Automated Route Filtering: Evaluates all static pages at build time and programmatically purges protected chapters (/docs/03*, /docs/04*, /docs/06*, /api/*), guaranteeing that unauthenticated routes are never leaked to search indexers.

12.6 Semantic HTML Metric Accessibility

To ensure non-JavaScript HTTP agents and text scrapers capture ground truth figures without executing client hydration bundles:

• Visually Hidden Pre-rendered Summary: Injects a server-rendered <section class="sr-only"> in index.astro containing definition lists (<dl>, <dt>, <dd>, <data>) with headline indicators:
  • Philippine Real GDP Nowcast Growth: +6.17%
  • Spatial Autoregressive Coupling ($\rho$): 0.8807
  • Stone Conservation Residual: $\le 10^{-6}$ (100.0% EXACT)
  • Tracked Jurisdictions: 18 Regions, 135 Provinces & HUCs
• Zero visual impact on analytical workstation layouts and zero runtime JavaScript execution overhead.