@openscout/scout 0.2.75 → 0.2.78

package/dist/client/assets/SessionObserve-yfXFafp8.js

@@ -0,0 +1,12 @@
+import{r as h,j as t}from"./index-DMiGbrBt.js";import{f as ge}from"./bash-format-BRV5C6Gv.js";import{j as gs,p as He,k as js}from"./tail-display-BdyoLvzY.js";import{l as ks}from"./lane-edit-display-C_Aujldz.js";import{f as ys}from"./lane-tool-detail-0WhMf4Vj.js";import{useLaneToolHoverCard as Ns}from"./LaneToolHoverCard-Bla0gBdm.js";import{e as ws,L as Le,g as Cs,h as Ss,j as Re,o as Ts,b as Pe,f as $s,k as Ls,m as je,l as Ge,a as qe}from"./lane-observe-D0rfKDnU.js";import{b as Rs}from"./lane-ask-display-B6iCAVcd.js";import{d as Ps}from"./colors-BtO5_zlx.js";import{a as ke}from"./api-h5zurxmi.js";import{r as Ue}from"./mentions-jSuTGeet.js";import{d as Es,g as Ve,t as As,a as Is,b as Os,n as Ee}from"./time-DltNTpLl.js";import{M as Ke}from"./message-markup-3J9pi3nx.js";import{q as Bs}from"./terminal-takeover-B8UeD9OX.js";import{j as Fs,k as _s,m as Ds}from"./NewChatComposer-Cs6OsxK6.js";import{u as ye,C as Je}from"./Provider-C7UKGHQy.js";import{o as Ws}from"./openContent-C6XO6kr5.js";import{O as Ms}from"./ObservedTopologyPanel-DyUeV98H.js";import{M as zs}from"./runtime-picker-Bcl5iIX5.js";import"./index-CJXzfjo9.js";import{ObserveReasoningDisclosure as Hs,ObserveStreamCursor as Ae}from"./ObserveTextFlow-rsFj_rVo.js";import{M as Gs}from"./message-circle-CG-96zts.js";import{W as qs}from"./wrench-Bkc_0lKF.js";import{E as Us}from"./external-link-CXBytO9o.js";import{C as Ye}from"./chevron-down-BGk5qoEw.js";import{c as Vs}from"./createLucideIcon-OpA4Amw5.js";import"./AgentDetailCard-BcRBRp88.js";import"./AgentLiveActions-DBtnD0qE.js";import"./eye-0PvebX_a.js";import"./terminal-B9AOZQKR.js";import"./MessageComposerSuggestions-DpxN9WiB.js";import"./HarnessMark-Cbv3Ib0c.js";import"./conversation-model-B47vYmWN.js";import"./NewChatOrigin-Bk2OyVjI.js";import"./keyboard-nav-2kv_tGUS.js";import"./agent-chat-Bfjd9y6c.js";import"./model-Co0zkMIc.js";import"./text-DsBWV_4k.js";import"./x-D3GElQbe.js";import"./search-CWfZtOt2.js";import"./loader-circle-CbHjZsz1.js";import"./file-text-BODxCjcz.js";import"./router-Bq5dwf78.js";import"./terminal-sessions-D5CIR2OL.js";import"./sse-CjIkKo46.js";import"./index-BWHgHrtv.js";import"./surface-activity-B1rgWB1i.js";import"./scoutbot-BTIErYHo.js";import"./ContextMenu-bARZqTzD.js";import"./DocumentFocusViewer-BeVwwl26.js";import"./TextDocumentSurface-BpAw4eQS.js";/* empty css                              */import"./chevron-right-XiIHsk4m.js";import"./code-xml-B6jOCM4V.js";import"./arrow-left-DEZzHiPS.js";import"./scout-voice-CU5c0LGi.js";import"./fx-z37u1o2z.js";import"./voice-levels-Dcr3jglk.js";import"./use-reduced-motion-RRBkmVkk.js";const Ks=[["path",{d:"M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z",key:"vktsd0"}],["circle",{cx:"7.5",cy:"7.5",r:".5",fill:"currentColor",key:"kqv944"}]],Js=Vs("tag",Ks),Ne=new Set(["bash","shell","terminal","exec","run","command","exec_command","shell_command","local_shell","container_exec","container.exec"]);function I(e){return(e??"").trim()}function G(e){return[e.kind,I(e.tool),I(e.arg),I(e.text),I(e.detail)].join("|")}function Ys(e){if(e.kind!=="tool"||!e.tool||e.result)return!1;const s=I(e.arg).toLowerCase();return s==="started"||s.length>0&&s!=="completed"}function Xs(e){return e.kind!=="tool"||!e.tool?!1:I(e.arg).toLowerCase()==="completed"||!!e.result?.outcome}const Xe=/^permission requested · ([A-Za-z][\w-]*)$/i,Ze=/^permission ([a-z_]+) · ([A-Za-z][\w-]*)$/i;function Qe(e){return e.kind==="system"&&Xe.test(e.text.trim())}function es(e){return e.kind==="system"&&Ze.test(e.text.trim())}function Ie(e){const s=e.text.trim(),n=s.match(Xe);if(n?.[1])return n[1];const a=s.match(Ze);return a?.[2]?a[2]:null}function Zs(e,s){const n=e.text.trim();return{...e,text:s>1?`${n}
+
+(${s} reasoning updates)`:n}}function Qs(e,s){const n=s.tool??e.tool,a=s.result?.outcome,r=e.arg&&e.arg!=="started"&&e.arg!=="completed"?e.arg:s.arg&&s.arg!=="completed"?s.arg:void 0,o=s.stream?.join(`
+`)??"",l=r?o.trim()?`${n} · ${r} · ${o}`:a?`${n} · ${r} · ${a}`:`${n} · ${r}`:s.text.trim()||(a?`${n} completed · ${a}`:`${n} completed`);return{...s,tool:n,arg:r??"completed",text:l,stream:s.stream??e.stream,diff:s.diff??e.diff,detail:s.detail??e.detail,live:s.live??e.live}}function et(e){if(e.kind!=="tool"||!e.tool)return!1;const s=I(e.tool).toLowerCase();if(!Ne.has(s))return!1;const n=I(e.arg);return n.length>0&&n!=="started"&&n!=="completed"}function st(e){if(e.kind!=="tool")return!1;const s=I(e.tool).toLowerCase();return s==="res"?!!(I(e.arg)||(e.stream?.length??0)>0):Ne.has(s)?(e.stream?.length??0)>0:!1}function tt(e){return(e.stream?.length??0)>0?e.stream.join(`
+`):I(e.tool).toLowerCase()==="res"?e.arg??"":""}function nt(e,s){const n=tt(s),a=I(e.arg),r=e.tool??s.tool,o=n.trim()?`${r} · ${a} · ${n}`:e.text;return{...e,id:s.id,t:s.t,at:s.at,result:s.result??e.result,stream:n.trim()?[n]:s.stream??e.stream,diff:s.diff??e.diff,detail:s.detail??e.detail,text:o,live:s.live??e.live}}function Oe(e){if(e.kind!=="tool"||e.diff||(e.stream?.length??0)>0)return!1;const s=(e.tool??"").trim(),n=(e.arg??"").trim();if(!s||n==="started"||n==="completed")return!1;const a=e.result?.outcome;if(a!=null&&a!=="success"&&a!==0||e.result&&Object.keys(e.result).length>1)return!1;const r=s.toLowerCase();if(Ne.has(r)){if(!n||n.startsWith("{")||n.startsWith("["))return!1;const{dir:o,spans:l}=ge(n);if(o)return!1;const u=l.filter(c=>c.tier==="prog");return u.length===1&&l.length===1&&u[0].text.length<=64}return n&&n!==s||/\s/u.test(s)?!1:s.length<=64}function at(e){return Math.max(1,e.repeatCount)}function rt(e){const s=e.result?.outcome;if(s==null)return!1;if(typeof s=="number")return s!==0;const n=s.trim().toLowerCase();return n.length>0&&n!=="0"&&n!=="ok"&&n!=="success"&&n!=="succeeded"&&n!=="completed"}function ot(e){if(e.live||e.kind==="boot")return!0;if(e.kind==="tool")return!!e.diff||rt(e);if(e.kind==="note"){const s=e.text.trim().toLowerCase();return s==="turn started"||s==="turn complete"||s==="turn ended"||s==="[turn_started]"||s==="[turn_ended]"||/^turn \d+\b/u.test(s)}if(e.kind==="system"){const s=e.text.trim();return Qe(e)||es(e)||/\b(?:approval|permission|denied|failed|failure|error|exception|aborted|blocked)\b/i.test(s)}return!1}function lt(e){return e.kind==="ask"||e.kind==="message"?!1:!ot(e)}function ae(e,s,n=`${s}s`){return`${e} ${e===1?s:n}`}function it(e){const s={totalCount:0,toolCount:0,thinkCount:0,noteCount:0,systemCount:0};for(const a of e){const r=at(a);switch(s.totalCount+=r,a.event.kind){case"tool":s.toolCount+=r;break;case"think":s.thinkCount+=r;break;case"note":s.noteCount+=r;break;case"system":case"boot":s.systemCount+=r;break}}const n=[s.toolCount>0?ae(s.toolCount,"tool"):null,s.thinkCount>0?ae(s.thinkCount,"reasoning update"):null,s.noteCount>0?ae(s.noteCount,"turn marker"):null,s.systemCount>0?ae(s.systemCount,"system event"):null].filter(a=>!!a);return{...s,labels:n}}function ct(e){return e.labels.length>0?e.labels.join(" · "):ae(e.totalCount,"technical event")}function ut(e){const s=e[0].event,n=e[e.length-1].event,a=it(e),r=ct(a);return{event:{...n,id:`technical-rollup:${s.id}:${n.id}:${a.totalCount}`,kind:"note",text:r,detail:r,tool:void 0,arg:void 0,diff:void 0,result:void 0,stream:void 0,answer:void 0,answerT:void 0,to:void 0,live:e.some(o=>o.event.live)},repeatCount:1,technicalSummary:a,technicalSourceRows:e}}function dt(e){const s=[];let n=[];const a=()=>{n.length!==0&&(s.push(ut(n)),n=[])};for(const r of e){if(lt(r.event)){n.push(r);continue}a(),s.push(r)}return a(),s}function mt(e){const s=[];for(let n=0;n<e.length;n+=1){const a=e[n];if(!a)continue;const r=e[n+1];if(r&&Qe(a)&&es(r)&&I(Ie(a)).toLowerCase()===I(Ie(r)).toLowerCase()){const o={...r,live:r.live??a.live},l=G(o),u=s[s.length-1];u&&G(u.event)===l?(u.repeatCount+=1,u.event=o):s.push({event:o,repeatCount:1}),n+=1;continue}if(r&&Ys(a)&&Xs(r)&&I(a.tool).toLowerCase()===I(r.tool).toLowerCase()){const o=Qs(a,r),l=G(o),u=s[s.length-1];u&&G(u.event)===l?(u.repeatCount+=1,u.event=o):s.push({event:o,repeatCount:1}),n+=1;continue}if(r&&et(a)&&st(r)&&(a.stream?.length??0)===0){const o=nt(a,r),l=G(o),u=s[s.length-1];u&&G(u.event)===l?(u.repeatCount+=1,u.event=o):s.push({event:o,repeatCount:1}),n+=1;continue}if(a.kind==="think"){let o=a,l=1;for(;e[n+l]?.kind==="think";){const c=e[n+l];if(!c)break;o=c,l+=1}const u=Zs(o,l);s.push({event:u,repeatCount:l}),n+=l-1;continue}if(a.kind!=="message"&&a.kind!=="ask"){const o=G(a),l=s[s.length-1];if(l&&G(l.event)===o){l.repeatCount+=1,l.event=a;continue}}s.push({event:a,repeatCount:1})}return s}function ss(e){return e.source==="unavailable"?{label:"Trace unavailable",detail:"The session is known to the broker, but no readable event trace was captured.",tone:"unavailable",replayable:!1}:e.fidelity==="timestamped"&&e.source==="live"&&e.live?{label:"Live observed events",detail:"New timestamped events will appear here while the session runs.",tone:"live",replayable:e.eventCount>1}:e.fidelity==="timestamped"?{label:"Recorded event history",detail:"This timeline is replayed from timestamped session history.",tone:"recorded",replayable:e.eventCount>1}:{label:"Reconstructed session evidence",detail:"Lifecycle and session attachment are available; fine-grained activity may be missing.",tone:"reconstructed",replayable:!1}}async function ht(e){await ke("/api/local-path/reveal",{method:"POST",body:JSON.stringify({path:e.path,...e.basePath?{basePath:e.basePath}:{},...e.agentId?{agentId:e.agentId}:{},...e.sessionId?{sessionId:e.sessionId}:{}})})}const ts={think:"var(--dim)",tool:"var(--accent)",ask:"var(--amber)",message:"var(--muted)",note:"var(--green)",system:"var(--dim)",boot:"var(--dim)"},ft={read:"◎",edit:"✎",bash:"$",grep:"⌕",write:"✎",think:"∿"},bt=20,ns=new Intl.NumberFormat("en-US"),pt=new Intl.NumberFormat("en-US",{notation:"compact",maximumFractionDigits:1});function de(e){if(!Number.isFinite(e)||e<=0)return"0s";const s=Math.floor(e);if(s<60)return`${s}s`;if(s<3600)return`${Math.floor(s/60)}m`;const n=Math.floor(s/3600),a=Math.floor(s%3600/60);return a>0?`${n}h${a}m`:`${n}h`}function vt(e){return Ve(e*1e3)||"0:00"}function xt(e){return!Number.isFinite(e)||e<=0?"0s":de(e)}function me(e,s){return Ts(e,s)}function gt(e,s,n,a=!1){const r=me(e,s);return r!==null?a?{label:$s(r,n),title:Pe(r)}:{label:As(r,n),title:Pe(r)}:a?{label:""}:{label:de(e.t)}}function jt(e,s){const n=me(e,s),a=vt(e.t);return n!==null?{label:Os(n)||de(e.t),title:`${Is(n)} · elapsed ${a}`}:{label:de(e.t),title:`Elapsed ${a} from session start`}}function Be(e,s){return e>=Math.max(0,s-bt)}function te(e){return typeof e!="number"||!Number.isFinite(e)?null:ns.format(e)}function q(e){return typeof e!="number"||!Number.isFinite(e)?"—":Math.abs(e)<1e3?ns.format(e):pt.format(e).toLowerCase()}function kt(e){if(!Number.isFinite(e)||e<=0)return"0s";if(e<60)return`${Math.round(e)}s`;const s=Math.round(e),n=Math.floor(s/3600),a=Math.floor(s%3600/60),r=s%60;return n>0?`${n}h ${a}m`:a>=10||r===0?`${a}m`:`${a}m ${r}s`}function Fe(e){return!!e&&Object.keys(e).length>0}function be(e){return e.filter(s=>!!s)}function xe(e){const n=e.replace(/[\\/]+$/,"").split(/[\\/]/).filter(Boolean);return n[n.length-1]??e}function yt(e){ht(e).catch(s=>{console.warn("Failed to reveal local path",s)})}function U({text:e,label:s="Copy",className:n}){const[a,r]=h.useState(!1),o=h.useRef(null);h.useEffect(()=>()=>{o.current&&clearTimeout(o.current)},[]);const l=h.useCallback(u=>{u.preventDefault(),u.stopPropagation();const c=e,f=()=>{r(!0),o.current&&clearTimeout(o.current),o.current=setTimeout(()=>r(!1),1100)};navigator.clipboard?.writeText?navigator.clipboard.writeText(c).then(f).catch(()=>{_e(c),f()}):(_e(c),f())},[e]);return t.jsx("button",{type:"button",className:`s-observe-copy-btn${a?" s-observe-copy-btn--copied":""}${n?` ${n}`:""}`,onClick:l,"aria-label":s,title:a?"Copied":s,children:a?t.jsx("svg",{width:"11",height:"11",viewBox:"0 0 11 11",fill:"none",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:t.jsx("path",{d:"M2 5.5l2.4 2.4L9 3.4"})}):t.jsxs("svg",{width:"11",height:"11",viewBox:"0 0 11 11",fill:"none",stroke:"currentColor",strokeWidth:"1.2",strokeLinejoin:"round","aria-hidden":"true",children:[t.jsx("rect",{x:"3.4",y:"3.4",width:"6.1",height:"6.1",rx:"1.2"}),t.jsx("path",{d:"M7.6 3.4V2.2a.8.8 0 0 0-.8-.8H2.2a.8.8 0 0 0-.8.8v4.6a.8.8 0 0 0 .8.8h1.2"})]})})}function _e(e){try{const s=document.createElement("textarea");s.value=e,s.style.position="fixed",s.style.opacity="0",s.style.pointerEvents="none",document.body.appendChild(s),s.select(),document.execCommand("copy"),document.body.removeChild(s)}catch(s){console.warn("Clipboard copy failed",s)}}function Nt(e){const s=[],n=[e.tool,e.arg].filter(Boolean).join(" ");return n&&s.push(n),e.result&&s.push(Object.entries(e.result).map(([a,r])=>`${a}: ${r}`).join(" · ")),e.diff&&(s.push(`+${e.diff.add}${e.diff.del>0?` -${e.diff.del}`:""}`),e.diff.preview&&s.push(e.diff.preview)),e.stream&&e.stream.length>0&&s.push(e.stream.join(`
+`)),s.join(`
+`)}function as({expanded:e,onToggle:s,label:n}){const a=e?"less":n??"more";return t.jsxs("button",{type:"button",className:"s-observe-lane-expand",onClick:s,"aria-expanded":e,"aria-label":e?"Show less":"Show more",children:[e?t.jsx(Je,{size:11,strokeWidth:2,"aria-hidden":"true"}):t.jsx(Ye,{size:11,strokeWidth:2,"aria-hidden":"true"}),t.jsx("span",{children:a})]})}function rs({text:e,className:s,laneMode:n=!1,live:a=!1,renderExpanded:r,renderCollapsed:o}){const[l,u]=h.useState(!1),c=e.trim();if(!n)return t.jsxs("div",{className:s,children:[r?r(c):c,a&&t.jsx(Ae,{text:c})]});const f=je(c),v=Ge(c),y=l?r?r(c):c:o?o(v):v;return t.jsx("div",{className:`s-observe-lane-expandable${l?" s-observe-lane-expandable--open":""}`,children:t.jsxs("div",{className:`${s} s-observe-lane-expandable-body`,children:[t.jsxs("span",{className:"s-observe-lane-expandable-text",children:[y,a&&t.jsx(Ae,{text:c})]}),f&&t.jsx(as,{expanded:l,onToggle:()=>u(m=>!m)})]})})}function wt({event:e,laneMode:s=!1}){const n=e.text??"";return t.jsx(Hs,{text:n,live:!!e.live,compact:s,copyControl:s?void 0:t.jsx(U,{text:n,label:"Copy reasoning",className:"s-observe-copy-btn--inline"})})}function Ct({preview:e}){const s=e.split(`
+`);return t.jsx("pre",{className:"s-observe-tool-diff-preview",children:s.map((n,a)=>{const r=n[0],o=r==="+"?"add":r==="-"||r==="−"?"del":n.startsWith("@@")?"hunk":"ctx";return t.jsxs("span",{className:`s-observe-diff-line s-observe-diff-line--${o}`,children:[n,a<s.length-1?`
+`:null]},a)})})}function St(e){const s=(e??"").toLowerCase();return s==="shell"?"bash":s}function Tt(e){const s=e.arg?.trim();if(!(!s||s==="started"||s==="completed"))return s}const $t={bash:["bash","shell","terminal","exec","run","command","exec_command","shell_command","local_shell","container_exec","container.exec"],read:["read","view","cat","readfile","open","open_file"],file:["write","writefile","create","edit","multiedit","str_replace","strreplace","str_replace_editor","apply_patch","applypatch","patch","patch_apply","update","delete"],search:["grep","glob","search","rg","ripgrep","find","codebase_search","file_search"],fetch:["webfetch","web_fetch","fetch","websearch","web_search","browse","url"],agent:["agent","task","dispatch","subagent"],generic:[]},Lt={bash:"$",read:"◎",file:"✎",search:"⌕",fetch:"⤓",agent:"◇",generic:"▸"};function Rt(e){const s=(e??"").trim().toLowerCase();if(!s)return"generic";for(const n of["bash","read","file","search","fetch","agent"])if($t[n].includes(s))return n;return"generic"}function os(e){return!e||e==="started"||e==="completed"}function Pt(e){const s=e.trim().replace(/\/+$/u,""),n=s.lastIndexOf("/");return n<0?{dir:"",base:s}:{dir:s.slice(0,n+1),base:s.slice(n+1)}}function Et(e,s=2){const n=e.split("/").filter(Boolean);return n.length===0?"":n.length<=s?`${n.join("/")}/`:`…/${n.slice(-s).join("/")}/`}function At(e){if(!e)return null;for(const s of["matches","count","results","hits"]){const n=e[s];if(typeof n=="number"&&Number.isFinite(n))return n;if(typeof n=="string"&&/^\d+$/u.test(n.trim()))return Number(n.trim())}return null}function It(e){try{const s=new URL(e);return{host:s.host,path:s.pathname+s.search}}catch{return{host:e,path:""}}}function Ot(e){return e.length>=3&&/^(?:ba|z)?sh$/u.test(e[0])&&/^-[a-z]*c$/u.test(e[1])?e.slice(2).join(" "):e.join(" ")}function ne(e,s){const n=e.trim();if(!n.startsWith("{")&&!n.startsWith("["))return null;try{const a=JSON.parse(n);if(a&&typeof a=="object"&&!Array.isArray(a)){const r=a;for(const o of s){const l=r[o];if(typeof l=="string"&&l.trim())return l;if(Array.isArray(l)&&l.every(u=>typeof u=="string"))return Ot(l)}}}catch{}for(const a of s){const r=n.match(new RegExp(`"${a}"\\s*:\\s*"((?:[^"\\\\]|\\\\.)*)`,"u"));if(r?.[1])try{return JSON.parse(`"${r[1]}"`)}catch{return r[1]}}return null}function ls(e){const s=e.match(/\*\*\*\s+(?:Update|Add|Delete|Move|Rename)\s+File:\s*(.+)/u);return s&&s[1].trim().split(/\s*(?:->|=>)\s*/u)[0]?.trim()||null}function is(e,s){const n=s?.trim();if(!n)return"";switch(e){case"bash":return ne(n,["cmd","command","script","input","code"])??n;case"file":return n.includes("*** ")?ls(n)??n:ne(n,["file_path","path","filename","file"])??n;case"read":return ne(n,["file_path","path","filename","file"])??n;case"search":return ne(n,["pattern","query","glob","regex","q","search"])??n;case"fetch":return ne(n,["url","href","uri"])??n;default:return n}}function De({path:e,tone:s}){const n=ks(e),{dir:a,base:r}=Pt(n);return t.jsxs("span",{className:"s-observe-tool-path",title:e,children:[a&&t.jsx("span",{className:"s-observe-tool-path-dir",children:Et(a)}),t.jsx("span",{className:`s-observe-tool-path-base s-observe-tool-path-base--${s}`,children:r})]})}function Bt({path:e}){const s=e.lastIndexOf("/"),n=s>=0?e.slice(0,s+1):"",a=s>=0?e.slice(s+1):e;return t.jsxs("span",{className:"s-observe-bash-dir",children:[n&&t.jsx("span",{className:"s-observe-bash-dir-prefix",children:n}),a]})}function Ft({command:e,title:s,outcome:n,outputPreview:a,cwd:r,powerline:o}){const{dir:l,spans:u}=ge(e,{cwd:r,powerline:o});return t.jsxs("span",{className:"s-observe-bash",title:s??e,children:[l&&t.jsxs("span",{className:"s-observe-bash-pl",children:[t.jsx("span",{className:"s-observe-bash-seg",children:l}),t.jsx("span",{className:"s-observe-bash-sep","aria-hidden":!0})]}),t.jsx("span",{className:"s-observe-bash-prompt","aria-hidden":!0,children:"❯"}),u.length>0?t.jsx("span",{className:"s-observe-bash-cmd",children:u.map((c,f)=>{const v=f>0?" ":"";return c.tier==="dir"?t.jsxs("span",{children:[v,t.jsx(Bt,{path:c.text})]},f):t.jsxs("span",{className:`s-observe-bash-${c.tier}${c.known?" s-observe-bash-prog--known":""}${c.flag?" s-observe-bash-flag":""}`,children:[v,c.text]},f)})}):!l&&t.jsx("span",{className:"s-observe-bash-arg",children:"shell"}),a&&t.jsxs("span",{className:"s-observe-bash-out",title:a,children:[" → ",qe(a,88)]}),n&&t.jsx("span",{className:"s-observe-bash-ok",children:n})]})}function _t({family:e,event:s}){const n=is(e,s.arg),a=n.startsWith("{")||n.startsWith("["),r=!!n&&!os(n)&&!a;switch(e){case"read":return r?t.jsx(De,{path:n,tone:"read"}):t.jsx("span",{className:"s-observe-tool-cmd-name",children:"read"});case"file":{const o=r&&n!=="patch"?n:ls(s.detail??"")??"";return o?t.jsx(De,{path:o,tone:"file"}):t.jsx("span",{className:"s-observe-tool-cmd-name",children:s.tool??"edit"})}case"search":{if(!r)return t.jsx("span",{className:"s-observe-tool-cmd-name",children:"search"});const o=At(s.result);return t.jsxs(t.Fragment,{children:[t.jsxs("span",{className:"s-observe-tool-needle",children:[t.jsx("span",{className:"s-observe-tool-needle-q",children:'"'}),n,t.jsx("span",{className:"s-observe-tool-needle-q",children:'"'})]}),o!=null&&t.jsxs("span",{className:"s-observe-tool-count",children:["· ",o," ",o===1?"match":"matches"]})]})}case"fetch":{if(!r)return t.jsx("span",{className:"s-observe-tool-cmd-name",children:"fetch"});const{host:o,path:l}=It(n);return t.jsxs("span",{className:"s-observe-tool-url",title:n,children:[t.jsx("span",{className:"s-observe-tool-host",children:o}),l&&l!=="/"&&t.jsx("span",{className:"s-observe-tool-host-path",children:qe(l,40)})]})}case"agent":return t.jsx("span",{className:"s-observe-tool-agent-name",children:r?n:s.tool??"agent"});default:return t.jsxs(t.Fragment,{children:[t.jsx("span",{className:"s-observe-tool-cmd-name",children:s.tool}),r?t.jsxs(t.Fragment,{children:[" ",t.jsx("span",{className:"s-observe-tool-cmd-arg",children:n})]}):null]})}}function Dt({event:e,laneMode:s=!1,simple:n=!1,wallLabel:a,wallTitle:r}){const[o,l]=h.useState(!1),u=Rt(e.tool),c=s?Lt[u]:ft[St(e.tool)]??"▸",f=s&&u==="bash",v=f?is("bash",e.arg):"",y=!!v&&!os(v)&&!v.startsWith("{")&&!v.startsWith("["),m=f&&!n,i=y?ge(v).spans.find(k=>k.tier==="prog")?.text??v:"",g=Tt(e)??e.arg?.trim()??"",E=typeof e.result?.outcome=="string"?e.result.outcome.trim():typeof e.result?.outcome=="number"?String(e.result.outcome):void 0,_=s?void 0:e.stream?.[0]?.trim()||void 0,L=!!(E&&E!=="success"),O=!!(L||e.diff||e.stream),R=!s&&(O||je(g,120,2)),B=!R||o,W=!s&&R&&!o&&e.stream?Ge(e.stream.join(`
+`),180,2):null;return t.jsxs("div",{className:`s-observe-tool s-observe-block${s?` s-observe-tool--lane s-observe-tool--fam-${u}`:""}${s&&n?" s-observe-tool--simple":""}`,children:[t.jsxs("div",{className:`s-observe-tool-header${O&&!s?" s-observe-tool-header--has-body":""}`,children:[(!f||n)&&t.jsx("span",{className:"s-observe-tool-glyph",children:c}),t.jsxs("span",{className:"s-observe-tool-cmd",title:s&&!m?f&&y?v:`${e.tool??""} ${g}`.trim()||void 0:void 0,children:[m?t.jsx(Ft,{command:y?v:"",title:y?v:void 0,outputPreview:_}):f&&n?t.jsx("span",{className:"s-observe-tool-cmd-name",children:i||"shell"}):s?t.jsx(_t,{family:u,event:e}):t.jsxs(t.Fragment,{children:[t.jsx("span",{className:"s-observe-tool-cmd-name",children:e.tool}),g?t.jsxs(t.Fragment,{children:[" ",t.jsx("span",{className:"s-observe-tool-cmd-arg",children:g})]}):null]}),E==="success"&&t.jsx("span",{className:"s-observe-tool-outcome s-observe-tool-outcome--success",children:"ok"}),!s&&e.diff&&t.jsxs("span",{className:"s-observe-tool-diff-inline","aria-label":`${e.diff.add} additions, ${e.diff.del} deletions`,children:[t.jsxs("span",{className:"s-observe-tool-diff-add",children:["+",e.diff.add]}),t.jsxs("span",{className:"s-observe-tool-diff-del",children:["−",e.diff.del]})]})]}),R&&t.jsx(as,{expanded:o,onToggle:()=>l(k=>!k),label:e.stream?"output":"details"})]}),W&&t.jsx("pre",{className:"s-observe-tool-stream-preview",children:W}),L&&(s||B)&&e.result&&t.jsx("div",{className:"s-observe-tool-result",children:Object.entries(e.result).map(([k,$])=>`${k}: ${$}`).join(" · ")}),!s&&e.diff&&B&&t.jsxs("div",{className:"s-observe-tool-diff",children:[t.jsxs("div",{className:"s-observe-tool-diff-stats",children:[t.jsxs("span",{className:"s-observe-tool-diff-add",children:["+",e.diff.add]}),e.diff.del>0&&t.jsxs(t.Fragment,{children:[" ",t.jsxs("span",{className:"s-observe-tool-diff-del",children:["−",e.diff.del]})]})]}),t.jsx(Ct,{preview:e.diff.preview})]}),!s&&e.stream&&B&&t.jsx("pre",{className:"s-observe-tool-stream",children:e.stream.join(`
+`)}),!s&&t.jsx(U,{text:Nt(e),label:"Copy tool call"})]})}function Wt({event:e,laneMode:s=!1,operatorName:n="you",wallLabel:a,wallTitle:r}){const o=Rs(e),l=o.preview===o.title?"":o.preview,u=(n.trim()[0]??"y").toUpperCase();return t.jsxs("div",{className:`s-observe-ask s-observe-block${s?" s-observe-ask--lane":""}`,children:[s?t.jsxs("div",{className:"s-observe-ask-head",children:[t.jsx("span",{className:"s-observe-ask-avatar",style:{background:Ps(n)},"aria-hidden":"true",children:u}),t.jsx("span",{className:"s-observe-ask-author",children:n}),a?t.jsx("span",{className:"s-observe-ask-time",title:r,children:a}):null]}):t.jsx("div",{className:"s-observe-ask-label",children:o.label}),o.contextTags.length>0&&t.jsx("div",{className:"s-observe-ask-tags","aria-label":"Attached context",children:o.contextTags.map(c=>t.jsxs("span",{className:"s-observe-ask-tag",title:c.raw,children:[t.jsx(Js,{size:10,strokeWidth:2,"aria-hidden":"true"}),t.jsx("span",{className:"s-observe-ask-tag-name",children:c.name}),c.detail?t.jsx("span",{className:"s-observe-ask-tag-detail",children:c.detail}):null]},c.name))}),t.jsx("div",{className:"s-observe-ask-title",children:o.title}),l?t.jsx(rs,{text:l,className:"s-observe-ask-text",laneMode:s,live:e.live,renderCollapsed:c=>Ue(c),renderExpanded:c=>t.jsx(Ke,{text:c})}):e.live?t.jsx("span",{className:"s-observe-cursor"}):null,o.answer&&(!s||je(o.answer.text))&&t.jsxs("div",{className:"s-observe-ask-answer",children:[t.jsxs("span",{className:"s-observe-ask-answer-meta",children:["↳ ",o.answer.label]}),t.jsx("div",{className:"s-observe-ask-answer-text",children:o.answer.text})]}),!s&&t.jsx(U,{text:o.copyText,label:"Copy request"})]})}function Mt(e){const s=e.to?.trim();return s?s==="human"?"→ you":`→ ${s}`:null}function cs(e){return e.kind==="message"&&(e.text??"").trim().toLowerCase()==="[thinking]"}function zt({event:e,laneMode:s=!1}){const n=e.text??"",a=s&&cs(e),r=a?"Thinking...":n,o=a?"Agent thinking":Mt(e);return t.jsxs("div",{className:["s-observe-block",s&&"s-observe-message--lane",a&&"s-observe-message--thinking",e.live&&"s-observe-message--streaming"].filter(Boolean).join(" "),"aria-busy":e.live||void 0,children:[o?t.jsx("div",{className:"s-observe-message-label",children:o}):null,t.jsx(rs,{text:r,className:"s-observe-message-text",laneMode:s,live:e.live,renderCollapsed:l=>Ue(l),renderExpanded:l=>t.jsx(Ke,{text:l})}),!s&&t.jsx(U,{text:n,label:"Copy message"})]})}function Ht({summary:e,expanded:s=!1,onToggle:n}){const a=e.totalCount===1?"technical event":"technical events",r=t.jsxs(t.Fragment,{children:[t.jsxs("span",{className:"s-observe-tech-summary-count",children:[e.totalCount," ",a]}),e.labels.length>0?t.jsx("span",{className:"s-observe-tech-summary-detail",children:e.labels.join(" · ")}):null,n?s?t.jsx(Je,{size:12,strokeWidth:1.8,className:"s-observe-tech-summary-chevron","aria-hidden":!0}):t.jsx(Ye,{size:12,strokeWidth:1.8,className:"s-observe-tech-summary-chevron","aria-hidden":!0}):null]});return n?t.jsx("button",{type:"button",className:`s-observe-tech-summary s-observe-tech-summary--toggle s-observe-block s-observe-block--inline${s?" is-expanded":""}`,onClick:o=>{o.stopPropagation(),n()},"aria-expanded":s,"aria-label":s?`Collapse ${e.totalCount} ${a}`:`Expand ${e.totalCount} ${a}`,children:r}):t.jsx("div",{className:"s-observe-tech-summary s-observe-block s-observe-block--inline",children:r})}function Gt({collapseTechnicalEvents:e,onChange:s}){if(!s)return null;const n=e?"Concise":"Details",a=e?"Show detailed trace events":"Show concise trace summaries",r=e?Gs:qs;return t.jsxs("label",{className:`s-observe-lane-trace-mode${e?" s-observe-lane-trace-mode--concise":" s-observe-lane-trace-mode--details"}`,title:a,children:[t.jsx("input",{type:"checkbox",checked:e,onChange:o=>s(o.currentTarget.checked),"aria-label":a}),t.jsx(r,{size:12,strokeWidth:1.8,"aria-hidden":"true"}),t.jsx("span",{children:n})]})}function qt(e,s){return e?.trim()?s?!/^[a-z0-9._-]+ · [a-z0-9._-]+$/i.test(e.trim()):!0:!1}const Ut={turn_ended:"Turn complete",turn_started:"Turn started"};function Vt(e){const s=e.trim(),a=s.match(/^\[(.+)\]$/)?.[1]??s;return Ut[a]??a.replace(/_/g," ")}function Kt({turn:e,model:s}){return t.jsxs("div",{className:"s-observe-grok-turn s-observe-block s-observe-block--inline",children:[t.jsxs("span",{className:"s-observe-grok-turn-num",children:["turn ",e]}),s?t.jsx("span",{className:"s-observe-grok-turn-model",children:s}):null]})}function Jt({tool:e,decision:s}){return t.jsxs("div",{className:"s-observe-grok-permission s-observe-block s-observe-block--inline",children:[t.jsx("span",{className:`s-observe-grok-permission-decision is-${s}`,children:s}),t.jsx("span",{className:"s-observe-grok-permission-tool",children:e})]})}function Yt({phase:e}){return t.jsx("div",{className:"s-observe-grok-phase s-observe-block s-observe-block--inline",children:t.jsx("span",{className:"s-observe-grok-phase-label",children:js(e)})})}function Xt({event:e,laneMode:s=!1}){if(s){const n=He(e.text??"");return n?.kind==="turn"&&typeof n.turn=="number"?t.jsx(Kt,{turn:n.turn,model:n.model}):t.jsx("div",{className:"s-observe-note s-observe-block s-observe-block--inline s-observe-note--lane",children:t.jsx("span",{className:"s-observe-note-text",children:Vt(e.text)})})}return t.jsxs("div",{className:"s-observe-note s-observe-block s-observe-block--inline",children:[t.jsx("span",{className:"s-observe-note-icon","aria-hidden":"true",children:"✓"}),t.jsx("span",{className:"s-observe-note-text",children:e.text}),t.jsx(U,{text:e.text??"",label:"Copy note"})]})}function Zt({event:e,laneMode:s=!1}){const n=s?He(e.text??""):null;if(n?.kind==="permission"&&n.tool&&n.decision)return t.jsx(Jt,{tool:n.tool,decision:n.decision});if(n?.kind==="phase"&&n.phase)return t.jsx(Yt,{phase:n.phase});const a=qt(e.detail,s),r=a&&e.detail?`${e.text}
+${e.detail}`:e.text??"";return t.jsxs("div",{className:`s-observe-system s-observe-block${s?" s-observe-system--lane":""}`,children:[t.jsxs("div",{className:"s-observe-system-line",children:[!s&&t.jsx("span",{className:"s-observe-system-arrow","aria-hidden":"true",children:"▸ "}),t.jsx("span",{className:"s-observe-system-text",children:e.text})]}),a&&e.detail&&t.jsx("div",{className:"s-observe-system-detail",children:e.detail}),t.jsx(U,{text:r,label:"Copy system event"})]})}const Qt={think:"think",tool:"tool",ask:"ask",message:"message",note:"note",system:"system",boot:"boot"};function en(e){const s=gs(e);return s||(e.kind==="tool"?e.tool==="res"?"result":e.tool?.trim()||"tool":Qt[e.kind]??e.kind)}function We(e){return!!e?.closest("button, a, input, textarea, select, [role='slider'], [contenteditable='true']")}function sn({event:e,prevT:s,prevWallMs:n,laneMode:a=!1,entering:r=!1,repeatCount:o=1,sessionStartMs:l,nowMs:u=Date.now(),preferWallAge:c=!1,highlighted:f=!1,focusAnchor:v=!1,simpleTool:y=!1,stackedTool:m=!1,laneGutter:i="time",laneOperatorName:d,onLaneEventSelect:g,laneToolHover:E,hoverPreviewActive:_=!1,technicalSummary:L,technicalExpanded:O=!1,onTechnicalToggle:R}){const B=e.t-s,W=L?"var(--dim)":ts[e.kind]??"var(--dim)",b=a?gt(e,l,u,c):jt(e,l),k=me(e,l),$=c&&typeof n=="number"&&k!==null?Ls(k-n):null,p=!c&&B>15?`${xt(B)} gap`:null,w=$??p,j=a&&!!g&&!L,N=["s-observe-row",`s-observe-row--kind-${e.kind}`,r?"s-observe-row--enter":"",j?"s-observe-row--selectable":"",f?"s-observe-row--highlighted":"",v?"s-observe-row--focus-anchor":"",y?"s-observe-row--tool-simple":"",m?"s-observe-row--tool-stacked":"",_?"s-observe-row--hover-preview":"",L?"s-observe-row--tech-summary":""].filter(Boolean).join(" "),T=t.jsxs(t.Fragment,{children:[w?t.jsx("div",{className:"s-observe-row-gap",children:w}):null,t.jsxs("div",{className:"s-observe-row-time",title:b.title,children:[i==="label-time"&&!m?t.jsx("span",{className:"s-observe-row-kind",children:en(e)}):null,t.jsx("span",{className:"s-observe-row-clock",children:b.label}),o>1&&t.jsxs("span",{className:"s-observe-row-repeat",title:`${o} similar events merged`,children:["×",o]})]}),t.jsx("span",{className:"s-observe-row-bead",style:{background:W}}),L?t.jsx(Ht,{summary:L,expanded:O,onToggle:R}):t.jsxs(t.Fragment,{children:[e.kind==="think"&&t.jsx(wt,{event:e,laneMode:a}),e.kind==="tool"&&t.jsx(Dt,{event:e,laneMode:a,simple:y,wallLabel:y?b.label:void 0,wallTitle:y?b.title:void 0}),e.kind==="ask"&&t.jsx(Wt,{event:e,laneMode:a,operatorName:d,wallLabel:a?b.label:void 0,wallTitle:a?b.title:void 0}),e.kind==="message"&&t.jsx(zt,{event:e,laneMode:a}),e.kind==="note"&&t.jsx(Xt,{event:e,laneMode:a}),(e.kind==="system"||e.kind==="boot")&&t.jsx(Zt,{event:e,laneMode:a})]})]}),D=a&&e.kind==="tool"&&E?E(e,{wallLabel:b.label,wallTitle:b.title,sessionOffset:ys(e.t)}):null,A=D?t.jsx("div",{ref:D.ref,className:"s-observe-row-hover-target",onMouseEnter:D.onMouseEnter,onMouseLeave:D.onMouseLeave,onFocus:D.onFocus,onBlur:D.onBlur,children:T}):T;return t.jsx("div",{className:N,"data-event-id":e.id,onClick:j?C=>{We(C.target)||g?.(e)}:void 0,onKeyDown:j?C=>{C.key!=="Enter"&&C.key!==" "||We(C.target)||(C.preventDefault(),g?.(e))}:void 0,role:j?"button":void 0,tabIndex:j?0:void 0,"aria-label":j?e.kind==="tool"?"Open command detail at this step":"Open session detail at this step":void 0,children:A})}function tn(e,s){if(!e)return;const n=e.closest(".s-observe-main");if(n){const a=n.scrollHeight-n.clientHeight;n.scrollTo({top:a,left:n.scrollLeft,behavior:s});return}e.scrollIntoView({behavior:s,block:"end",inline:"nearest"})}function nn({events:e,followEnd:s,laneMode:n=!1,sessionStartMs:a,nowMs:r=Date.now(),preferWallAge:o=!1,focusEventId:l,inlineFocusEventId:u,inlineFocusContent:c,onLaneEventSelect:f,laneGutter:v="time",richSimpleTools:y=!1,collapseTechnicalEvents:m=!1,laneOperatorName:i}){const d=h.useRef(null),g=h.useRef(s),E=h.useRef(new Set),_=h.useRef(!1),[L,O]=h.useState(()=>new Set),[R,B]=h.useState(()=>new Set),W=h.useCallback(p=>{B(w=>{const j=new Set(w);return j.has(p)?j.delete(p):j.add(p),j})},[]);h.useEffect(()=>{m||B(new Set)},[m]);const b=h.useMemo(()=>{const p=n?mt(e):e.map(j=>({event:j,repeatCount:1}));if(!n)return p;const w=p.filter(j=>j.event.live||!cs(j.event));return m?dt(w):w},[e,n,m]);h.useEffect(()=>{if(!n){_.current=!0;return}const p=E.current;if(!_.current){for(const T of b)p.add(T.event.id);_.current=!0;return}const w=[];for(const T of b)p.has(T.event.id)||(p.add(T.event.id),w.push(T.event.id));if(w.length===0)return;const j=new Set(w);O(j);const N=window.setTimeout(()=>{O(new Set)},380);return()=>window.clearTimeout(N)},[b,s,n]),h.useLayoutEffect(()=>{if(!s){g.current=!1;return}const p=!g.current;g.current=!0,tn(d.current,n||p?"instant":"smooth")},[b.length,s,n]);const k=Ns(n),$=(p,w,j,N={})=>{const T=j?.event??null,D=T?me(T,a):null,A=n&&!p.technicalSummary&&!y&&Oe(p.event),C=A&&T!=null&&!j?.technicalSummary&&Oe(T),x=!N.suppressInlineFocus&&u===p.event.id&&!!c,Y=t.jsx(sn,{event:p.event,prevT:T?.t??0,prevWallMs:D,laneMode:n,simpleTool:A,stackedTool:C,laneGutter:v,entering:n&&L.has(p.event.id),repeatCount:p.repeatCount,sessionStartMs:a,nowMs:r,preferWallAge:o,highlighted:!n&&l===p.event.id,focusAnchor:x,laneOperatorName:i,onLaneEventSelect:f,laneToolHover:n?k.bind:void 0,hoverPreviewActive:n&&k.hoveredEventId===p.event.id,technicalSummary:p.technicalSummary,technicalExpanded:N.technicalExpanded,onTechnicalToggle:N.onTechnicalToggle});return t.jsxs("div",{className:`s-observe-focus-group${x?" s-observe-focus-group--active":""}`,"data-focus-group":x?"true":void 0,children:[Y,x?t.jsxs(t.Fragment,{children:[t.jsx("div",{className:"s-observe-focus-connector","aria-hidden":!0}),t.jsx("div",{className:"s-observe-focus-detail",children:c})]}):null]},`${p.event.id}:${p.repeatCount}:${w}${N.keySuffix??""}`)};return t.jsxs("div",{className:"s-observe-stream",children:[t.jsx("div",{className:"s-observe-spine"}),b.map((p,w)=>{const j=w>0?b[w-1]:null,N=p.technicalSourceRows,T=!!(p.technicalSummary&&N&&N.length>0),D=T&&R.has(p.event.id);return T&&D?t.jsxs("div",{className:"s-observe-tech-rollup s-observe-tech-rollup--expanded",children:[$(p,w,j,{technicalExpanded:!0,onTechnicalToggle:()=>W(p.event.id),suppressInlineFocus:!0}),t.jsx("div",{className:"s-observe-tech-rollup-details",children:N.map((A,C)=>{const x=C>0?N[C-1]:null;return $(A,C,x,{keySuffix:`:rollup:${p.event.id}:detail`,suppressInlineFocus:!0})})})]},`${p.event.id}:${p.repeatCount}:${w}:rollup`):$(p,w,j,{onTechnicalToggle:T?()=>W(p.event.id):void 0})}),t.jsx("div",{ref:d}),k.card]})}function an({data:e,cursor:s}){const r=e.length;if(r<2)return null;const o=276/(r-1),l=e.map((c,f)=>`${f===0?"M":"L"} ${(f*o).toFixed(1)} ${((1-c)*44).toFixed(1)}`).join(" "),u=s*276;return t.jsxs("svg",{viewBox:"0 0 276 44",style:{width:"100%",height:44,display:"block"},children:[t.jsx("defs",{children:t.jsxs("linearGradient",{id:"observeCtxFill",x1:"0",y1:"0",x2:"0",y2:"1",children:[t.jsx("stop",{offset:"0%",stopColor:"var(--accent)",stopOpacity:.25}),t.jsx("stop",{offset:"100%",stopColor:"var(--accent)",stopOpacity:0})]})}),t.jsx("path",{d:`${l} L 276 44 L 0 44 Z`,fill:"url(#observeCtxFill)"}),t.jsx("path",{d:l,fill:"none",stroke:"var(--accent)",strokeWidth:1.2}),t.jsx("line",{x1:u,y1:0,x2:u,y2:44,stroke:"var(--accent)",strokeWidth:1,opacity:.6,strokeDasharray:"2 3"})]})}function rn({state:e}){const s=e==="created"?"var(--green)":e==="modified"?"var(--accent)":"var(--dim)",n=e==="created"?"+":e==="modified"?"~":"◎";return t.jsx("span",{className:"s-observe-file-glyph",style:{background:"color-mix(in srgb, var(--bg) 70%, black)",border:`1px solid color-mix(in srgb, ${s} 40%, var(--border))`,color:s},children:n})}function z({label:e,value:s,detail:n}){const a=s==="0"||s==="—"||s==="";return t.jsxs("div",{className:`s-observe-stat${a?" s-observe-stat--quiet":""}`,children:[t.jsx("div",{className:"s-observe-stat-value",children:s}),t.jsx("div",{className:"s-observe-stat-label",children:e}),n&&t.jsx("div",{className:"s-observe-stat-detail",children:n})]})}function pe({children:e="Not captured for this session"}){return t.jsx("div",{className:"s-observe-empty",children:e})}function we({path:e,basePath:s,agentId:n,sessionId:a,className:r,children:o}){const{openFilePreview:l}=ye(),u=e.startsWith("/")||e.startsWith("~/")?e:s?`${s.replace(/\/$/,"")}/${e}`:e;return t.jsxs("span",{className:"s-observe-path-link-group",children:[t.jsx("button",{type:"button",className:r,title:`Preview ${e} in Scout`,onClick:()=>l(u),children:o}),t.jsx("button",{type:"button",className:"s-observe-path-link-external",title:`Reveal ${e} in OS`,"aria-label":"Reveal in OS",onClick:()=>yt({path:e,basePath:s,agentId:n,sessionId:a}),children:t.jsx(Us,{size:11,strokeWidth:1.6})})]})}function on({path:e,basePath:s,agentId:n,sessionId:a}){return t.jsxs("div",{className:"s-observe-source",children:[t.jsx("span",{className:"s-observe-source-label",children:"Source"}),t.jsx(we,{path:e,basePath:s,agentId:n,sessionId:a,className:"s-observe-source-link",children:xe(e)})]})}function ve({rows:e,agentId:s,sessionId:n}){return e.length===0?null:t.jsx("div",{className:"s-observe-detail-list",children:e.map(a=>{const r=`s-observe-detail-value s-observe-detail-value--${a.tone??"default"}${a.wrap?" s-observe-detail-value--wrap":""}`,o=a.display??a.value;return t.jsxs("div",{className:"s-observe-detail-row",children:[t.jsx("div",{className:"s-observe-detail-label",children:a.label}),t.jsxs("div",{className:"s-observe-detail-value-wrap",children:[a.actionPath?t.jsx(we,{path:a.actionPath,basePath:a.actionBasePath,agentId:s,sessionId:n,className:`${r} s-observe-detail-link`,children:o}):t.jsx("div",{className:r,title:a.title??(o!==a.value?a.value:void 0),children:o}),t.jsx(U,{text:a.actionPath??a.value,label:`Copy ${a.label.toLowerCase()}`,className:"s-observe-copy-btn--inline"})]})]},a.label)})})}function ln({events:e,duration:s,cursor:n,onCursor:a,snapTimes:r=[]}){const o=h.useRef(null),l=h.useMemo(()=>dn(e,s,48),[e,s]),u=l.some(m=>m.count>0),c=l.reduce((m,i)=>m+i.count,0),f=u?`${c} message turn anchors. Click the timeline or use arrow keys to snap between turns.`:"Session timeline",v=h.useCallback(m=>{const i=o.current.getBoundingClientRect(),d=m.clientX-i.left,g=Math.max(0,Math.min(s,d/i.width*s));a(Me(g,s,r))},[s,a,r]),y=h.useCallback(m=>{if(s<=0)return;const i=s*.01,d=s*.05;let g=n;switch(m.key){case"ArrowLeft":g=r.length?un(n,r):n-(m.shiftKey?d:i);break;case"ArrowRight":g=r.length?ds(n,r,s):n+(m.shiftKey?d:i);break;case"PageDown":g=n-d;break;case"PageUp":g=n+d;break;case"Home":g=0;break;case"End":g=s;break;default:return}m.preventDefault(),a(r.length&&(m.key==="PageDown"||m.key==="PageUp")?Me(g,s,r):Math.max(0,Math.min(s,g)))},[n,s,a,r]);return t.jsxs("div",{className:"s-observe-track-wrap",title:f,children:[u?t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:"s-observe-track-barsHead","aria-hidden":!0,children:[t.jsx("span",{children:"Turns"}),t.jsx("span",{children:c})]}),t.jsx("div",{className:"s-observe-track-bars","aria-hidden":!0,children:l.map(m=>t.jsx("span",{className:"s-observe-track-bar","data-active":m.start<=n||void 0,style:{height:`${mn(m.count,l)}%`}},m.index))})]}):null,t.jsxs("div",{ref:o,className:"s-observe-track",onClick:v,onKeyDown:y,role:"slider",tabIndex:s>0?0:-1,"aria-label":"Session timeline","aria-valuemin":0,"aria-valuemax":s,"aria-valuenow":Math.max(0,Math.min(s,n)),children:[e.map(m=>{const i=m.kind==="tool"?6:m.kind==="think"?4:5;return t.jsx("span",{className:"s-observe-track-tick",style:{left:`${s>0?m.t/s*100:0}%`,top:i===6?-2:-1,height:i,background:ts[m.kind]??"var(--dim)"}},m.id)}),t.jsx("div",{className:"s-observe-track-played",style:{width:`${s>0?n/s*100:0}%`}}),t.jsx("span",{className:"s-observe-track-cursor",style:{left:`${s>0?n/s*100:0}%`}})]})]})}function us(e){return e.kind==="message"||e.kind==="ask"}function cn(e,s){const n=e.filter(us).map(a=>Math.max(0,Math.min(s,a.t))).sort((a,r)=>a-r);return Array.from(new Set(n))}function Me(e,s,n){const a=Math.max(0,Math.min(s,e));if(n.length===0)return a;let r=n[0],o=Math.abs(r-a);for(const l of n){const u=Math.abs(l-a);u<o&&(r=l,o=u)}return r}function ds(e,s,n){return s.find(r=>r>e+.01)??n}function un(e,s){for(let n=s.length-1;n>=0;n-=1){const a=s[n];if(a<e-.01)return a}return 0}function dn(e,s,n){const a=Math.max(1,s),r=Array.from({length:n},(o,l)=>({index:l,count:0,start:l/n*a}));for(const o of e){if(!us(o))continue;const l=Math.min(n-1,Math.max(0,Math.floor(o.t/a*n)));r[l].count+=1}return r}function mn(e,s){if(e<=0)return 0;const n=Math.max(1,...s.map(a=>a.count));return Math.max(18,e/n*100)}function hn({events:e,duration:s,cursor:n,mode:a,speed:r,snapTimes:o,onCursor:l,onPlayToggle:u,onSpeedChange:c}){const f=a==="tail"?"Following latest":a==="playing"?"Pause replay":"Play turns";return t.jsxs("div",{className:"s-observe-transport","data-snap":o.length>0||void 0,"data-mode":a,children:[t.jsx("button",{type:"button",className:"s-observe-play-btn","data-state":a,onClick:u,"aria-pressed":a==="tail"||a==="playing","aria-label":f,title:f,children:a==="playing"?"❚❚":"▶"}),t.jsx("button",{type:"button",className:"s-observe-rewind-btn",onClick:()=>{l(0)},"aria-label":"Jump to start",title:"Jump to start",children:"⏮"}),t.jsx(ln,{events:e,duration:s,cursor:n,onCursor:l,snapTimes:o}),t.jsx("div",{className:"s-observe-speed-group",children:[.5,1,2,4].map(v=>t.jsxs("button",{type:"button",className:`s-observe-speed-btn${r===v?" s-observe-speed-btn--active":""}`,onClick:()=>c(v),children:[v,"×"]},v))})]})}function ze(e){return Es(e)||"unknown"}function fn(e,s){const n=Ee(e),a=Ee(s);return n===null||a===null?"0:00":Ve(a-n)||"0:00"}function bn({catalog:e,sessionId:s,agentId:n}){const{navigate:a,route:r}=ye(),[o,l]=h.useState(!1),u=e.sessions.find(d=>d.id===e.activeSessionId),c=e.sessions.filter(d=>d.id!==e.activeSessionId&&d.endedAt).sort((d,g)=>(g.endedAt??0)-(d.endedAt??0)).slice(0,5),f=e.activeSessionId??s,v=f?f.slice(0,8):null,y=!!(u?.canTakeover&&e.resumeCommand),m=h.useCallback(()=>{!y||!e.resumeCommand||(Bs({command:e.resumeCommand,cwd:e.resumeCwd,agentId:n}).then(()=>{Ws(a,{view:"terminal",agentId:n},{returnTo:r})}),l(!0))},[y,e.resumeCommand,e.resumeCwd,a,r,n]),i=h.useCallback(()=>{a({view:"agents-v2",agentId:n,tab:"message"})},[a,n]);return t.jsxs("div",{className:"s-observe-session-header",children:[t.jsx("div",{className:"s-observe-session-active",children:t.jsxs("div",{className:"s-observe-session-row",children:[v&&t.jsx("span",{className:"s-observe-session-id",title:f??void 0,children:v}),u&&t.jsxs("span",{className:"s-observe-session-time",children:["started ",ze(u.startedAt)]}),t.jsx("button",{className:"s-observe-pair-btn",onClick:i,title:"Send messages into the live session without taking the terminal",children:"Pair"}),y&&t.jsx("button",{className:"s-observe-takeover-btn",onClick:m,title:e.resumeCommand??void 0,children:o?"Sent":"Takeover"})]})}),c.length>0&&t.jsxs("div",{className:"s-observe-session-history",children:[t.jsxs("div",{className:"s-observe-session-history-label",children:[e.sessions.length," session",e.sessions.length!==1?"s":""," total"]}),c.map(d=>t.jsxs("div",{className:"s-observe-session-past",children:[t.jsx("span",{className:"s-observe-session-id",children:d.id.slice(0,8)}),t.jsxs("span",{className:"s-observe-session-time",children:[ze(d.startedAt),d.endedAt?` · ${fn(d.startedAt,d.endedAt)}`:""]})]},d.id))]})]})}const ms={events:[{id:"observe:empty",t:0,kind:"system",text:"No session trace is available for this agent yet.",detail:"Waiting for a live session or readable history file."}],files:[],contextUsage:[],live:!1};function pn({data:e=ms,agentId:s,sessionId:n,cursor:a,duration:r,surface:o="embedded",observeSource:l,observeFidelity:u}){const{events:c,files:f}=e,[v,y]=h.useState(null);h.useEffect(()=>{if(!s)return;let x=!1;return ke(`/api/agents/${encodeURIComponent(s)}/session-catalog`).then(Y=>{x||y(Y)}).catch(()=>{}),()=>{x=!0}},[s]);const m=e.metadata,i=m?.session,d=m?.usage,g=typeof r=="number"&&Number.isFinite(r)&&r>0?r:c.length>0?c[c.length-1].t+30:60,E=typeof a=="number"&&Number.isFinite(a)?a:g,_=c.filter(x=>x.kind==="tool").length,L=c.filter(x=>x.kind==="think").length,O=c.filter(x=>x.kind==="ask").length,R=c.filter(x=>x.kind==="tool"&&x.tool==="read").length,B=c.filter(x=>x.kind==="tool"&&(x.tool==="edit"||x.tool==="write")).length,W=c.length>0?c[c.length-1].t:0,b=typeof d?.contextInputTokens=="number"&&typeof d.contextWindowTokens=="number"&&d.contextWindowTokens>0?Math.max(0,Math.min(100,Math.round(d.contextInputTokens/d.contextWindowTokens*100))):null,k=[{label:"Context input",value:d?.contextInputTokens},{label:"Input",value:d?.inputTokens},{label:"Output",value:d?.outputTokens},{label:"Cache hit",value:d?.cacheReadInputTokens},{label:"Cache write",value:d?.cacheCreationInputTokens},{label:"Total",value:d?.totalTokens},{label:"Reasoning",value:d?.reasoningOutputTokens}].filter(x=>typeof x.value=="number"),$=be([typeof d?.assistantMessages=="number"?{label:"Assistant msgs",value:te(d.assistantMessages)??"0",tone:"accent"}:null,typeof d?.webSearchRequests=="number"?{label:"Web search",value:te(d.webSearchRequests)??"0"}:null,typeof d?.webFetchRequests=="number"?{label:"Web fetch",value:te(d.webFetchRequests)??"0"}:null,d?.serviceTier?{label:"Service tier",value:d.serviceTier,tone:"good"}:null,d?.speed?{label:"Speed",value:d.speed}:null,d?.planType?{label:"Plan",value:d.planType}:null]),p=be([typeof d?.contextWindowTokens=="number"?{label:"Model window",value:`${te(d.contextWindowTokens)} tokens`,title:te(d.contextWindowTokens)??void 0,tone:"accent"}:null,b!==null?{label:"Window load",value:`${b}%`,tone:b>=80?"warn":"default"}:null]),w=be([i?.model?{label:"Model",value:i.model,tone:"accent"}:null,i?.adapterType?{label:"Adapter",value:i.adapterType}:null,i?.gitBranch?{label:"Branch",value:i.gitBranch}:null,i?.cwd?{label:"Workspace",value:i.cwd,display:xe(i.cwd),title:i.cwd,actionPath:i.cwd}:null,i?.entrypoint?{label:"Entrypoint",value:i.entrypoint}:null,i?.cliVersion?{label:"CLI",value:i.cliVersion}:null,i?.permissionMode?{label:"Permissions",value:i.permissionMode}:null,i?.approvalPolicy?{label:"Approval",value:i.approvalPolicy}:null,i?.sandbox?{label:"Sandbox",value:i.sandbox}:null,i?.userType?{label:"User type",value:i.userType}:null,i?.originator?{label:"Originator",value:i.originator}:null,i?.modelProvider?{label:"Provider",value:i.modelProvider}:null,i?.effort?{label:"Effort",value:i.effort}:null,i?.timezone?{label:"Timezone",value:i.timezone}:null,i?.externalSessionId?{label:"External session",value:i.externalSessionId,title:i.externalSessionId}:null,i?.threadId?{label:"Thread",value:i.threadId,title:i.threadId}:null,i?.threadPath?{label:"Thread path",value:i.threadPath,display:xe(i.threadPath),title:i.threadPath,actionPath:i.threadPath,actionBasePath:i.cwd??null}:null,i?.source?{label:"Runtime source",value:i.source}:null]),j=Fe(d),N=Fe(i),T=l??(e.live?"live":"history"),D=u??"timestamped",A=ss({source:T,fidelity:D,live:e.live,eventCount:c.length}),C=D==="timestamped";return t.jsxs("aside",{className:`s-observe-rail${o==="context"?" s-observe-rail--context":""}`,children:[t.jsxs("div",{children:[t.jsx("div",{className:"s-observe-rail-label",children:"Evidence"}),t.jsxs("div",{className:"s-observe-evidence-card","data-tone":A.tone,children:[t.jsx("span",{className:"s-observe-evidence-dot","aria-hidden":"true"}),t.jsxs("span",{children:[t.jsx("strong",{children:A.label}),t.jsx("small",{children:A.detail})]})]})]}),v&&v.sessions.length>0&&t.jsxs("div",{children:[t.jsx("div",{className:"s-observe-rail-label",children:"Session"}),t.jsx(bn,{catalog:v,sessionId:n??null,agentId:s})]}),t.jsxs("div",{children:[t.jsx("div",{className:"s-observe-rail-label",children:"Trace stats"}),t.jsxs("div",{className:"s-observe-stats",children:[t.jsx(z,{label:"Turns",value:q(i?.turnCount)}),t.jsx(z,{label:"Tools",value:q(C?_:void 0)}),t.jsx(z,{label:"Thinks",value:q(C?L:void 0)}),t.jsx(z,{label:"Requests",value:q(C?O:void 0)}),t.jsx(z,{label:"Reads",value:q(C?R:void 0)}),t.jsx(z,{label:"Edits",value:q(C?B:void 0)}),t.jsx(z,{label:"Files",value:q(f.length)}),t.jsx(z,{label:"Window",value:C?kt(W):"—"})]})]}),t.jsxs("div",{children:[t.jsx("div",{className:"s-observe-rail-label",children:"Interacted agents"}),t.jsx(Ms,{topology:m?.topology??null,sessionId:n??m?.session?.externalSessionId??null,size:"rail",maxAgents:4})]}),t.jsxs("div",{children:[t.jsx("div",{className:"s-observe-rail-label",children:"Context window"}),t.jsx(ve,{rows:p,agentId:s??null,sessionId:n??null}),b!==null?t.jsxs(t.Fragment,{children:[t.jsx(an,{data:[b/100,b/100],cursor:E/g}),t.jsx("div",{className:"s-observe-ctx-detail",children:"Meter uses latest context input divided by the model window."})]}):p.length===0?t.jsx(pe,{}):t.jsx("div",{className:"s-observe-ctx-detail",children:"No derived load trace captured."})]}),t.jsxs("div",{children:[t.jsxs("div",{className:"s-observe-rail-label",children:["Files touched · ",f.length]}),t.jsx("div",{className:"s-observe-files",children:f.map(x=>t.jsxs("div",{className:`s-observe-file${x.lastT<=E?" s-observe-file--visible":" s-observe-file--hidden"}`,children:[t.jsx(rn,{state:x.state}),t.jsx(we,{path:x.path,basePath:i?.cwd??null,agentId:s??null,sessionId:n??null,className:"s-observe-file-path",children:x.path}),t.jsxs("span",{className:"s-observe-file-touches",children:["×",x.touches]})]},x.path))})]}),t.jsxs("div",{children:[t.jsx("div",{className:"s-observe-rail-label",children:"Usage"}),k.length>0&&t.jsx("div",{className:"s-observe-stats s-observe-stats--usage",children:k.map(x=>t.jsx(z,{label:x.label,value:q(x.value)},x.label))}),$.length>0?t.jsx(ve,{rows:$,agentId:s??null,sessionId:n??null}):!j&&k.length===0?t.jsx(pe,{}):null]}),t.jsxs("div",{children:[t.jsx("div",{className:"s-observe-rail-label",children:"Metadata"}),w.length>0?t.jsx(ve,{rows:w,agentId:s??null,sessionId:n??null}):N?null:t.jsx(pe,{})]})]})}function vn({conversationId:e,agentId:s,sessionId:n,invoke:a}){const{navigate:r}=ye(),[o,l]=h.useState(""),[u,c]=h.useState(!1),[f,v]=h.useState(null),[y,m]=h.useState(null),[i,d]=h.useState(()=>e?.trim()||null),g=h.useRef(null);h.useEffect(()=>{d(e?.trim()||null)},[e]);const E=s?.trim()||null,_=n?.trim()||null,L=!!(E&&_),O=!!(a?.projectPath&&a?.sessionId),R=!!(i||L||O),B=R&&o.trim().length>0&&!u,W=async()=>{const b=o.trim();if(!(!b||u)){if(!i&&!L&&!O){m("No writable session target is attached yet.");return}c(!0),v(null),m(null);try{if(i)await ke("/api/send",{method:"POST",body:JSON.stringify({body:b,conversationId:i,intent:"steer"})}),l(""),v("Sent into this session."),g.current?.focus();else if(L){const $=(await _s({agentId:E,sessionId:_,instructions:b})).conversationId?.trim();$&&d($),l(""),v("Sent into this session."),g.current?.focus()}else{const $=(await Ds({projectPath:a.projectPath,sessionId:a.sessionId,...a.harness?{harness:a.harness}:{},...a.model?{model:a.model}:{},...a.reasoningEffort?{reasoningEffort:a.reasoningEffort}:{},instructions:b})).conversationId?.trim();l(""),$?(d($),v("Session invoked — opening conversation."),r({view:"conversation",conversationId:$})):(v("Session invoked."),g.current?.focus())}}catch(k){m(k instanceof Error?k.message:String(k))}finally{c(!1)}}};return t.jsx("div",{className:"s-observe-compose",children:t.jsx(zs,{density:"panel",value:o,onChange:l,onSend:()=>{W()},sending:u,disabled:!R||u,canSend:B,placeholder:R?!i&&!L&&O?"Message this session to invoke it…":"Write into this session…":"This trace is read-only",textareaRef:g,rows:3,showAttach:R,onAttach:()=>g.current?.focus(),attachTitle:"Add context",attachAriaLabel:"Add context",sendTitle:"Send into this session (Cmd+Enter)",sendAriaLabel:"Send into this session",tools:R?y?t.jsx("span",{className:"s-observe-compose-status s-observe-compose-status--error",children:y}):f?t.jsx("span",{className:"s-observe-compose-status",children:f}):null:t.jsx("span",{className:"s-observe-compose-status s-observe-compose-status--muted",children:"No broker conversation or resumable agent session is attached to this trace."})})})}function Ca({data:e,agentId:s,sessionId:n,conversationId:a,observeSource:r,observeFidelity:o,showRail:l=!0,variant:u="default",traceLimit:c,traceWindowMs:f,traceWindowLabel:v,nowMs:y,initialCursorT:m,focusEventId:i,inlineFocusEventId:d,inlineFocusContent:g,onLaneEventSelect:E,surface:_="scout",laneGutter:L,richSimpleTools:O,laneCollapseTechnicalEvents:R,onLaneCollapseTechnicalEventsChange:B,laneOperatorName:W}){const b=u==="lane",k=_==="scope",$=L??(k?"label-time":"time"),p=O??k,w=l&&!k,j=e??ms,{events:N}=j,T=r??(j.live?"live":"history"),A=ss({source:T,fidelity:o??"timestamped",live:j.live,eventCount:N.length}),C=j.metadata?.session?.sessionStart,[x,Y]=h.useState(Date.now),X=typeof y=="number"?y:x;h.useEffect(()=>{if(!b||typeof y=="number")return;const S=setInterval(()=>Y(Date.now()),1e4);return()=>clearInterval(S)},[b,y]);const P=N.length>0?N[N.length-1].t+30:60,Z=typeof m=="number"?Math.max(0,Math.min(P,m)):null,[re,oe]=h.useState(()=>Z??P),[he,V]=h.useState(!1),[le,hs]=h.useState(1),[fe,K]=h.useState(Z==null),Ce=h.useRef(P),Se=h.useRef(null),Q=h.useMemo(()=>cn(N,P),[N,P]);h.useEffect(()=>{Z!=null&&(oe(Z),K(!1),V(!1))},[Z,i]),h.useEffect(()=>{oe(S=>{const F=Ce.current;Ce.current=P;const M=Be(S,F);return S>P||M&&fe?P:S})},[P,fe]),h.useEffect(()=>{if(!he)return;const S=Q.length>0?Math.max(220,700/le):100,F=setInterval(()=>{oe(M=>{if(Q.length>0){const ue=ds(M,Q,P);return ue>=P?(K(!0),V(!1),P):ue}const ce=M+le;return ce>=P?(K(!0),V(!1),P):ce})},S);return()=>clearInterval(F)},[he,P,Q,le]);const ee=b&&!!(f&&f>0),se=(()=>{let S=N.filter(F=>F.t<=re);if(ee&&f){const F=ws(S,C,X,f);S=F.length>=Le?F:S.slice(-Le)}else b&&c&&c>0&&(S=S.slice(-c));return S})(),J=h.useMemo(()=>{if(!ee||!f)return null;const S=se[0]?.id,F=S===void 0?Cs(N,C,X,f):Math.max(0,N.findIndex(M=>M.id===S));return Ss(se,C,X,f,F)},[N,X,C,f,ee,se]);h.useLayoutEffect(()=>{if(b||!i)return;const S=Se.current;if(!S)return;const F=S.querySelector('[data-focus-group="true"]')??S.querySelector(`[data-event-id="${i}"]`),M=F?.closest(".s-observe-main");if(F&&M){const ce=M.getBoundingClientRect(),ue=F.getBoundingClientRect(),xs=M.scrollTop+(ue.top-ce.top)-16;M.scrollTo({top:Math.max(0,xs),behavior:"instant"});return}F?.scrollIntoView({block:"start",behavior:"instant"})},[i,d,b,se.length]);const ie=Be(re,P)&&fe,fs=ie?"tail":he?"playing":"paused",bs=h.useCallback(S=>{K(!1),V(!1),oe(S)},[]),ps=h.useCallback(()=>{ie?(K(!1),V(!1)):(K(!1),V(S=>!S))},[ie]),H=j.metadata?.session,Te=H?.threadPath??null,$e=n?.trim()||H?.externalSessionId?.trim()||null,vs=!s&&H?.cwd&&$e?{projectPath:H.cwd,sessionId:$e,harness:Fs(H.adapterType),model:H.model,reasoningEffort:H.effort}:null;return t.jsxs("div",{ref:Se,className:["s-observe",(!w||b)&&"s-observe--content-only",b&&"s-observe--lane",b&&$==="label-time"&&"s-observe--lane-gutter-label",k&&"s-observe--scope"].filter(Boolean).join(" "),children:[t.jsxs("main",{className:"s-observe-main",children:[!b&&!k&&t.jsxs("div",{className:"s-observe-evidence-banner","data-tone":A.tone,children:[t.jsx("span",{className:"s-observe-evidence-dot","aria-hidden":"true"}),t.jsxs("span",{children:[t.jsx("strong",{children:A.label}),t.jsx("small",{children:A.detail})]})]}),Te&&!b&&t.jsx(on,{path:Te,basePath:H?.cwd??null,agentId:s??null,sessionId:n??null}),!k&&ee&&J?t.jsxs("div",{className:"s-observe-lane-trace-meta",children:[t.jsxs("span",{className:"s-observe-lane-trace-meta-leading",children:[t.jsx("span",{className:"s-observe-lane-trace-meta-label",children:"Trace"}),t.jsx(Gt,{collapseTechnicalEvents:!!R,onChange:B})]}),t.jsxs("span",{className:"s-observe-lane-trace-meta-stats",children:[t.jsxs("span",{className:"s-observe-lane-trace-meta-window",children:["last ",v??Re(f??0)]}),t.jsx("span",{className:"s-observe-lane-trace-meta-sep","aria-hidden":"true",children:"·"}),t.jsxs("span",{children:[J.eventCount," event",J.eventCount===1?"":"s"]}),J.spanMs>0?t.jsxs(t.Fragment,{children:[t.jsx("span",{className:"s-observe-lane-trace-meta-sep","aria-hidden":"true",children:"·"}),t.jsxs("span",{children:[Re(J.spanMs)," span"]})]}):null,J.truncatedBefore?t.jsx("span",{className:"s-observe-lane-trace-meta-tag",title:"Earlier activity in this window may not be loaded",children:"partial"}):null]})]}):null,t.jsx(nn,{events:se,followEnd:ie,laneMode:b,sessionStartMs:C,nowMs:X,preferWallAge:ee,focusEventId:i,inlineFocusEventId:d,inlineFocusContent:g,onLaneEventSelect:E,laneGutter:$,richSimpleTools:p,collapseTechnicalEvents:b&&!!R,laneOperatorName:W})]}),w&&!b&&t.jsx(pn,{data:j,agentId:s,sessionId:n,cursor:re,duration:P,observeSource:r,observeFidelity:o}),!k&&!b&&t.jsxs("footer",{className:"s-observe-scrubber",children:[A.replayable?t.jsx(hn,{events:N,duration:P,cursor:re,mode:fs,speed:le,snapTimes:Q,onCursor:bs,onPlayToggle:ps,onSpeedChange:hs}):t.jsxs("div",{className:"s-observe-static-evidence",children:[t.jsx("span",{className:"s-observe-evidence-dot","aria-hidden":"true"}),t.jsx("span",{children:A.label}),t.jsx("small",{children:"No timestamped replay is available."})]}),t.jsx(vn,{conversationId:a,agentId:s,sessionId:n,invoke:vs})]})]})}export{Ca as SessionObserve,pn as SessionObserveContextRail};

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

