@openscout/scout 0.2.84 → 0.2.86

package/dist/client/assets/hooks-CdKx1CxP.js

@@ -0,0 +1,2 @@
+import{r as a,j as p}from"./index-Bli6bTLU.js";import{a as b}from"./provider-CX9EWecp.js";import{a as S}from"./api-DEHEgJ9m.js";import{o as k,i as O}from"./surface-activity-B1rgWB1i.js";import{h as A}from"./NewChatComposer-Bgqes0UQ.js";import{u as v}from"./Provider-Ve8yXaWR.js";import{l as L}from"./mesh-buckets-CfAukILK.js";import{d as M,aa as N,s as R,e as T}from"./router-B0YclXYg.js";import{S as _}from"./server-Dt3tpiBj.js";import{i as x}from"./keyboard-nav-7iEtvu9P.js";import{S as I}from"./scoutbot-D4vuKzOL.js";import{a as j,b as $,c as B,d as K}from"./secondaryNavConfig-DyC_P9Wx.js";import{S as W}from"./settings-BzWCF3NF.js";function D(e){return e?e.replace(/^https?:\/\//,"").split("/")[0].split(":")[0].split(".")[0]||e:""}function C(e){return D(e?.hostName)||e?.name||"machine"}function g(e,n,o,r){const t=n?.trim();!t||e.has(t)||e.set(t,{id:t,label:o?.trim()||t,group:r})}function F(e,n,o){const r=new Map;e?.localNode?.id&&g(r,e.localNode.id,C(e.localNode),"local");for(const t of Object.values(e?.nodes??{}))g(r,t.id,C(t),t.id===e?.localNode?.id?"local":"mesh");for(const t of n)g(r,t.authorityNodeId,t.authorityNodeName??t.authorityNodeId,"agent"),g(r,t.homeNodeId,t.homeNodeName??t.homeNodeId,"agent");return o&&g(r,o,o,"selected"),Array.from(r.values()).sort((t,i)=>{const l=t.group==="local"?0:t.group==="mesh"?1:t.group==="agent"?2:3,u=i.group==="local"?0:i.group==="mesh"?1:i.group==="agent"?2:3;return l!==u?l-u:t.label.localeCompare(i.label)})}function H({variant:e="bar"}){const{route:n,navigate:o,agents:r}=v(),[t,i]=a.useState(null),[l,u]=a.useState(!1),c=a.useRef(null),s=M(n);a.useEffect(()=>{if(!N(n))return;let d=!1;return S("/api/mesh").then(h=>{d||i(h)}).catch(()=>{d||i(null)}),()=>{d=!0}},[n.view]),a.useEffect(()=>{if(!l)return;const d=E=>{c.current?.contains(E.target)||u(!1)},h=E=>{E.key==="Escape"&&u(!1)};return document.addEventListener("mousedown",d),document.addEventListener("keydown",h),()=>{document.removeEventListener("mousedown",d),document.removeEventListener("keydown",h)}},[l]);const m=a.useMemo(()=>F(t,r,s),[r,t,s]);if(!N(n))return null;const f=s?m.find(d=>d.id===s)?.label??s:"All machines",y=p.jsxs("select",{id:"machine-scope-select",className:"machine-scope-select",value:s??"",onChange:d=>{const h=d.currentTarget.value;o(h?R(n,h):T(n)),u(!1)},title:f,children:[p.jsx("option",{value:"",children:"All machines"}),m.map(d=>p.jsx("option",{value:d.id,children:d.group==="local"?`${d.label} (this machine)`:d.label},d.id))]});return e==="rail"?p.jsxs("div",{className:"machine-scope machine-scope--rail",ref:c,children:[p.jsx("button",{type:"button",className:"machine-scope-rail-trigger","aria-label":`Machine scope: ${f}`,title:`Machine scope: ${f}`,"aria-expanded":l,onClick:()=>u(d=>!d),children:p.jsx(_,{size:16,strokeWidth:1.6,"aria-hidden":!0})}),l?p.jsxs("div",{className:"machine-scope-rail-popover",role:"dialog","aria-label":"Machine scope",children:[p.jsx("label",{className:"machine-scope-label",htmlFor:"machine-scope-select",children:"Scope"}),y]}):null]}):p.jsxs("div",{className:`machine-scope machine-scope--${e}`,children:[p.jsx("label",{className:"machine-scope-label",htmlFor:"machine-scope-select",children:"Scope"}),y]})}const P="C",Se=["C"],Ee=["⌘","⌥","N"],U="New task";function V(e){return e.key.toLowerCase()==="n"||e.code==="KeyN"}function Y(e){return e.key.toLowerCase()==="c"||e.code==="KeyC"}function we(e){return x(e.target??null)?!1:Y(e)&&!e.metaKey&&!e.ctrlKey&&!e.altKey&&!e.shiftKey||V(e)&&!!(e.metaKey||e.ctrlKey)&&!!e.altKey&&!e.shiftKey}const w={inbox:"Home",conversation:"Conversation","agent-info":"Agent","agents-v2":"Crew & Workspaces",messages:"Messages",sessions:"Sessions",terminal:"Terminals",repos:"Repositories","repo-diff":"Diff",harnesses:"Agent Providers",search:"Search",activity:"Activity Log",briefings:"Briefings",mesh:"Network","mesh-ops":"Mesh Ops",broker:"Dispatch",settings:"Settings",work:"Work",follow:"Follow",code:"Code Browser",ops:"Operations",voice:"Live Voice"};function ye(e){if(e.view==="settings"&&e.section==="agents")return"Configuration";switch(e.view){case"conversation":case"agent-info":case"repos":case"repo-diff":case"harnesses":case"mesh":case"mesh-ops":case"broker":case"work":case"code":case"briefings":case"activity":case"follow":case"terminal":case"voice":return w[e.view]??e.view;case"ops":return e.mode==="tail"?"Live Activity":e.mode==="lanes"?"Agent Lanes":e.mode==="atop"?"Runtime Monitor":e.mode==="advisor"?"Host Advisor":e.mode==="mission"||e.mode==="issues"||e.mode===void 0?"Mission Control":w.ops;case"settings":return"Settings";default:return null}}const G=j(),q={...w,ops:"System"},z=new Set(["ops","broker","harnesses","mesh","mesh-ops","terminal","search","work","follow","settings","voice"]);function J(e){return e.view==="settings"&&e.section==="agents"?!1:z.has(e.view)}function Q(){return G}function X(e){if(e.view==="settings"&&e.section==="agents")return"agents";switch(e.view){case"agents-v2":case"agent-info":case"repos":case"repo-diff":case"code":return"agents";case"sessions":return"sessions";case"conversation":case"messages":return"chat";case"ops":case"broker":case"harnesses":case"mesh":case"mesh-ops":case"terminal":case"search":case"work":case"follow":case"settings":case"voice":return"system";default:return"home"}}function Z(e){if(e.view==="settings"&&e.section==="agents")return"Configuration";switch(e.view){case"conversation":case"agent-info":case"repos":case"harnesses":case"mesh":case"mesh-ops":case"broker":case"work":return q[e.view]??e.view;default:return null}}function ee({className:e="scout-nav-tabs",brandTag:n,items:o,activeKey:r,breadcrumb:t,navigate:i}){return a.createElement("div",{className:e},n&&a.createElement("span",{className:"scout-nav-scope-tag"},n),o.map(({key:l,label:u,route:c})=>a.createElement("button",{key:l,className:`scout-nav-tab${r===l?" active":""}`,onClick:()=>i(c)},u)),t&&a.createElement("span",{className:"scout-nav-slash"},"/"),t&&a.createElement("span",{className:"scout-nav-crumb"},t))}const te=$(),se=B();function ae(){const{route:e,navigate:n}=v(),o=b("ops.control",!0),r=b("surface.mesh-ops",!1),[t,i]=a.useState(!1),l=a.useRef(null);a.useEffect(()=>{if(!t)return;const c=m=>{m.target instanceof Node&&l.current?.contains(m.target)||i(!1)},s=m=>{m.key==="Escape"&&i(!1)};return window.addEventListener("mousedown",c,!0),window.addEventListener("keydown",s),()=>{window.removeEventListener("mousedown",c,!0),window.removeEventListener("keydown",s)}},[t]);const u=c=>a.createElement("button",{key:c.key,type:"button",role:"menuitem",className:`scout-nav-system-item${c.active(e)?" active":""}`,onClick:()=>{i(!1),n(c.route)}},c.label);return a.createElement("div",{className:"scout-nav-system",ref:l},a.createElement("button",{type:"button",className:`scout-nav-action scout-nav-action--system${J(e)?" active":""}`,"aria-haspopup":"menu","aria-expanded":t,title:"System",onClick:()=>i(c=>!c)},a.createElement("span",null,"System"),a.createElement("span",{className:"scout-nav-system-caret","aria-hidden":!0},"▾")),t&&a.createElement("div",{className:"scout-nav-system-menu",role:"menu"},te.map(u),o&&a.createElement("div",{className:"scout-nav-system-divider",role:"separator"}),o&&se.filter(c=>c.capability!=="surface.mesh-ops"||r).map(u)))}function Ne(){const{navigate:e,agents:n,reload:o,applyScoutbotUiAction:r,openContextCapture:t}=v(),i=b("ops.control",!0),l=b("surface.scoutbot",!0),u=a.useCallback(()=>{r({type:"open-scoutbot",mode:"ask"}),window.dispatchEvent(new CustomEvent(I,{detail:{body:"What's the state of things? Give me a terse ops summary, the biggest risk, and the next action you recommend."}}))},[r]);return a.useMemo(()=>{const c=[{id:"session:new",label:U,action:()=>t(),shortcut:P},...K(e,{opsEnabled:i}),{id:"nav:settings",label:"Open Settings",action:()=>e({view:"settings",section:"appearance"}),shortcut:"Cmd+,"},...l?[{id:"scoutbot:open",label:"Open Scout",action:()=>r({type:"open-scoutbot",mode:"ask"})},{id:"scoutbot:state",label:"Message Scout for State",action:()=>u()},{id:"scoutbot:ops-tail",label:"Scout: Open Ops Tail",action:()=>r({type:"navigate",route:{view:"ops",mode:"tail"}})}]:[],{id:"nav:pair",label:"Pair Device",action:()=>e({view:"settings",section:"devices"})},{id:"scout:reload",label:"Reload Agents",action:()=>{o()}}];for(const s of n)c.push({id:`scout:open:${s.id}`,label:`Open ${s.name}`,action:()=>e({view:"agents-v2",agentId:s.id})}),c.push({id:`scout:message:${s.id}`,label:`Message ${s.name}`,action:()=>{A(s).then(m=>{e({view:"conversation",conversationId:m})}).catch(()=>e({view:"agents-v2",agentId:s.id,tab:"message"}))}});return c},[n,r,u,e,t,i,l,o])}function ne(){const{onlineCount:e,apiConnection:n}=v(),[o,r]=a.useState(null),[t,i]=a.useState(null),l=a.useRef(0),u=a.useCallback(async()=>{const s=++l.current;try{const m=await S("/api/mesh");if(s!==l.current)return;r(m)}catch{if(s!==l.current)return;r(null)}},[]);a.useEffect(()=>{u();const s=()=>{O()&&u()},m=setInterval(s,15e3),f=k(s);return()=>{clearInterval(m),f()}},[u]),a.useEffect(()=>{let s=!1;return(async()=>{try{const m=await S("/api/build");if(s)return;if(!m.branch&&!m.commit){const f=await S("/api/build?refresh=1");s||i(f);return}i(m)}catch{s||i(null)}})(),()=>{s=!0}},[]);const c=(()=>{if(!t)return{label:"dev",title:"Build information unavailable"};const s=t.mode==="production"?"prod":"dev",m=t.branch??"unknown",f=t.commit?` @ ${t.commit}${t.dirty?"*":""}`:"";return{label:`${s} ${m}${f}`,title:[`Mode: ${t.mode}`,`Version: ${t.version??"unknown"}`,`Branch: ${t.branch??"unknown"}`,`Commit: ${t.commit??"unknown"}`,`Dirty: ${t.dirty===null?"unknown":t.dirty?"yes":"no"}`].join(`
+`)}})();return{status:n.status==="offline"?{label:"Scout: OFFLINE",color:"red"}:n.status==="degraded"?{label:"Scout: DEGRADED",color:"amber"}:o===null?{label:"Broker: …",color:"neutral"}:o.health.reachable?{label:"Broker: UP",color:"emerald"}:{label:"Broker: DOWN",color:"red"},mesh:(()=>{const s=L(o);return n.status==="offline"?{label:s,value:"offline",color:"red"}:o===null?{label:s,value:"checking",color:"neutral"}:o.health.reachable?Object.values(o.nodes).filter(f=>f.id!==o.localNode?.id).length>0?{label:s,value:"connected",color:"neutral"}:o.identity.discoverable?{label:s,value:"discoverable",color:"neutral"}:{label:s,value:"local",color:"amber"}:{label:s,value:"offline",color:"neutral"}})(),build:c}}function Ce(){return ne().status}function ke(){const{route:e,navigate:n}=v();return b("nav.sidebar",!1)?null:ee({items:Q(),activeKey:X(e),breadcrumb:Z(e),navigate:n})}function Oe(){const{openSettings:e}=v();return b("nav.sidebar",!1)?null:a.createElement("div",{className:"scout-nav-actions"},a.createElement(ae),a.createElement(H,{variant:"nav"}),a.createElement("button",{onClick:()=>e(),className:"scout-nav-action scout-nav-action--settings",title:"Settings"},a.createElement(W,{size:12,strokeWidth:1.6,"aria-hidden":!0}),a.createElement("span",null,"Settings")))}function Ae(){return"panel"}function oe(e){return e.view==="ops"&&e.mode==="lanes"}function Le(){const{onboarding:e,onboardingSkipped:n,skipOnboarding:o,route:r}=v();if(oe(r))return{active:!1,dismissible:!0};if(!e)return null;if(n||e.needed===!1||e.skippedAt||e.completedAt)return{active:!1,dismissible:!0};const t=!e.hasLocalConfig,i=!e.hasProjectConfig,l=!e.hasOperatorName,u=!e.brokerReachable||!e.hasReadyRuntime;return{active:t||l||i||u,dismissible:!0,onDismiss:o}}export{U as N,Ae as a,Oe as b,ke as c,Ce as d,Ne as e,Se as f,Ee as g,P as h,ye as i,ne as j,we as k,ee as r,Le as u};

package/dist/client/assets/host-advisor-B2Fqs5Dd.css

@@ -0,0 +1 @@
+.s-host-view{display:flex;flex-direction:column;gap:var(--space-xl);padding:var(--space-xl) var(--space-3xl);max-width:1180px;margin:0 auto;width:100%;box-sizing:border-box;overflow-y:auto;height:100%}.s-host-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-md);border-bottom:1px solid var(--border);gap:var(--space-xl)}.s-host-header-left{display:flex;flex-direction:column;gap:var(--space-3xs)}.s-host-header-status-line{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap}.s-host-header-divider{color:var(--dim);font-family:var(--font-mono);font-size:var(--text-2xs)}.s-host-mono-dim{color:var(--dim);font-family:var(--font-mono)}.s-host-mono-accent{color:var(--accent);font-family:var(--font-mono);font-weight:600}.s-host-title{margin:0;display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-sans);font-size:var(--text-3xl);font-weight:600;color:var(--ink);letter-spacing:-.02em}.s-host-title-icon{color:var(--accent)}.s-host-header-right{display:flex;align-items:center;gap:var(--space-md);flex-shrink:0}.s-host-mode-toggle{display:flex;align-items:center;gap:var(--space-3xs);background:color-mix(in srgb,var(--surface) 80%,var(--bg));border:1px solid var(--border);padding:2px;border-radius:var(--radius-md)}.s-host-mode-btn{display:inline-flex;align-items:center;gap:var(--space-2xs);border:0;background:transparent;color:var(--muted);padding:var(--space-3xs) var(--space-sm);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:all .12s ease;white-space:nowrap}.s-host-mode-btn:hover{color:var(--ink)}.s-host-mode-btn--active{color:var(--ink);background:color-mix(in srgb,var(--ink) 12%,transparent);font-weight:600}.s-spin{animation:s-spin-anim 1s linear infinite}@keyframes s-spin-anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.s-host-readouts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-sm)}.s-host-readout{display:flex;flex-direction:column;gap:var(--space-2xs);padding:var(--space-md) var(--space-md);border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--bg) 60%,var(--surface))}.s-host-readout--warn,.s-host-readout--flag{border-color:color-mix(in srgb,var(--amber) 40%,var(--border));background:color-mix(in srgb,var(--amber) 6%,var(--bg))}.s-host-readout-label{color:var(--dim);letter-spacing:var(--tracking-xl)}.s-host-readout--warn .s-host-readout-label,.s-host-readout--flag .s-host-readout-label{color:var(--amber)}.s-host-readout-figure{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-5xl);font-weight:600;line-height:var(--leading-none);letter-spacing:-.02em;color:var(--ink)}.s-host-readout--warn .s-host-readout-figure{color:var(--amber)}.s-host-readout-qual{color:var(--muted);letter-spacing:var(--tracking-lg);text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-host-readout--warn .s-host-readout-qual,.s-host-readout--flag .s-host-readout-qual{color:var(--amber)}.s-host-readings{display:flex;flex-direction:column;gap:var(--space-lg)}.s-host-reading{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 85%,var(--bg));overflow:hidden;transition:border-color var(--motion-duration-hover) var(--motion-ease-standard)}.s-host-reading:hover{border-color:color-mix(in srgb,var(--accent) 30%,var(--border))}.s-host-reading-head{display:flex;align-items:baseline;gap:var(--space-lg);padding:var(--space-md) var(--space-lg);background:color-mix(in srgb,var(--surface) 50%,var(--bg));border-bottom:1px solid var(--border)}.s-host-reading-num{flex-shrink:0;width:150px;color:var(--accent);letter-spacing:var(--tracking-xl)}.s-host-reading-verdict{flex-shrink:0;font-family:var(--font-sans);font-size:var(--text-lg);font-weight:600;color:var(--ink);letter-spacing:-.01em;white-space:nowrap}.s-host-reading-figures{flex:1;min-width:0;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-sm);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-host-sep{color:var(--dim);margin:0 var(--space-xs)}.s-host-share-bar{display:flex;height:24px;margin:var(--space-lg) var(--space-lg) var(--space-sm);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.s-host-share-seg{display:flex;align-items:center;padding-left:var(--space-xs);min-width:0;overflow:hidden}.s-host-share-seg--0{background:color-mix(in srgb,var(--accent) 70%,var(--bg))}.s-host-share-seg--1{background:color-mix(in srgb,var(--accent) 48%,var(--bg))}.s-host-share-seg--2{background:color-mix(in srgb,var(--accent) 30%,var(--bg))}.s-host-share-seg--3{background:color-mix(in srgb,var(--accent) 24%,var(--bg))}.s-host-share-seg--4{background:color-mix(in srgb,var(--accent) 18%,var(--bg))}.s-host-share-seg--tail{background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--ink) 7%,transparent) 0 5px,transparent 5px 10px)}.s-host-share-seg-label{color:var(--bg);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-host-share-seg--tail .s-host-share-seg-label{color:var(--muted)}.s-host-rack{display:flex;flex-direction:column}.s-host-rack-row{display:grid;align-items:center;gap:var(--space-md);padding:var(--space-xs) var(--space-lg);border-bottom:1px solid color-mix(in srgb,var(--ink) 5%,transparent);min-width:0}.s-host-rack-row:last-child{border-bottom:none}.s-host-rack-row--head{padding-top:var(--space-2xs);padding-bottom:var(--space-2xs)}.s-host-rack-row--head .label-xs{color:var(--dim);letter-spacing:var(--tracking-xl)}.s-host-rack-row--tail{background:color-mix(in srgb,var(--ink) 3%,transparent)}.s-host-rack--roots .s-host-rack-row{grid-template-columns:176px 1fr 44px 56px 48px 230px}.s-host-rack--unattended .s-host-rack-row{grid-template-columns:14px 1fr 104px 84px 68px 108px}.s-host-rack--subsystems .s-host-rack-row{grid-template-columns:14px 130px 1fr 140px}.s-host-rack--budgets .s-host-rack-row{grid-template-columns:110px max-content 52px minmax(96px,1fr)}.s-host-rack-row--warn{background:color-mix(in srgb,var(--amber) 6%,transparent)}.s-host-rack-row--unused .s-host-rack-name{color:var(--muted)}.s-host-rack-name{font-size:var(--text-sm);font-weight:600;color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-host-rack-dim{font-size:var(--text-xs);color:var(--muted);min-width:0}.s-host-rack-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-host-rack-right{text-align:right;font-variant-numeric:tabular-nums;font-size:var(--text-sm);color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-host-rack-age{font-size:var(--text-md);font-weight:600;color:var(--muted)}.s-host-rack-age--warn{color:var(--amber)}.s-host-rack-actions{display:flex;align-items:center;gap:var(--space-xs);justify-content:flex-end}.s-host-rack-track{display:block;height:2px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--ink) 10%,transparent);overflow:hidden}.s-host-rack-track--hatch{background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--ink) 12%,transparent) 0 3px,transparent 3px 6px)}.s-host-rack-fill{display:block;height:100%;background:var(--accent)}.s-host-gauge{display:inline-flex;align-items:baseline;justify-self:start;font-family:var(--font-mono);font-size:var(--text-md);font-variant-ligatures:none;font-variant-numeric:tabular-nums;letter-spacing:.12em;line-height:1;white-space:pre}.s-host-gauge-chrome{color:var(--dim)}.s-host-gauge-fill{color:var(--accent)}.s-host-gauge--warn .s-host-gauge-fill{color:var(--amber)}.s-host-gauge-rest{color:color-mix(in srgb,var(--ink) 40%,transparent)}.s-host-gauge--unused .s-host-gauge-rest{color:color-mix(in srgb,var(--ink) 28%,transparent)}@media(max-width:720px){.s-host-rack--budgets .s-host-rack-row{grid-template-columns:88px minmax(0,1fr) 40px}.s-host-rack--budgets .s-host-rack-row>:last-child{display:none}.s-host-gauge{letter-spacing:.04em;font-size:var(--text-sm)}}.s-host-dot--ok{color:var(--green)}.s-host-dot--idle{color:var(--dim)}.s-host-dot--warn{color:var(--amber)}.s-host-dot--unknown{color:var(--dim)}.s-host-state--ok{background:color-mix(in srgb,var(--green) 14%,transparent);color:var(--green)}.s-host-state--idle,.s-host-state--unknown{background:color-mix(in srgb,var(--ink) 8%,transparent);color:var(--muted)}.s-host-state--warn{background:color-mix(in srgb,var(--amber) 14%,transparent);color:var(--amber)}.s-host-btn-accent{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.s-host-matrix-container{display:flex;flex-direction:column;gap:var(--space-xl)}.s-host-telemetry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-md)}.s-host-stat-box{display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-md);border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 80%,var(--bg));gap:var(--space-sm)}.s-host-stat-head{display:flex;justify-content:space-between;align-items:center}.s-host-stat-label{color:var(--muted);letter-spacing:var(--tracking-lg)}.s-host-stat-icon{color:var(--dim)}.s-host-stat-body{display:flex;align-items:baseline;gap:var(--space-sm)}.s-host-stat-big{font-family:var(--font-mono);font-size:var(--text-4xl);font-weight:700;color:var(--ink);line-height:1}.s-host-stat-kicker{font-family:var(--font-sans);font-size:var(--text-2xs);color:var(--muted)}.s-host-block{display:flex;flex-direction:column;gap:var(--space-sm)}.s-host-block-head{color:var(--muted);letter-spacing:var(--tracking-lg);padding-bottom:var(--space-3xs);border-bottom:1px solid color-mix(in srgb,var(--border) 60%,transparent)}.s-host-table-box{border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 80%,var(--bg));overflow:hidden}.s-host-table{display:flex;flex-direction:column}.s-host-table-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) var(--space-md);border-bottom:1px solid color-mix(in srgb,var(--border) 40%,transparent);gap:var(--space-md)}.s-host-table-row:last-child{border-bottom:0}.s-host-table-cell-main{display:flex;align-items:center;gap:var(--space-sm);min-width:0;flex:1}.s-host-table-cell-action{flex-shrink:0}.s-advisor-left-nav{display:flex;flex-direction:column;gap:var(--space-xl);padding:var(--space-lg);height:100%;box-sizing:border-box;overflow-y:auto}.s-ctx-panel-section{display:flex;flex-direction:column;gap:var(--space-sm)}.s-ctx-panel-head{display:flex;align-items:center;gap:var(--space-xs);color:var(--muted);letter-spacing:var(--tracking-lg);padding-bottom:var(--space-2xs);border-bottom:1px solid var(--border)}.s-ctx-icon{color:var(--accent)}.s-ctx-stat-list{display:flex;flex-direction:column;gap:var(--space-xs);padding-top:var(--space-2xs)}.s-ctx-stat-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2xs) 0}.s-ctx-stat-label{color:var(--dim)}.s-ctx-nav-list{display:flex;flex-direction:column;gap:var(--space-2xs);padding-top:var(--space-2xs)}.s-ctx-nav-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border:1px solid transparent;background:transparent;color:var(--muted);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:500;text-align:left;cursor:pointer;transition:all .12s ease;width:100%}.s-ctx-nav-btn:hover{background:color-mix(in srgb,var(--surface) 90%,var(--bg));color:var(--ink);border-color:var(--border)}.s-ctx-nav-btn--active{background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--ink);border-color:color-mix(in srgb,var(--accent) 30%,transparent);font-weight:600}.ctx-panel--plan-inspector .ctx-panel-metric-stack{display:flex;flex-direction:column;gap:var(--space-2xs);padding:var(--space-xs) 0}.ctx-panel--plan-inspector .ctx-panel-metric-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2xs) 0}.ctx-panel--plan-inspector .ctx-panel-metric-label{font-size:var(--text-xs);color:var(--dim)}.ctx-panel--plan-inspector .ctx-panel-metric-value{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink)}.ctx-panel--plan-inspector .ctx-panel-stack{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-xs) 0}.ctx-panel--plan-inspector .ctx-panel-action-btn{display:block;width:100%;text-align:left;padding:var(--space-xs) var(--space-sm);background:color-mix(in srgb,var(--surface) 90%,var(--bg));border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-xs);color:var(--muted);cursor:pointer;transition:all .12s ease}.ctx-panel--plan-inspector .ctx-panel-action-btn:hover{background:color-mix(in srgb,var(--surface) 98%,var(--bg));color:var(--ink);border-color:color-mix(in srgb,var(--accent) 30%,var(--border))}