@openscout/scout 0.2.98 → 0.2.105

package/dist/client/assets/{SessionObserve-CLrHfAKZ.css → SessionObserve-CDdJ7fAE.css}

@@ -1 +1 @@
-.s-observe{display:grid;grid-template-columns:1fr 320px;grid-template-rows:1fr auto;flex:1;min-height:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink)}.s-observe--content-only{grid-template-columns:1fr}.s-observe--content-only .s-observe-stream{max-width:min(1040px,100%)}.s-observe--lane{--lane-glyph-size: var(--text-xl);--lane-glyph-width: 18px;--lane-glyph-color: color-mix(in srgb, var(--accent) 62%, var(--dim));grid-template-rows:1fr;height:100%;min-height:0;background:transparent}.s-observe--lane .s-observe-main{--lane-time-col: 62px;--lane-spine-x: 64px;padding:0 var(--space-lg) var(--space-lg);overflow-x:hidden;scrollbar-width:none!important;-ms-overflow-style:none}.s-observe--lane .s-observe-main::-webkit-scrollbar{display:none;width:0;height:0}.s-observe-lane-trace-meta{position:sticky;top:0;z-index:7;flex:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);min-height:32px;margin:0 calc(-1 * var(--space-lg)) var(--space-xs);padding:var(--space-xs) var(--space-lg);border-bottom:1px solid color-mix(in srgb,var(--ink) 6%,transparent);background:color-mix(in srgb,var(--bg) 97%,var(--surface) 3%);box-shadow:0 1px color-mix(in srgb,var(--ink) 3%,transparent)}.s-observe-lane-trace-meta-leading{display:inline-flex;align-items:center;gap:var(--space-sm);min-width:0;flex:none}.s-observe-lane-trace-meta-label{flex:none;font-family:var(--font-sans);font-size:var(--text-2xs);font-weight:600;letter-spacing:.1em;line-height:var(--leading-none);text-transform:uppercase;color:var(--dim)}.s-observe-lane-trace-mode{position:relative;display:inline-flex;align-items:center;gap:4px;min-height:20px;padding:2px 7px;border:1px solid color-mix(in srgb,var(--ink) 8%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface) 44%,transparent);color:var(--dim);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-xs);line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .14s ease,border-color .14s ease,color .14s ease}.s-observe-lane-trace-mode:hover{color:var(--ink);border-color:color-mix(in srgb,var(--ink) 16%,transparent);background:color-mix(in srgb,var(--surface) 72%,transparent)}.s-observe-lane-trace-mode--concise{color:color-mix(in srgb,var(--accent) 78%,var(--dim));border-color:color-mix(in srgb,var(--accent) 20%,transparent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.s-observe-lane-trace-mode input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.s-observe-lane-trace-mode svg{flex:none;opacity:.9}.s-observe-lane-trace-mode:has(input:focus-visible){outline:2px solid color-mix(in srgb,var(--accent) 48%,transparent);outline-offset:2px}.s-observe-lane-trace-meta-stats{display:flex;align-items:baseline;gap:.35rem;min-width:0;overflow:hidden;white-space:nowrap;font-family:var(--font-mono);font-size:var(--text-2xs);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-xs);color:var(--dim)}.s-observe-lane-trace-meta-window{color:var(--muted)}.s-observe-lane-trace-meta-sep{opacity:.5}.s-observe-lane-trace-meta-tag{flex:none;margin-left:var(--space-2xs);padding:0 var(--space-xs);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--ink) 6%,transparent);color:var(--dim);text-transform:lowercase;letter-spacing:var(--tracking-xs);cursor:default}.s-observe--lane .s-observe-stream{max-width:100%;padding:var(--space-xs) var(--space-md) var(--space-lg) calc(var(--lane-time-col) + var(--space-xl))}.s-observe--lane .s-observe-spine{left:var(--lane-spine-x);width:1px;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--accent) 22%,transparent) 8%,color-mix(in srgb,var(--accent) 38%,transparent) 50%,color-mix(in srgb,var(--accent) 22%,transparent) 92%,transparent 100%);opacity:1}.s-observe--lane .s-observe-row--selectable{cursor:pointer}.s-observe--lane .s-observe-row--selectable:hover .s-observe-row-bead{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.s-observe--lane .s-observe-row--selectable:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px}.s-observe-row--highlighted>.s-observe-row-bead{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 28%,transparent)}.s-observe-row--highlighted>.s-observe-block{background:color-mix(in srgb,var(--accent) 6%,transparent);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md)}.s-observe-row--highlighted>.s-observe-tool{padding:0}.s-lane-trace-sheet-body .s-observe-row--highlighted{z-index:1}.s-lane-trace-sheet-body .s-observe-row--highlighted>.s-observe-row-bead{background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 34%,transparent),0 0 14px color-mix(in srgb,var(--accent) 45%,transparent)}.s-lane-trace-sheet-body .s-observe-row--highlighted>.s-observe-block{background:color-mix(in srgb,var(--accent) 12%,var(--surface, oklch(.178 .005 260)));outline:1px solid color-mix(in srgb,var(--accent) 36%,transparent);outline-offset:0;border-radius:var(--radius-sm);padding:var(--space-md) var(--space-lg);animation:s-observe-row-focus-pulse 1.4s ease-out 1}.s-lane-trace-sheet-body .s-observe-row--highlighted>.s-observe-tool{padding:0}.s-observe-focus-group{position:relative}.s-observe-focus-group--active{margin-bottom:var(--space-lg)}.s-observe-focus-group--active .s-observe-row--focus-anchor{padding-bottom:var(--space-xs);z-index:1}.s-observe-focus-group--active .s-observe-row--focus-anchor>.s-observe-row-bead{background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 34%,transparent),0 0 16px color-mix(in srgb,var(--accent) 50%,transparent)}.s-observe-focus-group--active .s-observe-row--focus-anchor>.s-observe-block{background:color-mix(in srgb,var(--accent) 10%,var(--surface, oklch(.178 .005 260)));border-radius:var(--radius-sm) var(--radius-sm) 0 0;outline:1px solid color-mix(in srgb,var(--accent) 34%,transparent);outline-offset:0;padding:var(--space-md) var(--space-lg);animation:none}.s-observe-focus-group--active .s-observe-row--focus-anchor>.s-observe-tool{padding:0}.s-observe-focus-connector{position:relative;left:-14px;width:18px;height:10px;margin-top:-2px;margin-bottom:-1px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);border-bottom-left-radius:6px;pointer-events:none}.s-observe-focus-detail{position:relative}@keyframes s-observe-row-focus-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 42%,transparent)}40%{box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 0%,transparent)}to{box-shadow:none}}.s-observe--lane .s-observe-row{padding-bottom:var(--space-md);padding-left:var(--space-sm)}.s-observe--lane .s-observe-row:before{content:"";position:absolute;left:calc(var(--lane-spine-x) + 1px - var(--lane-time-col) - var(--space-lg));top:9px;width:10px;height:1px;background:color-mix(in srgb,var(--accent) 36%,transparent)}@keyframes s-observe-row-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes s-observe-row-tick-enter{0%{width:0;opacity:0}to{width:10px;opacity:1}}.s-observe--lane .s-observe-row--enter{animation:s-observe-row-enter .34s cubic-bezier(.22,1,.36,1) both}.s-observe--lane .s-observe-row--enter:before{animation:s-observe-row-tick-enter .26s cubic-bezier(.22,1,.36,1) both}@media(prefers-reduced-motion:reduce){.s-observe--lane .s-observe-row--enter,.s-observe--lane .s-observe-row--enter:before{animation:none}}.s-observe--lane .s-observe-row:last-child{padding-bottom:var(--space-sm)}.s-observe--lane .s-observe-row--tool-simple{padding-bottom:0}.s-observe--lane .s-observe-row--tool-stacked{margin-top:-3px}.s-observe--lane .s-observe-row--tool-stacked:before{display:none}.s-observe--lane .s-observe-row--tool-stacked .s-observe-row-time{visibility:hidden}.s-observe--lane .s-observe-row--tool-simple>.s-observe-block{margin-top:0}.s-observe--lane .s-observe-row--tool-simple.s-observe-row--selectable{cursor:pointer}.s-observe--lane .s-observe-row--tool-simple.s-observe-row--selectable:hover .s-observe-tool--simple{color:var(--ink)}.s-observe-tool-hover-anchor,.s-observe-row-hover-target{display:block;width:100%;min-width:0}.s-observe--lane .s-observe-row--hover-preview{z-index:2}.s-observe--lane .s-observe-row--hover-preview .s-observe-tool{border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent) 9%,var(--surface, oklch(.178 .005 260)));outline:1px solid color-mix(in srgb,var(--accent) 28%,transparent);outline-offset:0}.s-observe--lane .s-observe-row--hover-preview .s-observe-tool-cmd-name,.s-observe--lane .s-observe-row--hover-preview .s-observe-tool-cmd-arg{color:var(--ink)}.s-observe-tool-hover-card{--hover-caret-top: 14px;z-index:10050;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--border, oklch(.34 .008 260)) 92%,var(--ink, oklch(.965 .006 260)));background:var(--surface, oklch(.178 .005 260));color:var(--ink, oklch(.965 .006 260));box-shadow:0 12px 28px #00000094,0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent);pointer-events:auto;isolation:isolate}.s-observe-tool-hover-card:before,.s-observe-tool-hover-card:after{content:"";position:absolute;top:var(--hover-caret-top);width:0;height:0;transform:translateY(-50%);pointer-events:none}.s-observe-tool-hover-card:after{height:1px;width:10px;border:none;background:color-mix(in srgb,var(--accent) 42%,var(--border, oklch(.34 .012 80)));transform:translateY(-50%)}.s-observe-tool-hover-card--side-right:before{left:-7px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:7px solid var(--surface, oklch(.178 .005 260));filter:drop-shadow(-1px 0 0 color-mix(in srgb,var(--accent) 30%,transparent))}.s-observe-tool-hover-card--side-right:after{left:-11px}.s-observe-tool-hover-card--side-left:before{right:-7px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid var(--surface, oklch(.178 .005 260));filter:drop-shadow(1px 0 0 color-mix(in srgb,var(--accent) 30%,transparent))}.s-observe-tool-hover-card--side-left:after{right:-11px}.s-observe-tool-hover-card-cmd{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--ink);line-height:1.35;word-break:break-word}.s-observe-tool-hover-card-meta{margin-top:var(--space-3xs);font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--muted)}.s-observe-tool-hover-card-line{margin-top:var(--space-2xs);font-family:var(--font-mono);font-size:var(--text-2xs);line-height:1.4;color:color-mix(in srgb,var(--ink) 72%,var(--muted));white-space:pre-wrap;word-break:break-word}.s-observe-tool-hover-card-hint{margin-top:var(--space-sm);padding-top:var(--space-2xs);border-top:1px solid color-mix(in srgb,var(--ink) 14%,transparent);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-xs);color:color-mix(in srgb,var(--muted) 55%,var(--accent) 45%)}.s-observe--lane .s-observe-row-time{position:absolute;left:calc(-1 * var(--lane-time-col) - var(--space-lg));top:4px;width:var(--lane-time-col);min-width:var(--lane-time-col);max-width:var(--lane-time-col);display:flex;flex-direction:column;align-items:flex-end;font-family:var(--font-mono);font-size:var(--text-2xs);font-variant-numeric:tabular-nums;letter-spacing:.01em;color:color-mix(in srgb,var(--dim) 84%,var(--accent) 16%);text-align:right;white-space:nowrap;padding-right:var(--space-sm)}.s-observe--lane .s-observe-row-clock{font-size:var(--text-2xs);line-height:1.3;letter-spacing:.015em;color:color-mix(in srgb,var(--dim) 90%,transparent)}.s-observe--lane.s-observe--lane-gutter-label{--lane-time-col: 84px;--lane-spine-x: 86px}.s-observe--lane.s-observe--lane-gutter-label .s-observe-row-time{gap:1px}.s-observe--lane.s-observe--lane-gutter-label .s-observe-row-kind{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:var(--text-xs);font-weight:600;line-height:1.25;letter-spacing:.01em;color:color-mix(in srgb,var(--dim) 82%,var(--accent) 18%)}.s-observe--lane.s-observe--lane-gutter-label .s-observe-row-clock{font-size:var(--text-2xs);line-height:1.25;color:color-mix(in srgb,var(--dim) 78%,transparent)}.s-observe--lane .s-observe-row-repeat{font-size:var(--text-2xs);letter-spacing:.02em;color:color-mix(in srgb,var(--dim) 72%,var(--accent) 28%)}.s-observe--lane .s-observe-row-gap{left:calc(var(--lane-spine-x) + 1px - var(--lane-time-col) - var(--space-lg));top:-1px;transform:translate(-50%);font-size:var(--text-2xs);letter-spacing:.02em;color:color-mix(in srgb,var(--dim) 80%,var(--accent) 20%);opacity:.92}.s-observe--lane .s-observe-row-bead{display:none}.s-observe--lane .s-observe-row>.s-observe-block{margin-top:1px;min-width:0;max-width:100%;overflow:hidden}.s-observe--lane .s-observe-note--lane{display:flex;align-items:center;gap:var(--space-sm);margin:var(--space-2xs) 0;padding:0;border:0;border-radius:0;background:transparent;line-height:1.35;max-width:100%}.s-observe--lane .s-observe-note--lane .s-observe-note-text{flex:none;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:500;letter-spacing:var(--tracking-xs);text-transform:lowercase;color:var(--dim);word-break:break-word}.s-observe--lane .s-observe-note--lane:after{content:"";flex:1;height:1px;min-width:var(--space-lg);background:color-mix(in srgb,var(--ink) 8%,transparent)}.s-observe--lane .s-observe-row--tech-summary{padding-bottom:var(--space-xs)}.s-observe--lane .s-observe-row--tech-summary:before{width:6px;opacity:.6;background:color-mix(in srgb,var(--dim) 42%,transparent)}.s-observe--lane .s-observe-tech-summary{display:inline-flex;align-items:baseline;gap:var(--space-sm);max-width:100%;min-width:0;padding:2px 8px;border:1px solid color-mix(in srgb,var(--ink) 8%,transparent);border-radius:6px;background:color-mix(in srgb,var(--surface) 34%,transparent);font-family:var(--font-mono);font-size:var(--text-2xs);line-height:1.4;color:var(--dim)}.s-observe--lane .s-observe-tech-summary--toggle{cursor:pointer;text-align:left;transition:border-color .12s ease,background-color .12s ease,color .12s ease}.s-observe--lane .s-observe-tech-summary--toggle:hover,.s-observe--lane .s-observe-tech-summary--toggle:focus-visible{border-color:color-mix(in srgb,var(--accent) 28%,transparent);background:color-mix(in srgb,var(--accent) 8%,var(--surface) 34%);color:color-mix(in srgb,var(--ink) 72%,var(--accent) 28%);outline:none}.s-observe--lane .s-observe-tech-summary--toggle.is-expanded{border-color:color-mix(in srgb,var(--accent) 22%,transparent);background:color-mix(in srgb,var(--accent) 6%,var(--surface) 34%)}.s-observe--lane .s-observe-tech-summary-chevron{flex:none;align-self:center;opacity:.72}.s-observe--lane .s-observe-tech-rollup-details{display:flex;flex-direction:column;gap:0;margin:0 0 var(--space-xs) calc(var(--space-md) + 6px);padding-left:var(--space-md);border-left:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}.s-observe--lane .s-observe-tech-summary-count{flex:none;color:color-mix(in srgb,var(--dim) 72%,var(--accent) 28%);font-weight:600}.s-observe--lane .s-observe-tech-summary-detail{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:color-mix(in srgb,var(--dim) 82%,transparent)}.s-observe--lane .s-observe-system--lane{display:flex;flex-direction:column;gap:var(--space-2xs);margin:0;font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.45;letter-spacing:.01em;color:var(--muted)}.s-observe--lane .s-observe-system--lane .s-observe-system-line{display:block;min-width:0}.s-observe--lane .s-observe-system--lane .s-observe-system-text{color:var(--muted);word-break:break-word}.s-observe--lane .s-observe-grok-permission{display:inline-flex;align-items:center;gap:var(--space-sm);max-width:100%;padding:2px 8px;border:1px solid color-mix(in srgb,var(--ink) 10%,transparent);border-radius:6px;background:color-mix(in srgb,var(--surface) 55%,transparent);line-height:1.35}.s-observe--lane .s-observe-grok-permission-decision{flex:none;font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;text-transform:lowercase;color:color-mix(in srgb,var(--dim) 82%,var(--accent) 18%)}.s-observe--lane .s-observe-grok-permission-decision.is-allow{color:color-mix(in srgb,var(--accent) 72%,var(--ink) 28%)}.s-observe--lane .s-observe-grok-permission-tool{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs);color:var(--ink)}.s-observe--lane .s-observe-grok-phase{display:inline-flex;align-items:center;max-width:100%;padding:1px 7px;border-radius:999px;background:color-mix(in srgb,var(--ink) 5%,transparent);line-height:1.35}.s-observe--lane .s-observe-grok-phase-label{font-size:var(--text-2xs);letter-spacing:.02em;text-transform:lowercase;color:color-mix(in srgb,var(--dim) 88%,var(--accent) 12%)}.s-observe--lane .s-observe-grok-turn{display:inline-flex;align-items:baseline;gap:var(--space-sm);max-width:100%;line-height:1.35}.s-observe--lane .s-observe-grok-turn-num{flex:none;font-size:var(--text-2xs);font-weight:600;letter-spacing:.04em;text-transform:lowercase;color:color-mix(in srgb,var(--dim) 80%,var(--accent) 20%)}.s-observe--lane .s-observe-grok-turn-model{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-2xs);color:var(--muted)}.s-observe--lane .s-observe-system--lane .s-observe-system-detail{margin:0;padding-left:0;font-size:var(--text-2xs);line-height:1.4;color:var(--dim);font-style:normal;word-break:break-word}.s-observe--lane .s-observe-live-sticky{margin:0 0 var(--space-md);padding-left:calc(var(--lane-time-col) + var(--space-lg) + var(--space-sm))}.s-observe--lane .s-observe-follow-btn{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:500;letter-spacing:.02em;padding:var(--space-2xs) var(--space-md);border-radius:var(--radius-sm);border:0;background:color-mix(in srgb,var(--surface) 72%,transparent)}.s-observe--lane .s-observe-follow-btn--on{color:var(--green);background:color-mix(in srgb,var(--green) 7%,var(--bg))}.s-observe--lane .s-observe-follow-btn--on:hover{color:var(--green);background:color-mix(in srgb,var(--green) 11%,var(--bg))}.s-observe--lane .s-observe-follow-btn:hover{background:color-mix(in srgb,var(--surface) 96%,transparent)}.s-observe--lane .s-observe-copy-btn{display:none}.s-observe--lane .s-observe-message-label{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-accent-title, var(--font-sans));font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--dim) 78%,var(--accent) 22%)}.s-observe--lane .s-observe-message-label:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.85}.s-observe--lane .s-observe-row--kind-ask{padding-top:var(--space-sm);padding-bottom:var(--space-xl)}.s-observe--lane .s-observe-row--kind-ask:before{left:calc(var(--lane-spine-x) + 1px - var(--lane-time-col) - var(--space-lg) - 3px);top:calc(var(--space-sm) + 17px);width:7px;height:7px;border-radius:50%;background:color-mix(in srgb,var(--accent) 62%,var(--dim));box-shadow:0 0 0 4px var(--bg)}.s-observe--lane .s-observe-row.s-observe-row--kind-ask>.s-observe-ask--lane{width:calc(100% + var(--space-sm) + var(--space-md));max-width:none;margin-left:calc(-1 * var(--space-sm));margin-right:calc(-1 * var(--space-md));border-block:1px solid color-mix(in srgb,var(--accent) 18%,transparent);border-inline:0;border-radius:0;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 7%,transparent),transparent 58%),color-mix(in srgb,var(--surface) 55%,var(--bg));box-shadow:inset 0 1px color-mix(in srgb,var(--ink) 4%,transparent),inset 0 -1px color-mix(in srgb,var(--bg) 60%,transparent);padding:var(--space-lg) var(--space-xl)}.s-observe--lane .s-observe-ask-head{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.s-observe--lane .s-observe-ask-avatar{width:22px;height:22px;flex:none;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:700;color:var(--scout-chrome-avatar-ink)}.s-observe--lane .s-observe-ask-author{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:650;letter-spacing:.01em;color:color-mix(in srgb,var(--ink) 88%,var(--muted))}.s-observe--lane .s-observe-ask-time{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--dim)}.s-observe--lane .s-observe-ask--lane .s-observe-ask-title{display:-webkit-box;margin-bottom:var(--space-2xs);font-family:var(--font-sans);font-size:var(--text-lg);font-weight:620;line-height:1.42;letter-spacing:0;color:color-mix(in srgb,var(--ink) 94%,var(--muted));-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.s-observe--lane .s-observe-ask--lane .s-observe-ask-text{font-family:var(--font-sans);font-size:var(--text-md);font-weight:400;line-height:1.58;color:color-mix(in srgb,var(--ink) 82%,var(--muted));word-break:break-word}.s-observe--lane .s-observe-ask--lane .s-observe-ask-answer{margin-top:var(--space-xs);padding-top:var(--space-xs);gap:var(--space-sm)}.s-observe--lane .s-observe-ask--lane .s-observe-ask-answer-meta{font-size:var(--text-2xs)}.s-observe--lane .s-observe-ask--lane .s-observe-ask-answer-text{font-size:var(--text-xs);line-height:1.5}.s-observe--lane .s-observe-message--lane{position:relative;overflow:hidden;padding:var(--space-sm) var(--space-md) var(--space-sm) var(--space-lg);border-radius:7px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 55%,transparent),color-mix(in srgb,var(--surface) 32%,transparent));border:1px solid color-mix(in srgb,var(--ink) 8%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--ink) 5%,transparent)}.s-observe--lane .s-observe-message--lane .s-observe-message-label{margin-bottom:var(--space-xs);color:color-mix(in srgb,var(--dim) 70%,var(--accent) 30%)}.s-observe--lane.s-observe--lane-gutter-label .s-observe-message--lane .s-observe-message-label{display:none}.s-observe--lane .s-observe-message--lane .s-observe-message-text{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:400;line-height:1.5;color:color-mix(in srgb,var(--ink) 84%,var(--muted))}.s-observe--lane .s-observe-message--thinking{border-style:dashed;border-color:color-mix(in srgb,var(--accent) 16%,var(--ink) 7%);background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--surface) 28%,transparent) 0,color-mix(in srgb,var(--surface) 28%,transparent) 8px,transparent 8px,transparent 16px),color-mix(in srgb,var(--surface) 24%,transparent);box-shadow:none}.s-observe--lane .s-observe-message--thinking .s-observe-message-label{color:color-mix(in srgb,var(--dim) 78%,var(--accent) 22%)}.s-observe--lane .s-observe-message--thinking .s-observe-message-text{font-family:var(--font-accent-title, var(--font-sans));font-size:var(--text-base, 15px);font-weight:500;font-style:normal;letter-spacing:-.015em;line-height:1.45;color:color-mix(in srgb,var(--ink) 68%,var(--muted))}@media(prefers-reduced-motion:no-preference){.s-observe--lane .s-observe-message--thinking{animation:s-observe-thinking-card 1.8s ease-in-out infinite}}@keyframes s-observe-thinking-card{0%,to{border-color:color-mix(in srgb,var(--accent) 12%,var(--ink) 7%)}50%{border-color:color-mix(in srgb,var(--accent) 24%,var(--ink) 8%)}}.s-observe--lane .s-observe-message--lane .s-observe-lane-expandable-body{align-items:flex-start;gap:var(--space-sm)}.s-observe-lane-expandable{min-width:0}.s-observe-lane-expandable-body{display:flex;align-items:flex-end;gap:var(--space-sm);min-width:0}.s-observe-lane-expandable-text{flex:1;min-width:0}.s-observe-lane-expand{appearance:none;border:0;padding:0;background:transparent;display:inline-flex;flex:none;align-items:center;gap:3px;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:500;letter-spacing:.02em;line-height:1;text-transform:lowercase;color:var(--dim);cursor:pointer;opacity:.82}.s-observe-lane-expand:hover,.s-observe-lane-expand:focus-visible{color:var(--muted);opacity:1}.s-observe--lane .s-observe-lane-expandable{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2xs);min-width:0}.s-observe--lane .s-observe-lane-expandable-body{flex-direction:column;align-items:flex-start;width:100%}.s-observe--lane .s-observe-lane-expandable-body .s-observe-lane-expand{align-self:flex-end}.s-observe--lane .s-observe-lane-expandable--open .s-observe-message-text,.s-observe--lane .s-observe-lane-expandable--open .s-observe-ask-text{max-height:min(42vh,360px);overflow:auto}.s-observe-tool-header .s-observe-lane-expand{margin-left:auto;flex:none;align-self:center}.s-observe-tool-stream-preview{margin:0;padding:var(--space-xs) var(--space-lg) var(--space-sm);border-top:1px solid color-mix(in srgb,var(--border) 55%,transparent);font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.4;color:var(--dim);white-space:pre-wrap;word-break:break-word;max-height:3.6rem;overflow:hidden}.s-observe--lane .s-observe-tool-diff-inline{display:inline-flex;align-items:baseline;gap:var(--space-2xs);margin-left:var(--space-xs);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:.01em}.s-observe--lane .s-observe-tool-stream--lane{margin-top:var(--space-2xs);max-height:min(36vh,280px);overflow:auto;white-space:pre-wrap;word-break:break-word}.s-observe--lane .s-observe-tool-result{font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.45}.s-observe--lane .s-observe-row--kind-tool>.s-observe-row-hover-target,.s-observe--lane .s-observe-row--kind-think>.s-observe-block,.s-observe--lane .s-observe-row--kind-system>.s-observe-block,.s-observe--lane .s-observe-row--kind-boot>.s-observe-block,.s-observe--lane .s-observe-row--tech-summary>.s-observe-block{margin-left:var(--space-lg);max-width:calc(100% - var(--space-lg))}.s-observe--lane .s-observe-tool{border:0;border-radius:0;min-width:0;max-width:100%;overflow:hidden;background:color-mix(in srgb,var(--surface) 62%,transparent);transition:background .14s ease,border-color .14s ease}.s-observe--lane .s-observe-tool:hover{border-color:color-mix(in srgb,var(--ink) 14%,transparent);background:color-mix(in srgb,var(--surface) 78%,transparent)}.s-observe--lane .s-observe-tool-header{padding:var(--space-2xs) var(--space-sm);gap:var(--space-sm);align-items:center;min-width:0;overflow:hidden;background:color-mix(in srgb,var(--bg) 35%,transparent)}.s-observe--lane .s-observe-tool-glyph{font-size:var(--lane-glyph-size);width:var(--lane-glyph-width);min-width:var(--lane-glyph-width);flex:none;text-align:center;line-height:1.35;color:var(--lane-glyph-color)}.s-observe--lane .s-observe-tool-cmd-name{color:var(--muted)}.s-observe--lane .s-observe-tool-diff-add,.s-observe--lane .s-observe-diff-line--add{color:color-mix(in srgb,var(--ink) 58%,var(--muted))}.s-observe--lane .s-observe-tool-diff-del,.s-observe--lane .s-observe-diff-line--del{color:color-mix(in srgb,var(--muted) 74%,var(--red) 26%)}.s-observe--lane .s-observe-tool-header--has-body{border-bottom:0}.s-observe--lane .s-observe-tool-diff-preview,.s-observe--lane .s-observe-tool-stream{max-height:3.25rem;overflow:hidden;border-radius:0;background:color-mix(in srgb,var(--bg) 50%,transparent);border:none}.s-observe--lane .s-observe-tool-cmd{flex:1;min-width:0;max-width:100%;font-size:var(--text-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:normal}.s-observe--lane .s-observe-tool--simple,.s-observe--lane .s-observe-tool--simple .s-observe-tool-header{background:transparent;border-left:0;padding:0}.s-observe--lane .s-observe-tool--simple .s-observe-tool-header{gap:var(--space-2xs);line-height:1.2;min-height:0}.s-observe--lane .s-observe-tool--simple .s-observe-tool-glyph{font-size:var(--text-lg);width:16px;min-width:16px;line-height:1.25}.s-observe--lane .s-observe-tool--simple .s-observe-tool-cmd{line-height:1.2}.s-observe--lane .s-observe-tool--simple .s-observe-tool-cmd-name{color:var(--ink)}.s-observe--lane .s-observe-tool--simple:hover{background:transparent;border-color:transparent}.s-observe--lane .s-observe-tool--fam-bash,.s-observe--lane .s-observe-tool--fam-bash .s-observe-tool-header{background:transparent;border-left:0;padding:0}.s-observe--lane .s-observe-row:has(.s-observe-tool--fam-bash),.s-observe--lane .s-observe-row:has(.s-observe-tool--fam-code),.s-observe--lane .s-observe-row:has(.s-observe-bash){background:color-mix(in srgb,var(--ink) 2.5%,transparent);border-radius:var(--radius-sm)}[data-scout-theme=light] .s-observe--lane .s-observe-row:has(.s-observe-tool--fam-bash),[data-scout-theme-mode=light] .s-observe--lane .s-observe-row:has(.s-observe-tool--fam-bash),[data-scout-theme=light] .s-observe--lane .s-observe-row:has(.s-observe-bash),[data-scout-theme-mode=light] .s-observe--lane .s-observe-row:has(.s-observe-bash){background:color-mix(in srgb,var(--cat-gold, #a9824f) 4.5%,transparent)}.s-observe--lane .s-observe-tool--fam-bash .s-observe-tool-header,.s-observe--lane .s-observe-tool--fam-bash .s-observe-tool-cmd{display:block;min-width:0;max-width:100%;overflow:hidden}.s-observe--lane .s-observe-bash{--bash-bg: color-mix(in srgb, var(--surface) 72%, var(--bg));--bash-seg: color-mix(in srgb, var(--surface) 82%, var(--ink) 6%);--bash-edge: color-mix(in srgb, var(--ink) 12%, transparent);--bash-shadow: 0 1px 2px color-mix(in srgb, var(--ink) 18%, transparent);--bash-inset: inset 0 1px 0 color-mix(in srgb, var(--ink) 5%, transparent);display:flex;align-items:baseline;width:100%;max-width:100%;padding:2px 9px;border-radius:7px;background:var(--bash-bg);border:1px solid var(--bash-edge);box-shadow:var(--bash-inset),var(--bash-shadow);font-family:var(--font-mono);font-size:var(--text-md);white-space:nowrap;overflow:hidden;cursor:default}[data-scout-theme=light] .s-observe--lane .s-observe-bash,[data-scout-theme-mode=light] .s-observe--lane .s-observe-bash{--bash-bg: color-mix(in srgb, var(--surface) 88%, var(--cat-gold, #a9824f));--bash-seg: color-mix(in srgb, var(--bg) 55%, var(--surface));--bash-edge: color-mix(in srgb, var(--ink) 9%, transparent);--bash-shadow: 0 1px 2px color-mix(in srgb, var(--ink) 7%, transparent);--bash-inset: inset 0 1px 0 color-mix(in srgb, #fff 70%, transparent)}[data-scout-theme=dark] .s-observe--lane .s-observe-bash,[data-scout-theme-mode=dark] .s-observe--lane .s-observe-bash{--bash-bg: color-mix(in srgb, var(--bg) 55%, var(--surface));--bash-seg: color-mix(in srgb, var(--surface) 78%, var(--ink) 8%);--bash-edge: color-mix(in srgb, var(--ink) 14%, transparent);--bash-shadow: 0 1px 3px color-mix(in srgb, #000 45%, transparent);--bash-inset: inset 0 1px 0 color-mix(in srgb, var(--ink) 6%, transparent)}.s-observe--lane .s-observe-bash-prompt{flex:none;margin-right:8px;font-size:var(--lane-glyph-size);font-weight:700;-webkit-user-select:none;user-select:none;color:color-mix(in srgb,var(--accent) 82%,var(--ink) 18%)}.s-observe--lane .s-observe-bash-pl{flex:none;display:inline-flex;align-items:center;margin-right:8px}.s-observe--lane .s-observe-bash-seg{display:inline-flex;align-items:center;padding:1px 5px 1px 7px;background:var(--bash-seg);color:var(--muted);border:1px solid var(--bash-edge);border-right:0;border-radius:3px 0 0 3px;font-size:var(--text-2xs);letter-spacing:var(--tracking-xs)}.s-observe--lane .s-observe-bash-sep{display:inline-block;width:11px;height:11px;flex:none;background:var(--bash-seg);border-top:1px solid var(--bash-edge);border-right:1px solid var(--bash-edge);border-top-right-radius:2px;transform:rotate(45deg);margin-left:-8px}.s-observe--lane .s-observe-bash-cmd{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-observe--lane .s-observe-bash-prog{color:var(--ink);font-weight:650;letter-spacing:-.01em}.s-observe--lane .s-observe-bash-arg{color:color-mix(in srgb,var(--ink) 38%,var(--muted))}.s-observe--lane .s-observe-bash-flag{color:color-mix(in srgb,var(--muted) 65%,color-mix(in srgb,var(--accent) 60%,var(--ink)))}.s-observe--lane .s-observe-bash-dim{color:color-mix(in srgb,var(--dim) 70%,var(--muted))}.s-observe--lane .s-observe-bash-dir{color:color-mix(in srgb,var(--ink) 28%,var(--muted))}.s-observe--lane .s-observe-bash-dir-prefix{color:color-mix(in srgb,var(--dim) 75%,var(--muted))}[data-scout-theme=light] .s-observe--lane .s-observe-bash-flag,[data-scout-theme-mode=light] .s-observe--lane .s-observe-bash-flag{color:color-mix(in srgb,var(--muted) 58%,color-mix(in srgb,var(--cat-gold, #a9824f) 65%,var(--ink)))}.s-observe--lane .s-observe-bash-out{color:var(--s-observe-muted, rgba(255, 255, 255, .52));font-family:var(--s-observe-mono, ui-monospace, monospace);font-size:.92em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(42ch,100%)}.s-observe--lane .s-observe-bash-ok{flex:none;margin-left:9px;color:var(--dim)}.s-observe--lane .s-observe-bash-prog--known{color:var(--ink)}@supports ((-webkit-background-clip: text) or (background-clip: text)){.s-observe--lane .s-observe-bash-prog--known{background:linear-gradient(100deg,var(--ink) 0%,var(--ink) 40%,var(--accent) 50%,var(--ink) 60%,var(--ink) 100%);background-size:240% 100%;background-position:120% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:s-observe-bash-shimmer 1.1s ease-out .2s both}}@keyframes s-observe-bash-shimmer{0%{background-position:120% 0}to{background-position:-40% 0}}@media(prefers-reduced-motion:reduce){.s-observe--lane .s-observe-bash-prog--known{animation:none;-webkit-text-fill-color:var(--ink)}}.s-observe--lane .s-observe-tool-path{display:inline-flex;align-items:baseline;max-width:100%;min-width:0}.s-observe--lane .s-observe-tool-path-dir{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dim)}.s-observe--lane .s-observe-tool-path-base--file{flex:none;white-space:nowrap;color:var(--ink);font-weight:600}.s-observe--lane .s-observe-tool-path-base--read{flex:none;white-space:nowrap;color:var(--muted)}.s-observe--lane .s-observe-tool-needle{color:var(--ink)}.s-observe--lane .s-observe-tool-needle-q{color:var(--dim)}.s-observe--lane .s-observe-tool-count{margin-left:var(--space-2xs);color:var(--dim)}.s-observe--lane .s-observe-tool-host{color:var(--ink)}.s-observe--lane .s-observe-tool-host-path{margin-left:1px;color:var(--dim)}.s-observe--lane .s-observe-tool-agent-name{color:var(--ink)}.s-observe--lane .s-observe-tool--fam-read{background:color-mix(in srgb,var(--surface) 42%,transparent)}.s-observe--lane .s-observe-tool--fam-read .s-observe-tool-glyph{color:color-mix(in srgb,var(--dim) 55%,var(--accent) 20%)}.s-observe--lane .s-observe-tool--fam-file .s-observe-tool-glyph{color:color-mix(in srgb,var(--accent) 70%,var(--ink) 30%)}.s-observe-embed-page{display:flex;flex-direction:column;height:100vh;min-height:0;overflow:hidden;background:var(--bg);color:var(--ink)}.s-observe-embed-page>.s-observe{flex:1;min-height:0}.s-observe-embed-status{display:flex;align-items:center;gap:var(--space-sm);min-height:28px;padding:0 var(--space-xl);border-bottom:1px solid color-mix(in srgb,var(--ink) 8%,transparent);background:color-mix(in srgb,var(--bg) 92%,black);color:var(--dim);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;letter-spacing:0;text-transform:uppercase}.s-observe-embed-status span{min-width:0;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-observe-embed-status-source{color:var(--accent)}.s-observe-embed-status-live{margin-left:auto;color:var(--green)}.s-observe-embed-ask{flex:none;padding:var(--space-xl) var(--space-3xl) var(--space-lg);border-bottom:1px solid color-mix(in srgb,var(--ink) 9%,transparent);background:color-mix(in srgb,var(--surface) 56%,var(--bg))}.s-observe-embed-ask-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-xl)}.s-observe-embed-ask-kicker{color:var(--accent);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:700;letter-spacing:var(--tracking-lg);text-transform:uppercase}.s-observe-embed-ask-byline,.s-observe-embed-ask-unknown{display:flex;gap:var(--space-xs);margin-top:3px;color:var(--dim);font-family:var(--font-mono);font-size:var(--text-2xs)}.s-observe-embed-ask-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-sm)}.s-observe-embed-ask-links a{display:inline-flex;align-items:center;gap:4px;color:var(--dim);font-family:var(--font-mono);font-size:var(--text-2xs);text-decoration:none}.s-observe-embed-ask-links a:hover{color:var(--accent)}.s-observe-embed-ask-body{display:-webkit-box;max-width:960px;margin-top:var(--space-md);overflow:hidden;color:var(--ink);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:5}.s-observe-embed-ask-body.is-expanded{display:block;max-height:min(42vh,420px);overflow-y:auto;-webkit-line-clamp:unset}.s-observe-embed-ask-toggle{margin-top:var(--space-sm);padding:0;border:0;background:transparent;color:var(--dim);cursor:pointer;font-family:var(--font-mono);font-size:var(--text-2xs)}.s-observe-embed-ask-toggle:hover{color:var(--accent)}.s-observe-embed-ask--unknown{padding-block:var(--space-md)}@media(max-width:680px){.s-observe-embed-ask{padding-inline:var(--space-xl)}.s-observe-embed-ask-head{flex-direction:column;gap:var(--space-md)}.s-observe-embed-ask-links{justify-content:flex-start}}.s-observe-embed-page .s-observe-main{padding:var(--space-3xl) var(--space-3xl) var(--space-5xl)}.s-observe-embed-page .s-observe-stream{max-width:100%;padding-left:58px}.s-observe-embed-empty{height:100%;display:grid;place-content:center;gap:var(--space-sm);padding:var(--space-4xl);text-align:center}.s-observe-embed-empty-title{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;letter-spacing:var(--tracking-lg);text-transform:uppercase;color:var(--ink)}.s-observe-embed-empty-detail{max-width:320px;font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-normal);color:var(--dim);word-break:break-word}.s-observe-main{grid-column:1;grid-row:1;position:relative;overflow-y:auto;overflow-y:overlay;padding:var(--space-4xl) var(--space-4xl) var(--space-6xl);scrollbar-width:thin;scrollbar-color:transparent transparent}.s-observe-main:hover{scrollbar-color:color-mix(in srgb,var(--ink) 12%,transparent) transparent}.s-observe-evidence-banner,.s-observe-evidence-card{display:flex;align-items:flex-start;gap:var(--space-sm);border:1px solid color-mix(in srgb,var(--border) 84%,transparent);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 72%,var(--bg));color:var(--muted)}.s-observe-evidence-banner{max-width:min(790px,calc(100% - 68px));margin:calc(-1 * var(--space-lg)) 0 var(--space-xl) 68px;padding:var(--space-md) var(--space-lg)}.s-observe-evidence-card{padding:var(--space-md)}.s-observe-evidence-banner>span:last-child,.s-observe-evidence-card>span:last-child{display:flex;flex-direction:column;gap:var(--space-3xs);min-width:0}.s-observe-evidence-banner strong,.s-observe-evidence-card strong{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--ink)}.s-observe-evidence-banner small,.s-observe-evidence-card small{font-family:var(--font-mono);font-size:var(--text-2xs);line-height:var(--leading-normal);color:var(--dim)}.s-observe-evidence-dot{flex:none;width:7px;height:7px;margin-top:.34em;border-radius:50%;background:var(--dim)}[data-tone=live]>.s-observe-evidence-dot{background:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 12%,transparent)}[data-tone=recorded]>.s-observe-evidence-dot{background:var(--accent)}.s-observe-receipt-view{max-width:min(790px,calc(100% - 68px));margin-left:68px;padding:var(--space-xl);border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 54%,var(--bg));color:var(--dim)}.s-observe-receipt-view-copy{display:flex;flex-direction:column;gap:var(--space-3xs);font-family:var(--font-mono)}.s-observe-receipt-view-copy strong{color:var(--muted);font-size:var(--text-sm);font-weight:600}.s-observe-receipt-view-copy span{font-size:var(--text-xs);line-height:var(--leading-normal)}.s-observe-receipt-list{display:flex;flex-direction:column;gap:var(--space-sm);margin:var(--space-xl) 0 0;padding:var(--space-lg) 0 0;border-top:1px solid color-mix(in srgb,var(--border) 68%,transparent);list-style:none}.s-observe-receipt{display:flex;flex-direction:column;gap:var(--space-3xs);font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-normal);color:color-mix(in srgb,var(--muted) 78%,var(--dim))}.s-observe-receipt small{color:color-mix(in srgb,var(--dim) 78%,transparent);font-size:var(--text-2xs)}.s-observe--lane .s-observe-receipt-view{max-width:100%;margin:var(--space-md) 0}[data-tone=unavailable]>.s-observe-evidence-dot{background:var(--amber)}.s-observe-source{display:inline-flex;align-items:center;max-width:min(100%,860px);gap:var(--space-sm);margin:-4px 0 var(--space-lg) 68px;font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-tight)}.s-observe-source-label{color:var(--dim);letter-spacing:var(--tracking-lg);text-transform:uppercase}.s-observe-source-link{min-width:0;max-width:min(520px,60vw);padding:0;border:0;background:transparent;color:var(--green);cursor:pointer;font:inherit;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.s-observe-source-link:hover{color:var(--ink);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--green) 60%,transparent);text-underline-offset:3px}.s-observe-stream{position:relative;padding-left:68px;max-width:860px;-webkit-user-select:text;user-select:text}.s-observe-block{position:relative}.s-observe-block--inline{padding-right:32px}.s-observe-copy-btn{position:absolute;top:4px;right:4px;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--bg) 85%,transparent);color:var(--muted);cursor:pointer;opacity:0;transition:opacity .12s,color .12s,border-color .12s,background .12s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.s-observe-block:hover .s-observe-copy-btn,.s-observe-copy-btn:focus-visible{opacity:1}.s-observe-copy-btn:hover{color:var(--ink);border-color:color-mix(in srgb,var(--accent) 50%,var(--border));background:color-mix(in srgb,var(--bg) 95%,transparent)}.s-observe-copy-btn--copied{opacity:1;color:var(--green);border-color:color-mix(in srgb,var(--green) 50%,var(--border));background:color-mix(in srgb,var(--green) 8%,var(--bg))}.s-observe-copy-btn--inline{position:static;width:18px;height:18px;flex-shrink:0}.s-observe-spine{position:absolute;left:56px;top:0;bottom:0;width:1px;background:var(--border)}.s-observe-row{position:relative;padding-bottom:var(--space-3xl)}.s-observe-row-gap{position:absolute;left:-42px;top:0;font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--dim);letter-spacing:var(--tracking-sm);opacity:.6}.s-observe-row-time{position:absolute;left:-68px;top:2px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--dim);letter-spacing:var(--tracking-sm)}.s-observe-row-bead{position:absolute;left:-14px;top:6px;width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 3px var(--bg)}.s-observe-reasoning{min-width:0;max-width:100%}.s-observe-reasoning-header{display:flex;width:100%;min-width:0;min-height:26px;align-items:center;gap:var(--space-sm);padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--dim);font:inherit;text-align:left}.s-observe-reasoning-header--button{cursor:pointer}.s-observe-reasoning-header--button:hover{color:var(--ink)}.s-observe-reasoning-header--button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.s-observe-reasoning-state{display:inline-flex;flex:none;align-items:center;gap:var(--space-xs);color:currentColor;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;letter-spacing:var(--tracking-md);text-transform:uppercase}.s-observe-reasoning-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.s-observe-reasoning--live .s-observe-reasoning-state{color:color-mix(in srgb,var(--accent) 66%,var(--dim))}.s-observe-reasoning--live .s-observe-reasoning-dot{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}.s-observe-reasoning-preview{min-width:0;flex:1;overflow:hidden;color:color-mix(in srgb,var(--ink) 56%,var(--muted));font-size:var(--text-lg);line-height:var(--leading-normal);text-overflow:ellipsis;white-space:nowrap}.s-observe-reasoning-chevron{flex:none;margin-left:auto;transition:transform .15s cubic-bezier(.2,.7,.2,1)}.s-observe-reasoning--open .s-observe-reasoning-chevron{transform:rotate(180deg)}.s-observe-reasoning-body{display:grid;grid-template-rows:0fr;overflow:hidden;opacity:0;transition:grid-template-rows .22s cubic-bezier(.2,.7,.2,1),opacity .15s cubic-bezier(.2,.7,.2,1)}.s-observe-reasoning--open .s-observe-reasoning-body{grid-template-rows:1fr;opacity:1}.s-observe-reasoning-body-clip{min-height:0;overflow:hidden}.s-observe-reasoning-body-inner{display:flex;min-width:0;align-items:flex-end;gap:var(--space-sm);padding:var(--space-xs) 0 var(--space-sm) calc(6px + var(--space-sm))}.s-observe-reasoning-text{min-width:0;flex:1;color:color-mix(in srgb,var(--ink) 72%,var(--muted));font-family:var(--font-sans);font-size:var(--text-xl);font-weight:450;line-height:1.5;letter-spacing:-.012em;white-space:pre-wrap;word-break:break-word}.s-observe-reasoning-tools{flex:none;padding-bottom:var(--space-2xs)}.s-observe-reasoning-tools .s-observe-copy-btn{opacity:.72}.s-observe-stream-cursor{display:inline-block;width:2px;height:1.05em;margin-left:var(--space-2xs);background:var(--dim);transform-origin:center;vertical-align:-.16em}.s-observe-stream-cursor[data-receiving]{background:var(--accent)}.s-observe-message--streaming .s-observe-message-text{color:color-mix(in srgb,var(--ink) 90%,var(--muted))}.s-observe-reasoning--compact{padding:var(--space-2xs) 0 var(--space-xs)}.s-observe-reasoning--compact .s-observe-reasoning-header{min-height:22px}.s-observe-reasoning--compact .s-observe-reasoning-preview,.s-observe-reasoning--compact .s-observe-reasoning-text{font-size:var(--text-sm);line-height:1.45}.s-observe-reasoning--compact:not(.s-observe-reasoning--live) .s-observe-reasoning-body-inner{max-height:min(42vh,360px);overflow:auto}@media(prefers-reduced-motion:reduce){.s-observe-reasoning-body,.s-observe-reasoning-chevron{transition:none}}.s-observe-cursor{display:inline-block;width:7px;height:14px;background:var(--dim);margin-left:var(--space-2xs);vertical-align:-2px;animation:s-profile-blink 1s steps(1) infinite}.s-observe-tool{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);overflow:hidden}.s-observe-tool-header{padding:var(--space-sm) var(--space-lg);display:flex;align-items:center;gap:var(--space-md);background:color-mix(in srgb,var(--bg) 50%,var(--surface));min-width:0}.s-observe-tool-header .s-observe-tool-cmd{flex:1;min-width:0}.s-observe-tool-header--has-body{border-bottom:1px solid var(--border)}.s-observe-tool-glyph{font-family:var(--font-mono);font-weight:600;color:var(--accent);font-size:var(--text-lg);width:14px;text-align:center}.s-observe-tool-cmd{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-xs);color:var(--ink)}.s-observe-tool-cmd-name{color:var(--dim)}.s-observe-tool-cmd-arg{color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere}.s-observe-tool-outcome{margin-left:var(--space-sm);font-size:var(--text-2xs);letter-spacing:var(--tracking-md);text-transform:uppercase}.s-observe-tool-outcome--success{color:var(--green)}.s-observe-tool-result{padding:var(--space-sm) var(--space-xl);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--dim)}.s-observe-tool-diff{padding:var(--space-sm) var(--space-xl);font-family:var(--font-mono);font-size:var(--text-sm)}.s-observe-tool-diff-stats{color:var(--dim);margin-bottom:var(--space-xs)}.s-observe-tool-diff-add{color:var(--green)}.s-observe-tool-diff-del{color:var(--red)}.s-observe-tool-diff-preview{margin:0;padding:var(--space-sm) var(--space-md);background:color-mix(in srgb,var(--bg) 70%,black);border-radius:var(--radius-sm);color:var(--ink);font-size:var(--text-sm);line-height:var(--leading-normal);white-space:pre-wrap;font-family:var(--font-mono)}.s-observe-diff-line--add{color:var(--green)}.s-observe-diff-line--del{color:var(--red)}.s-observe-diff-line--hunk{color:var(--dim)}.s-observe-tool-stream{margin:0;padding:var(--space-sm) var(--space-xl);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--muted);line-height:var(--leading-normal);white-space:pre-wrap}.s-observe-ask{border:1px solid color-mix(in srgb,var(--ink) 12%,var(--border));border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--ink) 4%,transparent),transparent 56%),color-mix(in srgb,var(--surface) 78%,var(--bg));box-shadow:inset 0 1px color-mix(in srgb,var(--ink) 5%,transparent);padding:var(--space-lg) var(--space-xl)}.s-observe-ask-label{display:flex;align-items:center;gap:var(--space-xs);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--ink) 58%,var(--dim));margin-bottom:var(--space-sm)}.s-observe-ask-label:before{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:currentColor;opacity:.8}.s-observe-ask-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-sm)}.s-observe-ask-tag{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:2px 8px;border:1px solid color-mix(in srgb,var(--ink) 13%,transparent);border-radius:999px;background:color-mix(in srgb,var(--ink) 4%,transparent);font-family:var(--font-mono);font-size:var(--text-2xs);line-height:1.5;color:color-mix(in srgb,var(--dim) 84%,var(--muted))}.s-observe-ask-tag svg{flex:none;opacity:.7}.s-observe-ask-tag-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-observe-ask-tag-detail{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:color-mix(in srgb,var(--ink) 62%,var(--dim))}.s-observe-ask-tag-detail:before{content:"·";margin-right:5px;opacity:.6}.s-observe-ask-title{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:620;line-height:1.42;color:color-mix(in srgb,var(--ink) 94%,var(--muted));margin-bottom:var(--space-sm)}.s-observe-ask-text{font-family:var(--font-sans);font-size:var(--text-md);line-height:1.58;color:color-mix(in srgb,var(--ink) 82%,var(--muted))}.s-observe-ask-answer{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px dashed var(--border);display:flex;gap:var(--space-md);align-items:flex-start}.s-observe-ask-answer-meta{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--dim);flex-shrink:0}.s-observe-ask-answer-text{font-size:var(--text-lg);color:var(--muted);line-height:var(--leading-snug);flex:1}.s-observe-message-label{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-lg);text-transform:uppercase;color:var(--dim);margin-bottom:var(--space-2xs)}.s-observe-message-text{font-size:var(--text-lg);line-height:var(--leading-normal);color:var(--ink)}.s-observe-note{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-2xs) var(--space-md);background:color-mix(in srgb,var(--green) 8%,transparent);border-radius:var(--radius-2xl)}.s-observe-note-icon{color:var(--green);font-size:var(--text-sm)}.s-observe-note-text{font-size:var(--text-md);color:var(--muted)}.s-observe-system{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--dim);letter-spacing:var(--tracking-sm)}.s-observe-system-line{display:inline}.s-observe-system-text{color:inherit}.s-observe-system-arrow{color:color-mix(in srgb,var(--dim) 60%,transparent)}.s-observe-system-detail{margin-top:var(--space-2xs);color:var(--muted);font-style:italic}.s-observe-live-sticky{position:sticky;top:10px;z-index:5;display:flex;justify-content:flex-end;pointer-events:none;margin:-2px -10px var(--space-sm) 0;padding:0}.s-observe-follow-btn{pointer-events:auto;display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-2xs) var(--space-md) var(--space-2xs) var(--space-sm);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--bg) 80%,transparent);color:var(--muted);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-sm);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:color .15s,border-color .15s,background .15s}.s-observe-follow-btn:hover{color:var(--ink);border-color:color-mix(in srgb,var(--border) 100%,transparent);background:color-mix(in srgb,var(--bg) 92%,transparent)}.s-observe-follow-btn--on{color:var(--green);border-color:color-mix(in srgb,var(--green) 35%,var(--border));background:color-mix(in srgb,var(--green) 6%,var(--bg))}.s-observe-follow-btn--on:hover{color:var(--green);border-color:color-mix(in srgb,var(--green) 50%,var(--border));background:color-mix(in srgb,var(--green) 10%,var(--bg))}.s-observe-rail{grid-column:2;grid-row:1;border-left:1px solid var(--border);overflow-y:auto;overflow-y:overlay;padding:var(--space-4xl) var(--space-3xl) var(--space-4xl);display:flex;flex-direction:column;gap:var(--space-4xl);scrollbar-width:thin;scrollbar-color:transparent transparent}.s-observe-rail--context{grid-column:auto;grid-row:auto;height:100%;min-height:0;border-left:0;padding:var(--space-3xl) var(--space-2xl) var(--space-4xl);background:color-mix(in srgb,var(--bg) 96%,black)}.s-observe-rail:hover{scrollbar-color:color-mix(in srgb,var(--ink) 12%,transparent) transparent}.s-observe-rail-label{display:flex;align-items:baseline;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-sm);font-variant:small-caps;font-weight:500;letter-spacing:var(--tracking-sm);text-transform:none;color:color-mix(in srgb,var(--muted) 62%,var(--dim));margin-bottom:var(--space-md)}.s-observe-ctx-detail{font-family:var(--font-mono);font-size:var(--text-xs);color:color-mix(in srgb,var(--dim) 86%,transparent);margin-top:var(--space-sm);line-height:var(--leading-normal)}.s-observe-empty{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-normal);color:color-mix(in srgb,var(--dim) 78%,transparent)}.s-observe-empty:before{content:"";flex-shrink:0;width:12px;height:1px;background:color-mix(in srgb,var(--dim) 45%,transparent)}.s-observe-detail-list{display:flex;flex-direction:column;gap:1px;border:1px solid color-mix(in srgb,var(--border) 88%,var(--surface));border-radius:var(--radius-lg);overflow:hidden;background:color-mix(in srgb,var(--surface) 90%,var(--bg));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:var(--space-md)}.s-observe-detail-row{display:grid;grid-template-columns:minmax(84px,108px) minmax(0,1fr);gap:var(--space-lg);align-items:start;padding:var(--space-md) var(--space-lg);background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 2%,transparent),transparent 28%),color-mix(in srgb,var(--surface) 94%,transparent)}.s-observe-detail-value-wrap{display:flex;align-items:center;gap:var(--space-sm);min-width:0;justify-content:end}.s-observe-detail-value-wrap>.s-observe-detail-value,.s-observe-detail-value-wrap>.s-observe-detail-link{flex:1 1 auto;min-width:0}.s-observe-detail-value-wrap .s-observe-copy-btn--inline{opacity:0}.s-observe-detail-row:hover .s-observe-copy-btn--inline,.s-observe-detail-value-wrap .s-observe-copy-btn--inline:focus-visible,.s-observe-detail-value-wrap .s-observe-copy-btn--inline.s-observe-copy-btn--copied{opacity:1}.s-observe-detail-row+.s-observe-detail-row{border-top:1px solid color-mix(in srgb,var(--border) 82%,var(--surface))}.s-observe-detail-label{font-family:var(--font-mono);font-size:var(--text-2xs);font-variant:small-caps;letter-spacing:var(--tracking-sm);text-transform:none;line-height:var(--leading-snug);color:var(--dim)}.s-observe-detail-value{min-width:0;justify-self:end;text-align:right;font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-observe-detail-value--wrap{overflow:visible;text-overflow:clip;white-space:normal;word-break:break-word}.s-observe-detail-link{border:0;background:transparent;cursor:pointer;padding:0}.s-observe-detail-link:hover{color:var(--green);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--green) 55%,transparent);text-underline-offset:3px}.s-observe-path-link-group{display:inline-flex;align-items:baseline;gap:var(--space-2xs)}.s-observe-path-link-external{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--muted);cursor:pointer;padding:0 var(--space-3xs);border-radius:var(--radius-sm);transition:color .15s ease,background .15s ease}.s-observe-path-link-external:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 6%,transparent)}.s-observe-detail-value--accent{color:var(--accent)}.s-observe-detail-value--good{color:var(--green)}.s-observe-detail-value--warn{color:var(--amber)}.s-observe-files{display:flex;flex-direction:column;gap:var(--space-2xs)}.s-observe-file{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md)}.s-observe-file--visible{background:var(--surface)}.s-observe-file--hidden{opacity:.35}.s-observe-file-glyph{width:14px;height:14px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--text-xs);flex-shrink:0}.s-observe-file-path{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--muted);flex:1;min-width:0;padding:0;border:0;background:transparent;cursor:pointer;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.s-observe-file-path:hover{color:var(--ink);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--green) 45%,transparent);text-underline-offset:3px}.s-observe-file-touches{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--dim)}.s-observe-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.s-observe-stats--usage{margin-bottom:var(--space-md)}.s-observe-stat{display:flex;flex-direction:column;gap:var(--space-3xs);padding:var(--space-md) var(--space-lg);border:1px solid color-mix(in srgb,var(--border) 88%,transparent);border-radius:var(--radius-lg);background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent) 5%,transparent),transparent 42%),color-mix(in srgb,var(--surface) 92%,var(--bg));box-shadow:inset 0 1px color-mix(in srgb,white 4%,transparent),0 6px 16px -20px color-mix(in srgb,black 70%,transparent)}.s-observe-stat--quiet{background:color-mix(in srgb,var(--surface) 42%,transparent);border-color:color-mix(in srgb,var(--border) 48%,transparent);box-shadow:none}.s-observe-stat-value{font-family:var(--font-accent-title);font-size:var(--text-4xl);font-variant-numeric:tabular-nums;letter-spacing:0;line-height:var(--leading-none);color:var(--ink)}.s-observe-stat--quiet .s-observe-stat-value{color:color-mix(in srgb,var(--dim) 70%,transparent)}.s-observe-stat-label{font-family:var(--font-mono);font-size:var(--text-2xs);font-variant:small-caps;letter-spacing:var(--tracking-sm);text-transform:none;color:var(--dim)}.s-observe-stat-detail{margin-top:var(--space-2xs);font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-snug);color:var(--dim)}.s-observe-compose{width:100%;max-width:none;margin:0;padding:0}.s-observe-compose-shell{width:100%;border:1px solid color-mix(in srgb,var(--border) 72%,var(--surface));border-radius:var(--radius-xl);background:var(--surface);box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 2%,transparent);transition:border-color .15s ease,box-shadow .15s ease}.s-observe-compose-shell:focus-within{border-color:color-mix(in srgb,var(--accent) 32%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 6%,transparent)}.s-observe-compose-row{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,34px);grid-template-rows:minmax(74px,auto) 34px;align-items:end;column-gap:var(--space-sm);row-gap:var(--space-xs);min-width:0;padding:var(--space-sm)}.s-observe-compose-input{display:block;grid-column:1 / -1;grid-row:1;flex:1;width:100%;min-width:0;min-height:74px;max-height:180px;resize:none;overflow-y:auto;padding:var(--space-sm) var(--space-2xs) var(--space-sm) var(--space-md);border:0;border-radius:0;background:transparent;color:var(--ink);font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-normal);outline:none}.s-observe-compose-input:focus{box-shadow:none}.s-observe-compose-input::placeholder{color:var(--dim)}.s-observe-compose-input:disabled{cursor:not-allowed;opacity:.58}.s-observe-compose-tool{grid-column:2;grid-row:2;justify-self:end;width:34px;height:34px;border:1px solid color-mix(in srgb,var(--border) 82%,var(--surface));border-radius:50%;background:color-mix(in srgb,var(--bg) 65%,transparent);color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;align-self:flex-end;transition:border-color .12s ease,color .12s ease,background .12s ease,transform .12s ease}.s-observe-compose-row .s-dictation-mic{grid-column:3;grid-row:2;justify-self:end}.s-observe-compose-tool:hover{color:var(--ink);border-color:color-mix(in srgb,var(--ink) 28%,transparent);background:color-mix(in srgb,var(--ink) 6%,transparent)}.s-observe-compose-tool:disabled{cursor:default;opacity:.35}.s-observe-compose-send{grid-column:4;grid-row:2;justify-self:end;width:34px;height:34px;border:0;border-radius:50%;background:var(--ink);color:var(--bg);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;align-self:flex-end;transition:opacity .12s ease,transform .12s ease}.s-observe-compose-send:not(:disabled):hover{transform:scale(1.05)}.s-observe-compose-send:disabled{cursor:default;opacity:.25}.s-observe-compose-status{margin-top:var(--space-sm);color:var(--green);font-family:var(--font-mono);font-size:var(--text-xs)}.s-observe-compose-status--error{color:var(--red)}.s-observe-compose-status--muted{color:var(--dim)}.s-observe-scrubber{grid-column:1 / -1;grid-row:2;border-top:1px solid var(--border);background:color-mix(in srgb,var(--bg) 80%,black);display:flex;flex-direction:column;align-items:stretch;gap:var(--space-sm);padding:var(--space-md) var(--space-3xl) var(--space-lg)}.s-observe-transport{display:flex;align-items:center;gap:var(--space-lg);width:100%}.s-observe-static-evidence{display:flex;align-items:center;gap:var(--space-sm);min-height:32px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted)}.s-observe-static-evidence .s-observe-evidence-dot{margin-top:0}.s-observe-static-evidence small{color:var(--dim)}.s-observe-transport[data-snap] .s-observe-track{background:color-mix(in srgb,var(--ink) 13%,transparent)}.s-observe-play-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:var(--bg);color:var(--ink);cursor:pointer;font-size:var(--text-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;padding-left:var(--space-3xs);transition:border-color .12s ease,background .12s ease,color .12s ease,box-shadow .12s ease,transform .12s ease}.s-observe-play-btn:hover{border-color:var(--accent)}.s-observe-play-btn[data-state=tail]{border-color:color-mix(in srgb,var(--accent) 82%,var(--border));background:var(--accent);color:#000;box-shadow:inset 0 2px 4px #00000047,0 0 0 2px color-mix(in srgb,var(--accent) 16%,transparent);transform:translateY(1px)}.s-observe-play-btn[data-state=playing]{border-color:color-mix(in srgb,var(--accent) 72%,var(--border));background:color-mix(in srgb,var(--accent) 18%,var(--bg));color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 8%,transparent)}.s-observe-play-btn[data-state=paused]{background:color-mix(in srgb,var(--ink) 5%,var(--bg));color:color-mix(in srgb,var(--muted) 82%,var(--ink))}.s-observe-rewind-btn{padding:var(--space-2xs) var(--space-sm);border:1px solid var(--border);border-radius:var(--radius-md);background:transparent;color:var(--muted);cursor:pointer;font-size:var(--text-md);flex-shrink:0}.s-observe-rewind-btn:hover{color:var(--ink);border-color:color-mix(in srgb,var(--ink) 30%,transparent)}.s-observe-track-wrap{flex:1;position:relative;height:54px;min-width:0}.s-observe-track-barsHead{position:absolute;left:0;right:0;top:0;display:flex;justify-content:space-between;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-md);text-transform:uppercase;color:color-mix(in srgb,var(--muted) 72%,var(--dim));pointer-events:none}.s-observe-track-bars{position:absolute;left:0;right:0;top:15px;height:20px;display:grid;grid-template-columns:repeat(48,minmax(1px,1fr));align-items:end;gap:2px;pointer-events:none}.s-observe-track-bar{min-height:0;border-radius:2px 2px 0 0;background:color-mix(in srgb,var(--accent) 42%,transparent);opacity:0}.s-observe-track-bar[data-active]{background:color-mix(in srgb,var(--accent) 68%,transparent)}.s-observe-track-bar[style]{opacity:1}.s-observe-track{position:absolute;left:0;right:0;top:39px;height:8px;background:color-mix(in srgb,var(--ink) 10%,transparent);border-radius:var(--radius-sm);cursor:pointer}.s-observe-track:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.s-observe-track-tick{position:absolute;width:1.5px;opacity:.7}.s-observe-track-played{position:absolute;left:0;top:0;bottom:0;background:var(--accent);border-radius:var(--radius-xs)}.s-observe-track-cursor{position:absolute;top:-4px;transform:translate(-50%);width:3px;height:16px;background:var(--accent);border-radius:var(--radius-xs)}.s-observe-speed-group{display:flex;gap:var(--space-2xs);flex-shrink:0}.s-observe-speed-btn{padding:var(--space-2xs) var(--space-sm);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);cursor:pointer;background:transparent;color:var(--muted)}.s-observe-speed-btn--active{background:var(--accent);color:#000;border-color:var(--accent)}@media(max-width:1080px){.s-observe{grid-template-columns:1fr;grid-template-rows:1fr auto auto}.s-observe-rail{grid-column:1;grid-row:2;border-left:0;border-top:1px solid var(--border);padding:var(--space-3xl);gap:var(--space-3xl)}.s-observe-scrubber{grid-column:1;grid-row:3}.s-observe-compose{margin-left:0}.s-observe-transport{gap:var(--space-sm)}.s-observe-detail-row{grid-template-columns:1fr;gap:var(--space-xs)}.s-observe-detail-value{justify-self:start;text-align:left;white-space:normal}.s-observe-stats{grid-template-columns:1fr 1fr}}.s-observe-session-header{display:flex;flex-direction:column;gap:var(--space-sm)}.s-observe-session-active{display:flex;flex-direction:column;gap:var(--space-2xs)}.s-observe-session-row{display:flex;align-items:center;gap:var(--space-sm)}.s-observe-session-id{font-family:var(--mono);font-size:var(--text-sm);letter-spacing:var(--tracking-sm);color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);padding:var(--space-3xs) var(--space-xs);border-radius:var(--radius-sm)}.s-observe-session-time{font-size:var(--text-sm);color:var(--dim)}.s-observe-takeover-btn{margin-left:auto;font-family:var(--mono);font-size:var(--text-xs);letter-spacing:var(--tracking-md);text-transform:uppercase;color:var(--green);background:color-mix(in srgb,var(--green) 8%,transparent);border:1px solid color-mix(in srgb,var(--green) 20%,transparent);padding:var(--space-2xs) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,border-color .15s}.s-observe-takeover-btn:hover{background:color-mix(in srgb,var(--green) 16%,transparent);border-color:color-mix(in srgb,var(--green) 35%,transparent)}.s-observe-pair-btn{margin-left:auto;font-family:var(--mono);font-size:var(--text-xs);letter-spacing:var(--tracking-md);text-transform:uppercase;color:var(--ink);background:transparent;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);padding:var(--space-2xs) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.s-observe-pair-btn+.s-observe-takeover-btn{margin-left:0}.s-observe-pair-btn:hover{color:var(--green);background:color-mix(in srgb,var(--green) 6%,transparent);border-color:color-mix(in srgb,var(--green) 25%,transparent)}.s-observe-session-history{display:flex;flex-direction:column;gap:var(--space-2xs);padding-top:var(--space-2xs);border-top:1px solid var(--border)}.s-observe-session-history-label{font-size:var(--text-xs);letter-spacing:var(--tracking-md);text-transform:uppercase;color:var(--dim);margin-bottom:var(--space-3xs)}.s-observe-session-past{display:flex;align-items:center;gap:var(--space-sm);opacity:.6}.s-observe-session-past .s-observe-session-id{color:var(--dim);background:color-mix(in srgb,var(--ink) 5%,transparent)}
+.s-observe{display:grid;grid-template-columns:1fr 320px;grid-template-rows:1fr auto;flex:1;min-height:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink)}.s-observe--content-only{grid-template-columns:1fr}.s-observe--content-only .s-observe-stream{max-width:min(1040px,100%)}.s-observe--lane{--lane-glyph-size: var(--text-xl);--lane-glyph-width: 18px;--lane-glyph-color: color-mix(in srgb, var(--accent) 62%, var(--dim));grid-template-rows:1fr;height:100%;min-height:0;background:transparent}.s-observe--lane .s-observe-main{--lane-time-col: 62px;--lane-spine-x: 64px;padding:0 var(--space-lg) var(--space-lg);overflow-x:hidden;scrollbar-width:none!important;-ms-overflow-style:none}.s-observe--lane .s-observe-main::-webkit-scrollbar{display:none;width:0;height:0}.s-observe-lane-trace-meta{position:sticky;top:0;z-index:7;flex:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);min-height:32px;margin:0 calc(-1 * var(--space-lg)) var(--space-xs);padding:var(--space-xs) var(--space-lg);border-bottom:1px solid color-mix(in srgb,var(--ink) 6%,transparent);background:color-mix(in srgb,var(--bg) 97%,var(--surface) 3%);box-shadow:0 1px color-mix(in srgb,var(--ink) 3%,transparent)}.s-observe-lane-trace-meta-leading{display:inline-flex;align-items:center;gap:var(--space-sm);min-width:0;flex:none}.s-observe-lane-trace-meta-label{flex:none;font-family:var(--font-sans);font-size:var(--text-2xs);font-weight:600;letter-spacing:.1em;line-height:var(--leading-none);text-transform:uppercase;color:var(--dim)}.s-observe-lane-trace-mode{position:relative;display:inline-flex;align-items:center;gap:4px;min-height:20px;padding:2px 7px;border:1px solid color-mix(in srgb,var(--ink) 8%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface) 44%,transparent);color:var(--dim);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-xs);line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .14s ease,border-color .14s ease,color .14s ease}.s-observe-lane-trace-mode:hover{color:var(--ink);border-color:color-mix(in srgb,var(--ink) 16%,transparent);background:color-mix(in srgb,var(--surface) 72%,transparent)}.s-observe-lane-trace-mode--concise{color:color-mix(in srgb,var(--accent) 78%,var(--dim));border-color:color-mix(in srgb,var(--accent) 20%,transparent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.s-observe-lane-trace-mode input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.s-observe-lane-trace-mode svg{flex:none;opacity:.9}.s-observe-lane-trace-mode:has(input:focus-visible){outline:2px solid color-mix(in srgb,var(--accent) 48%,transparent);outline-offset:2px}.s-observe-lane-trace-meta-stats{display:flex;align-items:baseline;gap:.35rem;min-width:0;overflow:hidden;white-space:nowrap;font-family:var(--font-mono);font-size:var(--text-2xs);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-xs);color:var(--dim)}.s-observe-lane-trace-meta-window{color:var(--muted)}.s-observe-lane-trace-meta-sep{opacity:.5}.s-observe-lane-trace-meta-tag{flex:none;margin-left:var(--space-2xs);padding:0 var(--space-xs);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--ink) 6%,transparent);color:var(--dim);text-transform:lowercase;letter-spacing:var(--tracking-xs);cursor:default}.s-observe--lane .s-observe-stream{max-width:100%;padding:var(--space-xs) var(--space-md) var(--space-lg) calc(var(--lane-time-col) + var(--space-xl))}.s-observe--lane .s-observe-spine{left:var(--lane-spine-x);width:1px;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--accent) 22%,transparent) 8%,color-mix(in srgb,var(--accent) 38%,transparent) 50%,color-mix(in srgb,var(--accent) 22%,transparent) 92%,transparent 100%);opacity:1}.s-observe--lane .s-observe-row--selectable{cursor:pointer}.s-observe--lane .s-observe-row--selectable:hover .s-observe-row-bead{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.s-observe--lane .s-observe-row--selectable:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px}.s-observe-row--highlighted>.s-observe-row-bead{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 28%,transparent)}.s-observe-row--highlighted>.s-observe-block{background:color-mix(in srgb,var(--accent) 6%,transparent);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md)}.s-observe-row--highlighted>.s-observe-tool{padding:0}.s-lane-trace-sheet-body .s-observe-row--highlighted{z-index:1}.s-lane-trace-sheet-body .s-observe-row--highlighted>.s-observe-row-bead{background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 34%,transparent),0 0 14px color-mix(in srgb,var(--accent) 45%,transparent)}.s-lane-trace-sheet-body .s-observe-row--highlighted>.s-observe-block{background:color-mix(in srgb,var(--accent) 12%,var(--surface, oklch(.178 .005 260)));outline:1px solid color-mix(in srgb,var(--accent) 36%,transparent);outline-offset:0;border-radius:var(--radius-sm);padding:var(--space-md) var(--space-lg);animation:s-observe-row-focus-pulse 1.4s ease-out 1}.s-lane-trace-sheet-body .s-observe-row--highlighted>.s-observe-tool{padding:0}.s-observe-focus-group{position:relative}.s-observe-focus-group--active{margin-bottom:var(--space-lg)}.s-observe-focus-group--active .s-observe-row--focus-anchor{padding-bottom:var(--space-xs);z-index:1}.s-observe-focus-group--active .s-observe-row--focus-anchor>.s-observe-row-bead{background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 34%,transparent),0 0 16px color-mix(in srgb,var(--accent) 50%,transparent)}.s-observe-focus-group--active .s-observe-row--focus-anchor>.s-observe-block{background:color-mix(in srgb,var(--accent) 10%,var(--surface, oklch(.178 .005 260)));border-radius:var(--radius-sm) var(--radius-sm) 0 0;outline:1px solid color-mix(in srgb,var(--accent) 34%,transparent);outline-offset:0;padding:var(--space-md) var(--space-lg);animation:none}.s-observe-focus-group--active .s-observe-row--focus-anchor>.s-observe-tool{padding:0}.s-observe-focus-connector{position:relative;left:-14px;width:18px;height:10px;margin-top:-2px;margin-bottom:-1px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);border-bottom-left-radius:6px;pointer-events:none}.s-observe-focus-detail{position:relative}@keyframes s-observe-row-focus-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 42%,transparent)}40%{box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 0%,transparent)}to{box-shadow:none}}.s-observe--lane .s-observe-row{padding-bottom:var(--space-md);padding-left:var(--space-sm)}.s-observe--lane .s-observe-row:before{content:"";position:absolute;left:calc(var(--lane-spine-x) + 1px - var(--lane-time-col) - var(--space-lg));top:9px;width:10px;height:1px;background:color-mix(in srgb,var(--accent) 36%,transparent)}@keyframes s-observe-row-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes s-observe-row-tick-enter{0%{width:0;opacity:0}to{width:10px;opacity:1}}.s-observe--lane .s-observe-row--enter{animation:s-observe-row-enter .34s cubic-bezier(.22,1,.36,1) both}.s-observe--lane .s-observe-row--enter:before{animation:s-observe-row-tick-enter .26s cubic-bezier(.22,1,.36,1) both}@media(prefers-reduced-motion:reduce){.s-observe--lane .s-observe-row--enter,.s-observe--lane .s-observe-row--enter:before{animation:none}}.s-observe--lane .s-observe-row:last-child{padding-bottom:var(--space-sm)}.s-observe--lane .s-observe-row--tool-simple{padding-bottom:0}.s-observe--lane .s-observe-row--tool-stacked{margin-top:-3px}.s-observe--lane .s-observe-row--tool-stacked:before{display:none}.s-observe--lane .s-observe-row--tool-stacked .s-observe-row-time{visibility:hidden}.s-observe--lane .s-observe-row--tool-simple>.s-observe-block{margin-top:0}.s-observe--lane .s-observe-row--tool-simple.s-observe-row--selectable{cursor:pointer}.s-observe--lane .s-observe-row--tool-simple.s-observe-row--selectable:hover .s-observe-tool--simple{color:var(--ink)}.s-observe-tool-hover-anchor,.s-observe-row-hover-target{display:block;width:100%;min-width:0}.s-observe--lane .s-observe-row--hover-preview{z-index:2}.s-observe--lane .s-observe-row--hover-preview .s-observe-tool{border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent) 9%,var(--surface, oklch(.178 .005 260)));outline:1px solid color-mix(in srgb,var(--accent) 28%,transparent);outline-offset:0}.s-observe--lane .s-observe-row--hover-preview .s-observe-tool-cmd-name,.s-observe--lane .s-observe-row--hover-preview .s-observe-tool-cmd-arg{color:var(--ink)}.s-observe-tool-hover-card{--hover-caret-top: 14px;z-index:10050;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--border, oklch(.34 .008 260)) 92%,var(--ink, oklch(.965 .006 260)));background:var(--surface, oklch(.178 .005 260));color:var(--ink, oklch(.965 .006 260));box-shadow:0 12px 28px #00000094,0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent);pointer-events:auto;isolation:isolate}.s-observe-tool-hover-card:before,.s-observe-tool-hover-card:after{content:"";position:absolute;top:var(--hover-caret-top);width:0;height:0;transform:translateY(-50%);pointer-events:none}.s-observe-tool-hover-card:after{height:1px;width:10px;border:none;background:color-mix(in srgb,var(--accent) 42%,var(--border, oklch(.34 .012 80)));transform:translateY(-50%)}.s-observe-tool-hover-card--side-right:before{left:-7px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:7px solid var(--surface, oklch(.178 .005 260));filter:drop-shadow(-1px 0 0 color-mix(in srgb,var(--accent) 30%,transparent))}.s-observe-tool-hover-card--side-right:after{left:-11px}.s-observe-tool-hover-card--side-left:before{right:-7px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid var(--surface, oklch(.178 .005 260));filter:drop-shadow(1px 0 0 color-mix(in srgb,var(--accent) 30%,transparent))}.s-observe-tool-hover-card--side-left:after{right:-11px}.s-observe-tool-hover-card-cmd{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--ink);line-height:1.35;word-break:break-word}.s-observe-tool-hover-card-meta{margin-top:var(--space-3xs);font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--muted)}.s-observe-tool-hover-card-line{margin-top:var(--space-2xs);font-family:var(--font-mono);font-size:var(--text-2xs);line-height:1.4;color:color-mix(in srgb,var(--ink) 72%,var(--muted));white-space:pre-wrap;word-break:break-word}.s-observe-tool-hover-card-hint{margin-top:var(--space-sm);padding-top:var(--space-2xs);border-top:1px solid color-mix(in srgb,var(--ink) 14%,transparent);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-xs);color:color-mix(in srgb,var(--muted) 55%,var(--accent) 45%)}.s-observe--lane .s-observe-row-time{position:absolute;left:calc(-1 * var(--lane-time-col) - var(--space-lg));top:4px;width:var(--lane-time-col);min-width:var(--lane-time-col);max-width:var(--lane-time-col);display:flex;flex-direction:column;align-items:flex-end;font-family:var(--font-mono);font-size:var(--text-2xs);font-variant-numeric:tabular-nums;letter-spacing:.01em;color:color-mix(in srgb,var(--dim) 84%,var(--accent) 16%);text-align:right;white-space:nowrap;padding-right:var(--space-sm)}.s-observe--lane .s-observe-row-clock{font-size:var(--text-2xs);line-height:1.3;letter-spacing:.015em;color:color-mix(in srgb,var(--dim) 90%,transparent)}.s-observe--lane.s-observe--lane-gutter-label{--lane-time-col: 84px;--lane-spine-x: 86px}.s-observe--lane.s-observe--lane-gutter-label .s-observe-row-time{gap:1px}.s-observe--lane.s-observe--lane-gutter-label .s-observe-row-kind{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:var(--text-xs);font-weight:600;line-height:1.25;letter-spacing:.01em;color:color-mix(in srgb,var(--dim) 82%,var(--accent) 18%)}.s-observe--lane.s-observe--lane-gutter-label .s-observe-row-clock{font-size:var(--text-2xs);line-height:1.25;color:color-mix(in srgb,var(--dim) 78%,transparent)}.s-observe--lane .s-observe-row-repeat{font-size:var(--text-2xs);letter-spacing:.02em;color:color-mix(in srgb,var(--dim) 72%,var(--accent) 28%)}.s-observe--lane .s-observe-row-gap{left:calc(var(--lane-spine-x) + 1px - var(--lane-time-col) - var(--space-lg));top:-1px;transform:translate(-50%);font-size:var(--text-2xs);letter-spacing:.02em;color:color-mix(in srgb,var(--dim) 80%,var(--accent) 20%);opacity:.92}.s-observe--lane .s-observe-row-bead{display:none}.s-observe--lane .s-observe-row>.s-observe-block{margin-top:1px;min-width:0;max-width:100%;overflow:hidden}.s-observe--lane .s-observe-note--lane{display:flex;align-items:center;gap:var(--space-sm);margin:var(--space-2xs) 0;padding:0;border:0;border-radius:0;background:transparent;line-height:1.35;max-width:100%}.s-observe--lane .s-observe-note--lane .s-observe-note-text{flex:none;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:500;letter-spacing:var(--tracking-xs);text-transform:lowercase;color:var(--dim);word-break:break-word}.s-observe--lane .s-observe-note--lane:after{content:"";flex:1;height:1px;min-width:var(--space-lg);background:color-mix(in srgb,var(--ink) 8%,transparent)}.s-observe--lane .s-observe-row--tech-summary{padding-bottom:var(--space-xs)}.s-observe--lane .s-observe-row--tech-summary:before{width:6px;opacity:.6;background:color-mix(in srgb,var(--dim) 42%,transparent)}.s-observe--lane .s-observe-tech-summary{display:inline-flex;align-items:baseline;gap:var(--space-sm);max-width:100%;min-width:0;padding:2px 8px;border:1px solid color-mix(in srgb,var(--ink) 8%,transparent);border-radius:6px;background:color-mix(in srgb,var(--surface) 34%,transparent);font-family:var(--font-mono);font-size:var(--text-2xs);line-height:1.4;color:var(--dim)}.s-observe--lane .s-observe-tech-summary--toggle{cursor:pointer;text-align:left;transition:border-color .12s ease,background-color .12s ease,color .12s ease}.s-observe--lane .s-observe-tech-summary--toggle:hover,.s-observe--lane .s-observe-tech-summary--toggle:focus-visible{border-color:color-mix(in srgb,var(--accent) 28%,transparent);background:color-mix(in srgb,var(--accent) 8%,var(--surface) 34%);color:color-mix(in srgb,var(--ink) 72%,var(--accent) 28%);outline:none}.s-observe--lane .s-observe-tech-summary--toggle.is-expanded{border-color:color-mix(in srgb,var(--accent) 22%,transparent);background:color-mix(in srgb,var(--accent) 6%,var(--surface) 34%)}.s-observe--lane .s-observe-tech-summary-chevron{flex:none;align-self:center;opacity:.72}.s-observe--lane .s-observe-tech-rollup-details{display:flex;flex-direction:column;gap:0;margin:0 0 var(--space-xs) calc(var(--space-md) + 6px);padding-left:var(--space-md);border-left:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}.s-observe--lane .s-observe-tech-summary-count{flex:none;color:color-mix(in srgb,var(--dim) 72%,var(--accent) 28%);font-weight:600}.s-observe--lane .s-observe-tech-summary-detail{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:color-mix(in srgb,var(--dim) 82%,transparent)}.s-observe--lane .s-observe-system--lane{display:flex;flex-direction:column;gap:var(--space-2xs);margin:0;font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.45;letter-spacing:.01em;color:var(--muted)}.s-observe--lane .s-observe-system--lane .s-observe-system-line{display:block;min-width:0}.s-observe--lane .s-observe-system--lane .s-observe-system-text{color:var(--muted);word-break:break-word}.s-observe--lane .s-observe-grok-permission{display:inline-flex;align-items:center;gap:var(--space-sm);max-width:100%;padding:2px 8px;border:1px solid color-mix(in srgb,var(--ink) 10%,transparent);border-radius:6px;background:color-mix(in srgb,var(--surface) 55%,transparent);line-height:1.35}.s-observe--lane .s-observe-grok-permission-decision{flex:none;font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;text-transform:lowercase;color:color-mix(in srgb,var(--dim) 82%,var(--accent) 18%)}.s-observe--lane .s-observe-grok-permission-decision.is-allow{color:color-mix(in srgb,var(--accent) 72%,var(--ink) 28%)}.s-observe--lane .s-observe-grok-permission-tool{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs);color:var(--ink)}.s-observe--lane .s-observe-grok-phase{display:inline-flex;align-items:center;max-width:100%;padding:1px 7px;border-radius:999px;background:color-mix(in srgb,var(--ink) 5%,transparent);line-height:1.35}.s-observe--lane .s-observe-grok-phase-label{font-size:var(--text-2xs);letter-spacing:.02em;text-transform:lowercase;color:color-mix(in srgb,var(--dim) 88%,var(--accent) 12%)}.s-observe--lane .s-observe-grok-turn{display:inline-flex;align-items:baseline;gap:var(--space-sm);max-width:100%;line-height:1.35}.s-observe--lane .s-observe-grok-turn-num{flex:none;font-size:var(--text-2xs);font-weight:600;letter-spacing:.04em;text-transform:lowercase;color:color-mix(in srgb,var(--dim) 80%,var(--accent) 20%)}.s-observe--lane .s-observe-grok-turn-model{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-2xs);color:var(--muted)}.s-observe--lane .s-observe-system--lane .s-observe-system-detail{margin:0;padding-left:0;font-size:var(--text-2xs);line-height:1.4;color:var(--dim);font-style:normal;word-break:break-word}.s-observe--lane .s-observe-live-sticky{margin:0 0 var(--space-md);padding-left:calc(var(--lane-time-col) + var(--space-lg) + var(--space-sm))}.s-observe--lane .s-observe-follow-btn{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:500;letter-spacing:.02em;padding:var(--space-2xs) var(--space-md);border-radius:var(--radius-sm);border:0;background:color-mix(in srgb,var(--surface) 72%,transparent)}.s-observe--lane .s-observe-follow-btn--on{color:var(--green);background:color-mix(in srgb,var(--green) 7%,var(--bg))}.s-observe--lane .s-observe-follow-btn--on:hover{color:var(--green);background:color-mix(in srgb,var(--green) 11%,var(--bg))}.s-observe--lane .s-observe-follow-btn:hover{background:color-mix(in srgb,var(--surface) 96%,transparent)}.s-observe--lane .s-observe-copy-btn{display:none}.s-observe--lane .s-observe-message-label{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-accent-title, var(--font-sans));font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--dim) 78%,var(--accent) 22%)}.s-observe--lane .s-observe-message-label:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.85}.s-observe--lane .s-observe-row--kind-ask{padding-top:var(--space-sm);padding-bottom:var(--space-xl)}.s-observe--lane .s-observe-row--kind-ask:before{left:calc(var(--lane-spine-x) + 1px - var(--lane-time-col) - var(--space-lg) - 3px);top:calc(var(--space-sm) + 17px);width:7px;height:7px;border-radius:50%;background:color-mix(in srgb,var(--accent) 62%,var(--dim));box-shadow:0 0 0 4px var(--bg)}.s-observe--lane .s-observe-row.s-observe-row--kind-ask>.s-observe-ask--lane{width:calc(100% + var(--space-sm) + var(--space-md));max-width:none;margin-left:calc(-1 * var(--space-sm));margin-right:calc(-1 * var(--space-md));border-block:1px solid color-mix(in srgb,var(--accent) 18%,transparent);border-inline:0;border-radius:0;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 7%,transparent),transparent 58%),color-mix(in srgb,var(--surface) 55%,var(--bg));box-shadow:inset 0 1px color-mix(in srgb,var(--ink) 4%,transparent),inset 0 -1px color-mix(in srgb,var(--bg) 60%,transparent);padding:var(--space-lg) var(--space-xl)}.s-observe--lane .s-observe-ask-head{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.s-observe--lane .s-observe-ask-avatar{width:22px;height:22px;flex:none;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:700;color:var(--scout-chrome-avatar-ink)}.s-observe--lane .s-observe-ask-author{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:650;letter-spacing:.01em;color:color-mix(in srgb,var(--ink) 88%,var(--muted))}.s-observe--lane .s-observe-ask-time{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--dim)}.s-observe--lane .s-observe-ask--lane .s-observe-ask-title{display:-webkit-box;margin-bottom:var(--space-2xs);font-family:var(--font-sans);font-size:var(--text-lg);font-weight:620;line-height:1.42;letter-spacing:0;color:color-mix(in srgb,var(--ink) 94%,var(--muted));-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.s-observe--lane .s-observe-ask--lane .s-observe-ask-text{font-family:var(--font-sans);font-size:var(--text-md);font-weight:400;line-height:1.58;color:color-mix(in srgb,var(--ink) 82%,var(--muted));word-break:break-word}.s-observe--lane .s-observe-ask--lane .s-observe-ask-answer{margin-top:var(--space-xs);padding-top:var(--space-xs);gap:var(--space-sm)}.s-observe--lane .s-observe-ask--lane .s-observe-ask-answer-meta{font-size:var(--text-2xs)}.s-observe--lane .s-observe-ask--lane .s-observe-ask-answer-text{font-size:var(--text-xs);line-height:1.5}.s-observe--lane .s-observe-message--lane{position:relative;overflow:hidden;padding:var(--space-sm) var(--space-md) var(--space-sm) var(--space-lg);border-radius:7px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 55%,transparent),color-mix(in srgb,var(--surface) 32%,transparent));border:1px solid color-mix(in srgb,var(--ink) 8%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--ink) 5%,transparent)}.s-observe--lane .s-observe-message--lane .s-observe-message-label{margin-bottom:var(--space-xs);color:color-mix(in srgb,var(--dim) 70%,var(--accent) 30%)}.s-observe--lane.s-observe--lane-gutter-label .s-observe-message--lane .s-observe-message-label{display:none}.s-observe--lane .s-observe-message--lane .s-observe-message-text{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:400;line-height:1.5;color:color-mix(in srgb,var(--ink) 84%,var(--muted))}.s-observe--lane .s-observe-message--thinking{border-style:dashed;border-color:color-mix(in srgb,var(--accent) 16%,var(--ink) 7%);background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--surface) 28%,transparent) 0,color-mix(in srgb,var(--surface) 28%,transparent) 8px,transparent 8px,transparent 16px),color-mix(in srgb,var(--surface) 24%,transparent);box-shadow:none}.s-observe--lane .s-observe-message--thinking .s-observe-message-label{color:color-mix(in srgb,var(--dim) 78%,var(--accent) 22%)}.s-observe--lane .s-observe-message--thinking .s-observe-message-text{font-family:var(--font-accent-title, var(--font-sans));font-size:var(--text-base, 15px);font-weight:500;font-style:normal;letter-spacing:-.015em;line-height:1.45;color:color-mix(in srgb,var(--ink) 68%,var(--muted))}@media(prefers-reduced-motion:no-preference){.s-observe--lane .s-observe-message--thinking{animation:s-observe-thinking-card 1.8s ease-in-out infinite}}@keyframes s-observe-thinking-card{0%,to{border-color:color-mix(in srgb,var(--accent) 12%,var(--ink) 7%)}50%{border-color:color-mix(in srgb,var(--accent) 24%,var(--ink) 8%)}}.s-observe--lane .s-observe-message--lane .s-observe-lane-expandable-body{align-items:flex-start;gap:var(--space-sm)}.s-observe-lane-expandable{min-width:0}.s-observe-lane-expandable-body{display:flex;align-items:flex-end;gap:var(--space-sm);min-width:0}.s-observe-lane-expandable-text{flex:1;min-width:0}.s-observe-lane-expand{appearance:none;border:0;padding:0;background:transparent;display:inline-flex;flex:none;align-items:center;gap:3px;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:500;letter-spacing:.02em;line-height:1;text-transform:lowercase;color:var(--dim);cursor:pointer;opacity:.82}.s-observe-lane-expand:hover,.s-observe-lane-expand:focus-visible{color:var(--muted);opacity:1}.s-observe--lane .s-observe-lane-expandable{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2xs);min-width:0}.s-observe--lane .s-observe-lane-expandable-body{flex-direction:column;align-items:flex-start;width:100%}.s-observe--lane .s-observe-lane-expandable-body .s-observe-lane-expand{align-self:flex-end}.s-observe--lane .s-observe-lane-expandable--open .s-observe-message-text,.s-observe--lane .s-observe-lane-expandable--open .s-observe-ask-text{max-height:min(42vh,360px);overflow:auto}.s-observe-tool-header .s-observe-lane-expand{margin-left:auto;flex:none;align-self:center}.s-observe-tool-stream-preview{margin:0;padding:var(--space-xs) var(--space-lg) var(--space-sm);border-top:1px solid color-mix(in srgb,var(--border) 55%,transparent);font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.4;color:var(--dim);white-space:pre-wrap;word-break:break-word;max-height:3.6rem;overflow:hidden}.s-observe--lane .s-observe-tool-diff-inline{display:inline-flex;align-items:baseline;gap:var(--space-2xs);margin-left:var(--space-xs);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:.01em}.s-observe--lane .s-observe-tool-stream--lane{margin-top:var(--space-2xs);max-height:min(36vh,280px);overflow:auto;white-space:pre-wrap;word-break:break-word}.s-observe--lane .s-observe-tool-result{font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.45}.s-observe--lane .s-observe-row--kind-tool>.s-observe-row-hover-target,.s-observe--lane .s-observe-row--kind-think>.s-observe-block,.s-observe--lane .s-observe-row--kind-system>.s-observe-block,.s-observe--lane .s-observe-row--kind-boot>.s-observe-block,.s-observe--lane .s-observe-row--tech-summary>.s-observe-block{margin-left:var(--space-lg);max-width:calc(100% - var(--space-lg))}.s-observe--lane .s-observe-tool{border:0;border-radius:0;min-width:0;max-width:100%;overflow:hidden;background:color-mix(in srgb,var(--surface) 62%,transparent);transition:background .14s ease,border-color .14s ease}.s-observe--lane .s-observe-tool:hover{border-color:color-mix(in srgb,var(--ink) 14%,transparent);background:color-mix(in srgb,var(--surface) 78%,transparent)}.s-observe--lane .s-observe-tool-header{padding:var(--space-2xs) var(--space-sm);gap:var(--space-sm);align-items:center;min-width:0;overflow:hidden;background:color-mix(in srgb,var(--bg) 35%,transparent)}.s-observe--lane .s-observe-tool-glyph{font-size:var(--lane-glyph-size);width:var(--lane-glyph-width);min-width:var(--lane-glyph-width);flex:none;text-align:center;line-height:1.35;color:var(--lane-glyph-color)}.s-observe--lane .s-observe-tool-cmd-name{color:var(--muted)}.s-observe--lane .s-observe-tool-diff-add,.s-observe--lane .s-observe-diff-line--add{color:color-mix(in srgb,var(--ink) 58%,var(--muted))}.s-observe--lane .s-observe-tool-diff-del,.s-observe--lane .s-observe-diff-line--del{color:color-mix(in srgb,var(--muted) 74%,var(--red) 26%)}.s-observe--lane .s-observe-tool-header--has-body{border-bottom:0}.s-observe--lane .s-observe-tool-diff-preview,.s-observe--lane .s-observe-tool-stream{max-height:3.25rem;overflow:hidden;border-radius:0;background:color-mix(in srgb,var(--bg) 50%,transparent);border:none}.s-observe--lane .s-observe-tool-cmd{flex:1;min-width:0;max-width:100%;font-size:var(--text-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:normal}.s-observe--lane .s-observe-tool--simple,.s-observe--lane .s-observe-tool--simple .s-observe-tool-header{background:transparent;border-left:0;padding:0}.s-observe--lane .s-observe-tool--simple .s-observe-tool-header{gap:var(--space-2xs);line-height:1.2;min-height:0}.s-observe--lane .s-observe-tool--simple .s-observe-tool-glyph{font-size:var(--text-lg);width:16px;min-width:16px;line-height:1.25}.s-observe--lane .s-observe-tool--simple .s-observe-tool-cmd{line-height:1.2}.s-observe--lane .s-observe-tool--simple .s-observe-tool-cmd-name{color:var(--ink)}.s-observe--lane .s-observe-tool--simple:hover{background:transparent;border-color:transparent}.s-observe--lane .s-observe-tool--fam-bash,.s-observe--lane .s-observe-tool--fam-bash .s-observe-tool-header{background:transparent;border-left:0;padding:0}.s-observe--lane .s-observe-row:has(.s-observe-tool--fam-bash),.s-observe--lane .s-observe-row:has(.s-observe-tool--fam-code),.s-observe--lane .s-observe-row:has(.s-observe-bash){background:color-mix(in srgb,var(--ink) 2.5%,transparent);border-radius:var(--radius-sm)}[data-scout-theme=light] .s-observe--lane .s-observe-row:has(.s-observe-tool--fam-bash),[data-scout-theme-mode=light] .s-observe--lane .s-observe-row:has(.s-observe-tool--fam-bash),[data-scout-theme=light] .s-observe--lane .s-observe-row:has(.s-observe-bash),[data-scout-theme-mode=light] .s-observe--lane .s-observe-row:has(.s-observe-bash){background:color-mix(in srgb,var(--cat-gold, #a9824f) 4.5%,transparent)}.s-observe--lane .s-observe-tool--fam-bash .s-observe-tool-header,.s-observe--lane .s-observe-tool--fam-bash .s-observe-tool-cmd{display:block;min-width:0;max-width:100%;overflow:hidden}.s-observe--lane .s-observe-bash{--bash-bg: color-mix(in srgb, var(--surface) 72%, var(--bg));--bash-seg: color-mix(in srgb, var(--surface) 82%, var(--ink) 6%);--bash-edge: color-mix(in srgb, var(--ink) 12%, transparent);--bash-shadow: 0 1px 2px color-mix(in srgb, var(--ink) 18%, transparent);--bash-inset: inset 0 1px 0 color-mix(in srgb, var(--ink) 5%, transparent);display:flex;align-items:baseline;width:100%;max-width:100%;padding:2px 9px;border-radius:7px;background:var(--bash-bg);border:1px solid var(--bash-edge);box-shadow:var(--bash-inset),var(--bash-shadow);font-family:var(--font-mono);font-size:var(--text-md);white-space:nowrap;overflow:hidden;cursor:default}[data-scout-theme=light] .s-observe--lane .s-observe-bash,[data-scout-theme-mode=light] .s-observe--lane .s-observe-bash{--bash-bg: color-mix(in srgb, var(--surface) 88%, var(--cat-gold, #a9824f));--bash-seg: color-mix(in srgb, var(--bg) 55%, var(--surface));--bash-edge: color-mix(in srgb, var(--ink) 9%, transparent);--bash-shadow: 0 1px 2px color-mix(in srgb, var(--ink) 7%, transparent);--bash-inset: inset 0 1px 0 color-mix(in srgb, #fff 70%, transparent)}[data-scout-theme=dark] .s-observe--lane .s-observe-bash,[data-scout-theme-mode=dark] .s-observe--lane .s-observe-bash{--bash-bg: color-mix(in srgb, var(--bg) 55%, var(--surface));--bash-seg: color-mix(in srgb, var(--surface) 78%, var(--ink) 8%);--bash-edge: color-mix(in srgb, var(--ink) 14%, transparent);--bash-shadow: 0 1px 3px color-mix(in srgb, #000 45%, transparent);--bash-inset: inset 0 1px 0 color-mix(in srgb, var(--ink) 6%, transparent)}.s-observe--lane .s-observe-bash-prompt{flex:none;margin-right:8px;font-size:var(--lane-glyph-size);font-weight:700;-webkit-user-select:none;user-select:none;color:color-mix(in srgb,var(--accent) 82%,var(--ink) 18%)}.s-observe--lane .s-observe-bash-pl{flex:none;display:inline-flex;align-items:center;margin-right:8px}.s-observe--lane .s-observe-bash-seg{display:inline-flex;align-items:center;padding:1px 5px 1px 7px;background:var(--bash-seg);color:var(--muted);border:1px solid var(--bash-edge);border-right:0;border-radius:3px 0 0 3px;font-size:var(--text-2xs);letter-spacing:var(--tracking-xs)}.s-observe--lane .s-observe-bash-sep{display:inline-block;width:11px;height:11px;flex:none;background:var(--bash-seg);border-top:1px solid var(--bash-edge);border-right:1px solid var(--bash-edge);border-top-right-radius:2px;transform:rotate(45deg);margin-left:-8px}.s-observe--lane .s-observe-bash-cmd{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-observe--lane .s-observe-bash-prog{color:var(--ink);font-weight:650;letter-spacing:-.01em}.s-observe--lane .s-observe-bash-arg{color:color-mix(in srgb,var(--ink) 38%,var(--muted))}.s-observe--lane .s-observe-bash-flag{color:color-mix(in srgb,var(--muted) 65%,color-mix(in srgb,var(--accent) 60%,var(--ink)))}.s-observe--lane .s-observe-bash-dim{color:color-mix(in srgb,var(--dim) 70%,var(--muted))}.s-observe--lane .s-observe-bash-dir{color:color-mix(in srgb,var(--ink) 28%,var(--muted))}.s-observe--lane .s-observe-bash-dir-prefix{color:color-mix(in srgb,var(--dim) 75%,var(--muted))}[data-scout-theme=light] .s-observe--lane .s-observe-bash-flag,[data-scout-theme-mode=light] .s-observe--lane .s-observe-bash-flag{color:color-mix(in srgb,var(--muted) 58%,color-mix(in srgb,var(--cat-gold, #a9824f) 65%,var(--ink)))}.s-observe--lane .s-observe-bash-out{color:var(--s-observe-muted, rgba(255, 255, 255, .52));font-family:var(--s-observe-mono, ui-monospace, monospace);font-size:.92em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(42ch,100%)}.s-observe--lane .s-observe-bash-ok{flex:none;margin-left:9px;color:var(--dim)}.s-observe--lane .s-observe-bash-prog--known{color:var(--ink)}@supports ((-webkit-background-clip: text) or (background-clip: text)){.s-observe--lane .s-observe-bash-prog--known{background:linear-gradient(100deg,var(--ink) 0%,var(--ink) 40%,var(--accent) 50%,var(--ink) 60%,var(--ink) 100%);background-size:240% 100%;background-position:120% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:s-observe-bash-shimmer 1.1s ease-out .2s both}}@keyframes s-observe-bash-shimmer{0%{background-position:120% 0}to{background-position:-40% 0}}@media(prefers-reduced-motion:reduce){.s-observe--lane .s-observe-bash-prog--known{animation:none;-webkit-text-fill-color:var(--ink)}}.s-observe--lane .s-observe-tool-path{display:inline-flex;align-items:baseline;max-width:100%;min-width:0}.s-observe--lane .s-observe-tool-path-dir{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dim)}.s-observe--lane .s-observe-tool-path-base--file{flex:none;white-space:nowrap;color:var(--ink);font-weight:600}.s-observe--lane .s-observe-tool-path-base--read{flex:none;white-space:nowrap;color:var(--muted)}.s-observe--lane .s-observe-tool-needle{color:var(--ink)}.s-observe--lane .s-observe-tool-needle-q{color:var(--dim)}.s-observe--lane .s-observe-tool-count{margin-left:var(--space-2xs);color:var(--dim)}.s-observe--lane .s-observe-tool-host{color:var(--ink)}.s-observe--lane .s-observe-tool-host-path{margin-left:1px;color:var(--dim)}.s-observe--lane .s-observe-tool-agent-name{color:var(--ink)}.s-observe--lane .s-observe-tool--fam-read{background:color-mix(in srgb,var(--surface) 42%,transparent)}.s-observe--lane .s-observe-tool--fam-read .s-observe-tool-glyph{color:color-mix(in srgb,var(--dim) 55%,var(--accent) 20%)}.s-observe--lane .s-observe-tool--fam-file .s-observe-tool-glyph{color:color-mix(in srgb,var(--accent) 70%,var(--ink) 30%)}.s-observe-embed-page{display:flex;flex-direction:column;height:100vh;min-height:0;overflow:hidden;background:var(--bg);color:var(--ink)}.s-observe-embed-page>.s-observe{flex:1;min-height:0}.s-observe-embed-status{display:flex;align-items:center;gap:var(--space-sm);min-height:28px;padding:0 var(--space-xl);border-bottom:1px solid color-mix(in srgb,var(--ink) 8%,transparent);background:color-mix(in srgb,var(--bg) 92%,black);color:var(--dim);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;letter-spacing:0;text-transform:uppercase}.s-observe-embed-status span{min-width:0;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-observe-embed-status-source{color:var(--accent)}.s-observe-embed-status-live{margin-left:auto;color:var(--green)}.s-observe-embed-ask{flex:none;padding:var(--space-xl) var(--space-3xl) var(--space-lg);border-bottom:1px solid color-mix(in srgb,var(--ink) 9%,transparent);background:color-mix(in srgb,var(--surface) 56%,var(--bg))}.s-observe-embed-ask-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-xl)}.s-observe-embed-ask-kicker{color:var(--accent);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:700;letter-spacing:var(--tracking-lg);text-transform:uppercase}.s-observe-embed-ask-byline,.s-observe-embed-ask-unknown{display:flex;gap:var(--space-xs);margin-top:3px;color:var(--dim);font-family:var(--font-mono);font-size:var(--text-2xs)}.s-observe-embed-ask-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-sm)}.s-observe-embed-ask-links a{display:inline-flex;align-items:center;gap:4px;color:var(--dim);font-family:var(--font-mono);font-size:var(--text-2xs);text-decoration:none}.s-observe-embed-ask-links a:hover{color:var(--accent)}.s-observe-embed-ask-body{display:-webkit-box;max-width:960px;margin-top:var(--space-md);overflow:hidden;color:var(--ink);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:5}.s-observe-embed-ask-body.is-expanded{display:block;max-height:min(42vh,420px);overflow-y:auto;-webkit-line-clamp:unset}.s-observe-embed-ask-toggle{margin-top:var(--space-sm);padding:0;border:0;background:transparent;color:var(--dim);cursor:pointer;font-family:var(--font-mono);font-size:var(--text-2xs)}.s-observe-embed-ask-toggle:hover{color:var(--accent)}.s-observe-embed-ask--unknown{padding-block:var(--space-md)}@media(max-width:680px){.s-observe-embed-ask{padding-inline:var(--space-xl)}.s-observe-embed-ask-head{flex-direction:column;gap:var(--space-md)}.s-observe-embed-ask-links{justify-content:flex-start}}.s-observe-embed-page .s-observe-main{padding:var(--space-3xl) var(--space-3xl) var(--space-5xl)}.s-observe-embed-page .s-observe-stream{max-width:100%;padding-left:58px}.s-observe-embed-page .s-observe--conversation .s-observe-stream{padding-left:0}.s-observe-embed-status-origin{color:var(--accent)}.s-observe-embed-status-toggle{margin-left:auto}.s-observe-embed-empty{height:100%;display:grid;place-content:center;gap:var(--space-sm);padding:var(--space-4xl);text-align:center}.s-observe-embed-empty-title{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;letter-spacing:var(--tracking-lg);text-transform:uppercase;color:var(--ink)}.s-observe-embed-empty-detail{max-width:320px;font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-normal);color:var(--dim);word-break:break-word}.s-observe-main{grid-column:1;grid-row:1;position:relative;overflow-y:auto;overflow-y:overlay;padding:var(--space-4xl) var(--space-4xl) var(--space-6xl);scrollbar-width:thin;scrollbar-color:transparent transparent}.s-observe-main:hover{scrollbar-color:color-mix(in srgb,var(--ink) 12%,transparent) transparent}.s-observe-evidence-banner,.s-observe-evidence-card{display:flex;align-items:flex-start;gap:var(--space-sm);border:1px solid color-mix(in srgb,var(--border) 84%,transparent);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 72%,var(--bg));color:var(--muted)}.s-observe-evidence-banner{max-width:min(790px,calc(100% - 68px));margin:calc(-1 * var(--space-lg)) 0 var(--space-xl) 68px;padding:var(--space-md) var(--space-lg);align-items:center}.s-observe-presentation-toggle{display:inline-flex;flex:none;margin-left:auto;border:1px solid color-mix(in srgb,var(--ink) 10%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface) 56%,transparent);overflow:hidden}.s-observe-presentation-toggle-btn{appearance:none;margin:0;padding:4px 9px;border:0;background:transparent;color:var(--dim);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;letter-spacing:var(--tracking-xs);line-height:1.2;cursor:pointer}.s-observe-presentation-toggle-btn+.s-observe-presentation-toggle-btn{border-left:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}.s-observe-presentation-toggle-btn[aria-pressed=true]{color:var(--ink);background:color-mix(in srgb,var(--accent) 12%,var(--surface))}.s-observe-presentation-toggle-btn:hover{color:var(--ink)}.s-observe-presentation-toggle-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.s-observe-evidence-card{padding:var(--space-md)}.s-observe-evidence-banner>span:last-child,.s-observe-evidence-card>span:last-child{display:flex;flex-direction:column;gap:var(--space-3xs);min-width:0}.s-observe-evidence-banner strong,.s-observe-evidence-card strong{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--ink)}.s-observe-evidence-banner small,.s-observe-evidence-card small{font-family:var(--font-mono);font-size:var(--text-2xs);line-height:var(--leading-normal);color:var(--dim)}.s-observe-evidence-dot{flex:none;width:7px;height:7px;margin-top:.34em;border-radius:50%;background:var(--dim)}[data-tone=live]>.s-observe-evidence-dot{background:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 12%,transparent)}[data-tone=recorded]>.s-observe-evidence-dot{background:var(--accent)}.s-observe-receipt-view{max-width:min(790px,calc(100% - 68px));margin-left:68px;padding:var(--space-xl);border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 54%,var(--bg));color:var(--dim)}.s-observe-receipt-view-copy{display:flex;flex-direction:column;gap:var(--space-3xs);font-family:var(--font-mono)}.s-observe-receipt-view-copy strong{color:var(--muted);font-size:var(--text-sm);font-weight:600}.s-observe-receipt-view-copy span{font-size:var(--text-xs);line-height:var(--leading-normal)}.s-observe-receipt-list{display:flex;flex-direction:column;gap:var(--space-sm);margin:var(--space-xl) 0 0;padding:var(--space-lg) 0 0;border-top:1px solid color-mix(in srgb,var(--border) 68%,transparent);list-style:none}.s-observe-receipt{display:flex;flex-direction:column;gap:var(--space-3xs);font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-normal);color:color-mix(in srgb,var(--muted) 78%,var(--dim))}.s-observe-receipt small{color:color-mix(in srgb,var(--dim) 78%,transparent);font-size:var(--text-2xs)}.s-observe--lane .s-observe-receipt-view{max-width:100%;margin:var(--space-md) 0}[data-tone=unavailable]>.s-observe-evidence-dot{background:var(--amber)}.s-observe-source{display:inline-flex;align-items:center;max-width:min(100%,860px);gap:var(--space-sm);margin:-4px 0 var(--space-lg) 68px;font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-tight)}.s-observe-source-label{color:var(--dim);letter-spacing:var(--tracking-lg);text-transform:uppercase}.s-observe-source-link{min-width:0;max-width:min(520px,60vw);padding:0;border:0;background:transparent;color:var(--green);cursor:pointer;font:inherit;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.s-observe-source-link:hover{color:var(--ink);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--green) 60%,transparent);text-underline-offset:3px}.s-observe-stream{position:relative;padding-left:68px;max-width:860px;-webkit-user-select:text;user-select:text}.s-observe-block{position:relative}.s-observe-block--inline{padding-right:32px}.s-observe-copy-btn{position:absolute;top:4px;right:4px;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--bg) 85%,transparent);color:var(--muted);cursor:pointer;opacity:0;transition:opacity .12s,color .12s,border-color .12s,background .12s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.s-observe-block:hover .s-observe-copy-btn,.s-observe-copy-btn:focus-visible{opacity:1}.s-observe-copy-btn:hover{color:var(--ink);border-color:color-mix(in srgb,var(--accent) 50%,var(--border));background:color-mix(in srgb,var(--bg) 95%,transparent)}.s-observe-copy-btn--copied{opacity:1;color:var(--green);border-color:color-mix(in srgb,var(--green) 50%,var(--border));background:color-mix(in srgb,var(--green) 8%,var(--bg))}.s-observe-copy-btn--inline{position:static;width:18px;height:18px;flex-shrink:0}.s-observe-spine{position:absolute;left:56px;top:0;bottom:0;width:1px;background:var(--border)}.s-observe-row{position:relative;padding-bottom:var(--space-3xl)}.s-observe--conversation .s-observe-main{padding:var(--space-3xl) var(--space-3xl) var(--space-5xl)}.s-observe--conversation .s-observe-evidence-banner{max-width:min(720px,100%);margin:0 auto var(--space-xl) 0}.s-observe--conversation .s-observe-source{max-width:min(720px,100%);margin:0 auto var(--space-lg) 0}.s-observe--conversation .s-observe-stream{display:flex;flex-direction:column;gap:var(--space-lg);max-width:min(720px,100%);margin:0 auto 0 0;padding-left:0}.s-observe--conversation .s-observe-spine,.s-observe--conversation .s-observe-row-time,.s-observe--conversation .s-observe-row-bead,.s-observe--conversation .s-observe-row-gap,.s-observe--conversation .s-observe-copy-btn{display:none}.s-observe--conversation .s-observe-row{padding-bottom:0}.s-observe--conversation .s-observe-row--kind-ask{align-self:flex-end;width:auto;max-width:min(72%,520px)}.s-observe--conversation .s-observe-ask--conversation{padding:var(--space-md) var(--space-xl);border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));border-radius:var(--radius-2xl);background:color-mix(in srgb,var(--accent) 8%,var(--surface));box-shadow:none}.s-observe--conversation .s-observe-ask--conversation .s-observe-ask-head{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.s-observe--conversation .s-observe-ask--conversation .s-observe-ask-avatar{display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center;border-radius:50%;color:var(--bg);font-size:var(--text-2xs);font-weight:700}.s-observe--conversation .s-observe-ask--conversation .s-observe-ask-author{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:650;color:var(--ink)}.s-observe--conversation .s-observe-ask--conversation .s-observe-ask-time{margin-left:auto;font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--dim)}.s-observe--conversation .s-observe-ask--conversation .s-observe-ask-title{margin-bottom:0;font-size:var(--text-md);font-weight:500;line-height:1.5}.s-observe--conversation .s-observe-ask--conversation .s-observe-ask-text{margin-top:var(--space-xs);font-size:var(--text-md)}.s-observe--conversation .s-observe-message--conversation{padding:var(--space-sm) 0}.s-observe--conversation .s-observe-message--conversation .s-observe-message-label{margin-bottom:var(--space-xs);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:650;letter-spacing:0;text-transform:none;color:var(--muted)}.s-observe--conversation .s-observe-message--conversation .s-observe-message-text{font-size:var(--text-lg);line-height:var(--leading-normal)}.s-observe--conversation .s-observe-row--tech-summary,.s-observe--conversation .s-observe-row--kind-note,.s-observe--conversation .s-observe-row--kind-system,.s-observe--conversation .s-observe-row--kind-boot,.s-observe--conversation .s-observe-row--kind-tool,.s-observe--conversation .s-observe-row--kind-think{align-self:stretch}.s-observe--conversation .s-observe-tech-summary{display:inline-flex;align-items:baseline;gap:var(--space-sm);max-width:100%;padding:4px 10px;border:1px solid color-mix(in srgb,var(--ink) 8%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface) 44%,transparent);color:var(--dim);font-family:var(--font-mono);font-size:var(--text-2xs)}.s-observe--conversation .s-observe-tech-summary--toggle{appearance:none;cursor:pointer;color:inherit;font:inherit;text-align:left}.s-observe--conversation .s-observe-tech-summary.s-observe-block--inline{padding-right:10px}.s-observe--conversation .s-observe-tech-summary--toggle:hover,.s-observe--conversation .s-observe-tech-summary--toggle.is-expanded{color:var(--ink);border-color:color-mix(in srgb,var(--ink) 16%,transparent)}.s-observe--conversation .s-observe-tech-rollup-details{margin-top:var(--space-sm);padding-left:var(--space-lg);border-left:1px solid color-mix(in srgb,var(--ink) 8%,transparent)}.s-observe-row-gap{position:absolute;left:-42px;top:0;font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--dim);letter-spacing:var(--tracking-sm);opacity:.6}.s-observe-row-time{position:absolute;left:-68px;top:2px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--dim);letter-spacing:var(--tracking-sm)}.s-observe-row-bead{position:absolute;left:-14px;top:6px;width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 3px var(--bg)}.s-observe-reasoning{min-width:0;max-width:100%}.s-observe-reasoning-header{display:flex;width:100%;min-width:0;min-height:26px;align-items:center;gap:var(--space-sm);padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--dim);font:inherit;text-align:left}.s-observe-reasoning-header--button{cursor:pointer}.s-observe-reasoning-header--button:hover{color:var(--ink)}.s-observe-reasoning-header--button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.s-observe-reasoning-state{display:inline-flex;flex:none;align-items:center;gap:var(--space-xs);color:currentColor;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;letter-spacing:var(--tracking-md);text-transform:uppercase}.s-observe-reasoning-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.s-observe-reasoning--live .s-observe-reasoning-state{color:color-mix(in srgb,var(--accent) 66%,var(--dim))}.s-observe-reasoning--live .s-observe-reasoning-dot{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}.s-observe-reasoning-preview{min-width:0;flex:1;overflow:hidden;color:color-mix(in srgb,var(--ink) 56%,var(--muted));font-size:var(--text-lg);line-height:var(--leading-normal);text-overflow:ellipsis;white-space:nowrap}.s-observe-reasoning-chevron{flex:none;margin-left:auto;transition:transform .15s cubic-bezier(.2,.7,.2,1)}.s-observe-reasoning--open .s-observe-reasoning-chevron{transform:rotate(180deg)}.s-observe-reasoning-body{display:grid;grid-template-rows:0fr;overflow:hidden;opacity:0;transition:grid-template-rows .22s cubic-bezier(.2,.7,.2,1),opacity .15s cubic-bezier(.2,.7,.2,1)}.s-observe-reasoning--open .s-observe-reasoning-body{grid-template-rows:1fr;opacity:1}.s-observe-reasoning-body-clip{min-height:0;overflow:hidden}.s-observe-reasoning-body-inner{display:flex;min-width:0;align-items:flex-end;gap:var(--space-sm);padding:var(--space-xs) 0 var(--space-sm) calc(6px + var(--space-sm))}.s-observe-reasoning-text{min-width:0;flex:1;color:color-mix(in srgb,var(--ink) 72%,var(--muted));font-family:var(--font-sans);font-size:var(--text-xl);font-weight:450;line-height:1.5;letter-spacing:-.012em;white-space:pre-wrap;word-break:break-word}.s-observe-reasoning-tools{flex:none;padding-bottom:var(--space-2xs)}.s-observe-reasoning-tools .s-observe-copy-btn{opacity:.72}.s-observe-stream-cursor{display:inline-block;width:2px;height:1.05em;margin-left:var(--space-2xs);background:var(--dim);transform-origin:center;vertical-align:-.16em}.s-observe-stream-cursor[data-receiving]{background:var(--accent)}.s-observe-message--streaming .s-observe-message-text{color:color-mix(in srgb,var(--ink) 90%,var(--muted))}.s-observe-reasoning--compact{padding:var(--space-2xs) 0 var(--space-xs)}.s-observe-reasoning--compact .s-observe-reasoning-header{min-height:22px}.s-observe-reasoning--compact .s-observe-reasoning-preview,.s-observe-reasoning--compact .s-observe-reasoning-text{font-size:var(--text-sm);line-height:1.45}.s-observe-reasoning--compact:not(.s-observe-reasoning--live) .s-observe-reasoning-body-inner{max-height:min(42vh,360px);overflow:auto}@media(prefers-reduced-motion:reduce){.s-observe-reasoning-body,.s-observe-reasoning-chevron{transition:none}}.s-observe-cursor{display:inline-block;width:7px;height:14px;background:var(--dim);margin-left:var(--space-2xs);vertical-align:-2px;animation:s-profile-blink 1s steps(1) infinite}.s-observe-tool{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);overflow:hidden}.s-observe-tool-header{padding:var(--space-sm) var(--space-lg);display:flex;align-items:center;gap:var(--space-md);background:color-mix(in srgb,var(--bg) 50%,var(--surface));min-width:0}.s-observe-tool-header .s-observe-tool-cmd{flex:1;min-width:0}.s-observe-tool-header--has-body{border-bottom:1px solid var(--border)}.s-observe-tool-glyph{font-family:var(--font-mono);font-weight:600;color:var(--accent);font-size:var(--text-lg);width:14px;text-align:center}.s-observe-tool-cmd{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-xs);color:var(--ink)}.s-observe-tool-cmd-name{color:var(--dim)}.s-observe-tool-cmd-arg{color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere}.s-observe-tool-outcome{margin-left:var(--space-sm);font-size:var(--text-2xs);letter-spacing:var(--tracking-md);text-transform:uppercase}.s-observe-tool-outcome--success{color:var(--green)}.s-observe-tool-result{padding:var(--space-sm) var(--space-xl);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--dim)}.s-observe-tool-diff{padding:var(--space-sm) var(--space-xl);font-family:var(--font-mono);font-size:var(--text-sm)}.s-observe-tool-diff-stats{color:var(--dim);margin-bottom:var(--space-xs)}.s-observe-tool-diff-add{color:var(--green)}.s-observe-tool-diff-del{color:var(--red)}.s-observe-tool-diff-preview{margin:0;padding:var(--space-sm) var(--space-md);background:color-mix(in srgb,var(--bg) 70%,black);border-radius:var(--radius-sm);color:var(--ink);font-size:var(--text-sm);line-height:var(--leading-normal);white-space:pre-wrap;font-family:var(--font-mono)}.s-observe-diff-line--add{color:var(--green)}.s-observe-diff-line--del{color:var(--red)}.s-observe-diff-line--hunk{color:var(--dim)}.s-observe-tool-stream{margin:0;padding:var(--space-sm) var(--space-xl);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--muted);line-height:var(--leading-normal);white-space:pre-wrap}.s-observe-ask{border:1px solid color-mix(in srgb,var(--ink) 12%,var(--border));border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--ink) 4%,transparent),transparent 56%),color-mix(in srgb,var(--surface) 78%,var(--bg));box-shadow:inset 0 1px color-mix(in srgb,var(--ink) 5%,transparent);padding:var(--space-lg) var(--space-xl)}.s-observe-ask-label{display:flex;align-items:center;gap:var(--space-xs);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--ink) 58%,var(--dim));margin-bottom:var(--space-sm)}.s-observe-ask-label:before{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:currentColor;opacity:.8}.s-observe-ask-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-sm)}.s-observe-ask-tag{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:2px 8px;border:1px solid color-mix(in srgb,var(--ink) 13%,transparent);border-radius:999px;background:color-mix(in srgb,var(--ink) 4%,transparent);font-family:var(--font-sans);font-size:var(--text-2xs);line-height:1.5;color:color-mix(in srgb,var(--dim) 84%,var(--muted))}.s-observe-ask-tag svg{flex:none;opacity:.7}.s-observe-ask-tag-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-observe-ask-tag-detail{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);color:color-mix(in srgb,var(--ink) 62%,var(--dim))}.s-observe-ask-tag-detail:before{content:"·";margin-right:5px;opacity:.6}.s-observe-ask-title{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:620;line-height:1.42;color:color-mix(in srgb,var(--ink) 94%,var(--muted));margin-bottom:var(--space-sm)}.s-observe-ask-text{font-family:var(--font-sans);font-size:var(--text-md);line-height:1.58;color:color-mix(in srgb,var(--ink) 82%,var(--muted))}.s-observe-ask-answer{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px dashed var(--border);display:flex;gap:var(--space-md);align-items:flex-start}.s-observe-ask-answer-meta{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--dim);flex-shrink:0}.s-observe-ask-answer-text{font-size:var(--text-lg);color:var(--muted);line-height:var(--leading-snug);flex:1}.s-observe-message-label{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-lg);text-transform:uppercase;color:var(--dim);margin-bottom:var(--space-2xs)}.s-observe-message-text{font-size:var(--text-lg);line-height:var(--leading-normal);color:var(--ink)}.s-observe-note{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-2xs) var(--space-md);background:color-mix(in srgb,var(--green) 8%,transparent);border-radius:var(--radius-2xl)}.s-observe-note-icon{color:var(--green);font-size:var(--text-sm)}.s-observe-note-text{font-size:var(--text-md);color:var(--muted)}.s-observe-system{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--dim);letter-spacing:var(--tracking-sm)}.s-observe-system-line{display:inline}.s-observe-system-text{color:inherit}.s-observe-system-arrow{color:color-mix(in srgb,var(--dim) 60%,transparent)}.s-observe-system-detail{margin-top:var(--space-2xs);color:var(--muted);font-style:italic}.s-observe-live-sticky{position:sticky;top:10px;z-index:5;display:flex;justify-content:flex-end;pointer-events:none;margin:-2px -10px var(--space-sm) 0;padding:0}.s-observe-follow-btn{pointer-events:auto;display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-2xs) var(--space-md) var(--space-2xs) var(--space-sm);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--bg) 80%,transparent);color:var(--muted);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-sm);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:color .15s,border-color .15s,background .15s}.s-observe-follow-btn:hover{color:var(--ink);border-color:color-mix(in srgb,var(--border) 100%,transparent);background:color-mix(in srgb,var(--bg) 92%,transparent)}.s-observe-follow-btn--on{color:var(--green);border-color:color-mix(in srgb,var(--green) 35%,var(--border));background:color-mix(in srgb,var(--green) 6%,var(--bg))}.s-observe-follow-btn--on:hover{color:var(--green);border-color:color-mix(in srgb,var(--green) 50%,var(--border));background:color-mix(in srgb,var(--green) 10%,var(--bg))}.s-observe-rail{grid-column:2;grid-row:1;border-left:1px solid var(--border);overflow-y:auto;overflow-y:overlay;padding:var(--space-4xl) var(--space-3xl) var(--space-4xl);display:flex;flex-direction:column;gap:var(--space-4xl);scrollbar-width:thin;scrollbar-color:transparent transparent}.s-observe-rail--context{grid-column:auto;grid-row:auto;height:100%;min-height:0;border-left:0;padding:var(--space-3xl) var(--space-2xl) var(--space-4xl);background:color-mix(in srgb,var(--bg) 96%,black)}.s-observe-rail:hover{scrollbar-color:color-mix(in srgb,var(--ink) 12%,transparent) transparent}.s-observe-rail-label{display:flex;align-items:baseline;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-sm);font-variant:small-caps;font-weight:500;letter-spacing:var(--tracking-sm);text-transform:none;color:color-mix(in srgb,var(--muted) 62%,var(--dim));margin-bottom:var(--space-md)}.s-observe-ctx-detail{font-family:var(--font-mono);font-size:var(--text-xs);color:color-mix(in srgb,var(--dim) 86%,transparent);margin-top:var(--space-sm);line-height:var(--leading-normal)}.s-observe-empty{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-normal);color:color-mix(in srgb,var(--dim) 78%,transparent)}.s-observe-empty:before{content:"";flex-shrink:0;width:12px;height:1px;background:color-mix(in srgb,var(--dim) 45%,transparent)}.s-observe-detail-list{display:flex;flex-direction:column;gap:1px;border:1px solid color-mix(in srgb,var(--border) 88%,var(--surface));border-radius:var(--radius-lg);overflow:hidden;background:color-mix(in srgb,var(--surface) 90%,var(--bg));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:var(--space-md)}.s-observe-detail-row{display:grid;grid-template-columns:minmax(84px,108px) minmax(0,1fr);gap:var(--space-lg);align-items:start;padding:var(--space-md) var(--space-lg);background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 2%,transparent),transparent 28%),color-mix(in srgb,var(--surface) 94%,transparent)}.s-observe-detail-value-wrap{display:flex;align-items:center;gap:var(--space-sm);min-width:0;justify-content:end}.s-observe-detail-value-wrap>.s-observe-detail-value,.s-observe-detail-value-wrap>.s-observe-detail-link{flex:1 1 auto;min-width:0}.s-observe-detail-value-wrap .s-observe-copy-btn--inline{opacity:0}.s-observe-detail-row:hover .s-observe-copy-btn--inline,.s-observe-detail-value-wrap .s-observe-copy-btn--inline:focus-visible,.s-observe-detail-value-wrap .s-observe-copy-btn--inline.s-observe-copy-btn--copied{opacity:1}.s-observe-detail-row+.s-observe-detail-row{border-top:1px solid color-mix(in srgb,var(--border) 82%,var(--surface))}.s-observe-detail-label{font-family:var(--font-mono);font-size:var(--text-2xs);font-variant:small-caps;letter-spacing:var(--tracking-sm);text-transform:none;line-height:var(--leading-snug);color:var(--dim)}.s-observe-detail-value{min-width:0;justify-self:end;text-align:right;font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-observe-detail-value--wrap{overflow:visible;text-overflow:clip;white-space:normal;word-break:break-word}.s-observe-detail-link{border:0;background:transparent;cursor:pointer;padding:0}.s-observe-detail-link:hover{color:var(--green);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--green) 55%,transparent);text-underline-offset:3px}.s-observe-path-link-group{display:inline-flex;align-items:baseline;gap:var(--space-2xs)}.s-observe-path-link-external{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--muted);cursor:pointer;padding:0 var(--space-3xs);border-radius:var(--radius-sm);transition:color .15s ease,background .15s ease}.s-observe-path-link-external:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 6%,transparent)}.s-observe-detail-value--accent{color:var(--accent)}.s-observe-detail-value--good{color:var(--green)}.s-observe-detail-value--warn{color:var(--amber)}.s-observe-files{display:flex;flex-direction:column;gap:var(--space-2xs)}.s-observe-file{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md)}.s-observe-file--visible{background:var(--surface)}.s-observe-file--hidden{opacity:.35}.s-observe-file-glyph{width:14px;height:14px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--text-xs);flex-shrink:0}.s-observe-file-path{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--muted);flex:1;min-width:0;padding:0;border:0;background:transparent;cursor:pointer;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.s-observe-file-path:hover{color:var(--ink);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--green) 45%,transparent);text-underline-offset:3px}.s-observe-file-touches{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--dim)}.s-observe-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.s-observe-stats--usage{margin-bottom:var(--space-md)}.s-observe-stat{display:flex;flex-direction:column;gap:var(--space-3xs);padding:var(--space-md) var(--space-lg);border:1px solid color-mix(in srgb,var(--border) 88%,transparent);border-radius:var(--radius-lg);background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent) 5%,transparent),transparent 42%),color-mix(in srgb,var(--surface) 92%,var(--bg));box-shadow:inset 0 1px color-mix(in srgb,white 4%,transparent),0 6px 16px -20px color-mix(in srgb,black 70%,transparent)}.s-observe-stat--quiet{background:color-mix(in srgb,var(--surface) 42%,transparent);border-color:color-mix(in srgb,var(--border) 48%,transparent);box-shadow:none}.s-observe-stat-value{font-family:var(--font-accent-title);font-size:var(--text-4xl);font-variant-numeric:tabular-nums;letter-spacing:0;line-height:var(--leading-none);color:var(--ink)}.s-observe-stat--quiet .s-observe-stat-value{color:color-mix(in srgb,var(--dim) 70%,transparent)}.s-observe-stat-label{font-family:var(--font-mono);font-size:var(--text-2xs);font-variant:small-caps;letter-spacing:var(--tracking-sm);text-transform:none;color:var(--dim)}.s-observe-stat-detail{margin-top:var(--space-2xs);font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-snug);color:var(--dim)}.s-observe-compose{width:100%;max-width:none;margin:0;padding:0}.s-observe-compose-shell{width:100%;border:1px solid color-mix(in srgb,var(--border) 72%,var(--surface));border-radius:var(--radius-xl);background:var(--surface);box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 2%,transparent);transition:border-color .15s ease,box-shadow .15s ease}.s-observe-compose-shell:focus-within{border-color:color-mix(in srgb,var(--accent) 32%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 6%,transparent)}.s-observe-compose-row{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,34px);grid-template-rows:minmax(74px,auto) 34px;align-items:end;column-gap:var(--space-sm);row-gap:var(--space-xs);min-width:0;padding:var(--space-sm)}.s-observe-compose-input{display:block;grid-column:1 / -1;grid-row:1;flex:1;width:100%;min-width:0;min-height:74px;max-height:180px;resize:none;overflow-y:auto;padding:var(--space-sm) var(--space-2xs) var(--space-sm) var(--space-md);border:0;border-radius:0;background:transparent;color:var(--ink);font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-normal);outline:none}.s-observe-compose-input:focus{box-shadow:none}.s-observe-compose-input::placeholder{color:var(--dim)}.s-observe-compose-input:disabled{cursor:not-allowed;opacity:.58}.s-observe-compose-tool{grid-column:2;grid-row:2;justify-self:end;width:34px;height:34px;border:1px solid color-mix(in srgb,var(--border) 82%,var(--surface));border-radius:50%;background:color-mix(in srgb,var(--bg) 65%,transparent);color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;align-self:flex-end;transition:border-color .12s ease,color .12s ease,background .12s ease,transform .12s ease}.s-observe-compose-row .s-dictation-mic{grid-column:3;grid-row:2;justify-self:end}.s-observe-compose-tool:hover{color:var(--ink);border-color:color-mix(in srgb,var(--ink) 28%,transparent);background:color-mix(in srgb,var(--ink) 6%,transparent)}.s-observe-compose-tool:disabled{cursor:default;opacity:.35}.s-observe-compose-send{grid-column:4;grid-row:2;justify-self:end;width:34px;height:34px;border:0;border-radius:50%;background:var(--ink);color:var(--bg);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;align-self:flex-end;transition:opacity .12s ease,transform .12s ease}.s-observe-compose-send:not(:disabled):hover{transform:scale(1.05)}.s-observe-compose-send:disabled{cursor:default;opacity:.25}.s-observe-compose-status{margin-top:var(--space-sm);color:var(--green);font-family:var(--font-mono);font-size:var(--text-xs)}.s-observe-compose-status--error{color:var(--red)}.s-observe-compose-status--muted{color:var(--dim)}.s-observe-scrubber{grid-column:1 / -1;grid-row:2;border-top:1px solid var(--border);background:color-mix(in srgb,var(--bg) 80%,black);display:flex;flex-direction:column;align-items:stretch;gap:var(--space-sm);padding:var(--space-md) var(--space-3xl) var(--space-lg)}.s-observe-transport{display:flex;align-items:center;gap:var(--space-lg);width:100%}.s-observe-static-evidence{display:flex;align-items:center;gap:var(--space-sm);min-height:32px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted)}.s-observe-static-evidence .s-observe-evidence-dot{margin-top:0}.s-observe-static-evidence small{color:var(--dim)}.s-observe-transport[data-snap] .s-observe-track{background:color-mix(in srgb,var(--ink) 13%,transparent)}.s-observe-play-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:var(--bg);color:var(--ink);cursor:pointer;font-size:var(--text-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;padding-left:var(--space-3xs);transition:border-color .12s ease,background .12s ease,color .12s ease,box-shadow .12s ease,transform .12s ease}.s-observe-play-btn:hover{border-color:var(--accent)}.s-observe-play-btn[data-state=tail]{border-color:color-mix(in srgb,var(--accent) 82%,var(--border));background:var(--accent);color:#000;box-shadow:inset 0 2px 4px #00000047,0 0 0 2px color-mix(in srgb,var(--accent) 16%,transparent);transform:translateY(1px)}.s-observe-play-btn[data-state=playing]{border-color:color-mix(in srgb,var(--accent) 72%,var(--border));background:color-mix(in srgb,var(--accent) 18%,var(--bg));color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 8%,transparent)}.s-observe-play-btn[data-state=paused]{background:color-mix(in srgb,var(--ink) 5%,var(--bg));color:color-mix(in srgb,var(--muted) 82%,var(--ink))}.s-observe-rewind-btn{padding:var(--space-2xs) var(--space-sm);border:1px solid var(--border);border-radius:var(--radius-md);background:transparent;color:var(--muted);cursor:pointer;font-size:var(--text-md);flex-shrink:0}.s-observe-rewind-btn:hover{color:var(--ink);border-color:color-mix(in srgb,var(--ink) 30%,transparent)}.s-observe-track-wrap{flex:1;position:relative;height:54px;min-width:0}.s-observe-track-barsHead{position:absolute;left:0;right:0;top:0;display:flex;justify-content:space-between;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-md);text-transform:uppercase;color:color-mix(in srgb,var(--muted) 72%,var(--dim));pointer-events:none}.s-observe-track-bars{position:absolute;left:0;right:0;top:15px;height:20px;display:grid;grid-template-columns:repeat(48,minmax(1px,1fr));align-items:end;gap:2px;pointer-events:none}.s-observe-track-bar{min-height:0;border-radius:2px 2px 0 0;background:color-mix(in srgb,var(--accent) 42%,transparent);opacity:0}.s-observe-track-bar[data-active]{background:color-mix(in srgb,var(--accent) 68%,transparent)}.s-observe-track-bar[style]{opacity:1}.s-observe-track{position:absolute;left:0;right:0;top:39px;height:8px;background:color-mix(in srgb,var(--ink) 10%,transparent);border-radius:var(--radius-sm);cursor:pointer}.s-observe-track:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.s-observe-track-tick{position:absolute;width:1.5px;opacity:.7}.s-observe-track-played{position:absolute;left:0;top:0;bottom:0;background:var(--accent);border-radius:var(--radius-xs)}.s-observe-track-cursor{position:absolute;top:-4px;transform:translate(-50%);width:3px;height:16px;background:var(--accent);border-radius:var(--radius-xs)}.s-observe-speed-group{display:flex;gap:var(--space-2xs);flex-shrink:0}.s-observe-speed-btn{padding:var(--space-2xs) var(--space-sm);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);cursor:pointer;background:transparent;color:var(--muted)}.s-observe-speed-btn--active{background:var(--accent);color:#000;border-color:var(--accent)}@media(max-width:1080px){.s-observe{grid-template-columns:1fr;grid-template-rows:1fr auto auto}.s-observe-rail{grid-column:1;grid-row:2;border-left:0;border-top:1px solid var(--border);padding:var(--space-3xl);gap:var(--space-3xl)}.s-observe-scrubber{grid-column:1;grid-row:3}.s-observe-compose{margin-left:0}.s-observe-transport{gap:var(--space-sm)}.s-observe-detail-row{grid-template-columns:1fr;gap:var(--space-xs)}.s-observe-detail-value{justify-self:start;text-align:left;white-space:normal}.s-observe-stats{grid-template-columns:1fr 1fr}}.s-observe-session-header{display:flex;flex-direction:column;gap:var(--space-sm)}.s-observe-session-active{display:flex;flex-direction:column;gap:var(--space-2xs)}.s-observe-session-row{display:flex;align-items:center;gap:var(--space-sm)}.s-observe-session-id{font-family:var(--mono);font-size:var(--text-sm);letter-spacing:var(--tracking-sm);color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);padding:var(--space-3xs) var(--space-xs);border-radius:var(--radius-sm)}.s-observe-session-time{font-size:var(--text-sm);color:var(--dim)}.s-observe-takeover-btn{margin-left:auto;font-family:var(--mono);font-size:var(--text-xs);letter-spacing:var(--tracking-md);text-transform:uppercase;color:var(--green);background:color-mix(in srgb,var(--green) 8%,transparent);border:1px solid color-mix(in srgb,var(--green) 20%,transparent);padding:var(--space-2xs) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,border-color .15s}.s-observe-takeover-btn:hover{background:color-mix(in srgb,var(--green) 16%,transparent);border-color:color-mix(in srgb,var(--green) 35%,transparent)}.s-observe-pair-btn{margin-left:auto;font-family:var(--mono);font-size:var(--text-xs);letter-spacing:var(--tracking-md);text-transform:uppercase;color:var(--ink);background:transparent;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);padding:var(--space-2xs) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.s-observe-pair-btn+.s-observe-takeover-btn{margin-left:0}.s-observe-pair-btn:hover{color:var(--green);background:color-mix(in srgb,var(--green) 6%,transparent);border-color:color-mix(in srgb,var(--green) 25%,transparent)}.s-observe-session-history{display:flex;flex-direction:column;gap:var(--space-2xs);padding-top:var(--space-2xs);border-top:1px solid var(--border)}.s-observe-session-history-label{font-size:var(--text-xs);letter-spacing:var(--tracking-md);text-transform:uppercase;color:var(--dim);margin-bottom:var(--space-3xs)}.s-observe-session-past{display:flex;align-items:center;gap:var(--space-sm);opacity:.6}.s-observe-session-past .s-observe-session-id{color:var(--dim);background:color-mix(in srgb,var(--ink) 5%,transparent)}