@@ -0,0 +1 @@
+import{r as n,j as e}from"./index-DMiGbrBt.js";import{a as j}from"./api-h5zurxmi.js";import{u as g}from"./sse-CjIkKo46.js";import{u as N}from"./tail-events-D19uAGe3.js";import{B as I}from"./BackToPicker-BRvfostO.js";import{ConversationScreen as S}from"./ConversationScreen-BDRhx-RU.js";import{SessionObserve as k,SessionObserveContextRail as y}from"./SessionObserve-yfXFafp8.js";/* empty css                              */import"./index-BWHgHrtv.js";import"./router-Bq5dwf78.js";import"./terminal-sessions-D5CIR2OL.js";import"./NewChatComposer-Cs6OsxK6.js";import"./runtime-picker-Bcl5iIX5.js";import"./scout-voice-CU5c0LGi.js";import"./fx-z37u1o2z.js";import"./voice-levels-Dcr3jglk.js";import"./loader-circle-CbHjZsz1.js";import"./createLucideIcon-OpA4Amw5.js";import"./MessageComposerSuggestions-DpxN9WiB.js";import"./index-CJXzfjo9.js";import"./HarnessMark-Cbv3Ib0c.js";import"./conversation-model-B47vYmWN.js";import"./colors-BtO5_zlx.js";import"./time-DltNTpLl.js";import"./NewChatOrigin-Bk2OyVjI.js";import"./keyboard-nav-2kv_tGUS.js";import"./agent-chat-Bfjd9y6c.js";import"./model-Co0zkMIc.js";import"./text-DsBWV_4k.js";import"./x-D3GElQbe.js";import"./chevron-down-BGk5qoEw.js";import"./search-CWfZtOt2.js";import"./file-text-BODxCjcz.js";import"./ConversationComposer-Bla3DDvM.js";import"./Provider-C7UKGHQy.js";import"./surface-activity-B1rgWB1i.js";import"./scoutbot-BTIErYHo.js";import"./ContextMenu-bARZqTzD.js";import"./DocumentFocusViewer-BeVwwl26.js";import"./TextDocumentSurface-BpAw4eQS.js";/* empty css                              */import"./chevron-right-XiIHsk4m.js";import"./code-xml-B6jOCM4V.js";import"./arrow-left-DEZzHiPS.js";import"./message-markup-3J9pi3nx.js";import"./mentions-jSuTGeet.js";import"./AgentDetailCard-BcRBRp88.js";import"./AgentLiveActions-DBtnD0qE.js";import"./terminal-takeover-B8UeD9OX.js";import"./openContent-C6XO6kr5.js";import"./eye-0PvebX_a.js";import"./terminal-B9AOZQKR.js";import"./message-visibility-kJM8XcSG.js";import"./sessionRead-CvFz2RHv.js";import"./clipboard-e3fSpeo7.js";import"./AgentAvatar-D90c1Rzk.js";import"./SpriteAvatar-DyaGuhik.js";import"./types-B0PlfpKc.js";/* empty css                   */import"./ConversationHeader-DE3FC0m-.js";import"./ConversationFeedRows-B_gPxcqA.js";import"./ConversationPanels-DLek4H6A.js";import"./use-reduced-motion-RRBkmVkk.js";import"./activity-CA8qS6PI.js";import"./message-circle-CG-96zts.js";import"./tail-display-BdyoLvzY.js";import"./lane-edit-display-C_Aujldz.js";import"./ConversationStatus-BwVLiiO4.js";import"./conversation-icons-IIG5ha6D.js";import"./bash-format-BRV5C6Gv.js";import"./lane-tool-detail-0WhMf4Vj.js";import"./LaneToolHoverCard-Bla0gBdm.js";import"./lane-observe-D0rfKDnU.js";import"./lane-ask-display-B6iCAVcd.js";import"./ObservedTopologyPanel-DyUeV98H.js";import"./ObserveTextFlow-rsFj_rVo.js";import"./wrench-Bkc_0lKF.js";import"./external-link-CXBytO9o.js";function p(o){const s=o?.trim()??"",i=s.split(/[\\/]/).filter(Boolean).at(-1)??s;return i.endsWith(".jsonl")?i.slice(0,-6):i}function R(o){return o.startsWith("native:process:")}function x(o){const[s,i]=n.useState(null),[c,l]=n.useState(!0),[r,d]=n.useState(null),t=n.useRef(null),a=n.useCallback(async()=>{d(null);try{const m=await j(`/api/session-ref/${encodeURIComponent(o)}`);i(m)}catch(m){i(null),d(m instanceof Error?m.message:String(m))}finally{l(!1)}},[o]);n.useEffect(()=>{l(!0),a()},[a]);const u=n.useCallback(()=>{t.current&&clearTimeout(t.current),t.current=setTimeout(()=>{t.current=null,a()},150)},[a]);return g(u),N(m=>{const v=p(m.sessionId),b=p(o),h=s?.kind==="observe"?p(s.observe.sessionId??s.observe.refId):"",f=s?.kind==="observe"?p(s.observe.data.metadata?.session?.externalSessionId):"";v!==b&&(!h||v!==h)&&(!f||v!==f)||u()}),n.useEffect(()=>()=>{t.current&&clearTimeout(t.current)},[]),{lookup:s,loading:c,error:r}}function Ye({sessionRef:o}){const{lookup:s,loading:i,error:c}=x(o);return s?.kind==="observe"?e.jsx(y,{data:s.observe.data,agentId:s.observe.agentId??s.session?.agentId??void 0,sessionId:s.observe.sessionId??s.observe.refId,surface:"context",observeSource:s.observe.source,observeFidelity:s.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:s?.kind==="conversation"?"Conversation":"Session context"}),e.jsx("div",{className:"s-observe-empty",children:i?"Resolving session reference":c?"Session context unavailable":"No observe context captured for this session"})]})})}function Ze({sessionRef:o,navigate:s,renderBeforeContent:i,showObserveRail:c=!0,onLookup:l}){const{lookup:r,loading:d,error:t}=x(o);if(n.useEffect(()=>{r&&l?.(r)},[r,l]),r?.kind==="conversation")return e.jsxs(e.Fragment,{children:[i?.(r),e.jsx(S,{conversationId:r.conversationId,navigate:s})]});if(r?.kind==="observe")return e.jsxs(e.Fragment,{children:[i?.(r),e.jsx(k,{data:r.observe.data,agentId:r.observe.agentId??r.session?.agentId??void 0,sessionId:r.observe.sessionId??r.observe.refId,conversationId:r.session?.id??null,showRail:c,observeSource:r.observe.source,observeFidelity:r.observe.fidelity})]});if(d)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:o.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 a=R(o);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:a?"Process trace unavailable":"Session not found"}),e.jsx("span",{className:"s-meta s-tabular",children:o.slice(0,8)})]}),e.jsx("p",{className:"s-thread-overview-summary",children:a?"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."}),t&&e.jsx("p",{className:"s-session-ref-error-detail",children:t}),e.jsx("div",{className:"s-session-ref-nav-hint",children:e.jsx(I,{slot:"sessions",fallback:{view:"sessions"},navigate:s})})]})})})}export{Ye as SessionRefContextRail,Ze as SessionRefScreen};

