diff --git a/.beads/issues.jsonl b/.beads/issues.jsonl
index 1b54cc5..2860f61 100644
--- a/.beads/issues.jsonl
+++ b/.beads/issues.jsonl
@@ -27,6 +27,7 @@
 {"_type":"issue","id":"islandflow-ayo","title":"Drop stale backlog events from live fanout","description":"Follow-up to live freshness rollout: /ws/live was still fanning out stale backlog events for freshness-gated channels, which kept tape panes in Live feed behind despite active synthetic ingest. Gate fanout and cache ingest by freshness for options/nbbo/equities/flow.","status":"closed","priority":1,"issue_type":"bug","assignee":"dirtydishes","owner":"dishes@dpdrm.com","created_at":"2026-04-28T21:26:39Z","created_by":"dirtydishes","updated_at":"2026-04-28T21:26:44Z","started_at":"2026-04-28T21:26:44Z","closed_at":"2026-04-28T21:26:44Z","close_reason":"Completed","dependency_count":0,"dependent_count":0,"comment_count":0}
 {"_type":"issue","id":"islandflow-0v6","title":"Fix tape freshness, NBBO coverage, pause controls, and filter popup","description":"Implement the tape fixes requested for synthetic options notional sizing, strict live freshness, live-mode pause/resume behavior, stronger NBBO snapshot coverage, and moving flow filters behind a popup. Includes server-side live cache changes, web terminal state/UI changes, and tests for synthetic pricing, live snapshot freshness/NBBO retention, and live pause/filter interactions.","status":"closed","priority":1,"issue_type":"task","assignee":"dirtydishes","owner":"dishes@dpdrm.com","created_at":"2026-04-28T21:02:52Z","created_by":"dirtydishes","updated_at":"2026-04-28T21:13:38Z","started_at":"2026-04-28T21:02:57Z","closed_at":"2026-04-28T21:13:38Z","close_reason":"Completed","dependency_count":0,"dependent_count":0,"comment_count":0}
 {"_type":"issue","id":"islandflow-e4r","title":"Implement smart-money flow filtering and synthetic firehose modes","description":"Implement the approved multi-surface plan for named synthetic market profiles, options raw-vs-signal filtering, live/API filter contracts, Tape page client-side flow filters, firehose-readiness improvements, tests, and README updates.","status":"closed","priority":1,"issue_type":"feature","assignee":"dirtydishes","owner":"dishes@dpdrm.com","created_at":"2026-04-28T20:10:49Z","created_by":"dirtydishes","updated_at":"2026-04-28T20:29:29Z","started_at":"2026-04-28T20:10:53Z","closed_at":"2026-04-28T20:29:29Z","close_reason":"Implemented synthetic market profiles, options signal-path filtering, signal-aware API/replay contracts, Tape page filters, tests, and README updates. Follow-up tracked in islandflow-biq.","dependency_count":0,"dependent_count":0,"comment_count":0}
+{"_type":"issue","id":"islandflow-3vr","title":"create ground-up frontend redesign mocks","description":"Generate a set of production-quality app mock redesigns that reuse Islandflow fundamentals in new interface models for evaluation.","status":"closed","priority":2,"issue_type":"task","assignee":"dirtydishes","owner":"dishes@dpdrm.com","created_at":"2026-06-11T08:10:00Z","created_by":"dirtydishes","updated_at":"2026-06-11T08:17:51Z","started_at":"2026-06-11T08:10:09Z","closed_at":"2026-06-11T08:17:51Z","close_reason":"Created four ground-up frontend redesign mock routes and documented the work.","dependency_count":0,"dependent_count":0,"comment_count":0}
 {"_type":"issue","id":"islandflow-9ns","title":"Refine command deck header","description":"Simplify the overview command deck header after live visual iteration, keeping live status, last tick, replay switching, and active filter controls prominent at the top of the page.","status":"closed","priority":2,"issue_type":"task","assignee":"dirtydishes","owner":"dishes@dpdrm.com","created_at":"2026-06-06T11:30:15Z","created_by":"dirtydishes","updated_at":"2026-06-06T11:32:07Z","started_at":"2026-06-06T11:30:25Z","closed_at":"2026-06-06T11:32:07Z","close_reason":"accepted compact command deck header from live iteration, added active filter chips with hover clear controls, and validated web build/tests","dependency_count":0,"dependent_count":0,"comment_count":0}
 {"_type":"issue","id":"islandflow-xmi","title":"Resolve conflicts in PR 45","description":"Resolve the merge conflicts blocking Forgejo PR 45, validate the affected code paths, and push the reconciled branch back to Forgejo.","status":"closed","priority":2,"issue_type":"task","assignee":"dirtydishes","owner":"dishes@dpdrm.com","created_at":"2026-06-06T03:33:52Z","created_by":"dirtydishes","updated_at":"2026-06-06T03:35:16Z","started_at":"2026-06-06T03:33:58Z","closed_at":"2026-06-06T03:35:16Z","close_reason":"Resolved the PR 45 merge conflict in .beads/issues.jsonl and validated the reconciled tracker file.","dependency_count":0,"dependent_count":0,"comment_count":0}
 {"_type":"issue","id":"islandflow-8a6","title":"verify github pages token for docs mirror","description":"The docs mirror workflow now publishes islandflow/docs into dirtydishes/dirtydishes.github.io, but the GitHub Actions secret DOCS_PAGES_TOKEN must exist and have permission to push to that Pages repository. Verify the secret is configured and manually run the Publish Docs workflow after the mirror branch lands.","notes":"Direct manual publish to dirtydishes/dirtydishes.github.io succeeded on 2026-06-01 and https://dirtydishes.github.io/islandflow/docs/ returned HTTP 200. Remaining work is to verify DOCS_PAGES_TOKEN so the islandflow docs mirror workflow can publish future updates automatically.","status":"open","priority":2,"issue_type":"task","owner":"dishes@dpdrm.com","created_at":"2026-05-31T22:12:27Z","created_by":"dirtydishes","updated_at":"2026-06-01T13:45:34Z","dependency_count":0,"dependent_count":0,"comment_count":0}
diff --git a/apps/web/app/dashboard-mocks.tsx b/apps/web/app/dashboard-mocks.tsx
index 1c23bb1..ad72d8d 100644
--- a/apps/web/app/dashboard-mocks.tsx
+++ b/apps/web/app/dashboard-mocks.tsx
@@ -7,142 +7,171 @@ type DashboardMockProps = {
   variant: MockVariant;
 };
 
