393 lines
192 KiB
HTML
393 lines
192 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Add no-card mock routes - Islandflow turn</title>
|
|
<style>
|
|
:root {
|
|
color-scheme: dark;
|
|
--bg: #07090d;
|
|
--panel: #0d1319;
|
|
--panel-2: #101821;
|
|
--line: rgba(211, 226, 242, 0.16);
|
|
--line-strong: rgba(245, 166, 35, 0.42);
|
|
--text: #e6edf4;
|
|
--muted: #9cabbc;
|
|
--faint: #748293;
|
|
--accent: #f5a623;
|
|
--green: #25c17a;
|
|
--blue: #4da3ff;
|
|
--red: #ff6b5f;
|
|
}
|
|
* { box-sizing: border-box; }
|
|
body {
|
|
margin: 0;
|
|
background:
|
|
linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px) 0 0 / 80px 80px,
|
|
radial-gradient(circle at top left, rgba(245, 166, 35, 0.09), transparent 34rem),
|
|
linear-gradient(180deg, #0b1016, var(--bg) 42rem);
|
|
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(100vw - 32px));
|
|
margin: 0 auto;
|
|
padding: 48px 0 64px;
|
|
}
|
|
header.hero {
|
|
display: grid;
|
|
gap: 18px;
|
|
border-bottom: 1px solid var(--line);
|
|
padding-bottom: 28px;
|
|
margin-bottom: 28px;
|
|
}
|
|
.kicker,
|
|
h2,
|
|
code,
|
|
.meta,
|
|
.route-list strong {
|
|
font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
|
|
}
|
|
.kicker {
|
|
margin: 0;
|
|
color: var(--accent);
|
|
font-size: 0.74rem;
|
|
letter-spacing: 0.14em;
|
|
text-transform: uppercase;
|
|
}
|
|
h1 {
|
|
max-width: 860px;
|
|
margin: 0;
|
|
font-size: clamp(2rem, 4vw, 4rem);
|
|
line-height: 1.02;
|
|
letter-spacing: -0.025em;
|
|
text-wrap: balance;
|
|
}
|
|
.summary {
|
|
max-width: 76ch;
|
|
margin: 0;
|
|
color: var(--muted);
|
|
font-size: 1.02rem;
|
|
text-wrap: pretty;
|
|
}
|
|
.meta {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 8px;
|
|
color: var(--faint);
|
|
font-size: 0.76rem;
|
|
}
|
|
.meta span {
|
|
border: 1px solid var(--line);
|
|
border-radius: 999px;
|
|
padding: 4px 9px;
|
|
background: rgba(255, 255, 255, 0.035);
|
|
}
|
|
section {
|
|
border-top: 1px solid var(--line);
|
|
padding: 26px 0;
|
|
}
|
|
h2 {
|
|
margin: 0 0 12px;
|
|
color: var(--accent);
|
|
font-size: 0.82rem;
|
|
letter-spacing: 0.12em;
|
|
text-transform: uppercase;
|
|
}
|
|
p { max-width: 76ch; margin: 0 0 12px; color: var(--muted); }
|
|
ul { margin: 0; padding-left: 1.15rem; color: var(--muted); }
|
|
li + li { margin-top: 8px; }
|
|
code {
|
|
color: #ffd99a;
|
|
font-size: 0.92em;
|
|
}
|
|
.route-list {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
|
|
border-block: 1px solid var(--line);
|
|
margin-top: 14px;
|
|
}
|
|
.route-list div {
|
|
min-height: 104px;
|
|
display: grid;
|
|
align-content: start;
|
|
gap: 6px;
|
|
border-right: 1px solid var(--line);
|
|
padding: 14px;
|
|
}
|
|
.route-list div:last-child { border-right: 0; }
|
|
.route-list strong { color: var(--text); font-size: 0.78rem; text-transform: uppercase; }
|
|
.route-list span { color: var(--muted); font-size: 0.9rem; }
|
|
.validation {
|
|
display: grid;
|
|
gap: 8px;
|
|
margin-top: 10px;
|
|
}
|
|
.validation div {
|
|
border-top: 1px solid var(--line);
|
|
padding-top: 8px;
|
|
color: var(--muted);
|
|
}
|
|
.validation strong { color: var(--green); }
|
|
.diff-shell {
|
|
margin-top: 14px;
|
|
border: 1px solid var(--line);
|
|
background: var(--panel);
|
|
overflow: auto;
|
|
max-height: 720px;
|
|
}
|
|
.diff-shell :where(*) { box-sizing: border-box; }
|
|
.diff-shell :where(svg[data-icon-sprite]) { position: absolute; width: 0; height: 0; }
|
|
.diff-shell :where(.diff-file, [data-testid="file-diff"], .file-diff) {
|
|
min-width: 920px;
|
|
color: var(--text);
|
|
background: var(--panel);
|
|
}
|
|
.diff-shell :where(table) {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
|
|
font-size: 0.76rem;
|
|
line-height: 1.45;
|
|
}
|
|
.diff-shell :where(td, th) { white-space: pre; }
|
|
.diff-shell :where(code) { color: inherit; font-family: inherit; }
|
|
.diff-shell :where([class*="add"], [data-line-type="add"], .line-addition) { background-color: rgba(37, 193, 122, 0.16) !important; }
|
|
.diff-shell :where([class*="del"], [data-line-type="delete"], .line-deletion) { background-color: rgba(255, 107, 95, 0.16) !important; }
|
|
.diff-shell :where([class*="file"], [class*="header"]) { color: var(--text); }
|
|
.note { color: var(--faint); font-size: 0.92rem; }
|
|
@media (max-width: 720px) {
|
|
main { width: min(100% - 24px, 1120px); padding-top: 30px; }
|
|
.route-list { grid-template-columns: 1fr; }
|
|
.route-list div { border-right: 0; border-bottom: 1px solid var(--line); }
|
|
.route-list div:last-child { border-bottom: 0; }
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<header class="hero">
|
|
<p class="kicker">Repository Implementation Turn</p>
|
|
<h1>Added four no-card market-activity mock routes.</h1>
|
|
<p class="summary">This turn kept the existing mock redesigns and added four new routes that model the Islandflow logic chain from options flow, to flow packets, to smart money party alerts, to route-wide market-activity context.</p>
|
|
<div class="meta">
|
|
<span>2026-06-11 18:22 ET</span>
|
|
<span>Beads: islandflow-q7v</span>
|
|
<span>Scope: apps/web</span>
|
|
</div>
|
|
</header>
|
|
|
|
<section>
|
|
<h2>Summary</h2>
|
|
<p>Created <code>/mock5</code>, <code>/mock6</code>, <code>/mock7</code>, and <code>/mock8</code> as additional mock redesign routes. The new concepts intentionally avoid new card or panel primitives and use dense tables, line-separated ledgers, split panes, chains, and graph-like routing views instead.</p>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Changes Made</h2>
|
|
<ul>
|
|
<li>Extended <code>DashboardMock</code> to support four new variants while preserving <code>/mock1</code> through <code>/mock4</code>.</li>
|
|
<li>Added route files for <code>/mock5</code>, <code>/mock6</code>, <code>/mock7</code>, and <code>/mock8</code>.</li>
|
|
<li>Added route-specific mock data for options intake rows, flow packet assembly, smart money alert reasons, and activity graph lanes.</li>
|
|
<li>Added CSS for no-card layouts built from rows, rails, split panes, ledgers, and graph nodes.</li>
|
|
</ul>
|
|
<div class="route-list">
|
|
<div><strong>/mock5 options</strong><span>Raw options prints become packet candidates through a dense OPRA-style blotter.</span></div>
|
|
<div><strong>/mock6 packets</strong><span>Flow packets assemble options, equity, venue, sector, and readiness evidence.</span></div>
|
|
<div><strong>/mock7 alerts</strong><span>Smart money party alerts expose reason, type, invalidation, and lineage.</span></div>
|
|
<div><strong>/mock8 graph</strong><span>Route-wide map connects options, packets, alerts, and market context without duplicating views.</span></div>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Context</h2>
|
|
<p>The existing mock lab already explored four broad design directions. This turn adds a second set focused on workflow semantics: options flow enters the system, becomes packet evidence, may generate an alert, and remains traceable through market context.</p>
|
|
<p>The user gave one non-negotiable rule: absolutely no cards. The new routes therefore avoid new <code>card</code>/<code>panel</code> class names and avoid content structures that read as repeated card grids.</p>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Important Implementation Details</h2>
|
|
<ul>
|
|
<li><code>MockVariant</code> and <code>variantOrder</code> now include <code>mock5</code> through <code>mock8</code>, so the mock navigation keeps all current variants and exposes the new ones.</li>
|
|
<li>The Options route uses a horizontally scrollable blotter only inside the table lane, preventing page-level overflow on mobile.</li>
|
|
<li>The Packets route makes packet assembly explicit before alert eligibility, matching the repo logic instead of inventing unrelated analytics.</li>
|
|
<li>The Alerts route gives every smart money party alert a reason, type, why-it-fired explanation, and invalidation condition.</li>
|
|
<li>The Activity Graph route explains how the themed routes relate to each other without introducing redundant feature surfaces.</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Relevant Diff Snippets</h2>
|
|
<p class="note">The rendered excerpt below is generated with <code>@pierre/diffs/ssr</code> from a focused app mock-route patch excerpt.</p>
|
|
<div class="diff-shell">
|
|
<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="">-2</span><span data-additions-count="">+47</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:3ch;" data-dehydrated=""><code data-code="" data-container-size="" data-deletions=""><div data-gutter="" style="grid-row: span 51"><div data-separator="line-info" data-separator-first=""><div data-separator-wrapper=""><div data-separator-content=""><span data-unmodified-lines="">3 unmodified lines</span></div></div></div><div data-line-type="change-deletion" data-column-number="4" data-line-index="3,3"><span data-line-number-content="">4</span></div><div data-separator="line-info"><div data-separator-wrapper=""><div data-separator-content=""><span data-unmodified-lines="">45 unmodified lines</span></div></div></div><div data-gutter-buffer="buffer" data-buffer-size="32" style="grid-row: span 32;min-height:calc(32 * 1lh);"></div><div data-separator="line-info"><div data-separator-wrapper=""><div data-separator-content=""><span data-unmodified-lines="">3 unmodified lines</span></div></div></div><div data-line-type="change-deletion" data-column-number="53" data-line-index="85,84"><span data-line-number-content="">53</span></div><div data-gutter-buffer="buffer" data-buffer-size="9" style="grid-row: span 9;min-height:calc(9 * 1lh);"></div><div data-separator="line-info"><div data-separator-wrapper=""><div data-separator-content=""><span data-unmodified-lines="">290 unmodified lines</span></div></div></div><div data-gutter-buffer="buffer" data-buffer-size="4" style="grid-row: span 4;min-height:calc(4 * 1lh);"></div></div><div data-content="" style="grid-row: span 51"><div data-separator="line-info" data-separator-first=""><div data-separator-wrapper=""><div data-separator-content=""><span data-unmodified-lines="">3 unmodified lines</span></div></div></div><div data-line="4" data-line-type="change-deletion" data-line-index="3,3"><span style="--diffs-token-dark:#D568EA;--diffs-token-light:#A631BE">type</span><span style="--diffs-token-dark:#D568EA;--diffs-token-light:#A631BE"> MockVariant</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> =</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "mock1"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> |</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "mock2"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> |</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "mock3"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> |</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "mock4"</span><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="">45 unmodified lines</span></div></div></div><div data-content-buffer="" data-buffer-size="32" style="grid-row: span 32;min-height:calc(32 * 1lh)"></div><div data-separator="line-info"><div data-separator-wrapper=""><div data-separator-content=""><span data-unmodified-lines="">3 unmodified lines</span></div></div></div><div data-line="53" data-line-type="change-deletion" data-line-index="85,84"><span style="--diffs-token-dark:#D568EA;--diffs-token-light:#A631BE">const</span><span style="--diffs-token-dark:#FFAB16;--diffs-token-light:#D5901C"> variantOrder</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</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:#08C0EF;--diffs-token-light:#08C0EF"> =</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> [</span><span data-diff-span=""><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"mock1"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "mock2"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "mock3"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "mock4"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">];</span></span></div><div data-content-buffer="" data-buffer-size="9" style="grid-row: span 9;min-height:calc(9 * 1lh)"></div><div data-separator="line-info"><div data-separator-wrapper=""><div data-separator-content=""><span data-unmodified-lines="">290 unmodified lines</span></div></div></div><div data-content-buffer="" data-buffer-size="4" style="grid-row: span 4;min-height:calc(4 * 1lh)"></div></div></code><code data-code="" data-container-size="" data-additions=""><div data-gutter="" style="grid-row: span 51"><div data-separator="line-info" data-separator-first=""><div data-separator-wrapper=""><div data-separator-content=""><span data-unmodified-lines="">3 unmodified lines</span></div></div></div><div data-line-type="change-addition" data-column-number="4" data-line-index="4,3"><span data-line-number-content="">4</span></div><div data-separator="line-info"><div data-separator-wrapper=""><div data-separator-content=""><span data-unmodified-lines="">45 unmodified lines</span></div></div></div><div data-line-type="change-addition" data-column-number="50" data-line-index="50,49"><span data-line-number-content="">50</span></div><div data-line-type="change-addition" data-column-number="51" data-line-index="51,50"><span data-line-number-content="">51</span></div><div data-line-type="change-addition" data-column-number="52" data-line-index="52,51"><span data-line-number-content="">52</span></div><div data-line-type="change-addition" data-column-number="53" data-line-index="53,52"><span data-line-number-content="">53</span></div><div data-line-type="change-addition" data-column-number="54" data-line-index="54,53"><span data-line-number-content="">54</span></div><div data-line-type="change-addition" data-column-number="55" data-line-index="55,54"><span data-line-number-content="">55</span></div><div data-line-type="change-addition" data-column-number="56" data-line-index="56,55"><span data-line-number-content="">56</span></div><div data-line-type="change-addition" data-column-number="57" data-line-index="57,56"><span data-line-number-content="">57</span></div><div data-line-type="change-addition" data-column-number="58" data-line-index="58,57"><span data-line-number-content="">58</span></div><div data-line-type="change-addition" data-column-number="59" data-line-index="59,58"><span data-line-number-content="">59</span></div><div data-line-type="change-addition" data-column-number="60" data-line-index="60,59"><span data-line-number-content="">60</span></div><div data-line-type="change-addition" data-column-number="61" data-line-index="61,60"><span data-line-number-content="">61</span></div><div data-line-type="change-addition" data-column-number="62" data-line-index="62,61"><span data-line-number-content="">62</span></div><div data-line-type="change-addition" data-column-number="63" data-line-index="63,62"><span data-line-number-content="">63</span></div><div data-line-type="change-addition" data-column-number="64" data-line-index="64,63"><span data-line-number-content="">64</span></div><div data-line-type="change-addition" data-column-number="65" data-line-index="65,64"><span data-line-number-content="">65</span></div><div data-line-type="change-addition" data-column-number="66" data-line-index="66,65"><span data-line-number-content="">66</span></div><div data-line-type="change-addition" data-column-number="67" data-line-index="67,66"><span data-line-number-content="">67</span></div><div data-line-type="change-addition" data-column-number="68" data-line-index="68,67"><span data-line-number-content="">68</span></div><div data-line-type="change-addition" data-column-number="69" data-line-index="69,68"><span data-line-number-content="">69</span></div><div data-line-type="change-addition" data-column-number="70" data-line-index="70,69"><span data-line-number-content="">70</span></div><div data-line-type="change-addition" data-column-number="71" data-line-index="71,70"><span data-line-number-content="">71</span></div><div data-line-type="change-addition" data-column-number="72" data-line-index="72,71"><span data-line-number-content="">72</span></div><div data-line-type="change-addition" data-column-number="73" data-line-index="73,72"><span data-line-number-content="">73</span></div><div data-line-type="change-addition" data-column-number="74" data-line-index="74,73"><span data-line-number-content="">74</span></div><div data-line-type="change-addition" data-column-number="75" data-line-index="75,74"><span data-line-number-content="">75</span></div><div data-line-type="change-addition" data-column-number="76" data-line-index="76,75"><span data-line-number-content="">76</span></div><div data-line-type="change-addition" data-column-number="77" data-line-index="77,76"><span data-line-number-content="">77</span></div><div data-line-type="change-addition" data-column-number="78" data-line-index="78,77"><span data-line-number-content="">78</span></div><div data-line-type="change-addition" data-column-number="79" data-line-index="79,78"><span data-line-number-content="">79</span></div><div data-line-type="change-addition" data-column-number="80" data-line-index="80,79"><span data-line-number-content="">80</span></div><div data-line-type="change-addition" data-column-number="81" data-line-index="81,80"><span data-line-number-content="">81</span></div><div data-separator="line-info"><div data-separator-wrapper=""><div data-separator-content=""><span data-unmodified-lines="">3 unmodified lines</span></div></div></div><div data-line-type="change-addition" data-column-number="85" data-line-index="86,84"><span data-line-number-content="">85</span></div><div data-line-type="change-addition" data-column-number="86" data-line-index="87,85"><span data-line-number-content="">86</span></div><div data-line-type="change-addition" data-column-number="87" data-line-index="88,86"><span data-line-number-content="">87</span></div><div data-line-type="change-addition" data-column-number="88" data-line-index="89,87"><span data-line-number-content="">88</span></div><div data-line-type="change-addition" data-column-number="89" data-line-index="90,88"><span data-line-number-content="">89</span></div><div data-line-type="change-addition" data-column-number="90" data-line-index="91,89"><span data-line-number-content="">90</span></div><div data-line-type="change-addition" data-column-number="91" data-line-index="92,90"><span data-line-number-content="">91</span></div><div data-line-type="change-addition" data-column-number="92" data-line-index="93,91"><span data-line-number-content="">92</span></div><div data-line-type="change-addition" data-column-number="93" data-line-index="94,92"><span data-line-number-content="">93</span></div><div data-line-type="change-addition" data-column-number="94" data-line-index="95,93"><span data-line-number-content="">94</span></div><div data-separator="line-info"><div data-separator-wrapper=""><div data-separator-content=""><span data-unmodified-lines="">290 unmodified lines</span></div></div></div><div data-line-type="change-addition" data-column-number="385" data-line-index="386,384"><span data-line-number-content="">385</span></div><div data-line-type="change-addition" data-column-number="386" data-line-index="387,385"><span data-line-number-content="">386</span></div><div data-line-type="change-addition" data-column-number="387" data-line-index="388,386"><span data-line-number-content="">387</span></div><div data-line-type="change-addition" data-column-number="388" data-line-index="389,387"><span data-line-number-content="">388</span></div></div><div data-content="" style="grid-row: span 51"><div data-separator="line-info" data-separator-first=""><div data-separator-wrapper=""><div data-separator-content=""><span data-unmodified-lines="">3 unmodified lines</span></div></div></div><div data-line="4" data-line-type="change-addition" data-line-index="4,3"><span style="--diffs-token-dark:#D568EA;--diffs-token-light:#A631BE">type</span><span style="--diffs-token-dark:#D568EA;--diffs-token-light:#A631BE"> MockVariant</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> =</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "mock1"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> |</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "mock2"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> |</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "mock3"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> |</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "mock4"</span><span data-diff-span=""><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> |</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "mock5"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> |</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "mock6"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> |</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "mock7"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> |</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "mock8"</span></span><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="">45 unmodified lines</span></div></div></div><div data-line="50" data-line-type="change-addition" data-line-index="50,49"><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="51" data-line-type="change-addition" data-line-index="51,50"><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> mock5</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="52" data-line-type="change-addition" data-line-index="52,51"><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> title</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "Options Intake"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="53" data-line-type="change-addition" data-line-index="53,52"><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> shortName</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "Options"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="54" data-line-type="change-addition" data-line-index="54,53"><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> routeName</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "Options"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="55" data-line-type="change-addition" data-line-index="55,54"><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> premise</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span></div><div data-line="56" data-line-type="change-addition" data-line-index="56,55"><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "A dense OPRA-style blotter turns contract activity into candidate flow packets, with strike context, sweep shape, venue mix, and confidence deltas visible in one scan."</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="57" data-line-type="change-addition" data-line-index="57,56"><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> bodyClass</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "mock-options"</span></div><div data-line="58" data-line-type="change-addition" data-line-index="58,57"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> },</span></div><div data-line="59" data-line-type="change-addition" data-line-index="59,58"><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> mock6</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="60" data-line-type="change-addition" data-line-index="60,59"><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> title</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "Packet Forensics"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="61" data-line-type="change-addition" data-line-index="61,60"><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> shortName</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "Packets"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="62" data-line-type="change-addition" data-line-index="62,61"><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> routeName</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "Flow Packets"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="63" data-line-type="change-addition" data-line-index="63,62"><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> premise</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span></div><div data-line="64" data-line-type="change-addition" data-line-index="64,63"><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "Options prints, equity tape, venue imbalance, and news fragments are assembled into packets before any alert can earn attention."</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="65" data-line-type="change-addition" data-line-index="65,64"><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> bodyClass</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "mock-packets"</span></div><div data-line="66" data-line-type="change-addition" data-line-index="66,65"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> },</span></div><div data-line="67" data-line-type="change-addition" data-line-index="67,66"><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> mock7</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="68" data-line-type="change-addition" data-line-index="68,67"><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> title</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "Alert Reason Wall"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="69" data-line-type="change-addition" data-line-index="69,68"><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> shortName</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "Alerts"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="70" data-line-type="change-addition" data-line-index="70,69"><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> routeName</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "Alerts"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="71" data-line-type="change-addition" data-line-index="71,70"><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> premise</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span></div><div data-line="72" data-line-type="change-addition" data-line-index="72,71"><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "Every smart money party alert is shown with the reason, type, invalidation path, and evidence lineage that caused it to fire."</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="73" data-line-type="change-addition" data-line-index="73,72"><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> bodyClass</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "mock-alerts"</span></div><div data-line="74" data-line-type="change-addition" data-line-index="74,73"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> },</span></div><div data-line="75" data-line-type="change-addition" data-line-index="75,74"><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> mock8</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="76" data-line-type="change-addition" data-line-index="76,75"><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> title</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "Market Activity Graph"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="77" data-line-type="change-addition" data-line-index="77,76"><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> shortName</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "Graph"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="78" data-line-type="change-addition" data-line-index="78,77"><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> routeName</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "Activity Graph"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="79" data-line-type="change-addition" data-line-index="79,78"><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> premise</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span></div><div data-line="80" data-line-type="change-addition" data-line-index="80,79"><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "A route-wide intelligence board connects options flow to packets, packets to alerts, and alerts to broader market pressure without repeating the same evidence twice."</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="81" data-line-type="change-addition" data-line-index="81,80"><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> bodyClass</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "mock-graph"</span></div><div data-separator="line-info"><div data-separator-wrapper=""><div data-separator-content=""><span data-unmodified-lines="">3 unmodified lines</span></div></div></div><div data-line="85" data-line-type="change-addition" data-line-index="86,84"><span style="--diffs-token-dark:#D568EA;--diffs-token-light:#A631BE">const</span><span style="--diffs-token-dark:#FFAB16;--diffs-token-light:#D5901C"> variantOrder</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</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:#08C0EF;--diffs-token-light:#08C0EF"> =</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> [</span></div><div data-line="86" data-line-type="change-addition" data-line-index="87,85"><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "mock1"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="87" data-line-type="change-addition" data-line-index="88,86"><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "mock2"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="88" data-line-type="change-addition" data-line-index="89,87"><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "mock3"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="89" data-line-type="change-addition" data-line-index="90,88"><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "mock4"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="90" data-line-type="change-addition" data-line-index="91,89"><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "mock5"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="91" data-line-type="change-addition" data-line-index="92,90"><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "mock6"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="92" data-line-type="change-addition" data-line-index="93,91"><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "mock7"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="93" data-line-type="change-addition" data-line-index="94,92"><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "mock8"</span></div><div data-line="94" data-line-type="change-addition" data-line-index="95,93"><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="">290 unmodified lines</span></div></div></div><div data-line="385" data-line-type="change-addition" data-line-index="386,384"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">variant</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> ===</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "mock5"</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> ?</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> <</span><span style="--diffs-token-dark:#D568EA;--diffs-token-light:#A631BE">OptionsIntake</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> /></span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> :</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> null</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">}</span></div><div data-line="386" data-line-type="change-addition" data-line-index="387,385"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">variant</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> ===</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "mock6"</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> ?</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> <</span><span style="--diffs-token-dark:#D568EA;--diffs-token-light:#A631BE">PacketForensics</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> /></span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> :</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> null</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">}</span></div><div data-line="387" data-line-type="change-addition" data-line-index="388,386"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">variant</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> ===</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "mock7"</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> ?</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> <</span><span style="--diffs-token-dark:#D568EA;--diffs-token-light:#A631BE">AlertReasonWall</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> /></span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> :</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> null</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">}</span></div><div data-line="388" data-line-type="change-addition" data-line-index="389,387"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">variant</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> ===</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "mock8"</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> ?</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> <</span><span style="--diffs-token-dark:#D568EA;--diffs-token-light:#A631BE">MarketActivityGraph</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> /></span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> :</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> null</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">}</span></div></div></code></pre>
|
|
<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-additions-count="">+71</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 73"><div data-separator="line-info" data-separator-first=""><div data-separator-wrapper=""><div data-separator-content=""><span data-unmodified-lines="">3973 unmodified lines</span></div></div></div><div data-gutter-buffer="buffer" data-buffer-size="51" style="grid-row: span 51;min-height:calc(51 * 1lh);"></div><div data-separator="line-info"><div data-separator-wrapper=""><div data-separator-content=""><span data-unmodified-lines="">788 unmodified lines</span></div></div></div><div data-gutter-buffer="buffer" data-buffer-size="20" style="grid-row: span 20;min-height:calc(20 * 1lh);"></div></div><div data-content="" style="grid-row: span 73"><div data-separator="line-info" data-separator-first=""><div data-separator-wrapper=""><div data-separator-content=""><span data-unmodified-lines="">3973 unmodified lines</span></div></div></div><div data-content-buffer="" data-buffer-size="51" style="grid-row: span 51;min-height:calc(51 * 1lh)"></div><div data-separator="line-info"><div data-separator-wrapper=""><div data-separator-content=""><span data-unmodified-lines="">788 unmodified lines</span></div></div></div><div data-content-buffer="" data-buffer-size="20" style="grid-row: span 20;min-height:calc(20 * 1lh)"></div></div></code><code data-code="" data-container-size="" data-additions=""><div data-gutter="" style="grid-row: span 73"><div data-separator="line-info" data-separator-first=""><div data-separator-wrapper=""><div data-separator-content=""><span data-unmodified-lines="">3973 unmodified lines</span></div></div></div><div data-line-type="change-addition" data-column-number="3974" data-line-index="3973,3973"><span data-line-number-content="">3974</span></div><div data-line-type="change-addition" data-column-number="3975" data-line-index="3974,3974"><span data-line-number-content="">3975</span></div><div data-line-type="change-addition" data-column-number="3976" data-line-index="3975,3975"><span data-line-number-content="">3976</span></div><div data-line-type="change-addition" data-column-number="3977" data-line-index="3976,3976"><span data-line-number-content="">3977</span></div><div data-line-type="change-addition" data-column-number="3978" data-line-index="3977,3977"><span data-line-number-content="">3978</span></div><div data-line-type="change-addition" data-column-number="3979" data-line-index="3978,3978"><span data-line-number-content="">3979</span></div><div data-line-type="change-addition" data-column-number="3980" data-line-index="3979,3979"><span data-line-number-content="">3980</span></div><div data-line-type="change-addition" data-column-number="3981" data-line-index="3980,3980"><span data-line-number-content="">3981</span></div><div data-line-type="change-addition" data-column-number="3982" data-line-index="3981,3981"><span data-line-number-content="">3982</span></div><div data-line-type="change-addition" data-column-number="3983" data-line-index="3982,3982"><span data-line-number-content="">3983</span></div><div data-line-type="change-addition" data-column-number="3984" data-line-index="3983,3983"><span data-line-number-content="">3984</span></div><div data-line-type="change-addition" data-column-number="3985" data-line-index="3984,3984"><span data-line-number-content="">3985</span></div><div data-line-type="change-addition" data-column-number="3986" data-line-index="3985,3985"><span data-line-number-content="">3986</span></div><div data-line-type="change-addition" data-column-number="3987" data-line-index="3986,3986"><span data-line-number-content="">3987</span></div><div data-line-type="change-addition" data-column-number="3988" data-line-index="3987,3987"><span data-line-number-content="">3988</span></div><div data-line-type="change-addition" data-column-number="3989" data-line-index="3988,3988"><span data-line-number-content="">3989</span></div><div data-line-type="change-addition" data-column-number="3990" data-line-index="3989,3989"><span data-line-number-content="">3990</span></div><div data-line-type="change-addition" data-column-number="3991" data-line-index="3990,3990"><span data-line-number-content="">3991</span></div><div data-line-type="change-addition" data-column-number="3992" data-line-index="3991,3991"><span data-line-number-content="">3992</span></div><div data-line-type="change-addition" data-column-number="3993" data-line-index="3992,3992"><span data-line-number-content="">3993</span></div><div data-line-type="change-addition" data-column-number="3994" data-line-index="3993,3993"><span data-line-number-content="">3994</span></div><div data-line-type="change-addition" data-column-number="3995" data-line-index="3994,3994"><span data-line-number-content="">3995</span></div><div data-line-type="change-addition" data-column-number="3996" data-line-index="3995,3995"><span data-line-number-content="">3996</span></div><div data-line-type="change-addition" data-column-number="3997" data-line-index="3996,3996"><span data-line-number-content="">3997</span></div><div data-line-type="change-addition" data-column-number="3998" data-line-index="3997,3997"><span data-line-number-content="">3998</span></div><div data-line-type="change-addition" data-column-number="3999" data-line-index="3998,3998"><span data-line-number-content="">3999</span></div><div data-line-type="change-addition" data-column-number="4000" data-line-index="3999,3999"><span data-line-number-content="">4000</span></div><div data-line-type="change-addition" data-column-number="4001" data-line-index="4000,4000"><span data-line-number-content="">4001</span></div><div data-line-type="change-addition" data-column-number="4002" data-line-index="4001,4001"><span data-line-number-content="">4002</span></div><div data-line-type="change-addition" data-column-number="4003" data-line-index="4002,4002"><span data-line-number-content="">4003</span></div><div data-line-type="change-addition" data-column-number="4004" data-line-index="4003,4003"><span data-line-number-content="">4004</span></div><div data-line-type="change-addition" data-column-number="4005" data-line-index="4004,4004"><span data-line-number-content="">4005</span></div><div data-line-type="change-addition" data-column-number="4006" data-line-index="4005,4005"><span data-line-number-content="">4006</span></div><div data-line-type="change-addition" data-column-number="4007" data-line-index="4006,4006"><span data-line-number-content="">4007</span></div><div data-line-type="change-addition" data-column-number="4008" data-line-index="4007,4007"><span data-line-number-content="">4008</span></div><div data-line-type="change-addition" data-column-number="4009" data-line-index="4008,4008"><span data-line-number-content="">4009</span></div><div data-line-type="change-addition" data-column-number="4010" data-line-index="4009,4009"><span data-line-number-content="">4010</span></div><div data-line-type="change-addition" data-column-number="4011" data-line-index="4010,4010"><span data-line-number-content="">4011</span></div><div data-line-type="change-addition" data-column-number="4012" data-line-index="4011,4011"><span data-line-number-content="">4012</span></div><div data-line-type="change-addition" data-column-number="4013" data-line-index="4012,4012"><span data-line-number-content="">4013</span></div><div data-line-type="change-addition" data-column-number="4014" data-line-index="4013,4013"><span data-line-number-content="">4014</span></div><div data-line-type="change-addition" data-column-number="4015" data-line-index="4014,4014"><span data-line-number-content="">4015</span></div><div data-line-type="change-addition" data-column-number="4016" data-line-index="4015,4015"><span data-line-number-content="">4016</span></div><div data-line-type="change-addition" data-column-number="4017" data-line-index="4016,4016"><span data-line-number-content="">4017</span></div><div data-line-type="change-addition" data-column-number="4018" data-line-index="4017,4017"><span data-line-number-content="">4018</span></div><div data-line-type="change-addition" data-column-number="4019" data-line-index="4018,4018"><span data-line-number-content="">4019</span></div><div data-line-type="change-addition" data-column-number="4020" data-line-index="4019,4019"><span data-line-number-content="">4020</span></div><div data-line-type="change-addition" data-column-number="4021" data-line-index="4020,4020"><span data-line-number-content="">4021</span></div><div data-line-type="change-addition" data-column-number="4022" data-line-index="4021,4021"><span data-line-number-content="">4022</span></div><div data-line-type="change-addition" data-column-number="4023" data-line-index="4022,4022"><span data-line-number-content="">4023</span></div><div data-line-type="change-addition" data-column-number="4024" data-line-index="4023,4023"><span data-line-number-content="">4024</span></div><div data-separator="line-info"><div data-separator-wrapper=""><div data-separator-content=""><span data-unmodified-lines="">788 unmodified lines</span></div></div></div><div data-line-type="change-addition" data-column-number="4814" data-line-index="4812,4812"><span data-line-number-content="">4814</span></div><div data-line-type="change-addition" data-column-number="4815" data-line-index="4813,4813"><span data-line-number-content="">4815</span></div><div data-line-type="change-addition" data-column-number="4816" data-line-index="4814,4814"><span data-line-number-content="">4816</span></div><div data-line-type="change-addition" data-column-number="4817" data-line-index="4815,4815"><span data-line-number-content="">4817</span></div><div data-line-type="change-addition" data-column-number="4818" data-line-index="4816,4816"><span data-line-number-content="">4818</span></div><div data-line-type="change-addition" data-column-number="4819" data-line-index="4817,4817"><span data-line-number-content="">4819</span></div><div data-line-type="change-addition" data-column-number="4820" data-line-index="4818,4818"><span data-line-number-content="">4820</span></div><div data-line-type="change-addition" data-column-number="4821" data-line-index="4819,4819"><span data-line-number-content="">4821</span></div><div data-line-type="change-addition" data-column-number="4822" data-line-index="4820,4820"><span data-line-number-content="">4822</span></div><div data-line-type="change-addition" data-column-number="4823" data-line-index="4821,4821"><span data-line-number-content="">4823</span></div><div data-line-type="change-addition" data-column-number="4824" data-line-index="4822,4822"><span data-line-number-content="">4824</span></div><div data-line-type="change-addition" data-column-number="4825" data-line-index="4823,4823"><span data-line-number-content="">4825</span></div><div data-line-type="change-addition" data-column-number="4826" data-line-index="4824,4824"><span data-line-number-content="">4826</span></div><div data-line-type="change-addition" data-column-number="4827" data-line-index="4825,4825"><span data-line-number-content="">4827</span></div><div data-line-type="change-addition" data-column-number="4828" data-line-index="4826,4826"><span data-line-number-content="">4828</span></div><div data-line-type="change-addition" data-column-number="4829" data-line-index="4827,4827"><span data-line-number-content="">4829</span></div><div data-line-type="change-addition" data-column-number="4830" data-line-index="4828,4828"><span data-line-number-content="">4830</span></div><div data-line-type="change-addition" data-column-number="4831" data-line-index="4829,4829"><span data-line-number-content="">4831</span></div><div data-line-type="change-addition" data-column-number="4832" data-line-index="4830,4830"><span data-line-number-content="">4832</span></div><div data-line-type="change-addition" data-column-number="4833" data-line-index="4831,4831"><span data-line-number-content="">4833</span></div></div><div data-content="" style="grid-row: span 73"><div data-separator="line-info" data-separator-first=""><div data-separator-wrapper=""><div data-separator-content=""><span data-unmodified-lines="">3973 unmodified lines</span></div></div></div><div data-line="3974" data-line-type="change-addition" data-line-index="3973,3973"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">mock-redesign</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">mock-options</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="3975" data-line-type="change-addition" data-line-index="3974,3974"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> --mock-bg</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.075</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.02</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 250</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="3976" data-line-type="change-addition" data-line-index="3975,3975"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> --mock-surface</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.105</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.024</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 250</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="3977" data-line-type="change-addition" data-line-index="3976,3976"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> --mock-surface-2</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.13</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.03</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 250</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="3978" data-line-type="change-addition" data-line-index="3977,3977"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> --mock-line</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.76</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.048</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 236</span><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> / </span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">0.26</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="3979" data-line-type="change-addition" data-line-index="3978,3978"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> --mock-line-strong</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.82</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.16</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 82</span><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> / </span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">0.58</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="3980" data-line-type="change-addition" data-line-index="3979,3979"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> --mock-accent</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.86</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.17</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 84</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="3981" data-line-type="change-addition" data-line-index="3980,3980"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> --mock-accent-soft</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.86</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.17</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 84</span><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> / </span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">0.12</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="3982" data-line-type="change-addition" data-line-index="3981,3981"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> --mock-alt</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.74</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.2</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 32</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="3983" data-line-type="change-addition" data-line-index="3982,3982"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> --mock-alt-soft</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.74</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.2</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 32</span><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> / </span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">0.13</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="3984" data-line-type="change-addition" data-line-index="3983,3983"><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="3985" data-line-type="change-addition" data-line-index="3984,3984"><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">90</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.7</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.05</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 240</span><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> / </span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">0.11</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">)</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 1</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:#FFD452;--diffs-token-light:#D5A910"> transparent</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 1</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"> 0</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0</span><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> / </span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">34</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 34</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="3986" data-line-type="change-addition" data-line-index="3985,3985"><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.11</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.026</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:#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">--mock-bg</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">)</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 42</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">vh</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">),</span></div><div data-line="3987" data-line-type="change-addition" data-line-index="3986,3986"><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">--mock-bg</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="3988" data-line-type="change-addition" data-line-index="3987,3987"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">}</span></div><div data-line="3989" data-line-type="change-addition" data-line-index="3988,3988">
|
|
</div><div data-line="3990" data-line-type="change-addition" data-line-index="3989,3989"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">mock-redesign</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">mock-packets</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="3991" data-line-type="change-addition" data-line-index="3990,3990"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> --mock-bg</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.13</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.014</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 198</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="3992" data-line-type="change-addition" data-line-index="3991,3991"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> --mock-surface</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.17</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.022</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 198</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="3993" data-line-type="change-addition" data-line-index="3992,3992"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> --mock-surface-2</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.11</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.018</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 198</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="3994" data-line-type="change-addition" data-line-index="3993,3993"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> --mock-line</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.76</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.04</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 198</span><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> / </span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">0.22</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="3995" data-line-type="change-addition" data-line-index="3994,3994"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> --mock-line-strong</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.78</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.15</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 176</span><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> / </span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">0.54</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="3996" data-line-type="change-addition" data-line-index="3995,3995"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> --mock-accent</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.78</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.15</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 176</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="3997" data-line-type="change-addition" data-line-index="3996,3996"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> --mock-accent-soft</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.78</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.15</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 176</span><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> / </span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">0.13</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="3998" data-line-type="change-addition" data-line-index="3997,3997"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> --mock-alt</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.77</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.14</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 300</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="3999" data-line-type="change-addition" data-line-index="3998,3998"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> --mock-alt-soft</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.77</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.14</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 300</span><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> / </span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">0.13</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="4000" data-line-type="change-addition" data-line-index="3999,3999"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">}</span></div><div data-line="4001" data-line-type="change-addition" data-line-index="4000,4000">
|
|
</div><div data-line="4002" data-line-type="change-addition" data-line-index="4001,4001"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">mock-redesign</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">mock-alerts</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="4003" data-line-type="change-addition" data-line-index="4002,4002"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> --mock-bg</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.11</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.026</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 22</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="4004" data-line-type="change-addition" data-line-index="4003,4003"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> --mock-surface</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.16</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.032</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 22</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="4005" data-line-type="change-addition" data-line-index="4004,4004"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> --mock-surface-2</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.13</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.028</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 22</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="4006" data-line-type="change-addition" data-line-index="4005,4005"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> --mock-line</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.8</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.04</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 42</span><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> / </span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">0.23</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="4007" data-line-type="change-addition" data-line-index="4006,4006"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> --mock-line-strong</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.8</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.17</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 58</span><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> / </span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">0.54</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="4008" data-line-type="change-addition" data-line-index="4007,4007"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> --mock-accent</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.8</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.17</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 58</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="4009" data-line-type="change-addition" data-line-index="4008,4008"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> --mock-accent-soft</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.8</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.17</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 58</span><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> / </span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">0.13</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="4010" data-line-type="change-addition" data-line-index="4009,4009"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> --mock-alt</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.74</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.16</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 24</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="4011" data-line-type="change-addition" data-line-index="4010,4010"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> --mock-alt-soft</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.74</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.16</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 24</span><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> / </span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">0.14</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="4012" data-line-type="change-addition" data-line-index="4011,4011"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">}</span></div><div data-line="4013" data-line-type="change-addition" data-line-index="4012,4012">
|
|
</div><div data-line="4014" data-line-type="change-addition" data-line-index="4013,4013"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">mock-redesign</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">mock-graph</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="4015" data-line-type="change-addition" data-line-index="4014,4014"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> --mock-bg</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.026</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 274</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="4016" data-line-type="change-addition" data-line-index="4015,4015"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> --mock-surface</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.155</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.034</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 274</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="4017" data-line-type="change-addition" data-line-index="4016,4016"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> --mock-surface-2</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.125</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.03</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 274</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="4018" data-line-type="change-addition" data-line-index="4017,4017"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> --mock-line</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.78</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.05</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 274</span><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> / </span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">0.22</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="4019" data-line-type="change-addition" data-line-index="4018,4018"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> --mock-line-strong</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.76</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.17</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 220</span><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> / </span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">0.52</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="4020" data-line-type="change-addition" data-line-index="4019,4019"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> --mock-accent</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.76</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.17</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 220</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="4021" data-line-type="change-addition" data-line-index="4020,4020"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> --mock-accent-soft</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.76</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.17</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 220</span><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> / </span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">0.13</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="4022" data-line-type="change-addition" data-line-index="4021,4021"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> --mock-alt</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.78</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.16</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 340</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="4023" data-line-type="change-addition" data-line-index="4022,4022"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> --mock-alt-soft</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.78</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.16</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 340</span><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> / </span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">0.13</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="4024" data-line-type="change-addition" data-line-index="4023,4023"><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="">788 unmodified lines</span></div></div></div><div data-line="4814" data-line-type="change-addition" data-line-index="4812,4812"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">mock-options-layout</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="4815" data-line-type="change-addition" data-line-index="4813,4813"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">mock-packet-layout</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="4816" data-line-type="change-addition" data-line-index="4814,4814"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">mock-alert-layout</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="4817" data-line-type="change-addition" data-line-index="4815,4815"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">mock-graph-layout</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="4818" data-line-type="change-addition" data-line-index="4816,4816"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> max-width</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 1600</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="4819" data-line-type="change-addition" data-line-index="4817,4817"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> margin</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:#FFD452;--diffs-token-light:#D5A910"> auto</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="4820" data-line-type="change-addition" data-line-index="4818,4818"><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="4821" data-line-type="change-addition" data-line-index="4819,4819"><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"> 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="4822" data-line-type="change-addition" data-line-index="4820,4820"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">}</span></div><div data-line="4823" data-line-type="change-addition" data-line-index="4821,4821">
|
|
</div><div data-line="4824" data-line-type="change-addition" data-line-index="4822,4822"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">mock-options-layout</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="4825" data-line-type="change-addition" data-line-index="4823,4823"><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 style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">720</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</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:#68CDF2;--diffs-token-light:#1CA1C7"> 270</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="4826" data-line-type="change-addition" data-line-index="4824,4824"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> grid-template-areas</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span></div><div data-line="4827" data-line-type="change-addition" data-line-index="4825,4825"><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "command depth"</span></div><div data-line="4828" data-line-type="change-addition" data-line-index="4826,4826"><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "tape depth"</span></div><div data-line="4829" data-line-type="change-addition" data-line-index="4827,4827"><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "ladder ladder"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="4830" data-line-type="change-addition" data-line-index="4828,4828"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">}</span></div><div data-line="4831" data-line-type="change-addition" data-line-index="4829,4829">
|
|
</div><div data-line="4832" data-line-type="change-addition" data-line-index="4830,4830"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">mock-options-command</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="4833" data-line-type="change-addition" data-line-index="4831,4831"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> grid-area</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> command</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div></div></code></pre>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Expected Impact for End-Users</h2>
|
|
<p>Traders reviewing the mock lab now have more varied route-level concepts that better explain how Islandflow turns raw options activity into trustworthy, evidence-linked alerts. The new mocks should make the product model easier to critique because each route owns a specific stage of the investigation.</p>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Validation</h2>
|
|
<div class="validation">
|
|
<div><strong>Passed:</strong> <code>bun --cwd=apps/web run build</code></div>
|
|
<div><strong>Passed:</strong> Browser DOM checks for <code>/mock5</code>, <code>/mock6</code>, <code>/mock7</code>, and <code>/mock8</code> at 1280px confirmed the routes render, expose expected content, and do not introduce page-level horizontal overflow.</div>
|
|
<div><strong>Passed:</strong> Browser DOM checks at 390px confirmed page-level overflow stays contained and dense tables scroll inside their own lanes.</div>
|
|
<div><strong>Passed:</strong> Browser console error check returned no errors.</div>
|
|
<div><strong>Partial:</strong> A browser screenshot capture timed out in the local browser runtime, so visual confirmation used DOM layout checks rather than saved screenshots.</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Issues, Limitations, and Mitigations</h2>
|
|
<ul>
|
|
<li>The new mock routes are static concept screens, not connected to live API data. They are intended to guide product direction and critique.</li>
|
|
<li>Dense rows are intentionally scrollable on mobile. This preserves the terminal/blotter behavior without allowing the whole page to overflow.</li>
|
|
<li>The existing mock navigation still uses compact tab-like links from the previous mock lab. The no-card rule was applied to the new route content and new layout primitives.</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Follow-up Work</h2>
|
|
<ul>
|
|
<li>Turn the strongest concept into real <code>/options</code>, <code>/alerts</code>, and packet detail routes when the product direction is chosen.</li>
|
|
<li>Add browser-level visual regression checks for the mock lab once the route direction stabilizes.</li>
|
|
<li>Consider a follow-up Beads issue for wiring alert reasons to real packet provenance once backend data contracts are ready.</li>
|
|
</ul>
|
|
</section>
|
|
</main>
|
|
</body>
|
|
</html>
|