package/dist/client/assets/SessionsScreen-D6XUsZfA.js

@@ -0,0 +1 @@
+import{j as r}from"./index-DMiGbrBt.js";import{RawSessionsTable as t}from"./RawSessionsTable-DL8y_eEy.js";/* empty css                 */import"./DataTable-E8s_MmoA.js";/* empty css                          */import"./api-h5zurxmi.js";import"./time-DltNTpLl.js";import"./tail-events-D19uAGe3.js";import"./index-BWHgHrtv.js";import"./openContent-C6XO6kr5.js";import"./Provider-C7UKGHQy.js";import"./router-Bq5dwf78.js";import"./terminal-sessions-D5CIR2OL.js";import"./sse-CjIkKo46.js";import"./surface-activity-B1rgWB1i.js";import"./colors-BtO5_zlx.js";import"./scoutbot-BTIErYHo.js";import"./ContextMenu-bARZqTzD.js";import"./DocumentFocusViewer-BeVwwl26.js";import"./createLucideIcon-OpA4Amw5.js";import"./TextDocumentSurface-BpAw4eQS.js";/* empty css                              */import"./file-text-BODxCjcz.js";import"./x-D3GElQbe.js";import"./chevron-right-XiIHsk4m.js";import"./code-xml-B6jOCM4V.js";import"./arrow-left-DEZzHiPS.js";import"./scout-voice-CU5c0LGi.js";import"./fx-z37u1o2z.js";import"./keyboard-nav-2kv_tGUS.js";import"./MessageComposerSuggestions-DpxN9WiB.js";import"./NewChatComposer-Cs6OsxK6.js";import"./runtime-picker-Bcl5iIX5.js";import"./voice-levels-Dcr3jglk.js";import"./loader-circle-CbHjZsz1.js";import"./index-CJXzfjo9.js";import"./HarnessMark-Cbv3Ib0c.js";import"./conversation-model-B47vYmWN.js";import"./NewChatOrigin-Bk2OyVjI.js";import"./agent-chat-Bfjd9y6c.js";import"./model-Co0zkMIc.js";import"./text-DsBWV_4k.js";import"./chevron-down-BGk5qoEw.js";import"./search-CWfZtOt2.js";function V({navigate:o}){return r.jsx(t,{navigate:o})}export{V as SessionsScreen};