package/dist/client/assets/SessionObserveEvidence-CS1aQBpQ.js

@@ -0,0 +1 @@
+import{j as s}from"./index-DReVb7jZ.js";function c(e){return e?e.length>18?`${e.slice(0,8)}...${e.slice(-6)}`:e:"no session"}const a="Native session",l="Scout-managed chat";function d({source:e,fidelity:i,sessionId:t,evidence:r,originLabel:n=a}){return s.jsxs("div",{className:"s-observe-embed-status","data-tone":r.tone,children:[n?s.jsx("span",{className:"s-observe-embed-status-origin",children:n}):s.jsx("span",{className:"s-observe-embed-status-source",children:e}),s.jsx("span",{children:i}),s.jsx("span",{title:t??void 0,children:c(t)}),s.jsx("span",{children:r.eventCountLabel}),r.tone==="live"&&s.jsx("span",{className:"s-observe-embed-status-live",children:"Live"})]})}function p({events:e}){return s.jsxs("section",{className:"s-observe-receipt-view","aria-label":"Session setup receipts",children:[s.jsxs("div",{className:"s-observe-receipt-view-copy",children:[s.jsx("strong",{children:"No observed trace activity"}),s.jsx("span",{children:"These broker lifecycle records confirm setup only."})]}),e.length>0&&s.jsx("ul",{className:"s-observe-receipt-list",children:e.map(i=>s.jsxs("li",{className:"s-observe-receipt",children:[s.jsx("span",{children:i.text}),i.detail&&s.jsx("small",{children:i.detail})]},i.id))})]})}export{a as NATIVE_SESSION_ORIGIN_LABEL,l as SCOUT_MANAGED_CHAT_ORIGIN_LABEL,d as SessionObserveEmbedStatus,p as SessionObserveReceiptView};

