405 lines
280 KiB
HTML
405 lines
280 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Command Deck Header Refinement</title>
|
|
<style>
|
|
:root {
|
|
color-scheme: dark;
|
|
--bg: #06080b;
|
|
--panel: #0e151d;
|
|
--panel-2: #121b25;
|
|
--text: #e6edf4;
|
|
--muted: #9aa9bb;
|
|
--faint: #708092;
|
|
--border: rgba(255, 255, 255, 0.12);
|
|
--accent: #f5a623;
|
|
--accent-soft: rgba(245, 166, 35, 0.14);
|
|
--green: #25c17a;
|
|
}
|
|
|
|
* { box-sizing: border-box; }
|
|
|
|
body {
|
|
margin: 0;
|
|
background:
|
|
radial-gradient(circle at 15% 0%, rgba(245, 166, 35, 0.09), transparent 30rem),
|
|
linear-gradient(180deg, #0b1016 0%, var(--bg) 100%);
|
|
color: var(--text);
|
|
font-family: "IBM Plex Sans", Inter, system-ui, sans-serif;
|
|
line-height: 1.55;
|
|
}
|
|
|
|
main {
|
|
width: min(1120px, calc(100vw - 32px));
|
|
margin: 0 auto;
|
|
padding: 48px 0 56px;
|
|
}
|
|
|
|
header.hero {
|
|
display: grid;
|
|
gap: 14px;
|
|
padding-bottom: 28px;
|
|
border-bottom: 1px solid var(--border);
|
|
}
|
|
|
|
.eyebrow,
|
|
h2,
|
|
h3,
|
|
code,
|
|
pre {
|
|
font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
|
|
}
|
|
|
|
.eyebrow {
|
|
margin: 0;
|
|
color: var(--accent);
|
|
font-size: 0.72rem;
|
|
letter-spacing: 0.12em;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
h1 {
|
|
max-width: 820px;
|
|
margin: 0;
|
|
font-size: clamp(2rem, 4vw, 3.4rem);
|
|
line-height: 1.04;
|
|
letter-spacing: 0;
|
|
text-wrap: balance;
|
|
}
|
|
|
|
.summary {
|
|
max-width: 760px;
|
|
margin: 0;
|
|
color: var(--muted);
|
|
font-size: 1.02rem;
|
|
text-wrap: pretty;
|
|
}
|
|
|
|
section {
|
|
padding: 28px 0;
|
|
border-bottom: 1px solid var(--border);
|
|
}
|
|
|
|
h2 {
|
|
margin: 0 0 12px;
|
|
color: var(--text);
|
|
font-size: 0.9rem;
|
|
letter-spacing: 0.1em;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
h3 {
|
|
margin: 0 0 12px;
|
|
color: var(--muted);
|
|
font-size: 0.78rem;
|
|
letter-spacing: 0.04em;
|
|
}
|
|
|
|
p { max-width: 78ch; margin: 0 0 12px; color: var(--muted); }
|
|
ul { display: grid; gap: 8px; max-width: 82ch; margin: 0; padding-left: 20px; color: var(--muted); }
|
|
li strong { color: var(--text); }
|
|
code { color: #ffd492; font-size: 0.92em; }
|
|
|
|
.detail-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
|
|
gap: 12px;
|
|
}
|
|
|
|
.detail {
|
|
padding: 14px 16px;
|
|
border: 1px solid var(--border);
|
|
border-radius: 10px;
|
|
background: rgba(255, 255, 255, 0.035);
|
|
}
|
|
|
|
.detail strong { display: block; margin-bottom: 6px; color: var(--text); }
|
|
.detail span { color: var(--muted); }
|
|
|
|
.diff-section > p { margin-bottom: 14px; }
|
|
|
|
.diff-card {
|
|
overflow: hidden;
|
|
margin: 14px 0;
|
|
border: 1px solid var(--border);
|
|
border-radius: 10px;
|
|
background: var(--panel);
|
|
}
|
|
|
|
.diff-card h3 {
|
|
margin: 0;
|
|
padding: 10px 12px;
|
|
border-bottom: 1px solid var(--border);
|
|
background: var(--panel-2);
|
|
color: var(--text);
|
|
}
|
|
|
|
.diff-shadow-host {
|
|
max-height: 680px;
|
|
overflow: auto;
|
|
background: #080c11;
|
|
}
|
|
|
|
.validation-pass {
|
|
color: var(--green);
|
|
font-weight: 700;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<header class="hero">
|
|
<p class="eyebrow">Islandflow turn document · 2026-06-06 07:30</p>
|
|
<h1>Command Deck Header Refinement</h1>
|
|
<p class="summary">Simplified the overview command deck header into a compact status bar that keeps live state, last tick time, replay switching, and active filter context near the top of the page.</p>
|
|
</header>
|
|
|
|
<section>
|
|
<h2>Summary</h2>
|
|
<p>The accepted live-mode variant replaces the heavier command deck header with a calmer two-line command bar. The top line now carries the product label, live connection chip, last-update chip, and replay toggle. The second line keeps the evidence-console context, focused ticker, and the active filter state.</p>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Changes Made</h2>
|
|
<ul>
|
|
<li><strong>Reworked <code>CommandDeckHeader</code> markup</strong> from a three-column brand/brief/control layout into a compact two-line status bar.</li>
|
|
<li><strong>Added active filter chips</strong> for selected option contracts and ticker filters, with hover/focus clear buttons.</li>
|
|
<li><strong>Moved accepted live styling into <code>globals.css</code></strong> and removed temporary live-mode wrappers, scripts, and session files.</li>
|
|
<li><strong>Added responsive overrides</strong> so compact status chips wrap without becoming full-width controls on mobile.</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Context</h2>
|
|
<p>This change came from an Impeccable live session on the overview page. The selected element was the command deck header. The accepted direction was variant 2, a simplified command bar that keeps operational controls close to the top while reducing decorative weight.</p>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Important Implementation Details</h2>
|
|
<div class="detail-grid">
|
|
<div class="detail"><strong>Contract filters</strong><span>When an option contract is focused, the header renders its label and clears with <code>setSelectedInstrument(null)</code>.</span></div>
|
|
<div class="detail"><strong>Ticker filters</strong><span>When ticker text is active, the header renders <code>Ticker: value</code> and clears with <code>setFilterInput("")</code>.</span></div>
|
|
<div class="detail"><strong>Filter affordance</strong><span>The clear button appears on hover or focus-within, preserving a quieter default chip while staying keyboard reachable.</span></div>
|
|
<div class="detail"><strong>Motion</strong><span>The hover transition is included in the existing reduced-motion terminal control block.</span></div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="diff-section">
|
|
<h2>Relevant Diff Snippets</h2>
|
|
<p>Rendered with <code>@pierre/diffs/ssr</code> using <code>preloadPatchFile</code>. These are the focused file diffs for the accepted header implementation.</p>
|
|
|
|
<article class="diff-card">
|
|
<h3>Diff 1</h3>
|
|
<div class="diff-shadow-host">
|
|
<template shadowrootmode="open">
|
|
<style>
|
|
:host { color-scheme: dark; display: block; }
|
|
* { box-sizing: border-box; }
|
|
body { margin: 0; }
|
|
.diffs { color: #e6edf4; }
|
|
pre, code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
|
|
</style>
|
|
<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="">+131</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 159"><div data-separator="line-info" data-separator-first=""><div data-separator-wrapper=""><div data-separator-content=""><span data-unmodified-lines="">853 unmodified lines</span></div></div></div><div data-line-type="context" data-column-number="854" data-line-index="853,853"><span data-line-number-content="">854</span></div><div data-line-type="context" data-column-number="855" data-line-index="854,854"><span data-line-number-content="">855</span></div><div data-line-type="context" data-column-number="856" data-line-index="855,855"><span data-line-number-content="">856</span></div><div data-gutter-buffer="buffer" data-buffer-size="112" style="grid-row: span 112;min-height:calc(112 * 1lh);"></div><div data-line-type="context" data-column-number="857" data-line-index="968,968"><span data-line-number-content="">857</span></div><div data-line-type="context" data-column-number="858" data-line-index="969,969"><span data-line-number-content="">858</span></div><div data-line-type="context" data-column-number="859" data-line-index="970,970"><span data-line-number-content="">859</span></div><div data-separator="line-info"><div data-separator-wrapper=""><div data-separator-content=""><span data-unmodified-lines="">1617 unmodified lines</span></div></div></div><div data-line-type="context" data-column-number="2477" data-line-index="2588,2588"><span data-line-number-content="">2477</span></div><div data-line-type="context" data-column-number="2478" data-line-index="2589,2589"><span data-line-number-content="">2478</span></div><div data-line-type="context" data-column-number="2479" data-line-index="2590,2590"><span data-line-number-content="">2479</span></div><div data-gutter-buffer="buffer" data-buffer-size="1" style="grid-row: span 1;min-height:calc(1 * 1lh);"></div><div data-line-type="context" data-column-number="2480" data-line-index="2592,2592"><span data-line-number-content="">2480</span></div><div data-line-type="context" data-column-number="2481" data-line-index="2593,2593"><span data-line-number-content="">2481</span></div><div data-line-type="context" data-column-number="2482" data-line-index="2594,2594"><span data-line-number-content="">2482</span></div><div data-separator="line-info"><div data-separator-wrapper=""><div data-separator-content=""><span data-unmodified-lines="">23 unmodified lines</span></div></div></div><div data-line-type="context" data-column-number="2506" data-line-index="2618,2618"><span data-line-number-content="">2506</span></div><div data-line-type="context" data-column-number="2507" data-line-index="2619,2619"><span data-line-number-content="">2507</span></div><div data-line-type="context" data-column-number="2508" data-line-index="2620,2620"><span data-line-number-content="">2508</span></div><div data-gutter-buffer="buffer" data-buffer-size="4" style="grid-row: span 4;min-height:calc(4 * 1lh);"></div><div data-line-type="context" data-column-number="2509" data-line-index="2625,2625"><span data-line-number-content="">2509</span></div><div data-line-type="context" data-column-number="2510" data-line-index="2626,2626"><span data-line-number-content="">2510</span></div><div data-line-type="context" data-column-number="2511" data-line-index="2627,2627"><span data-line-number-content="">2511</span></div><div data-separator="line-info"><div data-separator-wrapper=""><div data-separator-content=""><span data-unmodified-lines="">162 unmodified lines</span></div></div></div><div data-line-type="context" data-column-number="2674" data-line-index="2790,2790"><span data-line-number-content="">2674</span></div><div data-line-type="context" data-column-number="2675" data-line-index="2791,2791"><span data-line-number-content="">2675</span></div><div data-line-type="context" data-column-number="2676" data-line-index="2792,2792"><span data-line-number-content="">2676</span></div><div data-gutter-buffer="buffer" data-buffer-size="14" style="grid-row: span 14;min-height:calc(14 * 1lh);"></div><div data-line-type="context" data-column-number="2677" data-line-index="2807,2807"><span data-line-number-content="">2677</span></div><div data-line-type="context" data-column-number="2678" data-line-index="2808,2808"><span data-line-number-content="">2678</span></div><div data-line-type="context" data-column-number="2679" data-line-index="2809,2809"><span data-line-number-content="">2679</span></div></div><div data-content="" style="grid-row: span 159"><div data-separator="line-info" data-separator-first=""><div data-separator-wrapper=""><div data-separator-content=""><span data-unmodified-lines="">853 unmodified lines</span></div></div></div><div data-line="854" data-alt-line="854" data-line-type="context" data-line-index="853,853"><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F"> flex-wrap</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">: wrap;</span></div><div data-line="855" data-alt-line="855" data-line-type="context" data-line-index="854,854"><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">}</span></div><div data-line="856" data-alt-line="856" data-line-type="context" data-line-index="855,855">
|
|
</div><div data-content-buffer="" data-buffer-size="112" style="grid-row: span 112;min-height:calc(112 * 1lh)"></div><div data-line="857" data-alt-line="969" data-line-type="context" data-line-index="968,968"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">command-chip</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="858" data-alt-line="970" data-line-type="context" data-line-index="969,969"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> min-height</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 32</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="859" data-alt-line="971" data-line-type="context" data-line-index="970,970"><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"> inline-flex</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="">1617 unmodified lines</span></div></div></div><div data-line="2477" data-alt-line="2589" data-line-type="context" data-line-index="2588,2588"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">interval-button</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="2478" data-alt-line="2590" data-line-type="context" data-line-index="2589,2589"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">overlay-toggle</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="2479" data-alt-line="2591" data-line-type="context" data-line-index="2590,2590"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">drawer-close</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-content-buffer="" data-buffer-size="1" style="grid-row: span 1;min-height:calc(1 * 1lh)"></div><div data-line="2480" data-alt-line="2593" data-line-type="context" data-line-index="2592,2592"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">status-inline-counter</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="2481" data-alt-line="2594" data-line-type="context" data-line-index="2593,2593"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">missed-count</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="2482" data-alt-line="2595" data-line-type="context" data-line-index="2594,2594"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">synthetic-control-gear</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="">23 unmodified lines</span></div></div></div><div data-line="2506" data-alt-line="2619" data-line-type="context" data-line-index="2618,2618"><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F"> grid-template-columns</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">: minmax(220px</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> 0</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">8fr</span><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A">) </span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">minmax(240px</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> 1fr</span><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A">);</span></div><div data-line="2507" data-alt-line="2620" data-line-type="context" data-line-index="2619,2619"><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> }</span></div><div data-line="2508" data-alt-line="2621" data-line-type="context" data-line-index="2620,2620">
|
|
</div><div data-content-buffer="" data-buffer-size="4" style="grid-row: span 4;min-height:calc(4 * 1lh)"></div><div data-line="2509" data-alt-line="2626" data-line-type="context" data-line-index="2625,2625"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">command-deck-controls</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="2510" data-alt-line="2627" data-line-type="context" data-line-index="2626,2626"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> grid-column</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:#FAFAFA;--diffs-token-light:#0A0A0A"> / </span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">-1</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2511" data-alt-line="2628" data-line-type="context" data-line-index="2627,2627"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> justify-content</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> flex-start</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="">162 unmodified lines</span></div></div></div><div data-line="2674" data-alt-line="2791" data-line-type="context" data-line-index="2790,2790"><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F"> justify-content</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">: center;</span></div><div data-line="2675" data-alt-line="2792" data-line-type="context" data-line-index="2791,2791"><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> }</span></div><div data-line="2676" data-alt-line="2793" data-line-type="context" data-line-index="2792,2792">
|
|
</div><div data-content-buffer="" data-buffer-size="14" style="grid-row: span 14;min-height:calc(14 * 1lh)"></div><div data-line="2677" data-alt-line="2808" data-line-type="context" data-line-index="2807,2807"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">command-ticker-track</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="2678" data-alt-line="2809" data-line-type="context" data-line-index="2808,2808"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> grid-auto-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">164</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"> 78</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">vw</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="2679" data-alt-line="2810" data-line-type="context" data-line-index="2809,2809"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> }</span></div></div></code><code data-code="" data-container-size="" data-additions=""><div data-gutter="" style="grid-row: span 159"><div data-separator="line-info" data-separator-first=""><div data-separator-wrapper=""><div data-separator-content=""><span data-unmodified-lines="">853 unmodified lines</span></div></div></div><div data-line-type="context" data-column-number="854" data-line-index="853,853"><span data-line-number-content="">854</span></div><div data-line-type="context" data-column-number="855" data-line-index="854,854"><span data-line-number-content="">855</span></div><div data-line-type="context" data-column-number="856" data-line-index="855,855"><span data-line-number-content="">856</span></div><div data-line-type="change-addition" data-column-number="857" data-line-index="856,856"><span data-line-number-content="">857</span></div><div data-line-type="change-addition" data-column-number="858" data-line-index="857,857"><span data-line-number-content="">858</span></div><div data-line-type="change-addition" data-column-number="859" data-line-index="858,858"><span data-line-number-content="">859</span></div><div data-line-type="change-addition" data-column-number="860" data-line-index="859,859"><span data-line-number-content="">860</span></div><div data-line-type="change-addition" data-column-number="861" data-line-index="860,860"><span data-line-number-content="">861</span></div><div data-line-type="change-addition" data-column-number="862" data-line-index="861,861"><span data-line-number-content="">862</span></div><div data-line-type="change-addition" data-column-number="863" data-line-index="862,862"><span data-line-number-content="">863</span></div><div data-line-type="change-addition" data-column-number="864" data-line-index="863,863"><span data-line-number-content="">864</span></div><div data-line-type="change-addition" data-column-number="865" data-line-index="864,864"><span data-line-number-content="">865</span></div><div data-line-type="change-addition" data-column-number="866" data-line-index="865,865"><span data-line-number-content="">866</span></div><div data-line-type="change-addition" data-column-number="867" data-line-index="866,866"><span data-line-number-content="">867</span></div><div data-line-type="change-addition" data-column-number="868" data-line-index="867,867"><span data-line-number-content="">868</span></div><div data-line-type="change-addition" data-column-number="869" data-line-index="868,868"><span data-line-number-content="">869</span></div><div data-line-type="change-addition" data-column-number="870" data-line-index="869,869"><span data-line-number-content="">870</span></div><div data-line-type="change-addition" data-column-number="871" data-line-index="870,870"><span data-line-number-content="">871</span></div><div data-line-type="change-addition" data-column-number="872" data-line-index="871,871"><span data-line-number-content="">872</span></div><div data-line-type="change-addition" data-column-number="873" data-line-index="872,872"><span data-line-number-content="">873</span></div><div data-line-type="change-addition" data-column-number="874" data-line-index="873,873"><span data-line-number-content="">874</span></div><div data-line-type="change-addition" data-column-number="875" data-line-index="874,874"><span data-line-number-content="">875</span></div><div data-line-type="change-addition" data-column-number="876" data-line-index="875,875"><span data-line-number-content="">876</span></div><div data-line-type="change-addition" data-column-number="877" data-line-index="876,876"><span data-line-number-content="">877</span></div><div data-line-type="change-addition" data-column-number="878" data-line-index="877,877"><span data-line-number-content="">878</span></div><div data-line-type="change-addition" data-column-number="879" data-line-index="878,878"><span data-line-number-content="">879</span></div><div data-line-type="change-addition" data-column-number="880" data-line-index="879,879"><span data-line-number-content="">880</span></div><div data-line-type="change-addition" data-column-number="881" data-line-index="880,880"><span data-line-number-content="">881</span></div><div data-line-type="change-addition" data-column-number="882" data-line-index="881,881"><span data-line-number-content="">882</span></div><div data-line-type="change-addition" data-column-number="883" data-line-index="882,882"><span data-line-number-content="">883</span></div><div data-line-type="change-addition" data-column-number="884" data-line-index="883,883"><span data-line-number-content="">884</span></div><div data-line-type="change-addition" data-column-number="885" data-line-index="884,884"><span data-line-number-content="">885</span></div><div data-line-type="change-addition" data-column-number="886" data-line-index="885,885"><span data-line-number-content="">886</span></div><div data-line-type="change-addition" data-column-number="887" data-line-index="886,886"><span data-line-number-content="">887</span></div><div data-line-type="change-addition" data-column-number="888" data-line-index="887,887"><span data-line-number-content="">888</span></div><div data-line-type="change-addition" data-column-number="889" data-line-index="888,888"><span data-line-number-content="">889</span></div><div data-line-type="change-addition" data-column-number="890" data-line-index="889,889"><span data-line-number-content="">890</span></div><div data-line-type="change-addition" data-column-number="891" data-line-index="890,890"><span data-line-number-content="">891</span></div><div data-line-type="change-addition" data-column-number="892" data-line-index="891,891"><span data-line-number-content="">892</span></div><div data-line-type="change-addition" data-column-number="893" data-line-index="892,892"><span data-line-number-content="">893</span></div><div data-line-type="change-addition" data-column-number="894" data-line-index="893,893"><span data-line-number-content="">894</span></div><div data-line-type="change-addition" data-column-number="895" data-line-index="894,894"><span data-line-number-content="">895</span></div><div data-line-type="change-addition" data-column-number="896" data-line-index="895,895"><span data-line-number-content="">896</span></div><div data-line-type="change-addition" data-column-number="897" data-line-index="896,896"><span data-line-number-content="">897</span></div><div data-line-type="change-addition" data-column-number="898" data-line-index="897,897"><span data-line-number-content="">898</span></div><div data-line-type="change-addition" data-column-number="899" data-line-index="898,898"><span data-line-number-content="">899</span></div><div data-line-type="change-addition" data-column-number="900" data-line-index="899,899"><span data-line-number-content="">900</span></div><div data-line-type="change-addition" data-column-number="901" data-line-index="900,900"><span data-line-number-content="">901</span></div><div data-line-type="change-addition" data-column-number="902" data-line-index="901,901"><span data-line-number-content="">902</span></div><div data-line-type="change-addition" data-column-number="903" data-line-index="902,902"><span data-line-number-content="">903</span></div><div data-line-type="change-addition" data-column-number="904" data-line-index="903,903"><span data-line-number-content="">904</span></div><div data-line-type="change-addition" data-column-number="905" data-line-index="904,904"><span data-line-number-content="">905</span></div><div data-line-type="change-addition" data-column-number="906" data-line-index="905,905"><span data-line-number-content="">906</span></div><div data-line-type="change-addition" data-column-number="907" data-line-index="906,906"><span data-line-number-content="">907</span></div><div data-line-type="change-addition" data-column-number="908" data-line-index="907,907"><span data-line-number-content="">908</span></div><div data-line-type="change-addition" data-column-number="909" data-line-index="908,908"><span data-line-number-content="">909</span></div><div data-line-type="change-addition" data-column-number="910" data-line-index="909,909"><span data-line-number-content="">910</span></div><div data-line-type="change-addition" data-column-number="911" data-line-index="910,910"><span data-line-number-content="">911</span></div><div data-line-type="change-addition" data-column-number="912" data-line-index="911,911"><span data-line-number-content="">912</span></div><div data-line-type="change-addition" data-column-number="913" data-line-index="912,912"><span data-line-number-content="">913</span></div><div data-line-type="change-addition" data-column-number="914" data-line-index="913,913"><span data-line-number-content="">914</span></div><div data-line-type="change-addition" data-column-number="915" data-line-index="914,914"><span data-line-number-content="">915</span></div><div data-line-type="change-addition" data-column-number="916" data-line-index="915,915"><span data-line-number-content="">916</span></div><div data-line-type="change-addition" data-column-number="917" data-line-index="916,916"><span data-line-number-content="">917</span></div><div data-line-type="change-addition" data-column-number="918" data-line-index="917,917"><span data-line-number-content="">918</span></div><div data-line-type="change-addition" data-column-number="919" data-line-index="918,918"><span data-line-number-content="">919</span></div><div data-line-type="change-addition" data-column-number="920" data-line-index="919,919"><span data-line-number-content="">920</span></div><div data-line-type="change-addition" data-column-number="921" data-line-index="920,920"><span data-line-number-content="">921</span></div><div data-line-type="change-addition" data-column-number="922" data-line-index="921,921"><span data-line-number-content="">922</span></div><div data-line-type="change-addition" data-column-number="923" data-line-index="922,922"><span data-line-number-content="">923</span></div><div data-line-type="change-addition" data-column-number="924" data-line-index="923,923"><span data-line-number-content="">924</span></div><div data-line-type="change-addition" data-column-number="925" data-line-index="924,924"><span data-line-number-content="">925</span></div><div data-line-type="change-addition" data-column-number="926" data-line-index="925,925"><span data-line-number-content="">926</span></div><div data-line-type="change-addition" data-column-number="927" data-line-index="926,926"><span data-line-number-content="">927</span></div><div data-line-type="change-addition" data-column-number="928" data-line-index="927,927"><span data-line-number-content="">928</span></div><div data-line-type="change-addition" data-column-number="929" data-line-index="928,928"><span data-line-number-content="">929</span></div><div data-line-type="change-addition" data-column-number="930" data-line-index="929,929"><span data-line-number-content="">930</span></div><div data-line-type="change-addition" data-column-number="931" data-line-index="930,930"><span data-line-number-content="">931</span></div><div data-line-type="change-addition" data-column-number="932" data-line-index="931,931"><span data-line-number-content="">932</span></div><div data-line-type="change-addition" data-column-number="933" data-line-index="932,932"><span data-line-number-content="">933</span></div><div data-line-type="change-addition" data-column-number="934" data-line-index="933,933"><span data-line-number-content="">934</span></div><div data-line-type="change-addition" data-column-number="935" data-line-index="934,934"><span data-line-number-content="">935</span></div><div data-line-type="change-addition" data-column-number="936" data-line-index="935,935"><span data-line-number-content="">936</span></div><div data-line-type="change-addition" data-column-number="937" data-line-index="936,936"><span data-line-number-content="">937</span></div><div data-line-type="change-addition" data-column-number="938" data-line-index="937,937"><span data-line-number-content="">938</span></div><div data-line-type="change-addition" data-column-number="939" data-line-index="938,938"><span data-line-number-content="">939</span></div><div data-line-type="change-addition" data-column-number="940" data-line-index="939,939"><span data-line-number-content="">940</span></div><div data-line-type="change-addition" data-column-number="941" data-line-index="940,940"><span data-line-number-content="">941</span></div><div data-line-type="change-addition" data-column-number="942" data-line-index="941,941"><span data-line-number-content="">942</span></div><div data-line-type="change-addition" data-column-number="943" data-line-index="942,942"><span data-line-number-content="">943</span></div><div data-line-type="change-addition" data-column-number="944" data-line-index="943,943"><span data-line-number-content="">944</span></div><div data-line-type="change-addition" data-column-number="945" data-line-index="944,944"><span data-line-number-content="">945</span></div><div data-line-type="change-addition" data-column-number="946" data-line-index="945,945"><span data-line-number-content="">946</span></div><div data-line-type="change-addition" data-column-number="947" data-line-index="946,946"><span data-line-number-content="">947</span></div><div data-line-type="change-addition" data-column-number="948" data-line-index="947,947"><span data-line-number-content="">948</span></div><div data-line-type="change-addition" data-column-number="949" data-line-index="948,948"><span data-line-number-content="">949</span></div><div data-line-type="change-addition" data-column-number="950" data-line-index="949,949"><span data-line-number-content="">950</span></div><div data-line-type="change-addition" data-column-number="951" data-line-index="950,950"><span data-line-number-content="">951</span></div><div data-line-type="change-addition" data-column-number="952" data-line-index="951,951"><span data-line-number-content="">952</span></div><div data-line-type="change-addition" data-column-number="953" data-line-index="952,952"><span data-line-number-content="">953</span></div><div data-line-type="change-addition" data-column-number="954" data-line-index="953,953"><span data-line-number-content="">954</span></div><div data-line-type="change-addition" data-column-number="955" data-line-index="954,954"><span data-line-number-content="">955</span></div><div data-line-type="change-addition" data-column-number="956" data-line-index="955,955"><span data-line-number-content="">956</span></div><div data-line-type="change-addition" data-column-number="957" data-line-index="956,956"><span data-line-number-content="">957</span></div><div data-line-type="change-addition" data-column-number="958" data-line-index="957,957"><span data-line-number-content="">958</span></div><div data-line-type="change-addition" data-column-number="959" data-line-index="958,958"><span data-line-number-content="">959</span></div><div data-line-type="change-addition" data-column-number="960" data-line-index="959,959"><span data-line-number-content="">960</span></div><div data-line-type="change-addition" data-column-number="961" data-line-index="960,960"><span data-line-number-content="">961</span></div><div data-line-type="change-addition" data-column-number="962" data-line-index="961,961"><span data-line-number-content="">962</span></div><div data-line-type="change-addition" data-column-number="963" data-line-index="962,962"><span data-line-number-content="">963</span></div><div data-line-type="change-addition" data-column-number="964" data-line-index="963,963"><span data-line-number-content="">964</span></div><div data-line-type="change-addition" data-column-number="965" data-line-index="964,964"><span data-line-number-content="">965</span></div><div data-line-type="change-addition" data-column-number="966" data-line-index="965,965"><span data-line-number-content="">966</span></div><div data-line-type="change-addition" data-column-number="967" data-line-index="966,966"><span data-line-number-content="">967</span></div><div data-line-type="change-addition" data-column-number="968" data-line-index="967,967"><span data-line-number-content="">968</span></div><div data-line-type="context" data-column-number="969" data-line-index="968,968"><span data-line-number-content="">969</span></div><div data-line-type="context" data-column-number="970" data-line-index="969,969"><span data-line-number-content="">970</span></div><div data-line-type="context" data-column-number="971" data-line-index="970,970"><span data-line-number-content="">971</span></div><div data-separator="line-info"><div data-separator-wrapper=""><div data-separator-content=""><span data-unmodified-lines="">1617 unmodified lines</span></div></div></div><div data-line-type="context" data-column-number="2589" data-line-index="2588,2588"><span data-line-number-content="">2589</span></div><div data-line-type="context" data-column-number="2590" data-line-index="2589,2589"><span data-line-number-content="">2590</span></div><div data-line-type="context" data-column-number="2591" data-line-index="2590,2590"><span data-line-number-content="">2591</span></div><div data-line-type="change-addition" data-column-number="2592" data-line-index="2591,2591"><span data-line-number-content="">2592</span></div><div data-line-type="context" data-column-number="2593" data-line-index="2592,2592"><span data-line-number-content="">2593</span></div><div data-line-type="context" data-column-number="2594" data-line-index="2593,2593"><span data-line-number-content="">2594</span></div><div data-line-type="context" data-column-number="2595" data-line-index="2594,2594"><span data-line-number-content="">2595</span></div><div data-separator="line-info"><div data-separator-wrapper=""><div data-separator-content=""><span data-unmodified-lines="">23 unmodified lines</span></div></div></div><div data-line-type="context" data-column-number="2619" data-line-index="2618,2618"><span data-line-number-content="">2619</span></div><div data-line-type="context" data-column-number="2620" data-line-index="2619,2619"><span data-line-number-content="">2620</span></div><div data-line-type="context" data-column-number="2621" data-line-index="2620,2620"><span data-line-number-content="">2621</span></div><div data-line-type="change-addition" data-column-number="2622" data-line-index="2621,2621"><span data-line-number-content="">2622</span></div><div data-line-type="change-addition" data-column-number="2623" data-line-index="2622,2622"><span data-line-number-content="">2623</span></div><div data-line-type="change-addition" data-column-number="2624" data-line-index="2623,2623"><span data-line-number-content="">2624</span></div><div data-line-type="change-addition" data-column-number="2625" data-line-index="2624,2624"><span data-line-number-content="">2625</span></div><div data-line-type="context" data-column-number="2626" data-line-index="2625,2625"><span data-line-number-content="">2626</span></div><div data-line-type="context" data-column-number="2627" data-line-index="2626,2626"><span data-line-number-content="">2627</span></div><div data-line-type="context" data-column-number="2628" data-line-index="2627,2627"><span data-line-number-content="">2628</span></div><div data-separator="line-info"><div data-separator-wrapper=""><div data-separator-content=""><span data-unmodified-lines="">162 unmodified lines</span></div></div></div><div data-line-type="context" data-column-number="2791" data-line-index="2790,2790"><span data-line-number-content="">2791</span></div><div data-line-type="context" data-column-number="2792" data-line-index="2791,2791"><span data-line-number-content="">2792</span></div><div data-line-type="context" data-column-number="2793" data-line-index="2792,2792"><span data-line-number-content="">2793</span></div><div data-line-type="change-addition" data-column-number="2794" data-line-index="2793,2793"><span data-line-number-content="">2794</span></div><div data-line-type="change-addition" data-column-number="2795" data-line-index="2794,2794"><span data-line-number-content="">2795</span></div><div data-line-type="change-addition" data-column-number="2796" data-line-index="2795,2795"><span data-line-number-content="">2796</span></div><div data-line-type="change-addition" data-column-number="2797" data-line-index="2796,2796"><span data-line-number-content="">2797</span></div><div data-line-type="change-addition" data-column-number="2798" data-line-index="2797,2797"><span data-line-number-content="">2798</span></div><div data-line-type="change-addition" data-column-number="2799" data-line-index="2798,2798"><span data-line-number-content="">2799</span></div><div data-line-type="change-addition" data-column-number="2800" data-line-index="2799,2799"><span data-line-number-content="">2800</span></div><div data-line-type="change-addition" data-column-number="2801" data-line-index="2800,2800"><span data-line-number-content="">2801</span></div><div data-line-type="change-addition" data-column-number="2802" data-line-index="2801,2801"><span data-line-number-content="">2802</span></div><div data-line-type="change-addition" data-column-number="2803" data-line-index="2802,2802"><span data-line-number-content="">2803</span></div><div data-line-type="change-addition" data-column-number="2804" data-line-index="2803,2803"><span data-line-number-content="">2804</span></div><div data-line-type="change-addition" data-column-number="2805" data-line-index="2804,2804"><span data-line-number-content="">2805</span></div><div data-line-type="change-addition" data-column-number="2806" data-line-index="2805,2805"><span data-line-number-content="">2806</span></div><div data-line-type="change-addition" data-column-number="2807" data-line-index="2806,2806"><span data-line-number-content="">2807</span></div><div data-line-type="context" data-column-number="2808" data-line-index="2807,2807"><span data-line-number-content="">2808</span></div><div data-line-type="context" data-column-number="2809" data-line-index="2808,2808"><span data-line-number-content="">2809</span></div><div data-line-type="context" data-column-number="2810" data-line-index="2809,2809"><span data-line-number-content="">2810</span></div></div><div data-content="" style="grid-row: span 159"><div data-separator="line-info" data-separator-first=""><div data-separator-wrapper=""><div data-separator-content=""><span data-unmodified-lines="">853 unmodified lines</span></div></div></div><div data-line="854" data-alt-line="854" data-line-type="context" data-line-index="853,853"><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F"> flex-wrap</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">: wrap;</span></div><div data-line="855" data-alt-line="855" data-line-type="context" data-line-index="854,854"><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">}</span></div><div data-line="856" data-alt-line="856" data-line-type="context" data-line-index="855,855">
|
|
</div><div data-line="857" data-line-type="change-addition" data-line-index="856,856"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">compact-command-bar</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="858" data-line-type="change-addition" data-line-index="857,857"><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"> flex</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="859" data-line-type="change-addition" data-line-index="858,858"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> flex-direction</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> column</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="860" data-line-type="change-addition" data-line-index="859,859"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> align-items</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> stretch</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="861" data-line-type="change-addition" data-line-index="860,860"><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"> 8</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="862" data-line-type="change-addition" data-line-index="861,861"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> padding</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 10</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</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="863" data-line-type="change-addition" data-line-index="862,862"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> border-radius</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 10</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="864" data-line-type="change-addition" data-line-index="863,863"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> background</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF"> linear-gradient</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">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.17</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.013</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 250</span><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> / </span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">0.95</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.011</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 250</span><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> / </span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">0.95</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">));</span></div><div data-line="865" data-line-type="change-addition" data-line-index="864,864"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">}</span></div><div data-line="866" data-line-type="change-addition" data-line-index="865,865">
|
|
</div><div data-line="867" data-line-type="change-addition" data-line-index="866,866"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">compact-command-topline</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="868" data-line-type="change-addition" data-line-index="867,867"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">compact-command-context</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="869" data-line-type="change-addition" data-line-index="868,868"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> min-width</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="870" data-line-type="change-addition" data-line-index="869,869"><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"> flex</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="871" data-line-type="change-addition" data-line-index="870,870"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> align-items</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> center</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="872" data-line-type="change-addition" data-line-index="871,871"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> justify-content</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> space-between</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="873" data-line-type="change-addition" data-line-index="872,872"><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"> 10</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="874" data-line-type="change-addition" data-line-index="873,873"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">}</span></div><div data-line="875" data-line-type="change-addition" data-line-index="874,874">
|
|
</div><div data-line="876" data-line-type="change-addition" data-line-index="875,875"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">compact-command-title</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="877" data-line-type="change-addition" data-line-index="876,876"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">compact-command-controls</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="878" data-line-type="change-addition" data-line-index="877,877"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">compact-command-context</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="879" data-line-type="change-addition" data-line-index="878,878"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> min-width</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="880" data-line-type="change-addition" data-line-index="879,879"><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"> flex</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="881" data-line-type="change-addition" data-line-index="880,880"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> align-items</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> center</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="882" data-line-type="change-addition" data-line-index="881,881"><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"> 8</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="883" data-line-type="change-addition" data-line-index="882,882"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> flex-wrap</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> wrap</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="884" data-line-type="change-addition" data-line-index="883,883"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">}</span></div><div data-line="885" data-line-type="change-addition" data-line-index="884,884">
|
|
</div><div data-line="886" data-line-type="change-addition" data-line-index="885,885"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">compact-command-title</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F"> span</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="887" data-line-type="change-addition" data-line-index="886,886"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">compact-command-context</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> ></span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F"> span</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="888" data-line-type="change-addition" data-line-index="887,887"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> color</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF"> var</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">--text-faint</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="889" data-line-type="change-addition" data-line-index="888,888"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> font-family</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">--font-mono</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">),</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> monospace</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="890" data-line-type="change-addition" data-line-index="889,889"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> font-size</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.68</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">rem</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="891" data-line-type="change-addition" data-line-index="890,890"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> letter-spacing</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.12</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">em</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="892" data-line-type="change-addition" data-line-index="891,891"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> text-transform</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> lowercase</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="893" data-line-type="change-addition" data-line-index="892,892"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">}</span></div><div data-line="894" data-line-type="change-addition" data-line-index="893,893">
|
|
</div><div data-line="895" data-line-type="change-addition" data-line-index="894,894"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">compact-command-title</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F"> strong</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="896" data-line-type="change-addition" data-line-index="895,895"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> color</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF"> var</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">--text</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="897" data-line-type="change-addition" data-line-index="896,896"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> font-family</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">--font-display</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">),</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> sans-serif</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="898" data-line-type="change-addition" data-line-index="897,897"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> font-size</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 1.05</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">rem</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="899" data-line-type="change-addition" data-line-index="898,898"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> letter-spacing</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.02</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">em</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="900" data-line-type="change-addition" data-line-index="899,899"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> text-transform</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> uppercase</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="901" data-line-type="change-addition" data-line-index="900,900"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">}</span></div><div data-line="902" data-line-type="change-addition" data-line-index="901,901">
|
|
</div><div data-line="903" data-line-type="change-addition" data-line-index="902,902"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">compact-command-context</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F"> strong</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="904" data-line-type="change-addition" data-line-index="903,903"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> color</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF"> var</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">--text</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="905" data-line-type="change-addition" data-line-index="904,904"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> font-family</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">--font-mono</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">),</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> monospace</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="906" data-line-type="change-addition" data-line-index="905,905"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> font-size</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:#FF855E;--diffs-token-light:#D5512F">rem</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="907" data-line-type="change-addition" data-line-index="906,906"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">}</span></div><div data-line="908" data-line-type="change-addition" data-line-index="907,907">
|
|
</div><div data-line="909" data-line-type="change-addition" data-line-index="908,908"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">command-filter-tooltip</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="910" data-line-type="change-addition" data-line-index="909,909"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> position</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> relative</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="911" data-line-type="change-addition" data-line-index="910,910"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> min-width</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="912" data-line-type="change-addition" data-line-index="911,911"><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:#9D6AFB;--diffs-token-light:#693ACF"> min</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">360</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"> 38</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">vw</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="913" data-line-type="change-addition" data-line-index="912,912"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> min-height</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 32</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="914" data-line-type="change-addition" data-line-index="913,913"><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"> inline-flex</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="915" data-line-type="change-addition" data-line-index="914,914"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> align-items</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> center</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="916" data-line-type="change-addition" data-line-index="915,915"><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"> 7</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="917" data-line-type="change-addition" data-line-index="916,916"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> padding</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 5</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 8</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 5</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 10</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">px</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="918" data-line-type="change-addition" data-line-index="917,917"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> border</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:#FFD452;--diffs-token-light:#D5A910"> solid</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">--border-strong</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="919" data-line-type="change-addition" data-line-index="918,918"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> border-radius</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 999</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="920" data-line-type="change-addition" data-line-index="919,919"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> background</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.12</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 74</span><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> / </span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">0.09</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="921" data-line-type="change-addition" data-line-index="920,920"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> color</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF"> var</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">--text</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="922" data-line-type="change-addition" data-line-index="921,921"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> font-family</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">--font-mono</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">),</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> monospace</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="923" data-line-type="change-addition" data-line-index="922,922"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> font-size</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.68</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">rem</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="924" data-line-type="change-addition" data-line-index="923,923"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> text-transform</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> uppercase</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="925" data-line-type="change-addition" data-line-index="924,924"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">}</span></div><div data-line="926" data-line-type="change-addition" data-line-index="925,925">
|
|
</div><div data-line="927" data-line-type="change-addition" data-line-index="926,926"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">command-filter-tooltip</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F"> span</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="928" data-line-type="change-addition" data-line-index="927,927"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> min-width</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="929" data-line-type="change-addition" data-line-index="928,928"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> overflow</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> hidden</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="930" data-line-type="change-addition" data-line-index="929,929"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> text-overflow</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> ellipsis</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="931" data-line-type="change-addition" data-line-index="930,930"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> white-space</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> nowrap</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="932" data-line-type="change-addition" data-line-index="931,931"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">}</span></div><div data-line="933" data-line-type="change-addition" data-line-index="932,932">
|
|
</div><div data-line="934" data-line-type="change-addition" data-line-index="933,933"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">command-filter-tooltip</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F"> button</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="935" data-line-type="change-addition" data-line-index="934,934"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> width</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 20</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="936" data-line-type="change-addition" data-line-index="935,935"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> height</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 20</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="937" data-line-type="change-addition" data-line-index="936,936"><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"> inline-flex</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="938" data-line-type="change-addition" data-line-index="937,937"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> align-items</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> center</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="939" data-line-type="change-addition" data-line-index="938,938"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> justify-content</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> center</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="940" data-line-type="change-addition" data-line-index="939,939"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> border</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="941" data-line-type="change-addition" data-line-index="940,940"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> border-radius</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 999</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="942" data-line-type="change-addition" data-line-index="941,941"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> background</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.97</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.008</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 250</span><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> / </span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">0.08</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="943" data-line-type="change-addition" data-line-index="942,942"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> color</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF"> var</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">--text-dim</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="944" data-line-type="change-addition" data-line-index="943,943"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> cursor</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> pointer</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="945" data-line-type="change-addition" data-line-index="944,944"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> font-family</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">--font-mono</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">),</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> monospace</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="946" data-line-type="change-addition" data-line-index="945,945"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> font-size</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0.62</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">rem</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="947" data-line-type="change-addition" data-line-index="946,946"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> opacity</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="948" data-line-type="change-addition" data-line-index="947,947"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> transform</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF"> translateX</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">3</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="949" data-line-type="change-addition" data-line-index="948,948"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> transition</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span></div><div data-line="950" data-line-type="change-addition" data-line-index="949,949"><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> background-color </span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">150</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">ms</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> ease</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="951" data-line-type="change-addition" data-line-index="950,950"><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> color</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 150</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">ms</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> ease</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="952" data-line-type="change-addition" data-line-index="951,951"><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> opacity </span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">150</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">ms</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> ease</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="953" data-line-type="change-addition" data-line-index="952,952"><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> transform </span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">150</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">ms</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> ease</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="954" data-line-type="change-addition" data-line-index="953,953"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">}</span></div><div data-line="955" data-line-type="change-addition" data-line-index="954,954">
|
|
</div><div data-line="956" data-line-type="change-addition" data-line-index="955,955"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">command-filter-tooltip</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">hover</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F"> button</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="957" data-line-type="change-addition" data-line-index="956,956"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">command-filter-tooltip</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">focus-within</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F"> button</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="958" data-line-type="change-addition" data-line-index="957,957"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> opacity</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:#636363;--diffs-token-light:#636363">;</span></div><div data-line="959" data-line-type="change-addition" data-line-index="958,958"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> transform</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF"> translateX</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">0</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="960" data-line-type="change-addition" data-line-index="959,959"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">}</span></div><div data-line="961" data-line-type="change-addition" data-line-index="960,960">
|
|
</div><div data-line="962" data-line-type="change-addition" data-line-index="961,961"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">command-filter-tooltip</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F"> button</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">hover</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="963" data-line-type="change-addition" data-line-index="962,962"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">command-filter-tooltip</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F"> button</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">focus-visible</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="964" data-line-type="change-addition" data-line-index="963,963"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> background</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.12</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 74</span><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> / </span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">0.17</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="965" data-line-type="change-addition" data-line-index="964,964"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> color</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF"> var</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">--text</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="966" data-line-type="change-addition" data-line-index="965,965"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> outline</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> none</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="967" data-line-type="change-addition" data-line-index="966,966"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">}</span></div><div data-line="968" data-line-type="change-addition" data-line-index="967,967">
|
|
</div><div data-line="969" data-alt-line="857" data-line-type="context" data-line-index="968,968"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">command-chip</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="970" data-alt-line="858" data-line-type="context" data-line-index="969,969"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> min-height</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 32</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="971" data-alt-line="859" data-line-type="context" data-line-index="970,970"><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"> inline-flex</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="">1617 unmodified lines</span></div></div></div><div data-line="2589" data-alt-line="2477" data-line-type="context" data-line-index="2588,2588"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">interval-button</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="2590" data-alt-line="2478" data-line-type="context" data-line-index="2589,2589"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">overlay-toggle</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="2591" data-alt-line="2479" data-line-type="context" data-line-index="2590,2590"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">drawer-close</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="2592" data-line-type="change-addition" data-line-index="2591,2591"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">command-filter-tooltip</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F"> button</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="2593" data-alt-line="2480" data-line-type="context" data-line-index="2592,2592"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">status-inline-counter</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="2594" data-alt-line="2481" data-line-type="context" data-line-index="2593,2593"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">missed-count</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="2595" data-alt-line="2482" data-line-type="context" data-line-index="2594,2594"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">synthetic-control-gear</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="">23 unmodified lines</span></div></div></div><div data-line="2619" data-alt-line="2506" data-line-type="context" data-line-index="2618,2618"><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F"> grid-template-columns</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">: minmax(220px</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> 0</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">8fr</span><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A">) </span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">minmax(240px</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> 1fr</span><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A">);</span></div><div data-line="2620" data-alt-line="2507" data-line-type="context" data-line-index="2619,2619"><span style="--diffs-token-dark:#FAFAFA;--diffs-token-light:#0A0A0A"> }</span></div><div data-line="2621" data-alt-line="2508" data-line-type="context" data-line-index="2620,2620">
|
|
</div><div data-line="2622" data-line-type="change-addition" data-line-index="2621,2621"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">compact-command-topline</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="2623" data-line-type="change-addition" data-line-index="2622,2622"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> justify-content</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> flex-start</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2624" data-line-type="change-addition" data-line-index="2623,2623"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> }</span></div><div data-line="2625" data-line-type="change-addition" data-line-index="2624,2624">
|
|
</div><div data-line="2626" data-alt-line="2509" data-line-type="context" data-line-index="2625,2625"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">command-deck-controls</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="2627" data-alt-line="2510" data-line-type="context" data-line-index="2626,2626"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> grid-column</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:#FAFAFA;--diffs-token-light:#0A0A0A"> / </span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">-1</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2628" data-alt-line="2511" data-line-type="context" data-line-index="2627,2627"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> justify-content</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> flex-start</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="">162 unmodified lines</span></div></div></div><div data-line="2791" data-alt-line="2674" data-line-type="context" data-line-index="2790,2790"><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F"> justify-content</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">: center;</span></div><div data-line="2792" data-alt-line="2675" data-line-type="context" data-line-index="2791,2791"><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> }</span></div><div data-line="2793" data-alt-line="2676" data-line-type="context" data-line-index="2792,2792">
|
|
</div><div data-line="2794" data-line-type="change-addition" data-line-index="2793,2793"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">compact-command-bar</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">command-chip</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="2795" data-line-type="change-addition" data-line-index="2794,2794"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">compact-command-bar</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">terminal-button</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="2796" data-line-type="change-addition" data-line-index="2795,2795"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">command-filter-tooltip</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="2797" data-line-type="change-addition" data-line-index="2796,2796"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> width</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> auto</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2798" data-line-type="change-addition" data-line-index="2797,2797"><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"> 100</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">%</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2799" data-line-type="change-addition" data-line-index="2798,2798"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> justify-content</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> center</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2800" data-line-type="change-addition" data-line-index="2799,2799"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> }</span></div><div data-line="2801" data-line-type="change-addition" data-line-index="2800,2800">
|
|
</div><div data-line="2802" data-line-type="change-addition" data-line-index="2801,2801"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">compact-command-topline</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span></div><div data-line="2803" data-line-type="change-addition" data-line-index="2802,2802"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">compact-command-context</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="2804" data-line-type="change-addition" data-line-index="2803,2803"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> align-items</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> flex-start</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2805" data-line-type="change-addition" data-line-index="2804,2804"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> flex-direction</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#FFD452;--diffs-token-light:#D5A910"> column</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="2806" data-line-type="change-addition" data-line-index="2805,2805"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> }</span></div><div data-line="2807" data-line-type="change-addition" data-line-index="2806,2806">
|
|
</div><div data-line="2808" data-alt-line="2677" data-line-type="context" data-line-index="2807,2807"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> .</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C">command-ticker-track</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="2809" data-alt-line="2678" data-line-type="context" data-line-index="2808,2808"><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> grid-auto-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">164</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"> 78</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">vw</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">);</span></div><div data-line="2810" data-alt-line="2679" data-line-type="context" data-line-index="2809,2809"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> }</span></div></div></code></pre>
|
|
</template>
|
|
</div>
|
|
</article>
|
|
|
|
<article class="diff-card">
|
|
<h3>Diff 2</h3>
|
|
<div class="diff-shadow-host">
|
|
<template shadowrootmode="open">
|
|
<style>
|
|
:host { color-scheme: dark; display: block; }
|
|
* { box-sizing: border-box; }
|
|
body { margin: 0; }
|
|
.diffs { color: #e6edf4; }
|
|
pre, code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
|
|
</style>
|
|
<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/terminal.tsx</bdi></div></div><div data-metadata=""><span data-deletions-count="">-20</span><span data-additions-count="">+45</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 60"><div data-separator="line-info" data-separator-first=""><div data-separator-wrapper=""><div data-separator-content=""><span data-unmodified-lines="">8737 unmodified lines</span></div></div></div><div data-line-type="context" data-column-number="8738" data-line-index="8737,8737"><span data-line-number-content="">8738</span></div><div data-line-type="context" data-column-number="8739" data-line-index="8738,8738"><span data-line-number-content="">8739</span></div><div data-line-type="context" data-column-number="8740" data-line-index="8739,8739"><span data-line-number-content="">8740</span></div><div data-line-type="change-deletion" data-column-number="8741" data-line-index="8740,8740"><span data-line-number-content="">8741</span></div><div data-gutter-buffer="buffer" data-buffer-size="2" style="grid-row: span 2;min-height:calc(2 * 1lh);"></div><div data-line-type="context" data-column-number="8742" data-line-index="8744,8743"><span data-line-number-content="">8742</span></div><div data-line-type="context" data-column-number="8743" data-line-index="8745,8744"><span data-line-number-content="">8743</span></div><div data-line-type="context" data-column-number="8744" data-line-index="8746,8745"><span data-line-number-content="">8744</span></div><div data-line-type="context" data-column-number="8745" data-line-index="8747,8746"><span data-line-number-content="">8745</span></div><div data-line-type="change-deletion" data-column-number="8746" data-line-index="8748,8747"><span data-line-number-content="">8746</span></div><div data-line-type="change-deletion" data-column-number="8747" data-line-index="8749,8748"><span data-line-number-content="">8747</span></div><div data-line-type="change-deletion" data-column-number="8748" data-line-index="8750,8749"><span data-line-number-content="">8748</span></div><div data-line-type="change-deletion" data-column-number="8749" data-line-index="8751,8750"><span data-line-number-content="">8749</span></div><div data-line-type="change-deletion" data-column-number="8750" data-line-index="8752,8751"><span data-line-number-content="">8750</span></div><div data-line-type="change-deletion" data-column-number="8751" data-line-index="8753,8752"><span data-line-number-content="">8751</span></div><div data-gutter-buffer="buffer" data-buffer-size="10" style="grid-row: span 10;min-height:calc(10 * 1lh);"></div><div data-line-type="context" data-column-number="8752" data-line-index="8770,8763"><span data-line-number-content="">8752</span></div><div data-line-type="context" data-column-number="8753" data-line-index="8771,8764"><span data-line-number-content="">8753</span></div><div data-line-type="change-deletion" data-column-number="8754" data-line-index="8772,8765"><span data-line-number-content="">8754</span></div><div data-line-type="context" data-column-number="8755" data-line-index="8774,8766"><span data-line-number-content="">8755</span></div><div data-line-type="context" data-column-number="8756" data-line-index="8775,8767"><span data-line-number-content="">8756</span></div><div data-line-type="change-deletion" data-column-number="8757" data-line-index="8776,8768"><span data-line-number-content="">8757</span></div><div data-line-type="change-deletion" data-column-number="8758" data-line-index="8777,8769"><span data-line-number-content="">8758</span></div><div data-line-type="change-deletion" data-column-number="8759" data-line-index="8778,8770"><span data-line-number-content="">8759</span></div><div data-line-type="change-deletion" data-column-number="8760" data-line-index="8779,8771"><span data-line-number-content="">8760</span></div><div data-line-type="change-deletion" data-column-number="8761" data-line-index="8780,8772"><span data-line-number-content="">8761</span></div><div data-line-type="change-deletion" data-column-number="8762" data-line-index="8781,8773"><span data-line-number-content="">8762</span></div><div data-line-type="change-deletion" data-column-number="8763" data-line-index="8782,8774"><span data-line-number-content="">8763</span></div><div data-line-type="change-deletion" data-column-number="8764" data-line-index="8783,8775"><span data-line-number-content="">8764</span></div><div data-line-type="change-deletion" data-column-number="8765" data-line-index="8784,8776"><span data-line-number-content="">8765</span></div><div data-line-type="change-deletion" data-column-number="8766" data-line-index="8785,8777"><span data-line-number-content="">8766</span></div><div data-line-type="change-deletion" data-column-number="8767" data-line-index="8786,8778"><span data-line-number-content="">8767</span></div><div data-line-type="change-deletion" data-column-number="8768" data-line-index="8787,8779"><span data-line-number-content="">8768</span></div><div data-gutter-buffer="buffer" data-buffer-size="13" style="grid-row: span 13;min-height:calc(13 * 1lh);"></div><div data-line-type="context" data-column-number="8769" data-line-index="8813,8793"><span data-line-number-content="">8769</span></div><div data-line-type="context" data-column-number="8770" data-line-index="8814,8794"><span data-line-number-content="">8770</span></div><div data-line-type="context" data-column-number="8771" data-line-index="8815,8795"><span data-line-number-content="">8771</span></div></div><div data-content="" style="grid-row: span 60"><div data-separator="line-info" data-separator-first=""><div data-separator-wrapper=""><div data-separator-content=""><span data-unmodified-lines="">8737 unmodified lines</span></div></div></div><div data-line="8738" data-alt-line="8738" data-line-type="context" data-line-index="8737,8737">
|
|
</div><div data-line="8739" data-alt-line="8739" data-line-type="context" data-line-index="8738,8738"><span style="--diffs-token-dark:#D568EA;--diffs-token-light:#A631BE">const</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF"> CommandDeckHeader</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> =</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> ({</span><span style="--diffs-token-dark:#A3A3A3;--diffs-token-light:#636363"> state</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> }:</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> state</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#D568EA;--diffs-token-light:#A631BE"> TerminalState</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> })</span><span style="--diffs-token-dark:#D568EA;--diffs-token-light:#A631BE"> =></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="8740" data-alt-line="8740" data-line-type="context" data-line-index="8739,8739"><span style="--diffs-token-dark:#D568EA;--diffs-token-light:#A631BE"> const</span><span style="--diffs-token-dark:#FFAB16;--diffs-token-light:#D5901C"> focus</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> =</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> state</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">activeTickers</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">length</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> ></span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> ?</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> state</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">activeTickers</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF">join</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">", "</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:#FFA359;--diffs-token-light:#D47628"> state</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">chartTicker</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="8741" data-line-type="change-deletion" data-line-index="8740,8740"><span style="--diffs-token-dark:#D568EA;--diffs-token-light:#A631BE"> const</span><span style="--diffs-token-dark:#FFAB16;--diffs-token-light:#D5901C"> </span><span data-diff-span=""><span style="--diffs-token-dark:#FFAB16;--diffs-token-light:#D5901C">selected</span></span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> =</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> state</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span data-diff-span=""><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">selectedInstrumentLabel</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> ??</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "No contract lock"</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-content-buffer="" data-buffer-size="2" style="grid-row: span 2;min-height:calc(2 * 1lh)"></div><div data-line="8742" data-alt-line="8744" data-line-type="context" data-line-index="8744,8743"><span style="--diffs-token-dark:#D568EA;--diffs-token-light:#A631BE"> const</span><span style="--diffs-token-dark:#FFAB16;--diffs-token-light:#D5901C"> connectionLabel</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> =</span></div><div data-line="8743" data-alt-line="8745" data-line-type="context" data-line-index="8745,8744"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> state</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">mode</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> ===</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "live"</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> ?</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF"> statusLabel</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">state</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">liveSession</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">status</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> false</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> state</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">mode</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">)</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> :</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "Replay"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="8744" data-alt-line="8746" data-line-type="context" data-line-index="8746,8745">
|
|
</div><div data-line="8745" data-alt-line="8747" data-line-type="context" data-line-index="8747,8746"><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> return</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> (</span></div><div data-line="8746" data-line-type="change-deletion" data-line-index="8748,8747"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> <</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">header</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C"> className</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">=</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"command-deck-header"</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C"> aria-label</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">=</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"Command deck context"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></div><div data-line="8747" data-line-type="change-deletion" data-line-index="8749,8748"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> <</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">div</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C"> className</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">=</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"command-</span><span data-diff-span=""><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">deck-brand</span></span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></div><div data-line="8748" data-line-type="change-deletion" data-line-index="8750,8749"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> <</span><span data-diff-span=""><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">span</span></span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C"> className</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">=</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"command-</span><span data-diff-span=""><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">deck-mark"</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C"> aria-hidden</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">=</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"true"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> /</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></div><div data-line="8749" data-line-type="change-deletion" data-line-index="8751,8750"><span data-diff-span=""><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> <</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">div</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></span></div><div data-line="8750" data-line-type="change-deletion" data-line-index="8752,8751"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> <</span><span data-diff-span=""><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">span</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C"> className</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">=</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"command-deck-kicker"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">>islandflow</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"></</span><span data-diff-span=""><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">span</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></div><div data-line="8751" data-line-type="change-deletion" data-line-index="8753,8752"><span data-diff-span=""><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> <</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">h2</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">>Command Deck</</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">h2</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></div><div data-content-buffer="" data-buffer-size="10" style="grid-row: span 10;min-height:calc(10 * 1lh)"></div><div data-line="8752" data-alt-line="8764" data-line-type="context" data-line-index="8770,8763"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> </</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">div</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></div><div data-line="8753" data-alt-line="8765" data-line-type="context" data-line-index="8771,8764"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> </</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">div</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></div><div data-line="8754" data-line-type="change-deletion" data-line-index="8772,8765"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> <</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">div</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C"> className</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">=</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"command-</span><span data-diff-span=""><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">deck-brief</span></span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></div><div data-line="8755" data-alt-line="8767" data-line-type="context" data-line-index="8774,8766"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> <</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">span</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">>Evidence console</</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">span</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></div><div data-line="8756" data-alt-line="8768" data-line-type="context" data-line-index="8775,8767"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> <</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">strong</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:#FFA359;--diffs-token-light:#D47628">focus</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:#FF855E;--diffs-token-light:#D5512F">strong</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></div><div data-line="8757" data-line-type="change-deletion" data-line-index="8776,8768"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> </span><span data-diff-span=""><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"><</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">span</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:#FFA359;--diffs-token-light:#D47628">selected</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:#FF855E;--diffs-token-light:#D5512F">span</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></span></div><div data-line="8758" data-line-type="change-deletion" data-line-index="8777,8769"><span data-diff-span=""><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> </</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">div</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></div><div data-line="8759" data-line-type="change-deletion" data-line-index="8778,8770"><span data-diff-span=""><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> <</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">div</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C"> className</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">=</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"command-deck-controls"</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C"> aria-label</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">=</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"Active command deck controls"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></span></div><div data-line="8760" data-line-type="change-deletion" data-line-index="8779,8771"><span data-diff-span=""><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> <</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">span</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C"> className</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">=</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:#5ECC71;--diffs-token-light:#199F43">command-chip command-chip-</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">${</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">state</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">liveSession</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">status</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:#FF678D;--diffs-token-light:#D32A61">}</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></span></div><div data-line="8761" data-line-type="change-deletion" data-line-index="8780,8772"><span data-diff-span=""><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> {</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">state</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">mode</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> ===</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "live"</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> ?</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "</span></span><span data-diff-span=""><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">Live"</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> :</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "Replay"</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:#FF678D;--diffs-token-light:#D32A61">{</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">connectionLabel</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">}</span></span></div><div data-line="8762" data-line-type="change-deletion" data-line-index="8781,8773"><span data-diff-span=""><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> </</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">span</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></span></div><div data-line="8763" data-line-type="change-deletion" data-line-index="8782,8774"><span data-diff-span=""><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> <</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">span</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C"> className</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">=</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"command-chip"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></span></div><div data-line="8764" data-line-type="change-deletion" data-line-index="8783,8775"><span data-diff-span=""><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> Last </span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">{</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">state</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">lastSeen</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> ?</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF"> formatTime</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">state</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">lastSeen</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:#5ECC71;--diffs-token-light:#199F43"> "waiting"</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">}</span></span></div><div data-line="8765" data-line-type="change-deletion" data-line-index="8784,8776"><span data-diff-span=""><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> </</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">span</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></span></div><div data-line="8766" data-line-type="change-deletion" data-line-index="8785,8777"><span data-diff-span=""><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> <</span></span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">button</span><span data-diff-span=""><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C"> className</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">=</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"terminal-button"</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C"> type</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">=</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"button"</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C"> onClick</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">=</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">{</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">state</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">toggleMode</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">}</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></div><div data-line="8767" data-line-type="change-deletion" data-line-index="8786,8778"><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> </span><span data-diff-span=""><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">{</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">state</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">mode</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> ===</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "live"</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> ?</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "Switch to Replay"</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> :</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "Switch to Live"</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">}</span></span></div><div data-line="8768" data-line-type="change-deletion" data-line-index="8787,8779"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> </span><span data-diff-span=""><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"></</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">button</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></span></div><div data-content-buffer="" data-buffer-size="13" style="grid-row: span 13;min-height:calc(13 * 1lh)"></div><div data-line="8769" data-alt-line="8794" data-line-type="context" data-line-index="8813,8793"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> </</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">div</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></div><div data-line="8770" data-alt-line="8795" data-line-type="context" data-line-index="8814,8794"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> </</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">header</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></div><div data-line="8771" data-alt-line="8796" data-line-type="context" data-line-index="8815,8795"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> );</span></div></div></code><code data-code="" data-container-size="" data-additions=""><div data-gutter="" style="grid-row: span 60"><div data-separator="line-info" data-separator-first=""><div data-separator-wrapper=""><div data-separator-content=""><span data-unmodified-lines="">8737 unmodified lines</span></div></div></div><div data-line-type="context" data-column-number="8738" data-line-index="8737,8737"><span data-line-number-content="">8738</span></div><div data-line-type="context" data-column-number="8739" data-line-index="8738,8738"><span data-line-number-content="">8739</span></div><div data-line-type="context" data-column-number="8740" data-line-index="8739,8739"><span data-line-number-content="">8740</span></div><div data-line-type="change-addition" data-column-number="8741" data-line-index="8741,8740"><span data-line-number-content="">8741</span></div><div data-line-type="change-addition" data-column-number="8742" data-line-index="8742,8741"><span data-line-number-content="">8742</span></div><div data-line-type="change-addition" data-column-number="8743" data-line-index="8743,8742"><span data-line-number-content="">8743</span></div><div data-line-type="context" data-column-number="8744" data-line-index="8744,8743"><span data-line-number-content="">8744</span></div><div data-line-type="context" data-column-number="8745" data-line-index="8745,8744"><span data-line-number-content="">8745</span></div><div data-line-type="context" data-column-number="8746" data-line-index="8746,8745"><span data-line-number-content="">8746</span></div><div data-line-type="context" data-column-number="8747" data-line-index="8747,8746"><span data-line-number-content="">8747</span></div><div data-line-type="change-addition" data-column-number="8748" data-line-index="8754,8747"><span data-line-number-content="">8748</span></div><div data-line-type="change-addition" data-column-number="8749" data-line-index="8755,8748"><span data-line-number-content="">8749</span></div><div data-line-type="change-addition" data-column-number="8750" data-line-index="8756,8749"><span data-line-number-content="">8750</span></div><div data-line-type="change-addition" data-column-number="8751" data-line-index="8757,8750"><span data-line-number-content="">8751</span></div><div data-line-type="change-addition" data-column-number="8752" data-line-index="8758,8751"><span data-line-number-content="">8752</span></div><div data-line-type="change-addition" data-column-number="8753" data-line-index="8759,8752"><span data-line-number-content="">8753</span></div><div data-line-type="change-addition" data-column-number="8754" data-line-index="8760,8753"><span data-line-number-content="">8754</span></div><div data-line-type="change-addition" data-column-number="8755" data-line-index="8761,8754"><span data-line-number-content="">8755</span></div><div data-line-type="change-addition" data-column-number="8756" data-line-index="8762,8755"><span data-line-number-content="">8756</span></div><div data-line-type="change-addition" data-column-number="8757" data-line-index="8763,8756"><span data-line-number-content="">8757</span></div><div data-line-type="change-addition" data-column-number="8758" data-line-index="8764,8757"><span data-line-number-content="">8758</span></div><div data-line-type="change-addition" data-column-number="8759" data-line-index="8765,8758"><span data-line-number-content="">8759</span></div><div data-line-type="change-addition" data-column-number="8760" data-line-index="8766,8759"><span data-line-number-content="">8760</span></div><div data-line-type="change-addition" data-column-number="8761" data-line-index="8767,8760"><span data-line-number-content="">8761</span></div><div data-line-type="change-addition" data-column-number="8762" data-line-index="8768,8761"><span data-line-number-content="">8762</span></div><div data-line-type="change-addition" data-column-number="8763" data-line-index="8769,8762"><span data-line-number-content="">8763</span></div><div data-line-type="context" data-column-number="8764" data-line-index="8770,8763"><span data-line-number-content="">8764</span></div><div data-line-type="context" data-column-number="8765" data-line-index="8771,8764"><span data-line-number-content="">8765</span></div><div data-line-type="change-addition" data-column-number="8766" data-line-index="8773,8765"><span data-line-number-content="">8766</span></div><div data-line-type="context" data-column-number="8767" data-line-index="8774,8766"><span data-line-number-content="">8767</span></div><div data-line-type="context" data-column-number="8768" data-line-index="8775,8767"><span data-line-number-content="">8768</span></div><div data-line-type="change-addition" data-column-number="8769" data-line-index="8788,8768"><span data-line-number-content="">8769</span></div><div data-line-type="change-addition" data-column-number="8770" data-line-index="8789,8769"><span data-line-number-content="">8770</span></div><div data-line-type="change-addition" data-column-number="8771" data-line-index="8790,8770"><span data-line-number-content="">8771</span></div><div data-line-type="change-addition" data-column-number="8772" data-line-index="8791,8771"><span data-line-number-content="">8772</span></div><div data-line-type="change-addition" data-column-number="8773" data-line-index="8792,8772"><span data-line-number-content="">8773</span></div><div data-line-type="change-addition" data-column-number="8774" data-line-index="8793,8773"><span data-line-number-content="">8774</span></div><div data-line-type="change-addition" data-column-number="8775" data-line-index="8794,8774"><span data-line-number-content="">8775</span></div><div data-line-type="change-addition" data-column-number="8776" data-line-index="8795,8775"><span data-line-number-content="">8776</span></div><div data-line-type="change-addition" data-column-number="8777" data-line-index="8796,8776"><span data-line-number-content="">8777</span></div><div data-line-type="change-addition" data-column-number="8778" data-line-index="8797,8777"><span data-line-number-content="">8778</span></div><div data-line-type="change-addition" data-column-number="8779" data-line-index="8798,8778"><span data-line-number-content="">8779</span></div><div data-line-type="change-addition" data-column-number="8780" data-line-index="8799,8779"><span data-line-number-content="">8780</span></div><div data-line-type="change-addition" data-column-number="8781" data-line-index="8800,8780"><span data-line-number-content="">8781</span></div><div data-line-type="change-addition" data-column-number="8782" data-line-index="8801,8781"><span data-line-number-content="">8782</span></div><div data-line-type="change-addition" data-column-number="8783" data-line-index="8802,8782"><span data-line-number-content="">8783</span></div><div data-line-type="change-addition" data-column-number="8784" data-line-index="8803,8783"><span data-line-number-content="">8784</span></div><div data-line-type="change-addition" data-column-number="8785" data-line-index="8804,8784"><span data-line-number-content="">8785</span></div><div data-line-type="change-addition" data-column-number="8786" data-line-index="8805,8785"><span data-line-number-content="">8786</span></div><div data-line-type="change-addition" data-column-number="8787" data-line-index="8806,8786"><span data-line-number-content="">8787</span></div><div data-line-type="change-addition" data-column-number="8788" data-line-index="8807,8787"><span data-line-number-content="">8788</span></div><div data-line-type="change-addition" data-column-number="8789" data-line-index="8808,8788"><span data-line-number-content="">8789</span></div><div data-line-type="change-addition" data-column-number="8790" data-line-index="8809,8789"><span data-line-number-content="">8790</span></div><div data-line-type="change-addition" data-column-number="8791" data-line-index="8810,8790"><span data-line-number-content="">8791</span></div><div data-line-type="change-addition" data-column-number="8792" data-line-index="8811,8791"><span data-line-number-content="">8792</span></div><div data-line-type="change-addition" data-column-number="8793" data-line-index="8812,8792"><span data-line-number-content="">8793</span></div><div data-line-type="context" data-column-number="8794" data-line-index="8813,8793"><span data-line-number-content="">8794</span></div><div data-line-type="context" data-column-number="8795" data-line-index="8814,8794"><span data-line-number-content="">8795</span></div><div data-line-type="context" data-column-number="8796" data-line-index="8815,8795"><span data-line-number-content="">8796</span></div></div><div data-content="" style="grid-row: span 60"><div data-separator="line-info" data-separator-first=""><div data-separator-wrapper=""><div data-separator-content=""><span data-unmodified-lines="">8737 unmodified lines</span></div></div></div><div data-line="8738" data-alt-line="8738" data-line-type="context" data-line-index="8737,8737">
|
|
</div><div data-line="8739" data-alt-line="8739" data-line-type="context" data-line-index="8738,8738"><span style="--diffs-token-dark:#D568EA;--diffs-token-light:#A631BE">const</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF"> CommandDeckHeader</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> =</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> ({</span><span style="--diffs-token-dark:#A3A3A3;--diffs-token-light:#636363"> state</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> }:</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> state</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">:</span><span style="--diffs-token-dark:#D568EA;--diffs-token-light:#A631BE"> TerminalState</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> })</span><span style="--diffs-token-dark:#D568EA;--diffs-token-light:#A631BE"> =></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> {</span></div><div data-line="8740" data-alt-line="8740" data-line-type="context" data-line-index="8739,8739"><span style="--diffs-token-dark:#D568EA;--diffs-token-light:#A631BE"> const</span><span style="--diffs-token-dark:#FFAB16;--diffs-token-light:#D5901C"> focus</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> =</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> state</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">activeTickers</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">length</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> ></span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> ?</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> state</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">activeTickers</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF">join</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">", "</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:#FFA359;--diffs-token-light:#D47628"> state</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">chartTicker</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="8741" data-line-type="change-addition" data-line-index="8741,8740"><span style="--diffs-token-dark:#D568EA;--diffs-token-light:#A631BE"> const</span><span style="--diffs-token-dark:#FFAB16;--diffs-token-light:#D5901C"> </span><span data-diff-span=""><span style="--diffs-token-dark:#FFAB16;--diffs-token-light:#D5901C">activeTickerFilter</span></span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> =</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> state</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span data-diff-span=""><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">filterInput</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF">trim</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">()</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="8742" data-line-type="change-addition" data-line-index="8742,8741"><span style="--diffs-token-dark:#D568EA;--diffs-token-light:#A631BE"> const</span><span style="--diffs-token-dark:#FFAB16;--diffs-token-light:#D5901C"> activeContractFilter</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> =</span></div><div data-line="8743" data-line-type="change-addition" data-line-index="8743,8742"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> state</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">selectedInstrument</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">?.</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">kind</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> ===</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "option-contract"</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> ?</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> state</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">selectedInstrumentLabel</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="8744" data-alt-line="8742" data-line-type="context" data-line-index="8744,8743"><span style="--diffs-token-dark:#D568EA;--diffs-token-light:#A631BE"> const</span><span style="--diffs-token-dark:#FFAB16;--diffs-token-light:#D5901C"> connectionLabel</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> =</span></div><div data-line="8745" data-alt-line="8743" data-line-type="context" data-line-index="8745,8744"><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> state</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">mode</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> ===</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "live"</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> ?</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF"> statusLabel</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">state</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">liveSession</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">status</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> false</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">,</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> state</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">mode</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">)</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> :</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "Replay"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">;</span></div><div data-line="8746" data-alt-line="8744" data-line-type="context" data-line-index="8746,8745">
|
|
</div><div data-line="8747" data-alt-line="8745" data-line-type="context" data-line-index="8747,8746"><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> return</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> (</span></div><div data-line="8748" data-line-type="change-addition" data-line-index="8754,8747"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> <</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">header</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C"> className</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">=</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"command-deck-header</span><span data-diff-span=""><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> compact-command-bar</span></span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C"> aria-label</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">=</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"Command deck context"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></div><div data-line="8749" data-line-type="change-addition" data-line-index="8755,8748"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> <</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">div</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C"> className</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">=</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"</span><span data-diff-span=""><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">compact-</span></span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">command-</span><span data-diff-span=""><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">topline</span></span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></div><div data-line="8750" data-line-type="change-addition" data-line-index="8756,8749"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> <</span><span data-diff-span=""><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">div</span></span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C"> className</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">=</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"</span><span data-diff-span=""><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">compact-</span></span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">command-</span><span data-diff-span=""><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">title"</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></div><div data-line="8751" data-line-type="change-addition" data-line-index="8757,8750"><span data-diff-span=""><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> <</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">span</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></span><span data-diff-span=""><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">islandflow</</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">span</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></span></div><div data-line="8752" data-line-type="change-addition" data-line-index="8758,8751"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> <</span><span data-diff-span=""><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">strong</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">>Command Deck</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"></</span><span data-diff-span=""><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">strong</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></div><div data-line="8753" data-line-type="change-addition" data-line-index="8759,8752"><span data-diff-span=""><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> </</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">div</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></div><div data-line="8754" data-line-type="change-addition" data-line-index="8760,8753"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> <</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">div</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C"> className</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">=</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"compact-command-controls"</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C"> aria-label</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">=</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"Active command deck controls"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></div><div data-line="8755" data-line-type="change-addition" data-line-index="8761,8754"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> <</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">span</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C"> className</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">=</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:#5ECC71;--diffs-token-light:#199F43">command-chip command-chip-</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">${</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">state</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">liveSession</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">status</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:#FF678D;--diffs-token-light:#D32A61">}</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></div><div data-line="8756" data-line-type="change-addition" data-line-index="8762,8755"><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> {</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">state</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">mode</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> ===</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "live"</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> ?</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "Live"</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> :</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "Replay"</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:#FF678D;--diffs-token-light:#D32A61">{</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">connectionLabel</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">}</span></div><div data-line="8757" data-line-type="change-addition" data-line-index="8763,8756"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> </</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">span</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></div><div data-line="8758" data-line-type="change-addition" data-line-index="8764,8757"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> <</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">span</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C"> className</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">=</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"command-chip"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></div><div data-line="8759" data-line-type="change-addition" data-line-index="8765,8758"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> Last </span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">{</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">state</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">lastSeen</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> ?</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF"> formatTime</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">state</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">lastSeen</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:#5ECC71;--diffs-token-light:#199F43"> "waiting"</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">}</span></div><div data-line="8760" data-line-type="change-addition" data-line-index="8766,8759"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> </</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">span</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></div><div data-line="8761" data-line-type="change-addition" data-line-index="8767,8760"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> <</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">button</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C"> className</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">=</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"terminal-button"</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C"> type</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">=</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"button"</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C"> onClick</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">=</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">{</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">state</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">toggleMode</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">}</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></div><div data-line="8762" data-line-type="change-addition" data-line-index="8768,8761"><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> {</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">state</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">mode</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> ===</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "live"</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> ?</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "Switch to Replay"</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> :</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43"> "Switch to Live"</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">}</span></div><div data-line="8763" data-line-type="change-addition" data-line-index="8769,8762"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> </</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">button</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></div><div data-line="8764" data-alt-line="8752" data-line-type="context" data-line-index="8770,8763"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> </</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">div</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></div><div data-line="8765" data-alt-line="8753" data-line-type="context" data-line-index="8771,8764"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> </</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">div</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></div><div data-line="8766" data-line-type="change-addition" data-line-index="8773,8765"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> <</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">div</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C"> className</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">=</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"</span><span data-diff-span=""><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">compact-</span></span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">command-</span><span data-diff-span=""><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">context</span></span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></div><div data-line="8767" data-alt-line="8755" data-line-type="context" data-line-index="8774,8766"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> <</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">span</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">>Evidence console</</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">span</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></div><div data-line="8768" data-alt-line="8756" data-line-type="context" data-line-index="8775,8767"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> <</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">strong</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:#FFA359;--diffs-token-light:#D47628">focus</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:#FF855E;--diffs-token-light:#D5512F">strong</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></div><div data-line="8769" data-line-type="change-addition" data-line-index="8788,8768"><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> {</span><span data-diff-span=""><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">activeContractFilter</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> ?</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> (</span></span></div><div data-line="8770" data-line-type="change-addition" data-line-index="8789,8769"><span data-diff-span=""><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> <</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">span</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C"> className</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">=</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"command-filter-tooltip"</span></span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></div><div data-line="8771" data-line-type="change-addition" data-line-index="8790,8770"><span data-diff-span=""><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> <</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">span</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></span><span data-diff-span=""><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">{</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">activeContractFilter</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:#FF855E;--diffs-token-light:#D5512F">span</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></span></div><div data-line="8772" data-line-type="change-addition" data-line-index="8791,8771"><span data-diff-span=""><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> <</span></span><span data-diff-span=""><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">button</span></span></div><div data-line="8773" data-line-type="change-addition" data-line-index="8792,8772"><span data-diff-span=""><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C"> aria-label</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">=</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"Clear contract filter"</span></span></div><div data-line="8774" data-line-type="change-addition" data-line-index="8793,8773"><span data-diff-span=""><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C"> type</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">=</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"button"</span></span></div><div data-line="8775" data-line-type="change-addition" data-line-index="8794,8774"><span data-diff-span=""><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C"> onClick</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">=</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">=></span></span><span data-diff-span=""><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> state</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF">setSelectedInstrument</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7">null</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">)</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">}</span></span></div><div data-line="8776" data-line-type="change-addition" data-line-index="8795,8775"><span data-diff-span=""><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> ></span></span></div><div data-line="8777" data-line-type="change-addition" data-line-index="8796,8776"><span data-diff-span=""><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> X</span></span></div><div data-line="8778" data-line-type="change-addition" data-line-index="8797,8777"><span data-diff-span=""><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> </</span></span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">button</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></div><div data-line="8779" data-line-type="change-addition" data-line-index="8798,8778"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> </span><span data-diff-span=""><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"></</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">span</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></span></div><div data-line="8780" data-line-type="change-addition" data-line-index="8799,8779"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> </span><span data-diff-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:#FFA359;--diffs-token-light:#D47628"> activeTickerFilter</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">length</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF"> ></span></span><span data-diff-span=""><span style="--diffs-token-dark:#68CDF2;--diffs-token-light:#1CA1C7"> 0</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61"> ?</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> (</span></span></div><div data-line="8781" data-line-type="change-addition" data-line-index="8800,8780"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> <</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">span</span><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C"> className</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">=</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"command-filter-tooltip"</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></div><div data-line="8782" data-line-type="change-addition" data-line-index="8801,8781"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> <</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">span</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">>Ticker: </span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">{</span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628">activeTickerFilter</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:#FF855E;--diffs-token-light:#D5512F">span</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></div><div data-line="8783" data-line-type="change-addition" data-line-index="8802,8782"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> <</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">button</span></div><div data-line="8784" data-line-type="change-addition" data-line-index="8803,8783"><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C"> aria-label</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">=</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"Clear ticker filter"</span></div><div data-line="8785" data-line-type="change-addition" data-line-index="8804,8784"><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C"> type</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">=</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">"button"</span></div><div data-line="8786" data-line-type="change-addition" data-line-index="8805,8785"><span style="--diffs-token-dark:#60D199;--diffs-token-light:#18A46C"> onClick</span><span style="--diffs-token-dark:#08C0EF;--diffs-token-light:#08C0EF">=</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">=></span><span style="--diffs-token-dark:#FFA359;--diffs-token-light:#D47628"> state</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">.</span><span style="--diffs-token-dark:#9D6AFB;--diffs-token-light:#693ACF">setFilterInput</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">(</span><span style="--diffs-token-dark:#5ECC71;--diffs-token-light:#199F43">""</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">)</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">}</span></div><div data-line="8787" data-line-type="change-addition" data-line-index="8806,8786"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> ></span></div><div data-line="8788" data-line-type="change-addition" data-line-index="8807,8787"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> X</span></div><div data-line="8789" data-line-type="change-addition" data-line-index="8808,8788"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> </</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">button</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></div><div data-line="8790" data-line-type="change-addition" data-line-index="8809,8789"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> </</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">span</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></div><div data-line="8791" data-line-type="change-addition" data-line-index="8810,8790"><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:#636363;--diffs-token-light:#636363"> (</span></div><div data-line="8792" data-line-type="change-addition" data-line-index="8811,8791"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> <</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">span</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">>No active filter</</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">span</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></div><div data-line="8793" data-line-type="change-addition" data-line-index="8812,8792"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> )</span><span style="--diffs-token-dark:#FF678D;--diffs-token-light:#D32A61">}</span></div><div data-line="8794" data-alt-line="8769" data-line-type="context" data-line-index="8813,8793"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> </</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">div</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></div><div data-line="8795" data-alt-line="8770" data-line-type="context" data-line-index="8814,8794"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> </</span><span style="--diffs-token-dark:#FF855E;--diffs-token-light:#D5512F">header</span><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363">></span></div><div data-line="8796" data-alt-line="8771" data-line-type="context" data-line-index="8815,8795"><span style="--diffs-token-dark:#636363;--diffs-token-light:#636363"> );</span></div></div></code></pre>
|
|
</template>
|
|
</div>
|
|
</article>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Expected Impact for End-Users</h2>
|
|
<p>Users get a quieter command deck with live status, last update, and replay switching preserved in the first scan line. Active filters become easier to notice and clear without adding another permanent button to the header.</p>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Validation</h2>
|
|
<ul>
|
|
<li><span class="validation-pass">Passed</span> <code>bun --cwd=apps/web run build</code>, including production compile and TypeScript.</li>
|
|
<li>Verified live session cleanup removed temporary Impeccable source markers and the injected live script.</li>
|
|
<li>Observed existing browser fetch failures for unavailable local backend endpoints; these were not introduced by this change.</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Issues, Limitations, and Mitigations</h2>
|
|
<ul>
|
|
<li>The live browser continued logging existing failed fetches for option support and alert evidence while backend services were unavailable. The web production build still passed.</li>
|
|
<li>The no-filter state remains textual: <code>No active filter</code>. This keeps the status explicit, but it can be revisited if the header should hide inactive filter context entirely.</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Follow-up Work</h2>
|
|
<ul>
|
|
<li>Beads: <code>islandflow-9ns</code> tracks this completed refinement.</li>
|
|
<li>Consider aligning the topbar ticker input and command deck filter chip language if the same filter state should appear in both places.</li>
|
|
</ul>
|
|
</section>
|
|
</main>
|
|
</body>
|
|
</html>
|