package/dist/client/assets/SettingsDrawer-CmJt72ww.css

@@ -0,0 +1 @@
+.s-settings-page{height:100%;min-height:0;overflow:auto;background:var(--bg);color:var(--ink);scrollbar-gutter:stable}.s-settings-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4xl);max-width:1320px;margin:0 auto;padding:var(--space-5xl) var(--space-5xl) var(--space-4xl);border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent)}.s-settings-page-kicker{margin-bottom:var(--space-sm);color:var(--accent);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:650;letter-spacing:var(--tracking-lg);text-transform:uppercase}.s-settings-page-header h1{margin:0;color:var(--ink);font-family:var(--font-accent-title);font-size:clamp(var(--text-4xl),3vw,var(--text-6xl));font-weight:620;letter-spacing:-.025em;line-height:var(--leading-tight)}.s-settings-page-header p{max-width:64ch;margin:var(--space-sm) 0 0;color:var(--muted);font-size:var(--text-md);line-height:var(--leading-normal)}.s-settings-page-save-state{display:inline-flex;align-items:center;gap:var(--space-sm);flex:none;margin-top:var(--space-xl);color:var(--dim);font-family:var(--font-mono);font-size:var(--text-xs)}.s-settings-page-save-state>span{width:6px;height:6px;border-radius:50%;background:var(--green)}.s-settings-page-save-state[data-state=saving]>span{background:var(--accent)}.s-settings-page-save-state[data-state=neutral]>span{background:var(--dim)}.s-settings-page-save-state[data-state=error]{color:var(--red)}.s-settings-page-save-state[data-state=error]>span{background:var(--red)}.s-settings-page-layout{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:start;gap:var(--space-5xl);max-width:1320px;margin:0 auto;padding:var(--space-4xl) var(--space-5xl) var(--space-7xl)}.s-settings-page .s-settings-rail{position:sticky;top:var(--space-4xl);grid-column:auto;grid-row:auto;padding:0;border-right:0;background:transparent}.s-settings-page .s-settings-rail-btn{border-left-width:1px;padding:var(--space-md) var(--space-xl)}.s-settings-page .s-settings-rail-btn:hover{background:color-mix(in srgb,var(--ink) 4%,transparent)}.s-settings-page .s-settings-rail-btn--active{background:color-mix(in srgb,var(--accent) 7%,transparent)}.s-settings-page .s-settings-content{grid-column:auto;grid-row:auto;min-width:0;overflow:visible;padding:0 0 var(--space-6xl);scroll-margin-top:var(--space-4xl)}.s-settings-page .s-settings-content:not([data-settings-section=appearance]){max-width:820px}.s-settings-loading,.s-settings-inline-note{color:var(--dim);font-family:var(--font-mono);font-size:var(--text-sm)}.s-settings-theme-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-sm)}.s-settings-theme-mode,.s-settings-palette-choice,.s-settings-interface-choice,.s-settings-contrast-choice,.s-settings-accent-choice{position:relative;display:flex;min-width:0;border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 88%,var(--bg));color:var(--muted);cursor:pointer;text-align:left;transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s cubic-bezier(.2,.8,.2,1)}.s-settings-theme-mode{align-items:center;gap:var(--space-md);min-height:68px;padding:var(--space-lg)}.s-settings-theme-mode:hover,.s-settings-palette-choice:hover,.s-settings-interface-choice:hover,.s-settings-contrast-choice:hover,.s-settings-accent-choice:hover{border-color:color-mix(in srgb,var(--ink) 26%,var(--border));background:color-mix(in srgb,var(--ink) 4%,var(--surface))}.s-settings-theme-mode:focus-visible,.s-settings-palette-choice:focus-visible,.s-settings-interface-choice:focus-visible,.s-settings-contrast-choice:focus-visible,.s-settings-accent-choice:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:none}.s-settings-theme-mode:active,.s-settings-palette-choice:active,.s-settings-interface-choice:active,.s-settings-contrast-choice:active,.s-settings-accent-choice:active{transform:scale(.985)}.s-settings-theme-mode[data-active],.s-settings-palette-choice[data-active],.s-settings-interface-choice[data-active],.s-settings-contrast-choice[data-active],.s-settings-accent-choice[data-active]{border-color:color-mix(in srgb,var(--ink) 58%,var(--border));background:var(--surface);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 20%,transparent);color:var(--ink)}.s-settings-theme-mode>span:not(.s-settings-theme-check){display:flex;flex-direction:column;gap:var(--space-3xs);min-width:0}.s-settings-theme-mode strong{color:var(--ink);font-size:var(--text-md);font-weight:620}.s-settings-theme-mode small{color:var(--dim);font-family:var(--font-mono);font-size:var(--text-2xs);line-height:var(--leading-snug)}.s-settings-theme-check{flex:none;margin-left:auto;color:var(--accent)}.s-settings-appearance-workbench{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:var(--space-5xl)}.s-settings-appearance-controls,.s-settings-preview-column{min-width:0}.s-settings-appearance-controls{display:flex;flex-direction:column;gap:var(--space-4xl)}.s-settings-palette-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}.s-settings-palette-choice{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:var(--space-lg);min-height:98px;padding:var(--space-md)}.s-settings-palette-sample{display:grid;grid-template-columns:18px 32px minmax(0,1fr);gap:4px;height:72px;padding:5px;overflow:hidden;border:1px solid var(--hud-chrome-border);border-radius:var(--hud-radius);background:var(--hud-bg)}.s-settings-palette-rail,.s-settings-palette-list,.s-settings-palette-detail{display:flex;min-width:0;flex-direction:column;gap:4px;padding:5px;border:1px solid var(--hud-border);border-radius:calc(var(--hud-radius) * .72);background:var(--hud-surface)}.s-settings-palette-rail{align-items:center}.s-settings-palette-rail i,.s-settings-palette-list i,.s-settings-palette-detail i{display:block;width:100%;height:4px;border-radius:calc(var(--hud-radius) * .35);background:color-mix(in srgb,var(--hud-ink) 18%,transparent)}.s-settings-palette-rail i[data-active],.s-settings-palette-detail i[data-action]{background:var(--hud-accent)}.s-settings-palette-list i{flex:1;height:auto;border:1px solid var(--hud-border);background:color-mix(in srgb,var(--hud-bg) 62%,var(--hud-surface))}.s-settings-palette-list i[data-selected]{border-color:var(--hud-accent-line);background:var(--hud-accent-soft)}.s-settings-palette-detail i[data-title]{width:58%;height:5px;margin-bottom:2px;background:color-mix(in srgb,var(--hud-ink) 48%,transparent)}.s-settings-palette-detail i[data-action]{width:42%;height:7px;margin-top:auto}.s-settings-choice-copy{display:flex;min-width:0;flex-direction:column;gap:var(--space-3xs)}.s-settings-choice-title{display:flex;align-items:center;gap:var(--space-sm)}.s-settings-choice-title strong{color:var(--ink);font-size:var(--text-md);font-weight:620}.s-settings-choice-title .s-settings-theme-check{margin-left:auto}.s-settings-choice-copy small{color:var(--muted);font-family:var(--font-sans);font-size:var(--text-xs);line-height:var(--leading-snug)}.s-settings-choice-copy>span:last-child:not(.s-settings-choice-title){color:var(--muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-sm)}.s-settings-interface-grid,.s-settings-contrast-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-sm)}.s-settings-interface-choice{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:var(--space-md);min-height:82px;padding:var(--space-md)}.s-settings-shape-sample{display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--hud-chrome-border);border-radius:var(--hud-radius);background:var(--hud-bg)}.s-settings-shape-sample>i{display:grid;width:28px;height:28px;place-items:center;border:1px solid var(--hud-border);border-radius:calc(var(--hud-radius) * .72);background:var(--hud-surface)}.s-settings-shape-sample>i>i{display:block;width:14px;height:4px;border-radius:calc(var(--hud-radius) * .4);background:var(--hud-accent)}.s-settings-contrast-choice{display:grid;grid-template-columns:30px minmax(0,1fr);gap:0 var(--space-md);align-items:center;min-height:64px;padding:var(--space-md)}.s-settings-contrast-choice strong,.s-settings-contrast-choice small{grid-column:2}.s-settings-contrast-choice strong{align-self:end;color:var(--ink);font-size:var(--text-md);font-weight:620}.s-settings-contrast-choice small{align-self:start;color:var(--muted);font-family:var(--font-mono);font-size:var(--text-2xs)}.s-settings-contrast-lines{grid-row:1 / span 2;display:flex;width:30px;height:36px;flex-direction:column;justify-content:center;gap:5px}.s-settings-contrast-lines i{height:1px;background:var(--ink)}.s-settings-contrast-lines[data-level=soft] i{opacity:.18}.s-settings-contrast-lines[data-level=balanced] i{opacity:.42}.s-settings-contrast-lines[data-level=strong] i{opacity:.78}.s-settings-accent-row{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.s-settings-accent-choice{align-items:center;gap:var(--space-sm);min-height:38px;padding:var(--space-sm) var(--space-md);color:var(--muted);font-family:var(--font-mono);font-size:var(--text-xs)}.s-settings-accent-choice>svg{margin-left:var(--space-2xs);color:var(--ink)}.s-settings-accent-dot{display:grid;width:16px;height:16px;place-items:center;border:1px solid var(--hud-chrome-border);border-radius:50%;background:var(--hud-bg)}.s-settings-accent-dot i{display:block;width:8px;height:8px;border-radius:50%;background:var(--hud-accent)}.s-settings-preview-column{position:sticky;top:var(--space-4xl)}.s-settings-live-preview{overflow:hidden;border:1px solid var(--hud-chrome-border);border-radius:var(--hud-radius);background:var(--hud-bg);color:var(--hud-ink)}.s-settings-live-preview-bar{display:flex;align-items:center;justify-content:space-between;height:34px;padding:0 var(--space-md);border-bottom:1px solid var(--hud-border);background:color-mix(in srgb,var(--hud-surface) 78%,var(--hud-bg));color:var(--hud-muted);font-family:var(--hud-font-mono);font-size:var(--text-3xs);letter-spacing:.12em}.s-settings-live-preview-bar>span,.s-settings-live-preview-state{display:inline-flex;align-items:center;gap:5px}.s-settings-live-preview-bar i,.s-settings-live-preview-event i{display:block;width:6px;height:6px;border-radius:50%;background:var(--hud-accent)}.s-settings-live-preview-shell{display:grid;grid-template-columns:28px 104px minmax(0,1fr);min-height:294px}.s-settings-live-preview-rail,.s-settings-live-preview-list{border-right:1px solid var(--hud-border);background:color-mix(in srgb,var(--hud-surface) 74%,var(--hud-bg))}.s-settings-live-preview-rail{display:flex;align-items:center;gap:12px;padding:14px 7px;flex-direction:column}.s-settings-live-preview-rail i{display:block;width:10px;height:10px;border:1px solid var(--hud-border);border-radius:calc(var(--hud-radius) * .45)}.s-settings-live-preview-rail i[data-active]{border-color:var(--hud-accent-line);background:var(--hud-accent-soft)}.s-settings-live-preview-list{padding:13px 7px}.s-settings-live-preview-kicker{display:block;margin-bottom:9px;color:var(--hud-muted);font-family:var(--hud-font-mono);font-size:var(--text-3xs);letter-spacing:.11em}.s-settings-live-preview-row{display:grid;grid-template-columns:6px 1fr auto;align-items:center;gap:5px;min-height:29px;padding:0 5px;border:1px solid transparent;border-radius:calc(var(--hud-radius) * .55);color:var(--hud-muted);font-size:var(--text-3xs)}.s-settings-live-preview-row[data-selected]{border-color:var(--hud-accent-line);background:var(--hud-accent-soft);color:var(--hud-ink)}.s-settings-live-preview-row>i{width:5px;height:5px;border-radius:50%;background:var(--hud-accent)}.s-settings-live-preview-row b{overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.s-settings-live-preview-row small{color:var(--hud-muted);font-family:var(--hud-font-mono);font-size:var(--text-3xs)}.s-settings-live-preview-detail{display:flex;min-width:0;flex-direction:column;padding:18px 14px}.s-settings-live-preview-detail strong{color:var(--hud-ink);font-size:var(--text-lg);font-weight:620}.s-settings-live-preview-detail p{margin:7px 0 14px;color:var(--hud-muted);font-size:var(--text-2xs);line-height:1.5}.s-settings-live-preview-event{display:flex;align-items:center;gap:6px;padding:8px;border:1px solid var(--hud-border);border-radius:calc(var(--hud-radius) * .65);background:var(--hud-surface);color:var(--hud-muted);font-family:var(--hud-font-mono);font-size:var(--text-3xs);line-height:1.45}.s-settings-live-preview-detail button{align-self:flex-start;margin-top:auto;padding:5px 8px;border:1px solid var(--hud-accent-line);border-radius:calc(var(--hud-radius) * .65);background:var(--hud-accent-soft);color:var(--hud-accent);font-family:var(--hud-font-mono);font-size:var(--text-3xs)}.s-settings-theme-readout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:var(--space-md) 0 0;border-top:1px solid var(--border);border-left:1px solid var(--border)}.s-settings-theme-readout>div{padding:var(--space-md);border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.s-settings-theme-readout dt,.s-settings-theme-readout dd{margin:0}.s-settings-theme-readout dt{color:var(--dim);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-md);text-transform:uppercase}.s-settings-theme-readout dd{margin-top:var(--space-2xs);color:var(--ink);font-size:var(--text-sm)}.s-settings-preview-note{margin:var(--space-md) 0 0;color:var(--muted);font-size:var(--text-xs);line-height:var(--leading-normal)}.s-settings-appearance-note{display:grid;grid-template-columns:minmax(140px,.4fr) 1fr;gap:var(--space-2xl);padding:var(--space-xl) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.s-settings-appearance-note strong{color:var(--ink);font-size:var(--text-sm);font-weight:620}.s-settings-appearance-note span{color:var(--muted);font-size:var(--text-sm);line-height:var(--leading-normal)}.s-settings-scrim{position:fixed;inset:0;z-index:90;background:color-mix(in srgb,var(--bg) 55%,transparent);transition:opacity .18s ease}.s-settings-scrim--open{opacity:1;pointer-events:auto;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.s-settings-scrim--closed{opacity:0;pointer-events:none;backdrop-filter:none;-webkit-backdrop-filter:none}.s-settings-drawer{position:fixed;left:0;top:0;bottom:0;width:720px;z-index:100;background:var(--bg);color:var(--ink);border-right:1px solid var(--border);box-shadow:0 0 60px color-mix(in srgb,var(--bg) 60%,transparent);display:grid;grid-template-columns:200px 1fr;grid-template-rows:52px 1fr 48px;transition:transform .24s cubic-bezier(.2,.8,.2,1)}.s-settings-drawer--open{transform:translate(0)}.s-settings-drawer--closed{transform:translate(-100%)}.s-settings-header{grid-column:1 / -1;grid-row:1;display:flex;align-items:center;gap:var(--space-xl);padding:0 var(--space-4xl);border-bottom:1px solid var(--border);background:var(--surface)}.s-settings-header-title{font-family:var(--font-mono);font-size:var(--text-md);letter-spacing:.24em;font-weight:600}.s-settings-header-sep{color:var(--dim)}.s-settings-header-section{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--dim);letter-spacing:var(--tracking-md);text-transform:uppercase}.s-settings-header-hint{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--dim)}.s-settings-close{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:var(--text-3xl);padding:var(--space-2xs);line-height:var(--leading-none)}.s-settings-rail{grid-column:1;grid-row:2;border-right:1px solid var(--border);padding:var(--space-3xl) 0;background:var(--surface)}.s-settings-rail-btn{display:flex;flex-direction:column;gap:var(--space-3xs);width:100%;padding:var(--space-md) var(--space-3xl);text-align:left;border:0;background:transparent;border-left:2px solid transparent;cursor:pointer;color:inherit;text-decoration:none}.s-settings-rail-btn--active{background:var(--bg);border-left-color:var(--accent)}.s-settings-rail-label{font-size:var(--text-lg);font-weight:500;color:var(--muted)}.s-settings-rail-btn--active .s-settings-rail-label{color:var(--ink)}.s-settings-rail-sub{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--dim);letter-spacing:var(--tracking-sm)}.s-settings-content{grid-column:2;grid-row:2;overflow:auto;padding:var(--space-5xl)}.s-settings-footer{grid-column:1 / -1;grid-row:3;display:flex;align-items:center;gap:var(--space-md);padding:0 var(--space-4xl);border-top:1px solid var(--border);background:var(--surface);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--dim);letter-spacing:var(--tracking-md)}.s-settings-footer-sync{color:var(--green)}.s-settings-section-rule{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-2xs) 0;margin-bottom:var(--space-2xl)}.s-settings-section-label{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-lg);text-transform:uppercase;color:var(--dim);flex-shrink:0}.s-settings-section-line{flex:1;height:1px;background:var(--border)}.s-settings-section-right{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--dim);flex-shrink:0}.s-settings-field{display:flex;flex-direction:column;gap:var(--space-xs)}.s-settings-field-label{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-lg);text-transform:uppercase;color:var(--muted)}.s-settings-field-hint{font-size:var(--text-sm);color:var(--dim);line-height:var(--leading-snug)}.s-settings-input{padding:var(--space-md) var(--space-lg);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font-family:var(--font-sans);font-size:var(--text-lg);outline:none}.s-settings-input:focus{border-color:var(--accent)}.s-settings-input--mono{font-family:var(--font-mono);font-size:var(--text-md)}.s-settings-textarea{padding:var(--space-md) var(--space-lg);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font-family:var(--font-sans);font-size:var(--text-lg);line-height:var(--leading-normal);outline:none;resize:vertical}.s-settings-textarea:focus{border-color:var(--accent)}.s-settings-option-grid{display:grid;gap:var(--space-xs)}.s-settings-option-stacked{display:flex;flex-direction:column;gap:var(--space-xs)}.s-settings-option-btn{padding:var(--space-md) var(--space-lg);text-align:left;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-3xs);color:inherit}.s-settings-option-btn--active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.s-settings-option-label{font-size:var(--text-md);font-weight:500;color:var(--muted)}.s-settings-option-btn--active .s-settings-option-label{color:var(--ink)}.s-settings-option-sub{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--dim);letter-spacing:var(--tracking-sm)}.s-settings-slider-wrap{display:flex;align-items:center;gap:var(--space-lg)}.s-settings-slider-wrap input[type=range]{flex:1;accent-color:var(--accent)}.s-settings-slider-value{font-family:var(--font-mono);font-size:var(--text-md);color:var(--ink);padding:var(--space-2xs) var(--space-md);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);min-width:70px;text-align:center}.s-settings-identity-card{display:flex;gap:var(--space-3xl);align-items:center;padding:var(--space-3xl);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.s-settings-identity-dot{width:56px;height:56px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--text-5xl);font-weight:600;flex-shrink:0}.s-settings-identity-name{font-size:var(--text-5xl);font-weight:500;line-height:var(--leading-none)}.s-settings-identity-meta{font-family:var(--font-mono);font-size:var(--text-md);color:var(--dim);margin-top:var(--space-2xs)}.s-settings-hue-wrap{display:flex;flex-direction:column;gap:var(--space-xs)}.s-settings-hue-row{display:flex;gap:var(--space-2xs)}.s-settings-hue-dot{width:22px;height:22px;border-radius:50%;border:1px solid var(--border);cursor:pointer;padding:0}.s-settings-hue-dot--active{border:2px solid var(--accent)}.s-settings-two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl)}.s-settings-col-gap{display:flex;flex-direction:column;gap:var(--space-4xl)}.s-settings-button-row{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.s-settings-device-row{display:grid;grid-template-columns:40px 1fr auto auto;align-items:center;gap:var(--space-xl);padding:var(--space-xl) var(--space-2xl);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.s-settings-device-icon{width:36px;height:36px;border-radius:var(--radius-md);background:var(--bg);border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-3xl);color:var(--muted)}.s-settings-device-name{font-size:var(--text-lg);font-weight:500}.s-settings-device-meta{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--dim);letter-spacing:var(--tracking-sm)}.s-settings-device-status{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-md);text-transform:uppercase}.s-settings-relay-card{padding:var(--space-2xl);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);display:grid;grid-template-columns:1fr auto;gap:var(--space-2xl);align-items:center}.s-settings-relay-title{font-size:var(--text-lg);font-weight:500;margin-bottom:var(--space-2xs)}.s-settings-relay-meta{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--dim);letter-spacing:var(--tracking-sm)}.s-settings-relay-desc{font-size:var(--text-md);color:var(--muted);margin-top:var(--space-xs);line-height:var(--leading-normal)}.s-settings-about{display:flex;flex-direction:column;gap:var(--space-4xl)}.s-settings-about-summary{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-3xl);padding:var(--space-3xl);border:1px solid color-mix(in srgb,var(--ink) 6%,transparent);border-radius:var(--radius-xl);background:color-mix(in srgb,var(--surface) 96%,transparent)}.s-settings-about-summary>div:first-child{display:grid;gap:var(--space-xs);min-width:0}.s-settings-about-product{color:var(--accent);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:650;letter-spacing:var(--tracking-md);text-transform:uppercase}.s-settings-about-summary strong{color:var(--ink);font-family:var(--font-accent-title);font-size:clamp(var(--text-4xl),4vw,var(--text-6xl));font-weight:620;letter-spacing:-.025em;line-height:var(--leading-tight)}.s-settings-about-source{color:var(--muted);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-normal);overflow-wrap:anywhere}.s-settings-about-collected{color:var(--dim);font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-normal)}.s-settings-about-actions{display:flex;flex:none;flex-wrap:wrap;gap:var(--space-sm)}.s-settings-about-actions .s-btn{display:inline-flex;align-items:center;gap:var(--space-xs)}.s-settings-about-copy{color:var(--accent)}.s-settings-about-warning{margin-top:calc(-1 * var(--space-md));padding:var(--space-lg) var(--space-xl);border:1px solid color-mix(in srgb,var(--amber) 28%,var(--border));border-radius:var(--radius-md);background:color-mix(in srgb,var(--amber) 7%,transparent);color:color-mix(in srgb,var(--amber) 78%,var(--ink));font-size:var(--text-sm);line-height:var(--leading-normal)}.s-settings-about-copy-fallback{display:grid;gap:var(--space-sm);margin-top:calc(-1 * var(--space-md));padding:var(--space-lg) var(--space-xl);border:1px solid color-mix(in srgb,var(--red) 26%,var(--border));border-radius:var(--radius-md);background:color-mix(in srgb,var(--red) 5%,transparent);color:var(--ink);font-size:var(--text-sm)}.s-settings-about-copy-fallback>span{color:var(--muted)}.s-settings-about-copy-fallback textarea{width:100%;min-height:180px;padding:var(--space-md);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-normal);resize:vertical}.s-settings-about-ledger{margin:calc(-1 * var(--space-2xl)) 0 0;border-top:1px solid var(--border)}.s-settings-about-fact{display:grid;grid-template-columns:minmax(140px,.34fr) minmax(0,1fr);gap:var(--space-2xl);padding:var(--space-lg) 0;border-bottom:1px solid var(--border)}.s-settings-about-fact dt{color:var(--dim);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-sm);line-height:var(--leading-normal);text-transform:uppercase}.s-settings-about-fact dd{display:grid;gap:var(--space-2xs);min-width:0;margin:0}.s-settings-about-fact code{color:var(--ink);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-normal);overflow-wrap:anywhere;white-space:normal}.s-settings-about-fact dd>span{max-width:68ch;color:var(--muted);font-size:var(--text-sm);line-height:var(--leading-normal)}.s-settings-about-note{max-width:70ch;margin:0;color:var(--muted);font-size:var(--text-sm);line-height:var(--leading-normal)}@media(max-width:800px){.s-settings-drawer{width:100%;grid-template-columns:1fr;grid-template-rows:52px auto 1fr 48px}.s-settings-rail{grid-column:1;grid-row:2;border-right:none;border-bottom:1px solid var(--border);display:flex;padding:var(--space-sm) var(--space-lg);gap:var(--space-2xs);overflow-x:auto}.s-settings-rail-btn{flex-direction:row;gap:var(--space-sm);padding:var(--space-xs) var(--space-lg);white-space:nowrap}.s-settings-content{grid-column:1;grid-row:3}.s-settings-footer{grid-column:1;grid-row:4}}.s-settings-realtime-voice{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);border:1px solid color-mix(in srgb,var(--border) 68%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface) 70%,transparent)}.s-settings-realtime-voice[data-enabled=true]{border-color:color-mix(in srgb,var(--green) 36%,var(--border));background:color-mix(in srgb,var(--green) 6%,var(--surface))}.s-settings-realtime-voice[data-unavailable=true]{opacity:.7}.s-settings-realtime-voice-copy{display:grid;gap:var(--space-2xs);min-width:0}.s-settings-realtime-voice-copy strong{color:var(--ink);font-size:var(--text-sm);font-weight:650}.s-settings-realtime-voice-copy>span{color:var(--muted);font-size:var(--text-xs);line-height:var(--leading-normal)}.s-settings-realtime-voice-copy em{color:var(--dim);font-family:var(--font-mono);font-size:var(--text-2xs);font-style:normal}@media(max-width:1180px){.s-settings-page-layout{grid-template-columns:190px minmax(0,1fr);gap:var(--space-3xl)}.s-settings-appearance-workbench{grid-template-columns:1fr}.s-settings-preview-column{position:static}.s-settings-live-preview-shell{min-height:250px}}@media(max-width:760px){.s-settings-page-header{flex-direction:column;gap:var(--space-xl);padding:var(--space-3xl) var(--space-2xl)}.s-settings-page-save-state{margin-top:0}.s-settings-page-layout{display:block;padding:0 var(--space-2xl) var(--space-6xl)}.s-settings-page .s-settings-rail{position:sticky;top:0;z-index:5;display:flex;gap:var(--space-2xs);margin:0 calc(-1 * var(--space-2xl)) var(--space-3xl);padding:var(--space-sm) var(--space-2xl);overflow-x:auto;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 96%,transparent)}.s-settings-page .s-settings-rail-btn{flex:none;width:auto;min-height:42px;padding:var(--space-sm) var(--space-lg);border:1px solid transparent;border-radius:var(--radius-md);white-space:nowrap}.s-settings-page .s-settings-rail-btn--active{border-color:color-mix(in srgb,var(--accent) 36%,var(--border))}.s-settings-page .s-settings-rail-sub{display:none}.s-settings-theme-mode-grid,.s-settings-palette-grid,.s-settings-interface-grid,.s-settings-contrast-grid{grid-template-columns:1fr}.s-settings-palette-choice{grid-template-columns:112px minmax(0,1fr)}.s-settings-live-preview-shell{grid-template-columns:28px 96px minmax(0,1fr)}.s-settings-appearance-note{grid-template-columns:1fr;gap:var(--space-sm)}.s-settings-two-col{grid-template-columns:1fr}.s-settings-about-summary{align-items:stretch;flex-direction:column}.s-settings-about-actions .s-btn{justify-content:center;min-height:42px}.s-settings-about-fact{grid-template-columns:1fr;gap:var(--space-2xs)}}@media(prefers-reduced-motion:reduce){.s-settings-theme-mode,.s-settings-palette-choice,.s-settings-interface-choice,.s-settings-contrast-choice,.s-settings-accent-choice{transition:none}.s-settings-theme-mode:active,.s-settings-palette-choice:active,.s-settings-interface-choice:active,.s-settings-contrast-choice:active,.s-settings-accent-choice:active{transform:none}}

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