package/dist/client/assets/SessionRefScreen-DURV0MpF.js

@@ -0,0 +1 @@
+import{r as l,j as e}from"./index-DReVb7jZ.js";import{a as g}from"./api-DSqpVKC7.js";import{u as I}from"./sse-A8AyLH0g.js";import{u as N}from"./tail-events-C4WdhVeK.js";import{B as k}from"./BackToPicker-CkBhGRlD.js";import{ConversationScreen as S}from"./ConversationScreen-tpj4cqWs.js";import{S as R,a as y}from"./SessionObserve-B64YsYhy.js";import{NATIVE_SESSION_ORIGIN_LABEL as E}from"./SessionObserveEvidence-CS1aQBpQ.js";import{c as w,a as T,b as C,s as u}from"./session-ref-lookup-state-SATH_jAP.js";/* empty css                              */import"./index-BWHgHrtv.js";import"./router-C-MF5-mb.js";import"./synthetic-agent-routing-aduMYO7P.js";import"./terminal-sessions-3RfJpen8.js";import"./NewChatComposer-BEXS8vV6.js";import"./runtime-picker-C_AVYF63.js";import"./scout-voice-CqAyfblr.js";import"./fx-z37u1o2z.js";import"./voice-levels-Dcr3jglk.js";import"./loader-circle-DNUsuPWz.js";import"./createLucideIcon-ChvMq-zl.js";import"./conversation-model-m8HhzroS.js";import"./agent-state-DDhnFEEP.js";import"./colors-CFlbwC25.js";import"./time-Dhsh_2EG.js";import"./conversations-Cbg9h_Af.js";import"./index-CbqBwfIW.js";import"./HarnessMark-DSvM_H7H.js";import"./NewChatOrigin-C8ROO4ps.js";import"./keyboard-nav-CJXPaHXj.js";import"./x-rlMdRqJF.js";import"./chevron-down-CDzRQQGl.js";import"./search-UsM-9-_W.js";import"./file-text-DP6txVW-.js";import"./ConversationComposer-DNcn5U6D.js";import"./AgentAvatar-NZOqcsB2.js";import"./Provider-CNZluAZb.js";import"./provider-DwmCoSlc.js";import"./machine-scope-DJt9RZ2w.js";import"./surface-activity-B1rgWB1i.js";import"./scoutbot-Bk3nyrkj.js";import"./model-CBkMvT1w.js";import"./DocumentFocusViewer-DlMiEALb.js";import"./TextDocumentSurface-BK6Qy41F.js";import"./index-kkXUq-zf.js";import"./chevron-right-DKGTLiqc.js";import"./folder-B_S7gBVr.js";import"./chevron-up-DX7R6KY2.js";import"./code-xml-Cmadr3pQ.js";import"./arrow-left-DFfKAq0d.js";import"./arrow-right-DmAWnyAH.js";import"./chunk-HRAB3GC3-Dvk_QpRq.js";import"./SpriteAvatar-aHeF4ZQZ.js";import"./CrewAvatar-zgzC3cbU.js";import"./zap-B4X0OrEw.js";import"./message-markup-6Tgo4qFJ.js";import"./mentions-Ck_Vjnyp.js";import"./AgentDetailCard-MIEBKw_S.js";import"./AgentLiveActions-6Kfr1uOT.js";import"./terminal-takeover-CZZsnPzj.js";import"./openContent-C6XO6kr5.js";import"./eye-CsGfEVR6.js";import"./terminal-DMZjX1es.js";import"./message-visibility-DwxgcgYK.js";import"./operator-attention-DBaRg5ep.js";import"./sessionRead-CvFz2RHv.js";import"./clipboard-e3fSpeo7.js";import"./types-B0PlfpKc.js";/* empty css                   */import"./ConversationHeader-Y9TEJxP_.js";import"./AstronautSuit-D67fIBdR.js";import"./panel-right-qP17MwMl.js";import"./CommsFlowGraph-voDD9M5R.js";import"./comms-gesture-_aGFo6g3.js";import"./CommsCanvas-DdNAwjGW.js";import"./comms-deck-CBhsXnY-.js";import"./CommsFlowMap-C33sgD48.js";import"./CommsSelection-BL8aYD7z.js";/* empty css                   */import"./use-conversation-list-D5EnpVba.js";import"./agent-master-model-C-KdOFDK.js";import"./use-beside-D3cJpA5p.js";import"./ConversationFeedRows-RnYSa7Io.js";import"./ConversationPanels-6pprBpmq.js";import"./tail-display-DHSNmvor.js";import"./lane-edit-display-BjdT9oZl.js";import"./use-reduced-motion-CiaZHMnk.js";import"./proxy-DgzP27W8.js";import"./activity-BJqFrZyB.js";import"./message-circle-cI5_A5mj.js";import"./ConversationStatus-Cv-7hErW.js";import"./check-g7D7-c1J.js";import"./sparkles-Cc5lPZRv.js";import"./bash-format-BRV5C6Gv.js";import"./lane-tool-detail-Czggx8oM.js";import"./LaneToolHoverCard-D2cnTeUd.js";import"./lane-observe-CteDwdD-.js";import"./lane-ask-display-BTVSakyo.js";import"./ObservedTopologyPanel-DF6tRZL_.js";import"./ObserveTextFlow-CC5mnngm.js";import"./wrench-B4maQJai.js";import"./external-link-BVccgH0n.js";function v(r){const o=r?.trim()??"",t=o.split(/[\\/]/).filter(Boolean).at(-1)??o;return t.endsWith(".jsonl")?t.slice(0,-6):t}function L(r){return r.startsWith("native:process:")}function x(r){const[o,t]=l.useState(()=>({sessionRef:r,lookup:null,loading:!0,error:null})),n=l.useRef(null),c=l.useRef(null);c.current||(c.current=w(m=>g(`/api/session-ref/${encodeURIComponent(m)}`),({sessionRef:m,result:a})=>{if(a.ok){t({sessionRef:m,lookup:a.lookup,loading:!1,error:null});return}t({sessionRef:m,lookup:null,loading:!1,error:a.error instanceof Error?a.error.message:String(a.error)})}));const s=l.useCallback(async()=>{await c.current.request(r)},[r]);l.useEffect(()=>(t({sessionRef:r,lookup:null,loading:!0,error:null}),s(),()=>{c.current?.invalidate(),n.current&&(clearTimeout(n.current),n.current=null)}),[s,r]);const{lookup:i,loading:p,error:d}=T(o,r),f=l.useCallback(()=>{n.current||(n.current=setTimeout(()=>{n.current=null,s()},1e3))},[s]);return I(m=>{const a=[r,i?.refId,i?.kind==="conversation"?i.conversationId:null,i?.session?.agentId,i?.kind==="observe"?i.observe.agentId:null,i?.kind==="observe"?i.observe.sessionId:null];C(m,a)&&f()}),N(m=>{const a=v(m.sessionId),j=v(r),h=i?.kind==="observe"?v(i.observe.sessionId??i.observe.refId):"",b=i?.kind==="observe"?v(i.observe.data.metadata?.session?.externalSessionId):"";!u(a,j)&&(!h||!u(a,h))&&(!b||!u(a,b))||f()}),l.useEffect(()=>()=>{n.current&&clearTimeout(n.current)},[]),{lookup:i,loading:p,error:d}}function ys({sessionRef:r}){const{lookup:o,loading:t,error:n}=x(r);return o?.kind==="observe"?e.jsx(y,{data:o.observe.data,agentId:o.observe.agentId??o.session?.agentId??void 0,sessionId:o.observe.sessionId??o.observe.refId,surface:"context",observeSource:o.observe.source,observeFidelity:o.observe.fidelity}):e.jsx("aside",{className:"s-observe-rail s-observe-rail--context",children:e.jsxs("div",{children:[e.jsx("div",{className:"s-observe-rail-label",children:o?.kind==="conversation"?"Conversation":"Session context"}),e.jsx("div",{className:"s-observe-empty",children:t?"Resolving session reference":n?"Session context unavailable":"No observe context captured for this session"})]})})}function Es({sessionRef:r,navigate:o,renderBeforeContent:t,showObserveRail:n=!0,onLookup:c}){const{lookup:s,loading:i,error:p}=x(r);if(l.useEffect(()=>{s&&c?.(s)},[s,c]),s?.kind==="conversation")return e.jsxs(e.Fragment,{children:[t?.(s),e.jsx(S,{conversationId:s.conversationId,navigate:o})]});if(s?.kind==="observe")return e.jsxs(e.Fragment,{children:[t?.(s),e.jsx(R,{data:s.observe.data,agentId:s.observe.agentId??s.session?.agentId??void 0,sessionId:s.observe.sessionId??s.observe.refId,conversationId:s.session?.id??null,showRail:n,observeSource:s.observe.source,observeFidelity:s.observe.fidelity,originLabel:E,defaultPresentation:"conversation"})]});if(i)return e.jsx("div",{className:"s-sessions-screen s-inbox-thread-redesign",children:e.jsx("section",{className:"s-thread-overview",children:e.jsxs("div",{className:"s-thread-overview-copy",children:[e.jsxs("div",{className:"s-sessions-header s-thread-overview-heading",children:[e.jsx("h2",{className:"s-page-title",children:"Session"}),e.jsx("span",{className:"s-meta s-tabular",children:r.slice(0,8)})]}),e.jsxs("p",{className:"s-thread-overview-summary s-session-ref-loading",children:[e.jsx("span",{className:"s-session-ref-loading-dot"}),e.jsx("span",{className:"s-session-ref-loading-dot"}),e.jsx("span",{className:"s-session-ref-loading-dot"}),"Resolving session reference"]})]})})});const d=L(r);return e.jsx("div",{className:"s-sessions-screen s-inbox-thread-redesign",children:e.jsx("section",{className:"s-thread-overview",children:e.jsxs("div",{className:"s-thread-overview-copy",children:[e.jsxs("div",{className:"s-sessions-header s-thread-overview-heading",children:[e.jsx("h2",{className:"s-page-title",children:d?"Process trace unavailable":"Session not found"}),e.jsx("span",{className:"s-meta s-tabular",children:r.slice(0,8)})]}),e.jsx("p",{className:"s-thread-overview-summary",children:d?"This is a live process handle, not a transcript session. No replayable session archive is attached yet.":"This session may have ended or the archive is not available on this machine."}),p&&e.jsx("p",{className:"s-session-ref-error-detail",children:p}),e.jsx("div",{className:"s-session-ref-nav-hint",children:e.jsx(k,{slot:"sessions",fallback:{view:"sessions"},navigate:o})})]})})})}export{ys as SessionRefContextRail,Es as SessionRefScreen};