-const variants: Record<
-  MockVariant,
-  {
-    title: string;
-    premise: string;
-    mode: string;
-    layout: string;
-  }
-> = {
+type Concept = {
+  title: string;
+  shortName: string;
+  premise: string;
+  bestFor: string;
+  layout: string;
+};
+
+const concepts: Record<MockVariant, Concept> = {
   mock1: {
-    title: "Command Deck",
+    title: "Evidence Canvas",
+    shortName: "Canvas",
     premise:
-      "Closest to the reference: left navigation, ticker ribbon, dense evidence panes, replay rail.",
-    mode: "Dense ops",
-    layout: "classic"
+      "A selected anomaly becomes the organizing object. Price, options, prints, news, and replay evidence attach around one decision path.",
+    bestFor: "single-symbol investigation",
+    layout: "canvas"
   },
   mock2: {
-    title: "Investigation Stack",
+    title: "Anomaly Queue",
+    shortName: "Queue",
     premise:
-      "A calmer analyst layout with the selected symbol story in the center and context wrapped around it.",
-    mode: "Forensic",
-    layout: "focus"
+      "The terminal behaves like an alert operations room: ranked work enters from the left, evidence resolves in the center, and confidence checks stay pinned.",
+    bestFor: "live triage under volume",
+    layout: "queue"
   },
   mock3: {
-    title: "Signal Wall",
+    title: "Replay Room",
+    shortName: "Replay",
     premise:
-      "Prioritizes alert triage and cross-symbol scanning before a user drills into price action.",
-    mode: "Triage",
-    layout: "signals"
+      "Historical sessions become inspectable rooms. The time spine leads, with every event and chart panel synchronized to the replay cursor.",
+    bestFor: "after-action review",
+    layout: "replay"
   },
   mock4: {
-    title: "Replay Lab",
+    title: "Market Atlas",
+    shortName: "Atlas",
     premise:
-      "A replay-first structure with timeline, event tape, and causality context always visible.",
-    mode: "Replay",
-    layout: "replay"
+      "Symbols are mapped as related territories. Sector pressure, cross-asset flow, and event clusters reveal where attention is concentrating.",
+    bestFor: "cross-market scanning",
+    layout: "atlas"
   }
 };
 
-const tickers = [
-  ["SPY", "529.18", "+0.23%", "up"],
-  ["QQQ", "452.47", "+0.31%", "up"],
-  ["AAPL", "194.88", "+1.22%", "up"],
-  ["NVDA", "120.19", "-0.41%", "down"],
-  ["TSLA", "180.72", "+0.72%", "up"],
-  ["AMZN", "186.31", "+0.35%", "up"],
-  ["IWM", "205.41", "+0.21%", "up"]
+const variantOrder: MockVariant[] = ["mock1", "mock2", "mock3", "mock4"];
+
+const symbols = [
+  { symbol: "AAPL", price: "194.88", move: "+1.22%", direction: "up", score: 94, sector: "Mega cap tech" },
+  { symbol: "NVDA", price: "120.19", move: "-0.41%", direction: "down", score: 81, sector: "AI semis" },
+  { symbol: "TSLA", price: "180.72", move: "+0.72%", direction: "up", score: 76, sector: "EV complex" },
+  { symbol: "AMZN", price: "186.31", move: "+0.35%", direction: "up", score: 68, sector: "Consumer platform" },
+  { symbol: "IWM", price: "205.41", move: "+0.21%", direction: "up", score: 59, sector: "Small caps" }
+];
+
+const anomalies = [
+  {
+    time: "09:41:10",
+    symbol: "AAPL",
+    title: "Dark sweep aligns with call pressure",
+    value: "$4.32M",
+    confidence: "High",
+    direction: "Bullish",
+    cause: "off-exchange prints led the options burst by 72s"
+  },
+  {
+    time: "09:40:58",
+    symbol: "NVDA",
+    title: "Call wall absorbed at 120",
+    value: "$2.01M",
+    confidence: "Medium",
+    direction: "Mixed",
+    cause: "quote lift faded after the second split sweep"
+  },
+  {
+    time: "09:39:47",
+    symbol: "TSLA",
+    title: "Momentum classifier fired",
+    value: "91%",
+    confidence: "High",
+    direction: "Bullish",
+    cause: "volume acceleration exceeded five-session baseline"
+  },
+  {
+    time: "09:39:12",
+    symbol: "AMZN",
+    title: "Large block against tape",
+    value: "$3.67M",
+    confidence: "Watch",
+    direction: "Bearish",
+    cause: "print direction diverged from sector basket"
+  }
+];
+
+const evidence = [
+  ["Options", "195 C sweep", "$2.31M", "Bullish"],
+  ["Equity", "25,000 dark buy", "$4.87M", "Bullish"],
+  ["News", "AI update crossed", "09:40:21", "Info"],
+  ["Tape", "Momentum burst", "+1.22%", "Bullish"],
+  ["Venue", "Off-exchange share", "64%", "Watch"]
 ];
 
 const optionRows = [
   ["2m", "AAPL", "May 17", "195 C", "5,240", "$2.31M", "Sweep", "Bullish"],
   ["3m", "AAPL", "Jun 21", "200 C", "6,800", "$1.87M", "Block", "Bullish"],
-  ["4m", "NVDA", "May 24", "120 C", "9,150", "$2.01M", "Split", "Bullish"],
+  ["4m", "NVDA", "May 24", "120 C", "9,150", "$2.01M", "Split", "Mixed"],
   ["5m", "TSLA", "Jul 19", "205 C", "10,000", "$3.45M", "Block", "Bullish"],
-  ["6m", "AMZN", "May 17", "185 P", "4,500", "$1.20M", "Sweep", "Bearish"],
-  ["7m", "IWM", "Jun 21", "207 C", "3,100", "$712K", "Sweep", "Bullish"],
-  ["8m", "AAPL", "May 24", "197.5 C", "7,600", "$2.01M", "Block", "Bullish"]
+  ["6m", "AMZN", "May 17", "185 P", "4,500", "$1.20M", "Sweep", "Bearish"]
 ];
 
-const signals = [
-  ["09:41:10", "Dark Flow Sweep", "AAPL", "$4.32M", "Bullish"],
-  ["09:40:58", "Unusual Options Activity", "NVDA", "$2.01M", "Bullish"],
-  ["09:40:21", "News Catalyst", "AAPL", "AI update", "News"],
-  ["09:39:47", "Classifier Hit: Momentum", "TSLA", "91%", "Bullish"],
-  ["09:39:12", "Large Block Trade", "AMZN", "$3.67M", "Bearish"]
+const health = [
+  ["OPRA", "healthy", "120ms"],
+  ["CBOE", "healthy", "85ms"],
+  ["NYSE", "degraded", "412ms"],
+  ["News", "healthy", "1.2s"]
 ];
 
-const feedHealth = [
-  ["OPRA Options", "Healthy", "120ms", "2,341"],
-  ["CBOE Quotes", "Healthy", "85ms", "1,987"],
-  ["Nasdaq TotalView", "Healthy", "92ms", "3,102"],
-  ["NYSE Pillar", "Degraded", "412ms", "932"],
-  ["News", "Healthy", "1.2s", "12"],
-  ["Dark Pool", "Healthy", "1.0s", "421"]
+const timeline = [
+  ["09:36", "Baseline drift", "AAPL and QQQ correlation widens"],
+  ["09:39", "First print", "Dark block appears before visible call lift"],
+  ["09:41", "Signal fired", "Sweep pressure confirms the print cluster"],
+  ["09:45", "Replay note", "Price accepted above prior liquidity shelf"]
 ];
 
-const darkFlow = [
-  ["09:41:05", "AAPL", "Buy", "25,000", "$4.87M", "Sweep"],
-  ["09:40:51", "AAPL", "Buy", "18,500", "$3.60M", "Sweep"],
-  ["09:40:35", "AAPL", "Sell", "30,000", "$5.84M", "Block"],
-  ["09:39:59", "AAPL", "Buy", "12,000", "$2.34M", "Sweep"],
-  ["09:38:47", "AAPL", "Sell", "21,000", "$4.09M", "Block"]
+const atlasGroups = [
+  { name: "Mega cap tech", heat: 92, flow: "+$8.4M", symbols: ["AAPL", "MSFT", "AMZN"], x: 12, y: 14 },
+  { name: "AI semis", heat: 81, flow: "+$5.1M", symbols: ["NVDA", "AMD", "AVGO"], x: 56, y: 22 },
+  { name: "Beta basket", heat: 66, flow: "+$3.8M", symbols: ["TSLA", "COIN", "PLTR"], x: 30, y: 58 },
+  { name: "Defensive", heat: 38, flow: "-$1.2M", symbols: ["XLU", "XLV", "PG"], x: 68, y: 64 }
 ];
 
-const variantOrder: MockVariant[] = ["mock1", "mock2", "mock3", "mock4"];
-
 export function DashboardMock({ variant }: DashboardMockProps) {
-  const config = variants[variant];
+  const concept = concepts[variant];
 
   return (
-    <section
-      className={`mock-terminal mock-terminal-${config.layout}`}
-      aria-labelledby="mock-title"
-    >
-      <MockHeader config={config} active={variant} />
-      <TickerRail />
-      {variant === "mock1" ? <ClassicLayout /> : null}
-      {variant === "mock2" ? <FocusLayout /> : null}
-      {variant === "mock3" ? <SignalLayout /> : null}
-      {variant === "mock4" ? <ReplayLayout /> : null}
-    </section>
+    <main className={`mock-redesign mock-redesign-${concept.layout}`} aria-labelledby="mock-title">
+      <MockHeader active={variant} concept={concept} />
+      {variant === "mock1" ? <EvidenceCanvas /> : null}
+      {variant === "mock2" ? <AnomalyQueue /> : null}
+      {variant === "mock3" ? <ReplayRoom /> : null}
+      {variant === "mock4" ? <MarketAtlas /> : null}
+    </main>
   );
 }
 
-function MockHeader({
-  config,
-  active
-}: {
-  config: (typeof variants)[MockVariant];
-  active: MockVariant;
-}) {
+function MockHeader({ active, concept }: { active: MockVariant; concept: Concept }) {
   return (
-    <header className="mock-header">
-      <div className="mock-brand-lockup">
-        <span className="mock-mark" aria-hidden="true" />
-        <div>
-          <span className="mock-brand">islandflow</span>
-          <h1 id="mock-title">{config.title}</h1>
-        </div>
+    <header className="mock-redesign-header">
+      <div className="mock-redesign-title">
+        <span className="mock-redesign-product">islandflow concepts</span>
+        <h1 id="mock-title">{concept.title}</h1>
+        <p>{concept.premise}</p>
       </div>
-      <p>{config.premise}</p>
-      <div className="mock-header-tools">
-        <span className="mock-live-dot">Live</span>
-        <span className="mock-system">NATS 3ms / US-EAST-1</span>
-        <span className="mock-clock">09:41:23 ET</span>
-        <span className="mock-mode">{config.mode}</span>
+      <div className="mock-redesign-meta" aria-label="Concept metadata">
+        <span>best for: {concept.bestFor}</span>
+        <span>09:41:23 ET</span>
+        <span className="is-live">live data sketch</span>
       </div>
-      <nav className="mock-switcher" aria-label="Mock variants">
-        {variantOrder.map((item, index) => (
+      <nav className="mock-redesign-switcher" aria-label="Mock variants">
+        {variantOrder.map((item) => (
           <Link
             aria-current={item === active ? "page" : undefined}
             className={item === active ? "is-active" : ""}
             href={`/${item}`}
             key={item}
           >
-            Mock {index + 1}
+            {concepts[item].shortName}
           </Link>
         ))}
       </nav>
@@ -150,131 +179,193 @@ function MockHeader({
   );
 }
 
-function TickerRail() {
+function EvidenceCanvas() {
   return (
-    <div className="mock-ticker-rail" aria-label="Live symbol ticker">
-      <div className="mock-ticker-track">
-        {[...tickers, ...tickers].map(([symbol, price, move, direction], index) => (
-          <article className="mock-ticker-card" key={`${symbol}-${index}`}>
+    <section className="mock-canvas-grid" aria-label="Evidence canvas concept">
+      <div className="mock-symbol-strip">
+        {symbols.map((item) => (
+          <article className="mock-symbol-tile" key={item.symbol}>
             <div>
-              <strong>{symbol}</strong>
-              <span>{price}</span>
+              <strong>{item.symbol}</strong>
+              <span>{item.sector}</span>
             </div>
-            <span className={`mock-move is-${direction}`}>{move}</span>
-            <Sparkline direction={direction} />
+            <ScoreDial score={item.score} />
           </article>
         ))}
       </div>
-    </div>
+      <Panel className="mock-canvas-brief" label="active case">
+        <div className="mock-case-heading">
+          <span className="mock-case-symbol">AAPL</span>
+          <div>
+            <h2>Dark sweep pressure is confirmed by options lift</h2>
+            <p>
+              The interface treats one fired anomaly as a case file. Every pane answers whether the
+              signal is meaningful, explainable, and worth continued attention.
+            </p>
+          </div>
+          <span className="mock-confidence">94 confidence</span>
+        </div>
+        <EvidenceLinks />
+      </Panel>
+      <ChartPanel className="mock-canvas-chart" mode="annotated" />
+      <FlowTape className="mock-canvas-tape" />
+      <CausalityPanel className="mock-canvas-context" />
+    </section>
   );
 }
 
-function ClassicLayout() {
+function AnomalyQueue() {
   return (
-    <div className="mock-dashboard-grid mock-grid-classic">
-      <OptionTape />
-      <ChartPanel />
-      <SignalPanel />
-      <FeedHealth />
-      <DarkFlow />
-      <EventContext />
-      <ReplayRail compact />
-    </div>
+    <section className="mock-queue-grid" aria-label="Anomaly queue concept">
+      <Panel className="mock-queue-list" label="ranked work">
+        {anomalies.map((item, index) => (
+          <article className={index === 0 ? "mock-queue-item is-selected" : "mock-queue-item"} key={item.time}>
+            <time>{item.time}</time>
+            <div>
+              <strong>{item.symbol}</strong>
+              <span>{item.title}</span>
+            </div>
+            <Badge tone={item.direction}>{item.direction}</Badge>
+          </article>
+        ))}
+      </Panel>
+      <Panel className="mock-queue-inspector" label="current anomaly">
+        <div className="mock-inspector-header">
+          <span>AAPL</span>
+          <h2>Dark sweep aligns with call pressure</h2>
+          <p>Off-exchange prints led the options burst by 72 seconds. The next decision is whether the move is being accepted above the liquidity shelf.</p>
+        </div>
+        <EvidenceLinks compact />
+        <ChartPanel mode="compressed" />
+      </Panel>
+      <Panel className="mock-queue-checks" label="confidence checks">
+        <CheckList />
+        <FeedHealth />
+      </Panel>
+    </section>
   );
 }
 
-function FocusLayout() {
+function ReplayRoom() {
   return (
-    <div className="mock-dashboard-grid mock-grid-focus">
-      <SymbolBrief />
-      <ChartPanel />
-      <EventContext />
-      <OptionTape condensed />
-      <SignalPanel />
-      <DarkFlow />
-    </div>
+    <section className="mock-replay-grid" aria-label="Replay room concept">
+      <Panel className="mock-replay-stage" label="session replay">
+        <div className="mock-replay-hero">
+          <div>
+            <span>May 16, 2024</span>
+            <h2>09:41:23, signal confirmation window</h2>
+          </div>
+          <div className="mock-replay-controls" aria-label="Replay controls">
+            <button type="button">Back 30s</button>
+            <button type="button">Pause replay</button>
+            <button type="button">Forward 30s</button>
+            <span>32x</span>
+          </div>
+        </div>
+        <ReplayTrack />
+        <ChartPanel mode="replay" />
+      </Panel>
+      <Panel className="mock-replay-spine" label="event spine">
+        <ol className="mock-time-spine">
+          {timeline.map(([time, title, detail]) => (
+            <li key={time}>
+              <time>{time}</time>
+              <strong>{title}</strong>
+              <span>{detail}</span>
+            </li>
+          ))}
+        </ol>
+      </Panel>
+      <FlowTape className="mock-replay-tape" condensed />
+      <CausalityPanel className="mock-replay-notes" />
+    </section>
   );
 }
 
-function SignalLayout() {
+function MarketAtlas() {
   return (
-    <div className="mock-dashboard-grid mock-grid-signals">
-      <SignalPanel hero />
-      <OptionTape />
-      <ChartPanel compact />
-      <FeedHealth />
-      <EventContext />
-    </div>
+    <section className="mock-atlas-grid" aria-label="Market atlas concept">
+      <Panel className="mock-atlas-map" label="attention map">
+        <div className="mock-atlas-field">
+          {atlasGroups.map((group) => (
+            <article
+              className="mock-atlas-node"
+              key={group.name}
+              style={{ "--x": `${group.x}%`, "--y": `${group.y}%`, "--heat": group.heat } as CSSProperties}
+            >
+              <strong>{group.name}</strong>
+              <span>{group.flow}</span>
+            </article>
+          ))}
+        </div>
+      </Panel>
+      <Panel className="mock-atlas-symbols" label="cluster detail">
+        {atlasGroups.map((group) => (
+          <article className="mock-cluster-row" key={group.name}>
+            <div>
+              <strong>{group.name}</strong>
+              <span>{group.symbols.join(" / ")}</span>
+            </div>
+            <ScoreDial score={group.heat} />
+          </article>
+        ))}
+      </Panel>
+      <Panel className="mock-atlas-correlation" label="linked evidence">
+        <EvidenceLinks compact />
+        <FlowTape condensed />
+      </Panel>
+    </section>
   );
 }
 
-function ReplayLayout() {
+function Panel({ className, label, children }: { className?: string; label: string; children: ReactNode }) {
   return (
-    <div className="mock-dashboard-grid mock-grid-replay">
-      <ReplayRail />
-      <ChartPanel />
-      <EventContext />
-      <OptionTape condensed />
-      <SignalPanel />
-      <DarkFlow />
-    </div>
-  );
-}
-
-function Panel({
-  title,
-  meta,
-  className = "",
-  children
-}: {
-  title: string;
-  meta?: string;
-  className?: string;
-  children: ReactNode;
-}) {
-  return (
-    <section className={`mock-panel ${className}`} aria-label={title}>
-      <div className="mock-panel-head">
-        <h2>{title}</h2>
-        {meta ? <span>{meta}</span> : null}
-      </div>
+    <section className={`mock-redesign-panel ${className ?? ""}`} aria-label={label}>
+      <div className="mock-panel-label">{label}</div>
       {children}
     </section>
   );
 }
 
-function OptionTape({ condensed = false }: { condensed?: boolean }) {
-  const rows = condensed ? optionRows.slice(0, 5) : optionRows;
+function EvidenceLinks({ compact = false }: { compact?: boolean }) {
+  return (
+    <div className={compact ? "mock-evidence-list is-compact" : "mock-evidence-list"}>
+      {evidence.map(([source, title, value, tone]) => (
+        <article className="mock-evidence-card" key={`${source}-${title}`}>
+          <span>{source}</span>
+          <strong>{title}</strong>
+          <div>
+            <span>{value}</span>
+            <Badge tone={tone}>{tone}</Badge>
+          </div>
+        </article>
+      ))}
+    </div>
+  );
+}
+
+function FlowTape({ className = "", condensed = false }: { className?: string; condensed?: boolean }) {
+  const rows = condensed ? optionRows.slice(0, 4) : optionRows;
 
   return (
-    <Panel title="Option Flow Tape" meta="250+ shown" className="mock-option-tape">
-      <div className="mock-table mock-table-options">
-        <div className="mock-table-row mock-table-head">
+    <Panel className={`mock-flow-tape ${className}`} label="flow tape">
+      <div className="mock-redesign-table">
+        <div className="mock-redesign-row is-head">
           <span>Time</span>
           <span>Symbol</span>
-          <span>Exp</span>
-          <span>Strike</span>
+          <span>Contract</span>
           <span>Size</span>
-          <span>Prem</span>
-          <span>Type</span>
-          <span>Score</span>
+          <span>Premium</span>
+          <span>Read</span>
         </div>
-        {rows.map((row) => (
-          <div className="mock-table-row" key={`${row[0]}-${row[1]}-${row[3]}`}>
-            {row.map((cell, index) => (
-              <span
-                className={
-                  index === 6
-                    ? "mock-pill is-info"
-                    : index === 7
-                      ? `mock-pill ${cell === "Bearish" ? "is-bearish" : "is-bullish"}`
-                      : ""
-                }
-                key={cell}
-              >
-                {cell}
-              </span>
-            ))}
+        {rows.map(([time, symbol, exp, strike, size, premium, type, read]) => (
+          <div className="mock-redesign-row" key={`${time}-${symbol}-${strike}`}>
+            <span>{time}</span>
+            <strong>{symbol}</strong>
+            <span>{exp} {strike}</span>
+            <span>{size}</span>
+            <span>{premium}</span>
+            <Badge tone={read}>{type}</Badge>
           </div>
         ))}
       </div>
@@ -282,32 +373,34 @@ function OptionTape({ condensed = false }: { condensed?: boolean }) {
   );
 }
 
-function ChartPanel({ compact = false }: { compact?: boolean }) {
+function ChartPanel({ className = "", mode }: { className?: string; mode: "annotated" | "compressed" | "replay" }) {
+  const count = mode === "compressed" ? 38 : 64;
+
   return (
-    <Panel
-      title="AAPL | Price & Flow"
-      meta="1m / 5m / 15m"
-      className={compact ? "mock-chart is-compact" : "mock-chart"}
-    >
-      <div className="mock-chart-meta">
-        <strong>194.88</strong>
-        <span className="mock-move is-up">+2.34 (+1.22%)</span>
+    <Panel className={`mock-redesign-chart ${className} is-${mode}`} label="price and flow">
+      <div className="mock-chart-topline">
+        <div>
+          <span>AAPL</span>
+          <strong>194.88</strong>
+        </div>
+        <Badge tone="Bullish">+1.22%</Badge>
       </div>
-      <div className="mock-candle-field" aria-hidden="true">
-        {Array.from({ length: 58 }).map((_, index) => (
+      <div className="mock-chart-field" aria-hidden="true">
+        {Array.from({ length: count }).map((_, index) => (
           <span
-            className={index % 7 === 0 || index % 11 === 0 ? "is-red" : "is-green"}
+            className={index % 8 === 0 || index % 13 === 0 ? "is-red" : "is-green"}
             key={index}
-            style={{ "--height": `${18 + ((index * 17) % 62)}%` } as CSSProperties}
+            style={{ "--height": `${18 + ((index * 19) % 66)}%` } as CSSProperties}
           />
         ))}
+        <i className="mock-chart-marker" />
       </div>
       <div className="mock-volume-field" aria-hidden="true">
         {Array.from({ length: 42 }).map((_, index) => (
           <span
-            className={index % 6 === 0 ? "is-red" : "is-green"}
+            className={index % 7 === 0 ? "is-red" : "is-green"}
             key={index}
-            style={{ "--height": `${14 + ((index * 23) % 68)}%` } as CSSProperties}
+            style={{ "--height": `${14 + ((index * 23) % 70)}%` } as CSSProperties}
           />
         ))}
       </div>
@@ -315,177 +408,89 @@ function ChartPanel({ compact = false }: { compact?: boolean }) {
   );
 }
 
-function SignalPanel({ hero = false }: { hero?: boolean }) {
+function CausalityPanel({ className = "" }: { className?: string }) {
   return (
-    <Panel
-      title="Signals & Alerts"
-      meta="All / Signals / System"
-      className={hero ? "mock-signals is-hero" : "mock-signals"}
-    >
-      <div className="mock-signal-list">
-        {signals.map(([time, title, symbol, value, tag]) => (
-          <article className="mock-signal-item" key={`${time}-${title}`}>
-            <time>{time}</time>
-            <div>
-              <strong>{title}</strong>
-              <span>
-                {symbol} / {value}
-              </span>
-            </div>
-            <span
-              className={`mock-pill ${tag === "Bearish" ? "is-bearish" : tag === "News" ? "is-news" : "is-bullish"}`}
-            >
-              {tag}
-            </span>
-          </article>
-        ))}
-      </div>
+    <Panel className={`mock-causality ${className}`} label="why it fired">
+      <dl>
+        <div>
+          <dt>Lead indicator</dt>
+          <dd>Dark flow cluster</dd>
+        </div>
+        <div>
+          <dt>Confirming evidence</dt>
+          <dd>195 C sweep pressure</dd>
+        </div>
+        <div>
+          <dt>Contradiction</dt>
+          <dd>Venue concentration is high</dd>
+        </div>
+        <div>
+          <dt>Next check</dt>
+          <dd>Acceptance above 194.50</dd>
+        </div>
+      </dl>
     </Panel>
   );
 }
 
 function FeedHealth() {
   return (
-    <Panel title="Feed Health" meta="Live checks" className="mock-feed">
-      <div className="mock-table mock-table-feed">
-        {feedHealth.map(([feed, status, lag, rate]) => (
-          <div className="mock-table-row" key={feed}>
-            <span>{feed}</span>
-            <span className={`mock-pill ${status === "Degraded" ? "is-warning" : "is-bullish"}`}>
-              {status}
-            </span>
-            <span>{lag}</span>
-            <span>{rate}/s</span>
-          </div>
-        ))}
-      </div>
-    </Panel>
-  );
-}
-
-function DarkFlow() {
-  return (
-    <Panel title="Dark Flow" meta="Equity prints" className="mock-dark-flow">
-      <div className="mock-table mock-table-dark">
-        {darkFlow.map(([time, symbol, side, size, notional, type]) => (
-          <div className="mock-table-row" key={`${time}-${side}-${size}`}>
-            <span>{time}</span>
-            <strong>{symbol}</strong>
-            <span className={`mock-pill ${side === "Sell" ? "is-bearish" : "is-bullish"}`}>
-              {side}
-            </span>
-            <span>{size}</span>
-            <span>{notional}</span>
-            <span>{type}</span>
-          </div>
-        ))}
-      </div>
-    </Panel>
-  );
-}
-
-function EventContext() {
-  return (
-    <Panel title="Event Context" meta="Window: 15m" className="mock-context">
-      <div className="mock-event-layout">
-        <ol className="mock-timeline">
-          {signals.slice(0, 4).map(([time, title, symbol]) => (
-            <li key={`${time}-${title}`}>
-              <time>{time}</time>
-              <strong>{title}</strong>
-              <span>{symbol} evidence linked</span>
-            </li>
-          ))}
-        </ol>
-        <div className="mock-detail">
-          <h3>Why it fired</h3>
-          <dl>
-            <div>
-              <dt>Type</dt>
-              <dd>Dark Flow Sweep</dd>
-            </div>
-            <div>
-              <dt>Premium</dt>
-              <dd>$4.32M</dd>
-            </div>
-            <div>
-              <dt>Venue</dt>
-              <dd>Off-exchange</dd>
-            </div>
-            <div>
-              <dt>Tags</dt>
-              <dd>Bullish / Sweep / Call</dd>
-            </div>
-          </dl>
+    <div className="mock-feed-health">
+      {health.map(([name, state, lag]) => (
+        <div key={name}>
+          <strong>{name}</strong>
+          <Badge tone={state === "degraded" ? "Watch" : "Bullish"}>{state}</Badge>
+          <span>{lag}</span>
         </div>
-      </div>
-    </Panel>
+      ))}
+    </div>
   );
 }
 
-function ReplayRail({ compact = false }: { compact?: boolean }) {
+function CheckList() {
+  const checks = [
+    ["Source agreement", "4 of 5 linked sources agree"],
+    ["Staleness", "last event 11s ago"],
+    ["Replay match", "similar to Apr 26 open"],
+    ["Risk note", "off-exchange share elevated"]
+  ];
+
   return (
-    <Panel
-      title="Replay"
-      meta="May 16, 2024"
-      className={compact ? "mock-replay is-compact" : "mock-replay"}
-    >
-      <div className="mock-replay-controls">
-        <button type="button">Prev</button>
-        <button type="button">Pause</button>
-        <button type="button">Next</button>
-        <span>32x</span>
-      </div>
-      <div className="mock-replay-track">
-        <span className="mock-replay-window" />
-        <span className="mock-replay-now" />
-      </div>
-      <div className="mock-replay-times">
-        <span>09:00</span>
-        <strong>09:41:23 / Live</strong>
-        <span>10:15</span>
-      </div>
-    </Panel>
+    <div className="mock-check-list">
+      {checks.map(([label, value]) => (
+        <div key={label}>
+          <span>{label}</span>
+          <strong>{value}</strong>
+        </div>
+      ))}
+    </div>
   );
 }
 
-function SymbolBrief() {
+function ReplayTrack() {
   return (
-    <Panel title="AAPL Evidence Brief" meta="Focused symbol" className="mock-symbol-brief">
-      <div className="mock-brief-price">
-        <strong>194.88</strong>
-        <span className="mock-move is-up">+1.22%</span>
+    <div className="mock-replay-track-redesign">
+      <span>09:00</span>
+      <div>
+        <i />
       </div>
-      <p>
-        Dark sweep pressure aligns with short-window momentum and a fresh news catalyst. Context
-        confidence is high, but the largest block remains off-exchange and should be checked against
-        next print behavior.
-      </p>
-      <div className="mock-brief-tags">
-        <span className="mock-pill is-bullish">Bullish</span>
-        <span className="mock-pill is-info">Sweep</span>
-        <span className="mock-pill is-news">News linked</span>
-      </div>
-    </Panel>
+      <strong>09:41:23</strong>
+      <span>10:15</span>
+    </div>
   );
 }
 
-function Sparkline({ direction }: { direction: string }) {
+function ScoreDial({ score }: { score: number }) {
   return (
-    <svg
-      className="mock-sparkline"
-      viewBox="0 0 96 28"
-      role="img"
-      aria-label={`${direction} sparkline`}
-    >
-      <polyline
-        fill="none"
-        points={
-          direction === "down"
-            ? "0,8 9,12 18,10 27,17 36,14 45,21 54,18 63,23 72,19 81,24 96,20"
-            : "0,22 9,18 18,20 27,13 36,15 45,9 54,12 63,6 72,10 81,4 96,7"
-        }
-      />
-    </svg>
+    <span className="mock-score-dial" style={{ "--score": score } as CSSProperties}>
+      {score}
+    </span>
   );
 }
+
+function Badge({ tone, children }: { tone: string; children: ReactNode }) {
+  const normalized =
+    tone === "Bearish" ? "bearish" : tone === "Watch" || tone === "Mixed" ? "watch" : tone === "Info" ? "info" : "bullish";
+
+  return <span className={`mock-badge is-${normalized}`}>{children}</span>;
+}
diff --git a/apps/web/app/globals.css b/apps/web/app/globals.css
index e278adc..16abf01 100644
--- a/apps/web/app/globals.css
+++ b/apps/web/app/globals.css
@@ -2819,6 +2819,8 @@ h3 {
     position: sticky;
     top: 0;
     z-index: 30;
+    flex-wrap: wrap;
+    align-items: stretch;
     padding: 12px 10px;
   }
 
@@ -3069,73 +3071,67 @@ h3 {
   }
 }
 
-.mock-terminal {
+.mock-redesign {
   min-height: calc(100vh - var(--topbar-height));
   padding: 18px;
   color: var(--text);
   background:
-    linear-gradient(180deg, oklch(0.18 0.018 238 / 0.8), transparent 220px),
-    linear-gradient(135deg, oklch(0.12 0.015 230), oklch(0.1 0.012 255));
+    linear-gradient(180deg, oklch(0.18 0.018 240 / 0.88), oklch(0.11 0.012 250) 280px),
+    oklch(0.11 0.012 250);
 }
 
-.mock-header {
+.mock-redesign-header {
   display: grid;
-  grid-template-columns: minmax(220px, 0.8fr) minmax(280px, 1.2fr) auto;
-  gap: 14px;
-  align-items: center;
-  margin-bottom: 12px;
+  grid-template-columns: minmax(340px, 1fr) auto;
+  gap: 14px 18px;
+  align-items: end;
+  margin-bottom: 14px;
 }
 
-.mock-brand-lockup {
+.mock-redesign-title {
   min-width: 0;
-  display: flex;
-  align-items: center;
-  gap: 11px;
+  display: grid;
+  gap: 7px;
 }
 
-.mock-mark {
-  width: 34px;
-  height: 34px;
-  border-radius: 9px;
-  background: linear-gradient(135deg, oklch(0.68 0.14 246), oklch(0.68 0.12 164)), var(--blue-soft);
-  box-shadow: inset 0 0 0 1px oklch(0.94 0.02 240 / 0.24);
-}
-
-.mock-brand {
-  display: block;
-  color: var(--text-dim);
+.mock-redesign-product,
+.mock-panel-label,
+.mock-redesign-meta span,
+.mock-redesign-switcher a {
+  color: var(--text-faint);
   font-family: var(--font-mono), monospace;
-  font-size: 0.74rem;
-  letter-spacing: 0.12em;
-  text-transform: lowercase;
+  font-size: 0.68rem;
+  letter-spacing: 0.11em;
+  text-transform: uppercase;
 }
 
-.mock-header h1 {
-  margin: 2px 0 0;
-  font-family: var(--font-display), sans-serif;
-  font-size: 1.28rem;
-  line-height: 1.08;
+.mock-redesign-title h1 {
+  margin: 0;
+  font-size: 1.54rem;
+  line-height: 1.12;
   letter-spacing: 0;
+  text-wrap: balance;
 }
 
-.mock-header p {
-  max-width: 72ch;
+.mock-redesign-title p {
+  max-width: 75ch;
   margin: 0;
   color: var(--text-dim);
-  font-size: 0.9rem;
+  font-size: 0.91rem;
+  line-height: 1.46;
+  text-wrap: pretty;
 }
 
-.mock-header-tools,
-.mock-switcher {
+.mock-redesign-meta,
+.mock-redesign-switcher {
   display: flex;
-  align-items: center;
   justify-content: flex-end;
   gap: 8px;
   flex-wrap: wrap;
 }
 
-.mock-header-tools span,
-.mock-switcher a {
+.mock-redesign-meta span,
+.mock-redesign-switcher a {
   min-height: 30px;
   display: inline-flex;
   align-items: center;
@@ -3143,198 +3139,382 @@ h3 {
   border-radius: 8px;
   padding: 6px 9px;
   background: oklch(0.97 0.008 250 / 0.035);
-  color: var(--text-dim);
-  font-family: var(--font-mono), monospace;
-  font-size: 0.68rem;
-  letter-spacing: 0.08em;
-  text-transform: uppercase;
 }
 
-.mock-live-dot {
-  color: var(--green) !important;
-  background: var(--green-soft) !important;
+.mock-redesign-meta .is-live,
+.mock-redesign-switcher a.is-active {
+  color: var(--accent);
+  border-color: var(--border-strong);
+  background: var(--accent-soft);
 }
 
-.mock-mode,
-.mock-switcher a.is-active {
-  color: var(--accent) !important;
-  border-color: var(--border-strong) !important;
-  background: var(--accent-soft) !important;
-}
-
-.mock-switcher {
+.mock-redesign-switcher {
   grid-column: 1 / -1;
   justify-content: flex-start;
 }
 
-.mock-ticker-rail {
-  overflow: hidden;
-  margin-bottom: 10px;
-  border: 1px solid var(--border);
-  border-radius: 10px;
-  background: oklch(0.13 0.015 245 / 0.94);
-}
-
-.mock-ticker-track {
-  display: flex;
-  width: max-content;
-  gap: 8px;
-  padding: 7px;
-  animation: mockTicker 42s linear infinite;
-}
-
-.mock-ticker-card {
-  width: 176px;
-  min-height: 48px;
-  display: grid;
-  grid-template-columns: 1fr auto;
-  gap: 7px;
-  align-items: center;
-  padding: 8px 10px;
-  border: 1px solid var(--border);
-  border-radius: 8px;
-  background: linear-gradient(180deg, oklch(0.18 0.017 244), oklch(0.14 0.014 244));
-}
-
-.mock-ticker-card div {
-  display: grid;
-  gap: 2px;
-}
-
-.mock-ticker-card strong,
-.mock-table strong {
-  font-family: var(--font-mono), monospace;
-}
-
-.mock-ticker-card span {
-  color: var(--text-dim);
-  font-size: 0.75rem;
-}
-
-.mock-sparkline {
-  grid-column: 1 / -1;
-  width: 100%;
-  height: 22px;
-}
-
-.mock-sparkline polyline {
-  stroke: var(--green);
-  stroke-width: 2;
-}
-
-.mock-ticker-card:has(.is-down) .mock-sparkline polyline {
-  stroke: var(--red);
-}
-
-.mock-dashboard-grid {
-  display: grid;
-  gap: 10px;
-}
-
-.mock-grid-classic {
-  grid-template-columns: minmax(420px, 1.18fr) minmax(420px, 1.48fr) minmax(320px, 0.95fr);
-  grid-template-areas:
-    "tape chart signals"
-    "feed dark context"
-    "replay replay replay";
-}
-
-.mock-grid-focus {
-  grid-template-columns: minmax(280px, 0.78fr) minmax(480px, 1.45fr) minmax(360px, 0.95fr);
-  grid-template-areas:
-    "brief chart context"
-    "tape chart context"
-    "signals dark context";
-}
-
-.mock-grid-signals {
-  grid-template-columns: minmax(360px, 0.92fr) minmax(440px, 1.15fr) minmax(360px, 0.9fr);
-  grid-template-areas:
-    "signals tape chart"
-    "signals tape feed"
-    "context context context";
-}
-
-.mock-grid-replay {
-  grid-template-columns: minmax(340px, 0.95fr) minmax(460px, 1.25fr) minmax(360px, 0.9fr);
-  grid-template-areas:
-    "replay replay replay"
-    "tape chart context"
-    "signals dark context";
-}
-
-.mock-panel {
+.mock-redesign-panel {
   min-width: 0;
   overflow: hidden;
   border: 1px solid var(--border);
-  border-radius: 10px;
-  background: linear-gradient(180deg, oklch(0.18 0.016 246 / 0.98), oklch(0.135 0.014 246 / 0.98));
+  border-radius: 12px;
+  background:
+    linear-gradient(180deg, oklch(0.19 0.015 246 / 0.98), oklch(0.135 0.012 246 / 0.98));
 }
 
-.mock-panel-head {
-  min-height: 40px;
+.mock-panel-label {
+  min-height: 34px;
+  display: flex;
+  align-items: center;
+  padding: 9px 11px 8px;
+  border-bottom: 1px solid oklch(0.72 0.012 250 / 0.12);
+}
+
+.mock-badge {
+  width: fit-content;
+  max-width: 100%;
+  min-height: 22px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid currentColor;
+  border-radius: 999px;
+  padding: 3px 8px;
+  font-family: var(--font-mono), monospace;
+  font-size: 0.64rem;
+  line-height: 1;
+  white-space: nowrap;
+}
+
+.mock-badge.is-bullish {
+  color: var(--green);
+  background: var(--green-soft);
+}
+
+.mock-badge.is-bearish {
+  color: var(--red);
+  background: var(--red-soft);
+}
+
+.mock-badge.is-watch {
+  color: var(--accent);
+  background: var(--accent-soft);
+}
+
+.mock-badge.is-info {
+  color: var(--blue);
+  background: var(--blue-soft);
+}
+
+.mock-score-dial {
+  --score-color: oklch(0.74 0.13 151);
+  width: 42px;
+  height: 42px;
+  flex: 0 0 auto;
+  display: grid;
+  place-items: center;
+  border-radius: 50%;
+  background:
+    radial-gradient(circle, oklch(0.13 0.012 250) 54%, transparent 56%),
+    conic-gradient(var(--score-color) calc(var(--score) * 1%), oklch(0.72 0.012 250 / 0.16) 0);
+  color: var(--text);
+  font-family: var(--font-mono), monospace;
+  font-size: 0.76rem;
+}
+
+.mock-symbol-strip {
+  grid-area: symbols;
+  display: grid;
+  grid-template-columns: repeat(5, minmax(130px, 1fr));
+  gap: 10px;
+}
+
+.mock-symbol-tile,
+.mock-evidence-card,
+.mock-queue-item,
+.mock-cluster-row {
+  min-width: 0;
   display: flex;
   align-items: center;
   justify-content: space-between;
-  gap: 12px;
-  padding: 10px 12px;
-  border-bottom: 1px solid var(--border);
+  gap: 10px;
+  border: 1px solid oklch(0.72 0.012 250 / 0.12);
+  border-radius: 10px;
+  background: oklch(0.97 0.008 250 / 0.035);
 }
 
-.mock-panel-head h2 {
-  margin: 0;
+.mock-symbol-tile {
+  min-height: 68px;
+  padding: 10px;
+}
+
+.mock-symbol-tile div,
+.mock-cluster-row div,
+.mock-evidence-card,
+.mock-queue-item div,
+.mock-inspector-header,
+.mock-check-list div {
+  min-width: 0;
+  display: grid;
+  gap: 4px;
+}
+
+.mock-symbol-tile strong,
+.mock-redesign-row strong,
+.mock-cluster-row strong {
   font-family: var(--font-mono), monospace;
-  font-size: 0.72rem;
-  letter-spacing: 0.14em;
-  text-transform: uppercase;
 }
 
-.mock-panel-head span {
-  color: var(--text-faint);
+.mock-symbol-tile span,
+.mock-evidence-card span,
+.mock-queue-item span,
+.mock-cluster-row span,
+.mock-inspector-header p,
+.mock-case-heading p,
+.mock-time-spine span {
+  color: var(--text-dim);
+  font-size: 0.78rem;
+  line-height: 1.42;
+}
+
+.mock-canvas-grid {
+  display: grid;
+  grid-template-columns: minmax(320px, 0.78fr) minmax(460px, 1.22fr) minmax(300px, 0.72fr);
+  grid-template-areas:
+    "symbols symbols symbols"
+    "brief chart context"
+    "tape chart context";
+  gap: 10px;
+}
+
+.mock-canvas-brief {
+  grid-area: brief;
+}
+
+.mock-canvas-chart {
+  grid-area: chart;
+}
+
+.mock-canvas-tape {
+  grid-area: tape;
+}
+
+.mock-canvas-context {
+  grid-area: context;
+}
+
+.mock-case-heading {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  gap: 10px;
+  align-items: start;
+  padding: 12px;
+}
+
+.mock-case-heading h2,
+.mock-inspector-header h2,
+.mock-replay-hero h2 {
+  margin: 0;
+  font-size: 1.1rem;
+  line-height: 1.22;
+  text-wrap: balance;
+}
+
+.mock-case-heading h2 {
+  font-size: 0.98rem;
+}
+
+.mock-case-heading p,
+.mock-inspector-header p {
+  margin: 0;
+}
+
+.mock-case-symbol {
+  grid-column: 1;
+  display: grid;
+  place-items: center;
+  width: fit-content;
+  min-height: 28px;
+  border-radius: 10px;
+  padding: 5px 9px;
+  background: oklch(0.78 0.12 74 / 0.12);
+  color: var(--accent);
+  font-family: var(--font-mono), monospace;
+  font-weight: 500;
+}
+
+.mock-confidence {
+  grid-column: 2;
+  grid-row: 1;
+  min-height: 28px;
+  display: inline-flex;
+  align-items: center;
+  border-radius: 999px;
+  padding: 5px 9px;
+  color: var(--green);
+  background: var(--green-soft);
   font-family: var(--font-mono), monospace;
   font-size: 0.68rem;
 }
 
-.mock-option-tape {
-  grid-area: tape;
+.mock-case-heading > div {
+  grid-column: 1 / -1;
 }
 
-.mock-chart {
-  grid-area: chart;
-}
-
-.mock-signals {
-  grid-area: signals;
-}
-
-.mock-feed {
-  grid-area: feed;
-}
-
-.mock-dark-flow {
-  grid-area: dark;
-}
-
-.mock-context {
-  grid-area: context;
-}
-
-.mock-replay {
-  grid-area: replay;
-}
-
-.mock-symbol-brief {
-  grid-area: brief;
-}
-
-.mock-table {
+.mock-evidence-list {
   display: grid;
-  padding: 6px 10px 10px;
+  grid-template-columns: repeat(auto-fit, minmax(142px, 1fr));
+  gap: 8px;
+  padding: 0 12px 12px;
 }
 
-.mock-table-row {
+.mock-evidence-list.is-compact {
+  grid-template-columns: 1fr;
+  padding: 10px;
+}
+
+.mock-evidence-card {
+  align-items: stretch;
+  padding: 10px;
+}
+
+.mock-evidence-card strong {
+  font-size: 0.83rem;
+  line-height: 1.28;
+}
+
+.mock-evidence-card div {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+}
+
+.mock-redesign-chart {
+  min-height: 332px;
+}
+
+.mock-chart-topline,
+.mock-replay-hero {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 12px;
+}
+
+.mock-chart-topline div,
+.mock-replay-hero div:first-child {
+  display: grid;
+  gap: 4px;
+}
+
+.mock-chart-topline span,
+.mock-replay-hero span {
+  color: var(--text-faint);
+  font-family: var(--font-mono), monospace;
+  font-size: 0.68rem;
+  text-transform: uppercase;
+}
+
+.mock-chart-topline strong {
+  font-family: var(--font-mono), monospace;
+  font-size: 1.18rem;
+}
+
+.mock-chart-field {
+  position: relative;
+  height: 210px;
+  display: flex;
+  align-items: end;
+  gap: 4px;
+  margin: 2px 12px 0;
+  padding: 14px 0;
+  border-top: 1px solid oklch(0.72 0.012 250 / 0.1);
+  border-bottom: 1px solid oklch(0.72 0.012 250 / 0.1);
+  background:
+    linear-gradient(0deg, oklch(0.72 0.012 250 / 0.07) 1px, transparent 1px) 0 0 / 100% 40px,
+    linear-gradient(180deg, oklch(0.14 0.015 246), oklch(0.1 0.012 246));
+}
+
+.mock-redesign-chart.is-compressed .mock-chart-field {
+  height: 150px;
+}
+
+.mock-redesign-chart.is-replay .mock-chart-field {
+  height: 260px;
+}
+
+.mock-chart-field span {
+  width: 6px;
+  height: var(--height);
+  min-height: 16px;
+  border-radius: 5px;
+}
+
+.mock-chart-field .is-green,
+.mock-volume-field .is-green {
+  background: var(--green);
+}
+
+.mock-chart-field .is-red,
+.mock-volume-field .is-red {
+  background: var(--red);
+}
+
+.mock-chart-marker {
+  position: absolute;
+  top: 10px;
+  bottom: 10px;
+  left: 64%;
+  width: 2px;
+  border-radius: 999px;
+  background: var(--accent);
+}
+
+.mock-chart-marker::after {
+  content: "signal";
+  position: absolute;
+  top: 6px;
+  left: 8px;
+  border-radius: 999px;
+  padding: 4px 7px;
+  background: var(--accent-soft);
+  color: var(--accent);
+  font-family: var(--font-mono), monospace;
+  font-size: 0.62rem;
+  font-style: normal;
+}
+
+.mock-volume-field {
+  height: 66px;
+  display: flex;
+  align-items: end;
+  gap: 5px;
+  padding: 9px 12px 12px;
+}
+
+.mock-volume-field span {
+  width: 7px;
+  height: var(--height);
+  min-height: 8px;
+  opacity: 0.8;
+}
+
+.mock-flow-tape {
+  min-height: 0;
+}
+
+.mock-redesign-table {
+  overflow-x: auto;
+  padding: 8px 10px 10px;
+}
+
+.mock-redesign-row {
+  min-width: 650px;
   min-height: 36px;
   display: grid;
+  grid-template-columns: 48px 64px minmax(170px, 1fr) 72px 82px 86px;
   gap: 10px;
   align-items: center;
   border-bottom: 1px solid oklch(0.72 0.012 250 / 0.09);
@@ -3342,283 +3522,171 @@ h3 {
   font-size: 0.76rem;
 }
 
-.mock-table-row:last-child {
+.mock-redesign-row:last-child {
   border-bottom: 0;
 }
 
-.mock-table-head {
-  min-height: 30px;
+.mock-redesign-row.is-head {
+  min-height: 28px;
   color: var(--text-faint);
   font-family: var(--font-mono), monospace;
   font-size: 0.64rem;
-  letter-spacing: 0.1em;
   text-transform: uppercase;
 }
 
-.mock-table-options .mock-table-row {
-  grid-template-columns: 42px 58px 70px 64px 68px 72px 68px 76px;
+.mock-causality {
+  padding-bottom: 10px;
 }
 
-.mock-table-feed .mock-table-row {
-  grid-template-columns: minmax(110px, 1fr) 86px 58px 70px;
-}
-
-.mock-table-dark .mock-table-row {
-  grid-template-columns: 72px 56px 64px 74px 78px 64px;
-}
-
-.mock-pill {
-  width: fit-content;
-  max-width: 100%;
-  display: inline-flex;
-  align-items: center;
-  min-height: 22px;
-  padding: 3px 7px;
-  border: 1px solid var(--border);
-  border-radius: 999px;
-  color: var(--text-dim);
-  font-family: var(--font-mono), monospace;
-  font-size: 0.64rem;
-  letter-spacing: 0.02em;
-}
-
-.mock-pill.is-bullish {
-  color: var(--green);
-  background: var(--green-soft);
-}
-
-.mock-pill.is-bearish {
-  color: var(--red);
-  background: var(--red-soft);
-}
-
-.mock-pill.is-info,
-.mock-pill.is-news {
-  color: var(--blue);
-  background: var(--blue-soft);
-}
-
-.mock-pill.is-warning {
-  color: var(--accent);
-  background: var(--accent-soft);
-}
-
-.mock-move {
-  font-family: var(--font-mono), monospace;
-  font-size: 0.72rem;
-}
-
-.mock-move.is-up {
-  color: var(--green);
-}
-
-.mock-move.is-down {
-  color: var(--red);
-}
-
-.mock-chart {
-  min-height: 326px;
-}
-
-.mock-chart.is-compact {
-  min-height: 240px;
-}
-
-.mock-chart-meta {
-  display: flex;
-  align-items: baseline;
-  gap: 10px;
-  padding: 10px 12px 0;
-}
-
-.mock-chart-meta strong,
-.mock-brief-price strong {
-  font-family: var(--font-mono), monospace;
-  font-size: 1rem;
-}
-
-.mock-candle-field {
-  position: relative;
-  height: 190px;
-  margin: 8px 12px 0;
-  display: flex;
-  align-items: end;
-  gap: 4px;
-  padding: 12px 0;
-  border-top: 1px solid oklch(0.72 0.012 250 / 0.08);
-  border-bottom: 1px solid oklch(0.72 0.012 250 / 0.08);
-  background:
-    repeating-linear-gradient(0deg, transparent 0 38px, oklch(0.72 0.012 250 / 0.08) 39px 40px),
-    linear-gradient(180deg, oklch(0.16 0.018 246), oklch(0.12 0.014 246));
-}
-
-.mock-chart.is-compact .mock-candle-field {
-  height: 126px;
-}
-
-.mock-candle-field span {
-  width: 5px;
-  height: var(--height);
-  min-height: 18px;
-  border-radius: 4px;
-}
-
-.mock-candle-field .is-green,
-.mock-volume-field .is-green {
-  background: var(--green);
-}
-
-.mock-candle-field .is-red,
-.mock-volume-field .is-red {
-  background: var(--red);
-}
-
-.mock-volume-field {
-  height: 70px;
-  display: flex;
-  align-items: end;
-  gap: 5px;
-  padding: 9px 12px 12px;
-}
-
-.mock-chart.is-compact .mock-volume-field {
-  height: 54px;
-}
-
-.mock-volume-field span {
-  width: 7px;
-  height: var(--height);
-  min-height: 8px;
-  opacity: 0.85;
-}
-
-.mock-signal-list {
-  display: grid;
-  padding: 6px 10px 10px;
-}
-
-.mock-signal-item {
-  min-height: 58px;
-  display: grid;
-  grid-template-columns: 70px minmax(0, 1fr) auto;
-  gap: 10px;
-  align-items: center;
-  border-bottom: 1px solid oklch(0.72 0.012 250 / 0.09);
-}
-
-.mock-signal-item:last-child {
-  border-bottom: 0;
-}
-
-.mock-signal-item time,
-.mock-timeline time {
-  color: var(--text-faint);
-  font-family: var(--font-mono), monospace;
-  font-size: 0.72rem;
-}
-
-.mock-signal-item div {
-  min-width: 0;
-  display: grid;
-  gap: 3px;
-}
-
-.mock-signal-item strong {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  font-size: 0.82rem;
-}
-
-.mock-signal-item span:not(.mock-pill) {
-  color: var(--text-dim);
-  font-size: 0.75rem;
-}
-
-.mock-signals.is-hero .mock-signal-item {
-  min-height: 74px;
-}
-
-.mock-event-layout {
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) minmax(220px, 0.75fr);
-  gap: 10px;
-  padding: 10px;
-}
-
-.mock-timeline {
-  display: grid;
-  gap: 8px;
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-
-.mock-timeline li {
-  display: grid;
-  gap: 4px;
-  padding: 9px;
-  border: 1px solid oklch(0.72 0.012 250 / 0.1);
-  border-radius: 8px;
-  background: oklch(0.97 0.008 250 / 0.028);
-}
-
-.mock-timeline strong {
-  font-size: 0.8rem;
-}
-
-.mock-timeline span,
-.mock-detail dd,
-.mock-symbol-brief p {
-  color: var(--text-dim);
-  font-size: 0.78rem;
-}
-
-.mock-detail {
-  padding: 10px;
-  border: 1px solid var(--border);
-  border-radius: 8px;
-  background: oklch(0.12 0.014 246 / 0.72);
-}
-
-.mock-detail h3 {
-  margin: 0 0 10px;
-  font-size: 0.86rem;
-}
-
-.mock-detail dl {
+.mock-causality dl {
   display: grid;
   gap: 9px;
   margin: 0;
+  padding: 10px;
 }
 
-.mock-detail div {
-  display: flex;
-  justify-content: space-between;
-  gap: 10px;
+.mock-causality div,
+.mock-feed-health div {
+  display: grid;
+  grid-template-columns: minmax(100px, 0.76fr) minmax(0, 1fr);
+  gap: 8px;
+  align-items: start;
 }
 
-.mock-detail dt {
+.mock-causality dt {
   color: var(--text-faint);
   font-family: var(--font-mono), monospace;
-  font-size: 0.65rem;
+  font-size: 0.66rem;
   text-transform: uppercase;
 }
 
-.mock-detail dd {
+.mock-causality dd {
   margin: 0;
-  text-align: right;
+  color: var(--text-dim);
+  font-size: 0.82rem;
 }
 
-.mock-replay {
-  min-height: 112px;
+.mock-queue-grid {
+  display: grid;
+  grid-template-columns: minmax(270px, 0.72fr) minmax(440px, 1.2fr) minmax(280px, 0.72fr);
+  grid-template-areas: "queue inspector checks";
+  gap: 10px;
+}
+
+.mock-queue-list {
+  grid-area: queue;
+}
+
+.mock-queue-inspector {
+  grid-area: inspector;
+}
+
+.mock-queue-checks {
+  grid-area: checks;
+}
+
+.mock-queue-list,
+.mock-queue-checks {
+  align-self: start;
+}
+
+.mock-queue-item {
+  margin: 10px 10px 0;
+  padding: 10px;
+}
+
+.mock-queue-item:last-child {
+  margin-bottom: 10px;
+}
+
+.mock-queue-item.is-selected {
+  border-color: var(--border-strong);
+  background: var(--accent-soft);
+}
+
+.mock-queue-item time {
+  color: var(--text-faint);
+  font-family: var(--font-mono), monospace;
+  font-size: 0.68rem;
+}
+
+.mock-queue-item strong {
+  font-size: 1rem;
+}
+
+.mock-inspector-header {
+  padding: 12px;
+}
+
+.mock-inspector-header span {
+  color: var(--accent);
+  font-family: var(--font-mono), monospace;
+  font-size: 0.76rem;
+}
+
+.mock-check-list,
+.mock-feed-health {
+  display: grid;
+  gap: 8px;
+  padding: 10px;
+}
+
+.mock-check-list div,
+.mock-feed-health div {
+  border: 1px solid oklch(0.72 0.012 250 / 0.11);
+  border-radius: 10px;
+  padding: 9px;
+  background: oklch(0.97 0.008 250 / 0.03);
+}
+
+.mock-check-list span,
+.mock-feed-health span {
+  color: var(--text-faint);
+  font-family: var(--font-mono), monospace;
+  font-size: 0.66rem;
+  text-transform: uppercase;
+}
+
+.mock-check-list strong,
+.mock-feed-health strong {
+  font-size: 0.78rem;
+}
+
+.mock-feed-health div {
+  grid-template-columns: minmax(55px, 0.6fr) auto auto;
+}
+
+.mock-replay-grid {
+  display: grid;
+  grid-template-columns: minmax(280px, 0.64fr) minmax(500px, 1.36fr) minmax(300px, 0.8fr);
+  grid-template-areas:
+    "spine stage stage"
+    "spine tape notes";
+  gap: 10px;
+}
+
+.mock-replay-stage {
+  grid-area: stage;
+}
+
+.mock-replay-spine {
+  grid-area: spine;
+}
+
+.mock-replay-tape {
+  grid-area: tape;
+}
+
+.mock-replay-notes {
+  grid-area: notes;
 }
 
 .mock-replay-controls {
   display: flex;
   align-items: center;
+  justify-content: flex-end;
   gap: 8px;
-  padding: 10px 12px 0;
+  flex-wrap: wrap;
 }
 
 .mock-replay-controls button {
@@ -3630,147 +3698,194 @@ h3 {
   cursor: pointer;
 }
 
-.mock-replay-controls span {
+.mock-replay-controls button:hover {
+  border-color: var(--border-strong);
+}
+
+.mock-replay-track-redesign {
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr) auto auto;
+  gap: 10px;
+  align-items: center;
+  padding: 0 12px 12px;
   color: var(--text-faint);
   font-family: var(--font-mono), monospace;
-  font-size: 0.72rem;
+  font-size: 0.7rem;
 }
 
-.mock-replay-track {
+.mock-replay-track-redesign div {
   position: relative;
-  height: 26px;
-  margin: 12px;
+  height: 28px;
   border: 1px solid var(--border);
-  border-radius: 8px;
-  background:
-    repeating-linear-gradient(90deg, transparent 0 22px, oklch(0.72 0.012 250 / 0.18) 23px 24px),
-    oklch(0.11 0.014 246);
-}
-
-.mock-replay-window {
-  position: absolute;
-  inset: 6px 28% 6px 42%;
   border-radius: 999px;
-  background: var(--blue);
+  background:
+    linear-gradient(90deg, var(--blue-soft) 0 54%, var(--accent-soft) 54% 66%, oklch(0.97 0.008 250 / 0.035) 66%);
 }
 
-.mock-replay-now {
+.mock-replay-track-redesign i {
   position: absolute;
-  top: 2px;
-  bottom: 2px;
-  left: 62%;
+  top: 3px;
+  bottom: 3px;
+  left: 64%;
   width: 3px;
   border-radius: 999px;
   background: var(--green);
 }
 
-.mock-replay-times {
-  display: flex;
-  justify-content: space-between;
-  padding: 0 12px 12px;
-  color: var(--text-faint);
+.mock-time-spine {
+  display: grid;
+  gap: 10px;
+  margin: 0;
+  padding: 10px;
+  list-style: none;
+}
+
+.mock-time-spine li {
+  display: grid;
+  gap: 5px;
+  border: 1px solid oklch(0.72 0.012 250 / 0.11);
+  border-radius: 10px;
+  padding: 10px;
+  background: oklch(0.97 0.008 250 / 0.03);
+}
+
+.mock-time-spine time {
+  color: var(--accent);
   font-family: var(--font-mono), monospace;
-  font-size: 0.68rem;
+  font-size: 0.72rem;
 }
 
-.mock-replay-times strong {
-  color: var(--green);
+.mock-atlas-grid {
+  display: grid;
+  grid-template-columns: minmax(540px, 1.35fr) minmax(320px, 0.8fr);
+  grid-template-areas:
+    "map symbols"
+    "map correlation";
+  gap: 10px;
 }
 
-.mock-symbol-brief {
-  padding-bottom: 12px;
+.mock-atlas-map {
+  grid-area: map;
 }
 
-.mock-brief-price,
-.mock-brief-tags {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 12px 12px 0;
-  flex-wrap: wrap;
+.mock-atlas-symbols {
+  grid-area: symbols;
 }
 
-.mock-symbol-brief p {
-  margin: 12px 12px 0;
+.mock-atlas-correlation {
+  grid-area: correlation;
 }
 
-@keyframes mockTicker {
-  from {
-    transform: translateX(0);
-  }
-
-  to {
-    transform: translateX(-50%);
-  }
+.mock-atlas-field {
+  position: relative;
+  min-height: 570px;
+  margin: 10px;
+  border: 1px solid oklch(0.72 0.012 250 / 0.12);
+  border-radius: 10px;
+  background:
+    radial-gradient(circle at 30% 35%, oklch(0.78 0.12 74 / 0.14), transparent 18%),
+    radial-gradient(circle at 72% 62%, oklch(0.72 0.13 247 / 0.12), transparent 22%),
+    linear-gradient(0deg, oklch(0.72 0.012 250 / 0.07) 1px, transparent 1px) 0 0 / 100% 54px,
+    linear-gradient(90deg, oklch(0.72 0.012 250 / 0.07) 1px, transparent 1px) 0 0 / 64px 100%,
+    oklch(0.11 0.012 250);
 }
 
-@media (prefers-reduced-motion: reduce) {
-  .mock-ticker-track {
-    animation: none;
-  }
+.mock-atlas-node {
+  position: absolute;
+  left: var(--x);
+  top: var(--y);
+  width: clamp(130px, calc(var(--heat) * 1.8px), 190px);
+  min-height: clamp(88px, calc(var(--heat) * 1.1px), 126px);
+  display: grid;
+  align-content: center;
+  gap: 6px;
+  transform: translate(-50%, -50%);
+  border: 1px solid oklch(0.78 0.12 74 / 0.36);
+  border-radius: 12px;
+  padding: 14px;
+  background:
+    radial-gradient(circle at 50% 20%, oklch(0.78 0.12 74 / 0.16), transparent 62%),
+    oklch(0.15 0.014 246 / 0.96);
+}
+
+.mock-atlas-node strong {
+  font-size: 0.9rem;
+}
+
+.mock-atlas-node span {
+  color: var(--accent);
+  font-family: var(--font-mono), monospace;
+  font-size: 0.72rem;
+}
+
+.mock-cluster-row {
+  margin: 10px 10px 0;
+  padding: 10px;
+}
+
+.mock-cluster-row:last-child {
+  margin-bottom: 10px;
 }
 
 @media (max-width: 1180px) {
-  .mock-header {
+  .mock-redesign-header,
+  .mock-canvas-grid,
+  .mock-queue-grid,
+  .mock-replay-grid,
+  .mock-atlas-grid {
     grid-template-columns: 1fr;
   }
 
-  .mock-header-tools,
-  .mock-switcher {
+  .mock-redesign-meta,
+  .mock-redesign-switcher {
     justify-content: flex-start;
   }
 
-  .mock-grid-classic,
-  .mock-grid-focus,
-  .mock-grid-signals,
-  .mock-grid-replay {
-    grid-template-columns: 1fr;
-    grid-template-areas:
-      "replay"
-      "brief"
-      "signals"
-      "chart"
-      "tape"
-      "context"
-      "feed"
-      "dark";
+  .mock-symbol-strip {
+    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
   }
 
-  .mock-grid-classic {
-    grid-template-areas:
-      "tape"
-      "chart"
-      "signals"
-      "feed"
-      "dark"
-      "context"
-      "replay";
+  .mock-canvas-grid,
+  .mock-queue-grid,
+  .mock-replay-grid,
+  .mock-atlas-grid {
+    grid-template-areas: none;
+  }
+
+  .mock-canvas-grid > *,
+  .mock-queue-grid > *,
+  .mock-replay-grid > *,
+  .mock-atlas-grid > * {
+    grid-area: auto;
   }
 }
 
 @media (max-width: 720px) {
-  .mock-terminal {
+  .mock-redesign {
     padding: 12px;
   }
 
-  .mock-table {
-    overflow-x: auto;
+  .mock-redesign-title h1 {
+    font-size: 1.28rem;
   }
 
-  .mock-table-row {
-    width: max-content;
-    min-width: 100%;
-  }
-
-  .mock-event-layout {
+  .mock-case-heading,
+  .mock-chart-topline,
+  .mock-replay-hero {
     grid-template-columns: 1fr;
+    display: grid;
   }
 
-  .mock-signal-item {
-    grid-template-columns: 62px minmax(0, 1fr);
+  .mock-confidence {
+    width: fit-content;
   }
 
-  .mock-signal-item .mock-pill {
-    grid-column: 2;
+  .mock-atlas-field {
+    min-height: 460px;
+  }
+
+  .mock-atlas-node {
+    width: 128px;
+    min-height: 92px;
   }
 }
diff --git a/docs/turns/2026-06-11-0416-ground-up-redesign-mocks.html b/docs/turns/2026-06-11-0416-ground-up-redesign-mocks.html
new file mode 100644
index 0000000..6cd2bdb
--- /dev/null
+++ b/docs/turns/2026-06-11-0416-ground-up-redesign-mocks.html
@@ -0,0 +1,270 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Ground-Up Redesign Mocks</title>
+  <style>
+    :root {
+      color-scheme: dark;
+      --bg: #070a0f;
+      --panel: #101720;
+      --panel-2: #0c1219;
+      --line: rgba(191, 209, 232, 0.18);
+      --text: #eef5ff;
+      --muted: #9caabe;
+      --faint: #6f7f93;
+      --accent: #f3ad3d;
+      --blue: #6bb4ff;
+      --green: #62d693;
+    }
+    * { box-sizing: border-box; }
+    body {
+      margin: 0;
+      background: radial-gradient(circle at 20% 0%, rgba(243, 173, 61, 0.12), transparent 34%), var(--bg);
+      color: var(--text);
+      font-family: IBM Plex Sans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+      line-height: 1.55;
+    }
+    main { width: min(1120px, calc(100% - 32px)); margin: 0 auto; padding: 44px 0 56px; }
+    header { margin-bottom: 24px; }
+    .kicker, code, pre, .meta { font-family: IBM Plex Mono, ui-monospace, SFMono-Regular, Menlo, monospace; }
+    .kicker { color: var(--accent); font-size: 0.76rem; letter-spacing: 0.14em; text-transform: uppercase; }
+    h1, h2 { line-height: 1.12; text-wrap: balance; }
+    h1 { max-width: 820px; margin: 8px 0 10px; font-size: clamp(2rem, 5vw, 4.6rem); letter-spacing: -0.02em; }
+    h2 { margin: 0 0 12px; font-size: 1.08rem; }
+    p { max-width: 76ch; color: var(--muted); }
+    a { color: var(--blue); }
+    .summary { max-width: 860px; font-size: 1.05rem; color: #d9e6f5; }
+    .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 12px; margin: 20px 0 28px; }
+    .card, section {
+      border: 1px solid var(--line);
+      border-radius: 12px;
+      background: linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.018)), var(--panel);
+    }
+    .card { padding: 16px; }
+    .card strong { display: block; margin-bottom: 6px; }
+    section { padding: 20px; margin: 14px 0; }
+    ul { padding-left: 1.1rem; color: var(--muted); }
+    li + li { margin-top: 6px; }
+    code { color: #ffe0a3; font-size: 0.92em; }
+    pre { overflow-x: auto; border-radius: 10px; padding: 12px; background: var(--panel-2); color: #d9e6f5; }
+    .meta { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 16px; color: var(--faint); font-size: 0.78rem; }
+    .meta span { border: 1px solid var(--line); border-radius: 999px; padding: 4px 8px; background: rgba(255,255,255,0.035); }
+    .diff-wrap { margin-top: 12px; overflow: auto; border: 1px solid var(--line); border-radius: 12px; background: #0b1016; }
+    .diff-host { display: block; min-width: 760px; }
+    @media (max-width: 720px) { main { width: min(100% - 20px, 1120px); padding-top: 28px; } section { padding: 16px; } }
+  </style>
+</head>
+<body>
+  <main>
+    <header>
+      <div class="kicker">Repository turn document</div>
+      <h1>Ground-up redesign mocks for Islandflow</h1>
+      <p class="summary">Reworked the existing mock routes into four distinct product-interface hypotheses that reuse Islandflow fundamentals in new operating models: an evidence canvas, anomaly queue, replay room, and market atlas.</p>
+      <div class="meta"><span>2026-06-11 04:16</span><span>apps/web</span><span>issue islandflow-3vr</span></div>
+    </header>
+
+    <section>
+      <h2>Summary</h2>
+      <p>The mock pages at <code>/mock1</code> through <code>/mock4</code> now explore genuinely different frontend directions instead of modest rearrangements of the same dashboard. The work also fixes a mobile shell overflow that made the mock routes horizontally drift on narrow screens.</p>
+    </section>
+
+    <section>
+      <h2>Changes Made</h2>
+      <ul>
+        <li>Replaced the previous four mock concepts with <code>Evidence Canvas</code>, <code>Anomaly Queue</code>, <code>Replay Room</code>, and <code>Market Atlas</code>.</li>
+        <li>Refactored shared mock primitives for evidence cards, flow tape rows, chart fields, confidence checks, replay tracks, and score dials.</li>
+        <li>Rebuilt the mock CSS around distinct grid systems for each concept while preserving the dark operational Islandflow palette.</li>
+        <li>Updated mobile top-bar wrapping so the existing app shell no longer causes page-level horizontal overflow at 390px width.</li>
+      </ul>
+    </section>
+
+    <section>
+      <h2>Context</h2>
+      <p>The user wanted new frontend ideas that were not just incremental edits to stale dashboard patterns. The product brief calls for a composed, forensic market terminal where evidence and trust matter more than ornament. These mocks intentionally keep the core materials, options flow, dark prints, replay, feed health, signal confidence, and symbol context, but reorganize them around different workflows.</p>
+    </section>
+
+    <section>
+      <h2>Important Implementation Details</h2>
+      <div class="grid">
+        <div class="card"><strong>Evidence Canvas</strong><span>Starts from one anomaly as a case file, with evidence attached around the decision.</span></div>
+        <div class="card"><strong>Anomaly Queue</strong><span>Treats signals as ranked work items, useful when live flow volume is high.</span></div>
+        <div class="card"><strong>Replay Room</strong><span>Makes the time cursor and event spine the primary navigation model.</span></div>
+        <div class="card"><strong>Market Atlas</strong><span>Maps clusters of symbols and sector pressure for cross-market scanning.</span></div>
+      </div>
+      <p>The mock routes remain static React surfaces under <code>apps/web/app/dashboard-mocks.tsx</code>, so they are safe to evaluate without touching live data wiring.</p>
+    </section>
+
+    <section>
+      <h2>Relevant Diff Snippets</h2>
+      <p>This is an intentional excerpt of the concept model and mobile shell fix, rendered with Diffs SSR.</p>
+      <div class="diff-wrap"><diff-shadow class="diff-host"><template shadowrootmode="open"><svg data-icon-sprite aria-hidden="true" width="0" height="0">
+  <symbol id="diffs-icon-arrow-right-short" viewBox="0 0 16 16">
+    <path d="M8.47 4.22a.75.75 0 0 0 0 1.06l1.97 1.97H3.75a.75.75 0 0 0 0 1.5h6.69l-1.97 1.97a.75.75 0 1 0 1.06 1.06l3.25-3.25a.75.75 0 0 0 0-1.06L9.53 4.22a.75.75 0 0 0-1.06 0"/>
+  </symbol>
+  <symbol id="diffs-icon-brand-github" viewBox="0 0 16 16">
+    <path d="M8 0c4.42 0 8 3.58 8 8a8.01 8.01 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27s-1.36.09-2 .27c-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8"/>
+  </symbol>
+  <symbol id="diffs-icon-chevron" viewBox="0 0 16 16">
+    <path d="M1.47 4.47a.75.75 0 0 1 1.06 0L8 9.94l5.47-5.47a.75.75 0 1 1 1.06 1.06l-6 6a.75.75 0 0 1-1.06 0l-6-6a.75.75 0 0 1 0-1.06"/>
+  </symbol>
+  <symbol id="diffs-icon-chevrons-narrow" viewBox="0 0 10 16">
+    <path d="M4.47 2.22a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1-1.06 1.06L5 3.81 2.28 6.53a.75.75 0 0 1-1.06-1.06zM1.22 9.47a.75.75 0 0 1 1.06 0L5 12.19l2.72-2.72a.75.75 0 0 1 1.06 1.06l-3.25 3.25a.75.75 0 0 1-1.06 0l-3.25-3.25a.75.75 0 0 1 0-1.06"/>
+  </symbol>
+  <symbol id="diffs-icon-diff-split" viewBox="0 0 16 16">
+    <path d="M14 0H8.5v16H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2m-1.5 6.5v1h1a.5.5 0 0 1 0 1h-1v1a.5.5 0 0 1-1 0v-1h-1a.5.5 0 0 1 0-1h1v-1a.5.5 0 0 1 1 0"/><path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h5.5V0zm.5 7.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1 0-1" opacity=".3"/>
+  </symbol>
+  <symbol id="diffs-icon-diff-unified" viewBox="0 0 16 16">
+    <path fill-rule="evenodd" d="M16 14a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V8.5h16zm-8-4a.5.5 0 0 0-.5.5v1h-1a.5.5 0 0 0 0 1h1v1a.5.5 0 0 0 1 0v-1h1a.5.5 0 0 0 0-1h-1v-1A.5.5 0 0 0 8 10" clip-rule="evenodd"/><path fill-rule="evenodd" d="M14 0a2 2 0 0 1 2 2v5.5H0V2a2 2 0 0 1 2-2zM6.5 3.5a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1z" clip-rule="evenodd" opacity=".4"/>
+  </symbol>
+  <symbol id="diffs-icon-expand" viewBox="0 0 16 16">
+    <path d="M3.47 5.47a.75.75 0 0 1 1.06 0L8 8.94l3.47-3.47a.75.75 0 1 1 1.06 1.06l-4 4a.75.75 0 0 1-1.06 0l-4-4a.75.75 0 0 1 0-1.06"/>
+  </symbol>
+  <symbol id="diffs-icon-expand-all" viewBox="0 0 16 16">
+    <path d="M11.47 9.47a.75.75 0 1 1 1.06 1.06l-4 4a.75.75 0 0 1-1.06 0l-4-4a.75.75 0 1 1 1.06-1.06L8 12.94zM7.526 1.418a.75.75 0 0 1 1.004.052l4 4a.75.75 0 1 1-1.06 1.06L8 3.06 4.53 6.53a.75.75 0 1 1-1.06-1.06l4-4z"/>
+  </symbol>
+  <symbol id="diffs-icon-file-code" viewBox="0 0 16 16">
+    <path d="M10.75 0c.199 0 .39.08.53.22l3.5 3.5c.14.14.22.331.22.53v9A2.75 2.75 0 0 1 12.25 16h-8.5A2.75 2.75 0 0 1 1 13.25V2.75A2.75 2.75 0 0 1 3.75 0zm-7 1.5c-.69 0-1.25.56-1.25 1.25v10.5c0 .69.56 1.25 1.25 1.25h8.5c.69 0 1.25-.56 1.25-1.25V5h-1.25A2.25 2.25 0 0 1 10 2.75V1.5z"/><path d="M7.248 6.19a.75.75 0 0 1 .063 1.058L5.753 9l1.558 1.752a.75.75 0 0 1-1.122.996l-2-2.25a.75.75 0 0 1 0-.996l2-2.25a.75.75 0 0 1 1.06-.063M8.69 7.248a.75.75 0 1 1 1.12-.996l2 2.25a.75.75 0 0 1 0 .996l-2 2.25a.75.75 0 1 1-1.12-.996L10.245 9z"/>
+  </symbol>
+  <symbol id="diffs-icon-plus" viewBox="0 0 16 16">
+    <path d="M8 3a.75.75 0 0 1 .75.75v3.5h3.5a.75.75 0 0 1 0 1.5h-3.5v3.5a.75.75 0 0 1-1.5 0v-3.5h-3.5a.75.75 0 0 1 0-1.5h3.5v-3.5A.75.75 0 0 1 8 3"/>
+  </symbol>
+  <symbol id="diffs-icon-symbol-added" viewBox="0 0 16 16">
+    <path d="M8 4a.75.75 0 0 1 .75.75v2.5h2.5a.75.75 0 0 1 0 1.5h-2.5v2.5a.75.75 0 0 1-1.5 0v-2.5h-2.5a.75.75 0 0 1 0-1.5h2.5v-2.5A.75.75 0 0 1 8 4"/><path d="M1.788 4.296c.196-.88.478-1.381.802-1.706s.826-.606 1.706-.802C5.194 1.588 6.387 1.5 8 1.5s2.806.088 3.704.288c.88.196 1.381.478 1.706.802s.607.826.802 1.706c.2.898.288 2.091.288 3.704s-.088 2.806-.288 3.704c-.195.88-.478 1.381-.802 1.706s-.826.607-1.706.802c-.898.2-2.091.288-3.704.288s-2.806-.088-3.704-.288c-.88-.195-1.381-.478-1.706-.802s-.606-.826-.802-1.706C1.588 10.806 1.5 9.613 1.5 8s.088-2.806.288-3.704M8 0C1.412 0 0 1.412 0 8s1.412 8 8 8 8-1.412 8-8-1.412-8-8-8"/>
+  </symbol>
+  <symbol id="diffs-icon-symbol-deleted" viewBox="0 0 16 16">
+    <path d="M4 8a.75.75 0 0 1 .75-.75h6.5a.75.75 0 0 1 0 1.5h-6.5A.75.75 0 0 1 4 8"/><path d="M1.788 4.296c.196-.88.478-1.381.802-1.706s.826-.606 1.706-.802C5.194 1.588 6.387 1.5 8 1.5s2.806.088 3.704.288c.88.196 1.381.478 1.706.802s.607.826.802 1.706c.2.898.288 2.091.288 3.704s-.088 2.806-.288 3.704c-.195.88-.478 1.381-.802 1.706s-.826.607-1.706.802c-.898.2-2.091.288-3.704.288s-2.806-.088-3.704-.288c-.88-.195-1.381-.478-1.706-.802s-.606-.826-.802-1.706C1.588 10.806 1.5 9.613 1.5 8s.088-2.806.288-3.704M8 0C1.412 0 0 1.412 0 8s1.412 8 8 8 8-1.412 8-8-1.412-8-8-8"/>
+  </symbol>
+  <symbol id="diffs-icon-symbol-diffstat" viewBox="0 0 16 16">
+    <path d="M1.788 4.296c.196-.88.478-1.381.802-1.706s.826-.606 1.706-.802C5.194 1.588 6.387 1.5 8 1.5s2.806.088 3.704.288c.88.196 1.381.478 1.706.802s.607.826.802 1.706c.2.898.288 2.091.288 3.704s-.088 2.806-.288 3.704c-.195.88-.478 1.381-.802 1.706s-.826.607-1.706.802c-.898.2-2.091.288-3.704.288s-2.806-.088-3.704-.288c-.88-.195-1.381-.478-1.706-.802s-.606-.826-.802-1.706C1.588 10.806 1.5 9.613 1.5 8s.088-2.806.288-3.704M8 0C1.412 0 0 1.412 0 8s1.412 8 8 8 8-1.412 8-8-1.412-8-8-8"/><path d="M8.75 4.296a.75.75 0 0 0-1.5 0V6.25h-2a.75.75 0 0 0 0 1.5h2v1.5h1.5v-1.5h2a.75.75 0 0 0 0-1.5h-2zM5.25 10a.75.75 0 0 0 0 1.5h5.5a.75.75 0 0 0 0-1.5z"/>
+  </symbol>
+  <symbol id="diffs-icon-symbol-ignored" viewBox="0 0 16 16">
+    <path d="M1.5 8c0 1.613.088 2.806.288 3.704.196.88.478 1.381.802 1.706s.826.607 1.706.802c.898.2 2.091.288 3.704.288s2.806-.088 3.704-.288c.88-.195 1.381-.478 1.706-.802s.607-.826.802-1.706c.2-.898.288-2.091.288-3.704s-.088-2.806-.288-3.704c-.195-.88-.478-1.381-.802-1.706s-.826-.606-1.706-.802C10.806 1.588 9.613 1.5 8 1.5s-2.806.088-3.704.288c-.88.196-1.381.478-1.706.802s-.606.826-.802 1.706C1.588 5.194 1.5 6.387 1.5 8M0 8c0-6.588 1.412-8 8-8s8 1.412 8 8-1.412 8-8 8-8-1.412-8-8m11.53-2.47a.75.75 0 0 0-1.06-1.06l-6 6a.75.75 0 1 0 1.06 1.06z"/>
+  </symbol>
+  <symbol id="diffs-icon-symbol-modified" viewBox="0 0 16 16">
+    <path d="M1.5 8c0 1.613.088 2.806.288 3.704.196.88.478 1.381.802 1.706s.826.607 1.706.802c.898.2 2.091.288 3.704.288s2.806-.088 3.704-.288c.88-.195 1.381-.478 1.706-.802s.607-.826.802-1.706c.2-.898.288-2.091.288-3.704s-.088-2.806-.288-3.704c-.195-.88-.478-1.381-.802-1.706s-.826-.606-1.706-.802C10.806 1.588 9.613 1.5 8 1.5s-2.806.088-3.704.288c-.88.196-1.381.478-1.706.802s-.606.826-.802 1.706C1.588 5.194 1.5 6.387 1.5 8M0 8c0-6.588 1.412-8 8-8s8 1.412 8 8-1.412 8-8 8-8-1.412-8-8m8 3a3 3 0 1 0 0-6 3 3 0 0 0 0 6"/>
+  </symbol>
+  <symbol id="diffs-icon-symbol-moved" viewBox="0 0 16 16">
+    <path d="M1.788 4.296c.196-.88.478-1.381.802-1.706s.826-.606 1.706-.802C5.194 1.588 6.387 1.5 8 1.5s2.806.088 3.704.288c.88.196 1.381.478 1.706.802s.607.826.802 1.706c.2.898.288 2.091.288 3.704s-.088 2.806-.288 3.704c-.195.88-.478 1.381-.802 1.706s-.826.607-1.706.802c-.898.2-2.091.288-3.704.288s-2.806-.088-3.704-.288c-.88-.195-1.381-.478-1.706-.802s-.606-.826-.802-1.706C1.588 10.806 1.5 9.613 1.5 8s.088-2.806.288-3.704M8 0C1.412 0 0 1.412 0 8s1.412 8 8 8 8-1.412 8-8-1.412-8-8-8"/><path d="M8.495 4.695a.75.75 0 0 0-.05 1.06L10.486 8l-2.041 2.246a.75.75 0 0 0 1.11 1.008l2.5-2.75a.75.75 0 0 0 0-1.008l-2.5-2.75a.75.75 0 0 0-1.06-.051m-4 0a.75.75 0 0 0-.05 1.06l2.044 2.248-1.796 1.995a.75.75 0 0 0 1.114 1.004l2.25-2.5a.75.75 0 0 0-.002-1.007l-2.5-2.75a.75.75 0 0 0-1.06-.05"/>
+  </symbol>
+  <symbol id="diffs-icon-symbol-ref" viewBox="0 0 16 16">
+    <path d="M1.5 8c0 1.613.088 2.806.288 3.704.196.88.478 1.381.802 1.706.286.286.71.54 1.41.73V1.86c-.7.19-1.124.444-1.41.73-.324.325-.606.826-.802 1.706C1.588 5.194 1.5 6.387 1.5 8m4 6.397c.697.07 1.522.103 2.5.103 1.613 0 2.806-.088 3.704-.288.88-.195 1.381-.478 1.706-.802s.607-.826.802-1.706c.2-.898.288-2.091.288-3.704s-.088-2.806-.288-3.704c-.195-.88-.478-1.381-.802-1.706s-.826-.606-1.706-.802C10.806 1.588 9.613 1.5 8 1.5c-.978 0-1.803.033-2.5.103zM0 8c0-6.588 1.412-8 8-8s8 1.412 8 8-1.412 8-8 8-8-1.412-8-8m7-2a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1z"/>
+  </symbol>
+</svg><style data-core-css="">@layer base, theme, rendered, unsafe;
+@layer base,theme,rendered,unsafe;@layer base{:host{--diffs-font-fallback:"SF Mono", Monaco, Consolas, "Ubuntu Mono", "Liberation Mono", "Courier New", monospace;--diffs-header-font-fallback:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif;--diffs-mixer:light-dark(#000,#fff);--diffs-gap-fallback:8px;--diffs-scrollbar-gutter-fallback:6px;--diffs-scrollbar-gutter:var(--diffs-scrollbar-gutter-override,var(--diffs-scrollbar-gutter-measured,var(--diffs-scrollbar-gutter-fallback)));--diffs-added-light:#0dbe4e;--diffs-added-dark:#5ecc71;--diffs-modified-light:#009fff;--diffs-modified-dark:#69b1ff;--diffs-deleted-light:#ff2e3f;--diffs-deleted-dark:#ff6762;color-scheme:light dark;font-family:var(--diffs-header-font-family,var(--diffs-header-font-fallback));font-size:var(--diffs-font-size,13px);line-height:var(--diffs-line-height,20px);font-feature-settings:var(--diffs-font-features);--diffs-bg:light-dark(var(--diffs-light-bg,#fff),var(--diffs-dark-bg,#000));--diffs-bg-buffer:var(--diffs-bg-buffer-override,light-dark(color-mix(in lab, var(--diffs-bg) 92%, var(--diffs-mixer)),color-mix(in lab, var(--diffs-bg) 92%, var(--diffs-mixer))));--diffs-bg-context:var(--diffs-bg-context-override,light-dark(color-mix(in lab, var(--diffs-bg) 98.5%, var(--diffs-mixer)),color-mix(in lab, var(--diffs-bg) 92.5%, var(--diffs-mixer))));--diffs-bg-context-gutter:var(--diffs-bg-context-gutter-override,light-dark(color-mix(in lab, var(--diffs-bg-context) 90%, var(--diffs-bg)),color-mix(in lab, var(--diffs-bg-context) 45%, var(--diffs-bg))));--diffs-bg-separator:var(--diffs-bg-separator-override,light-dark(color-mix(in lab, var(--diffs-bg) 96%, var(--diffs-mixer)),color-mix(in lab, var(--diffs-bg) 85%, var(--diffs-mixer))));--diffs-fg:light-dark(var(--diffs-light,#000),var(--diffs-dark,#fff));--diffs-fg-number:var(--diffs-fg-number-override,light-dark(color-mix(in lab, var(--diffs-fg) 65%, var(--diffs-bg)),color-mix(in lab, var(--diffs-fg) 65%, var(--diffs-bg))));--diffs-fg-conflict-marker:var(--diffs-fg-conflict-marker-override,var(--diffs-fg-number));--diffs-deletion-base:var(--diffs-deletion-color-override,light-dark(var(--diffs-light-deletion-color,var(--diffs-deletion-color,var(--diffs-deleted-light))),var(--diffs-dark-deletion-color,var(--diffs-deletion-color,var(--diffs-deleted-dark)))));--diffs-addition-base:var(--diffs-addition-color-override,light-dark(var(--diffs-light-addition-color,var(--diffs-addition-color,var(--diffs-added-light))),var(--diffs-dark-addition-color,var(--diffs-addition-color,var(--diffs-added-dark)))));--diffs-modified-base:var(--diffs-modified-color-override,light-dark(var(--diffs-light-modified-color,var(--diffs-modified-color,var(--diffs-modified-light))),var(--diffs-dark-modified-color,var(--diffs-modified-color,var(--diffs-modified-dark)))));--diffs-bg-deletion:var(--diffs-bg-deletion-override,light-dark(color-mix(in lab, var(--diffs-bg) 88%, var(--diffs-deletion-base)),color-mix(in lab, var(--diffs-bg) 80%, var(--diffs-deletion-base))));--diffs-bg-deletion-emphasis:var(--diffs-bg-deletion-emphasis-override,light-dark(rgb(from var(--diffs-deletion-base) r g b / .15),rgb(from var(--diffs-deletion-base) r g b / .2)));--diffs-bg-addition:var(--diffs-bg-addition-override,light-dark(color-mix(in lab, var(--diffs-bg) 88%, var(--diffs-addition-base)),color-mix(in lab, var(--diffs-bg) 80%, var(--diffs-addition-base))));--diffs-bg-addition-emphasis:var(--diffs-bg-addition-emphasis-override,light-dark(rgb(from var(--diffs-addition-base) r g b / .15),rgb(from var(--diffs-addition-base) r g b / .2)));--diffs-selection-base:var(--diffs-modified-base);--diffs-selection-number-fg:light-dark(color-mix(in lab, var(--diffs-selection-base) 65%, var(--diffs-mixer)),color-mix(in lab, var(--diffs-selection-base) 75%, var(--diffs-mixer)));background-color:var(--diffs-bg);color:var(--diffs-fg);display:block}pre,code,[data-error-wrapper]{isolation:isolate;font-family:var(--diffs-font-family,var(--diffs-font-fallback));outline:none;margin:0;padding:0;display:block}pre,code{background-color:var(--diffs-bg)}code{contain:content}*,:before,:after{box-sizing:border-box}[data-icon-sprite]{display:none}[data-diffs-header],[data-separator]{font-family:var(--diffs-header-font-family,var(--diffs-header-font-fallback))}[data-diffs-header][data-sticky]{z-index:1;background-color:var(--diffs-bg);position:sticky;top:0}[data-file-info]{color:var(--fg);background-color:color-mix(in lab, var(--bg) 98%, var(--fg));border-block:1px solid color-mix(in lab, var(--bg) 95%, var(--fg));padding:10px;font-weight:700}[data-diff],[data-file]{--diffs-grid-number-column-width:minmax(min-content, max-content);--diffs-code-grid:var(--diffs-grid-number-column-width) 1fr}[data-dehydrated]:is([data-diff],[data-file]){--diffs-code-grid:var(--diffs-grid-number-column-width) minmax(0, 1fr)}:is([data-diff],[data-file]):hover [data-code]::-webkit-scrollbar-thumb{background-color:var(--diffs-bg-context)}@supports (-webkit-touch-callout:none){:host{--diffs-scrollbar-gutter-fallback:0px}}[data-line] span{color:light-dark(var(--diffs-token-light,var(--diffs-light)),var(--diffs-token-dark,var(--diffs-dark)));background-color:light-dark(var(--diffs-token-light-bg,inherit),var(--diffs-token-dark-bg,inherit));font-weight:light-dark(var(--diffs-token-light-font-weight,inherit),var(--diffs-token-dark-font-weight,inherit));font-style:light-dark(var(--diffs-token-light-font-style,inherit),var(--diffs-token-dark-font-style,inherit));-webkit-text-decoration:light-dark(var(--diffs-token-light-text-decoration,inherit),var(--diffs-token-dark-text-decoration,inherit));text-decoration:light-dark(var(--diffs-token-light-text-decoration,inherit),var(--diffs-token-dark-text-decoration,inherit))}[data-line],[data-gutter-buffer],[data-column-number],[data-line-annotation],[data-no-newline],[data-merge-conflict],[data-merge-conflict-actions]{--diffs-computed-decoration-bg:var(--diffs-bg);--diffs-computed-diff-line-bg:var(--diffs-bg);--diffs-computed-selected-line-bg:var(--diffs-bg);color:var(--diffs-fg);background-color:var(--diffs-line-bg,var(--diffs-bg))}@media (pointer:fine){:is([data-line],[data-gutter-buffer],[data-column-number],[data-line-annotation],[data-no-newline],[data-merge-conflict],[data-merge-conflict-actions]):where([data-hovered]){--diffs-computed-hovered-line-bg:light-dark(color-mix(in lab, var(--diffs-computed-selected-line-bg) 97%, var(--diffs-bg-hover-override,var(--diffs-mixer))),color-mix(in lab, var(--diffs-computed-selected-line-bg) 91%, var(--diffs-bg-hover-override,var(--diffs-mixer))));--diffs-line-bg:var(--diffs-computed-hovered-line-bg,inherit)}}[data-decoration-bg]:is([data-line],[data-no-newline]){--mix-deco-light:92%;--mix-deco-dark:85%}[data-decoration-bg][data-decoration-bg-depth="2"]:is([data-line],[data-no-newline]){--mix-deco-light:88%;--mix-deco-dark:80%}[data-decoration-bg][data-decoration-bg-depth="3"]:is([data-line],[data-no-newline]){--mix-deco-light:85%;--mix-deco-dark:78%}@media (pointer:fine){[data-decoration-bg][data-hovered]:is([data-line],[data-no-newline]):not([data-selected-line]){--mix-deco-light:85%;--mix-deco-dark:85%}[data-decoration-bg][data-hovered][data-decoration-bg-depth="2"]:is([data-line],[data-no-newline]):not([data-selected-line]){--mix-deco-light:83%;--mix-deco-dark:83%}[data-decoration-bg][data-hovered][data-decoration-bg-depth="3"]:is([data-line],[data-no-newline]):not([data-selected-line]){--mix-deco-light:81%;--mix-deco-dark:81%}}[data-decoration-bg]:is([data-line],[data-no-newline]){--diffs-computed-decoration-bg:light-dark(color-mix(in lab, var(--diffs-bg) var(--mix-deco-light), var(--diffs-decoration-bg)),color-mix(in lab, var(--diffs-bg) var(--mix-deco-dark), var(--diffs-decoration-bg)));--diffs-computed-diff-line-bg:var(--diffs-computed-decoration-bg);--diffs-computed-selected-line-bg:var(--diffs-computed-decoration-bg);--diffs-line-bg:var(--diffs-computed-decoration-bg)}[data-line-annotation],[data-gutter-buffer=annotation]{--diffs-annotation-bg:var(--diffs-bg-context);--diffs-computed-decoration-bg:var(--diffs-annotation-bg);--diffs-computed-diff-line-bg:var(--diffs-annotation-bg);--diffs-computed-selected-line-bg:var(--diffs-annotation-bg);--diffs-line-bg:var(--diffs-annotation-bg)}[data-merge-conflict-actions],[data-gutter-buffer=merge-conflict-action],[data-gutter-buffer=merge-conflict-marker-base],[data-gutter-buffer=merge-conflict-marker-separator],[data-merge-conflict=marker-base],[data-merge-conflict=marker-separator]{--diffs-computed-decoration-bg:var(--diffs-bg-context);--diffs-computed-diff-line-bg:var(--diffs-bg-context);--diffs-computed-selected-line-bg:var(--diffs-bg-context);--diffs-line-bg:var(--diffs-bg-context)}[data-gutter-buffer=merge-conflict-marker-start],[data-merge-conflict=marker-start]{--diffs-computed-decoration-bg:light-dark(color-mix(in lab, var(--diffs-bg) 78%, var(--conflict-bg-current-header-override,var(--diffs-addition-base))),color-mix(in lab, var(--diffs-bg) 68%, var(--conflict-bg-current-header-override,var(--diffs-addition-base))));--diffs-computed-diff-line-bg:var(--diffs-computed-decoration-bg);--diffs-computed-selected-line-bg:var(--diffs-computed-decoration-bg);--diffs-line-bg:var(--diffs-computed-decoration-bg)}[data-gutter-buffer=merge-conflict-marker-end],[data-merge-conflict=marker-end]{--diffs-computed-decoration-bg:light-dark(color-mix(in lab, var(--diffs-bg) 78%, var(--conflict-bg-incoming-header-override,var(--diffs-modified-base))),color-mix(in lab, var(--diffs-bg) 68%, var(--conflict-bg-incoming-header-override,var(--diffs-modified-base))));--diffs-computed-diff-line-bg:var(--diffs-computed-decoration-bg);--diffs-computed-selected-line-bg:var(--diffs-computed-decoration-bg);--diffs-line-bg:var(--diffs-computed-decoration-bg)}[data-has-merge-conflict] [data-line-annotation],[data-has-merge-conflict] [data-gutter-buffer=annotation]{--diffs-computed-decoration-bg:var(--diffs-bg);--diffs-computed-diff-line-bg:var(--diffs-bg);--diffs-computed-selected-line-bg:var(--diffs-bg);--diffs-line-bg:var(--diffs-bg)}:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number]{--mix-light:91%;--mix-dark:85%}:where([data-background]) [data-line],:where([data-background]) [data-no-newline]{--mix-light:88%;--mix-dark:80%}:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]{--diffs-diff-line-mix-target:var(--diffs-bg)}[data-line-type=change-deletion]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]){--diffs-diff-line-mix-target:var(--diffs-bg-deletion-override,var(--diffs-deletion-base))}@media (pointer:fine){[data-line-type=change-deletion][data-hovered]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]){--mix-light:80%;--mix-dark:75%}}[data-line-type=change-deletion]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]):where([data-gutter-buffer],[data-column-number]){color:var(--diffs-fg-number-deletion-override,var(--diffs-deletion-base));--diffs-diff-line-mix-target:var(--diffs-bg-deletion-number-override,var(--diffs-deletion-base))}[data-line-type=change-deletion]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]){--diffs-computed-diff-line-bg:light-dark(color-mix(in lab, var(--diffs-computed-decoration-bg) var(--mix-light), var(--diffs-diff-line-mix-target)),color-mix(in lab, var(--diffs-computed-decoration-bg) var(--mix-dark), var(--diffs-diff-line-mix-target)));--diffs-computed-selected-line-bg:var(--diffs-computed-diff-line-bg);--diffs-line-bg:var(--diffs-computed-diff-line-bg,inherit)}[data-line-type=change-addition]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]){--diffs-diff-line-mix-target:var(--diffs-bg-addition-override,var(--diffs-addition-base))}@media (pointer:fine){[data-line-type=change-addition][data-hovered]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]){--mix-light:80%;--mix-dark:70%}}[data-line-type=change-addition]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]):where([data-gutter-buffer],[data-column-number]){color:var(--diffs-fg-number-addition-override,var(--diffs-addition-base));--diffs-diff-line-mix-target:var(--diffs-bg-addition-number-override,var(--diffs-addition-base))}[data-line-type=change-addition]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]){--diffs-computed-diff-line-bg:light-dark(color-mix(in lab, var(--diffs-computed-decoration-bg) var(--mix-light), var(--diffs-diff-line-mix-target)),color-mix(in lab, var(--diffs-computed-decoration-bg) var(--mix-dark), var(--diffs-diff-line-mix-target)));--diffs-computed-selected-line-bg:var(--diffs-computed-diff-line-bg);--diffs-line-bg:var(--diffs-computed-diff-line-bg,inherit)}[data-merge-conflict=current]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]){--diffs-diff-line-mix-target:var(--conflict-bg-current-override,var(--diffs-addition-base))}[data-merge-conflict=current]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]):where([data-gutter-buffer],[data-column-number]){color:var(--diffs-fg-number-addition-override,var(--diffs-addition-base));--diffs-diff-line-mix-target:var(--conflict-bg-current-number-override,var(--diffs-addition-base))}@media (pointer:fine){[data-merge-conflict=current][data-hovered]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]){--mix-light:80%;--mix-dark:70%}}[data-merge-conflict=current]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]){--diffs-computed-diff-line-bg:light-dark(color-mix(in lab, var(--diffs-computed-decoration-bg) var(--mix-light), var(--diffs-diff-line-mix-target)),color-mix(in lab, var(--diffs-computed-decoration-bg) var(--mix-dark), var(--diffs-diff-line-mix-target)));--diffs-computed-selected-line-bg:var(--diffs-computed-diff-line-bg);--diffs-line-bg:var(--diffs-computed-diff-line-bg,inherit)}[data-merge-conflict=incoming]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]){--diffs-diff-line-mix-target:var(--conflict-bg-incoming-override,var(--diffs-modified-base))}[data-merge-conflict=incoming]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]):where([data-gutter-buffer],[data-column-number]){color:var(--diffs-modified-base);--diffs-diff-line-mix-target:var(--conflict-bg-incoming-number-override,var(--diffs-modified-base))}@media (pointer:fine){[data-merge-conflict=incoming][data-hovered]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]){--mix-light:80%;--mix-dark:70%}}[data-merge-conflict=incoming]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]){--diffs-computed-diff-line-bg:light-dark(color-mix(in lab, var(--diffs-computed-decoration-bg) var(--mix-light), var(--diffs-diff-line-mix-target)),color-mix(in lab, var(--diffs-computed-decoration-bg) var(--mix-dark), var(--diffs-diff-line-mix-target)));--diffs-computed-selected-line-bg:var(--diffs-computed-diff-line-bg);--diffs-line-bg:var(--diffs-computed-diff-line-bg,inherit)}[data-gutter-buffer],[data-column-number],[data-line],[data-line-annotation],[data-merge-conflict],[data-merge-conflict-actions],[data-no-newline]{--diffs-selection-mix-target:var(--diffs-bg-selection-override,var(--diffs-selection-base))}[data-selected-line]:is([data-gutter-buffer],[data-column-number],[data-line],[data-line-annotation],[data-merge-conflict],[data-merge-conflict-actions],[data-no-newline]):where([data-line],[data-line-annotation],[data-merge-conflict],[data-merge-conflict-actions],[data-no-newline]){--mix-selection-light:82%;--mix-selection-dark:75%}@media (pointer:fine){[data-selected-line][data-hovered]:is([data-gutter-buffer],[data-column-number],[data-line],[data-line-annotation],[data-merge-conflict],[data-merge-conflict-actions],[data-no-newline]):where([data-line],[data-line-annotation],[data-merge-conflict],[data-merge-conflict-actions],[data-no-newline]):not([data-merge-conflict],[data-line-type=change-addition],[data-line-type=change-deletion]){--mix-selection-light:75%;--mix-selection-dark:70%}}[data-selected-line]:is([data-gutter-buffer],[data-column-number],[data-line],[data-line-annotation],[data-merge-conflict],[data-merge-conflict-actions],[data-no-newline]):where([data-gutter-buffer],[data-column-number]){--mix-selection-light:75%;--mix-selection-dark:60%;--diffs-selection-mix-target:var(--diffs-bg-selection-number-override,var(--diffs-selection-base))}@media (pointer:fine){[data-selected-line][data-hovered]:is([data-gutter-buffer],[data-column-number],[data-line],[data-line-annotation],[data-merge-conflict],[data-merge-conflict-actions],[data-no-newline]):where([data-gutter-buffer],[data-column-number]):not([data-merge-conflict],[data-line-type=change-addition],[data-line-type=change-deletion]){--mix-selection-light:70%;--mix-selection-dark:55%}}[data-selected-line]:is([data-gutter-buffer],[data-column-number],[data-line],[data-line-annotation],[data-merge-conflict],[data-merge-conflict-actions],[data-no-newline]){--diffs-computed-selected-line-bg:light-dark(color-mix(in lab, var(--diffs-computed-diff-line-bg) var(--mix-selection-light), var(--diffs-selection-mix-target)),color-mix(in lab, var(--diffs-computed-diff-line-bg) var(--mix-selection-dark), var(--diffs-selection-mix-target)));--diffs-line-bg:var(--diffs-computed-selected-line-bg,inherit)}[data-selected-line]:is([data-gutter-buffer],[data-column-number]){color:var(--diffs-selection-number-fg)}[data-no-newline]{-webkit-user-select:none;user-select:none}[data-no-newline] span{opacity:.6}[data-diff-type=split][data-overflow=scroll]{grid-template-columns:1fr 1fr;display:grid}[data-diff-type=split][data-overflow=scroll] [data-additions]{border-left:1px solid var(--diffs-bg)}[data-diff-type=split][data-overflow=scroll] [data-deletions]{border-right:1px solid var(--diffs-bg)}[data-code]{grid-auto-flow:dense;grid-template-columns:var(--diffs-code-grid);overflow:var(--diffs-overflow-override,scroll) clip;overscroll-behavior-x:none;tab-size:var(--diffs-tab-size,2);padding-top:var(--diffs-gap-block,var(--diffs-gap-fallback));padding-bottom:max(0px, calc(var(--diffs-gap-block,var(--diffs-gap-fallback)) - var(--diffs-scrollbar-gutter)));scrollbar-gutter:stable;align-self:flex-start;display:grid}[data-diffs-scrollbar-measure]{opacity:0;pointer-events:none;scrollbar-gutter:auto;grid-template-columns:none;width:100px;height:100px;padding:0;position:absolute;top:-200px;left:-200px}[data-container-size]{container-type:inline-size}[data-code]::-webkit-scrollbar{width:0;height:var(--diffs-scrollbar-gutter)}[data-code]::-webkit-scrollbar-track{background:0 0}[data-code]::-webkit-scrollbar-thumb{background-color:#0000;background-clip:content-box;border:1px solid #0000;border-radius:3px}[data-code]::-webkit-scrollbar-corner{background-color:#0000}@supports ((-moz-appearance:none)){[data-code]{scrollbar-width:thin;scrollbar-color:var(--diffs-bg-context) transparent;padding-bottom:var(--diffs-gap-block,var(--diffs-gap-fallback))}}:is([data-diffs-header]~[data-diff],[data-diffs-header]~[data-file]) [data-code],[data-overflow=wrap]:is([data-diffs-header]~[data-diff],[data-diffs-header]~[data-file]){padding-top:0}[data-gutter]{grid-template-rows:subgrid;grid-template-columns:subgrid;z-index:3;background-color:var(--diffs-bg);grid-column:1;display:grid;position:relative}[data-gutter] [data-gutter-buffer],[data-gutter] [data-column-number]{border-right:var(--diffs-gap-style,2px solid var(--diffs-bg))}[data-content]{grid-template-rows:subgrid;grid-template-columns:subgrid;background-color:var(--diffs-bg);grid-column:2;min-width:0;display:grid}[data-diff-type=split][data-overflow=wrap]{grid-auto-flow:dense;grid-template-columns:repeat(2, var(--diffs-code-grid));padding-block:var(--diffs-gap-block,var(--diffs-gap-fallback));display:grid}[data-diff-type=split][data-overflow=wrap] [data-deletions]{display:contents}:is([data-diff-type=split][data-overflow=wrap] [data-deletions]) [data-gutter]{grid-column:1}:is([data-diff-type=split][data-overflow=wrap] [data-deletions]) [data-content]{border-right:1px solid var(--diffs-bg);grid-column:2}[data-diff-type=split][data-overflow=wrap] [data-additions]{display:contents}:is([data-diff-type=split][data-overflow=wrap] [data-additions]) [data-gutter]{border-left:1px solid var(--diffs-bg);grid-column:3}:is([data-diff-type=split][data-overflow=wrap] [data-additions]) [data-content]{grid-column:4}[data-overflow=scroll] [data-gutter]{position:sticky;left:0}[data-interactive-lines] [data-line]{cursor:pointer}[data-interactive-line-numbers] [data-column-number]{cursor:pointer;touch-action:none}[data-content-buffer],[data-gutter-buffer]{-webkit-user-select:none;user-select:none;min-height:1lh;position:relative}[data-gutter-buffer]{padding-left:2ch;padding-right:1ch}[data-gutter-buffer]:before{content:"";min-width:var(--diffs-min-number-column-width,var(--diffs-min-number-column-width-default,3ch));display:block}[data-gutter-buffer=annotation]{--diffs-annotation-bg:var(--diffs-bg-context-gutter);min-height:0}[data-gutter-buffer=buffer]{--diffs-line-bg:var(--diffs-bg-context-gutter)}[data-content-buffer]{background-position:5px 0;background-size:8px 8px;background-origin:border-box;background-image:repeating-linear-gradient(-45deg, transparent, transparent 4.242px, var(--diffs-bg-buffer) 4.242px, var(--diffs-bg-buffer) 5.656px);grid-column:1}[data-separator]{box-sizing:content-box;background-color:var(--diffs-bg)}[data-separator=simple]{min-height:4px}[data-separator=line-info],[data-separator=line-info-basic],[data-separator=metadata],[data-separator=simple]{background-color:var(--diffs-bg-separator)}[data-separator=line-info],[data-separator=line-info-basic],[data-separator=metadata]{height:32px;position:relative}[data-separator-wrapper]{-webkit-user-select:none;user-select:none;fill:currentColor;background-color:var(--diffs-bg);align-items:center;height:100%;display:flex;position:absolute;inset-inline:0}[data-content] [data-separator-wrapper]{display:none}[data-separator=metadata] [data-separator-wrapper]{background-color:var(--diffs-bg-separator);height:100%;color:var(--diffs-fg-number);white-space:nowrap;text-overflow:ellipsis;min-width:min-content;padding-inline:1ch;inset-inline:100% auto;overflow:hidden}[data-separator=line-info]{margin-block:var(--diffs-gap-block,var(--diffs-gap-fallback))}[data-separator=line-info] [data-separator-wrapper]{min-width:16px}[data-separator=line-info-basic],[data-separator=metadata]{margin-block:0}[data-separator=line-info][data-separator-first]{margin-top:0}[data-separator=line-info][data-separator-last]{margin-bottom:0}[data-expand-index] [data-separator-wrapper]{grid-template-columns:32px auto;display:grid}[data-expand-index] [data-separator-wrapper][data-separator-multi-button]{grid-template-columns:32px 32px auto}[data-expand-button],[data-separator-content]{background-color:var(--diffs-bg-separator);flex:none;align-items:center;display:flex}[data-expand-index] [data-separator-content]:hover{cursor:pointer;text-decoration:underline}[data-expand-button]{cursor:pointer;min-width:32px;color:var(--diffs-fg-number);border-right:2px solid var(--diffs-bg);flex-shrink:0;justify-content:center;align-self:stretch}[data-expand-button]:hover{color:var(--diffs-fg)}[data-expand-button][data-expand-all-button]{display:none}[data-expand-down] [data-icon]{transform:scaleY(-1)}[data-separator-content]{height:100%;color:var(--diffs-fg-number);flex:auto;justify-content:flex-start;padding:0 1ch;overflow:hidden}:is([data-separator=line-info],[data-separator=line-info-basic]) [data-separator-content]{-webkit-user-select:none;user-select:none;height:100%;overflow:clip}[data-unmodified-lines]{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;display:block;overflow:hidden}@supports (width:1cqi){[data-unified] [data-separator=line-info] [data-separator-wrapper]{padding-inline:var(--diffs-gap-inline,var(--diffs-gap-fallback));width:100cqi}:is([data-unified] [data-separator=line-info] [data-separator-wrapper]) [data-separator-content]{border-radius:6px}[data-unified] [data-separator=line-info][data-expand-index] [data-separator-wrapper] [data-separator-content]{border-top-left-radius:unset;border-bottom-left-radius:unset}[data-gutter] [data-separator=line-info] [data-separator-wrapper]{padding-left:var(--diffs-gap-inline,var(--diffs-gap-fallback))}[data-gutter] [data-separator=line-info] [data-separator-content]{border-top-left-radius:6px;border-bottom-left-radius:6px}[data-gutter] [data-separator=line-info][data-expand-index] [data-separator-content]{border-top-left-radius:unset;border-bottom-left-radius:unset}[data-additions] [data-content] [data-separator=line-info]{background-color:var(--diffs-bg)}:is([data-additions] [data-content] [data-separator=line-info]) [data-separator-wrapper]{display:none}[data-additions] [data-gutter] [data-separator=line-info] [data-separator-wrapper]{background-color:var(--diffs-bg-separator);border-top-right-radius:6px;border-bottom-right-radius:6px;height:100%;display:block}:is([data-additions] [data-gutter] [data-separator=line-info] [data-separator-wrapper]) [data-separator-content],:is([data-additions] [data-gutter] [data-separator=line-info] [data-separator-wrapper]) [data-expand-button]{display:none}[data-overflow=scroll] [data-additions] [data-gutter] [data-separator=line-info] [data-separator-wrapper]{width:calc(100cqi - var(--diffs-gap-inline,var(--diffs-gap-fallback)))}[data-overflow=wrap] [data-additions] [data-content] [data-separator=line-info] [data-separator-wrapper]{background-color:var(--diffs-bg-separator);height:100%;margin-right:var(--diffs-gap-inline,var(--diffs-gap-fallback));border-top-right-radius:6px;border-bottom-right-radius:6px;display:block}:is([data-overflow=wrap] [data-additions] [data-content] [data-separator=line-info] [data-separator-wrapper]) [data-separator-content],:is([data-overflow=wrap] [data-additions] [data-content] [data-separator=line-info] [data-separator-wrapper]) [data-expand-button]{display:none}:is([data-separator=line-info] [data-separator-wrapper]) [data-expand-both],:is([data-separator=line-info] [data-separator-wrapper]) [data-expand-down],:is([data-separator=line-info] [data-separator-wrapper]) [data-expand-up]{border-top-left-radius:6px;border-bottom-left-radius:6px}@media (pointer:fine){[data-separator-multi-button]:is([data-separator=line-info] [data-separator-wrapper]) [data-expand-up]{border-top-left-radius:6px;border-bottom-left-radius:unset}[data-separator-multi-button]:is([data-separator=line-info] [data-separator-wrapper]) [data-expand-down]{border-bottom-left-radius:6px;border-top-left-radius:unset}}}@media (pointer:coarse){[data-separator=line-info-basic] [data-separator-wrapper][data-separator-multi-button]{grid-template-columns:34px 34px auto}:is([data-separator=line-info-basic] [data-separator-wrapper][data-separator-multi-button]) [data-separator-content]{grid-column:unset;grid-row:unset}@supports (width:1cqi){:is([data-separator=line-info] [data-separator-wrapper]) [data-expand-both],:is([data-separator=line-info] [data-separator-wrapper]) [data-expand-down],:is([data-separator=line-info] [data-separator-wrapper]) [data-expand-up],[data-separator-multi-button]:is([data-separator=line-info] [data-separator-wrapper]) [data-expand-up]{border-top-left-radius:6px;border-bottom-left-radius:6px}[data-separator-multi-button]:is([data-separator=line-info] [data-separator-wrapper]) [data-expand-down]{border-bottom-left-radius:unset;border-top-left-radius:unset}}}@media (pointer:fine){[data-separator-wrapper][data-separator-multi-button]{grid-template-rows:50% 50%;display:grid}[data-separator-wrapper][data-separator-multi-button] [data-separator-content]{grid-area:1/2/-1;min-width:min-content}[data-separator-wrapper][data-separator-multi-button] [data-expand-button]{grid-column:1}[data-separator=line-info] [data-separator-wrapper],[data-separator=line-info] [data-separator-wrapper][data-separator-multi-button]{grid-template-columns:34px auto}[data-separator=line-info-basic][data-expand-index] [data-separator-wrapper]{grid-template-columns:100% auto}:is(:is([data-separator=line-info],[data-separator=line-info-basic]) [data-separator-multi-button]) [data-expand-up]{border-bottom:1px solid var(--diffs-bg);border-right:2px solid var(--diffs-bg)}:is(:is([data-separator=line-info],[data-separator=line-info-basic]) [data-separator-multi-button]) [data-expand-down]{border-top:1px solid var(--diffs-bg);border-right:2px solid var(--diffs-bg)}}[data-additions] [data-gutter] [data-separator-wrapper],[data-additions] [data-separator=line-info-basic] [data-separator-wrapper],[data-content] [data-separator-wrapper]{display:none}[data-line-annotation]{min-height:var(--diffs-annotation-min-height,0);z-index:2}[data-merge-conflict-actions]{z-index:2}[data-separator=custom]{grid-template-columns:subgrid;display:grid}[data-line],[data-column-number],[data-no-newline]{padding-inline:1ch;position:relative}[data-indicators=classic] [data-line]{padding-inline-start:2ch}:is([data-no-newline]:is([data-indicators=classic] [data-line-type=change-addition],[data-indicators=classic] [data-line-type=change-deletion]),[data-line]:is([data-indicators=classic] [data-line-type=change-addition],[data-indicators=classic] [data-line-type=change-deletion])):before{-webkit-user-select:none;user-select:none;width:1ch;height:1lh;display:inline-block;position:absolute;top:0;left:0}:is([data-line]:is([data-indicators=classic] [data-line-type=change-addition]),[data-no-newline]:is([data-indicators=classic] [data-line-type=change-addition])):before{content:"+";color:var(--diffs-addition-base)}:is([data-line]:is([data-indicators=classic] [data-line-type=change-deletion]),[data-no-newline]:is([data-indicators=classic] [data-line-type=change-deletion])):before{content:"-";color:var(--diffs-deletion-base)}[data-column-number]:is([data-indicators=bars] [data-line-type=change-deletion],[data-indicators=bars] [data-line-type=change-addition]):before{content:"";-webkit-user-select:none;user-select:none;contain:strict;width:4px;height:100%;display:block;position:absolute;top:0;left:0}[data-column-number]:is([data-indicators=bars] [data-line-type=change-deletion]):before{background-image:linear-gradient(0deg, var(--diffs-bg-deletion) 50%, var(--diffs-deletion-base) 50%);background-repeat:repeat;background-size:2px 2px;background-size:calc(1lh/round(1lh / 2px)) calc(1lh/round(1lh / 2px))}[data-column-number]:is([data-indicators=bars] [data-line-type=change-addition]):before{background-color:var(--diffs-addition-base)}[data-overflow=wrap] [data-line],[data-overflow=wrap] [data-annotation-content]{white-space:pre-wrap;word-break:break-word}[data-overflow=scroll] [data-line]{white-space:pre;min-height:1lh}[data-column-number]{box-sizing:content-box;text-align:right;-webkit-user-select:none;user-select:none;color:var(--diffs-fg-number);padding-left:2ch}[data-line-number-content]{min-width:var(--diffs-min-number-column-width,var(--diffs-min-number-column-width-default,3ch));z-index:1;display:inline-block;position:relative}[data-disable-line-numbers] [data-gutter-buffer],[data-disable-line-numbers] [data-column-number]{min-width:4px;padding:0}:is([data-disable-line-numbers] [data-gutter-buffer],[data-disable-line-numbers] [data-column-number]):before{min-width:0}[data-disable-line-numbers] [data-line-number-content]{display:none}[data-disable-line-numbers] [data-gutter-utility-slot]{right:unset;justify-content:flex-start;left:0}[data-disable-line-numbers][data-indicators=bars] [data-gutter-utility-slot]{left:6px}[data-file][data-disable-line-numbers] [data-gutter-buffer],[data-file][data-disable-line-numbers] [data-column-number]{border-right:0;min-width:0}[data-diff-span]{-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:3px}[data-line-type=change-addition] [data-diff-span]{background-color:var(--diffs-bg-addition-emphasis)}[data-line-type=change-deletion] [data-diff-span]{background-color:var(--diffs-bg-deletion-emphasis)}[data-merge-conflict=marker-start],[data-merge-conflict=marker-base],[data-merge-conflict=marker-separator],[data-merge-conflict=marker-end]{color:var(--diffs-fg);padding-left:1ch}[data-merge-conflict=marker-start],[data-merge-conflict=marker-end]{align-items:center;display:flex}:is([data-merge-conflict=marker-start],[data-merge-conflict=marker-end]):after{color:var(--diffs-fg-conflict-marker);font-size:.75rem;font-style:normal;line-height:1.25rem;font-family:var(--diffs-header-font-family,var(--diffs-header-font-fallback));padding-left:1ch}[data-merge-conflict=marker-start]:after{content:"(Current Change)"}[data-merge-conflict=marker-end]:after{content:"(Incoming Change)"}[data-merge-conflict-actions-content]{min-height:1.75rem;font-family:var(--diffs-header-font-family,var(--diffs-header-font-fallback));color:var(--diffs-fg);align-items:center;gap:.25rem;padding-inline:.5rem;font-size:.75rem;line-height:1.2;display:flex}[data-merge-conflict-action]{appearance:none;color:var(--diffs-fg-number);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-style:normal}[data-merge-conflict-action]:hover{color:var(--diffs-fg)}[data-merge-conflict-action=current]:hover{color:var(--diffs-addition-base)}[data-merge-conflict-action=incoming]:hover{color:var(--diffs-modified-base)}[data-merge-conflict-action-separator]{color:var(--diffs-fg-number);opacity:.6;-webkit-user-select:none;user-select:none}[data-diffs-header=default]{background-color:var(--diffs-bg);justify-content:space-between;align-items:center;gap:var(--diffs-gap-inline,var(--diffs-gap-fallback));min-height:calc(1lh + var(--diffs-gap-block,var(--diffs-gap-fallback))*3);z-index:2;flex-direction:row;padding-inline:16px;display:flex;position:relative;top:0}[data-header-content]{align-items:center;gap:var(--diffs-gap-inline,var(--diffs-gap-fallback));white-space:nowrap;flex-direction:row;min-width:0;display:flex}[data-header-content] [data-prev-name],[data-header-content] [data-title]{text-overflow:ellipsis;white-space:nowrap;direction:rtl;min-width:0;overflow:hidden}[data-prev-name]{opacity:.7}[data-rename-icon]{fill:currentColor;flex-grow:0;flex-shrink:0}[data-diffs-header=default] [data-metadata]{white-space:nowrap;align-items:center;gap:1ch;display:flex}[data-diffs-header=default] [data-additions-count]{font-family:var(--diffs-font-family,var(--diffs-font-fallback));color:var(--diffs-addition-base)}[data-diffs-header=default] [data-deletions-count]{font-family:var(--diffs-font-family,var(--diffs-font-fallback));color:var(--diffs-deletion-base)}[data-change-icon]{fill:currentColor;flex-shrink:0}[data-change-icon=change],[data-change-icon=rename-pure],[data-change-icon=rename-changed]{color:var(--diffs-modified-base)}[data-change-icon=new]{color:var(--diffs-addition-base)}[data-change-icon=deleted]{color:var(--diffs-deletion-base)}[data-change-icon=file]{opacity:.6}[data-annotation-content]{z-index:2;isolation:isolate;align-self:flex-start;min-width:0;display:flow-root;position:relative}[data-overflow=scroll] [data-annotation-content],[data-overflow=scroll] [data-merge-conflict-actions-content]{width:var(--diffs-column-content-width,auto);left:var(--diffs-column-number-width,0);position:sticky}[data-annotation-slot]{text-wrap-mode:wrap;word-break:normal;white-space-collapse:collapse}[data-gutter-utility-slot]{touch-action:none;justify-content:flex-end;display:flex;position:absolute;top:0;bottom:0;right:0}[data-utility-button]{appearance:none;cursor:pointer;width:1lh;height:1lh;font-size:var(--diffs-font-size,13px);line-height:var(--diffs-line-height,20px);background-color:var(--diffs-modified-base);color:var(--diffs-bg);fill:currentColor;z-index:4;touch-action:none;border:none;border-radius:4px;justify-content:center;align-items:center;margin-right:calc(1ch - 1lh);padding:0;display:flex;position:relative}[data-utility-button]:before{content:"";display:block;position:absolute;inset:0 0 0 -4px}[data-decoration-bar-stack]{pointer-events:none;isolation:isolate;z-index:1;background-color:var(--diffs-decoration-bar-color,transparent);box-sizing:content-box;border-left:2px solid var(--diffs-bg);border-right:2px solid var(--diffs-bg);width:6px;position:absolute;top:0;bottom:0;right:-2px}[data-decoration-bar-depth="1"] [data-decoration-bar-stack]{background-color:color-mix(in lab, var(--diffs-bg) 20%, var(--diffs-decoration-bar-color,transparent))}[data-decoration-bar-depth="2"] [data-decoration-bar-stack]{background-color:color-mix(in lab, var(--diffs-bg) 45%, var(--diffs-decoration-bar-color,transparent))}[data-decoration-bar-depth="3"] [data-decoration-bar-stack]{background-color:color-mix(in lab, var(--diffs-bg) 65%, var(--diffs-decoration-bar-color,transparent))}[data-decoration-bar-start] [data-decoration-bar-stack]{border-top-left-radius:5px;border-top-right-radius:5px}[data-decoration-bar-end] [data-decoration-bar-stack]{z-index:3;border-bottom-right-radius:5px;border-bottom-left-radius:5px}[data-placeholder]{contain:strict}[data-error-wrapper]{padding:var(--diffs-gap-block,var(--diffs-gap-fallback)) var(--diffs-gap-inline,var(--diffs-gap-fallback));scrollbar-width:none;max-height:400px;overflow:auto}[data-error-wrapper] [data-error-message]{color:var(--diffs-deletion-base);font-size:18px;font-weight:700}[data-error-wrapper] [data-error-stack]{color:var(--diffs-fg-number)}}@layer theme,rendered,unsafe;
+@layer theme {
+
+}</style><style data-theme-css="">@layer base, theme, rendered, unsafe;
+@layer rendered {
+  :host {
+  --diffs-scrollbar-gutter-measured: var(--diffs-scrollbar-gutter-fallback);
+  --diffs-dark:#fafafa;--diffs-dark-bg:#0a0a0a;--diffs-dark-addition-color:#07c480;--diffs-dark-deletion-color:#ff2e3f;--diffs-dark-modified-color:#009fff;--diffs-light:#0a0a0a;--diffs-light-bg:#ffffff;--diffs-light-addition-color:#18a46c;--diffs-light-deletion-color:#d52c36;--diffs-light-modified-color:#009fff;
+  }
+}</style><div data-diffs-header="default" data-change-type="change"><div data-header-content=""><slot name="header-prefix"></slot><svg width="16" height="16" viewBox="0 0 16 16" data-change-icon="change"><use href="#diffs-icon-symbol-modified"></use></svg><div data-title=""><bdi>apps/web/app/dashboard-mocks.tsx</bdi></div></div><div data-metadata=""><span data-deletions-count="">-17</span><span data-additions-count="">+29</span><slot name="header-metadata"></slot></div></div><pre data-diff="" data-diff-type="split" data-overflow="scroll" data-background="" data-indicators="bars" tabindex="0" style="--diffs-min-number-column-width-default:2ch;" data-dehydrated=""><code data-code="" data-container-size="" data-deletions=""><div data-gutter="" style="grid-row: span 42"><div data-separator="line-info" data-separator-first=""><div data-separator-wrapper=""><div data-separator-content=""><span data-unmodified-lines="">6 unmodified lines</span></div></div></div><div data-line-type="context" data-column-number="7" data-line-index="6,6"><span data-line-number-content="">7</span></div><div data-line-type="context" data-column-number="8" data-line-index="7,7"><span data-line-number-content="">8</span></div><div data-line-type="context" data-column-number="9" data-line-index="8,8"><span data-line-number-content="">9</span></div><div data-line-type="change-deletion" data-column-number="10" data-line-index="9,9"><span data-line-number-content="">10</span></div><div data-gutter-buffer="buffer" data-buffer-size="8" style="grid-row: span 8;min-height:calc(8 * 1lh);"></div><div data-line-type="context" data-column-number="11" data-line-index="19,18"><span data-line-number-content="">11</span></div><div data-line-type="change-deletion" data-column-number="12" data-line-index="20,19"><span data-line-number-content="">12</span></div><div data-line-type="change-deletion" data-column-number="13" data-line-index="21,20"><span data-line-number-content="">13</span></div><div data-line-type="change-deletion" data-column-number="14" data-line-index="22,21"><span data-line-number-content="">14</span></div><div data-line-type="change-deletion" data-column-number="15" data-line-index="23,22"><span data-line-number-content="">15</span></div><div data-gutter-buffer="buffer" data-buffer-size="1" style="grid-row: span 1;min-height:calc(1 * 1lh);"></div><div data-line-type="context" data-column-number="16" data-line-index="29,24"><span data-line-number-content="">16</span></div><div data-line-type="context" data-column-number="17" data-line-index="30,25"><span data-line-number-content="">17</span></div><div data-line-type="change-deletion" data-column-number="18" data-line-index="31,26"><span data-line-number-content="">18</span></div><div data-line-type="change-deletion" data-column-number="19" data-line-index="32,27"><span data-line-number-content="">19</span></div><div data-line-type="change-deletion" data-column-number="20" data-line-index="33,28"><span data-line-number-content="">20</span></div><div data-line-type="change-deletion" data-column-number="21" data-line-index="34,29"><span data-line-number-content="">21</span></div><div data-gutter-buffer="buffer" data-buffer-size="1" style="grid-row: span 1;min-height:calc(1 * 1lh);"></div><div data-line-type="context" data-column-number="22" data-line-index="40,31"><span data-line-number-content="">22</span></div><div data-line-type="context" data-column-number="23" data-line-index="41,32"><span data-line-number-content="">23</span></div><div data-line-type="change-deletion" data-column-number="24" data-line-index="42,33"><span data-line-number-content="">24</span></div><div data-line-type="change-deletion" data-column-number="25" data-line-index="43,34"><span data-line-number-content="">25</span></div><div data-line-type="change-deletion" data-column-number="26" data-line-index="44,35"><span data-line-number-content="">26</span></div><div data-line-type="change-deletion" data-column-number="27" data-line-index="45,36"><span data-line-number-content="">27</span></div><div data-gutter-buffer="buffer" data-buffer-size="1" style="grid-row: span 1;min-height:calc(1 * 1lh);"></div><div data-line-type="context" data-column-number="28" data-line-index="51,38"><span data-line-number-content="">28</span></div><div data-line-type="context" data-column-number="29" data-line-index="52,39"><span data-line-number-content="">29</span></div><div data-line-type="change-deletion" data-column-number="30" data-line-index="53,40"><span data-line-number-content="">30</span></div><div data-line-type="change-deletion" data-column-number="31" data-line-index="54,41"><span data-line-number-content="">31</span></div><div data-line-type="change-deletion" data-column-number="32" data-line-index="55,42"><span data-line-number-content="">32</span></div><div data-line-type="change-deletion" data-column-number="33" data-line-index="56,43"><span data-line-number-content="">33</span></div><div data-gutter-buffer="buffer" data-buffer-size="1" style="grid-row: span 1;min-height:calc(1 * 1lh);"></div><div data-line-type="context" data-column-number="34" data-line-index="62,45"><span data-line-number-content="">34</span></div><div data-line-type="context" data-column-number="35" data-line-index="63,46"><span data-line-number-content="">35</span></div></div><div data-content="" style="grid-row: span 42"><div data-separator="line-info" data-separator-first=""><div data-separator-wrapper=""><div data-separator-content=""><span data-unmodified-lines="">6 unmodified lines</span></div></div></div><div data-line="7" data-alt-line="7" data-line-type="context" data-line-index="6,6"><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A">  variant</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> MockVariant</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="8" data-alt-line="8" data-line-type="context" data-line-index="7,7"><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A">}</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="9" data-alt-line="9" data-line-type="context" data-line-index="8,8">
+</div><div data-line="10" data-line-type="change-deletion" data-line-index="9,9"><span data-diff-span=""><span style="--diffs-token-dark:#D568EA;--diffs-token-light:#A631BE">const</span><span style="--diffs-token-dark:#FFAB16;--diffs-token-light:#D5901C"> variants</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#D568EA;--diffs-token-light:#A631BE"> Record</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">&#x3C;</span><span style="--diffs-token-dark:#D568EA;--diffs-token-light:#A631BE">MockVariant</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> title</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#D568EA;--diffs-token-light:#A631BE"> string</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> premise</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#D568EA;--diffs-token-light:#A631BE"> string</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> mode</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#D568EA;--diffs-token-light:#A631BE"> string</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> layout</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#D568EA;--diffs-token-light:#A631BE"> string</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> }></span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> </span></span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">=</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-content-buffer="" data-buffer-size="8" style="grid-row: span 8;min-height:calc(8 * 1lh)"></div><div data-line="11" data-alt-line="19" data-line-type="context" data-line-index="19,18"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">  mock1</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="12" data-line-type="change-deletion" data-line-index="20,19"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">    title</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "</span><span data-diff-span=""><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">Command Deck</span></span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="13" data-line-type="change-deletion" data-line-index="21,20"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">    </span><span data-diff-span=""><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">premise</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "</span><span data-diff-span=""><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">Closest to the reference: left navigation, ticker ribbon, dense evidence panes, replay rail.</span></span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="14" data-line-type="change-deletion" data-line-index="22,21"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">    </span><span data-diff-span=""><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">mode</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "</span><span data-diff-span=""><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">Dense ops</span></span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="15" data-line-type="change-deletion" data-line-index="23,22"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">    </span><span data-diff-span=""><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">layout</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "</span><span data-diff-span=""><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">classic"</span></span></div><div data-content-buffer="" data-buffer-size="1" style="grid-row: span 1;min-height:calc(1 * 1lh)"></div><div data-line="16" data-alt-line="25" data-line-type="context" data-line-index="29,24"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">  },</span></div><div data-line="17" data-alt-line="26" data-line-type="context" data-line-index="30,25"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">  mock2</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="18" data-line-type="change-deletion" data-line-index="31,26"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">    title</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "</span><span data-diff-span=""><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">Investigation Stack</span></span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="19" data-line-type="change-deletion" data-line-index="32,27"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">    </span><span data-diff-span=""><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">premise</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "</span><span data-diff-span=""><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">A calmer analyst layout with the selected symbol story in the center and context wrapped around it.</span></span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="20" data-line-type="change-deletion" data-line-index="33,28"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">    </span><span data-diff-span=""><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">mode</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "</span><span data-diff-span=""><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">Forensic</span></span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="21" data-line-type="change-deletion" data-line-index="34,29"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">    </span><span data-diff-span=""><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">layout</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "</span><span data-diff-span=""><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">focus"</span></span></div><div data-content-buffer="" data-buffer-size="1" style="grid-row: span 1;min-height:calc(1 * 1lh)"></div><div data-line="22" data-alt-line="32" data-line-type="context" data-line-index="40,31"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">  },</span></div><div data-line="23" data-alt-line="33" data-line-type="context" data-line-index="41,32"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">  mock3</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="24" data-line-type="change-deletion" data-line-index="42,33"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">    title</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "</span><span data-diff-span=""><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">Signal Wall</span></span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="25" data-line-type="change-deletion" data-line-index="43,34"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">    </span><span data-diff-span=""><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">premise</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "</span><span data-diff-span=""><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">Prioritizes alert triage and cross-symbol scanning before a user drills into price action.</span></span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="26" data-line-type="change-deletion" data-line-index="44,35"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">    </span><span data-diff-span=""><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">mode</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "</span><span data-diff-span=""><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">Triage</span></span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="27" data-line-type="change-deletion" data-line-index="45,36"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">    </span><span data-diff-span=""><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">layout</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "</span><span data-diff-span=""><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">signals"</span></span></div><div data-content-buffer="" data-buffer-size="1" style="grid-row: span 1;min-height:calc(1 * 1lh)"></div><div data-line="28" data-alt-line="39" data-line-type="context" data-line-index="51,38"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">  },</span></div><div data-line="29" data-alt-line="40" data-line-type="context" data-line-index="52,39"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">  mock4</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="30" data-line-type="change-deletion" data-line-index="53,40"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">    title</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "</span><span data-diff-span=""><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">Replay Lab</span></span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="31" data-line-type="change-deletion" data-line-index="54,41"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">    </span><span data-diff-span=""><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">premise</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "</span><span data-diff-span=""><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">A replay-first structure with timeline, event tape, and causality context always visible.</span></span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="32" data-line-type="change-deletion" data-line-index="55,42"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">    </span><span data-diff-span=""><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">mode</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "</span><span data-diff-span=""><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">Replay</span></span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="33" data-line-type="change-deletion" data-line-index="56,43"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">    </span><span data-diff-span=""><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">layout</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "</span><span data-diff-span=""><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">replay"</span></span></div><div data-content-buffer="" data-buffer-size="1" style="grid-row: span 1;min-height:calc(1 * 1lh)"></div><div data-line="34" data-alt-line="46" data-line-type="context" data-line-index="62,45"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">  }</span></div><div data-line="35" data-alt-line="47" data-line-type="context" data-line-index="63,46"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">};</span></div></div></code><code data-code="" data-container-size="" data-additions=""><div data-gutter="" style="grid-row: span 42"><div data-separator="line-info" data-separator-first=""><div data-separator-wrapper=""><div data-separator-content=""><span data-unmodified-lines="">6 unmodified lines</span></div></div></div><div data-line-type="context" data-column-number="7" data-line-index="6,6"><span data-line-number-content="">7</span></div><div data-line-type="context" data-column-number="8" data-line-index="7,7"><span data-line-number-content="">8</span></div><div data-line-type="context" data-column-number="9" data-line-index="8,8"><span data-line-number-content="">9</span></div><div data-line-type="change-addition" data-column-number="10" data-line-index="10,9"><span data-line-number-content="">10</span></div><div data-line-type="change-addition" data-column-number="11" data-line-index="11,10"><span data-line-number-content="">11</span></div><div data-line-type="change-addition" data-column-number="12" data-line-index="12,11"><span data-line-number-content="">12</span></div><div data-line-type="change-addition" data-column-number="13" data-line-index="13,12"><span data-line-number-content="">13</span></div><div data-line-type="change-addition" data-column-number="14" data-line-index="14,13"><span data-line-number-content="">14</span></div><div data-line-type="change-addition" data-column-number="15" data-line-index="15,14"><span data-line-number-content="">15</span></div><div data-line-type="change-addition" data-column-number="16" data-line-index="16,15"><span data-line-number-content="">16</span></div><div data-line-type="change-addition" data-column-number="17" data-line-index="17,16"><span data-line-number-content="">17</span></div><div data-line-type="change-addition" data-column-number="18" data-line-index="18,17"><span data-line-number-content="">18</span></div><div data-line-type="context" data-column-number="19" data-line-index="19,18"><span data-line-number-content="">19</span></div><div data-line-type="change-addition" data-column-number="20" data-line-index="24,19"><span data-line-number-content="">20</span></div><div data-line-type="change-addition" data-column-number="21" data-line-index="25,20"><span data-line-number-content="">21</span></div><div data-line-type="change-addition" data-column-number="22" data-line-index="26,21"><span data-line-number-content="">22</span></div><div data-line-type="change-addition" data-column-number="23" data-line-index="27,22"><span data-line-number-content="">23</span></div><div data-line-type="change-addition" data-column-number="24" data-line-index="28,23"><span data-line-number-content="">24</span></div><div data-line-type="context" data-column-number="25" data-line-index="29,24"><span data-line-number-content="">25</span></div><div data-line-type="context" data-column-number="26" data-line-index="30,25"><span data-line-number-content="">26</span></div><div data-line-type="change-addition" data-column-number="27" data-line-index="35,26"><span data-line-number-content="">27</span></div><div data-line-type="change-addition" data-column-number="28" data-line-index="36,27"><span data-line-number-content="">28</span></div><div data-line-type="change-addition" data-column-number="29" data-line-index="37,28"><span data-line-number-content="">29</span></div><div data-line-type="change-addition" data-column-number="30" data-line-index="38,29"><span data-line-number-content="">30</span></div><div data-line-type="change-addition" data-column-number="31" data-line-index="39,30"><span data-line-number-content="">31</span></div><div data-line-type="context" data-column-number="32" data-line-index="40,31"><span data-line-number-content="">32</span></div><div data-line-type="context" data-column-number="33" data-line-index="41,32"><span data-line-number-content="">33</span></div><div data-line-type="change-addition" data-column-number="34" data-line-index="46,33"><span data-line-number-content="">34</span></div><div data-line-type="change-addition" data-column-number="35" data-line-index="47,34"><span data-line-number-content="">35</span></div><div data-line-type="change-addition" data-column-number="36" data-line-index="48,35"><span data-line-number-content="">36</span></div><div data-line-type="change-addition" data-column-number="37" data-line-index="49,36"><span data-line-number-content="">37</span></div><div data-line-type="change-addition" data-column-number="38" data-line-index="50,37"><span data-line-number-content="">38</span></div><div data-line-type="context" data-column-number="39" data-line-index="51,38"><span data-line-number-content="">39</span></div><div data-line-type="context" data-column-number="40" data-line-index="52,39"><span data-line-number-content="">40</span></div><div data-line-type="change-addition" data-column-number="41" data-line-index="57,40"><span data-line-number-content="">41</span></div><div data-line-type="change-addition" data-column-number="42" data-line-index="58,41"><span data-line-number-content="">42</span></div><div data-line-type="change-addition" data-column-number="43" data-line-index="59,42"><span data-line-number-content="">43</span></div><div data-line-type="change-addition" data-column-number="44" data-line-index="60,43"><span data-line-number-content="">44</span></div><div data-line-type="change-addition" data-column-number="45" data-line-index="61,44"><span data-line-number-content="">45</span></div><div data-line-type="context" data-column-number="46" data-line-index="62,45"><span data-line-number-content="">46</span></div><div data-line-type="context" data-column-number="47" data-line-index="63,46"><span data-line-number-content="">47</span></div></div><div data-content="" style="grid-row: span 42"><div data-separator="line-info" data-separator-first=""><div data-separator-wrapper=""><div data-separator-content=""><span data-unmodified-lines="">6 unmodified lines</span></div></div></div><div data-line="7" data-alt-line="7" data-line-type="context" data-line-index="6,6"><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A">  variant</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> MockVariant</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="8" data-alt-line="8" data-line-type="context" data-line-index="7,7"><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A">}</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="9" data-alt-line="9" data-line-type="context" data-line-index="8,8">
+</div><div data-line="10" data-line-type="change-addition" data-line-index="10,9"><span data-diff-span=""><span style="--diffs-token-dark:#D568EA;--diffs-token-light:#A631BE">type</span><span style="--diffs-token-dark:#D568EA;--diffs-token-light:#A631BE"> Concept</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> </span></span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">=</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="11" data-line-type="change-addition" data-line-index="11,10"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">  title</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#D568EA;--diffs-token-light:#A631BE"> string</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="12" data-line-type="change-addition" data-line-index="12,11"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">  shortName</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#D568EA;--diffs-token-light:#A631BE"> string</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="13" data-line-type="change-addition" data-line-index="13,12"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">  premise</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#D568EA;--diffs-token-light:#A631BE"> string</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="14" data-line-type="change-addition" data-line-index="14,13"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">  bestFor</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#D568EA;--diffs-token-light:#A631BE"> string</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="15" data-line-type="change-addition" data-line-index="15,14"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">  layout</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#D568EA;--diffs-token-light:#A631BE"> string</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="16" data-line-type="change-addition" data-line-index="16,15"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">};</span></div><div data-line="17" data-line-type="change-addition" data-line-index="17,16">
+</div><div data-line="18" data-line-type="change-addition" data-line-index="18,17"><span style="--diffs-token-dark:#D568EA;--diffs-token-light:#A631BE">const</span><span style="--diffs-token-dark:#FFAB16;--diffs-token-light:#D5901C"> concepts</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#D568EA;--diffs-token-light:#A631BE"> Record</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">&#x3C;</span><span style="--diffs-token-dark:#D568EA;--diffs-token-light:#A631BE">MockVariant</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span><span style="--diffs-token-dark:#D568EA;--diffs-token-light:#A631BE"> Concept</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> =</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="19" data-alt-line="11" data-line-type="context" data-line-index="19,18"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">  mock1</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="20" data-line-type="change-addition" data-line-index="24,19"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">    title</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "</span><span data-diff-span=""><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">Evidence Canvas</span></span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="21" data-line-type="change-addition" data-line-index="25,20"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">    </span><span data-diff-span=""><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">shortName</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "</span><span data-diff-span=""><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">Canvas</span></span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="22" data-line-type="change-addition" data-line-index="26,21"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">    </span><span data-diff-span=""><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">premise</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "</span><span data-diff-span=""><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">A selected anomaly becomes the organizing object. Price, options, prints, news, and replay evidence attach around one decision path.</span></span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="23" data-line-type="change-addition" data-line-index="27,22"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">    </span><span data-diff-span=""><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">bestFor</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "</span><span data-diff-span=""><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">single-symbol investigation"</span></span><span data-diff-span=""><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></span></div><div data-line="24" data-line-type="change-addition" data-line-index="28,23"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">    layout</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "canvas"</span></div><div data-line="25" data-alt-line="16" data-line-type="context" data-line-index="29,24"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">  },</span></div><div data-line="26" data-alt-line="17" data-line-type="context" data-line-index="30,25"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">  mock2</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="27" data-line-type="change-addition" data-line-index="35,26"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">    title</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "</span><span data-diff-span=""><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">Anomaly Queue</span></span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="28" data-line-type="change-addition" data-line-index="36,27"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">    </span><span data-diff-span=""><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">shortName</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "</span><span data-diff-span=""><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">Queue</span></span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="29" data-line-type="change-addition" data-line-index="37,28"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">    </span><span data-diff-span=""><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">premise</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "</span><span data-diff-span=""><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">The terminal behaves like an alert operations room: ranked work enters from the left, evidence resolves in the center, and confidence checks stay pinned.</span></span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="30" data-line-type="change-addition" data-line-index="38,29"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">    </span><span data-diff-span=""><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">bestFor</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "</span><span data-diff-span=""><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">live triage under volume"</span></span><span data-diff-span=""><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></span></div><div data-line="31" data-line-type="change-addition" data-line-index="39,30"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">    layout</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "queue"</span></div><div data-line="32" data-alt-line="22" data-line-type="context" data-line-index="40,31"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">  },</span></div><div data-line="33" data-alt-line="23" data-line-type="context" data-line-index="41,32"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">  mock3</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="34" data-line-type="change-addition" data-line-index="46,33"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">    title</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "</span><span data-diff-span=""><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">Replay Room</span></span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="35" data-line-type="change-addition" data-line-index="47,34"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">    </span><span data-diff-span=""><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">shortName</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "</span><span data-diff-span=""><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">Replay</span></span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="36" data-line-type="change-addition" data-line-index="48,35"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">    </span><span data-diff-span=""><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">premise</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "</span><span data-diff-span=""><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">Historical sessions become inspectable rooms. The time spine leads, with every event and chart panel synchronized to the replay cursor.</span></span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="37" data-line-type="change-addition" data-line-index="49,36"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">    </span><span data-diff-span=""><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">bestFor</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "</span><span data-diff-span=""><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">after-action review"</span></span><span data-diff-span=""><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></span></div><div data-line="38" data-line-type="change-addition" data-line-index="50,37"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">    layout</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "replay"</span></div><div data-line="39" data-alt-line="28" data-line-type="context" data-line-index="51,38"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">  },</span></div><div data-line="40" data-alt-line="29" data-line-type="context" data-line-index="52,39"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">  mock4</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="41" data-line-type="change-addition" data-line-index="57,40"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">    title</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "</span><span data-diff-span=""><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">Market Atlas</span></span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="42" data-line-type="change-addition" data-line-index="58,41"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">    </span><span data-diff-span=""><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">shortName</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "</span><span data-diff-span=""><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">Atlas</span></span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="43" data-line-type="change-addition" data-line-index="59,42"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">    </span><span data-diff-span=""><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">premise</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "</span><span data-diff-span=""><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">Symbols are mapped as related territories. Sector pressure, cross-asset flow, and event clusters reveal where attention is concentrating.</span></span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="44" data-line-type="change-addition" data-line-index="60,43"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">    </span><span data-diff-span=""><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">bestFor</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "</span><span data-diff-span=""><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">cross-market scanning"</span></span><span data-diff-span=""><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></span></div><div data-line="45" data-line-type="change-addition" data-line-index="61,44"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">    layout</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "atlas"</span></div><div data-line="46" data-alt-line="34" data-line-type="context" data-line-index="62,45"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">  }</span></div><div data-line="47" data-alt-line="35" data-line-type="context" data-line-index="63,46"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">};</span></div></div></code></pre></template></diff-shadow>
+<diff-shadow class="diff-host"><template shadowrootmode="open"><svg data-icon-sprite aria-hidden="true" width="0" height="0">
+  <symbol id="diffs-icon-arrow-right-short" viewBox="0 0 16 16">
+    <path d="M8.47 4.22a.75.75 0 0 0 0 1.06l1.97 1.97H3.75a.75.75 0 0 0 0 1.5h6.69l-1.97 1.97a.75.75 0 1 0 1.06 1.06l3.25-3.25a.75.75 0 0 0 0-1.06L9.53 4.22a.75.75 0 0 0-1.06 0"/>
+  </symbol>
+  <symbol id="diffs-icon-brand-github" viewBox="0 0 16 16">
+    <path d="M8 0c4.42 0 8 3.58 8 8a8.01 8.01 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27s-1.36.09-2 .27c-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8"/>
+  </symbol>
+  <symbol id="diffs-icon-chevron" viewBox="0 0 16 16">
+    <path d="M1.47 4.47a.75.75 0 0 1 1.06 0L8 9.94l5.47-5.47a.75.75 0 1 1 1.06 1.06l-6 6a.75.75 0 0 1-1.06 0l-6-6a.75.75 0 0 1 0-1.06"/>
+  </symbol>
+  <symbol id="diffs-icon-chevrons-narrow" viewBox="0 0 10 16">
+    <path d="M4.47 2.22a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1-1.06 1.06L5 3.81 2.28 6.53a.75.75 0 0 1-1.06-1.06zM1.22 9.47a.75.75 0 0 1 1.06 0L5 12.19l2.72-2.72a.75.75 0 0 1 1.06 1.06l-3.25 3.25a.75.75 0 0 1-1.06 0l-3.25-3.25a.75.75 0 0 1 0-1.06"/>
+  </symbol>
+  <symbol id="diffs-icon-diff-split" viewBox="0 0 16 16">
+    <path d="M14 0H8.5v16H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2m-1.5 6.5v1h1a.5.5 0 0 1 0 1h-1v1a.5.5 0 0 1-1 0v-1h-1a.5.5 0 0 1 0-1h1v-1a.5.5 0 0 1 1 0"/><path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h5.5V0zm.5 7.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1 0-1" opacity=".3"/>
+  </symbol>
+  <symbol id="diffs-icon-diff-unified" viewBox="0 0 16 16">
+    <path fill-rule="evenodd" d="M16 14a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V8.5h16zm-8-4a.5.5 0 0 0-.5.5v1h-1a.5.5 0 0 0 0 1h1v1a.5.5 0 0 0 1 0v-1h1a.5.5 0 0 0 0-1h-1v-1A.5.5 0 0 0 8 10" clip-rule="evenodd"/><path fill-rule="evenodd" d="M14 0a2 2 0 0 1 2 2v5.5H0V2a2 2 0 0 1 2-2zM6.5 3.5a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1z" clip-rule="evenodd" opacity=".4"/>
+  </symbol>
+  <symbol id="diffs-icon-expand" viewBox="0 0 16 16">
+    <path d="M3.47 5.47a.75.75 0 0 1 1.06 0L8 8.94l3.47-3.47a.75.75 0 1 1 1.06 1.06l-4 4a.75.75 0 0 1-1.06 0l-4-4a.75.75 0 0 1 0-1.06"/>
+  </symbol>
+  <symbol id="diffs-icon-expand-all" viewBox="0 0 16 16">
+    <path d="M11.47 9.47a.75.75 0 1 1 1.06 1.06l-4 4a.75.75 0 0 1-1.06 0l-4-4a.75.75 0 1 1 1.06-1.06L8 12.94zM7.526 1.418a.75.75 0 0 1 1.004.052l4 4a.75.75 0 1 1-1.06 1.06L8 3.06 4.53 6.53a.75.75 0 1 1-1.06-1.06l4-4z"/>
+  </symbol>
+  <symbol id="diffs-icon-file-code" viewBox="0 0 16 16">
+    <path d="M10.75 0c.199 0 .39.08.53.22l3.5 3.5c.14.14.22.331.22.53v9A2.75 2.75 0 0 1 12.25 16h-8.5A2.75 2.75 0 0 1 1 13.25V2.75A2.75 2.75 0 0 1 3.75 0zm-7 1.5c-.69 0-1.25.56-1.25 1.25v10.5c0 .69.56 1.25 1.25 1.25h8.5c.69 0 1.25-.56 1.25-1.25V5h-1.25A2.25 2.25 0 0 1 10 2.75V1.5z"/><path d="M7.248 6.19a.75.75 0 0 1 .063 1.058L5.753 9l1.558 1.752a.75.75 0 0 1-1.122.996l-2-2.25a.75.75 0 0 1 0-.996l2-2.25a.75.75 0 0 1 1.06-.063M8.69 7.248a.75.75 0 1 1 1.12-.996l2 2.25a.75.75 0 0 1 0 .996l-2 2.25a.75.75 0 1 1-1.12-.996L10.245 9z"/>
+  </symbol>
+  <symbol id="diffs-icon-plus" viewBox="0 0 16 16">
+    <path d="M8 3a.75.75 0 0 1 .75.75v3.5h3.5a.75.75 0 0 1 0 1.5h-3.5v3.5a.75.75 0 0 1-1.5 0v-3.5h-3.5a.75.75 0 0 1 0-1.5h3.5v-3.5A.75.75 0 0 1 8 3"/>
+  </symbol>
+  <symbol id="diffs-icon-symbol-added" viewBox="0 0 16 16">
+    <path d="M8 4a.75.75 0 0 1 .75.75v2.5h2.5a.75.75 0 0 1 0 1.5h-2.5v2.5a.75.75 0 0 1-1.5 0v-2.5h-2.5a.75.75 0 0 1 0-1.5h2.5v-2.5A.75.75 0 0 1 8 4"/><path d="M1.788 4.296c.196-.88.478-1.381.802-1.706s.826-.606 1.706-.802C5.194 1.588 6.387 1.5 8 1.5s2.806.088 3.704.288c.88.196 1.381.478 1.706.802s.607.826.802 1.706c.2.898.288 2.091.288 3.704s-.088 2.806-.288 3.704c-.195.88-.478 1.381-.802 1.706s-.826.607-1.706.802c-.898.2-2.091.288-3.704.288s-2.806-.088-3.704-.288c-.88-.195-1.381-.478-1.706-.802s-.606-.826-.802-1.706C1.588 10.806 1.5 9.613 1.5 8s.088-2.806.288-3.704M8 0C1.412 0 0 1.412 0 8s1.412 8 8 8 8-1.412 8-8-1.412-8-8-8"/>
+  </symbol>
+  <symbol id="diffs-icon-symbol-deleted" viewBox="0 0 16 16">
+    <path d="M4 8a.75.75 0 0 1 .75-.75h6.5a.75.75 0 0 1 0 1.5h-6.5A.75.75 0 0 1 4 8"/><path d="M1.788 4.296c.196-.88.478-1.381.802-1.706s.826-.606 1.706-.802C5.194 1.588 6.387 1.5 8 1.5s2.806.088 3.704.288c.88.196 1.381.478 1.706.802s.607.826.802 1.706c.2.898.288 2.091.288 3.704s-.088 2.806-.288 3.704c-.195.88-.478 1.381-.802 1.706s-.826.607-1.706.802c-.898.2-2.091.288-3.704.288s-2.806-.088-3.704-.288c-.88-.195-1.381-.478-1.706-.802s-.606-.826-.802-1.706C1.588 10.806 1.5 9.613 1.5 8s.088-2.806.288-3.704M8 0C1.412 0 0 1.412 0 8s1.412 8 8 8 8-1.412 8-8-1.412-8-8-8"/>
+  </symbol>
+  <symbol id="diffs-icon-symbol-diffstat" viewBox="0 0 16 16">
+    <path d="M1.788 4.296c.196-.88.478-1.381.802-1.706s.826-.606 1.706-.802C5.194 1.588 6.387 1.5 8 1.5s2.806.088 3.704.288c.88.196 1.381.478 1.706.802s.607.826.802 1.706c.2.898.288 2.091.288 3.704s-.088 2.806-.288 3.704c-.195.88-.478 1.381-.802 1.706s-.826.607-1.706.802c-.898.2-2.091.288-3.704.288s-2.806-.088-3.704-.288c-.88-.195-1.381-.478-1.706-.802s-.606-.826-.802-1.706C1.588 10.806 1.5 9.613 1.5 8s.088-2.806.288-3.704M8 0C1.412 0 0 1.412 0 8s1.412 8 8 8 8-1.412 8-8-1.412-8-8-8"/><path d="M8.75 4.296a.75.75 0 0 0-1.5 0V6.25h-2a.75.75 0 0 0 0 1.5h2v1.5h1.5v-1.5h2a.75.75 0 0 0 0-1.5h-2zM5.25 10a.75.75 0 0 0 0 1.5h5.5a.75.75 0 0 0 0-1.5z"/>
+  </symbol>
+  <symbol id="diffs-icon-symbol-ignored" viewBox="0 0 16 16">
+    <path d="M1.5 8c0 1.613.088 2.806.288 3.704.196.88.478 1.381.802 1.706s.826.607 1.706.802c.898.2 2.091.288 3.704.288s2.806-.088 3.704-.288c.88-.195 1.381-.478 1.706-.802s.607-.826.802-1.706c.2-.898.288-2.091.288-3.704s-.088-2.806-.288-3.704c-.195-.88-.478-1.381-.802-1.706s-.826-.606-1.706-.802C10.806 1.588 9.613 1.5 8 1.5s-2.806.088-3.704.288c-.88.196-1.381.478-1.706.802s-.606.826-.802 1.706C1.588 5.194 1.5 6.387 1.5 8M0 8c0-6.588 1.412-8 8-8s8 1.412 8 8-1.412 8-8 8-8-1.412-8-8m11.53-2.47a.75.75 0 0 0-1.06-1.06l-6 6a.75.75 0 1 0 1.06 1.06z"/>
+  </symbol>
+  <symbol id="diffs-icon-symbol-modified" viewBox="0 0 16 16">
+    <path d="M1.5 8c0 1.613.088 2.806.288 3.704.196.88.478 1.381.802 1.706s.826.607 1.706.802c.898.2 2.091.288 3.704.288s2.806-.088 3.704-.288c.88-.195 1.381-.478 1.706-.802s.607-.826.802-1.706c.2-.898.288-2.091.288-3.704s-.088-2.806-.288-3.704c-.195-.88-.478-1.381-.802-1.706s-.826-.606-1.706-.802C10.806 1.588 9.613 1.5 8 1.5s-2.806.088-3.704.288c-.88.196-1.381.478-1.706.802s-.606.826-.802 1.706C1.588 5.194 1.5 6.387 1.5 8M0 8c0-6.588 1.412-8 8-8s8 1.412 8 8-1.412 8-8 8-8-1.412-8-8m8 3a3 3 0 1 0 0-6 3 3 0 0 0 0 6"/>
+  </symbol>
+  <symbol id="diffs-icon-symbol-moved" viewBox="0 0 16 16">
+    <path d="M1.788 4.296c.196-.88.478-1.381.802-1.706s.826-.606 1.706-.802C5.194 1.588 6.387 1.5 8 1.5s2.806.088 3.704.288c.88.196 1.381.478 1.706.802s.607.826.802 1.706c.2.898.288 2.091.288 3.704s-.088 2.806-.288 3.704c-.195.88-.478 1.381-.802 1.706s-.826.607-1.706.802c-.898.2-2.091.288-3.704.288s-2.806-.088-3.704-.288c-.88-.195-1.381-.478-1.706-.802s-.606-.826-.802-1.706C1.588 10.806 1.5 9.613 1.5 8s.088-2.806.288-3.704M8 0C1.412 0 0 1.412 0 8s1.412 8 8 8 8-1.412 8-8-1.412-8-8-8"/><path d="M8.495 4.695a.75.75 0 0 0-.05 1.06L10.486 8l-2.041 2.246a.75.75 0 0 0 1.11 1.008l2.5-2.75a.75.75 0 0 0 0-1.008l-2.5-2.75a.75.75 0 0 0-1.06-.051m-4 0a.75.75 0 0 0-.05 1.06l2.044 2.248-1.796 1.995a.75.75 0 0 0 1.114 1.004l2.25-2.5a.75.75 0 0 0-.002-1.007l-2.5-2.75a.75.75 0 0 0-1.06-.05"/>
+  </symbol>
+  <symbol id="diffs-icon-symbol-ref" viewBox="0 0 16 16">
+    <path d="M1.5 8c0 1.613.088 2.806.288 3.704.196.88.478 1.381.802 1.706.286.286.71.54 1.41.73V1.86c-.7.19-1.124.444-1.41.73-.324.325-.606.826-.802 1.706C1.588 5.194 1.5 6.387 1.5 8m4 6.397c.697.07 1.522.103 2.5.103 1.613 0 2.806-.088 3.704-.288.88-.195 1.381-.478 1.706-.802s.607-.826.802-1.706c.2-.898.288-2.091.288-3.704s-.088-2.806-.288-3.704c-.195-.88-.478-1.381-.802-1.706s-.826-.606-1.706-.802C10.806 1.588 9.613 1.5 8 1.5c-.978 0-1.803.033-2.5.103zM0 8c0-6.588 1.412-8 8-8s8 1.412 8 8-1.412 8-8 8-8-1.412-8-8m7-2a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1z"/>
+  </symbol>
+</svg><style data-core-css="">@layer base, theme, rendered, unsafe;
+@layer base,theme,rendered,unsafe;@layer base{:host{--diffs-font-fallback:"SF Mono", Monaco, Consolas, "Ubuntu Mono", "Liberation Mono", "Courier New", monospace;--diffs-header-font-fallback:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif;--diffs-mixer:light-dark(#000,#fff);--diffs-gap-fallback:8px;--diffs-scrollbar-gutter-fallback:6px;--diffs-scrollbar-gutter:var(--diffs-scrollbar-gutter-override,var(--diffs-scrollbar-gutter-measured,var(--diffs-scrollbar-gutter-fallback)));--diffs-added-light:#0dbe4e;--diffs-added-dark:#5ecc71;--diffs-modified-light:#009fff;--diffs-modified-dark:#69b1ff;--diffs-deleted-light:#ff2e3f;--diffs-deleted-dark:#ff6762;color-scheme:light dark;font-family:var(--diffs-header-font-family,var(--diffs-header-font-fallback));font-size:var(--diffs-font-size,13px);line-height:var(--diffs-line-height,20px);font-feature-settings:var(--diffs-font-features);--diffs-bg:light-dark(var(--diffs-light-bg,#fff),var(--diffs-dark-bg,#000));--diffs-bg-buffer:var(--diffs-bg-buffer-override,light-dark(color-mix(in lab, var(--diffs-bg) 92%, var(--diffs-mixer)),color-mix(in lab, var(--diffs-bg) 92%, var(--diffs-mixer))));--diffs-bg-context:var(--diffs-bg-context-override,light-dark(color-mix(in lab, var(--diffs-bg) 98.5%, var(--diffs-mixer)),color-mix(in lab, var(--diffs-bg) 92.5%, var(--diffs-mixer))));--diffs-bg-context-gutter:var(--diffs-bg-context-gutter-override,light-dark(color-mix(in lab, var(--diffs-bg-context) 90%, var(--diffs-bg)),color-mix(in lab, var(--diffs-bg-context) 45%, var(--diffs-bg))));--diffs-bg-separator:var(--diffs-bg-separator-override,light-dark(color-mix(in lab, var(--diffs-bg) 96%, var(--diffs-mixer)),color-mix(in lab, var(--diffs-bg) 85%, var(--diffs-mixer))));--diffs-fg:light-dark(var(--diffs-light,#000),var(--diffs-dark,#fff));--diffs-fg-number:var(--diffs-fg-number-override,light-dark(color-mix(in lab, var(--diffs-fg) 65%, var(--diffs-bg)),color-mix(in lab, var(--diffs-fg) 65%, var(--diffs-bg))));--diffs-fg-conflict-marker:var(--diffs-fg-conflict-marker-override,var(--diffs-fg-number));--diffs-deletion-base:var(--diffs-deletion-color-override,light-dark(var(--diffs-light-deletion-color,var(--diffs-deletion-color,var(--diffs-deleted-light))),var(--diffs-dark-deletion-color,var(--diffs-deletion-color,var(--diffs-deleted-dark)))));--diffs-addition-base:var(--diffs-addition-color-override,light-dark(var(--diffs-light-addition-color,var(--diffs-addition-color,var(--diffs-added-light))),var(--diffs-dark-addition-color,var(--diffs-addition-color,var(--diffs-added-dark)))));--diffs-modified-base:var(--diffs-modified-color-override,light-dark(var(--diffs-light-modified-color,var(--diffs-modified-color,var(--diffs-modified-light))),var(--diffs-dark-modified-color,var(--diffs-modified-color,var(--diffs-modified-dark)))));--diffs-bg-deletion:var(--diffs-bg-deletion-override,light-dark(color-mix(in lab, var(--diffs-bg) 88%, var(--diffs-deletion-base)),color-mix(in lab, var(--diffs-bg) 80%, var(--diffs-deletion-base))));--diffs-bg-deletion-emphasis:var(--diffs-bg-deletion-emphasis-override,light-dark(rgb(from var(--diffs-deletion-base) r g b / .15),rgb(from var(--diffs-deletion-base) r g b / .2)));--diffs-bg-addition:var(--diffs-bg-addition-override,light-dark(color-mix(in lab, var(--diffs-bg) 88%, var(--diffs-addition-base)),color-mix(in lab, var(--diffs-bg) 80%, var(--diffs-addition-base))));--diffs-bg-addition-emphasis:var(--diffs-bg-addition-emphasis-override,light-dark(rgb(from var(--diffs-addition-base) r g b / .15),rgb(from var(--diffs-addition-base) r g b / .2)));--diffs-selection-base:var(--diffs-modified-base);--diffs-selection-number-fg:light-dark(color-mix(in lab, var(--diffs-selection-base) 65%, var(--diffs-mixer)),color-mix(in lab, var(--diffs-selection-base) 75%, var(--diffs-mixer)));background-color:var(--diffs-bg);color:var(--diffs-fg);display:block}pre,code,[data-error-wrapper]{isolation:isolate;font-family:var(--diffs-font-family,var(--diffs-font-fallback));outline:none;margin:0;padding:0;display:block}pre,code{background-color:var(--diffs-bg)}code{contain:content}*,:before,:after{box-sizing:border-box}[data-icon-sprite]{display:none}[data-diffs-header],[data-separator]{font-family:var(--diffs-header-font-family,var(--diffs-header-font-fallback))}[data-diffs-header][data-sticky]{z-index:1;background-color:var(--diffs-bg);position:sticky;top:0}[data-file-info]{color:var(--fg);background-color:color-mix(in lab, var(--bg) 98%, var(--fg));border-block:1px solid color-mix(in lab, var(--bg) 95%, var(--fg));padding:10px;font-weight:700}[data-diff],[data-file]{--diffs-grid-number-column-width:minmax(min-content, max-content);--diffs-code-grid:var(--diffs-grid-number-column-width) 1fr}[data-dehydrated]:is([data-diff],[data-file]){--diffs-code-grid:var(--diffs-grid-number-column-width) minmax(0, 1fr)}:is([data-diff],[data-file]):hover [data-code]::-webkit-scrollbar-thumb{background-color:var(--diffs-bg-context)}@supports (-webkit-touch-callout:none){:host{--diffs-scrollbar-gutter-fallback:0px}}[data-line] span{color:light-dark(var(--diffs-token-light,var(--diffs-light)),var(--diffs-token-dark,var(--diffs-dark)));background-color:light-dark(var(--diffs-token-light-bg,inherit),var(--diffs-token-dark-bg,inherit));font-weight:light-dark(var(--diffs-token-light-font-weight,inherit),var(--diffs-token-dark-font-weight,inherit));font-style:light-dark(var(--diffs-token-light-font-style,inherit),var(--diffs-token-dark-font-style,inherit));-webkit-text-decoration:light-dark(var(--diffs-token-light-text-decoration,inherit),var(--diffs-token-dark-text-decoration,inherit));text-decoration:light-dark(var(--diffs-token-light-text-decoration,inherit),var(--diffs-token-dark-text-decoration,inherit))}[data-line],[data-gutter-buffer],[data-column-number],[data-line-annotation],[data-no-newline],[data-merge-conflict],[data-merge-conflict-actions]{--diffs-computed-decoration-bg:var(--diffs-bg);--diffs-computed-diff-line-bg:var(--diffs-bg);--diffs-computed-selected-line-bg:var(--diffs-bg);color:var(--diffs-fg);background-color:var(--diffs-line-bg,var(--diffs-bg))}@media (pointer:fine){:is([data-line],[data-gutter-buffer],[data-column-number],[data-line-annotation],[data-no-newline],[data-merge-conflict],[data-merge-conflict-actions]):where([data-hovered]){--diffs-computed-hovered-line-bg:light-dark(color-mix(in lab, var(--diffs-computed-selected-line-bg) 97%, var(--diffs-bg-hover-override,var(--diffs-mixer))),color-mix(in lab, var(--diffs-computed-selected-line-bg) 91%, var(--diffs-bg-hover-override,var(--diffs-mixer))));--diffs-line-bg:var(--diffs-computed-hovered-line-bg,inherit)}}[data-decoration-bg]:is([data-line],[data-no-newline]){--mix-deco-light:92%;--mix-deco-dark:85%}[data-decoration-bg][data-decoration-bg-depth="2"]:is([data-line],[data-no-newline]){--mix-deco-light:88%;--mix-deco-dark:80%}[data-decoration-bg][data-decoration-bg-depth="3"]:is([data-line],[data-no-newline]){--mix-deco-light:85%;--mix-deco-dark:78%}@media (pointer:fine){[data-decoration-bg][data-hovered]:is([data-line],[data-no-newline]):not([data-selected-line]){--mix-deco-light:85%;--mix-deco-dark:85%}[data-decoration-bg][data-hovered][data-decoration-bg-depth="2"]:is([data-line],[data-no-newline]):not([data-selected-line]){--mix-deco-light:83%;--mix-deco-dark:83%}[data-decoration-bg][data-hovered][data-decoration-bg-depth="3"]:is([data-line],[data-no-newline]):not([data-selected-line]){--mix-deco-light:81%;--mix-deco-dark:81%}}[data-decoration-bg]:is([data-line],[data-no-newline]){--diffs-computed-decoration-bg:light-dark(color-mix(in lab, var(--diffs-bg) var(--mix-deco-light), var(--diffs-decoration-bg)),color-mix(in lab, var(--diffs-bg) var(--mix-deco-dark), var(--diffs-decoration-bg)));--diffs-computed-diff-line-bg:var(--diffs-computed-decoration-bg);--diffs-computed-selected-line-bg:var(--diffs-computed-decoration-bg);--diffs-line-bg:var(--diffs-computed-decoration-bg)}[data-line-annotation],[data-gutter-buffer=annotation]{--diffs-annotation-bg:var(--diffs-bg-context);--diffs-computed-decoration-bg:var(--diffs-annotation-bg);--diffs-computed-diff-line-bg:var(--diffs-annotation-bg);--diffs-computed-selected-line-bg:var(--diffs-annotation-bg);--diffs-line-bg:var(--diffs-annotation-bg)}[data-merge-conflict-actions],[data-gutter-buffer=merge-conflict-action],[data-gutter-buffer=merge-conflict-marker-base],[data-gutter-buffer=merge-conflict-marker-separator],[data-merge-conflict=marker-base],[data-merge-conflict=marker-separator]{--diffs-computed-decoration-bg:var(--diffs-bg-context);--diffs-computed-diff-line-bg:var(--diffs-bg-context);--diffs-computed-selected-line-bg:var(--diffs-bg-context);--diffs-line-bg:var(--diffs-bg-context)}[data-gutter-buffer=merge-conflict-marker-start],[data-merge-conflict=marker-start]{--diffs-computed-decoration-bg:light-dark(color-mix(in lab, var(--diffs-bg) 78%, var(--conflict-bg-current-header-override,var(--diffs-addition-base))),color-mix(in lab, var(--diffs-bg) 68%, var(--conflict-bg-current-header-override,var(--diffs-addition-base))));--diffs-computed-diff-line-bg:var(--diffs-computed-decoration-bg);--diffs-computed-selected-line-bg:var(--diffs-computed-decoration-bg);--diffs-line-bg:var(--diffs-computed-decoration-bg)}[data-gutter-buffer=merge-conflict-marker-end],[data-merge-conflict=marker-end]{--diffs-computed-decoration-bg:light-dark(color-mix(in lab, var(--diffs-bg) 78%, var(--conflict-bg-incoming-header-override,var(--diffs-modified-base))),color-mix(in lab, var(--diffs-bg) 68%, var(--conflict-bg-incoming-header-override,var(--diffs-modified-base))));--diffs-computed-diff-line-bg:var(--diffs-computed-decoration-bg);--diffs-computed-selected-line-bg:var(--diffs-computed-decoration-bg);--diffs-line-bg:var(--diffs-computed-decoration-bg)}[data-has-merge-conflict] [data-line-annotation],[data-has-merge-conflict] [data-gutter-buffer=annotation]{--diffs-computed-decoration-bg:var(--diffs-bg);--diffs-computed-diff-line-bg:var(--diffs-bg);--diffs-computed-selected-line-bg:var(--diffs-bg);--diffs-line-bg:var(--diffs-bg)}:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number]{--mix-light:91%;--mix-dark:85%}:where([data-background]) [data-line],:where([data-background]) [data-no-newline]{--mix-light:88%;--mix-dark:80%}:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]{--diffs-diff-line-mix-target:var(--diffs-bg)}[data-line-type=change-deletion]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]){--diffs-diff-line-mix-target:var(--diffs-bg-deletion-override,var(--diffs-deletion-base))}@media (pointer:fine){[data-line-type=change-deletion][data-hovered]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]){--mix-light:80%;--mix-dark:75%}}[data-line-type=change-deletion]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]):where([data-gutter-buffer],[data-column-number]){color:var(--diffs-fg-number-deletion-override,var(--diffs-deletion-base));--diffs-diff-line-mix-target:var(--diffs-bg-deletion-number-override,var(--diffs-deletion-base))}[data-line-type=change-deletion]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]){--diffs-computed-diff-line-bg:light-dark(color-mix(in lab, var(--diffs-computed-decoration-bg) var(--mix-light), var(--diffs-diff-line-mix-target)),color-mix(in lab, var(--diffs-computed-decoration-bg) var(--mix-dark), var(--diffs-diff-line-mix-target)));--diffs-computed-selected-line-bg:var(--diffs-computed-diff-line-bg);--diffs-line-bg:var(--diffs-computed-diff-line-bg,inherit)}[data-line-type=change-addition]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]){--diffs-diff-line-mix-target:var(--diffs-bg-addition-override,var(--diffs-addition-base))}@media (pointer:fine){[data-line-type=change-addition][data-hovered]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]){--mix-light:80%;--mix-dark:70%}}[data-line-type=change-addition]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]):where([data-gutter-buffer],[data-column-number]){color:var(--diffs-fg-number-addition-override,var(--diffs-addition-base));--diffs-diff-line-mix-target:var(--diffs-bg-addition-number-override,var(--diffs-addition-base))}[data-line-type=change-addition]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]){--diffs-computed-diff-line-bg:light-dark(color-mix(in lab, var(--diffs-computed-decoration-bg) var(--mix-light), var(--diffs-diff-line-mix-target)),color-mix(in lab, var(--diffs-computed-decoration-bg) var(--mix-dark), var(--diffs-diff-line-mix-target)));--diffs-computed-selected-line-bg:var(--diffs-computed-diff-line-bg);--diffs-line-bg:var(--diffs-computed-diff-line-bg,inherit)}[data-merge-conflict=current]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]){--diffs-diff-line-mix-target:var(--conflict-bg-current-override,var(--diffs-addition-base))}[data-merge-conflict=current]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]):where([data-gutter-buffer],[data-column-number]){color:var(--diffs-fg-number-addition-override,var(--diffs-addition-base));--diffs-diff-line-mix-target:var(--conflict-bg-current-number-override,var(--diffs-addition-base))}@media (pointer:fine){[data-merge-conflict=current][data-hovered]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]){--mix-light:80%;--mix-dark:70%}}[data-merge-conflict=current]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]){--diffs-computed-diff-line-bg:light-dark(color-mix(in lab, var(--diffs-computed-decoration-bg) var(--mix-light), var(--diffs-diff-line-mix-target)),color-mix(in lab, var(--diffs-computed-decoration-bg) var(--mix-dark), var(--diffs-diff-line-mix-target)));--diffs-computed-selected-line-bg:var(--diffs-computed-diff-line-bg);--diffs-line-bg:var(--diffs-computed-diff-line-bg,inherit)}[data-merge-conflict=incoming]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]){--diffs-diff-line-mix-target:var(--conflict-bg-incoming-override,var(--diffs-modified-base))}[data-merge-conflict=incoming]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]):where([data-gutter-buffer],[data-column-number]){color:var(--diffs-modified-base);--diffs-diff-line-mix-target:var(--conflict-bg-incoming-number-override,var(--diffs-modified-base))}@media (pointer:fine){[data-merge-conflict=incoming][data-hovered]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]){--mix-light:80%;--mix-dark:70%}}[data-merge-conflict=incoming]:is(:where([data-background]) [data-gutter-buffer],:where([data-background]) [data-column-number],:where([data-background]) [data-line],:where([data-background]) [data-no-newline]){--diffs-computed-diff-line-bg:light-dark(color-mix(in lab, var(--diffs-computed-decoration-bg) var(--mix-light), var(--diffs-diff-line-mix-target)),color-mix(in lab, var(--diffs-computed-decoration-bg) var(--mix-dark), var(--diffs-diff-line-mix-target)));--diffs-computed-selected-line-bg:var(--diffs-computed-diff-line-bg);--diffs-line-bg:var(--diffs-computed-diff-line-bg,inherit)}[data-gutter-buffer],[data-column-number],[data-line],[data-line-annotation],[data-merge-conflict],[data-merge-conflict-actions],[data-no-newline]{--diffs-selection-mix-target:var(--diffs-bg-selection-override,var(--diffs-selection-base))}[data-selected-line]:is([data-gutter-buffer],[data-column-number],[data-line],[data-line-annotation],[data-merge-conflict],[data-merge-conflict-actions],[data-no-newline]):where([data-line],[data-line-annotation],[data-merge-conflict],[data-merge-conflict-actions],[data-no-newline]){--mix-selection-light:82%;--mix-selection-dark:75%}@media (pointer:fine){[data-selected-line][data-hovered]:is([data-gutter-buffer],[data-column-number],[data-line],[data-line-annotation],[data-merge-conflict],[data-merge-conflict-actions],[data-no-newline]):where([data-line],[data-line-annotation],[data-merge-conflict],[data-merge-conflict-actions],[data-no-newline]):not([data-merge-conflict],[data-line-type=change-addition],[data-line-type=change-deletion]){--mix-selection-light:75%;--mix-selection-dark:70%}}[data-selected-line]:is([data-gutter-buffer],[data-column-number],[data-line],[data-line-annotation],[data-merge-conflict],[data-merge-conflict-actions],[data-no-newline]):where([data-gutter-buffer],[data-column-number]){--mix-selection-light:75%;--mix-selection-dark:60%;--diffs-selection-mix-target:var(--diffs-bg-selection-number-override,var(--diffs-selection-base))}@media (pointer:fine){[data-selected-line][data-hovered]:is([data-gutter-buffer],[data-column-number],[data-line],[data-line-annotation],[data-merge-conflict],[data-merge-conflict-actions],[data-no-newline]):where([data-gutter-buffer],[data-column-number]):not([data-merge-conflict],[data-line-type=change-addition],[data-line-type=change-deletion]){--mix-selection-light:70%;--mix-selection-dark:55%}}[data-selected-line]:is([data-gutter-buffer],[data-column-number],[data-line],[data-line-annotation],[data-merge-conflict],[data-merge-conflict-actions],[data-no-newline]){--diffs-computed-selected-line-bg:light-dark(color-mix(in lab, var(--diffs-computed-diff-line-bg) var(--mix-selection-light), var(--diffs-selection-mix-target)),color-mix(in lab, var(--diffs-computed-diff-line-bg) var(--mix-selection-dark), var(--diffs-selection-mix-target)));--diffs-line-bg:var(--diffs-computed-selected-line-bg,inherit)}[data-selected-line]:is([data-gutter-buffer],[data-column-number]){color:var(--diffs-selection-number-fg)}[data-no-newline]{-webkit-user-select:none;user-select:none}[data-no-newline] span{opacity:.6}[data-diff-type=split][data-overflow=scroll]{grid-template-columns:1fr 1fr;display:grid}[data-diff-type=split][data-overflow=scroll] [data-additions]{border-left:1px solid var(--diffs-bg)}[data-diff-type=split][data-overflow=scroll] [data-deletions]{border-right:1px solid var(--diffs-bg)}[data-code]{grid-auto-flow:dense;grid-template-columns:var(--diffs-code-grid);overflow:var(--diffs-overflow-override,scroll) clip;overscroll-behavior-x:none;tab-size:var(--diffs-tab-size,2);padding-top:var(--diffs-gap-block,var(--diffs-gap-fallback));padding-bottom:max(0px, calc(var(--diffs-gap-block,var(--diffs-gap-fallback)) - var(--diffs-scrollbar-gutter)));scrollbar-gutter:stable;align-self:flex-start;display:grid}[data-diffs-scrollbar-measure]{opacity:0;pointer-events:none;scrollbar-gutter:auto;grid-template-columns:none;width:100px;height:100px;padding:0;position:absolute;top:-200px;left:-200px}[data-container-size]{container-type:inline-size}[data-code]::-webkit-scrollbar{width:0;height:var(--diffs-scrollbar-gutter)}[data-code]::-webkit-scrollbar-track{background:0 0}[data-code]::-webkit-scrollbar-thumb{background-color:#0000;background-clip:content-box;border:1px solid #0000;border-radius:3px}[data-code]::-webkit-scrollbar-corner{background-color:#0000}@supports ((-moz-appearance:none)){[data-code]{scrollbar-width:thin;scrollbar-color:var(--diffs-bg-context) transparent;padding-bottom:var(--diffs-gap-block,var(--diffs-gap-fallback))}}:is([data-diffs-header]~[data-diff],[data-diffs-header]~[data-file]) [data-code],[data-overflow=wrap]:is([data-diffs-header]~[data-diff],[data-diffs-header]~[data-file]){padding-top:0}[data-gutter]{grid-template-rows:subgrid;grid-template-columns:subgrid;z-index:3;background-color:var(--diffs-bg);grid-column:1;display:grid;position:relative}[data-gutter] [data-gutter-buffer],[data-gutter] [data-column-number]{border-right:var(--diffs-gap-style,2px solid var(--diffs-bg))}[data-content]{grid-template-rows:subgrid;grid-template-columns:subgrid;background-color:var(--diffs-bg);grid-column:2;min-width:0;display:grid}[data-diff-type=split][data-overflow=wrap]{grid-auto-flow:dense;grid-template-columns:repeat(2, var(--diffs-code-grid));padding-block:var(--diffs-gap-block,var(--diffs-gap-fallback));display:grid}[data-diff-type=split][data-overflow=wrap] [data-deletions]{display:contents}:is([data-diff-type=split][data-overflow=wrap] [data-deletions]) [data-gutter]{grid-column:1}:is([data-diff-type=split][data-overflow=wrap] [data-deletions]) [data-content]{border-right:1px solid var(--diffs-bg);grid-column:2}[data-diff-type=split][data-overflow=wrap] [data-additions]{display:contents}:is([data-diff-type=split][data-overflow=wrap] [data-additions]) [data-gutter]{border-left:1px solid var(--diffs-bg);grid-column:3}:is([data-diff-type=split][data-overflow=wrap] [data-additions]) [data-content]{grid-column:4}[data-overflow=scroll] [data-gutter]{position:sticky;left:0}[data-interactive-lines] [data-line]{cursor:pointer}[data-interactive-line-numbers] [data-column-number]{cursor:pointer;touch-action:none}[data-content-buffer],[data-gutter-buffer]{-webkit-user-select:none;user-select:none;min-height:1lh;position:relative}[data-gutter-buffer]{padding-left:2ch;padding-right:1ch}[data-gutter-buffer]:before{content:"";min-width:var(--diffs-min-number-column-width,var(--diffs-min-number-column-width-default,3ch));display:block}[data-gutter-buffer=annotation]{--diffs-annotation-bg:var(--diffs-bg-context-gutter);min-height:0}[data-gutter-buffer=buffer]{--diffs-line-bg:var(--diffs-bg-context-gutter)}[data-content-buffer]{background-position:5px 0;background-size:8px 8px;background-origin:border-box;background-image:repeating-linear-gradient(-45deg, transparent, transparent 4.242px, var(--diffs-bg-buffer) 4.242px, var(--diffs-bg-buffer) 5.656px);grid-column:1}[data-separator]{box-sizing:content-box;background-color:var(--diffs-bg)}[data-separator=simple]{min-height:4px}[data-separator=line-info],[data-separator=line-info-basic],[data-separator=metadata],[data-separator=simple]{background-color:var(--diffs-bg-separator)}[data-separator=line-info],[data-separator=line-info-basic],[data-separator=metadata]{height:32px;position:relative}[data-separator-wrapper]{-webkit-user-select:none;user-select:none;fill:currentColor;background-color:var(--diffs-bg);align-items:center;height:100%;display:flex;position:absolute;inset-inline:0}[data-content] [data-separator-wrapper]{display:none}[data-separator=metadata] [data-separator-wrapper]{background-color:var(--diffs-bg-separator);height:100%;color:var(--diffs-fg-number);white-space:nowrap;text-overflow:ellipsis;min-width:min-content;padding-inline:1ch;inset-inline:100% auto;overflow:hidden}[data-separator=line-info]{margin-block:var(--diffs-gap-block,var(--diffs-gap-fallback))}[data-separator=line-info] [data-separator-wrapper]{min-width:16px}[data-separator=line-info-basic],[data-separator=metadata]{margin-block:0}[data-separator=line-info][data-separator-first]{margin-top:0}[data-separator=line-info][data-separator-last]{margin-bottom:0}[data-expand-index] [data-separator-wrapper]{grid-template-columns:32px auto;display:grid}[data-expand-index] [data-separator-wrapper][data-separator-multi-button]{grid-template-columns:32px 32px auto}[data-expand-button],[data-separator-content]{background-color:var(--diffs-bg-separator);flex:none;align-items:center;display:flex}[data-expand-index] [data-separator-content]:hover{cursor:pointer;text-decoration:underline}[data-expand-button]{cursor:pointer;min-width:32px;color:var(--diffs-fg-number);border-right:2px solid var(--diffs-bg);flex-shrink:0;justify-content:center;align-self:stretch}[data-expand-button]:hover{color:var(--diffs-fg)}[data-expand-button][data-expand-all-button]{display:none}[data-expand-down] [data-icon]{transform:scaleY(-1)}[data-separator-content]{height:100%;color:var(--diffs-fg-number);flex:auto;justify-content:flex-start;padding:0 1ch;overflow:hidden}:is([data-separator=line-info],[data-separator=line-info-basic]) [data-separator-content]{-webkit-user-select:none;user-select:none;height:100%;overflow:clip}[data-unmodified-lines]{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;display:block;overflow:hidden}@supports (width:1cqi){[data-unified] [data-separator=line-info] [data-separator-wrapper]{padding-inline:var(--diffs-gap-inline,var(--diffs-gap-fallback));width:100cqi}:is([data-unified] [data-separator=line-info] [data-separator-wrapper]) [data-separator-content]{border-radius:6px}[data-unified] [data-separator=line-info][data-expand-index] [data-separator-wrapper] [data-separator-content]{border-top-left-radius:unset;border-bottom-left-radius:unset}[data-gutter] [data-separator=line-info] [data-separator-wrapper]{padding-left:var(--diffs-gap-inline,var(--diffs-gap-fallback))}[data-gutter] [data-separator=line-info] [data-separator-content]{border-top-left-radius:6px;border-bottom-left-radius:6px}[data-gutter] [data-separator=line-info][data-expand-index] [data-separator-content]{border-top-left-radius:unset;border-bottom-left-radius:unset}[data-additions] [data-content] [data-separator=line-info]{background-color:var(--diffs-bg)}:is([data-additions] [data-content] [data-separator=line-info]) [data-separator-wrapper]{display:none}[data-additions] [data-gutter] [data-separator=line-info] [data-separator-wrapper]{background-color:var(--diffs-bg-separator);border-top-right-radius:6px;border-bottom-right-radius:6px;height:100%;display:block}:is([data-additions] [data-gutter] [data-separator=line-info] [data-separator-wrapper]) [data-separator-content],:is([data-additions] [data-gutter] [data-separator=line-info] [data-separator-wrapper]) [data-expand-button]{display:none}[data-overflow=scroll] [data-additions] [data-gutter] [data-separator=line-info] [data-separator-wrapper]{width:calc(100cqi - var(--diffs-gap-inline,var(--diffs-gap-fallback)))}[data-overflow=wrap] [data-additions] [data-content] [data-separator=line-info] [data-separator-wrapper]{background-color:var(--diffs-bg-separator);height:100%;margin-right:var(--diffs-gap-inline,var(--diffs-gap-fallback));border-top-right-radius:6px;border-bottom-right-radius:6px;display:block}:is([data-overflow=wrap] [data-additions] [data-content] [data-separator=line-info] [data-separator-wrapper]) [data-separator-content],:is([data-overflow=wrap] [data-additions] [data-content] [data-separator=line-info] [data-separator-wrapper]) [data-expand-button]{display:none}:is([data-separator=line-info] [data-separator-wrapper]) [data-expand-both],:is([data-separator=line-info] [data-separator-wrapper]) [data-expand-down],:is([data-separator=line-info] [data-separator-wrapper]) [data-expand-up]{border-top-left-radius:6px;border-bottom-left-radius:6px}@media (pointer:fine){[data-separator-multi-button]:is([data-separator=line-info] [data-separator-wrapper]) [data-expand-up]{border-top-left-radius:6px;border-bottom-left-radius:unset}[data-separator-multi-button]:is([data-separator=line-info] [data-separator-wrapper]) [data-expand-down]{border-bottom-left-radius:6px;border-top-left-radius:unset}}}@media (pointer:coarse){[data-separator=line-info-basic] [data-separator-wrapper][data-separator-multi-button]{grid-template-columns:34px 34px auto}:is([data-separator=line-info-basic] [data-separator-wrapper][data-separator-multi-button]) [data-separator-content]{grid-column:unset;grid-row:unset}@supports (width:1cqi){:is([data-separator=line-info] [data-separator-wrapper]) [data-expand-both],:is([data-separator=line-info] [data-separator-wrapper]) [data-expand-down],:is([data-separator=line-info] [data-separator-wrapper]) [data-expand-up],[data-separator-multi-button]:is([data-separator=line-info] [data-separator-wrapper]) [data-expand-up]{border-top-left-radius:6px;border-bottom-left-radius:6px}[data-separator-multi-button]:is([data-separator=line-info] [data-separator-wrapper]) [data-expand-down]{border-bottom-left-radius:unset;border-top-left-radius:unset}}}@media (pointer:fine){[data-separator-wrapper][data-separator-multi-button]{grid-template-rows:50% 50%;display:grid}[data-separator-wrapper][data-separator-multi-button] [data-separator-content]{grid-area:1/2/-1;min-width:min-content}[data-separator-wrapper][data-separator-multi-button] [data-expand-button]{grid-column:1}[data-separator=line-info] [data-separator-wrapper],[data-separator=line-info] [data-separator-wrapper][data-separator-multi-button]{grid-template-columns:34px auto}[data-separator=line-info-basic][data-expand-index] [data-separator-wrapper]{grid-template-columns:100% auto}:is(:is([data-separator=line-info],[data-separator=line-info-basic]) [data-separator-multi-button]) [data-expand-up]{border-bottom:1px solid var(--diffs-bg);border-right:2px solid var(--diffs-bg)}:is(:is([data-separator=line-info],[data-separator=line-info-basic]) [data-separator-multi-button]) [data-expand-down]{border-top:1px solid var(--diffs-bg);border-right:2px solid var(--diffs-bg)}}[data-additions] [data-gutter] [data-separator-wrapper],[data-additions] [data-separator=line-info-basic] [data-separator-wrapper],[data-content] [data-separator-wrapper]{display:none}[data-line-annotation]{min-height:var(--diffs-annotation-min-height,0);z-index:2}[data-merge-conflict-actions]{z-index:2}[data-separator=custom]{grid-template-columns:subgrid;display:grid}[data-line],[data-column-number],[data-no-newline]{padding-inline:1ch;position:relative}[data-indicators=classic] [data-line]{padding-inline-start:2ch}:is([data-no-newline]:is([data-indicators=classic] [data-line-type=change-addition],[data-indicators=classic] [data-line-type=change-deletion]),[data-line]:is([data-indicators=classic] [data-line-type=change-addition],[data-indicators=classic] [data-line-type=change-deletion])):before{-webkit-user-select:none;user-select:none;width:1ch;height:1lh;display:inline-block;position:absolute;top:0;left:0}:is([data-line]:is([data-indicators=classic] [data-line-type=change-addition]),[data-no-newline]:is([data-indicators=classic] [data-line-type=change-addition])):before{content:"+";color:var(--diffs-addition-base)}:is([data-line]:is([data-indicators=classic] [data-line-type=change-deletion]),[data-no-newline]:is([data-indicators=classic] [data-line-type=change-deletion])):before{content:"-";color:var(--diffs-deletion-base)}[data-column-number]:is([data-indicators=bars] [data-line-type=change-deletion],[data-indicators=bars] [data-line-type=change-addition]):before{content:"";-webkit-user-select:none;user-select:none;contain:strict;width:4px;height:100%;display:block;position:absolute;top:0;left:0}[data-column-number]:is([data-indicators=bars] [data-line-type=change-deletion]):before{background-image:linear-gradient(0deg, var(--diffs-bg-deletion) 50%, var(--diffs-deletion-base) 50%);background-repeat:repeat;background-size:2px 2px;background-size:calc(1lh/round(1lh / 2px)) calc(1lh/round(1lh / 2px))}[data-column-number]:is([data-indicators=bars] [data-line-type=change-addition]):before{background-color:var(--diffs-addition-base)}[data-overflow=wrap] [data-line],[data-overflow=wrap] [data-annotation-content]{white-space:pre-wrap;word-break:break-word}[data-overflow=scroll] [data-line]{white-space:pre;min-height:1lh}[data-column-number]{box-sizing:content-box;text-align:right;-webkit-user-select:none;user-select:none;color:var(--diffs-fg-number);padding-left:2ch}[data-line-number-content]{min-width:var(--diffs-min-number-column-width,var(--diffs-min-number-column-width-default,3ch));z-index:1;display:inline-block;position:relative}[data-disable-line-numbers] [data-gutter-buffer],[data-disable-line-numbers] [data-column-number]{min-width:4px;padding:0}:is([data-disable-line-numbers] [data-gutter-buffer],[data-disable-line-numbers] [data-column-number]):before{min-width:0}[data-disable-line-numbers] [data-line-number-content]{display:none}[data-disable-line-numbers] [data-gutter-utility-slot]{right:unset;justify-content:flex-start;left:0}[data-disable-line-numbers][data-indicators=bars] [data-gutter-utility-slot]{left:6px}[data-file][data-disable-line-numbers] [data-gutter-buffer],[data-file][data-disable-line-numbers] [data-column-number]{border-right:0;min-width:0}[data-diff-span]{-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:3px}[data-line-type=change-addition] [data-diff-span]{background-color:var(--diffs-bg-addition-emphasis)}[data-line-type=change-deletion] [data-diff-span]{background-color:var(--diffs-bg-deletion-emphasis)}[data-merge-conflict=marker-start],[data-merge-conflict=marker-base],[data-merge-conflict=marker-separator],[data-merge-conflict=marker-end]{color:var(--diffs-fg);padding-left:1ch}[data-merge-conflict=marker-start],[data-merge-conflict=marker-end]{align-items:center;display:flex}:is([data-merge-conflict=marker-start],[data-merge-conflict=marker-end]):after{color:var(--diffs-fg-conflict-marker);font-size:.75rem;font-style:normal;line-height:1.25rem;font-family:var(--diffs-header-font-family,var(--diffs-header-font-fallback));padding-left:1ch}[data-merge-conflict=marker-start]:after{content:"(Current Change)"}[data-merge-conflict=marker-end]:after{content:"(Incoming Change)"}[data-merge-conflict-actions-content]{min-height:1.75rem;font-family:var(--diffs-header-font-family,var(--diffs-header-font-fallback));color:var(--diffs-fg);align-items:center;gap:.25rem;padding-inline:.5rem;font-size:.75rem;line-height:1.2;display:flex}[data-merge-conflict-action]{appearance:none;color:var(--diffs-fg-number);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-style:normal}[data-merge-conflict-action]:hover{color:var(--diffs-fg)}[data-merge-conflict-action=current]:hover{color:var(--diffs-addition-base)}[data-merge-conflict-action=incoming]:hover{color:var(--diffs-modified-base)}[data-merge-conflict-action-separator]{color:var(--diffs-fg-number);opacity:.6;-webkit-user-select:none;user-select:none}[data-diffs-header=default]{background-color:var(--diffs-bg);justify-content:space-between;align-items:center;gap:var(--diffs-gap-inline,var(--diffs-gap-fallback));min-height:calc(1lh + var(--diffs-gap-block,var(--diffs-gap-fallback))*3);z-index:2;flex-direction:row;padding-inline:16px;display:flex;position:relative;top:0}[data-header-content]{align-items:center;gap:var(--diffs-gap-inline,var(--diffs-gap-fallback));white-space:nowrap;flex-direction:row;min-width:0;display:flex}[data-header-content] [data-prev-name],[data-header-content] [data-title]{text-overflow:ellipsis;white-space:nowrap;direction:rtl;min-width:0;overflow:hidden}[data-prev-name]{opacity:.7}[data-rename-icon]{fill:currentColor;flex-grow:0;flex-shrink:0}[data-diffs-header=default] [data-metadata]{white-space:nowrap;align-items:center;gap:1ch;display:flex}[data-diffs-header=default] [data-additions-count]{font-family:var(--diffs-font-family,var(--diffs-font-fallback));color:var(--diffs-addition-base)}[data-diffs-header=default] [data-deletions-count]{font-family:var(--diffs-font-family,var(--diffs-font-fallback));color:var(--diffs-deletion-base)}[data-change-icon]{fill:currentColor;flex-shrink:0}[data-change-icon=change],[data-change-icon=rename-pure],[data-change-icon=rename-changed]{color:var(--diffs-modified-base)}[data-change-icon=new]{color:var(--diffs-addition-base)}[data-change-icon=deleted]{color:var(--diffs-deletion-base)}[data-change-icon=file]{opacity:.6}[data-annotation-content]{z-index:2;isolation:isolate;align-self:flex-start;min-width:0;display:flow-root;position:relative}[data-overflow=scroll] [data-annotation-content],[data-overflow=scroll] [data-merge-conflict-actions-content]{width:var(--diffs-column-content-width,auto);left:var(--diffs-column-number-width,0);position:sticky}[data-annotation-slot]{text-wrap-mode:wrap;word-break:normal;white-space-collapse:collapse}[data-gutter-utility-slot]{touch-action:none;justify-content:flex-end;display:flex;position:absolute;top:0;bottom:0;right:0}[data-utility-button]{appearance:none;cursor:pointer;width:1lh;height:1lh;font-size:var(--diffs-font-size,13px);line-height:var(--diffs-line-height,20px);background-color:var(--diffs-modified-base);color:var(--diffs-bg);fill:currentColor;z-index:4;touch-action:none;border:none;border-radius:4px;justify-content:center;align-items:center;margin-right:calc(1ch - 1lh);padding:0;display:flex;position:relative}[data-utility-button]:before{content:"";display:block;position:absolute;inset:0 0 0 -4px}[data-decoration-bar-stack]{pointer-events:none;isolation:isolate;z-index:1;background-color:var(--diffs-decoration-bar-color,transparent);box-sizing:content-box;border-left:2px solid var(--diffs-bg);border-right:2px solid var(--diffs-bg);width:6px;position:absolute;top:0;bottom:0;right:-2px}[data-decoration-bar-depth="1"] [data-decoration-bar-stack]{background-color:color-mix(in lab, var(--diffs-bg) 20%, var(--diffs-decoration-bar-color,transparent))}[data-decoration-bar-depth="2"] [data-decoration-bar-stack]{background-color:color-mix(in lab, var(--diffs-bg) 45%, var(--diffs-decoration-bar-color,transparent))}[data-decoration-bar-depth="3"] [data-decoration-bar-stack]{background-color:color-mix(in lab, var(--diffs-bg) 65%, var(--diffs-decoration-bar-color,transparent))}[data-decoration-bar-start] [data-decoration-bar-stack]{border-top-left-radius:5px;border-top-right-radius:5px}[data-decoration-bar-end] [data-decoration-bar-stack]{z-index:3;border-bottom-right-radius:5px;border-bottom-left-radius:5px}[data-placeholder]{contain:strict}[data-error-wrapper]{padding:var(--diffs-gap-block,var(--diffs-gap-fallback)) var(--diffs-gap-inline,var(--diffs-gap-fallback));scrollbar-width:none;max-height:400px;overflow:auto}[data-error-wrapper] [data-error-message]{color:var(--diffs-deletion-base);font-size:18px;font-weight:700}[data-error-wrapper] [data-error-stack]{color:var(--diffs-fg-number)}}@layer theme,rendered,unsafe;
+@layer theme {
+
+}</style><style data-theme-css="">@layer base, theme, rendered, unsafe;
+@layer rendered {
+  :host {
+  --diffs-scrollbar-gutter-measured: var(--diffs-scrollbar-gutter-fallback);
+  --diffs-dark:#fafafa;--diffs-dark-bg:#0a0a0a;--diffs-dark-addition-color:#07c480;--diffs-dark-deletion-color:#ff2e3f;--diffs-dark-modified-color:#009fff;--diffs-light:#0a0a0a;--diffs-light-bg:#ffffff;--diffs-light-addition-color:#18a46c;--diffs-light-deletion-color:#d52c36;--diffs-light-modified-color:#009fff;
+  }
+}</style><div data-diffs-header="default" data-change-type="change"><div data-header-content=""><slot name="header-prefix"></slot><svg width="16" height="16" viewBox="0 0 16 16" data-change-icon="change"><use href="#diffs-icon-symbol-modified"></use></svg><div data-title=""><bdi>apps/web/app/globals.css</bdi></div></div><div data-metadata=""><span data-deletions-count="">-7</span><span data-additions-count="">+9</span><slot name="header-metadata"></slot></div></div><pre data-diff="" data-diff-type="split" data-overflow="scroll" data-background="" data-indicators="bars" tabindex="0" style="--diffs-min-number-column-width-default:4ch;" data-dehydrated=""><code data-code="" data-container-size="" data-deletions=""><div data-gutter="" style="grid-row: span 26"><div data-separator="line-info" data-separator-first=""><div data-separator-wrapper=""><div data-separator-content=""><span data-unmodified-lines="">2817 unmodified lines</span></div></div></div><div data-line-type="context" data-column-number="2818" data-line-index="2817,2817"><span data-line-number-content="">2818</span></div><div data-line-type="context" data-column-number="2819" data-line-index="2818,2818"><span data-line-number-content="">2819</span></div><div data-line-type="context" data-column-number="2820" data-line-index="2819,2819"><span data-line-number-content="">2820</span></div><div data-line-type="context" data-column-number="2821" data-line-index="2820,2820"><span data-line-number-content="">2821</span></div><div data-gutter-buffer="buffer" data-buffer-size="2" style="grid-row: span 2;min-height:calc(2 * 1lh);"></div><div data-line-type="context" data-column-number="2822" data-line-index="2823,2823"><span data-line-number-content="">2822</span></div><div data-line-type="context" data-column-number="2823" data-line-index="2824,2824"><span data-line-number-content="">2823</span></div><div data-separator="line-info"><div data-separator-wrapper=""><div data-separator-content=""><span data-unmodified-lines="">248 unmodified lines</span></div></div></div><div data-line-type="change-deletion" data-column-number="3072" data-line-index="3073,3073"><span data-line-number-content="">3072</span></div><div data-line-type="context" data-column-number="3073" data-line-index="3075,3074"><span data-line-number-content="">3073</span></div><div data-line-type="context" data-column-number="3074" data-line-index="3076,3075"><span data-line-number-content="">3074</span></div><div data-line-type="context" data-column-number="3075" data-line-index="3077,3076"><span data-line-number-content="">3075</span></div><div data-line-type="context" data-column-number="3076" data-line-index="3078,3077"><span data-line-number-content="">3076</span></div><div data-line-type="change-deletion" data-column-number="3077" data-line-index="3079,3078"><span data-line-number-content="">3077</span></div><div data-line-type="change-deletion" data-column-number="3078" data-line-index="3080,3079"><span data-line-number-content="">3078</span></div><div data-line-type="context" data-column-number="3079" data-line-index="3083,3080"><span data-line-number-content="">3079</span></div><div data-line-type="context" data-column-number="3080" data-line-index="3084,3081"><span data-line-number-content="">3080</span></div><div data-line-type="change-deletion" data-column-number="3081" data-line-index="3085,3082"><span data-line-number-content="">3081</span></div><div data-line-type="context" data-column-number="3082" data-line-index="3087,3083"><span data-line-number-content="">3082</span></div><div data-line-type="change-deletion" data-column-number="3083" data-line-index="3088,3084"><span data-line-number-content="">3083</span></div><div data-line-type="change-deletion" data-column-number="3084" data-line-index="3089,3085"><span data-line-number-content="">3084</span></div><div data-line-type="change-deletion" data-column-number="3085" data-line-index="3090,3086"><span data-line-number-content="">3085</span></div><div data-line-type="context" data-column-number="3086" data-line-index="3094,3087"><span data-line-number-content="">3086</span></div><div data-line-type="context" data-column-number="3087" data-line-index="3095,3088"><span data-line-number-content="">3087</span></div></div><div data-content="" style="grid-row: span 26"><div data-separator="line-info" data-separator-first=""><div data-separator-wrapper=""><div data-separator-content=""><span data-unmodified-lines="">2817 unmodified lines</span></div></div></div><div data-line="2818" data-alt-line="2818" data-line-type="context" data-line-index="2817,2817"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">  .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">terminal-topbar</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="2819" data-alt-line="2819" data-line-type="context" data-line-index="2818,2818"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">    position</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> sticky</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2820" data-alt-line="2820" data-line-type="context" data-line-index="2819,2819"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">    top</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2821" data-alt-line="2821" data-line-type="context" data-line-index="2820,2820"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">    z-index</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 30</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-content-buffer="" data-buffer-size="2" style="grid-row: span 2;min-height:calc(2 * 1lh)"></div><div data-line="2822" data-alt-line="2824" data-line-type="context" data-line-index="2823,2823"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">    padding</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 12</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 10</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2823" data-alt-line="2825" data-line-type="context" data-line-index="2824,2824"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">  }</span></div><div data-separator="line-info"><div data-separator-wrapper=""><div data-separator-content=""><span data-unmodified-lines="">248 unmodified lines</span></div></div></div><div data-line="3072" data-line-type="change-deletion" data-line-index="3073,3073"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">mock-</span><span data-diff-span=""><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">terminal</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="3073" data-alt-line="3075" data-line-type="context" data-line-index="3075,3074"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">  min-height</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF"> calc</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">100</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">vh</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> -</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF"> var</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">--topbar-height</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">));</span></div><div data-line="3074" data-alt-line="3076" data-line-type="context" data-line-index="3076,3075"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">  padding</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 18</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="3075" data-alt-line="3077" data-line-type="context" data-line-index="3077,3076"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">  color</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF"> var</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">--text</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="3076" data-alt-line="3078" data-line-type="context" data-line-index="3078,3077"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">  background</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span></div><div data-line="3077" data-line-type="change-deletion" data-line-index="3079,3078"><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF">    linear-gradient</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">180</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">deg</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF"> oklch</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">0.18</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.018</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> </span><span data-diff-span=""><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">238</span></span><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> / </span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">0.</span><span data-diff-span=""><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">8</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">),</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> </span><span data-diff-span=""><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910">transparent</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 220</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">)</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="3078" data-line-type="change-deletion" data-line-index="3080,3079"><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF">    </span><span data-diff-span=""><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF">linear-gradient</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">135</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">deg</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF"> </span></span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF">oklch</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">0.</span><span data-diff-span=""><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">12</span></span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.</span><span data-diff-span=""><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">015</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 230</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">),</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF"> oklch</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">0.1</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.</span></span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">012</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> </span><span data-diff-span=""><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">255</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">))</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="3079" data-alt-line="3081" data-line-type="context" data-line-index="3083,3080"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">}</span></div><div data-line="3080" data-alt-line="3082" data-line-type="context" data-line-index="3084,3081">
+</div><div data-line="3081" data-line-type="change-deletion" data-line-index="3085,3082"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">mock-header</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="3082" data-alt-line="3084" data-line-type="context" data-line-index="3087,3083"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">  display</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> grid</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="3083" data-line-type="change-deletion" data-line-index="3088,3084"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">  grid-template-columns</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF"> minmax</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span data-diff-span=""><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">220</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> </span><span data-diff-span=""><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">0.8</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">fr</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">)</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF"> </span><span data-diff-span=""><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF">minmax</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">280</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 1.2</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">fr</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">)</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> </span></span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910">auto</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="3084" data-line-type="change-deletion" data-line-index="3089,3085"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">  gap</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 14</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="3085" data-line-type="change-deletion" data-line-index="3090,3086"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">  align-items</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> </span><span data-diff-span=""><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910">center</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="3086" data-alt-line="3088" data-line-type="context" data-line-index="3094,3087"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">  margin-bottom</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 12</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="3087" data-alt-line="3089" data-line-type="context" data-line-index="3095,3088"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">}</span></div></div></code><code data-code="" data-container-size="" data-additions=""><div data-gutter="" style="grid-row: span 26"><div data-separator="line-info" data-separator-first=""><div data-separator-wrapper=""><div data-separator-content=""><span data-unmodified-lines="">2817 unmodified lines</span></div></div></div><div data-line-type="context" data-column-number="2818" data-line-index="2817,2817"><span data-line-number-content="">2818</span></div><div data-line-type="context" data-column-number="2819" data-line-index="2818,2818"><span data-line-number-content="">2819</span></div><div data-line-type="context" data-column-number="2820" data-line-index="2819,2819"><span data-line-number-content="">2820</span></div><div data-line-type="context" data-column-number="2821" data-line-index="2820,2820"><span data-line-number-content="">2821</span></div><div data-line-type="change-addition" data-column-number="2822" data-line-index="2821,2821"><span data-line-number-content="">2822</span></div><div data-line-type="change-addition" data-column-number="2823" data-line-index="2822,2822"><span data-line-number-content="">2823</span></div><div data-line-type="context" data-column-number="2824" data-line-index="2823,2823"><span data-line-number-content="">2824</span></div><div data-line-type="context" data-column-number="2825" data-line-index="2824,2824"><span data-line-number-content="">2825</span></div><div data-separator="line-info"><div data-separator-wrapper=""><div data-separator-content=""><span data-unmodified-lines="">248 unmodified lines</span></div></div></div><div data-line-type="change-addition" data-column-number="3074" data-line-index="3074,3073"><span data-line-number-content="">3074</span></div><div data-line-type="context" data-column-number="3075" data-line-index="3075,3074"><span data-line-number-content="">3075</span></div><div data-line-type="context" data-column-number="3076" data-line-index="3076,3075"><span data-line-number-content="">3076</span></div><div data-line-type="context" data-column-number="3077" data-line-index="3077,3076"><span data-line-number-content="">3077</span></div><div data-line-type="context" data-column-number="3078" data-line-index="3078,3077"><span data-line-number-content="">3078</span></div><div data-line-type="change-addition" data-column-number="3079" data-line-index="3081,3078"><span data-line-number-content="">3079</span></div><div data-line-type="change-addition" data-column-number="3080" data-line-index="3082,3079"><span data-line-number-content="">3080</span></div><div data-line-type="context" data-column-number="3081" data-line-index="3083,3080"><span data-line-number-content="">3081</span></div><div data-line-type="context" data-column-number="3082" data-line-index="3084,3081"><span data-line-number-content="">3082</span></div><div data-line-type="change-addition" data-column-number="3083" data-line-index="3086,3082"><span data-line-number-content="">3083</span></div><div data-line-type="context" data-column-number="3084" data-line-index="3087,3083"><span data-line-number-content="">3084</span></div><div data-line-type="change-addition" data-column-number="3085" data-line-index="3091,3084"><span data-line-number-content="">3085</span></div><div data-line-type="change-addition" data-column-number="3086" data-line-index="3092,3085"><span data-line-number-content="">3086</span></div><div data-line-type="change-addition" data-column-number="3087" data-line-index="3093,3086"><span data-line-number-content="">3087</span></div><div data-line-type="context" data-column-number="3088" data-line-index="3094,3087"><span data-line-number-content="">3088</span></div><div data-line-type="context" data-column-number="3089" data-line-index="3095,3088"><span data-line-number-content="">3089</span></div></div><div data-content="" style="grid-row: span 26"><div data-separator="line-info" data-separator-first=""><div data-separator-wrapper=""><div data-separator-content=""><span data-unmodified-lines="">2817 unmodified lines</span></div></div></div><div data-line="2818" data-alt-line="2818" data-line-type="context" data-line-index="2817,2817"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">  .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">terminal-topbar</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="2819" data-alt-line="2819" data-line-type="context" data-line-index="2818,2818"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">    position</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> sticky</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2820" data-alt-line="2820" data-line-type="context" data-line-index="2819,2819"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">    top</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2821" data-alt-line="2821" data-line-type="context" data-line-index="2820,2820"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">    z-index</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 30</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2822" data-line-type="change-addition" data-line-index="2821,2821"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">    flex-wrap</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> wrap</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2823" data-line-type="change-addition" data-line-index="2822,2822"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">    align-items</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> stretch</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2824" data-alt-line="2822" data-line-type="context" data-line-index="2823,2823"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">    padding</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 12</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 10</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2825" data-alt-line="2823" data-line-type="context" data-line-index="2824,2824"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">  }</span></div><div data-separator="line-info"><div data-separator-wrapper=""><div data-separator-content=""><span data-unmodified-lines="">248 unmodified lines</span></div></div></div><div data-line="3074" data-line-type="change-addition" data-line-index="3074,3073"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">mock-</span><span data-diff-span=""><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">redesign</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="3075" data-alt-line="3073" data-line-type="context" data-line-index="3075,3074"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">  min-height</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF"> calc</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">100</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">vh</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> -</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF"> var</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">--topbar-height</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">));</span></div><div data-line="3076" data-alt-line="3074" data-line-type="context" data-line-index="3076,3075"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">  padding</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 18</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="3077" data-alt-line="3075" data-line-type="context" data-line-index="3077,3076"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">  color</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF"> var</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">--text</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="3078" data-alt-line="3076" data-line-type="context" data-line-index="3078,3077"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">  background</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span></div><div data-line="3079" data-line-type="change-addition" data-line-index="3081,3078"><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF">    linear-gradient</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">180</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">deg</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF"> oklch</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">0.18</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.018</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> </span><span data-diff-span=""><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">240</span></span><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> / </span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">0.</span><span data-diff-span=""><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">88</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">),</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF"> </span><span data-diff-span=""><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF">oklch</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">0.11</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.012</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 250</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">)</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 280</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">)</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="3080" data-line-type="change-addition" data-line-index="3082,3079"><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF">    oklch</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">0.</span><span data-diff-span=""><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">11</span></span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.012</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> </span><span data-diff-span=""><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">250</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">)</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="3081" data-alt-line="3079" data-line-type="context" data-line-index="3083,3080"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">}</span></div><div data-line="3082" data-alt-line="3080" data-line-type="context" data-line-index="3084,3081">
+</div><div data-line="3083" data-line-type="change-addition" data-line-index="3086,3082"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">mock-</span><span data-diff-span=""><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">redesign-</span></span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">header</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="3084" data-alt-line="3082" data-line-type="context" data-line-index="3087,3083"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">  display</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> grid</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="3085" data-line-type="change-addition" data-line-index="3091,3084"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">  grid-template-columns</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF"> minmax</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span data-diff-span=""><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">340</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> </span><span data-diff-span=""><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">1</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">fr</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">)</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> auto</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="3086" data-line-type="change-addition" data-line-index="3092,3085"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">  gap</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 14</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span data-diff-span=""><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 18</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="3087" data-line-type="change-addition" data-line-index="3093,3086"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">  align-items</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> </span><span data-diff-span=""><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910">end</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="3088" data-alt-line="3086" data-line-type="context" data-line-index="3094,3087"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">  margin-bottom</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 12</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="3089" data-alt-line="3087" data-line-type="context" data-line-index="3095,3088"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">}</span></div></div></code></pre></template></diff-shadow></div>
+    </section>
+
+    <section>
+      <h2>Expected Impact for End-Users</h2>
+      <p>Users evaluating the frontend can now compare four different ways of thinking about Islandflow: case investigation, live alert operations, replay analysis, and market-wide pressure mapping. This should make design critique more specific than asking whether the current dashboard feels good.</p>
+    </section>
+
+    <section>
+      <h2>Validation</h2>
+      <ul>
+        <li>Ran <code>bun --cwd=apps/web run build</code>, which completed successfully.</li>
+        <li>Ran <code>bun test apps/web/app/routes.test.ts apps/web/app/terminal.test.ts</code>, 78 tests passed.</li>
+        <li>Opened <code>/mock1</code> through <code>/mock4</code> in the in-app browser and captured desktop screenshots.</li>
+        <li>Checked all four mock routes at a 390px viewport and confirmed no page-level horizontal overflow after the top-bar wrapping fix.</li>
+        <li>Ran <code>git diff --check -- apps/web/app/dashboard-mocks.tsx apps/web/app/globals.css</code>.</li>
+      </ul>
+    </section>
+
+    <section>
+      <h2>Issues, Limitations, and Mitigations</h2>
+      <ul>
+        <li>The mock data is still static. That is intentional for concept comparison, but the chosen direction will need real data integration later.</li>
+        <li>The chart visuals are CSS-generated placeholders rather than <code>lightweight-charts</code> instances. They communicate layout and emphasis, not production chart behavior.</li>
+        <li>Internal flow tables keep horizontal scrolling on narrow screens because preserving table structure is more useful than crushing columns.</li>
+      </ul>
+    </section>
+
+    <section>
+      <h2>Follow-up Work</h2>
+      <ul>
+        <li>Create Beads issues for the selected direction after review.</li>
+        <li>Prototype live data wiring for the preferred concept, especially evidence-linking and replay synchronization.</li>
+        <li>Run a focused accessibility pass once a direction graduates from mock to product surface.</li>
+      </ul>
+    </section>
+  </main>
+</body>
+</html>