@@ -0,0 +1,3 @@
+import{j as e,r as c,O as Se}from"./index-DMiGbrBt.js";import{a as Ne,u as ke}from"./router-Bq5dwf78.js";import{a as T}from"./api-h5zurxmi.js";import{u as me,n as Ce,a as Ae}from"./Provider-C7UKGHQy.js";import{t as Ee}from"./time-DltNTpLl.js";import{h as Oe,j as Te,k as Pe}from"./scout-voice-CU5c0LGi.js";import{u as Ie}from"./keyboard-nav-2kv_tGUS.js";import{VoiceHostStatusBanner as $e,VoicePermissionsPanel as Re}from"./VoicePermissionsPanel-DsK53ar4.js";import{c as Q}from"./createLucideIcon-OpA4Amw5.js";import{C as V}from"./check-DjgFiBxb.js";import{R as De}from"./refresh-cw-BBmAnCB7.js";import{C as Le}from"./copy-CQGYbxdu.js";const _e=[["rect",{width:"20",height:"14",x:"2",y:"3",rx:"2",key:"48i651"}],["line",{x1:"8",x2:"16",y1:"21",y2:"21",key:"1svkeh"}],["line",{x1:"12",x2:"12",y1:"17",y2:"21",key:"vw1qmm"}]],Me=Q("monitor",_e);const Ve=[["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"}]],Be=Q("moon",Ve);const Ke=[["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"}]],He=Q("sun",Ke);class E extends Error{code;cause;constructor(s,a,i){super(a),this.name="HudVaultError",this.code=s,this.cause=i}}function Y(t){const s=new Uint8Array(new ArrayBuffer(t.byteLength));return s.set(t),s}const _="items",K="keys",ne="master";class Ue{service;dbPromise;cryptoKeyPromise;constructor(s){this.service=s.service}async set(s,a){const i=new TextEncoder().encode(a);await this.setBytes(s,i)}async get(s){const a=await this.getBytes(s);if(!a)return null;try{return new TextDecoder().decode(a)}catch(i){throw new E("encoding_failed","value is not valid UTF-8",i)}}async delete(s){await this.idbDelete(_,s)}async setBytes(s,a){const i=await this.getOrCreateCryptoKey(),o=crypto.getRandomValues(new Uint8Array(12));let d;try{d=await crypto.subtle.encrypt({name:"AES-GCM",iv:o},i,Y(a))}catch(h){throw new E("crypto_failed","AES-GCM encrypt failed",h)}await this.idbWrite(_,s,{iv:o,ct:new Uint8Array(d)})}async getBytes(s){const a=await this.idbRead(_,s);if(!a)return null;const i=await this.getOrCreateCryptoKey();try{const o=await crypto.subtle.decrypt({name:"AES-GCM",iv:Y(a.iv)},i,Y(a.ct));return new Uint8Array(o)}catch(o){throw new E("crypto_failed","AES-GCM decrypt failed",o)}}getOrCreateCryptoKey(){return this.cryptoKeyPromise?this.cryptoKeyPromise:(this.cryptoKeyPromise=(async()=>{if(typeof crypto>"u"||!crypto.subtle)throw new E("crypto_unsupported","crypto.subtle is not available");const s=await this.idbRead(K,ne);if(s)return s;let a;try{a=await crypto.subtle.generateKey({name:"AES-GCM",length:256},!1,["encrypt","decrypt"])}catch(i){throw new E("crypto_failed","AES-GCM key generation failed",i)}return await this.idbWrite(K,ne,a),a})(),this.cryptoKeyPromise)}getDB(){return this.dbPromise?this.dbPromise:(this.dbPromise=new Promise((s,a)=>{if(typeof indexedDB>"u"){a(new E("idb_unsupported","IndexedDB is not available"));return}const i=indexedDB.open(`hudvault:${this.service}`,1);i.onupgradeneeded=()=>{const o=i.result;o.objectStoreNames.contains(_)||o.createObjectStore(_),o.objectStoreNames.contains(K)||o.createObjectStore(K)},i.onsuccess=()=>s(i.result),i.onerror=()=>a(new E("idb_failed",H("open",i.error),i.error))}),this.dbPromise)}async idbRead(s,a){const i=await this.getDB();return new Promise((o,d)=>{const m=i.transaction(s,"readonly").objectStore(s).get(a);m.onsuccess=()=>o(m.result),m.onerror=()=>d(new E("idb_failed",H("read",m.error),m.error))})}async idbWrite(s,a,i){const o=await this.getDB();await new Promise((d,h)=>{const m=o.transaction(s,"readwrite");m.oncomplete=()=>d(),m.onerror=()=>h(new E("idb_failed",H("write",m.error),m.error)),m.objectStore(s).put(i,a)})}async idbDelete(s,a){const i=await this.getDB();await new Promise((o,d)=>{const h=i.transaction(s,"readwrite");h.oncomplete=()=>o(),h.onerror=()=>d(new E("idb_failed",H("delete",h.error),h.error)),h.objectStore(s).delete(a)})}}function H(t,s){return`IndexedDB ${t} failed${s?.message?`: ${s.message}`:""}`}const Fe="dev.openscout.credentials",X="openai_api_key",J=new Ue({service:Fe});async function pe(){const s=(await J.get(X))?.trim();return s&&s.startsWith("sk-")?s:null}async function We(t){const s=t.trim();if(!s.startsWith("sk-"))throw new Error("OpenAI API keys should start with sk-.");await J.set(X,s)}async function qe(){await J.delete(X)}async function ge(t){return T("/api/scoutbot/credentials/openai",{method:"POST",body:JSON.stringify({apiKey:t.trim()})})}async function ze(){return T("/api/scoutbot/credentials/openai",{method:"DELETE"})}async function be(){return T("/api/scoutbot/credentials")}async function Ge(){const t=await be();if(t.openai.configured)return t;const s=await pe();return s?ge(s):null}async function Ye(){const t=await pe();return{configured:!!t,preview:t?Qe(t):null}}function Qe(t){return t.length<=10?"configured":`${t.slice(0,5)}...${t.slice(-4)}`}const Xe=[195,125,300,45,355,210];function ie(t){return`oklch(0.80 0.14 ${t})`}function Je(t){return`oklch(0.18 0.08 ${t})`}function p({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 w({label:t,hint:s,children:a}){return e.jsxs("div",{className:"s-settings-field",children:[e.jsx("label",{className:"s-settings-field-label",children:t}),a,s&&e.jsx("span",{className:"s-settings-field-hint",children:s})]})}function R({value:t,onChange:s,mono:a}){return e.jsx("input",{className:`s-settings-input${a?" s-settings-input--mono":""}`,value:t,onChange:i=>s(i.target.value)})}function re({value:t,onChange:s,rows:a=3}){return e.jsx("textarea",{className:"s-settings-textarea",value:t,onChange:i=>s(i.target.value),rows:a})}function Ze({value:t,onChange:s,min:a,max:i,step:o=1,unit:d=""}){return e.jsxs("div",{className:"s-settings-slider-wrap",children:[e.jsx("input",{type:"range",min:a,max:i,step:o,value:t,onChange:h=>s(Number(h.target.value))}),e.jsxs("span",{className:"s-settings-slider-value",children:[t," ",d]})]})}function D({value:t,onChange:s,options:a,stacked:i,columns:o}){return e.jsx("div",{className:i?"s-settings-option-stacked":"s-settings-option-grid",style:i?void 0:{gridTemplateColumns:`repeat(${o??a.length}, 1fr)`},children:a.map(d=>e.jsxs("button",{className:`s-settings-option-btn${t===d.id?" s-settings-option-btn--active":""}`,onClick:()=>s(d.id),children:[e.jsx("span",{className:"s-settings-option-label",children:d.label}),e.jsx("span",{className:"s-settings-option-sub",children:d.sub})]},d.id))})}const es=[{id:"system",label:"System",sub:"Follow this device",icon:Me},{id:"light",label:"Light",sub:"Bright workspace",icon:He},{id:"dark",label:"Dark",sub:"Low-light workspace",icon:Be}],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"}],oe=[{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"}],ce=[{id:"soft",label:"Soft",sub:"Quiet separators"},{id:"balanced",label:"Defined",sub:"Clear structure"},{id:"strong",label:"Strong",sub:"High separation"}],de=[{id:"theme",label:"Theme"},{id:"lime",label:"Lime"},{id:"cyan",label:"Cyan"},{id:"violet",label:"Violet"},{id:"amber",label:"Amber"}];function U({className:t,theme:s,template:a,palette:i,contrast:o,accent:d,children:h}){return e.jsx("div",{className:t,"data-scout-theme":s,"data-scout-theme-mode":s,"data-scout-palette":i,"data-scout-contrast":o,"data-scout-accent":d,"data-hudson-theme":s,"data-hudson-template":a,children:h})}function ss({palette:t,theme:s,template:a}){return e.jsxs(U,{className:"s-settings-palette-sample",theme:s,template:a,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 ts({theme:t,template:s,palette:a,contrast:i,accent:o}){return e.jsxs(U,{className:"s-settings-live-preview",theme:t,template:s,palette:a,contrast:i,accent:o,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 as(){const t=Ce(),{appearanceDetails:s,updateAppearanceDetails:a}=me();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",o=Se(t.template)??"hudson",d=le.find(n=>n.id===s.palette)?.label??"Scout",h=oe.find(n=>n.id===o)?.label??"Rounded",m=ce.find(n=>n.id===s.contrast)?.label??"Defined",v=de.find(n=>n.id===s.accent)?.label??"Theme";return e.jsxs("div",{className:"s-settings-col-gap",children:[e.jsx(p,{label:"Color mode",right:`currently ${i}`}),e.jsx("div",{className:"s-settings-theme-mode-grid",role:"group","aria-label":"Color mode",children:es.map(n=>{const r=n.icon,x=t.theme===n.id,f=n.id==="system"?`Follow this device · resolves to ${t.resolvedTheme??"…"}`:n.sub;return e.jsxs("button",{type:"button",className:"s-settings-theme-mode","data-active":x||void 0,"aria-pressed":x,onClick:()=>t.setTheme(n.id),children:[e.jsx(r,{size:18,strokeWidth:1.7,"aria-hidden":!0}),e.jsxs("span",{children:[e.jsx("strong",{children:n.label}),e.jsx("small",{children:f})]}),x?e.jsx(V,{className:"s-settings-theme-check",size:15,"aria-hidden":!0}):null]},n.id)})}),e.jsxs("div",{className:"s-settings-appearance-workbench",children:[e.jsxs("div",{className:"s-settings-appearance-controls",children:[e.jsx(p,{label:"Color theme",right:`currently ${d.toLowerCase()}`}),e.jsx("div",{className:"s-settings-palette-grid",role:"group","aria-label":"Color theme",children:le.map(n=>{const r=s.palette===n.id;return e.jsxs("button",{type:"button",className:"s-settings-palette-choice","data-active":r||void 0,"aria-pressed":r,onClick:()=>a({palette:n.id}),children:[e.jsx(ss,{palette:n.id,theme:i,template:o}),e.jsxs("span",{className:"s-settings-choice-copy",children:[e.jsxs("span",{className:"s-settings-choice-title",children:[e.jsx("strong",{children:n.label}),r?e.jsx(V,{className:"s-settings-theme-check",size:15,"aria-hidden":!0}):null]}),e.jsx("small",{children:n.sub}),e.jsx("span",{children:n.spec})]})]},n.id)})}),e.jsx(p,{label:"Interface shape",right:`currently ${h.toLowerCase()}`}),e.jsx("div",{className:"s-settings-interface-grid",role:"group","aria-label":"Interface shape",children:oe.map(n=>{const r=o===n.id;return e.jsxs("button",{type:"button",className:"s-settings-interface-choice","data-active":r||void 0,"aria-pressed":r,onClick:()=>t.setTemplate(n.id),children:[e.jsx(U,{className:"s-settings-shape-sample",theme:i,template:n.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:n.label}),r?e.jsx(V,{className:"s-settings-theme-check",size:14,"aria-hidden":!0}):null]}),e.jsx("small",{children:n.sub}),e.jsx("span",{children:n.spec})]})]},n.id)})}),e.jsx(p,{label:"Separation",right:`currently ${m.toLowerCase()}`}),e.jsx("div",{className:"s-settings-contrast-grid",role:"group","aria-label":"Interface contrast",children:ce.map(n=>{const r=s.contrast===n.id;return e.jsxs("button",{type:"button",className:"s-settings-contrast-choice","data-active":r||void 0,"aria-pressed":r,onClick:()=>a({contrast:n.id}),children:[e.jsxs("span",{className:"s-settings-contrast-lines","data-level":n.id,"aria-hidden":!0,children:[e.jsx("i",{}),e.jsx("i",{}),e.jsx("i",{})]}),e.jsx("strong",{children:n.label}),e.jsx("small",{children:n.sub})]},n.id)})}),e.jsx(p,{label:"Signal accent",right:`currently ${v.toLowerCase()}`}),e.jsx("div",{className:"s-settings-accent-row",role:"group","aria-label":"Signal accent",children:de.map(n=>{const r=s.accent===n.id;return e.jsxs("button",{type:"button",className:"s-settings-accent-choice","data-accent-option":n.id,"data-active":r||void 0,"aria-pressed":r,"aria-label":`${n.label} accent`,onClick:()=>a({accent:n.id}),children:[e.jsx(U,{className:"s-settings-accent-dot",theme:i,template:o,palette:s.palette,contrast:s.contrast,accent:n.id,children:e.jsx("i",{})}),e.jsx("span",{children:n.label}),r?e.jsx(V,{size:13,"aria-hidden":!0}):null]},n.id)})}),e.jsxs("div",{className:"s-settings-appearance-note",children:[e.jsx("strong",{children:"Saved on this device"}),e.jsx("span",{children:"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(p,{label:"Live specimen",right:i}),e.jsx(ts,{theme:i,template:o,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:d})]}),e.jsxs("div",{children:[e.jsx("dt",{children:"Shape"}),e.jsx("dd",{children:h})]}),e.jsxs("div",{children:[e.jsx("dt",{children:"Separation"}),e.jsx("dd",{children:m})]}),e.jsxs("div",{children:[e.jsx("dt",{children:"Accent"}),e.jsx("dd",{children:v})]})]}),e.jsx("p",{className:"s-settings-preview-note",children:"Each control changes one visual axis. Success, warning, and failure colors keep their meaning."})]})]})]})}function ns({profile:t,update:s}){return e.jsxs("div",{className:"s-settings-col-gap",children:[e.jsx(p,{label:"Identity",right:"visible to every agent"}),e.jsxs("div",{className:"s-settings-identity-card",children:[e.jsx("span",{className:"s-settings-identity-dot",style:{background:ie(t.hue),color:Je(t.hue)},children:(t.name||"?")[0].toUpperCase()}),e.jsxs("div",{style:{flex:1},children:[e.jsx("div",{className:"s-settings-identity-name",children:t.name||"Unnamed"}),e.jsxs("div",{className:"s-settings-identity-meta",children:[t.handle||"@you"," · ",t.pronouns||"—"," · operator"]})]}),e.jsxs("div",{className:"s-settings-hue-wrap",children:[e.jsx("span",{className:"s-settings-field-label",children:"Identity hue"}),e.jsx("div",{className:"s-settings-hue-row",children:Xe.map(a=>e.jsx("button",{onClick:()=>s({hue:a}),className:`s-settings-hue-dot${t.hue===a?" s-settings-hue-dot--active":""}`,style:{background:ie(a)}},a))})]})]}),e.jsx(w,{label:"Display name",hint:"Shown when agents address you.",children:e.jsx(R,{value:t.name,onChange:a=>s({name:a})})}),e.jsx(w,{label:"Handle",hint:"Used in @mentions across threads.",children:e.jsx(R,{value:t.handle,onChange:a=>s({handle:a}),mono:!0})}),e.jsx(w,{label:"Pronouns",children:e.jsx(R,{value:t.pronouns,onChange:a=>s({pronouns:a})})}),e.jsx(p,{label:"How agents understand you",right:"shipped as system prompt context"}),e.jsx(w,{label:"Operator bio",hint:"How you want to be worked with. Agents read this before asking you things.",children:e.jsx(re,{value:t.bio,onChange:a=>s({bio:a}),rows:4})}),e.jsxs("div",{className:"s-settings-two-col",children:[e.jsx(w,{label:"Timezone",children:e.jsx(R,{value:t.timezone,onChange:a=>s({timezone:a}),mono:!0})}),e.jsx(w,{label:"Working hours",children:e.jsx(R,{value:t.workingHours,onChange:a=>s({workingHours:a}),mono:!0})})]}),e.jsx(p,{label:"Ephemeral agent names",right:"rotation pool for one-off agents"}),e.jsx(w,{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(re,{value:t.provisionalAgentNames.join(`
+`),onChange:a=>s({provisionalAgentNames:a.split(/\r?\n/u).map(i=>i.trim()).filter(Boolean)}),rows:6})}),e.jsx(w,{label:"Pool mode",hint:"Replace uses only your list. Add to defaults prepends yours, then Scout's built-in names.",children:e.jsx(D,{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 is({profile:t,update:s}){return e.jsxs("div",{className:"s-settings-col-gap",children:[e.jsx(p,{label:"Interrupt policy"}),e.jsx(w,{label:"When agents can ping you directly",hint:"Blocking-only means only asks that truly stall work. Others get batched.",children:e.jsx(D,{value:t.interruptThreshold,onChange:a=>s({interruptThreshold:a}),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(w,{label:"Batch window (min)",children:e.jsx(Ze,{value:t.batchWindow,min:5,max:60,step:5,onChange:a=>s({batchWindow:a}),unit:"min"})}),e.jsx(w,{label:"Quiet hours",children:e.jsx(R,{value:t.quietHours,onChange:a=>s({quietHours:a}),mono:!0})})]}),e.jsx(p,{label:"Where to reach you"}),e.jsx(w,{label:"Preferred channel",children:e.jsx(D,{value:t.channel,onChange:a=>s({channel:a}),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(p,{label:"Tone calibration",right:"how agents write to you"}),e.jsxs("div",{className:"s-settings-two-col",children:[e.jsx(w,{label:"Verbosity",children:e.jsx(D,{stacked:!0,value:t.verbosity,onChange:a=>s({verbosity:a}),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(w,{label:"Tone",children:e.jsx(D,{stacked:!0,value:t.tone,onChange:a=>s({tone:a}),options:[{id:"direct",label:"Direct",sub:"no hedging"},{id:"warm",label:"Warm",sub:"friendly, conversational"},{id:"formal",label:"Formal",sub:"business-like"}]})})]})]})}function rs({clientCredentials:t,serverCredentials:s,reloadCredentials:a}){const[i,o]=c.useState(""),[d,h]=c.useState(!1),[m,v]=c.useState(null),n=s?.openai??null,r=!!n?.configured,x=n?.source==="env"?"OPENAI_API_KEY":n?.source==="local-config"?"local Scout config":n?.source==="local-store"?"local OpenScout store":"missing",f=n?.source==="local-store"&&t?.configured?"local OpenScout store + HudVault mirror":x,C=n?.preview??t?.preview??null,O=async()=>{h(!0),v(null);try{const g=i.trim();await ge(g);let j=null;try{await We(g)}catch(N){j=N instanceof Error?N.message:"HudVault save failed."}o(""),await a(),v(j?`Saved to local OpenScout store. Browser mirror failed: ${j}`:"Saved to local OpenScout store and Hudson Vault.")}catch(g){v(g instanceof Error?g.message:"Could not save key.")}finally{h(!1)}},P=async()=>{h(!0),v(null);try{const[g,j]=await Promise.allSettled([qe(),ze()]);o(""),await a(),g.status==="rejected"||j.status==="rejected"?v("Cleared what I could; one credential store did not respond."):v(n?.source==="env"||n?.source==="local-config"?"Removed saved key. Server fallback is still configured.":"Removed saved key.")}catch(g){v(g instanceof Error?g.message:"Could not clear key.")}finally{h(!1)}};return e.jsxs("div",{className:"s-settings-col-gap",children:[e.jsx(p,{label:"Model providers",right:r?`configured · ${f}`:"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:r?"var(--green)":"var(--dim)"},children:["●"," ",r?"ready":"missing"]})]}),e.jsxs("div",{className:"s-settings-relay-meta",children:[C??"No key stored"," · ",f]}),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(w,{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:r?"Saved key configured":"sk-...",autoComplete:"off",spellCheck:!1,onChange:g=>o(g.target.value)})}),m&&e.jsx("div",{className:"s-settings-field-hint",children:m}),e.jsxs("div",{className:"s-settings-button-row",children:[e.jsx("button",{type:"button",className:"s-btn",disabled:d||!i.trim(),onClick:()=>{O()},children:d?"Saving":"Save key"}),e.jsx("button",{type:"button",className:"s-btn",disabled:d||!(t?.configured||n?.source==="local-store"),onClick:()=>{P()},children:"Clear saved key"})]})]})}const ls=[{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 os(){const t=ke(Ae,!1),[s,a]=c.useState(null),[i,o]=c.useState([]),[d,h]=c.useState([]),[m,v]=c.useState(!0),[n,r]=c.useState(!1),[x,f]=c.useState(null),C=c.useCallback(async()=>{v(!0);try{const[l,y]=await Promise.all([Oe(),Te(12).catch(()=>[])]);a(l.settings),o(l.devices),h(y),f(null)}catch(l){f(l instanceof Error?l.message:String(l))}finally{v(!1)}},[]);c.useEffect(()=>{C()},[C]);const O=c.useCallback(async l=>{r(!0),f(null);try{const y=await Pe(l);a(y.settings),o(y.devices)}catch(y){f(y instanceof Error?y.message:String(y))}finally{r(!1)}},[]);if(m&&!s)return e.jsx("div",{className:"s-settings-field-hint",children:"Loading voice settings…"});const P=s?.inputDeviceId??i.find(l=>l.isDefault)?.id??"",g=s?.permissions?.find(l=>l.kind==="microphone")??null,j=s?.permissions?.find(l=>l.kind==="speechRecognition")??null,N=(s?.permissions?.length??0)>0||i.length>0,I=[N?null:"Scout voice host is offline. Launch Scout Menu on this Mac — the browser does not capture audio.",g?.status==="denied"||g?.status==="restricted"?g?.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.":g?.canRequest?"Microphone has not been requested yet. Request access or tap the mic in chat to show the macOS prompt.":null,!j?.granted&&(j?.status==="denied"||j?.status==="restricted")?j?.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:[x&&e.jsx("div",{className:"s-settings-field-hint",style:{color:"var(--amber)"},children:x}),e.jsx(p,{label:"Realtime conversation",right:"footer control"}),e.jsx("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:t?"Realtime voice enabled":"Realtime voice disabled"}),e.jsx("span",{children:"Starting a call sends microphone audio to OpenAI Realtime and bills the configured OpenAI API account. Voice may read live Scout context and navigate this app; agent requests still require confirmation."}),t?e.jsx("em",{children:"Use Voice in the footer to start or manage a call."}):e.jsx("em",{children:"Turn on Live voice in the host app's Settings → Voice."})]})}),e.jsx($e,{hostOnline:N,micPermission:g,speechPermission:j,modelReady:s?.modelReady}),e.jsx(p,{label:"Scout Menu permissions",right:"voice host"}),e.jsx(Re,{permissions:s?.permissions,hostOnline:N,disabled:n||m,onError:l=>f(l),onRefresh:C}),e.jsx(p,{label:"Transcription"}),e.jsx(w,{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(D,{value:s?.preference??"auto",onChange:l=>{a(y=>y&&{...y,preference:l}),O({preference:l})},options:ls,columns:3})}),e.jsx(w,{label:"Microphone input",hint:"Scout Menu uses the macOS system default input unless you pick a device here. The browser never captures audio.",children:i.length>0?e.jsx("select",{className:"s-settings-input",value:P,disabled:n,onChange:l=>{const y=l.target.value||null;a($=>$&&{...$,inputDeviceId:y,inputDeviceName:i.find(L=>L.id===y)?.name??null}),O({inputDeviceId:y})},children:i.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(p,{label:"Diagnostics"}),e.jsx("ul",{className:"s-settings-field-hint",style:{margin:0,paddingLeft:"1.1rem",display:"grid",gap:"0.35rem"},children:I.map(l=>e.jsx("li",{children:l},l))}),e.jsx(p,{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," · ",Ee(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:m||n,onClick:()=>{C()},children:m?"Refreshing…":"Refresh"})})]})}const cs={desktop:"◻",mobile:"▯",tablet:"▭"};function ds({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 us({pairing:t}){const s=[{id:"local",name:"This machine",kind:"desktop",status:"this-device",relay:"local",lastSeen:"now"}];if(t?.trustedPeers)for(const a of t.trustedPeers){const i=a.fingerprint===t.connectedPeerFingerprint;s.push({id:a.fingerprint,name:a.name??"Paired device",kind:"mobile",status:i?"online":"offline",relay:"tailscale",lastSeen:a.lastSeenLabel??"—"})}return e.jsxs("div",{className:"s-settings-col-gap",children:[e.jsx(p,{label:`Paired devices · ${s.length}`}),e.jsx("div",{className:"s-settings-col-gap",style:{gap:10},children:s.map(a=>e.jsx(ds,{device:a},a.id))}),e.jsx(p,{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 B(t,s,a=!1){if(!t&&!s)return"Not reported";const i=t||"detached";return s?`${i} @ ${s}${a?" (modified)":""}`:i}function ve(){return navigator.userAgentData?.platform||navigator.platform||"Unknown"}function S({label:t,value:s,detail:a}){return e.jsxs("div",{className:"s-settings-about-fact",children:[e.jsx("dt",{children:t}),e.jsxs("dd",{children:[e.jsx("code",{children:s}),a?e.jsx("span",{children:a}):null]})]})}function ue(t){const{build:s,mesh:a}=t,i=a?.health.build??null,o=a?.localNode?a.nodes[a.localNode.id]?.host:void 0,d=ve();return["OpenScout troubleshooting report",`Collected: ${t.collectedAt.toISOString()}`,"","[Web]",`Observed: ${t.buildCollectedAt?.toISOString()??"unknown"}`,`Version: ${s?.version??"unknown"}`,`Mode: ${s?.mode??"unknown"}`,`Source: ${B(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: ${a?.health.reachable===void 0?"unknown":a.health.reachable?"yes":"no"}`,`Healthy: ${a?.health.ok===void 0?"unknown":a.health.ok?"yes":"no"}`,`Error: ${a?.health.error??"none reported"}`,`Package: ${i?.packageName??"unknown"}`,`Version: ${i?.version??"unknown"}`,`Mode: ${i?.mode??"unknown"}`,`Source: ${B(i?.branch,i?.commit)}`,`Build: ${i?.buildNumber??i?.buildId??"not reported"}`,`Node: ${a?.health.nodeId??"unknown"}`,`Broker URL: ${a?.brokerUrl??"unknown"}`,"","[Host]",`Name: ${a?.localNode?.name??"unknown"}`,`Scout version: ${o?.scoutVersion??"not reported"}`,`System: ${o?.os??"unknown"}`,`Architecture: ${o?.arch??s?.server?.arch??"unknown"}`,"","[Browser]",`Platform: ${d}`,`User agent: ${navigator.userAgent}`,`Origin: ${window.location.origin}`].join(`
+`)}async function hs(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 a=document.execCommand("copy");if(s.remove(),!a)throw new Error("Clipboard access is unavailable")}function ms(){const[t,s]=c.useState(null),[a,i]=c.useState(!0),[o,d]=c.useState(null),[h,m]=c.useState("idle"),v=c.useCallback(async(g=!1)=>{i(!0),d(null),m("idle");const[j,N]=await Promise.allSettled([T(g?"/api/build?refresh=1":"/api/build"),T("/api/mesh")]),I=new Date;if(s(l=>({build:j.status==="fulfilled"?j.value:l?.build??null,mesh:N.status==="fulfilled"?N.value:l?.mesh??null,collectedAt:I,buildCollectedAt:j.status==="fulfilled"?I:l?.buildCollectedAt??null,meshCollectedAt:N.status==="fulfilled"?I:l?.meshCollectedAt??null})),j.status==="rejected"||N.status==="rejected"){const l=[j.status==="rejected"?"web build":null,N.status==="rejected"?"broker":null].filter(Boolean).join(" and ");d(`Could not refresh ${l} details. Last reported values are kept when available.`)}i(!1)},[]);c.useEffect(()=>{v()},[v]);const n=t?.build??null,r=t?.mesh??null,x=r?.health.build??null,f=r?.localNode?r.nodes[r.localNode.id]?.host:void 0,C=ve(),O=r===null?"not reported":r.health.reachable?r.health.ok?"healthy":"degraded":"unreachable",P=c.useCallback(()=>{t&&hs(ue(t)).then(()=>{m("copied"),setTimeout(()=>m("idle"),1800)}).catch(()=>{m("error")})},[t]);return a&&!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:n?.version?`v${n.version}`:"Version unavailable"}),e.jsxs("span",{className:"s-settings-about-source",children:[n?.mode??"unknown mode"," · ",B(n?.branch,n?.commit,n?.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:()=>{v(!0)},disabled:a,children:[e.jsx(De,{size:13,"aria-hidden":!0}),a?"Refreshing…":"Refresh"]}),e.jsxs("button",{type:"button",className:"s-btn s-settings-about-copy",onClick:P,disabled:!t,children:[h==="copied"?e.jsx(V,{size:13,"aria-hidden":!0}):e.jsx(Le,{size:13,"aria-hidden":!0}),h==="copied"?"Copied report":h==="error"?"Copy failed":"Copy report"]})]})]}),o?e.jsx("div",{className:"s-settings-about-warning",role:"status",children:o}):null,h==="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:ue(t),"aria-label":"OpenScout troubleshooting report"})]}):null,e.jsx(p,{label:"Web application",right:"release and source identity"}),e.jsxs("dl",{className:"s-settings-about-ledger",children:[e.jsx(S,{label:"Package version",value:n?.version??"Unknown",detail:`Observed ${t?.buildCollectedAt?.toLocaleString()??"at an unknown time"}. Use this when comparing releases.`}),e.jsx(S,{label:"Run mode",value:n?.mode??"Unknown"}),e.jsx(S,{label:"Source checkout",value:B(n?.branch,n?.commit,n?.dirty===!0),detail:"A dev SHA identifies the running checkout; it is not the release version."}),e.jsx(S,{label:"Server engine",value:n?.server?`${n.server.engine} ${n.server.engineVersion}`:"Not reported",detail:n?.server?`Node compatibility ${n.server.nodeVersion} · ${n.server.platform}/${n.server.arch}`:void 0})]}),e.jsx(p,{label:"Broker",right:O}),e.jsxs("dl",{className:"s-settings-about-ledger",children:[e.jsx(S,{label:"Status",value:O,detail:[`Observed ${t?.meshCollectedAt?.toLocaleString()??"at an unknown time"}.`,r?.health.error].filter(Boolean).join(" ")}),e.jsx(S,{label:"Package",value:x?.packageName??"Not reported"}),e.jsx(S,{label:"Version",value:x?.version??"Not reported"}),e.jsx(S,{label:"Source",value:B(x?.branch,x?.commit)}),e.jsx(S,{label:"Build",value:x?.buildNumber??x?.buildId??"Not reported"}),e.jsx(S,{label:"Node",value:r?.health.nodeId??"Not reported",detail:r?.brokerUrl})]}),e.jsx(p,{label:"Host and browser",right:"troubleshooting context"}),e.jsxs("dl",{className:"s-settings-about-ledger",children:[e.jsx(S,{label:"Host",value:r?.localNode?.name??"Not reported"}),e.jsx(S,{label:"Host Scout",value:f?.scoutVersion??"Not reported"}),e.jsx(S,{label:"Host system",value:[f?.os,f?.arch??n?.server?.arch].filter(Boolean).join(" · ")||"Not reported"}),e.jsx(S,{label:"Browser platform",value:C}),e.jsx(S,{label:"Browser",value:navigator.userAgent}),e.jsx(S,{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 M=[{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 · 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"}],he={appearance:"Appearance",operator:"Operator identity",comms:"Communication",voice:"Voice",credentials:"Credentials",devices:"Paired devices",about:"About OpenScout"},ps={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."},gs={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 xe({open:t,onClose:s,section:a,onSectionChange:i,presentation:o}){const{refreshOnboarding:d}=me(),{ref:h,onKeyDown:m}=Ie(t&&o==="drawer"),[v,n]=c.useState("appearance"),r=a??v,x=c.useCallback(u=>{i?i(u):n(u)},[i]),[f,C]=c.useState(gs),[O,P]=c.useState(null),[g,j]=c.useState(null),[N,I]=c.useState(null),[l,y]=c.useState(!1),[$,L]=c.useState("saved"),F=c.useRef(null),W=c.useRef(!0),q=c.useRef(null);c.useEffect(()=>()=>{W.current=!1},[]);const z=c.useCallback(async()=>{const[u,A]=await Promise.allSettled([Ye(),be()]),k=u.status==="fulfilled"?u.value:null;let b=A.status==="fulfilled"?A.value:null;k?.configured&&!b?.openai.configured&&(b=await Ge().catch(()=>b)),j(k),I(b)},[]),Z=c.useCallback(async()=>{try{const u=T("/api/user"),A=Promise.race([T("/api/pairing-state"),new Promise((bs,we)=>setTimeout(()=>we(new Error("timeout")),3e3))]),[k,b]=await Promise.allSettled([u,A]);k.status==="fulfilled"&&C(k.value),b.status==="fulfilled"&&P(b.value),await z()}finally{y(!0)}},[z]);c.useEffect(()=>{t&&r!=="appearance"&&r!=="about"&&!l&&Z()},[l,t,Z,r]),c.useEffect(()=>{if(!t||!window.matchMedia("(max-width: 760px)").matches)return;const u=window.requestAnimationFrame(()=>{q.current?.scrollIntoView({block:"nearest",inline:"nearest"})});return()=>window.cancelAnimationFrame(u)},[t,r]);const G=c.useCallback(u=>{const k=(M.findIndex(b=>b.id===r)+u+M.length)%M.length;x(M[k].id)},[r]),fe=c.useCallback(u=>{if(m(u),o==="drawer"&&u.key==="Escape"){u.preventDefault(),s();return}u.target?.closest(".s-settings-rail")&&(u.key==="ArrowDown"?(u.preventDefault(),G(1)):u.key==="ArrowUp"&&(u.preventDefault(),G(-1)))},[G,s,m,o]),ee=c.useCallback(u=>{F.current&&clearTimeout(F.current),L("saving"),F.current=setTimeout(()=>{T("/api/user",{method:"POST",body:JSON.stringify(u)}).then(()=>d()).then(()=>{W.current&&L("saved")}).catch(()=>{W.current&&L("error")})},400)},[d]),se=c.useCallback(u=>{C(A=>{const k={...A,...u};return ee(k),k})},[ee]),te=e.jsx("nav",{className:"s-settings-rail","aria-label":"Settings pages",children:M.map(u=>{const A=e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"s-settings-rail-label",children:u.label}),e.jsx("span",{className:"s-settings-rail-sub",children:u.sub})]}),k=`s-settings-rail-btn${r===u.id?" s-settings-rail-btn--active":""}`;return o==="page"?e.jsx("a",{ref:r===u.id?b=>{q.current=b}:void 0,href:Ne({view:"settings",section:u.id}),"aria-current":r===u.id?"page":void 0,className:k,onClick:b=>{b.button!==0||b.metaKey||b.ctrlKey||b.shiftKey||b.altKey||(b.preventDefault(),x(u.id))},children:A},u.id):e.jsx("button",{ref:r===u.id?b=>{q.current=b}:void 0,onClick:()=>x(u.id),"aria-current":r===u.id?"page":void 0,className:k,children:A},u.id)})}),ae=e.jsx("main",{className:"s-settings-content",id:`settings-${r}`,"data-settings-section":r,tabIndex:-1,children:r==="appearance"?e.jsx(as,{}):r==="about"?e.jsx(ms,{}):l?e.jsxs(e.Fragment,{children:[r==="operator"&&e.jsx(ns,{profile:f,update:se}),r==="comms"&&e.jsx(is,{profile:f,update:se}),r==="credentials"&&e.jsx(rs,{clientCredentials:g,serverCredentials:N,reloadCredentials:z}),r==="voice"&&e.jsx(os,{}),r==="devices"&&e.jsx(us,{pairing:O})]}):e.jsx("div",{className:"s-settings-loading",children:"Loading settings…"})});return o==="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:he[r]}),e.jsx("p",{children:ps[r]})]}),r==="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":$,role:"status","aria-live":"polite",children:[e.jsx("span",{"aria-hidden":"true"}),$==="saving"?"Saving changes…":$==="error"?"Couldn’t save changes":"Saved automatically"]})]}),e.jsxs("div",{className:"s-settings-page-layout",children:[te,ae]})]}):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:h,role:"dialog","aria-modal":"true","aria-label":"Settings",className:`s-settings-drawer ${t?"s-settings-drawer--open":"s-settings-drawer--closed"}`,onKeyDown:fe,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:he[r]}),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:"×"})]}),te,ae,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 je(t){return e.jsx(xe,{...t,presentation:"drawer"})}function ye({section:t="appearance",onSectionChange:s}){return e.jsx(xe,{open:!0,onClose:()=>{},section:t,onSectionChange:s,presentation:"page"})}const Os=Object.freeze(Object.defineProperty({__proto__:null,SettingsDrawer:je,SettingsPage:ye},Symbol.toStringTag,{value:"Module"})),Ts=Object.freeze(Object.defineProperty({__proto__:null,SettingsDrawer:je,SettingsPage:ye},Symbol.toStringTag,{value:"Module"}));export{ye as S,Os as a,Ts as b,Ge as e};

package/dist/client/assets/SettingsScreen-Cy8z-EuR.js

@@ -0,0 +1 @@
+import{j as i,r as d}from"./index-DMiGbrBt.js";import{E as it}from"./EmptyState-4F9XDFQm.js";import{S as B}from"./StatusPill-DhBL__p8.js";import{a as M}from"./api-h5zurxmi.js";import{p as Rt}from"./status-tone-BM_zuRy1.js";import{t as ot}from"./time-DltNTpLl.js";import{AgentConfigurationScreen as Mt}from"./AgentConfigurationScreen-BqfOz90D.js";import{S as At}from"./SettingsDrawer-XfdAa_nD.js";/* empty css                                 */import"./agent-chat-Bfjd9y6c.js";import"./Provider-C7UKGHQy.js";import"./router-Bq5dwf78.js";import"./terminal-sessions-D5CIR2OL.js";import"./sse-CjIkKo46.js";import"./index-BWHgHrtv.js";import"./surface-activity-B1rgWB1i.js";import"./colors-BtO5_zlx.js";import"./scoutbot-BTIErYHo.js";import"./ContextMenu-bARZqTzD.js";import"./DocumentFocusViewer-BeVwwl26.js";import"./createLucideIcon-OpA4Amw5.js";import"./TextDocumentSurface-BpAw4eQS.js";/* empty css                              */import"./file-text-BODxCjcz.js";import"./x-D3GElQbe.js";import"./chevron-right-XiIHsk4m.js";import"./code-xml-B6jOCM4V.js";import"./arrow-left-DEZzHiPS.js";import"./scout-voice-CU5c0LGi.js";import"./fx-z37u1o2z.js";import"./keyboard-nav-2kv_tGUS.js";import"./MessageComposerSuggestions-DpxN9WiB.js";import"./NewChatComposer-Cs6OsxK6.js";import"./runtime-picker-Bcl5iIX5.js";import"./voice-levels-Dcr3jglk.js";import"./loader-circle-CbHjZsz1.js";import"./index-CJXzfjo9.js";import"./HarnessMark-Cbv3Ib0c.js";import"./conversation-model-B47vYmWN.js";import"./NewChatOrigin-Bk2OyVjI.js";import"./model-Co0zkMIc.js";import"./text-DsBWV_4k.js";import"./chevron-down-BGk5qoEw.js";import"./search-CWfZtOt2.js";import"./openContent-C6XO6kr5.js";import"./AgentsSubnav-DIEO4NPx.js";import"./SecondaryNav-B3-nh5dM.js";import"./secondaryNavConfig-DqUIp0Es.js";import"./message-square-DSaGpjFU.js";import"./terminal-B9AOZQKR.js";import"./scroll-text-D6Pdnar7.js";import"./refresh-cw-BBmAnCB7.js";import"./bot-eu8pBNvI.js";import"./wrench-Bkc_0lKF.js";import"./server-CPp4ZJhZ.js";import"./VoicePermissionsPanel-DsK53ar4.js";import"./check-DjgFiBxb.js";import"./copy-CQGYbxdu.js";var k=(t=>(t[t.Border=-1]="Border",t[t.Data=0]="Data",t[t.Function=1]="Function",t[t.Position=2]="Position",t[t.Timing=3]="Timing",t[t.Alignment=4]="Alignment",t))(k||{});const Ct=[0,1],dt=[1,0],ht=[2,3],ft=[3,2],It={L:Ct,M:dt,Q:ht,H:ft},zt=/^\d*$/,Ft=/^[A-Z0-9 $%*+./:-]*$/,L="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ $%*+-./:",T=1,q=40,at=3,Bt=3,I=40,Lt=10,mt=[[-1,7,10,15,20,26,18,20,24,30,18,20,24,26,30,22,24,28,30,28,28,28,28,30,30,26,28,30,30,30,30,30,30,30,30,30,30,30,30,30,30],[-1,10,16,26,18,24,16,18,22,22,26,30,22,22,24,24,28,28,26,26,26,26,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28],[-1,13,22,18,26,18,24,18,22,20,24,28,26,24,20,30,24,28,28,26,30,28,30,30,30,30,28,30,30,30,30,30,30,30,30,30,30,30,30,30,30],[-1,17,28,22,16,22,28,26,26,24,28,24,28,22,24,24,30,28,28,26,28,30,24,30,30,30,30,30,30,30,30,30,30,30,30,30,30,30,30,30,30]],pt=[[-1,1,1,1,1,1,2,2,2,2,4,4,4,4,4,6,6,6,6,7,8,8,9,9,10,12,12,12,13,14,15,16,17,18,19,19,20,21,22,24,25],[-1,1,1,1,2,2,4,4,4,5,5,5,8,9,9,10,10,11,13,14,16,17,17,18,20,21,23,25,26,28,29,31,33,35,37,38,40,43,45,47,49],[-1,1,1,2,2,4,4,6,6,8,8,8,10,12,16,12,17,16,18,21,20,23,23,25,27,29,34,34,35,38,40,43,45,48,51,53,56,59,62,65,68],[-1,1,1,2,4,4,4,5,6,8,8,11,11,16,16,18,16,19,21,25,25,25,34,30,32,35,37,40,42,45,48,51,54,57,60,63,66,70,74,77,81]];class _t{constructor(e,s,n,r){if(this.version=e,this.ecc=s,e<T||e>q)throw new RangeError("Version value out of range");if(r<-1||r>7)throw new RangeError("Mask value out of range");this.size=e*4+17;const o=Array.from({length:this.size}).fill(!1);for(let c=0;c<this.size;c++)this.modules.push(o.slice()),this.types.push(o.map(()=>0));this.drawFunctionPatterns();const a=this.addEccAndInterleave(n);if(this.drawCodewords(a),r===-1){let c=1e9;for(let u=0;u<8;u++){this.applyMask(u),this.drawFormatBits(u);const h=this.getPenaltyScore();h<c&&(r=u,c=h),this.applyMask(u)}}this.mask=r,this.applyMask(r),this.drawFormatBits(r)}size;mask;modules=[];types=[];getModule(e,s){return e>=0&&e<this.size&&s>=0&&s<this.size&&this.modules[s][e]}drawFunctionPatterns(){for(let n=0;n<this.size;n++)this.setFunctionModule(6,n,n%2===0,k.Timing),this.setFunctionModule(n,6,n%2===0,k.Timing);this.drawFinderPattern(3,3),this.drawFinderPattern(this.size-4,3),this.drawFinderPattern(3,this.size-4);const e=this.getAlignmentPatternPositions(),s=e.length;for(let n=0;n<s;n++)for(let r=0;r<s;r++)n===0&&r===0||n===0&&r===s-1||n===s-1&&r===0||this.drawAlignmentPattern(e[n],e[r]);this.drawFormatBits(0),this.drawVersion()}drawFormatBits(e){const s=this.ecc[1]<<3|e;let n=s;for(let o=0;o<10;o++)n=n<<1^(n>>>9)*1335;const r=(s<<10|n)^21522;for(let o=0;o<=5;o++)this.setFunctionModule(8,o,x(r,o));this.setFunctionModule(8,7,x(r,6)),this.setFunctionModule(8,8,x(r,7)),this.setFunctionModule(7,8,x(r,8));for(let o=9;o<15;o++)this.setFunctionModule(14-o,8,x(r,o));for(let o=0;o<8;o++)this.setFunctionModule(this.size-1-o,8,x(r,o));for(let o=8;o<15;o++)this.setFunctionModule(8,this.size-15+o,x(r,o));this.setFunctionModule(8,this.size-8,!0)}drawVersion(){if(this.version<7)return;let e=this.version;for(let n=0;n<12;n++)e=e<<1^(e>>>11)*7973;const s=this.version<<12|e;for(let n=0;n<18;n++){const r=x(s,n),o=this.size-11+n%3,a=Math.floor(n/3);this.setFunctionModule(o,a,r),this.setFunctionModule(a,o,r)}}drawFinderPattern(e,s){for(let n=-4;n<=4;n++)for(let r=-4;r<=4;r++){const o=Math.max(Math.abs(r),Math.abs(n)),a=e+r,c=s+n;a>=0&&a<this.size&&c>=0&&c<this.size&&this.setFunctionModule(a,c,o!==2&&o!==4,k.Position)}}drawAlignmentPattern(e,s){for(let n=-2;n<=2;n++)for(let r=-2;r<=2;r++)this.setFunctionModule(e+r,s+n,Math.max(Math.abs(r),Math.abs(n))!==1,k.Alignment)}setFunctionModule(e,s,n,r=k.Function){this.modules[s][e]=n,this.types[s][e]=r}addEccAndInterleave(e){const s=this.version,n=this.ecc;if(e.length!==z(s,n))throw new RangeError("Invalid argument");const r=pt[n[0]][s],o=mt[n[0]][s],a=Math.floor(O(s)/8),c=r-a%r,u=Math.floor(a/r),h=[],p=Yt(o);for(let f=0,b=0;f<r;f++){const g=e.slice(b,b+u-o+(f<c?0:1));b+=g.length;const E=Gt(g,p);f<c&&g.push(0),h.push(g.concat(E))}const m=[];for(let f=0;f<h[0].length;f++)h.forEach((b,g)=>{(f!==u-o||g>=c)&&m.push(b[f])});return m}drawCodewords(e){if(e.length!==Math.floor(O(this.version)/8))throw new RangeError("Invalid argument");let s=0;for(let n=this.size-1;n>=1;n-=2){n===6&&(n=5);for(let r=0;r<this.size;r++)for(let o=0;o<2;o++){const a=n-o,u=(n+1&2)===0?this.size-1-r:r;!this.types[u][a]&&s<e.length*8&&(this.modules[u][a]=x(e[s>>>3],7-(s&7)),s++)}}}applyMask(e){if(e<0||e>7)throw new RangeError("Mask value out of range");for(let s=0;s<this.size;s++)for(let n=0;n<this.size;n++){let r;switch(e){case 0:r=(n+s)%2===0;break;case 1:r=s%2===0;break;case 2:r=n%3===0;break;case 3:r=(n+s)%3===0;break;case 4:r=(Math.floor(n/3)+Math.floor(s/2))%2===0;break;case 5:r=n*s%2+n*s%3===0;break;case 6:r=(n*s%2+n*s%3)%2===0;break;case 7:r=((n+s)%2+n*s%3)%2===0;break;default:throw new Error("Unreachable")}!this.types[s][n]&&r&&(this.modules[s][n]=!this.modules[s][n])}}getPenaltyScore(){let e=0;for(let o=0;o<this.size;o++){let a=!1,c=0;const u=[0,0,0,0,0,0,0];for(let h=0;h<this.size;h++)this.modules[o][h]===a?(c++,c===5?e+=at:c>5&&e++):(this.finderPenaltyAddHistory(c,u),a||(e+=this.finderPenaltyCountPatterns(u)*I),a=this.modules[o][h],c=1);e+=this.finderPenaltyTerminateAndCount(a,c,u)*I}for(let o=0;o<this.size;o++){let a=!1,c=0;const u=[0,0,0,0,0,0,0];for(let h=0;h<this.size;h++)this.modules[h][o]===a?(c++,c===5?e+=at:c>5&&e++):(this.finderPenaltyAddHistory(c,u),a||(e+=this.finderPenaltyCountPatterns(u)*I),a=this.modules[h][o],c=1);e+=this.finderPenaltyTerminateAndCount(a,c,u)*I}for(let o=0;o<this.size-1;o++)for(let a=0;a<this.size-1;a++){const c=this.modules[o][a];c===this.modules[o][a+1]&&c===this.modules[o+1][a]&&c===this.modules[o+1][a+1]&&(e+=Bt)}let s=0;for(const o of this.modules)s=o.reduce((a,c)=>a+(c?1:0),s);const n=this.size*this.size,r=Math.ceil(Math.abs(s*20-n*10)/n)-1;return e+=r*Lt,e}getAlignmentPatternPositions(){if(this.version===1)return[];{const e=Math.floor(this.version/7)+2,s=this.version===32?26:Math.ceil((this.version*4+4)/(e*2-2))*2,n=[6];for(let r=this.size-7;n.length<e;r-=s)n.splice(1,0,r);return n}}finderPenaltyCountPatterns(e){const s=e[1],n=s>0&&e[2]===s&&e[3]===s*3&&e[4]===s&&e[5]===s;return(n&&e[0]>=s*4&&e[6]>=s?1:0)+(n&&e[6]>=s*4&&e[0]>=s?1:0)}finderPenaltyTerminateAndCount(e,s,n){return e&&(this.finderPenaltyAddHistory(s,n),s=0),s+=this.size,this.finderPenaltyAddHistory(s,n),this.finderPenaltyCountPatterns(n)}finderPenaltyAddHistory(e,s){s[0]===0&&(e+=this.size),s.pop(),s.unshift(e)}}function N(t,e,s){if(e<0||e>31||t>>>e)throw new RangeError("Value out of range");for(let n=e-1;n>=0;n--)s.push(t>>>n&1)}function x(t,e){return(t>>>e&1)!==0}class V{constructor(e,s,n){if(this.mode=e,this.numChars=s,this.bitData=n,s<0)throw new RangeError("Invalid argument");this.bitData=n.slice()}getData(){return this.bitData.slice()}}const $t=[1,10,12,14],Ot=[2,9,11,13],Ut=[4,8,16,16];function gt(t,e){return t[Math.floor((e+7)/17)+1]}function yt(t){const e=[];for(const s of t)N(s,8,e);return new V(Ut,t.length,e)}function Dt(t){if(!bt(t))throw new RangeError("String contains non-numeric characters");const e=[];for(let s=0;s<t.length;){const n=Math.min(t.length-s,3);N(Number.parseInt(t.substring(s,s+n),10),n*3+1,e),s+=n}return new V($t,t.length,e)}function Tt(t){if(!vt(t))throw new RangeError("String contains unencodable characters in alphanumeric mode");const e=[];let s;for(s=0;s+2<=t.length;s+=2){let n=L.indexOf(t.charAt(s))*45;n+=L.indexOf(t.charAt(s+1)),N(n,11,e)}return s<t.length&&N(L.indexOf(t.charAt(s)),6,e),new V(Ot,t.length,e)}function qt(t){return t===""?[]:bt(t)?[Dt(t)]:vt(t)?[Tt(t)]:[yt(Ht(t))]}function bt(t){return zt.test(t)}function vt(t){return Ft.test(t)}function Vt(t,e){let s=0;for(const n of t){const r=gt(n.mode,e);if(n.numChars>=1<<r)return Number.POSITIVE_INFINITY;s+=4+r+n.bitData.length}return s}function Ht(t){t=encodeURI(t);const e=[];for(let s=0;s<t.length;s++)t.charAt(s)!=="%"?e.push(t.charCodeAt(s)):(e.push(Number.parseInt(t.substring(s+1,s+3),16)),s+=2);return e}function O(t){if(t<T||t>q)throw new RangeError("Version number out of range");let e=(16*t+128)*t+64;if(t>=2){const s=Math.floor(t/7)+2;e-=(25*s-10)*s-55,t>=7&&(e-=36)}return e}function z(t,e){return Math.floor(O(t)/8)-mt[e[0]][t]*pt[e[0]][t]}function Yt(t){if(t<1||t>255)throw new RangeError("Degree out of range");const e=[];for(let n=0;n<t-1;n++)e.push(0);e.push(1);let s=1;for(let n=0;n<t;n++){for(let r=0;r<e.length;r++)e[r]=U(e[r],s),r+1<e.length&&(e[r]^=e[r+1]);s=U(s,2)}return e}function Gt(t,e){const s=e.map(n=>0);for(const n of t){const r=n^s.shift();s.push(0),e.forEach((o,a)=>s[a]^=U(o,r))}return s}function U(t,e){if(t>>>8||e>>>8)throw new RangeError("Byte out of range");let s=0;for(let n=7;n>=0;n--)s=s<<1^(s>>>7)*285,s^=(e>>>n&1)*t;return s}function Wt(t,e,s=1,n=40,r=-1,o=!0){if(!(T<=s&&s<=n&&n<=q)||r<-1||r>7)throw new RangeError("Invalid value");let a,c;for(a=s;;a++){const m=z(a,e)*8,f=Vt(t,a);if(f<=m){c=f;break}if(a>=n)throw new RangeError("Data too long")}for(const m of[dt,ht,ft])o&&c<=z(a,m)*8&&(e=m);const u=[];for(const m of t){N(m.mode[0],4,u),N(m.numChars,gt(m.mode,a),u);for(const f of m.getData())u.push(f)}const h=z(a,e)*8;N(0,Math.min(4,h-u.length),u),N(0,(8-u.length%8)%8,u);for(let m=236;u.length<h;m^=253)N(m,8,u);const p=Array.from({length:Math.ceil(u.length/8)},()=>0);return u.forEach((m,f)=>p[f>>>3]|=m<<7-(f&7)),new _t(a,e,p,r)}function Xt(t,e){const{ecc:s="L",boostEcc:n=!1,minVersion:r=1,maxVersion:o=40,maskPattern:a=-1,border:c=1}=e||{},u=typeof t=="string"?qt(t):Array.isArray(t)?[yt(t)]:void 0;if(!u)throw new Error(`uqr only supports encoding string and binary data, but got: ${typeof t}`);const h=Wt(u,It[s],r,o,a,n),p=Jt({version:h.version,maskPattern:h.mask,size:h.size,data:h.modules,types:h.types},c);return e?.invert&&(p.data=p.data.map(m=>m.map(f=>!f))),e?.onEncoded?.(p),p}function Jt(t,e=1){if(!e)return t;const{size:s}=t,n=s+e*2;t.size=n,t.data.forEach(o=>{for(let a=0;a<e;a++)o.unshift(!1),o.push(!1)});for(let o=0;o<e;o++)t.data.unshift(Array.from({length:n},a=>!1)),t.data.push(Array.from({length:n},a=>!1));const r=k.Border;t.types.forEach(o=>{for(let a=0;a<e;a++)o.unshift(r),o.push(r)});for(let o=0;o<e;o++)t.types.unshift(Array.from({length:n},a=>r)),t.types.push(Array.from({length:n},a=>r));return t}function lt(t){return t.replace(/&/g,"&amp;").replace(/"/g,"&quot;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}function Kt(t,e={}){const s=Xt(t,e),{pixelSize:n=10,whiteColor:r="white",blackColor:o="black"}=e,a=s.size*n,c=s.size*n;let u=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${c} ${a}">`;const h=[];for(let p=0;p<s.size;p++)for(let m=0;m<s.size;m++){const f=m*n,b=p*n;s.data[p][m]&&h.push(`M${f},${b}h${n}v${n}h-${n}z`)}return u+=`<rect fill="${lt(r)}" width="${c}" height="${a}"/>`,u+=`<path fill="${lt(o)}" d="${h.join("")}"/>`,u+="</svg>",u}const Zt="scout",Qt="pair";function _(t){const e=typeof t=="string"?t.trim():"";return e?`${Zt}://${Qt}?payload=${encodeURIComponent(e)}`:null}function te(t){const e=ee(t),s=_(t);if(!e)return{default:s,lan:null,tailnet:null};const n=xt(e.relay,e.fallbackRelays??[]),r=n.find(se),o=n.find(ne);return{default:s,lan:r?_(JSON.stringify(ct(e,r))):null,tailnet:o?_(JSON.stringify(ct(e,o))):null}}function ee(t){const e=typeof t=="string"?t.trim():"";if(!e)return null;try{const s=JSON.parse(e);return!s||typeof s!="object"||typeof s.relay!="string"?null:s}catch{return null}}function ct(t,e){const s=xt(e,[t.relay,...Array.isArray(t.fallbackRelays)?t.fallbackRelays:[]]),n={...t,relay:s[0]};return s.length>1?n.fallbackRelays=s.slice(1):delete n.fallbackRelays,n}function xt(t,e){const s=[],n=new Set;for(const r of[t,...e]){if(typeof r!="string")continue;const o=r.trim();!o||n.has(o)||(n.add(o),s.push(o))}return s}function se(t){const e=Nt(t);if(!e)return!1;if(e.endsWith(".local"))return!0;const s=wt(e);if(!s)return!1;const[n,r]=s;return n===10||n===192&&r===168||n===172&&r>=16&&r<=31||n===169&&r===254}function ne(t){const e=Nt(t);if(!e)return!1;if(e.endsWith(".ts.net"))return!0;const s=wt(e);if(!s)return!1;const[n,r]=s;return n===100&&r>=64&&r<=127}function Nt(t){try{return new URL(t).hostname.toLowerCase()}catch{return""}}function wt(t){const e=t.split(".");if(e.length!==4)return null;const s=e.map(n=>{if(!/^\d+$/.test(n))return Number.NaN;const r=Number(n);return r>=0&&r<=255?r:Number.NaN});return s.every(Number.isFinite)?s:null}function re(t){return t?t.replace(/^wss?:\/\//,"").replace(/:\d+$/,""):null}function ut(t){return t?t.length<=18?t:`${t.slice(0,10)}...${t.slice(-6)}`:null}function ie(t,e){if(!t)return null;const s=Math.max(0,Math.floor((t-e)/1e3));if(s===0)return null;if(s<60)return`${s}s`;const n=Math.floor(s/60),r=s%60;return r>0?`${n}m ${r}s`:`${n}m`}function D({value:t}){const[e,s]=d.useState(!1),n=d.useCallback(()=>{navigator.clipboard.writeText(t).then(()=>{s(!0),setTimeout(()=>s(!1),1500)})},[t]);return i.jsx("button",{type:"button",className:"sys-copy-btn",onClick:n,title:"Copy",children:e?i.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:i.jsx("polyline",{points:"20 6 9 17 4 12"})}):i.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[i.jsx("rect",{x:"9",y:"9",width:"13",height:"13",rx:"2",ry:"2"}),i.jsx("path",{d:"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"})]})})}function $({label:t,value:e}){return i.jsxs("span",{className:"sys-settings-route-link",children:[i.jsx("a",{className:"sys-settings-link",href:e,title:e,"aria-label":`Open Scout ${t} pairing link`,children:i.jsx("code",{children:t})}),i.jsx(D,{value:e})]})}function oe({agentId:t,navigate:e}){return d.useEffect(()=>{e({view:"agents-v2",agentId:t,tab:"config"})},[t,e]),null}function fs({navigate:t,section:e,agentId:s}){if(e==="agents"&&s)return i.jsx(oe,{agentId:s,navigate:t});if(e==="agents")return i.jsx(Mt,{navigate:t,selectedAgentId:s});if(e===void 0||e==="appearance"||e==="operator"||e==="comms"||e==="credentials"||e==="voice"||e==="devices"||e==="about"){const n=e??"appearance";return i.jsx(At,{section:n,onSectionChange:r=>t({view:"settings",section:r})})}return i.jsx(ae,{})}function ae(){const[t,e]=d.useState(null),[s,n]=d.useState(""),[r,o]=d.useState(""),[a,c]=d.useState(!0),[u,h]=d.useState(!1),[p,m]=d.useState(!1),[f,b]=d.useState(null),[g,E]=d.useState(null),[H,A]=d.useState(null),[C,Y]=d.useState(null),[jt,G]=d.useState(()=>Date.now()),[W,X]=d.useState(null),J=d.useRef(null),w=d.useRef(0),K=d.useRef(null);d.useEffect(()=>{J.current=t},[t]),d.useEffect(()=>{K.current=f},[f]),d.useEffect(()=>{!t||window.location.hash!=="#trusted-peers"||window.requestAnimationFrame(()=>{document.getElementById("trusted-peers")?.scrollIntoView({block:"start"})})},[t]);const j=d.useCallback(async(l="initial")=>{if(l==="background"&&K.current)return;const v=++w.current;!(J.current!==null)&&l!=="background"?(c(!0),E(null)):h(!0);try{const R=await M(l==="manual"?"/api/pairing-state/refresh":"/api/pairing-state");if(v!==w.current)return;e(R),E(null),Y(Date.now())}catch(R){if(v!==w.current)return;E(R instanceof Error?R.message:String(R))}finally{v===w.current&&(c(!1),h(!1))}},[]),Z=d.useCallback(async()=>{try{const l=await M("/api/user");o(l.name),n(l.name),A(null)}catch(l){A(l instanceof Error?l.message:String(l))}},[]),Q=d.useRef(!1);d.useEffect(()=>{j("initial"),Z()},[j,Z]),d.useEffect(()=>{const l=setInterval(()=>{j("background")},1e4);return()=>clearInterval(l)},[j]),d.useEffect(()=>{if(!t?.pairing?.expiresAt)return;G(Date.now());const l=setInterval(()=>{G(Date.now())},1e3);return()=>clearInterval(l)},[t?.pairing?.expiresAt]);const tt=d.useCallback(async()=>{m(!0),A(null);try{const l=await M("/api/user",{method:"POST",body:JSON.stringify({name:s})});o(l.name),n(l.name)}catch(l){A(l instanceof Error?l.message:String(l))}finally{m(!1)}},[s]),S=d.useCallback(async l=>{const v=++w.current;b(l),E(null);try{const P=await M("/api/pairing/control",{method:"POST",body:JSON.stringify({action:l})});if(v!==w.current)return;e(P),Y(Date.now())}catch(P){if(v!==w.current)return;E(P instanceof Error?P.message:String(P))}finally{v===w.current&&b(null)}},[]);d.useEffect(()=>{!t||t.isRunning||Q.current||(Q.current=!0,S("start"))},[t,S]);const Et=d.useCallback(async l=>{X(l);try{await M(`/api/pairing/peers/${encodeURIComponent(l)}`,{method:"DELETE"}),j("manual")}catch{}finally{X(null)}},[j]),et=d.useMemo(()=>{const l=t?.pairing?.qrValue?.trim();return l?Kt(l,{border:2,ecc:"M",pixelSize:8}):null},[t?.pairing?.qrValue]),y=d.useMemo(()=>te(t?.pairing?.qrValue),[t?.pairing?.qrValue]),kt=!!(y.lan||y.tailnet||y.default),F=re(t?.pairing?.relay??t?.relay??null),st=ie(t?.pairing?.expiresAt,jt),nt=(t?.trustedPeers.find(l=>l.fingerprint===t.connectedPeerFingerprint)??null)?.name??ut(t?.connectedPeerFingerprint??null),Pt=Rt(t),rt=s.trim()!==r,St=!a&&!t&&!!g;return i.jsxs("div",{className:"sys-surface-page sys-settings-page",children:[i.jsxs("div",{className:"sys-page-head",children:[i.jsxs("div",{className:"sys-page-title-group",children:[i.jsx("h2",{className:"sys-page-title",children:"Settings"}),i.jsx("p",{className:"sys-page-subtitle",children:"Identity, pairing, and trusted devices."})]}),i.jsxs("div",{className:"sys-page-actions",children:[t&&i.jsx(B,{tone:Pt,children:t.statusLabel}),i.jsx("div",{className:"sys-sync-note",children:a?"Loading...":g&&t?`Snapshot from ${C?ot(C):"earlier"}`:C?`Updated ${ot(C)}`:""}),i.jsx("button",{type:"button",className:"s-btn",disabled:a||u||!!f,onClick:()=>{j("manual")},children:u?"Refreshing...":"Refresh"})]})]}),g&&t&&i.jsxs("div",{className:"sys-banner sys-banner-warning",children:[i.jsx("strong",{children:"Refresh failed."}),i.jsx("span",{children:g})]}),H&&i.jsxs("div",{className:"sys-banner sys-banner-warning",children:[i.jsx("strong",{children:"Identity error."}),i.jsx("span",{children:H})]}),a&&!t&&i.jsx(it,{title:"Loading settings",body:"Checking relay status and trusted peers."}),St&&i.jsx(it,{className:"sys-state-card-error",title:"Pairing unavailable",body:g,action:i.jsx("button",{type:"button",className:"s-btn",onClick:()=>{j("manual")},children:"Try again"})}),i.jsxs("div",{className:"sys-settings-hero",children:[i.jsx("div",{className:"sys-settings-qr-col",children:et?i.jsxs("div",{className:"sys-settings-qr-frame",children:[i.jsx("div",{className:"s-qr",dangerouslySetInnerHTML:{__html:et}}),st&&i.jsxs("span",{className:"sys-settings-qr-expires",children:["Expires in ",st]})]}):i.jsx("div",{className:"sys-settings-qr-empty",children:i.jsx("span",{className:"sys-settings-qr-empty-label",children:"Generating QR..."})})}),i.jsxs("div",{className:"sys-settings-info-col",children:[i.jsxs("div",{className:"sys-input-row",children:[i.jsx("input",{className:"sys-input",type:"text",placeholder:"Your name",value:s,onChange:l=>n(l.target.value),onKeyDown:l=>{l.key==="Enter"&&rt&&!p&&tt()}}),i.jsx("button",{type:"button",className:"s-btn s-btn-primary",disabled:!rt||p,onClick:()=>{tt()},children:p?"Saving...":"Save"})]}),i.jsxs("div",{className:"sys-settings-kv-list",children:[t?.identityFingerprint&&i.jsxs("div",{className:"sys-settings-kv",children:[i.jsx("span",{className:"sys-settings-kv-label",children:"Fingerprint"}),i.jsxs("span",{className:"sys-settings-kv-value",children:[i.jsx("code",{children:t.identityFingerprint}),i.jsx(D,{value:t.identityFingerprint})]})]}),F&&i.jsxs("div",{className:"sys-settings-kv",children:[i.jsx("span",{className:"sys-settings-kv-label",children:"Relay"}),i.jsxs("span",{className:"sys-settings-kv-value",children:[i.jsx("code",{children:F}),i.jsx(D,{value:F})]})]}),kt&&i.jsxs("div",{className:"sys-settings-kv",children:[i.jsx("span",{className:"sys-settings-kv-label",children:"Links"}),i.jsxs("span",{className:"sys-settings-kv-value sys-settings-link-list",children:[y.lan&&i.jsx($,{label:"LAN",value:y.lan}),y.tailnet&&i.jsx($,{label:"TSN",value:y.tailnet}),!y.lan&&!y.tailnet&&y.default&&i.jsx($,{label:"PAIR",value:y.default})]})]}),t?.statusDetail&&i.jsxs("div",{className:"sys-settings-kv",children:[i.jsx("span",{className:"sys-settings-kv-label",children:"Status"}),i.jsx("span",{className:"sys-settings-kv-value sys-settings-kv-nowrap",children:t.statusDetail})]}),nt&&i.jsxs("div",{className:"sys-settings-kv",children:[i.jsx("span",{className:"sys-settings-kv-label",children:"Connected"}),i.jsx("span",{className:"sys-settings-kv-value",children:nt})]}),t?.secure&&i.jsxs("div",{className:"sys-settings-kv",children:[i.jsx("span",{className:"sys-settings-kv-label",children:"Security"}),i.jsx("span",{className:"sys-settings-kv-value",children:i.jsx(B,{tone:"success",children:"Noise XX"})})]})]}),t&&i.jsx("div",{className:"sys-inline-actions sys-settings-controls",children:t.isRunning?i.jsxs(i.Fragment,{children:[i.jsx("button",{type:"button",className:"s-btn",disabled:!!f,onClick:()=>{S("restart")},children:f==="restart"?"Restarting...":"Restart"}),i.jsx("button",{type:"button",className:"s-btn",disabled:!!f,onClick:()=>{S("stop")},children:f==="stop"?"Stopping...":"Stop"})]}):i.jsx("button",{type:"button",className:"s-btn s-btn-primary",disabled:!!f,onClick:()=>{S("start")},children:f==="start"?"Starting...":"Start pairing"})})]})]}),t&&i.jsxs("section",{className:"sys-settings-peers",id:"trusted-peers",children:[i.jsx("div",{className:"sys-section-head",children:i.jsxs("div",{children:[i.jsx("h3",{className:"sys-section-title",children:"Trusted peers"}),i.jsxs("p",{className:"sys-section-subtitle",children:[t.trustedPeers.length," device",t.trustedPeers.length!==1?"s":""," paired with this broker."]})]})}),t.trustedPeers.length===0?i.jsxs("div",{className:"sys-list-empty",children:[i.jsx("h3",{children:"No trusted peers"}),i.jsx("p",{children:"Devices appear here after completing pairing."})]}):i.jsxs("table",{className:"sys-peers-table",children:[i.jsx("thead",{children:i.jsxs("tr",{children:[i.jsx("th",{children:"Device"}),i.jsx("th",{children:"Fingerprint"}),i.jsx("th",{children:"Paired"}),i.jsx("th",{children:"Last seen"}),i.jsx("th",{})]})}),i.jsx("tbody",{children:t.trustedPeers.map(l=>{const v=l.fingerprint===t.connectedPeerFingerprint;return i.jsxs("tr",{className:v?"sys-peers-row-connected":"",children:[i.jsx("td",{children:i.jsxs("span",{className:"sys-peers-name",children:[l.name??ut(l.fingerprint)??"Peer",v&&i.jsx(B,{tone:"success",className:"sys-peers-badge",children:"Connected"})]})}),i.jsx("td",{children:i.jsx("code",{className:"sys-peers-fp",children:l.fingerprint})}),i.jsx("td",{children:l.pairedAtLabel??"—"}),i.jsx("td",{children:l.lastSeenLabel??"—"}),i.jsx("td",{children:i.jsx("button",{type:"button",className:"sys-peers-remove",disabled:W===l.fingerprint,onClick:()=>{Et(l.fingerprint)},title:"Remove peer",children:W===l.fingerprint?"...":"Remove"})})]},l.fingerprint)})})]})]})]})}export{fs as SettingsScreen};