package/dist/client/assets/SessionsScreen-D71ZR-8t.js

@@ -0,0 +1 @@
+import{j as r}from"./index-DReVb7jZ.js";import{RawSessionsTable as t}from"./RawSessionsTable-6OVJq0JZ.js";/* empty css                 */import"./DataTable-av71ehJV.js";/* empty css                          */import"./api-DSqpVKC7.js";import"./time-Dhsh_2EG.js";import"./tail-events-C4WdhVeK.js";import"./index-BWHgHrtv.js";import"./openContent-C6XO6kr5.js";import"./Provider-CNZluAZb.js";import"./provider-DwmCoSlc.js";import"./router-C-MF5-mb.js";import"./synthetic-agent-routing-aduMYO7P.js";import"./terminal-sessions-3RfJpen8.js";import"./machine-scope-DJt9RZ2w.js";import"./sse-A8AyLH0g.js";import"./surface-activity-B1rgWB1i.js";import"./agent-state-DDhnFEEP.js";import"./scoutbot-Bk3nyrkj.js";import"./NewChatComposer-BEXS8vV6.js";import"./runtime-picker-C_AVYF63.js";import"./scout-voice-CqAyfblr.js";import"./fx-z37u1o2z.js";import"./voice-levels-Dcr3jglk.js";import"./loader-circle-DNUsuPWz.js";import"./createLucideIcon-ChvMq-zl.js";import"./conversation-model-m8HhzroS.js";import"./colors-CFlbwC25.js";import"./conversations-Cbg9h_Af.js";import"./index-CbqBwfIW.js";import"./HarnessMark-DSvM_H7H.js";import"./NewChatOrigin-C8ROO4ps.js";import"./keyboard-nav-CJXPaHXj.js";import"./x-rlMdRqJF.js";import"./chevron-down-CDzRQQGl.js";import"./search-UsM-9-_W.js";import"./file-text-DP6txVW-.js";import"./model-CBkMvT1w.js";import"./DocumentFocusViewer-DlMiEALb.js";import"./TextDocumentSurface-BK6Qy41F.js";import"./index-kkXUq-zf.js";import"./chevron-right-DKGTLiqc.js";import"./folder-B_S7gBVr.js";import"./chevron-up-DX7R6KY2.js";import"./code-xml-Cmadr3pQ.js";import"./arrow-left-DFfKAq0d.js";import"./arrow-right-DmAWnyAH.js";import"./chunk-HRAB3GC3-Dvk_QpRq.js";function _({navigate:o}){return r.jsx(t,{navigate:o})}export{_ as SessionsScreen};

