diff --git a/frontend/components/dashboard/Dashboard.module.css b/frontend/components/dashboard/Dashboard.module.css
index 3a8ede1c..b8c73cc8 100644
--- a/frontend/components/dashboard/Dashboard.module.css
+++ b/frontend/components/dashboard/Dashboard.module.css
@@ -589,6 +589,444 @@
   opacity: 1;
 }
 
+/* ── Homepage Intelligence Layer ── */
+.root :global(.home-intelligence-panel) {
+  position: fixed;
+  top: calc(var(--header-height) + 18px);
+  right: 18px;
+  bottom: 132px;
+  width: min(382px, calc(100vw - var(--sidebar-width) - 64px));
+  z-index: 890;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  padding: 18px;
+  overflow: hidden;
+  border: 1px solid rgba(34, 211, 238, 0.18);
+  border-radius: 24px;
+  background:
+    radial-gradient(circle at 18% 0%, rgba(34, 211, 238, 0.16), transparent 32%),
+    radial-gradient(circle at 100% 20%, rgba(59, 130, 246, 0.18), transparent 34%),
+    linear-gradient(155deg, rgba(5, 12, 25, 0.86), rgba(12, 19, 35, 0.78));
+  backdrop-filter: blur(24px) saturate(130%);
+  box-shadow:
+    0 28px 80px rgba(0, 0, 0, 0.42),
+    inset 0 1px 0 rgba(255, 255, 255, 0.06);
+  animation: home-panel-enter 520ms cubic-bezier(0.16, 1, 0.3, 1) both;
+}
+
+.root :global(.home-panel-glow) {
+  position: absolute;
+  inset: -28% -30% auto auto;
+  width: 260px;
+  height: 260px;
+  border-radius: 999px;
+  background: radial-gradient(circle, rgba(34, 211, 238, 0.18), transparent 62%);
+  pointer-events: none;
+}
+
+.root :global(.home-panel-kicker),
+.root :global(.home-panel-airport),
+.root :global(.home-signal-label),
+.root :global(.home-pro-card span),
+.root :global(.opportunity-strip-heading span) {
+  color: rgba(148, 163, 184, 0.92);
+  font-size: 10px;
+  font-weight: 800;
+  letter-spacing: 0.16em;
+  text-transform: uppercase;
+}
+
+.root :global(.home-panel-kicker) {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.root :global(.home-panel-pulse) {
+  width: 8px;
+  height: 8px;
+  border-radius: 999px;
+  background: var(--accent-cyan);
+  box-shadow: 0 0 18px rgba(34, 211, 238, 0.7);
+  animation: pulse 2s ease-in-out infinite;
+}
+
+.root :global(.home-panel-city) {
+  position: relative;
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 16px;
+}
+
+.root :global(.home-panel-city h2) {
+  margin-top: 6px;
+  color: #f8fafc;
+  font-size: clamp(28px, 4vw, 42px);
+  font-weight: 900;
+  line-height: 0.92;
+  letter-spacing: -0.07em;
+}
+
+.root :global(.home-risk-badge) {
+  flex-shrink: 0;
+  border-radius: 999px;
+  padding: 7px 10px;
+  border: 1px solid rgba(148, 163, 184, 0.18);
+  background: rgba(15, 23, 42, 0.58);
+  color: var(--text-secondary);
+  font-size: 11px;
+  font-weight: 800;
+}
+
+.root :global(.home-risk-badge.high) {
+  border-color: rgba(248, 113, 113, 0.32);
+  color: #fecaca;
+  background: rgba(127, 29, 29, 0.22);
+}
+
+.root :global(.home-risk-badge.medium) {
+  border-color: rgba(251, 191, 36, 0.32);
+  color: #fde68a;
+  background: rgba(120, 53, 15, 0.22);
+}
+
+.root :global(.home-risk-badge.low) {
+  border-color: rgba(52, 211, 153, 0.3);
+  color: #bbf7d0;
+  background: rgba(20, 83, 45, 0.18);
+}
+
+.root :global(.home-panel-subtitle) {
+  max-width: 310px;
+  color: rgba(203, 213, 225, 0.78);
+  font-size: 13px;
+  line-height: 1.6;
+}
+
+.root :global(.home-metric-grid) {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 10px;
+}
+
+.root :global(.home-metric-card) {
+  min-height: 86px;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 13px;
+  border: 1px solid rgba(148, 163, 184, 0.13);
+  border-radius: 18px;
+  background: rgba(2, 6, 23, 0.36);
+}
+
+.root :global(.home-metric-card.primary) {
+  background:
+    linear-gradient(135deg, rgba(34, 211, 238, 0.2), rgba(59, 130, 246, 0.08)),
+    rgba(2, 6, 23, 0.42);
+  border-color: rgba(34, 211, 238, 0.24);
+}
+
+.root :global(.home-metric-card span) {
+  color: rgba(148, 163, 184, 0.86);
+  font-size: 11px;
+  font-weight: 700;
+}
+
+.root :global(.home-metric-card strong) {
+  color: #f8fafc;
+  font-size: 24px;
+  font-weight: 900;
+  letter-spacing: -0.06em;
+}
+
+.root :global(.home-signal-card) {
+  display: grid;
+  grid-template-columns: 48px 1fr;
+  gap: 14px;
+  padding: 14px;
+  border: 1px solid rgba(34, 211, 238, 0.16);
+  border-radius: 20px;
+  background: rgba(8, 13, 27, 0.48);
+}
+
+.root :global(.home-signal-line) {
+  display: flex;
+  align-items: flex-end;
+  justify-content: center;
+  gap: 5px;
+  height: 68px;
+}
+
+.root :global(.home-signal-line span) {
+  width: 7px;
+  border-radius: 999px;
+  background: linear-gradient(180deg, #22d3ee, #3b82f6);
+  opacity: 0.88;
+  animation: home-signal-wave 1.8s ease-in-out infinite;
+}
+
+.root :global(.home-signal-line span:nth-child(1)) {
+  height: 32px;
+}
+
+.root :global(.home-signal-line span:nth-child(2)) {
+  height: 56px;
+  animation-delay: 180ms;
+}
+
+.root :global(.home-signal-line span:nth-child(3)) {
+  height: 42px;
+  animation-delay: 360ms;
+}
+
+.root :global(.home-signal-card strong) {
+  display: block;
+  margin: 5px 0 4px;
+  color: #e2e8f0;
+  font-size: 15px;
+}
+
+.root :global(.home-signal-card p) {
+  color: rgba(148, 163, 184, 0.9);
+  font-size: 12px;
+  line-height: 1.55;
+}
+
+.root :global(.home-pro-card) {
+  margin-top: auto;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 14px;
+  padding: 14px;
+  border: 1px solid rgba(251, 191, 36, 0.26);
+  border-radius: 20px;
+  background:
+    linear-gradient(135deg, rgba(251, 191, 36, 0.1), transparent 60%),
+    rgba(15, 23, 42, 0.52);
+}
+
+.root :global(.home-pro-card.active) {
+  border-color: rgba(34, 211, 238, 0.28);
+  background:
+    linear-gradient(135deg, rgba(34, 211, 238, 0.12), transparent 60%),
+    rgba(15, 23, 42, 0.52);
+}
+
+.root :global(.home-pro-card strong) {
+  display: block;
+  margin-top: 5px;
+  color: #f8fafc;
+  font-size: 12px;
+  line-height: 1.45;
+}
+
+.root :global(.home-pro-card a),
+.root :global(.home-pro-card button) {
+  flex-shrink: 0;
+  border: 1px solid rgba(34, 211, 238, 0.32);
+  border-radius: 999px;
+  background: rgba(34, 211, 238, 0.1);
+  color: #a5f3fc;
+  cursor: pointer;
+  font: inherit;
+  font-size: 12px;
+  font-weight: 800;
+  padding: 8px 12px;
+  text-decoration: none;
+  transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
+}
+
+.root :global(.home-pro-card a:hover),
+.root :global(.home-pro-card button:hover) {
+  transform: translateY(-1px);
+  border-color: rgba(34, 211, 238, 0.62);
+  background: rgba(34, 211, 238, 0.16);
+}
+
+.root :global(.home-opportunity-strip) {
+  position: fixed;
+  left: calc(var(--sidebar-width) + 30px);
+  right: 418px;
+  bottom: 18px;
+  z-index: 880;
+  display: grid;
+  grid-template-columns: 170px 1fr;
+  gap: 14px;
+  align-items: stretch;
+  padding: 12px;
+  border: 1px solid rgba(148, 163, 184, 0.14);
+  border-radius: 22px;
+  background:
+    radial-gradient(circle at 8% 50%, rgba(34, 211, 238, 0.12), transparent 32%),
+    rgba(7, 13, 25, 0.76);
+  backdrop-filter: blur(20px) saturate(130%);
+  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.34);
+  animation: opportunity-strip-enter 580ms cubic-bezier(0.16, 1, 0.3, 1) 120ms both;
+}
+
+.root :global(.opportunity-strip-heading) {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  gap: 7px;
+  padding: 4px 8px;
+}
+
+.root :global(.opportunity-strip-heading strong) {
+  color: #f8fafc;
+  font-size: 15px;
+  line-height: 1.25;
+}
+
+.root :global(.opportunity-card-grid) {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 10px;
+}
+
+.root :global(.opportunity-card) {
+  position: relative;
+  min-width: 0;
+  display: grid;
+  grid-template-columns: 10px 1fr;
+  grid-template-areas:
+    "dot city"
+    "dot meta"
+    "dot hit";
+  gap: 3px 9px;
+  align-content: center;
+  min-height: 76px;
+  padding: 12px;
+  border: 1px solid rgba(148, 163, 184, 0.12);
+  border-radius: 16px;
+  background: rgba(15, 23, 42, 0.5);
+  color: inherit;
+  cursor: pointer;
+  font: inherit;
+  text-align: left;
+  transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
+}
+
+.root :global(.opportunity-card:hover) {
+  transform: translateY(-2px);
+  border-color: rgba(34, 211, 238, 0.32);
+  background: rgba(15, 23, 42, 0.72);
+}
+
+.root :global(.opportunity-risk-dot) {
+  grid-area: dot;
+  align-self: center;
+  width: 8px;
+  height: 42px;
+  border-radius: 999px;
+  background: rgba(148, 163, 184, 0.55);
+}
+
+.root :global(.opportunity-risk-dot.high) {
+  background: linear-gradient(180deg, #fb7185, #f97316);
+}
+
+.root :global(.opportunity-risk-dot.medium) {
+  background: linear-gradient(180deg, #facc15, #f97316);
+}
+
+.root :global(.opportunity-risk-dot.low) {
+  background: linear-gradient(180deg, #34d399, #22d3ee);
+}
+
+.root :global(.opportunity-city) {
+  grid-area: city;
+  overflow: hidden;
+  color: #f8fafc;
+  font-size: 13px;
+  font-weight: 850;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.root :global(.opportunity-meta) {
+  grid-area: meta;
+  overflow: hidden;
+  color: rgba(203, 213, 225, 0.88);
+  font-size: 11px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.root :global(.opportunity-hit) {
+  grid-area: hit;
+  color: rgba(34, 211, 238, 0.9);
+  font-size: 11px;
+  font-weight: 800;
+}
+
+@keyframes home-panel-enter {
+  from {
+    opacity: 0;
+    transform: translate3d(24px, 0, 0) scale(0.98);
+  }
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0) scale(1);
+  }
+}
+
+@keyframes opportunity-strip-enter {
+  from {
+    opacity: 0;
+    transform: translate3d(0, 22px, 0);
+  }
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes home-signal-wave {
+  0%,
+  100% {
+    transform: scaleY(0.72);
+    opacity: 0.68;
+  }
+  50% {
+    transform: scaleY(1);
+    opacity: 1;
+  }
+}
+
+@media (max-width: 1360px) {
+  .root :global(.home-intelligence-panel) {
+    display: none;
+  }
+
+  .root :global(.home-opportunity-strip) {
+    right: 18px;
+  }
+}
+
+@media (max-width: 1020px) {
+  .root :global(.home-opportunity-strip) {
+    left: 18px;
+    grid-template-columns: 1fr;
+  }
+
+  .root :global(.opportunity-card-grid) {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+
+@media (max-width: 720px) {
+  .root :global(.home-opportunity-strip) {
+    display: none;
+  }
+}
+
 /* ── Detail Panel ── */
 .root :global(.detail-panel) {
   position: fixed;
diff --git a/frontend/components/dashboard/PolyWeatherDashboard.tsx b/frontend/components/dashboard/PolyWeatherDashboard.tsx
index ef9acf00..d27d4209 100644
--- a/frontend/components/dashboard/PolyWeatherDashboard.tsx
+++ b/frontend/components/dashboard/PolyWeatherDashboard.tsx
@@ -1,7 +1,8 @@
 "use client";
 import clsx from "clsx";
 import dynamic from "next/dynamic";
-import { useEffect } from "react";
+import Link from "next/link";
+import { useEffect, useMemo } from "react";
 import styles from "./Dashboard.module.css";
 import detailChromeStyles from "./DetailPanelChrome.module.css";
 import modalChromeStyles from "./ModalChrome.module.css";
@@ -13,6 +14,12 @@ import { I18nProvider, useI18n } from "@/hooks/useI18n";
 import { CitySidebar } from "@/components/dashboard/CitySidebar";
 import { DetailPanel } from "@/components/dashboard/DetailPanel";
 import { HeaderBar } from "@/components/dashboard/HeaderBar";
+import type {
+  CityDetail,
+  CityListItem,
+  CitySummary,
+  RiskLevel,
+} from "@/lib/dashboard-types";
 
 const loadHistoryModal = () =>
   import("@/components/dashboard/HistoryModal").then(
@@ -49,6 +56,250 @@ const FutureForecastModal = dynamic(
   },
 );
 
+type CitySnapshot = {
+  city: CityListItem;
+  detail?: CityDetail | null;
+  score: number;
+  summary?: CitySummary | null;
+};
+
+const RISK_SCORE: Record<string, number> = {
+  high: 3,
+  medium: 2,
+  low: 1,
+};
+
+function getRiskCopy(level: RiskLevel | undefined, locale: string) {
+  if (level === "high") return locale === "en-US" ? "High variance" : "高波动";
+  if (level === "medium") return locale === "en-US" ? "Watch list" : "重点观察";
+  if (level === "low") return locale === "en-US" ? "Stable" : "低波动";
+  return locale === "en-US" ? "Unrated" : "待评级";
+}
+
+function getTempSymbol(
+  city: CityListItem,
+  summary?: CitySummary | null,
+  detail?: CityDetail | null,
+) {
+  if (summary?.temp_symbol) return summary.temp_symbol;
+  if (detail?.temp_symbol) return detail.temp_symbol;
+  return city.temp_unit === "fahrenheit" ? "°F" : "°C";
+}
+
+function formatTemperature(value: number | null | undefined, symbol: string) {
+  if (!Number.isFinite(Number(value))) return "--";
+  return `${Math.round(Number(value))}${symbol}`;
+}
+
+function formatPercent(value: number | null | undefined) {
+  if (!Number.isFinite(Number(value))) return "--";
+  return `${Math.round(Number(value) * 100)}%`;
+}
+
+function formatDelta(
+  current: number | null | undefined,
+  forecast: number | null | undefined,
+  symbol: string,
+) {
+  if (!Number.isFinite(Number(current)) || !Number.isFinite(Number(forecast))) {
+    return "--";
+  }
+  const delta = Number(current) - Number(forecast);
+  const sign = delta > 0 ? "+" : "";
+  return `${sign}${delta.toFixed(1)}${symbol}`;
+}
+
+function buildSnapshot(
+  city: CityListItem,
+  summary?: CitySummary | null,
+  detail?: CityDetail | null,
+): CitySnapshot {
+  const tier =
+    city.deb_recent_tier ||
+    city.risk_level ||
+    summary?.risk?.level ||
+    detail?.risk?.level;
+  const hitRate = Number(city.deb_recent_hit_rate ?? 0);
+  const sampleCount = Number(city.deb_recent_sample_count ?? 0);
+  const score =
+    (RISK_SCORE[String(tier || "")] || 0) * 100 +
+    hitRate * 100 +
+    Math.min(sampleCount, 60) / 10;
+  return { city, detail, score, summary };
+}
+
+function HomeIntelligencePanel({ snapshots }: { snapshots: CitySnapshot[] }) {
+  const store = useDashboardStore();
+  const { locale } = useI18n();
+  const selectedSnapshot = store.selectedCity
+    ? snapshots.find((snapshot) => snapshot.city.name === store.selectedCity)
+    : null;
+  const spotlight = selectedSnapshot || snapshots[0] || null;
+
+  if (!spotlight) return null;
+
+  const { city, detail, summary } = spotlight;
+  const symbol = getTempSymbol(city, summary, detail);
+  const currentTemp = summary?.current?.temp ?? detail?.current?.temp;
+  const debPrediction = summary?.deb?.prediction ?? detail?.deb?.prediction;
+  const localTime = summary?.local_time || detail?.local_time || "--";
+  const riskLevel =
+    city.deb_recent_tier ||
+    city.risk_level ||
+    summary?.risk?.level ||
+    detail?.risk?.level;
+  const deviation = summary?.deviation_monitor || detail?.deviation_monitor;
+  const deviationLabel =
+    locale === "en-US" ? deviation?.label_en : deviation?.label_zh;
+  const observationSource =
+    summary?.current?.settlement_source_label ||
+    detail?.current?.settlement_source_label ||
+    city.settlement_source_label ||
+    city.airport;
+  const isPro = store.proAccess.subscriptionActive;
+  const heading = locale === "en-US" ? "Decision radar" : "决策雷达";
+  const subtitle =
+    locale === "en-US"
+      ? "Live weather, model variance and paid intelligence stay in one workflow."
+      : "把实时天气、模型偏差和付费情报放在同一个工作流里。";
+
+  return (
+    <aside className="home-intelligence-panel" aria-label={heading}>
+      <div className="home-panel-glow" aria-hidden="true" />
+      <div className="home-panel-kicker">
+        <span className="home-panel-pulse" aria-hidden="true" />
+        <span>{heading}</span>
+      </div>
+
+      <div className="home-panel-city">
+        <div>
+          <span className="home-panel-airport">{city.icao || city.airport}</span>
+          <h2>{summary?.display_name || detail?.display_name || city.display_name}</h2>
+        </div>
+        <span className={clsx("home-risk-badge", String(riskLevel || "other"))}>
+          {getRiskCopy(riskLevel, locale)}
+        </span>
+      </div>
+
+      <p className="home-panel-subtitle">{subtitle}</p>
+
+      <div className="home-metric-grid">
+        <div className="home-metric-card primary">
+          <span>{locale === "en-US" ? "Now" : "当前"}</span>
+          <strong>{formatTemperature(currentTemp, symbol)}</strong>
+        </div>
+        <div className="home-metric-card">
+          <span>{locale === "en-US" ? "DEB high" : "DEB 高点"}</span>
+          <strong>{formatTemperature(debPrediction, symbol)}</strong>
+        </div>
+        <div className="home-metric-card">
+          <span>{locale === "en-US" ? "Delta" : "偏差"}</span>
+          <strong>{formatDelta(currentTemp, debPrediction, symbol)}</strong>
+        </div>
+        <div className="home-metric-card">
+          <span>{locale === "en-US" ? "Local" : "当地"}</span>
+          <strong>{localTime}</strong>
+        </div>
+      </div>
+
+      <div className="home-signal-card">
+        <div className="home-signal-line" aria-hidden="true">
+          <span />
+          <span />
+          <span />
+        </div>
+        <div>
+          <span className="home-signal-label">
+            {locale === "en-US" ? "Observation anchor" : "观测锚点"}
+          </span>
+          <strong>{observationSource}</strong>
+          <p>
+            {deviationLabel ||
+              (locale === "en-US"
+                ? "Waiting for model deviation monitor."
+                : "等待模型偏差监控信号。")}
+          </p>
+        </div>
+      </div>
+
+      <div className={clsx("home-pro-card", isPro && "active")}>
+        <div>
+          <span>{isPro ? "PRO SIGNAL" : "PRO LOCKED"}</span>
+          <strong>
+            {isPro
+              ? locale === "en-US"
+                ? "Market, history and future days are unlocked."
+                : "市场、历史和未来日情报已解锁。"
+              : locale === "en-US"
+                ? "Market edge, history review and future dates stay paid."
+                : "市场优势、历史复盘和未来日期保持付费。"}
+          </strong>
+        </div>
+        {isPro ? (
+          <button type="button" onClick={() => void store.selectCity(city.name)}>
+            {locale === "en-US" ? "Open detail" : "打开详情"}
+          </button>
+        ) : (
+          <Link href="/account">{locale === "en-US" ? "Upgrade" : "升级"}</Link>
+        )}
+      </div>
+    </aside>
+  );
+}
+
+function OpportunityStrip({ snapshots }: { snapshots: CitySnapshot[] }) {
+  const store = useDashboardStore();
+  const { locale } = useI18n();
+  const items = snapshots.slice(0, 4);
+
+  if (!items.length) return null;
+
+  return (
+    <section
+      className="home-opportunity-strip"
+      aria-label={locale === "en-US" ? "Opportunity strip" : "机会条"}
+    >
+      <div className="opportunity-strip-heading">
+        <span>{locale === "en-US" ? "Today focus" : "今日焦点"}</span>
+        <strong>
+          {locale === "en-US" ? "Cities worth opening first" : "优先打开的城市"}
+        </strong>
+      </div>
+      <div className="opportunity-card-grid">
+        {items.map(({ city, detail, summary }) => {
+          const symbol = getTempSymbol(city, summary, detail);
+          const currentTemp = summary?.current?.temp ?? detail?.current?.temp;
+          const debPrediction = summary?.deb?.prediction ?? detail?.deb?.prediction;
+          const tier =
+            city.deb_recent_tier ||
+            city.risk_level ||
+            summary?.risk?.level ||
+            detail?.risk?.level;
+          return (
+            <button
+              key={city.name}
+              type="button"
+              className="opportunity-card"
+              onClick={() => void store.selectCity(city.name)}
+            >
+              <span className={clsx("opportunity-risk-dot", String(tier || "other"))} />
+              <span className="opportunity-city">{city.display_name}</span>
+              <span className="opportunity-meta">
+                {formatTemperature(currentTemp, symbol)} / DEB{" "}
+                {formatTemperature(debPrediction, symbol)}
+              </span>
+              <span className="opportunity-hit">
+                {locale === "en-US" ? "Hit" : "命中"}{" "}
+                {formatPercent(city.deb_recent_hit_rate)}
+              </span>
+            </button>
+          );
+        })}
+      </div>
+    </section>
+  );
+}
+
 function DashboardScreen() {
   const store = useDashboardStore();
   const { t } = useI18n();
@@ -93,6 +344,25 @@ function DashboardScreen() {
     activeCityName &&
     !store.selectedDetail &&
     !activeSummary;
+  const homepageSnapshots = useMemo(
+    () =>
+      store.cities
+        .map((city) =>
+          buildSnapshot(
+            city,
+            store.citySummariesByName[city.name] || null,
+            store.cityDetailsByName[city.name] || null,
+          ),
+        )
+        .sort(
+          (a, b) =>
+            b.score - a.score ||
+            a.city.display_name.localeCompare(b.city.display_name),
+        ),
+    [store.cities, store.cityDetailsByName, store.citySummariesByName],
+  );
+  const showHomepageChrome =
+    !store.isPanelOpen && !store.historyState.isOpen && !store.futureModalDate;
 
   return (
     <div
@@ -105,6 +375,12 @@ function DashboardScreen() {
       <MapCanvas />
       <HeaderBar />
       <CitySidebar />
+      {showHomepageChrome ? (
+        <>
+          <HomeIntelligencePanel snapshots={homepageSnapshots} />
+          <OpportunityStrip snapshots={homepageSnapshots} />
+        </>
+      ) : null}
       <DetailPanel />
       {showCitySyncToast ? (
         <div className="city-loading-toast" role="status" aria-live="polite">