package/dist/client/assets/SettingsDrawer-Nz98oBVl.js

@@ -0,0 +1,3 @@
+import{E as Z,t as fe,u as Se,C as se,r as o,y as Ne,j as e,A as te,a9 as we,D as ke}from"./index-DReVb7jZ.js";import{a as Ce}from"./provider-DwmCoSlc.js";import{a as B}from"./api-DSqpVKC7.js";import{g as Ae,a as Ee,e as Te,s as Oe,b as Re,d as Pe,c as Ie}from"./credentials-OeoF-VKJ.js";import{u as ee,F as $e,K as Le,M as Me,N as De}from"./Provider-CNZluAZb.js";import{t as _e}from"./time-Dhsh_2EG.js";import{k as Ve,m as He,n as ze}from"./scout-voice-CqAyfblr.js";import{u as Be}from"./keyboard-nav-CJXPaHXj.js";import{a as Fe}from"./router-C-MF5-mb.js";import{C as J}from"./CrewAvatar-zgzC3cbU.js";import{C as Ue}from"./CastPicker-ZPomvOf-.js";import{p as ae}from"./AgentAvatar-NZOqcsB2.js";import{S as ne}from"./SpriteAvatar-aHeF4ZQZ.js";import{VoiceHostStatusBanner as Ke,VoicePermissionsPanel as We}from"./VoicePermissionsPanel-D35fOnQj.js";import{u as Ge}from"./chunk-HRAB3GC3-Dvk_QpRq.js";import{C as _}from"./check-g7D7-c1J.js";import{M as qe}from"./monitor-C7_cHlkC.js";import{c as ge}from"./createLucideIcon-ChvMq-zl.js";import{R as Ye}from"./refresh-cw-IcD2lPoT.js";import{C as Xe}from"./copy-BGOC1tJB.js";import{a as Ze}from"./DocumentFocusViewer-DlMiEALb.js";import{S as Qe}from"./sparkles-Cc5lPZRv.js";const Je=[["path",{d:"M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401",key:"kfwtm"}]],es=ge("moon",Je);const ss=[["circle",{cx:"12",cy:"12",r:"4",key:"4exip2"}],["path",{d:"M12 2v2",key:"tus03m"}],["path",{d:"M12 20v2",key:"1lh1kg"}],["path",{d:"m4.93 4.93 1.41 1.41",key:"149t6j"}],["path",{d:"m17.66 17.66 1.41 1.41",key:"ptbguv"}],["path",{d:"M2 12h2",key:"1t8f8n"}],["path",{d:"M20 12h2",key:"1q8mjw"}],["path",{d:"m6.34 17.66-1.41 1.41",key:"1m8zz5"}],["path",{d:"m19.07 4.93-1.41 1.41",key:"1shlcs"}]],ts=ge("sun",ss);function as(t){const[s,n]=o.useState(0),i=o.useRef([]);return o.useEffect(()=>{if(t<3||typeof window>"u"||window.matchMedia?.("(prefers-reduced-motion: reduce)").matches)return;const h=()=>{i.current.push(window.setTimeout(()=>{n(1),i.current.push(window.setTimeout(()=>n(2),40)),i.current.push(window.setTimeout(()=>n(1),90)),i.current.push(window.setTimeout(()=>{n(0),h()},130))},2600+Math.random()*4200))};h();const m=i.current;return()=>{m.forEach(x=>window.clearTimeout(x)),m.length=0}},[t]),t<3?0:s}function ns({slug:t,open:s=!1,onToggle:n,coin:i=56,figure:h=240,hue:m,state:x="idle",interactive:b=!0,className:f,style:d,children:c}){const a=t.toLowerCase(),r=se[a]??se.milo,p=fe[a],N=Z.find(M=>M.slug===a)??Z[0],I=as(p?p.roles.length+1:1),S=p&&I>0?Se[I]?.role:void 0,[w,A,$]=r.coin,v=i/$,D=h*r.w/r.h,O=h/r.h,V=s?D:i,H=s?h:i,z=s?D:r.w*v,R=s?h:r.h*v,E=s?0:-w*v,L=s?0:-A*v,T=o.useMemo(()=>Ne(m??null,r.ink),[m,r.ink]),G=p?p.patch[2]*(s?O:v):0,F=p?p.patch[3]*(s?O:v):0,P=p?(s?0:E)+p.patch[0]*(s?O:v):0,U=p?(s?0:L)+p.patch[1]*(s?O:v):0;return e.jsxs("div",{className:`xc-stage-wrapper ${f||""}`,style:d,"data-open":s?"true":"false",children:[e.jsxs("div",{className:"xc-stage",role:b?"button":void 0,tabIndex:b?0:void 0,"aria-label":`${N.name} (${s?"Full body breakout":"Coin disc"})`,onClick:b?n:void 0,onKeyDown:b&&n?M=>{(M.key==="Enter"||M.key===" ")&&(M.preventDefault(),n())}:void 0,style:{width:V,height:H,borderRadius:s?"16px":"50%"},children:[e.jsx("span",{className:"xc-stage-ground",style:{background:T,opacity:s?.92:1,borderRadius:s?"16px":"50%"}}),e.jsx("img",{src:te(`${a}-bust.webp`),alt:N.name,className:"xc-stage-img",style:{width:z,height:R,left:E,top:L}}),p&&S&&e.jsx("img",{src:te(`${p.dir}/${S}.webp`),alt:"",className:"xc-stage-patch",style:{width:G,height:F,left:P,top:U}})]}),c]})}const pe="/api/voice/playback/settings",is="scout:voice-playback-settings",ls="OPENSCOUT_VOICE_PLAYBACK",rs="openscout.voice-playback-settings";function os(t){return B(pe,{signal:t,cache:"no-store"})}function cs(t){return B(pe,{method:"PUT",body:JSON.stringify({playback:t})})}function ds(t){if(window.dispatchEvent(new CustomEvent(is,{detail:t})),!("BroadcastChannel"in window))return;const s=new BroadcastChannel(rs);s.postMessage(t),s.close()}const us=[195,125,300,45,355,210];function hs(t){return`oklch(0.80 0.14 ${t})`}function j({label:t,right:s}){return e.jsxs("div",{className:"s-settings-section-rule",children:[e.jsx("span",{className:"s-settings-section-label",children:t}),e.jsx("span",{className:"s-settings-section-line"}),s&&e.jsx("span",{className:"s-settings-section-right",children:s})]})}function k({label:t,hint:s,children:n}){return e.jsxs("div",{className:"s-settings-field",children:[e.jsx("label",{className:"s-settings-field-label",children:t}),n,s&&e.jsx("span",{className:"s-settings-field-hint",children:s})]})}function K({value:t,onChange:s,mono:n}){return e.jsx("input",{className:`s-settings-input${n?" s-settings-input--mono":""}`,value:t,onChange:i=>s(i.target.value)})}function ie({value:t,onChange:s,rows:n=3}){return e.jsx("textarea",{className:"s-settings-textarea",value:t,onChange:i=>s(i.target.value),rows:n})}function ms({value:t,onChange:s,min:n,max:i,step:h=1,unit:m=""}){return e.jsxs("div",{className:"s-settings-slider-wrap",children:[e.jsx("input",{type:"range",min:n,max:i,step:h,value:t,onChange:x=>s(Number(x.target.value))}),e.jsxs("span",{className:"s-settings-slider-value",children:[t," ",m]})]})}function W({value:t,onChange:s,options:n,stacked:i,columns:h}){return e.jsx("div",{className:i?"s-settings-option-stacked":"s-settings-option-grid",style:i?void 0:{gridTemplateColumns:`repeat(${h??n.length}, 1fr)`},children:n.map(m=>e.jsxs("button",{className:`s-settings-option-btn${t===m.id?" s-settings-option-btn--active":""}`,onClick:()=>s(m.id),children:[e.jsx("span",{className:"s-settings-option-label",children:m.label}),e.jsx("span",{className:"s-settings-option-sub",children:m.sub})]},m.id))})}const gs=[{id:"system",label:"System",sub:"Follow this device",icon:qe},{id:"light",label:"Light",sub:"Bright workspace",icon:ts},{id:"dark",label:"Dark",sub:"Low-light workspace",icon:es}],ps=[{id:"scout",label:"Scout",sub:"Control-room navigation"},{id:"slack",label:"Slack",sub:"Workspace rail and channel-style lists"}],le=[{id:"scout",label:"Scout",sub:"Near-neutral control room",spec:"SLATE · LIME"},{id:"graphite",label:"Graphite",sub:"Monochrome technical chassis",spec:"BLACK · SLATE"},{id:"polar",label:"Polar",sub:"Nord-inspired arctic slate",spec:"POLAR · FROST"},{id:"solar",label:"Solar",sub:"Solarized-inspired measured contrast",spec:"TEAL · PAPER"}],re=[{id:"hudson",label:"Rounded",sub:"Soft corners and luminous chrome",spec:"8PX"},{id:"editorial",label:"Compact",sub:"Tighter corners and flatter hierarchy",spec:"4PX"},{id:"drafting",label:"Square",sub:"Zero-radius technical grid",spec:"0PX"}],oe=[{id:"soft",label:"Soft",sub:"Quiet separators"},{id:"balanced",label:"Defined",sub:"Clear structure"},{id:"strong",label:"Strong",sub:"High separation"}],ce=[{id:"theme",label:"Theme"},{id:"lime",label:"Lime"},{id:"cyan",label:"Cyan"},{id:"violet",label:"Violet"},{id:"amber",label:"Amber"}],bs=[{id:"crew",label:"Crew Cast",sub:"Rendered character art with 4-slot status ring & eye animation",spec:"4-SLOT CAST"},{id:"sprite",label:"Generative",sub:"Deterministic 7×7 creatures from name hashes",spec:"PRNG VECTOR"},{id:"chip",label:"Pixel Chip",sub:"Pixel portraits of the chip cast; everyone else stays generative",spec:"PIXEL ART"}],de=bs,ue=[{id:"compact",label:"Compact",sub:"More rows per screen; the name carries"},{id:"regular",label:"Regular",sub:"Scout's default balance"},{id:"large",label:"Large",sub:"Faces legible at a glance"}],vs=["milo","vex","sprout"];function Q({className:t,theme:s,template:n,palette:i,contrast:h,accent:m,children:x}){return e.jsx("div",{className:t,"data-scout-theme":s,"data-scout-theme-mode":s,"data-scout-palette":i,"data-scout-contrast":h,"data-scout-accent":m,"data-hudson-theme":s,"data-hudson-template":n,children:x})}function xs({palette:t,theme:s,template:n}){return e.jsxs(Q,{className:"s-settings-palette-sample",theme:s,template:n,palette:t,contrast:"balanced",accent:"theme",children:[e.jsxs("span",{className:"s-settings-palette-rail",children:[e.jsx("i",{}),e.jsx("i",{"data-active":!0}),e.jsx("i",{}),e.jsx("i",{})]}),e.jsxs("span",{className:"s-settings-palette-list",children:[e.jsx("i",{}),e.jsx("i",{"data-selected":!0}),e.jsx("i",{})]}),e.jsxs("span",{className:"s-settings-palette-detail",children:[e.jsx("i",{"data-title":!0}),e.jsx("i",{}),e.jsx("i",{}),e.jsx("i",{"data-action":!0})]})]})}function js({theme:t,template:s,palette:n,contrast:i,accent:h}){return e.jsxs(Q,{className:"s-settings-live-preview",theme:t,template:s,palette:n,contrast:i,accent:h,children:[e.jsxs("div",{className:"s-settings-live-preview-bar",children:[e.jsxs("span",{children:[e.jsx("i",{})," SCOUT"]}),e.jsxs("span",{className:"s-settings-live-preview-state",children:[e.jsx("i",{})," WORKING"]})]}),e.jsxs("div",{className:"s-settings-live-preview-shell",children:[e.jsxs("div",{className:"s-settings-live-preview-rail","aria-hidden":"true",children:[e.jsx("i",{"data-active":!0}),e.jsx("i",{}),e.jsx("i",{}),e.jsx("i",{}),e.jsx("i",{})]}),e.jsxs("div",{className:"s-settings-live-preview-list",children:[e.jsx("span",{className:"s-settings-live-preview-kicker",children:"CONVERSATIONS"}),e.jsxs("span",{className:"s-settings-live-preview-row","data-selected":!0,children:[e.jsx("i",{}),e.jsx("b",{children:"Openscout"}),e.jsx("small",{children:"now"})]}),e.jsxs("span",{className:"s-settings-live-preview-row",children:[e.jsx("i",{}),e.jsx("b",{children:"Hudson"}),e.jsx("small",{children:"8m"})]}),e.jsxs("span",{className:"s-settings-live-preview-row",children:[e.jsx("i",{}),e.jsx("b",{children:"Scout"}),e.jsx("small",{children:"1h"})]})]}),e.jsxs("div",{className:"s-settings-live-preview-detail",children:[e.jsx("span",{className:"s-settings-live-preview-kicker",children:"ACTIVE FLIGHT"}),e.jsx("strong",{children:"Theme system review"}),e.jsx("p",{children:"Separating palette, interface shape, and contrast keeps every choice honest."}),e.jsxs("div",{className:"s-settings-live-preview-event",children:[e.jsx("i",{})," Agent is working · updated now"]}),e.jsx("button",{type:"button",tabIndex:-1,children:"Open trace"})]})]})]})}function ys(){const t=Ge(),{appearanceDetails:s,updateAppearanceDetails:n}=ee();if(!t)return e.jsx("div",{className:"s-settings-inline-note",children:"Theme controls are unavailable in this embedded surface."});const i=t.resolvedTheme??"dark",h=we(t.template)??"hudson",m=le.find(a=>a.id===s.palette)?.label??"Scout",x=re.find(a=>a.id===h)?.label??"Rounded",b=oe.find(a=>a.id===s.contrast)?.label??"Defined",f=ce.find(a=>a.id===s.accent)?.label??"Theme",d=de.find(a=>a.id===s.avatarStyle)?.label??"Generative",c=ue.find(a=>a.id===s.avatarSize)?.label??"Regular";return e.jsxs("div",{className:"s-settings-col-gap",children:[e.jsx(j,{label:"App layout",right:`currently ${s.shell}`}),e.jsx("div",{className:"s-settings-shell-grid",role:"group","aria-label":"App layout",children:ps.map(a=>{const r=s.shell===a.id;return e.jsxs("button",{type:"button",className:"s-settings-shell-choice","data-shell":a.id,"data-active":r||void 0,"aria-pressed":r,onClick:()=>n({shell:a.id}),children:[e.jsxs("span",{className:"s-settings-shell-sample","aria-hidden":"true",children:[e.jsx("i",{"data-part":"top"}),e.jsx("i",{"data-part":"rail"}),e.jsxs("i",{"data-part":"list",children:[e.jsx("b",{}),e.jsx("b",{}),e.jsx("b",{})]}),e.jsxs("i",{"data-part":"content",children:[e.jsx("b",{}),e.jsx("b",{}),e.jsx("b",{})]})]}),e.jsxs("span",{className:"s-settings-choice-copy",children:[e.jsxs("span",{className:"s-settings-choice-title",children:[e.jsx("strong",{children:a.label}),r?e.jsx(_,{className:"s-settings-theme-check",size:15,"aria-hidden":!0}):null]}),e.jsx("small",{children:a.sub})]})]},a.id)})}),e.jsx(j,{label:"Color mode",right:`currently ${i}`}),e.jsx("div",{className:"s-settings-theme-mode-grid",role:"group","aria-label":"Color mode",children:gs.map(a=>{const r=a.icon,p=t.theme===a.id,N=a.id==="system"?`Follow this device · resolves to ${t.resolvedTheme??"…"}`:a.sub;return e.jsxs("button",{type:"button",className:"s-settings-theme-mode","data-active":p||void 0,"aria-pressed":p,onClick:()=>t.setTheme(a.id),children:[e.jsx(r,{size:18,strokeWidth:1.7,"aria-hidden":!0}),e.jsxs("span",{children:[e.jsx("strong",{children:a.label}),e.jsx("small",{children:N})]}),p?e.jsx(_,{className:"s-settings-theme-check",size:15,"aria-hidden":!0}):null]},a.id)})}),e.jsxs("div",{className:"s-settings-appearance-workbench",children:[e.jsxs("div",{className:"s-settings-appearance-controls",children:[e.jsx(j,{label:"Color theme",right:`currently ${m.toLowerCase()}`}),e.jsx("div",{className:"s-settings-palette-grid",role:"group","aria-label":"Color theme",children:le.map(a=>{const r=s.palette===a.id;return e.jsxs("button",{type:"button",className:"s-settings-palette-choice","data-active":r||void 0,"aria-pressed":r,onClick:()=>n({palette:a.id}),children:[e.jsx(xs,{palette:a.id,theme:i,template:h}),e.jsxs("span",{className:"s-settings-choice-copy",children:[e.jsxs("span",{className:"s-settings-choice-title",children:[e.jsx("strong",{children:a.label}),r?e.jsx(_,{className:"s-settings-theme-check",size:15,"aria-hidden":!0}):null]}),e.jsx("small",{children:a.sub}),e.jsx("span",{children:a.spec})]})]},a.id)})}),e.jsx(j,{label:"Interface shape",right:`currently ${x.toLowerCase()}`}),e.jsx("div",{className:"s-settings-interface-grid",role:"group","aria-label":"Interface shape",children:re.map(a=>{const r=h===a.id;return e.jsxs("button",{type:"button",className:"s-settings-interface-choice","data-active":r||void 0,"aria-pressed":r,onClick:()=>t.setTemplate(a.id),children:[e.jsx(Q,{className:"s-settings-shape-sample",theme:i,template:a.id,palette:s.palette,contrast:s.contrast,accent:s.accent,children:e.jsx("i",{children:e.jsx("i",{})})}),e.jsxs("span",{className:"s-settings-choice-copy",children:[e.jsxs("span",{className:"s-settings-choice-title",children:[e.jsx("strong",{children:a.label}),r?e.jsx(_,{className:"s-settings-theme-check",size:14,"aria-hidden":!0}):null]}),e.jsx("small",{children:a.sub}),e.jsx("span",{children:a.spec})]})]},a.id)})}),e.jsx(j,{label:"Separation",right:`currently ${b.toLowerCase()}`}),e.jsx("div",{className:"s-settings-contrast-grid",role:"group","aria-label":"Interface contrast",children:oe.map(a=>{const r=s.contrast===a.id;return e.jsxs("button",{type:"button",className:"s-settings-contrast-choice","data-active":r||void 0,"aria-pressed":r,onClick:()=>n({contrast:a.id}),children:[e.jsxs("span",{className:"s-settings-contrast-lines","data-level":a.id,"aria-hidden":!0,children:[e.jsx("i",{}),e.jsx("i",{}),e.jsx("i",{})]}),e.jsx("strong",{children:a.label}),e.jsx("small",{children:a.sub})]},a.id)})}),e.jsx(j,{label:"Signal accent",right:`currently ${f.toLowerCase()}`}),e.jsx("div",{className:"s-settings-accent-row",role:"group","aria-label":"Signal accent",children:ce.map(a=>{const r=s.accent===a.id;return e.jsxs("button",{type:"button",className:"s-settings-accent-choice","data-accent-option":a.id,"data-active":r||void 0,"aria-pressed":r,"aria-label":`${a.label} accent`,onClick:()=>n({accent:a.id}),children:[e.jsx(Q,{className:"s-settings-accent-dot",theme:i,template:h,palette:s.palette,contrast:s.contrast,accent:a.id,children:e.jsx("i",{})}),e.jsx("span",{children:a.label}),r?e.jsx(_,{size:13,"aria-hidden":!0}):null]},a.id)})}),e.jsx(j,{label:"Avatar system",right:`currently ${d.toLowerCase()}`}),e.jsx("div",{className:"s-settings-avatar-grid",role:"group","aria-label":"Avatar system",children:de.map(a=>{const r=s.avatarStyle===a.id;return e.jsxs("button",{type:"button",className:"s-settings-palette-choice s-settings-avatar-choice","data-active":r||void 0,"aria-pressed":r,onClick:()=>n({avatarStyle:a.id}),children:[e.jsx("div",{className:"s-settings-avatar-preview",children:a.id==="crew"?e.jsx(J,{slug:"milo",size:38,ring:!1,badge:!1}):a.id==="chip"?e.jsx(J,{slug:"milo",size:38,chip:!0,ring:!1,badge:!1}):e.jsx(ne,{name:"Milo",size:38})}),e.jsxs("span",{className:"s-settings-choice-copy",children:[e.jsxs("span",{className:"s-settings-choice-title",children:[e.jsx("strong",{children:a.label}),r?e.jsx(_,{className:"s-settings-theme-check",size:14,"aria-hidden":!0}):null]}),e.jsx("small",{children:a.sub}),e.jsxs("span",{children:[a.spec,(()=>{const p=ke(a.id);return p?` · ${p.covered} of ${p.total} cast`:" · every agent"})()]})]})]},a.id)})}),e.jsx(j,{label:"Avatar size",right:`currently ${c.toLowerCase()}`}),e.jsx("div",{className:"s-settings-avatar-size-row",role:"group","aria-label":"Avatar size",children:ue.map(a=>{const r=s.avatarSize===a.id,p=ae("row",a.id)??24;return e.jsxs("button",{type:"button",className:"s-settings-avatar-size-choice","data-active":r||void 0,"aria-pressed":r,onClick:()=>n({avatarSize:a.id}),children:[e.jsx("span",{className:"s-settings-avatar-size-sample","aria-hidden":!0,children:vs.map(N=>s.avatarStyle==="sprite"?e.jsx(ne,{name:N,size:p},N):e.jsx(J,{slug:N,size:p,chip:s.avatarStyle==="chip",ring:!1,badge:!1},N))}),e.jsxs("span",{className:"s-settings-choice-title",children:[e.jsx("strong",{children:a.label}),r?e.jsx(_,{className:"s-settings-theme-check",size:14,"aria-hidden":!0}):null]}),e.jsx("small",{children:a.sub}),e.jsx("span",{className:"s-settings-avatar-size-spec",children:`${p}PX ROW · ${ae("inspector",a.id)}PX TILE`})]},a.id)})}),e.jsxs("div",{className:"s-settings-appearance-note",children:[e.jsx("strong",{children:"Saved on this device"}),e.jsx("span",{children:"Layout, mode, palette, shape, separation, and accent stay in sync across tabs. URL overrides remain available for embeds and visual QA."})]})]}),e.jsxs("aside",{className:"s-settings-preview-column","aria-label":"Live appearance preview",children:[e.jsx(j,{label:"Live specimen",right:i}),e.jsx(js,{theme:i,template:h,palette:s.palette,contrast:s.contrast,accent:s.accent}),e.jsxs("dl",{className:"s-settings-theme-readout",children:[e.jsxs("div",{children:[e.jsx("dt",{children:"Palette"}),e.jsx("dd",{children:m})]}),e.jsxs("div",{children:[e.jsx("dt",{children:"Shape"}),e.jsx("dd",{children:x})]}),e.jsxs("div",{children:[e.jsx("dt",{children:"Separation"}),e.jsx("dd",{children:b})]}),e.jsxs("div",{children:[e.jsx("dt",{children:"Accent"}),e.jsx("dd",{children:f})]})]}),e.jsx("p",{className:"s-settings-preview-note",children:"Each control changes one visual axis. Success, warning, and failure colors keep their meaning."})]})]})]})}function fs({profile:t,update:s}){const{appearanceDetails:n,updateAppearanceDetails:i}=ee(),[h,m]=o.useState(n.operatorCharacter||"milo"),x=h,[b,f]=o.useState(!0),d=Z.find(a=>a.slug.toLowerCase()===x.toLowerCase())??Z[0],c=a=>{m(a),i({operatorCharacter:a})};return e.jsxs("div",{className:"s-settings-col-gap",children:[e.jsx(j,{label:"Operator Character Stage",right:"cast mascot & identity"}),e.jsxs("div",{className:"s-settings-stage-hero-card","data-open":b?"true":"false",children:[e.jsxs("div",{className:"s-settings-stage-hero-header",children:[e.jsxs("div",{className:"s-settings-stage-hero-badge",children:[e.jsx("span",{className:"s-settings-stage-live-dot"}),e.jsx("span",{className:"s-settings-stage-badge-text",children:b?"FULL FIGURE BREAKOUT":"COIN DISC FRAMING"})]}),e.jsx("button",{type:"button",className:"s-settings-stage-toggle-btn",onClick:()=>f(a=>!a),title:b?"Collapse to coin framing":"Break out to full body figure",children:b?e.jsxs(e.Fragment,{children:[e.jsx(Ze,{size:13,"aria-hidden":!0}),e.jsx("span",{children:"Coin Framing"})]}):e.jsxs(e.Fragment,{children:[e.jsx(Qe,{size:13,"aria-hidden":!0}),e.jsx("span",{children:"Breakout Figure"})]})})]}),e.jsxs("div",{className:"s-settings-stage-hero-body",children:[e.jsxs("div",{className:"s-settings-stage-art-col",children:[e.jsx(ns,{slug:x,open:b,onToggle:()=>f(a=>!a),coin:64,figure:256,state:"working"}),e.jsx("span",{className:"s-settings-stage-click-hint",children:b?"Click avatar to collapse":"Click avatar to break out"})]}),e.jsxs("div",{className:"s-settings-stage-meta-col",children:[e.jsxs("div",{className:"s-settings-stage-title-row",children:[e.jsx("span",{className:"s-settings-stage-char-name",children:d.name}),e.jsx("span",{className:"s-settings-stage-char-title",children:d.title})]}),e.jsx("div",{className:"s-settings-stage-kernel-pill",children:e.jsx("code",{children:d.kernel})}),e.jsx("p",{className:"s-settings-stage-blurb",children:d.blurb}),e.jsxs("div",{className:"s-settings-stage-identity-group",children:[e.jsxs("div",{className:"s-settings-stage-operator-id",children:[e.jsx("strong",{children:t.name||"Operator"}),e.jsxs("span",{children:[t.handle||"@you"," · ",t.pronouns||"—"]})]}),e.jsxs("div",{className:"s-settings-hue-wrap",children:[e.jsx("span",{className:"s-settings-field-label",children:"Stage & Identity Hue"}),e.jsx("div",{className:"s-settings-hue-row",children:us.map(a=>e.jsx("button",{type:"button",onClick:()=>s({hue:a}),className:`s-settings-hue-dot${t.hue===a?" s-settings-hue-dot--active":""}`,style:{background:hs(a)},title:`Hue ${a}°`},a))})]})]})]})]})]}),e.jsxs(e.Fragment,{children:[e.jsx(j,{label:"Your character mascot",right:`currently ${d.name.toLowerCase()}`}),e.jsx("div",{className:"s-settings-cast-grid-wrap",children:e.jsx(Ue,{selectedSlug:x,onSelect:c})})]}),e.jsx(k,{label:"Display name",hint:"Shown when agents address you.",children:e.jsx(K,{value:t.name,onChange:a=>s({name:a})})}),e.jsx(k,{label:"Handle",hint:"Used in @mentions across threads.",children:e.jsx(K,{value:t.handle,onChange:a=>s({handle:a}),mono:!0})}),e.jsx(k,{label:"Pronouns",children:e.jsx(K,{value:t.pronouns,onChange:a=>s({pronouns:a})})}),e.jsx(j,{label:"How agents understand you",right:"shipped as system prompt context"}),e.jsx(k,{label:"Operator bio",hint:"How you want to be worked with. Agents read this before asking you things.",children:e.jsx(ie,{value:t.bio,onChange:a=>s({bio:a}),rows:4})}),e.jsxs("div",{className:"s-settings-two-col",children:[e.jsx(k,{label:"Timezone",children:e.jsx(K,{value:t.timezone,onChange:a=>s({timezone:a}),mono:!0})}),e.jsx(k,{label:"Working hours",children:e.jsx(K,{value:t.workingHours,onChange:a=>s({workingHours:a}),mono:!0})})]}),e.jsx(j,{label:"Ephemeral agent names",right:"rotation pool for one-off agents"}),e.jsx(k,{label:"Name pool",hint:t.provisionalAgentNames.length>0?`${t.provisionalAgentNamesResolvedCount} names active (${t.provisionalAgentNamesSource}). Preview: ${t.provisionalAgentNamesPreview.join(", ")}${t.provisionalAgentNamesResolvedCount>t.provisionalAgentNamesPreview.length?", …":""}`:"Leave empty to use Scout's built-in rotation. One short name per line.",children:e.jsx(ie,{value:t.provisionalAgentNames.join(`
+`),onChange:a=>s({provisionalAgentNames:a.split(/\r?\n/u).map(r=>r.trim()).filter(Boolean)}),rows:6})}),e.jsx(k,{label:"Pool mode",hint:"Replace uses only your list. Add to defaults prepends yours, then Scout's built-in names.",children:e.jsx(W,{value:t.provisionalAgentNamesMode,onChange:a=>s({provisionalAgentNamesMode:a}),options:[{id:"replace",label:"Replace",sub:"your list only"},{id:"extend",label:"Add to defaults",sub:"yours first, then Scout"}],columns:2})})]})}function Ss({profile:t,update:s}){return e.jsxs("div",{className:"s-settings-col-gap",children:[e.jsx(j,{label:"Interrupt policy"}),e.jsx(k,{label:"When agents can ping you directly",hint:"Blocking-only means only asks that truly stall work. Others get batched.",children:e.jsx(W,{value:t.interruptThreshold,onChange:n=>s({interruptThreshold:n}),options:[{id:"always",label:"Always",sub:"any ask, any time"},{id:"blocking-only",label:"Blocking only",sub:"stuck agents · default"},{id:"batched",label:"Batched",sub:"grouped every 15m"},{id:"never",label:"Never",sub:"queue only, I'll check in"}]})}),e.jsxs("div",{className:"s-settings-two-col",children:[e.jsx(k,{label:"Batch window (min)",children:e.jsx(ms,{value:t.batchWindow,min:5,max:60,step:5,onChange:n=>s({batchWindow:n}),unit:"min"})}),e.jsx(k,{label:"Quiet hours",children:e.jsx(K,{value:t.quietHours,onChange:n=>s({quietHours:n}),mono:!0})})]}),e.jsx(j,{label:"Where to reach you"}),e.jsx(k,{label:"Preferred channel",children:e.jsx(W,{value:t.channel,onChange:n=>s({channel:n}),options:[{id:"here",label:"Here only",sub:"desktop app"},{id:"mobile",label:"Mobile only",sub:"paired phone"},{id:"here+mobile",label:"Both",sub:"whichever is active"}]})}),e.jsx(j,{label:"Tone calibration",right:"how agents write to you"}),e.jsxs("div",{className:"s-settings-two-col",children:[e.jsx(k,{label:"Verbosity",children:e.jsx(W,{stacked:!0,value:t.verbosity,onChange:n=>s({verbosity:n}),options:[{id:"terse",label:"Terse",sub:"one-liners, answers only"},{id:"normal",label:"Normal",sub:"context + answer"},{id:"detailed",label:"Detailed",sub:"show reasoning"}]})}),e.jsx(k,{label:"Tone",children:e.jsx(W,{stacked:!0,value:t.tone,onChange:n=>s({tone:n}),options:[{id:"direct",label:"Direct",sub:"no hedging"},{id:"warm",label:"Warm",sub:"friendly, conversational"},{id:"formal",label:"Formal",sub:"business-like"}]})})]})]})}function Ns({clientCredentials:t,serverCredentials:s,reloadCredentials:n}){const[i,h]=o.useState(""),[m,x]=o.useState(!1),[b,f]=o.useState(null),d=s?.openai??null,c=!!d?.configured,a=d?.source==="env"?"OPENAI_API_KEY":d?.source==="local-config"?"local Scout config":d?.source==="local-store"?"local OpenScout store":"missing",r=d?.source==="local-store"&&t?.configured?"local OpenScout store + HudVault mirror":a,p=d?.preview??t?.preview??null,N=async()=>{x(!0),f(null);try{const S=i.trim();await Oe(S);let w=null;try{await Re(S)}catch(A){w=A instanceof Error?A.message:"HudVault save failed."}h(""),await n(),f(w?`Saved to local OpenScout store. Browser mirror failed: ${w}`:"Saved to local OpenScout store and Hudson Vault.")}catch(S){f(S instanceof Error?S.message:"Could not save key.")}finally{x(!1)}},I=async()=>{x(!0),f(null);try{const[S,w]=await Promise.allSettled([Pe(),Ie()]);h(""),await n(),S.status==="rejected"||w.status==="rejected"?f("Cleared what I could; one credential store did not respond."):f(d?.source==="env"||d?.source==="local-config"?"Removed saved key. Server fallback is still configured.":"Removed saved key.")}catch(S){f(S instanceof Error?S.message:"Could not clear key.")}finally{x(!1)}};return e.jsxs("div",{className:"s-settings-col-gap",children:[e.jsx(j,{label:"Model providers",right:c?`configured · ${r}`:"missing"}),e.jsx("div",{className:"s-settings-relay-card",children:e.jsxs("div",{children:[e.jsxs("div",{className:"s-settings-relay-title",children:["OpenAI · ",e.jsxs("span",{className:"s-settings-device-status",style:{color:c?"var(--green)":"var(--dim)"},children:["●"," ",c?"ready":"missing"]})]}),e.jsxs("div",{className:"s-settings-relay-meta",children:[p??"No key stored"," · ",r]}),e.jsx("div",{className:"s-settings-relay-desc",children:"Scout stores user-entered keys in the local OpenScout credential store and keeps a HudVault mirror for this browser profile."})]})}),e.jsx(k,{label:"OpenAI API key",hint:"Saved locally. Existing keys are never shown again.",children:e.jsx("input",{className:"s-settings-input s-settings-input--mono",type:"password",value:i,placeholder:c?"Saved key configured":"sk-...",autoComplete:"off",spellCheck:!1,onChange:S=>h(S.target.value)})}),b&&e.jsx("div",{className:"s-settings-field-hint",children:b}),e.jsxs("div",{className:"s-settings-button-row",children:[e.jsx("button",{type:"button",className:"s-btn",disabled:m||!i.trim(),onClick:()=>{N()},children:m?"Saving":"Save key"}),e.jsx("button",{type:"button",className:"s-btn",disabled:m||!(t?.configured||d?.source==="local-store"),onClick:()=>{I()},children:"Clear saved key"})]})]})}const ws=[{id:"auto",label:"Auto",sub:"Parakeet when warm, Apple fallback"},{id:"parakeet",label:"Parakeet",sub:"on-device, best quality"},{id:"apple",label:"Apple Speech",sub:"instant, no model warmup"}];function ks(){const t=Ce($e,!0),[s,n]=o.useState(null),[i,h]=o.useState(null),[m,x]=o.useState(null),[b,f]=o.useState([]),[d,c]=o.useState([]),[a,r]=o.useState(!0),[p,N]=o.useState(!1),[I,S]=o.useState(!1),[w,A]=o.useState(!1),[$,v]=o.useState(null),D=o.useCallback(async()=>{r(!0);try{const[l,u,y,X]=await Promise.all([Ve(),He(12).catch(()=>[]),Le().catch(()=>null),os().catch(()=>null)]);n(l.settings),f(l.devices),c(u),h(y),x(X),v(null)}catch(l){v(l instanceof Error?l.message:String(l))}finally{r(!1)}},[]);o.useEffect(()=>{D()},[D]);const O=o.useCallback(async l=>{N(!0),v(null);try{const u=await ze(l);n(u.settings),f(u.devices)}catch(u){v(u instanceof Error?u.message:String(u))}finally{N(!1)}},[]),V=o.useCallback(async l=>{S(!0),v(null);try{const u=await Me(l);h(u),De(u)}catch(u){v(u instanceof Error?u.message:String(u))}finally{S(!1)}},[]),H=o.useCallback(async l=>{A(!0),v(null);try{const u=await cs(l?"host":"browser");x(u),ds(u)}catch(u){v(u instanceof Error?u.message:String(u))}finally{A(!1)}},[]);if(a&&!s)return e.jsx("div",{className:"s-settings-field-hint",children:"Loading voice settings…"});const z=s?.inputDeviceId??b.find(l=>l.isDefault)?.id??"",R=s?.permissions?.find(l=>l.kind==="microphone")??null,E=s?.permissions?.find(l=>l.kind==="speechRecognition")??null,L=(s?.permissions?.length??0)>0||b.length>0,T=t&&i?.enabled===!0,G=I||!t||!i||i.locked,F=t?i?i.locked?`Controlled by OPENSCOUT_REALTIME_VOICE_ENABLED · ${i.enabled?"on":"off"}`:T?"Ready. Use Voice in the footer to start a call.":"Off. No microphone or OpenAI connection runs in the background.":"Live voice settings are temporarily unavailable.":"Unavailable in this build.",P=m?.playback==="host",U=w||!m||m.locked,M=m?m.locked?`Controlled by ${ls} · ${m.playback}`:P?L?"On. Scout Menu speaks replies on this Mac in its own voice.":"On, but Scout Menu is offline. Launch it on this Mac to hear replies.":"Off. Replies play in this browser.":"Playback settings are temporarily unavailable.",g=[L?null:"Scout voice host is offline. Launch Scout Menu on this Mac — the browser does not capture audio.",R?.status==="denied"||R?.status==="restricted"?R?.status==="restricted"?"Microphone access is restricted on this Mac.":"Microphone access is off for Scout Menu. Choose Retry access to reopen the macOS permission pane.":R?.canRequest?"Microphone has not been requested yet. Request access or tap the mic in chat to show the macOS prompt.":null,!E?.granted&&(E?.status==="denied"||E?.status==="restricted")?E?.status==="restricted"?"Speech recognition is restricted on this Mac.":"Speech recognition is off for Scout Menu. Open Privacy & Security → Speech Recognition to change it.":null,s?.modelReady?null:"Parakeet may download on first use. Apple Speech stays available while the model warms.","Dictation requires Scout Menu running. The browser does not capture audio.","If transcription hangs on Processing, wait up to 60 seconds or tap the mic again to cancel."].filter(l=>!!l);return e.jsxs("div",{className:"s-settings-col-gap",children:[$&&e.jsx("div",{className:"s-settings-field-hint",style:{color:"var(--amber)"},children:$}),e.jsx(j,{label:"Realtime conversation",right:"operator control"}),e.jsxs("div",{className:"s-settings-realtime-voice","data-enabled":T||void 0,"data-unavailable":!t||void 0,children:[e.jsxs("span",{className:"s-settings-realtime-voice-copy",children:[e.jsx("strong",{children:"Enable live voice on this Scout"}),e.jsx("span",{children:"Allows live conversations with Scoutbot. Microphone audio and OpenAI usage begin only when you explicitly start a call."}),e.jsx("em",{children:F})]}),e.jsxs("button",{type:"button",role:"switch","aria-checked":T,"aria-label":"Enable live voice on this Scout",disabled:G,"data-checked":T||void 0,className:"s-settings-switch",onClick:()=>{V(!T)},children:[e.jsx("span",{className:"s-settings-switch-thumb","aria-hidden":"true"}),e.jsx("span",{className:"sr-only",children:T?"On":"Off"})]})]}),e.jsx(j,{label:"Spoken replies",right:"where they play"}),e.jsxs("div",{className:"s-settings-realtime-voice","data-enabled":P||void 0,children:[e.jsxs("span",{className:"s-settings-realtime-voice-copy",children:[e.jsx("strong",{children:"Speak on this Mac"}),e.jsx("span",{children:"Spoken replies and briefs play through Scout Menu on the Mac instead of this browser tab, in the voice chosen in Scout Menu › Voice. Installed voices such as Kokoro work only this way. A surface or agent can still name the browser for one utterance."}),e.jsx("em",{children:M})]}),e.jsxs("button",{type:"button",role:"switch","aria-checked":P,"aria-label":"Speak on this Mac",disabled:U,"data-checked":P||void 0,className:"s-settings-switch",onClick:()=>{H(!P)},children:[e.jsx("span",{className:"s-settings-switch-thumb","aria-hidden":"true"}),e.jsx("span",{className:"sr-only",children:P?"On":"Off"})]})]}),e.jsx(Ke,{hostOnline:L,micPermission:R,speechPermission:E,modelReady:s?.modelReady}),e.jsx(j,{label:"Scout Menu permissions",right:"voice host"}),e.jsx(We,{permissions:s?.permissions,hostOnline:L,disabled:p||a,onError:l=>v(l),onRefresh:D}),e.jsx(j,{label:"Transcription"}),e.jsx(k,{label:"Engine",hint:s?.modelReady?"Parakeet is warm and ready.":s?.modelInstalled?"Parakeet is installed; first dictation may warm the model.":"Parakeet downloads on first use. Apple Speech stays available meanwhile.",children:e.jsx(W,{value:s?.preference??"auto",onChange:l=>{n(u=>u&&{...u,preference:l}),O({preference:l})},options:ws,columns:3})}),e.jsx(k,{label:"Microphone input",hint:"Scout Menu uses the macOS system default input unless you pick a device here. The browser never captures audio.",children:b.length>0?e.jsx("select",{className:"s-settings-input",value:z,disabled:p,onChange:l=>{const u=l.target.value||null;n(y=>y&&{...y,inputDeviceId:u,inputDeviceName:b.find(X=>X.id===u)?.name??null}),O({inputDeviceId:u})},children:b.map(l=>e.jsxs("option",{value:l.id,children:[l.name,l.isDefault?" (system default)":""]},l.id))}):e.jsx("div",{className:"s-settings-field-hint",children:"Scout Menu is not reporting microphones. Launch Scout Menu, grant mic access, then refresh."})}),e.jsx(j,{label:"Diagnostics"}),e.jsx("ul",{className:"s-settings-field-hint",style:{margin:0,paddingLeft:"1.1rem",display:"grid",gap:"0.35rem"},children:g.map(l=>e.jsx("li",{children:l},l))}),e.jsx(j,{label:"Recent sessions",right:d.length?`${d.length} shown`:"none"}),d.length===0?e.jsx("div",{className:"s-settings-field-hint",children:"No recent dictation sessions on this web server. History fills as you use the mic in chat."}):e.jsx("div",{className:"s-settings-col-gap",style:{gap:"0.35rem"},children:d.map(l=>e.jsx("div",{className:"s-settings-device-row",style:{alignItems:"flex-start"},children:e.jsxs("div",{style:{flex:1,minWidth:0},children:[e.jsxs("div",{className:"s-settings-device-name",style:{fontFamily:"var(--mono)"},children:[l.status," · ",l.lastEvent??"started"]}),e.jsxs("div",{className:"s-settings-device-meta",children:[l.surface," · ",_e(l.updatedAt),l.error?` · ${l.error}`:""]}),l.lastTranscript?e.jsx("div",{className:"s-settings-field-hint",style:{marginTop:"0.2rem"},children:l.lastTranscript.length>96?`${l.lastTranscript.slice(0,96)}…`:l.lastTranscript}):null]})},l.sessionId))}),e.jsx("div",{className:"s-settings-button-row",children:e.jsx("button",{type:"button",className:"s-btn",disabled:a||p,onClick:()=>{D()},children:a?"Refreshing…":"Refresh"})})]})}const Cs={desktop:"◻",mobile:"▯",tablet:"▭"};function As({device:t}){const s=t.status==="this-device"?"var(--accent)":t.status==="online"?"var(--green)":"var(--dim)";return e.jsxs("div",{className:"s-settings-device-row",children:[e.jsx("span",{className:"s-settings-device-icon",children:Cs[t.kind]??"□"}),e.jsxs("div",{children:[e.jsx("div",{className:"s-settings-device-name",children:t.name}),e.jsxs("div",{className:"s-settings-device-meta",children:[t.kind," · via ",t.relay," · ",t.lastSeen]})]}),e.jsxs("span",{className:"s-settings-device-status",style:{color:s},children:["●"," ",t.status==="this-device"?"this device":t.status]}),e.jsx("button",{className:"s-btn",disabled:t.status==="this-device",children:t.status==="this-device"?"—":"Unpair"})]})}function Es({pairing:t}){const s=[{id:"local",name:"This machine",kind:"desktop",status:"this-device",relay:"local",lastSeen:"now"}];if(t?.trustedPeers)for(const n of t.trustedPeers){const i=n.fingerprint===t.connectedPeerFingerprint;s.push({id:n.fingerprint,name:n.name??"Paired device",kind:"mobile",status:i?"online":"offline",relay:"tailscale",lastSeen:n.lastSeenLabel??"—"})}return e.jsxs("div",{className:"s-settings-col-gap",children:[e.jsx(j,{label:`Paired devices · ${s.length}`}),e.jsx("div",{className:"s-settings-col-gap",style:{gap:10},children:s.map(n=>e.jsx(As,{device:n},n.id))}),e.jsx(j,{label:"Relay"}),e.jsxs("div",{className:"s-settings-relay-card",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"s-settings-relay-title",children:["Relay · ",e.jsxs("span",{className:"s-settings-device-status",style:{color:t?.isRunning?"var(--green)":"var(--dim)"},children:["●"," ",t?.isRunning?"connected":"offline"]})]}),e.jsxs("div",{className:"s-settings-relay-meta",children:[t?.relay??"not configured"," · tailscale"]}),e.jsx("div",{className:"s-settings-relay-desc",children:"Agents route through your relay to reach mobile when the app is backgrounded. End-to-end encrypted; keys never leave your devices."})]}),e.jsx("button",{className:"s-btn",children:"Configure"})]})]})}function Y(t,s,n=!1){if(!t&&!s)return"Not reported";const i=t||"detached";return s?`${i} @ ${s}${n?" (modified)":""}`:i}function be(){return navigator.userAgentData?.platform||navigator.platform||"Unknown"}function C({label:t,value:s,detail:n}){return e.jsxs("div",{className:"s-settings-about-fact",children:[e.jsx("dt",{children:t}),e.jsxs("dd",{children:[e.jsx("code",{children:s}),n?e.jsx("span",{children:n}):null]})]})}function he(t){const{build:s,mesh:n}=t,i=n?.health.build??null,h=n?.localNode?n.nodes[n.localNode.id]?.host:void 0,m=be();return["OpenScout troubleshooting report",`Collected: ${t.collectedAt.toISOString()}`,"","[Web]",`Observed: ${t.buildCollectedAt?.toISOString()??"unknown"}`,`Version: ${s?.version??"unknown"}`,`Mode: ${s?.mode??"unknown"}`,`Source: ${Y(s?.branch,s?.commit,s?.dirty===!0)}`,`Server: ${s?.server?`${s.server.engine} ${s.server.engineVersion}`:"unknown"}`,`Server platform: ${s?.server?`${s.server.platform}/${s.server.arch}`:"unknown"}`,"","[Broker]",`Observed: ${t.meshCollectedAt?.toISOString()??"unknown"}`,`Reachable: ${n?.health.reachable===void 0?"unknown":n.health.reachable?"yes":"no"}`,`Healthy: ${n?.health.ok===void 0?"unknown":n.health.ok?"yes":"no"}`,`Error: ${n?.health.error??"none reported"}`,`Package: ${i?.packageName??"unknown"}`,`Version: ${i?.version??"unknown"}`,`Mode: ${i?.mode??"unknown"}`,`Source: ${Y(i?.branch,i?.commit)}`,`Build: ${i?.buildNumber??i?.buildId??"not reported"}`,`Node: ${n?.health.nodeId??"unknown"}`,`Broker URL: ${n?.brokerUrl??"unknown"}`,"","[Host]",`Name: ${n?.localNode?.name??"unknown"}`,`Scout version: ${h?.scoutVersion??"not reported"}`,`System: ${h?.os??"unknown"}`,`Architecture: ${h?.arch??s?.server?.arch??"unknown"}`,"","[Browser]",`Platform: ${m}`,`User agent: ${navigator.userAgent}`,`Origin: ${window.location.origin}`].join(`
+`)}async function Ts(t){if(navigator.clipboard?.writeText){await navigator.clipboard.writeText(t);return}const s=document.createElement("textarea");s.value=t,s.setAttribute("readonly",""),s.style.position="fixed",s.style.opacity="0",document.body.appendChild(s),s.select();const n=document.execCommand("copy");if(s.remove(),!n)throw new Error("Clipboard access is unavailable")}function Os(){const[t,s]=o.useState(null),[n,i]=o.useState(!0),[h,m]=o.useState(null),[x,b]=o.useState("idle"),f=o.useCallback(async(S=!1)=>{i(!0),m(null),b("idle");const[w,A]=await Promise.allSettled([B(S?"/api/build?refresh=1":"/api/build"),B("/api/mesh")]),$=new Date;if(s(v=>({build:w.status==="fulfilled"?w.value:v?.build??null,mesh:A.status==="fulfilled"?A.value:v?.mesh??null,collectedAt:$,buildCollectedAt:w.status==="fulfilled"?$:v?.buildCollectedAt??null,meshCollectedAt:A.status==="fulfilled"?$:v?.meshCollectedAt??null})),w.status==="rejected"||A.status==="rejected"){const v=[w.status==="rejected"?"web build":null,A.status==="rejected"?"broker":null].filter(Boolean).join(" and ");m(`Could not refresh ${v} details. Last reported values are kept when available.`)}i(!1)},[]);o.useEffect(()=>{f()},[f]);const d=t?.build??null,c=t?.mesh??null,a=c?.health.build??null,r=c?.localNode?c.nodes[c.localNode.id]?.host:void 0,p=be(),N=c===null?"not reported":c.health.reachable?c.health.ok?"healthy":"degraded":"unreachable",I=o.useCallback(()=>{t&&Ts(he(t)).then(()=>{b("copied"),setTimeout(()=>b("idle"),1800)}).catch(()=>{b("error")})},[t]);return n&&!t?e.jsx("div",{className:"s-settings-loading",children:"Collecting version details…"}):e.jsxs("div",{className:"s-settings-about",children:[e.jsxs("div",{className:"s-settings-about-summary",children:[e.jsxs("div",{children:[e.jsx("span",{className:"s-settings-about-product",children:"OpenScout Web"}),e.jsx("strong",{children:d?.version?`v${d.version}`:"Version unavailable"}),e.jsxs("span",{className:"s-settings-about-source",children:[d?.mode??"unknown mode"," · ",Y(d?.branch,d?.commit,d?.dirty===!0)]}),e.jsxs("span",{className:"s-settings-about-collected",children:["Snapshot collected ",t?.collectedAt.toLocaleString()??"—"]})]}),e.jsxs("div",{className:"s-settings-about-actions",children:[e.jsxs("button",{type:"button",className:"s-btn",onClick:()=>{f(!0)},disabled:n,children:[e.jsx(Ye,{size:13,"aria-hidden":!0}),n?"Refreshing…":"Refresh"]}),e.jsxs("button",{type:"button",className:"s-btn s-settings-about-copy",onClick:I,disabled:!t,children:[x==="copied"?e.jsx(_,{size:13,"aria-hidden":!0}):e.jsx(Xe,{size:13,"aria-hidden":!0}),x==="copied"?"Copied report":x==="error"?"Copy failed":"Copy report"]})]})]}),h?e.jsx("div",{className:"s-settings-about-warning",role:"status",children:h}):null,x==="error"&&t?e.jsxs("div",{className:"s-settings-about-copy-fallback",role:"alert",children:[e.jsx("strong",{children:"Clipboard access was denied."}),e.jsx("span",{children:"Select and copy the report below."}),e.jsx("textarea",{readOnly:!0,value:he(t),"aria-label":"OpenScout troubleshooting report"})]}):null,e.jsx(j,{label:"Web application",right:"release and source identity"}),e.jsxs("dl",{className:"s-settings-about-ledger",children:[e.jsx(C,{label:"Package version",value:d?.version??"Unknown",detail:`Observed ${t?.buildCollectedAt?.toLocaleString()??"at an unknown time"}. Use this when comparing releases.`}),e.jsx(C,{label:"Run mode",value:d?.mode??"Unknown"}),e.jsx(C,{label:"Source checkout",value:Y(d?.branch,d?.commit,d?.dirty===!0),detail:"A dev SHA identifies the running checkout; it is not the release version."}),e.jsx(C,{label:"Server engine",value:d?.server?`${d.server.engine} ${d.server.engineVersion}`:"Not reported",detail:d?.server?`Node compatibility ${d.server.nodeVersion} · ${d.server.platform}/${d.server.arch}`:void 0})]}),e.jsx(j,{label:"Broker",right:N}),e.jsxs("dl",{className:"s-settings-about-ledger",children:[e.jsx(C,{label:"Status",value:N,detail:[`Observed ${t?.meshCollectedAt?.toLocaleString()??"at an unknown time"}.`,c?.health.error].filter(Boolean).join(" ")}),e.jsx(C,{label:"Package",value:a?.packageName??"Not reported"}),e.jsx(C,{label:"Version",value:a?.version??"Not reported"}),e.jsx(C,{label:"Source",value:Y(a?.branch,a?.commit)}),e.jsx(C,{label:"Build",value:a?.buildNumber??a?.buildId??"Not reported"}),e.jsx(C,{label:"Node",value:c?.health.nodeId??"Not reported",detail:c?.brokerUrl})]}),e.jsx(j,{label:"Host and browser",right:"troubleshooting context"}),e.jsxs("dl",{className:"s-settings-about-ledger",children:[e.jsx(C,{label:"Host",value:c?.localNode?.name??"Not reported"}),e.jsx(C,{label:"Host Scout",value:r?.scoutVersion??"Not reported"}),e.jsx(C,{label:"Host system",value:[r?.os,r?.arch??d?.server?.arch].filter(Boolean).join(" · ")||"Not reported"}),e.jsx(C,{label:"Browser platform",value:p}),e.jsx(C,{label:"Browser",value:navigator.userAgent}),e.jsx(C,{label:"Page origin",value:window.location.origin})]}),e.jsx("p",{className:"s-settings-about-note",children:"Native app and CLI versions are shown only when those components report them. Scout does not infer a version from a nearby checkout."})]})}const q=[{id:"appearance",label:"Appearance",sub:"mode · workspace style"},{id:"operator",label:"Operator",sub:"identity · bio · hours"},{id:"comms",label:"Communication",sub:"how agents reach you"},{id:"voice",label:"Voice",sub:"realtime · playback · permissions · dictation"},{id:"credentials",label:"Credentials",sub:"model provider keys"},{id:"devices",label:"Paired devices",sub:"relay · connected"},{id:"about",label:"About",sub:"versions · build · runtime"}],me={appearance:"Appearance",operator:"Operator identity",comms:"Communication",voice:"Voice",credentials:"Credentials",devices:"Paired devices",about:"About OpenScout"},Rs={appearance:"Choose how Scout looks on this device. Changes apply immediately across the workspace.",operator:"Your identity, availability, and the context agents receive when they work with you.",comms:"Set interruption rules, delivery channels, response style, and quiet hours.",voice:"Configure dictation, realtime voice, permissions, and input devices.",credentials:"Manage model-provider credentials stored by this Scout installation.",devices:"Review the relay and devices currently connected to this Scout workspace.",about:"Exact release, source, broker, host, and browser details for troubleshooting."},Ps={name:"",handle:"",pronouns:"",hue:195,bio:"",timezone:Intl.DateTimeFormat().resolvedOptions().timeZone,workingHours:"08:00 – 18:00",interruptThreshold:"blocking-only",batchWindow:15,channel:"here+mobile",verbosity:"terse",tone:"direct",quietHours:"22:00 – 07:00",provisionalAgentNames:[],provisionalAgentNamesMode:"replace",provisionalAgentNamesResolvedCount:0,provisionalAgentNamesPreview:[],provisionalAgentNamesSource:"default"};function ve({open:t,onClose:s,section:n,onSectionChange:i,presentation:h}){const{refreshOnboarding:m}=ee(),{ref:x,onKeyDown:b}=Be(t&&h==="drawer"),[f,d]=o.useState("appearance"),c=n??f,a=o.useCallback(g=>{i?i(g):d(g)},[i]),[r,p]=o.useState(Ps),[N,I]=o.useState(null),[S,w]=o.useState(null),[A,$]=o.useState(null),[v,D]=o.useState(!1),[O,V]=o.useState("saved"),H=o.useRef(null),z=o.useRef(!0),R=o.useRef(null);o.useEffect(()=>()=>{z.current=!1},[]);const E=o.useCallback(async()=>{const[g,l]=await Promise.allSettled([Ae(),Ee()]),u=g.status==="fulfilled"?g.value:null;let y=l.status==="fulfilled"?l.value:null;u?.configured&&!y?.openai.configured&&(y=await Te().catch(()=>y)),w(u),$(y)},[]),L=o.useCallback(async()=>{try{const g=B("/api/user"),l=Promise.race([B("/api/pairing-state"),new Promise((X,ye)=>setTimeout(()=>ye(new Error("timeout")),3e3))]),[u,y]=await Promise.allSettled([g,l]);u.status==="fulfilled"&&p(u.value),y.status==="fulfilled"&&I(y.value),await E()}finally{D(!0)}},[E]);o.useEffect(()=>{t&&c!=="appearance"&&c!=="about"&&!v&&L()},[v,t,L,c]),o.useEffect(()=>{if(!t||!window.matchMedia("(max-width: 760px)").matches)return;const g=window.requestAnimationFrame(()=>{R.current?.scrollIntoView({block:"nearest",inline:"nearest"})});return()=>window.cancelAnimationFrame(g)},[t,c]);const T=o.useCallback(g=>{const u=(q.findIndex(y=>y.id===c)+g+q.length)%q.length;a(q[u].id)},[c]),G=o.useCallback(g=>{if(b(g),h==="drawer"&&g.key==="Escape"){g.preventDefault(),s();return}g.target?.closest(".s-settings-rail")&&(g.key==="ArrowDown"?(g.preventDefault(),T(1)):g.key==="ArrowUp"&&(g.preventDefault(),T(-1)))},[T,s,b,h]),F=o.useCallback(g=>{H.current&&clearTimeout(H.current),V("saving"),H.current=setTimeout(()=>{B("/api/user",{method:"POST",body:JSON.stringify(g)}).then(()=>m()).then(()=>{z.current&&V("saved")}).catch(()=>{z.current&&V("error")})},400)},[m]),P=o.useCallback(g=>{p(l=>{const u={...l,...g};return F(u),u})},[F]),U=e.jsx("nav",{className:"s-settings-rail","aria-label":"Settings pages",children:q.map(g=>{const l=e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"s-settings-rail-label",children:g.label}),e.jsx("span",{className:"s-settings-rail-sub",children:g.sub})]}),u=`s-settings-rail-btn${c===g.id?" s-settings-rail-btn--active":""}`;return h==="page"?e.jsx("a",{ref:c===g.id?y=>{R.current=y}:void 0,href:Fe({view:"settings",section:g.id}),"aria-current":c===g.id?"page":void 0,className:u,onClick:y=>{y.button!==0||y.metaKey||y.ctrlKey||y.shiftKey||y.altKey||(y.preventDefault(),a(g.id))},children:l},g.id):e.jsx("button",{ref:c===g.id?y=>{R.current=y}:void 0,onClick:()=>a(g.id),"aria-current":c===g.id?"page":void 0,className:u,children:l},g.id)})}),M=e.jsx("main",{className:"s-settings-content",id:`settings-${c}`,"data-settings-section":c,tabIndex:-1,children:c==="appearance"?e.jsx(ys,{}):c==="about"?e.jsx(Os,{}):v?e.jsxs(e.Fragment,{children:[c==="operator"&&e.jsx(fs,{profile:r,update:P}),c==="comms"&&e.jsx(Ss,{profile:r,update:P}),c==="credentials"&&e.jsx(Ns,{clientCredentials:S,serverCredentials:A,reloadCredentials:E}),c==="voice"&&e.jsx(ks,{}),c==="devices"&&e.jsx(Es,{pairing:N})]}):e.jsx("div",{className:"s-settings-loading",children:"Loading settings…"})});return h==="page"?e.jsxs("section",{className:"s-settings-page","aria-labelledby":"settings-page-title",children:[e.jsxs("header",{className:"s-settings-page-header",children:[e.jsxs("div",{children:[e.jsx("div",{className:"s-settings-page-kicker",children:"Settings"}),e.jsx("h1",{id:"settings-page-title",children:me[c]}),e.jsx("p",{children:Rs[c]})]}),c==="about"?e.jsxs("div",{className:"s-settings-page-save-state","data-state":"neutral",children:[e.jsx("span",{"aria-hidden":"true"}),"Diagnostic snapshot"]}):e.jsxs("div",{className:"s-settings-page-save-state","data-state":O,role:"status","aria-live":"polite",children:[e.jsx("span",{"aria-hidden":"true"}),O==="saving"?"Saving changes…":O==="error"?"Couldn’t save changes":"Saved automatically"]})]}),e.jsxs("div",{className:"s-settings-page-layout",children:[U,M]})]}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:`s-settings-scrim ${t?"s-settings-scrim--open":"s-settings-scrim--closed"}`,onClick:s}),e.jsxs("div",{ref:x,role:"dialog","aria-modal":"true","aria-label":"Settings",className:`s-settings-drawer ${t?"s-settings-drawer--open":"s-settings-drawer--closed"}`,onKeyDown:G,children:[e.jsxs("div",{className:"s-settings-header",children:[e.jsxs("div",{className:"s-settings-header-title",children:["⚙"," SETTINGS"]}),e.jsx("span",{className:"s-settings-header-sep",children:"/"}),e.jsx("span",{className:"s-settings-header-section",children:me[c]}),e.jsx("span",{style:{flex:1}}),e.jsx("span",{className:"s-settings-header-hint",children:"ESC to close"}),e.jsx("button",{className:"s-settings-close",onClick:s,children:"×"})]}),U,M,e.jsxs("div",{className:"s-settings-footer",children:[e.jsxs("span",{className:"s-settings-footer-sync",children:["●"," synced"]}),e.jsx("span",{children:"·"}),e.jsx("span",{children:"changes apply instantly to every agent in your fleet"}),e.jsx("span",{style:{flex:1}}),e.jsx("button",{className:"s-btn",onClick:s,children:"Done"})]})]})]})}function xe(t){return e.jsx(ve,{...t,presentation:"drawer"})}function je({section:t="appearance",onSectionChange:s}){return e.jsx(ve,{open:!0,onClose:()=>{},section:t,onSectionChange:s,presentation:"page"})}const st=Object.freeze(Object.defineProperty({__proto__:null,SettingsDrawer:xe,SettingsPage:je},Symbol.toStringTag,{value:"Module"})),tt=Object.freeze(Object.defineProperty({__proto__:null,SettingsDrawer:xe,SettingsPage:je},Symbol.toStringTag,{value:"Module"}));export{je as S,st as a,tt as b};