claude-simple 0.2.1 → 0.2.3

package/dist/app.0.2.1.min.js

@@ -1,868 +0,0 @@
-var Ds=Object.defineProperty;var La=Object.getOwnPropertyDescriptor;var Ta=Object.getOwnPropertyNames;var Ea=Object.prototype.hasOwnProperty;var Y=(e,t)=>()=>(e&&(t=e(e=0)),t);var _s=(e,t)=>{for(var s in t)Ds(e,s,{get:t[s],enumerable:!0})},js=(e,t,s,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of Ta(t))!Ea.call(e,a)&&a!==s&&Ds(e,a,{get:()=>t[a],enumerable:!(o=La(t,a))||o.enumerable});return e},Un=(e,t,s)=>(js(e,t,"default"),s&&js(s,t,"default"));var n={};import*as Ji from"https://cdn.jsdelivr.net/gh/forechoandlook/mini-react@v0.1.13/dist/mini-react.min.js";var I=Y(()=>{Un(n,Ji)});var Os={};_s(Os,{AGENT_DEFAULT_MODEL:()=>Hs,AGENT_LABELS:()=>R,AGENT_MODELS:()=>qn,LOW_TURN_THRESHOLD:()=>Gn,activityHits:()=>ce,activityLoading:()=>ke,addCustomModel:()=>kt,agentFilter:()=>X,agentsMeta:()=>nt,chatDensity:()=>$e,collapsedFolders:()=>tt,ctx:()=>f,currentAgent:()=>$,currentEffort:()=>le,currentModel:()=>k,currentPermission:()=>wt,currentProject:()=>y,currentTab:()=>A,expandedFolders:()=>et,favoritesOnly:()=>De,filesPath:()=>C,filesRoot:()=>U,filteredSessions:()=>Pe,getCustomModels:()=>Xt,getDefaultModel:()=>ae,getEffortsForModel:()=>$t,getModelsForAgent:()=>de,getSessionMeta:()=>st,gitRoot:()=>z,hubMachineReady:()=>Se,hubMode:()=>S,isProcessing:()=>oe,machinesList:()=>j,metaKey:()=>O,projectGroups:()=>Ue,removeCustomModel:()=>Kn,selectedMachineId:()=>L,sessionDisplayTitle:()=>ot,sessionFilter:()=>B,sessionMetaMap:()=>v,sessionSearch:()=>N,sessionSort:()=>Ps,sessionsData:()=>E,setAgent:()=>pe,setChatDensity:()=>zn,setSelectedMachine:()=>ee,showHiddenOnly:()=>_e,sidebarView:()=>we,timeRange:()=>Z,viewingFile:()=>F,workspacesData:()=>H,wsStatus:()=>ye});function ee(e){let t=e||null;L.value=t,f.machineId=t,t?localStorage.setItem("machineId",t):localStorage.removeItem("machineId")}function O(e,t,s){let o=`${e||"claude"}:${t}`;return s||f?.machineId?`${s||f.machineId}:${o}`:o}function st(e,t,s){return v.peek()?.[O(e,t,s)]||{favorite:!1,notes:"",title:"",hidden:!1}}function ot(e,{preferSnippet:t=!1}={}){if(!e)return"Session";if(t&&e.snippet)return e.snippet;let o=(st(e.agent,e.sessionId,e.machineId).title||"").trim();return o||e.display||e.sessionId?.slice(0,8)||"Session"}function zn(e){let t=["clean","normal","full"].includes(e)?e:"normal";$e.value=t,localStorage.setItem("chatDensity",t),document.getElementById("messages")?.setAttribute("data-density",t)}function Ma(e){return e?typeof e=="string"?{value:e,label:e}:e.value?{value:String(e.value),label:e.label||e.value,...Array.isArray(e.efforts)&&e.efforts.length?{efforts:e.efforts.map(String)}:{},...e.defaultEffort?{defaultEffort:String(e.defaultEffort)}:{}}:null:null}function Jn(){try{let e=localStorage.getItem(Ns);if(!e)return{};let t=JSON.parse(e);return t&&typeof t=="object"?t:{}}catch{return{}}}function Rs(e){localStorage.setItem(Ns,JSON.stringify(e))}function Xt(e){let t=(e||"claude").toLowerCase(),s=Jn()[t];return Array.isArray(s)?s.filter(Boolean).map(String):[]}function kt(e,t){let s=(e||"claude").toLowerCase(),o=String(t||"").trim();if(!o)return!1;let a=Jn(),i=Array.isArray(a[s])?[...a[s]]:[];return i.includes(o)||i.push(o),a[s]=i,Rs(a),!0}function Kn(e,t){let s=(e||"claude").toLowerCase(),o=String(t||"").trim(),a=Jn(),i=Array.isArray(a[s])?a[s].filter(r=>r!==o):[];return a[s]=i,Rs(a),!0}function de(e){let t=(e||"claude").toLowerCase(),s=nt.peek()?.defaults?.[t],o=s?.models?.length?s.models.map(Ma).filter(Boolean):(qn[t]||qn.claude).map(r=>({...r})),a=Xt(t),i=new Set(o.map(r=>r.value));for(let r of a){if(i.has(r)){o=o.map(c=>{if(c.value!==r)return c;let u=String(c.label||c.value);return{...c,custom:!0,label:u.includes("\u2605")?u:`${u} \u2605`}});continue}i.add(r),o.push({value:r,label:`${r} \u2605`,custom:!0})}return o}function ae(e){let t=(e||"claude").toLowerCase(),s=nt.peek()?.defaults?.[t];return s?.model?String(s.model):Hs[t]||de(t)[0]?.value||"claude-sonnet-4-5"}function $t(e,t){let o=de(e).find(i=>i.value===t);if(o?.efforts?.length)return o.efforts;let a=nt.peek()?.defaults?.[(e||"claude").toLowerCase()];return a?.efforts?.length?a.efforts.map(String):["low","medium","high","xhigh","max"]}function pe(e){let t=(e||"claude").toLowerCase();$.value=t,localStorage.setItem("agent",t);let s=de(t),o=ae(t);s.some(a=>a.value===k.peek())||(k.value=o,localStorage.setItem("model",o))}function Ia(e,t){return!t||t==="all"?!0:(e.agent||"claude")===t}function Ca(e,t){let s=parseInt(t||"0",10)||0;if(s<=0)return!0;let o=e.updatedAt||0;if(typeof o=="string"){let a=Number(o);o=Number.isFinite(a)&&a>0?a<1e12?a*1e3:a:Date.parse(o)||0}else typeof o=="number"&&o>0&&o<1e12&&(o=o*1e3);return o>=Date.now()-s*864e5}function Aa(e,t){if(!t)return!0;let s=v.value?.[O(e.agent,e.sessionId,e.machineId)];return[e.display,e.cwd,e.projectName,e.agent,e.sessionId,e.snippet,e.machineId,s?.notes,s?.title].filter(Boolean).join(" ").toLowerCase().includes(t)}function Wn(e){return Array.isArray(e)?e:e&&Array.isArray(e.results)?e.results:e&&Array.isArray(e.sessions)?e.sessions:[]}var E,H,B,N,Ps,et,tt,C,F,y,A,oe,ye,$,k,le,wt,U,z,nt,we,X,Z,ce,ke,v,De,_e,Gn,$e,S,j,L,Se,f,R,qn,Hs,Ns,Pe,Ue,M=Y(()=>{I();E=(0,n.signal)([]),H=(0,n.signal)([]),B=(0,n.signal)(null),N=(0,n.signal)(""),Ps=(0,n.signal)("time"),et=(0,n.signal)(new Set),tt=(0,n.signal)(new Set),C=(0,n.signal)(""),F=(0,n.signal)(null),y=(0,n.signal)(null),A=(0,n.signal)("chat"),oe=(0,n.signal)(!1),ye=(0,n.signal)("idle"),$=(0,n.signal)(localStorage.getItem("agent")||"claude"),k=(0,n.signal)(localStorage.getItem("model")||"claude-sonnet-4-5"),le=(0,n.signal)(""),wt=(0,n.signal)("default"),U=(0,n.signal)(""),z=(0,n.signal)(""),nt=(0,n.signal)(null),we=(0,n.signal)(localStorage.getItem("sidebarView")||"projects"),X=(0,n.signal)(localStorage.getItem("agentFilter")||"all"),Z=(0,n.signal)(localStorage.getItem("timeRange")||"14"),ce=(0,n.signal)(null),ke=(0,n.signal)(!1),v=(0,n.signal)({}),De=(0,n.signal)(localStorage.getItem("favoritesOnly")==="1"),_e=(0,n.signal)(localStorage.getItem("showHiddenOnly")==="1"),Gn=2,$e=(0,n.signal)(localStorage.getItem("chatDensity")||"normal"),S=(0,n.signal)(!1),j=(0,n.signal)([]),L=(0,n.signal)(null),Se=(0,n.signal)(!1),f={token:localStorage.getItem("token"),sessionId:null,agent:null,machineId:null,ws:null,shellBubble:null,configDir:null};R={claude:"Claude",codex:"Codex",grok:"Grok"},qn={claude:[{value:"claude-sonnet-4-5",label:"sonnet-4-5"},{value:"claude-sonnet-4-6",label:"sonnet-4-6"},{value:"claude-opus-4-5",label:"opus-4-5"},{value:"claude-haiku-4-5",label:"haiku-4-5"}],codex:[{value:"gpt-5.4",label:"gpt-5.4"},{value:"gpt-5.3",label:"gpt-5.3"},{value:"gpt-5.2",label:"gpt-5.2"},{value:"o3",label:"o3"},{value:"o4-mini",label:"o4-mini"},{value:"codex-mini-latest",label:"codex-mini"}],grok:[{value:"grok-4.5",label:"grok-4.5"},{value:"grok-4",label:"grok-4"},{value:"grok-3",label:"grok-3"},{value:"grok-3-mini",label:"grok-3-mini"}]},Hs={claude:"claude-sonnet-4-5",codex:"gpt-5.4",grok:"grok-4.5"};Ns="customModelsByAgent";Pe=(0,n.computed)(()=>{let e=B.value,t=N.value.toLowerCase().trim(),s=Ps.value,o=X.value,a=Z.value,i=De.value,r=_e.value,c=v.value,u=ce.value,l=u?.results?.length&&t?Wn(u.results):Wn(E.value);e&&(l=l.filter(p=>p&&(p.cwd===e||p.configDir===e)));let d=L.value;return S.value&&d&&(l=l.filter(p=>p&&(!p.machineId||p.machineId===d))),l=l.filter(p=>p&&Ia(p,o)&&Ca(p,a)),r?l=l.filter(p=>p&&c?.[O(p.agent,p.sessionId,p.machineId)]?.hidden):l=l.filter(p=>p&&!c?.[O(p.agent,p.sessionId,p.machineId)]?.hidden),i&&(l=l.filter(p=>p&&c?.[O(p.agent,p.sessionId,p.machineId)]?.favorite)),t&&!(u?.results&&u.q===t)&&(l=l.filter(p=>p&&Aa(p,t))),l=[...l].sort((p,m)=>{let x=c?.[O(p.agent,p.sessionId,p.machineId)]?.favorite?1:0,g=c?.[O(m.agent,m.sessionId,m.machineId)]?.favorite?1:0;return x!==g?g-x:s==="project"&&(p.cwd||"").localeCompare(m.cwd||"")||m.updatedAt-p.updatedAt}),!e&&!t&&!i?l.slice(0,120):l}),Ue=(0,n.computed)(()=>{let e=Wn(Pe.value),t=new Map;for(let s of e){if(!s)continue;let o=s.machineId?`${s.machineId}::${s.cwd||"(no path)"}`:s.cwd||"(no path)";t.has(o)||t.set(o,{cwd:s.cwd||null,machineId:s.machineId||null,projectName:s.projectName||(s.cwd?s.cwd.split("/").filter(Boolean).pop():"(no path)"),updatedAt:0,agents:{},sessions:[],latest:null});let a=t.get(o);a.sessions.push(s),a.agents[s.agent||"claude"]=(a.agents[s.agent||"claude"]||0)+1,(s.updatedAt||0)>a.updatedAt&&(a.updatedAt=s.updatedAt,a.latest=s)}return[...t.values()].sort((s,o)=>o.updatedAt-s.updatedAt)})});function St(e={}){return e.machineId!==void 0?e.machineId:f.machineId||L.peek()||null}function Da(e){let t=e.split("?")[0];return t==="/api/hub"||t==="/api/machines"||t.startsWith("/api/auth/")}async function h(e,t,s,o,a={}){let i=St(a),r={"Content-Type":"application/json",...f.token?{Authorization:`Bearer ${f.token}`}:{}};S.peek()&&i&&!Da(t)&&(r["X-Machine-Id"]=i);let c=a.etag===!0?`${f.token||""}:${i||""}:${t}`:a.etag||null;if(e.toUpperCase()==="GET"&&c){let d=Bs.get(c);d&&(r["If-None-Match"]=d)}let u=async()=>{let d=await fetch(t,{method:e,signal:o,headers:r,...s!==void 0?{body:JSON.stringify(s)}:{}});if(d.status===304)return Vn;let p=await d.json().catch(()=>({}));if(!d.ok)throw new Error(p.error||`HTTP ${d.status}`);if(c){let m=d.headers.get("ETag");m&&Bs.set(c,m)}return p};if(e.toUpperCase()!=="GET"||o||a.dedupe===!1)return u();let l=`${f.token||""}:${i||""}:${t}`;return ja.get(l,u)}function Lt(e){return f.ws?.readyState===WebSocket.OPEN?(f.ws.send(JSON.stringify(e)),!0):(e?.type==="ping"||e?.type==="pong"||e?.type==="subscribe"||Qt.push(e),!1)}function Fs(){for(;Qt.length&&f.ws?.readyState===WebSocket.OPEN;)f.ws.send(JSON.stringify(Qt.shift()))}function Us(){Qt.length=0}function qs(e={}){let t=new URLSearchParams(e);f.token&&t.set("token",f.token);let s=St();return S.peek()&&s&&t.set("machine",s),t.toString()}function Tt(e={}){let t={...e};f.token&&(t.Authorization=`Bearer ${f.token}`);let s=St();return S.peek()&&s&&(t["X-Machine-Id"]=s),t}async function at(){try{let e=await fetch("/api/hub");if(!e.ok)return S.value=!1,!1;let t=await e.json();if(t?.hub)return S.value=!0,t}catch{}return S.value=!1,!1}var ja,Bs,Vn,Qt,J=Y(()=>{M();I();ja=(0,n.createFetch)({cache:!1,dedupe:!0,retry:0}),Bs=new Map,Vn=Symbol("not-modified");Qt=[]});function qe(){try{let e=localStorage.getItem(Ks);return e?JSON.parse(e):null}catch{return null}}function Yn(e){try{let s={...qe()||{},...e,updatedAt:Date.now()};localStorage.setItem(Ks,JSON.stringify(s))}catch{}}var Ks,Zt=Y(()=>{Ks="lastSessionContext"});async function Xn(){if(Et&&!(typeof navigator>"u"||!navigator.wakeLock?.request)&&document.visibilityState==="visible"&&!We)try{We=await navigator.wakeLock.request("screen"),We.addEventListener("release",()=>{We=null,Et&&document.visibilityState==="visible"&&setTimeout(()=>{Xn().catch(()=>{})},500)})}catch{We=null}}async function Vs(){let e=We;if(We=null,!!e)try{await e.release()}catch{}}function Ys(e){Et=!!e,Et?Xn().catch(()=>{}):Vs().catch(()=>{})}function Xs(){typeof document>"u"||document.addEventListener("visibilitychange",()=>{document.visibilityState==="visible"&&Et?Xn().catch(()=>{}):document.visibilityState==="hidden"&&Vs().catch(()=>{})})}var We,Et,Qs=Y(()=>{We=null,Et=!1});function _(e){if(e==null||e==="")return null;if(typeof e=="number")return!Number.isFinite(e)||e<=0?null:e<1e12?Math.round(e*1e3):Math.round(e);if(typeof e=="string"){let t=e.trim();if(/^\d+(\.\d+)?$/.test(t))return _(Number(t));let s=Date.parse(t);return Number.isNaN(s)?null:s}return null}function Mt(e){let t=_(e);if(t==null)return"";let s=Date.now()-t;return s<0?new Date(t).toLocaleDateString():s<6e4?"just now":s<36e5?`${Math.floor(s/6e4)}m ago`:s<864e5?`${Math.floor(s/36e5)}h ago`:s<7*864e5?`${Math.floor(s/864e5)}d ago`:new Date(t).toLocaleDateString()}function rt(e,t=!0){let s=e||"claude",a={claude:"bg-orange-500/15 text-orange-400",codex:"bg-emerald-500/15 text-emerald-400",grok:"bg-sky-500/15 text-sky-400"}[s]||"bg-base-300 text-base-content/50",i=t?s==="claude"?"CC":s==="codex"?"CX":s==="grok"?"GX":s.slice(0,2).toUpperCase():R[s]||s;return`<span class="text-[9px] px-1 py-0.5 rounded font-mono font-semibold flex-shrink-0 ${a}" title="${(0,n.esc)(R[s]||s)}">${i}</span>`}function Zs(e){return Object.entries(e||{}).filter(([,t])=>t>0).map(([t,s])=>`${rt(t)}<span class="text-[9px] text-base-content/40 -ml-0.5">${s}</span>`).join("")}function lt(e){if(!e)return"";let t="",s=e.split("/").filter(Boolean);return s.length<=3?e:"\u2026/"+s.slice(-2).join("/")}var It=Y(()=>{I();M()});function _a(){return R[$.peek()]||"Assistant"}function oo(e){return e.scrollHeight-e.scrollTop-e.clientHeight<80}function ne(e,t){e&&(t||oo(e))&&(e.scrollTop=e.scrollHeight)}function Pa(){eo||(eo=!0,document.addEventListener("visibilitychange",()=>{if(document.visibilityState==="visible"&&(he=400,en({probe:!0}),f.ws?.readyState===WebSocket.OPEN&&f.sessionId))try{f.ws.send(JSON.stringify({type:"subscribe",sessionId:f.sessionId}))}catch{}}),window.addEventListener("online",()=>{he=400,en({force:!0})}),window.addEventListener("pageshow",e=>{e.persisted?en({force:!0}):en({probe:!0})}))}function Pt(){let e=(0,n.$)("conn-dot");if(!e)return;let t=ye.peek();e.classList.remove("bg-success","bg-warning","bg-error","bg-base-content/30","animate-pulse"),t==="open"?(e.classList.add("bg-success"),e.title="\u5DF2\u8FDE\u63A5"):t==="connecting"||t==="reconnecting"?(e.classList.add("bg-warning","animate-pulse"),e.title=t==="connecting"?"\u8FDE\u63A5\u4E2D\u2026":"\u91CD\u8FDE\u4E2D\u2026"):t==="offline"?(e.classList.add("bg-error"),e.title="\u79BB\u7EBF"):(e.classList.add("bg-base-content/30"),e.title="\u672A\u8FDE\u63A5")}function en(e={}){let t=f.ws?.readyState;if(e.force){he=400,Me({quiet:!0});return}if(t===WebSocket.OPEN){if(e.probe&&Te&&Date.now()-Te>45e3)try{f.ws.close()}catch{}else if(e.probe&&f.ws.readyState===WebSocket.OPEN)try{f.ws.send(JSON.stringify({type:"ping"}))}catch{}return}t!==WebSocket.CONNECTING&&(he=Math.min(he,800),Me({quiet:!0}))}function Ha(){Ee||(ye.value=typeof navigator<"u"&&navigator.onLine===!1?"offline":"reconnecting",Pt(),Ee=setTimeout(()=>{Ee=null,Me({quiet:!0})},he),he=Math.min(Math.round(he*1.8),15e3))}function ao(){tn&&(clearInterval(tn),tn=null)}function Na(e,t){ao(),tn=setInterval(()=>{if(!(t!==At||e.readyState!==WebSocket.OPEN)){if(Te&&Date.now()-Te>7e4){try{e.close()}catch{}return}if(!(typeof document<"u"&&document.visibilityState==="hidden")&&Te&&Date.now()-Te>4e4)try{e.send(JSON.stringify({type:"ping"}))}catch{}}},3e4)}function Ge(){let e=oe.peek()||!!y.peek()&&ye.peek()==="open";Ys(e)}function Ra(){he=400,Ee&&(clearTimeout(Ee),Ee=null),sn=!1;let e=f.ws?.readyState;if(e===WebSocket.OPEN||e===WebSocket.CONNECTING)try{f.ws?.close()}catch{}Me({quiet:!1}),b("\u6B63\u5728\u91CD\u65B0\u8FDE\u63A5\u5E76\u540C\u6B65\u2026")}function Me(e={}){Pa(),Ee&&(clearTimeout(Ee),Ee=null),e.quiet&&(sn=!0);let t=f.machineId||(typeof localStorage<"u"?localStorage.getItem("machineId"):null);to!==t&&(Us(),to=t);let s=++At;try{f.ws?.close()}catch{}ye.value="connecting",Pt();let o=location.protocol==="https:"?"wss":"ws",a=new URLSearchParams;f.token&&a.set("token",f.token),t&&a.set("machine",t),f.sessionId&&a.set("sessionId",f.sessionId);let i=new WebSocket(`${o}://${location.host}/ws/chat?${a}`);f.ws=i,i.addEventListener("open",()=>{if(s===At){if(he=1e3,Te=Date.now(),ye.value="open",Pt(),f.sessionId)try{i.send(JSON.stringify({type:"subscribe",sessionId:f.sessionId}))}catch{}Fs(),Na(i,s),Ge(),nn&&!sn&&b(t?`\u5DF2\u91CD\u8FDE \xB7 ${t}`:"\u5DF2\u91CD\u8FDE"),nn=!1,sn=!1}}),i.addEventListener("message",r=>{if(s!==At)return;let c;try{c=JSON.parse(r.data)}catch{return}if(c.type==="pong"){Te=Date.now();return}if(c.type==="ping"){if(Te=Date.now(),i.readyState===WebSocket.OPEN)try{i.send(JSON.stringify({type:"pong"}))}catch{}return}if(c.type==="run-status"){c.running?oe.value=!0:oe.peek()&&(oe.value=!1,io()),Ge();return}ro(c)}),i.addEventListener("close",()=>{s===At&&(ao(),nn=!0,ye.value=typeof navigator<"u"&&navigator.onLine===!1?"offline":"reconnecting",Pt(),Ha())}),i.addEventListener("error",()=>{})}function io(){if(!_t||oe.peek())return;let e=_t;_t=null;let t=(0,n.$)("chat-input");t&&(t.value=e,rn(t)),setTimeout(()=>pn(),0)}function jt(){oe.value=!1,Ge(),io()}function ro(e){if(e.type==="batch"&&Array.isArray(e.items)){for(let t of e.items)ro(t);return}if(e.type==="session-created"){f.sessionId=e.sessionId,e.agent&&pe(e.agent),document.dispatchEvent(new CustomEvent("sessions-changed"));return}if(e.type==="result"){Dt(),Ct(),ie();let t=e.usage;if(t){let s={input_tokens:t.inputTokens??t.input_tokens,output_tokens:t.outputTokens??t.output_tokens,cache_read_input_tokens:t.cacheReadInputTokens??t.cache_read_input_tokens,cache_creation_input_tokens:t.cacheCreationInputTokens??t.cache_creation_input_tokens,total_tokens:t.totalTokens??t.total_tokens,reasoning_tokens:t.reasoningTokens??t.reasoning_tokens,costUSD:t.costUSD??t.cost_usd};f.lastUsage=s,f.sessionId&&(f.lastUsageSessionId=f.sessionId),ct(s)}e.is_error||b("\u2713 Done"),jt();return}if(e.type==="complete"){Dt(),Ct(),ie(),!e.aborted&&e.agent==="claude"?b("\u2713 Done"):!e.aborted&&e.agent&&e.agent!=="claude"&&!e.error||(!e.aborted&&!e.agent?b("\u2713 Done"):e.aborted&&b("\u5DF2\u505C\u6B62")),jt();return}if(e.type==="error"){Dt(),Ct(),ze("error","Error",e.message),jt();return}if(e.type==="shell-start"){f.shellBubble=null;return}if(e.type==="shell-output"){f.shellBubble||(f.shellBubble=Ya(e.stream==="stderr"?"shell-err":"shell")),Xa(f.shellBubble,e.data);return}if(e.type==="shell-exit"){f.shellBubble=null,b(e.code===0?"\u2713 Exit 0":`\u2717 Exit ${e.code}${e.error?": "+e.error:""}`),jt();return}if(e.type==="assistant"){Ct();for(let t of e.message?.content||[])t.type==="text"&&t.text?(ie(),ze("assistant",_a(),t.text,{ts:e.ts||Date.now()})):t.type==="tool_use"&&es(t,{ts:e.ts||Date.now()});return}if(e.type==="assistant_stream_start"){lo(e.ts);return}if(e.type==="assistant_delta"){Oa(e.data||"");return}if(e.type==="assistant_stream_end"){Ct();return}if(e.type==="thought_stream_start"){co();return}if(e.type==="thought_delta"){Ba(e.data||"");return}if(e.type==="thought_stream_end"){Dt();return}if(e.type==="status"){let t=(0,n.$)("stream-status");if(t)t.textContent=e.message||"";else{let s=(0,n.$)("messages");s&&e.message&&(s.insertAdjacentHTML("beforeend",`<div id="stream-status" class="text-center text-[10px] text-base-content/35 py-0.5">${(0,n.esc)(e.message)}</div>`),ne(s))}return}if(e.type==="permission_resolved"){let t=e.requestId||e.request_id;t&&(0,n.$)(`perm-${t}`)?.remove();return}(e.type==="permission_request"||e.request_id&&e.tool_name)&&ei(e)}function lo(e){let t=(0,n.$)("messages");if(!t||(ie(),Dt(),fe&&t.contains(fe)))return;let s=ln(e||Date.now()),o=cn(e||Date.now());t.insertAdjacentHTML("beforeend",`
-    <div class="msg-row assistant px-2 live-stream" data-ts="${(0,n.esc)(o)}">
-      <div class="max-w-[88%] rounded-2xl rounded-tl-sm px-3 py-2 text-sm bg-base-200 break-words md">
-        <div class="msg-stream-body whitespace-pre-wrap"></div>
-      </div>
-      ${s?`<div class="msg-ts" title="${(0,n.esc)(o)}">${(0,n.esc)(s)}</div>`:""}
-    </div>`),fe=t.lastElementChild,te=fe.querySelector(".msg-stream-body"),(0,n.$)("stream-status")?.remove(),ne(t,!0)}function Oa(e){e&&(te||lo(Date.now()),te&&(te.textContent+=e,ne((0,n.$)("messages"),!0)))}function Ct(){if(!fe||!te){fe=null,te=null;return}let e=te.textContent||"";e.trim()?(te.classList.remove("whitespace-pre-wrap"),te.classList.add("md"),te.innerHTML=on(e),fo(fe)):fe.remove(),fe=null,te=null,(0,n.$)("stream-status")?.remove()}function co(){let e=(0,n.$)("messages");e&&(He&&e.contains(He)||(e.insertAdjacentHTML("beforeend",`
-    <div class="msg-row assistant px-2 thought-stream">
-      <div class="max-w-[88%] rounded-lg border border-base-300/60 bg-base-200/50 px-2.5 py-1.5 text-[11px] text-base-content/45">
-        <div class="font-medium text-base-content/35 mb-0.5">thinking\u2026</div>
-        <div class="thought-body font-mono whitespace-pre-wrap max-h-24 overflow-y-auto opacity-80"></div>
-      </div>
-    </div>`),He=e.lastElementChild,me=He.querySelector(".thought-body"),ne(e,!0)))}function Ba(e){e&&(me||co(),me&&(me.textContent+=e,me.scrollTop=me.scrollHeight,ne((0,n.$)("messages"),!0)))}function Dt(){if(He&&me){let e=(me.textContent||"").length;He.innerHTML=`
-      <div class="text-[10px] text-base-content/30 px-1 select-none">\u{1F4AD} thought ${e?`(${e} chars)`:""}</div>`}He=null,me=null}function Ua(e){let[t,...s]=e.slice(1).trim().split(/\s+/),o=s.join(" ");switch(t.toLowerCase()){case"agent":{if(!o)return b(`Current agent: ${$.peek()} \xB7 agents: claude | codex | grok`),!0;let a=o.toLowerCase();return["claude","codex","grok"].includes(a)?(a!==$.peek()?(f.sessionId=null,pe(a),k.value=ae(a),localStorage.setItem("model",k.peek()),document.dispatchEvent(new CustomEvent("agent-changed")),b(`Agent \u2192 ${R[a]} \xB7 model ${k.peek()} \xB7 new session`)):b(`Agent already ${R[a]}`),!0):(b(`Unknown agent "${o}" \xB7 valid: claude | codex | grok`),!0)}case"model":{if(!o){let c=$.peek(),u=de(c).map(l=>l.value).join(" | ");return b(`Current model: ${k.peek()} (${c})${u?`
-Available: ${u}`:""}`),!0}let a=Fa[o.toLowerCase()]||o,i=$.peek()||"claude",r=de(i).some(c=>c.value===a);return r||kt(i,a),k.value=a,localStorage.setItem("model",a),b(`Model set to ${a}${r?"":" (saved as custom \u2605)"}`),document.dispatchEvent(new CustomEvent("agent-changed")),!0}case"effort":{let a=$t($.peek(),k.peek());return o?a.includes(o.toLowerCase())?(le.value=o.toLowerCase(),b(`Effort set to ${o.toLowerCase()}`),!0):(b(`Unknown effort level "${o}" \xB7 valid: ${a.join(" | ")}`),!0):(b(`Current effort: ${le.peek()||"(default)"} \xB7 levels: ${a.join(" | ")}`),!0)}case"clear":return dt(),f.sessionId=null,f.lastUsage=null,b("Cleared \xB7 new session"),!0;case"usage":return qa(),!0;case"help":return b(`Available slash commands:
-  /agent [claude|codex|grok]
-  /model [haiku|sonnet|opus|<model-id>]
-  /effort [low|medium|high|xhigh|max]
-  /usage
-  /clear
-  /help`),!0;default:return!1}}function K(e){if(e==null||Number.isNaN(Number(e)))return"\u2014";let t=Number(e);return t>=1e6?`${(t/1e6).toFixed(2)}M`:t>=1e3?`${(t/1e3).toFixed(1)}k`:String(Math.round(t))}async function qa(){let e=$.peek()||"claude",t=k.peek()||"\u2014",s=f.sessionId,o=[`Agent: ${R[e]||e}`,`Model: ${t}`,`Session: ${s?s.slice(0,8)+"\u2026":"(new \u2014 send a message first)"}`];if(f.lastUsage&&(!s||f.lastUsageSessionId===s)){let a=f.lastUsage;o.push(`Last turn: \u2191${K(a.input_tokens)} \u2193${K(a.output_tokens)}`+(a.cache_read_input_tokens?` \xB7 ${K(a.cache_read_input_tokens)} cached`:"")+(a.reasoning_tokens?` \xB7 ${K(a.reasoning_tokens)} reason`:"")+(a.total_tokens?` \xB7 \u03A3${K(a.total_tokens)}`:"")+(a.costUSD!=null?` \xB7 $${Number(a.costUSD).toFixed(4)}`:""))}if(!s){b(o.join(`
-`)),Qn("\u25C8 /usage \xB7 no session yet");return}b("Loading usage\u2026");try{let a=new URLSearchParams({sessionId:s,agent:e}),r=(await h("GET",`/api/usage?${a}`)).context||{};if(r.model&&(o[1]=`Model: ${r.model}`),r.title&&o.push(`Title: ${r.title}`),r.tokensUsed!=null||r.windowTokens!=null||r.usagePercent!=null){let u=r.tokensUsed!=null?K(r.tokensUsed):"\u2014",l=r.windowTokens!=null?K(r.windowTokens):"\u2014",d=r.usagePercent!=null?`${r.usagePercent}%`:"\u2014";o.push(`Context window: ${u} / ${l} (${d})`)}if(r.turnCount!=null&&o.push(`Turns: ${r.turnCount}`),r.toolCallCount!=null&&o.push(`Tools: ${r.toolCallCount}`),r.sessionDurationSeconds!=null){let u=Math.floor(r.sessionDurationSeconds/60),l=Math.round(r.sessionDurationSeconds%60);o.push(`Duration: ${u}m ${l}s`)}if(r.sessionTotals){let u=r.sessionTotals;o.push(`Session totals: \u2191${K(u.input_tokens)} \u2193${K(u.output_tokens)}`+(u.cache_read_input_tokens?` \xB7 ${K(u.cache_read_input_tokens)} cached`:"")+(u.total_tokens?` \xB7 \u03A3${K(u.total_tokens)}`:"")+(u.costUSD?` \xB7 $${Number(u.costUSD).toFixed(4)}`:""))}if(r.lastTurn&&!f.lastUsage){let u=r.lastTurn;o.push(`Last completed turn: \u2191${K(u.input_tokens)} \u2193${K(u.output_tokens)}`+(u.cache_read_input_tokens?` \xB7 ${K(u.cache_read_input_tokens)} cached`:"")+(u.costUSD!=null?` \xB7 $${Number(u.costUSD).toFixed(4)}`:""))}r.note&&o.push(r.note);let c=(0,n.$)("messages");if(c){let u=[...c.children];for(let l=u.length-1;l>=0;l--)if(u[l].textContent==="Loading usage\u2026"){u[l].remove();break}}b(o.join(`
-`)),(r.tokensUsed!=null||r.windowTokens!=null)&&Zn({tokensUsed:r.tokensUsed,windowTokens:r.windowTokens,usagePercent:r.usagePercent,model:r.model||t,turnCount:r.turnCount,toolCallCount:r.toolCallCount}),r.sessionTotals?ct(r.sessionTotals):r.lastTurn?ct(r.lastTurn):f.lastUsage&&ct(f.lastUsage)}catch(a){let i=(0,n.$)("messages");if(i){let r=[...i.children];for(let c=r.length-1;c>=0;c--)if(r[c].textContent==="Loading usage\u2026"){r[c].remove();break}}b(`${o.join(`
-`)}
-(usage fetch failed: ${a.message})`)}}function pn(){let e=(0,n.$)("chat-input"),t=e?.value.trim();if(!t||!y.peek())return;if(oe.peek()){_t=t,e.value="",rn(e),an(""),b(`\u5DF2\u6392\u961F\u4E0B\u4E00\u6761\uFF0C\u5F53\u524D\u56DE\u590D\u7ED3\u675F\u540E\u53D1\u9001\uFF1A${t.length>80?t.slice(0,80)+"\u2026":t}`);return}if(e.value="",rn(e),an(""),t.startsWith("/")&&Ua(t))return;oe.value=!0,Ge();let s=Date.now();if(t.startsWith("!"))ze("shell","$ Shell",t.slice(1).trim(),{ts:s}),Lt({type:"command",cmd:"shell.exec",command:t.slice(1).trim(),cwd:y.peek().path})||b("\u8FDE\u63A5\u672A\u5C31\u7EEA\uFF0C\u547D\u4EE4\u5DF2\u5165\u961F\uFF0C\u91CD\u8FDE\u540E\u53D1\u9001");else{ie(),ze("user","You",t,{ts:s});let o=le.peek(),a=wt.peek(),i=$.peek()||"claude";Lt({type:"command",cmd:"turn.start",agent:i,command:t,sessionId:f.sessionId,options:{agent:i,cwd:y.peek().path,sessionId:f.sessionId,configDir:f.configDir,model:k.peek(),...o&&{effort:o},...a&&a!=="default"&&{permissionMode:a},...a==="bypassPermissions"&&{allowDangerouslySkipPermissions:!0}}})||b("\u8FDE\u63A5\u672A\u5C31\u7EEA\uFF0C\u6D88\u606F\u5DF2\u5165\u961F\uFF0C\u91CD\u8FDE\u540E\u53D1\u9001")}}function po(){f.sessionId&&Lt({type:"command",cmd:"turn.interrupt",sessionId:f.sessionId}),_t=null,jt()}function an(e){let t=e.startsWith("!"),s=(0,n.$)("chat-input"),o=(0,n.$)("send-btn");if(!s||!o)return;s.classList.toggle("textarea-warning",t),s.style.fontFamily=t?"monospace":"",o.classList.toggle("btn-warning",t),o.classList.toggle("btn-primary",!t),o.textContent=t?"Run":"Send";let a=R[$.peek()]||"agent";s.placeholder=t?"Shell command (without !)\u2026":`Ask ${a}\u2026 or !cmd for shell`}function rn(e){e.style.height="auto",e.style.height=Math.min(e.scrollHeight,140)+"px"}function ln(e){let t=_(e);if(t==null)return"";let s=new Date(t);if(Number.isNaN(s.getTime()))return"";let o=new Date,a=s.toDateString()===o.toDateString(),i=s.toLocaleTimeString(void 0,{hour:"2-digit",minute:"2-digit",second:"2-digit",hour12:!1});return a?i:`${s.toLocaleDateString(void 0,{month:"numeric",day:"numeric"})} ${i}`}function cn(e){let t=_(e);return t==null?"":new Date(t).toISOString()}function za(e,t,s){if(e==="system")return t;let o=ln(s),a=cn(s),i=o?`<div class="msg-ts" title="${(0,n.esc)(a)}">${(0,n.esc)(o)}</div>`:"";return`<div class="msg-row ${e==="user"?"user":e==="shell"||e==="shell-err"?"assistant":e} px-2" data-ts="${(0,n.esc)(a)}">${t}${i}</div>`}function Ja(e,t,s){let o='<button class="msg-expand-btn text-[10px] text-primary/70 mt-1.5 block cursor-pointer hover:text-primary">\u25BC Show more</button>',a;switch(e){case"user":{let r=/!\[.*?\]\(.*?\)/.test(t)?on(t):null,c=t.length>Wa,u=c?`<div class="msg-body">${r??(0,n.esc)(t.trimEnd())}</div>${o}`:r??(0,n.esc)(t.trimEnd());a=`<div class="max-w-[80%] rounded-2xl rounded-tr-sm px-3 py-2 text-sm bg-primary/15 border border-primary/20 text-base-content break-words${c?" msg-card":""}${r?" md":""}"${r?"":' style="white-space:pre-wrap"'}>${u}</div>`;break}case"assistant":{let i=t.length>Ga,r=i?`<div class="msg-body">${on(t)}</div>${o}`:on(t);a=`<div class="max-w-[min(92%,52rem)] rounded-2xl rounded-tl-sm px-3.5 py-2.5 text-sm bg-base-200 border border-base-300/40 break-words md leading-relaxed${i?" msg-card":""}">${r}</div>`;break}case"error":a=`<div class="max-w-[88%] rounded-2xl rounded-tl-sm px-3 py-2 text-sm bg-error/10 border border-error/20 text-error break-words" style="white-space:pre-wrap">${(0,n.esc)(t)}</div>`;break;case"shell":case"shell-err":a=`<div class="w-full max-w-[96%] rounded-lg code-surface px-3 py-2 text-sm font-mono ${e==="shell-err"?"text-error":""} break-words" style="white-space:pre-wrap">${(0,n.esc)(t)}</div>`;break;case"system":return`<div class="text-center text-[11px] text-base-content/30 py-0.5 select-none">${(0,n.esc)(t)}</div>`;default:a=`<div class="rounded-lg px-3 py-2 text-sm bg-base-300 break-words" style="white-space:pre-wrap">${(0,n.esc)(t)}</div>`}return za(e,a,s)}function ze(e,t,s,o={}){let a=(0,n.$)("messages");if(!a)return;let i=_(o.ts)??(e==="system"?null:Date.now());a.insertAdjacentHTML("beforeend",Ja(e,s,i)),fo(a.lastElementChild),ne(a,e==="user")}function b(e){ze("system","",e)}async function Ka(e,t){let s=await fetch("/api/upload-image",{method:"POST",headers:{Authorization:`Bearer ${f.token}`,"x-filename":t},body:e});if(!s.ok)throw new Error(`Upload failed: ${s.status}`);return(await s.json()).path}function Va(e,t){let s=e.selectionStart,o=e.selectionEnd;e.value=e.value.slice(0,s)+t+e.value.slice(o),e.selectionStart=e.selectionEnd=s+t.length,e.dispatchEvent(new Event("input"))}function uo(){document.addEventListener("paste",async e=>{let t=(0,n.$)("chat-input");if(!t||document.activeElement!==t)return;let o=[...e.clipboardData?.items||[]].find(c=>c.type.startsWith("image/"));if(!o)return;e.preventDefault();let a=o.getAsFile(),i=o.type.split("/")[1]||"png",r=`paste-${Date.now()}.${i}`;t.disabled=!0;try{let c=await Ka(a,r);Va(t,`![${r}](${c})`)}catch(c){b(`Image paste failed: ${c.message}`)}finally{t.disabled=!1,t.focus()}})}function Le(e){return e>=1e3?`${(e/1e3).toFixed(1)}k`:String(e)}function Qn(e){let t=(0,n.$)("messages");t&&(t.insertAdjacentHTML("beforeend",`<div class="flex items-center gap-1.5 px-1 py-0.5 text-[10px] font-mono text-base-content/30 select-none">
-       <span class="text-base-content/20">\u25C8</span>${(0,n.esc)(e)}
-     </div>`),ne(t))}function ct(e){if(!e)return;let t=e.input_tokens??e.inputTokens??0,s=e.output_tokens??e.outputTokens??0,o=e.total_tokens??e.totalTokens??t+s,a=e.cache_read_input_tokens??e.cachedReadTokens?` \xB7 ${Le(e.cache_read_input_tokens??e.cachedReadTokens)} cached`:"",i=e.cache_creation_input_tokens??e.cacheCreationInputTokens?` \xB7 ${Le(e.cache_creation_input_tokens??e.cacheCreationInputTokens)} cache-write`:"",r=e.reasoning_tokens??e.reasoningTokens?` \xB7 ${Le(e.reasoning_tokens??e.reasoningTokens)} reason`:"",c=e.costUSD??e.cost_usd,u=c!=null?` \xB7 $${Number(c).toFixed(4)}`:"",l=o?` \xB7 \u03A3${Le(o)}`:"";Qn(`\u2191${Le(t)} \u2193${Le(s)}${a}${i}${r}${l}${u}`)}function Zn(e){if(!e)return;let t=e.tokensUsed??e.contextTokensUsed,s=e.windowTokens??e.contextWindowTokens,o=e.usagePercent??e.contextWindowUsage;if(t==null&&s==null&&o==null)return;let a=[];t!=null&&s!=null?a.push(`context ${Le(t)} / ${Le(s)}`):t!=null&&a.push(`context ${Le(t)}`),o!=null&&a.push(`${o}%`),e.model&&a.push(e.model),e.turnCount!=null&&a.push(`${e.turnCount} turns`),e.toolCallCount!=null&&a.push(`${e.toolCallCount} tools`),Qn(`\u25A3 ${a.join(" \xB7 ")}`)}function dt(){let e=(0,n.$)("messages"),t=(0,n.$)("permission-requests");e&&(e.innerHTML=""),t&&(t.innerHTML=""),f.shellBubble=null,ue=null,fe=te=null,He=me=null}function Ya(e){let t=(0,n.$)("messages");if(!t)return null;let s=e==="shell-err"?" text-error":"";return t.insertAdjacentHTML("beforeend",`<div class="mx-2 rounded-lg code-surface px-3 py-2 text-sm font-mono${s} whitespace-pre-wrap break-words"></div>`),ne(t),t.lastElementChild}function Xa(e,t){e&&(e.textContent+=t,ne(e.closest("#messages")))}function Qa(e){let t=typeof e.input=="object"?JSON.stringify(e.input,null,2):String(e.input||""),o=((typeof e.input=="object"?Object.values(e.input).find(a=>typeof a=="string"&&a.trim()):t)||"").replace(/\n/g," ").slice(0,$e.peek()==="full"?120:80);return{inputStr:t,preview:o}}function no(e,{inBatch:t=!1}={}){let{inputStr:s,preview:o}=Qa(e);return`<div class="tool-card${t?" tool-batch-item":""} cursor-pointer select-none px-2 py-1">
-    <div class="flex items-center gap-1.5 text-xs font-mono">
-      <span class="text-warning">\u26A1</span>
-      <span class="text-warning font-semibold">${(0,n.esc)(e.name||"tool")}</span>
-      <span class="text-base-content/50 truncate flex-1">${(0,n.esc)(o)}</span>
-      <span class="tool-chevron text-[10px] text-base-content/40">\u25B6</span>
-    </div>
-    <div class="tool-detail">${(0,n.esc)(s)}</div>
-  </div>`}function Za(e){let t=[...new Set(e.names)],s=t.slice(0,4).join(", ")+(t.length>4?"\u2026":""),o=e.el.querySelector(".tool-batch-summary");o&&(o.innerHTML=`<span class="text-warning">\u26A1</span>
-       <span class="font-semibold text-base-content/70">${e.count} tool${e.count===1?"":"s"}</span>
-       <span class="text-base-content/40 truncate flex-1">${(0,n.esc)(s)}</span>
-       <span class="tool-chevron text-[10px] text-base-content/40">\u25B6</span>`)}function ie(){ue=null}function es(e,t={}){let s=(0,n.$)("messages");if(!s)return;let o=$e.peek()||"normal",a=_(t.ts);if(o==="clean"){if(!ue||!s.contains(ue.el)){let u=ln(a),l=cn(a);s.insertAdjacentHTML("beforeend",`
-        <div class="msg-row assistant px-2" data-ts="${(0,n.esc)(l)}">
-          <div class="tool-batch w-full max-w-[96%] px-2 py-1.5">
-            <div class="tool-batch-summary flex items-center gap-1.5 text-xs font-mono"></div>
-            <div class="tool-batch-list"></div>
-          </div>
-          ${u?`<div class="msg-ts" title="${(0,n.esc)(l)}">${(0,n.esc)(u)}</div>`:""}
-        </div>`),ue={el:s.lastElementChild.querySelector(".tool-batch"),names:[],count:0}}ue.names.push(e.name||"tool"),ue.count++,ue.el.querySelector(".tool-batch-list")?.insertAdjacentHTML("beforeend",no(e,{inBatch:!0})),Za(ue),ne(s);return}ue=null;let i=ln(a),r=cn(a);s.insertAdjacentHTML("beforeend",`
-    <div class="msg-row assistant px-2" data-ts="${(0,n.esc)(r)}">
-      <div class="w-full max-w-[96%]">${no(e)}</div>
-      ${i?`<div class="msg-ts" title="${(0,n.esc)(r)}">${(0,n.esc)(i)}</div>`:""}
-    </div>`),ne(s)}function dn(){let e=(0,n.$)("messages");e&&e.setAttribute("data-density",$e.peek()||"normal")}function ei(e){let t=e.request_id||e.requestId;if(!t||(0,n.$)(`perm-${t}`))return;let s=e.tool_input?JSON.stringify(e.tool_input).slice(0,200):"";(0,n.$)("permission-requests")?.insertAdjacentHTML("beforeend",`
-    <div id="perm-${t}" class="perm-banner mx-3 mb-2 rounded-lg border border-warning/25 bg-warning/8 p-3">
-      <div class="text-xs text-warning font-semibold mb-1">\u26A0\uFE0F Permission Required</div>
-      <div class="font-mono text-xs text-base-content/60 break-all mb-2">
-        <strong class="text-base-content">${(0,n.esc)(e.tool_name||"")}</strong> ${(0,n.esc)(s)}
-      </div>
-      <div class="flex gap-2">
-        <button class="btn btn-success btn-xs" data-perm-id="${t}" data-perm-allow="1">Allow</button>
-        <button class="btn btn-error btn-xs"   data-perm-id="${t}" data-perm-allow="0">Deny</button>
-      </div>
-    </div>`),(0,n.$)("messages").scrollTop=999999}function ti(){if(so||typeof marked>"u")return;let e=o=>String(o??"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;"),t=(o,a)=>{let i=String(a||"").trim().split(/\s+/)[0]||"",r=i||"text",c=i?`language-${(0,n.esc)(i)}`:"";return`<div class="code-block">
-      <div class="code-block-header">
-        <span class="code-block-lang">${(0,n.esc)(r)}</span>
-        <button type="button" class="code-copy" data-copy="1" title="Copy code">Copy</button>
-      </div>
-      <pre><code class="hljs ${c}">${e(o)}</code></pre>
-    </div>`},s={code(o,a){return o&&typeof o=="object"&&o.text!=null?t(o.text,o.lang||a):t(o,a)},table(o,a){return o&&typeof o=="object"&&!Array.isArray(o)&&o.header?!1:`<div class="table-wrap"><table><thead>${o}</thead><tbody>${a}</tbody></table></div>`}};try{if(typeof marked.use=="function")marked.use({gfm:!0,breaks:!0,renderer:s});else if(typeof marked.setOptions=="function"){let o=new marked.Renderer;o.code=s.code,o.table=s.table,marked.setOptions({gfm:!0,breaks:!0,renderer:o})}}catch(o){console.warn("[md] marked setup failed",o)}so=!0}function on(e){if(typeof marked>"u")return(0,n.esc)(e);try{return ti(),marked.parse(String(e??""),{breaks:!0,gfm:!0})}catch{return(0,n.esc)(e)}}function fo(e){!e||typeof hljs>"u"||(e.querySelectorAll("pre code:not(.hljs)").forEach(t=>{try{hljs.highlightElement(t)}catch{}}),e.querySelectorAll("pre code.hljs").forEach(t=>{t.classList.add("hljs")}))}function mo(){dn(),Xs(),(0,n.watch)(ye,o=>{Pt(),Ge();let a=(0,n.$)("ws-banner"),i=(0,n.$)("ws-banner-text");if(!a)return;if(o==="open"||o==="idle"){a.classList.add("hidden"),i&&(i.textContent="");return}if(o==="connecting"&&!nn){a.classList.add("hidden");return}a.classList.remove("hidden");let r=o==="offline"?"\u7F51\u7EDC\u5DF2\u65AD\u5F00\uFF0C\u6062\u590D\u540E\u4F1A\u81EA\u52A8\u91CD\u8FDE":o==="connecting"?"\u6B63\u5728\u8FDE\u63A5\u2026":"\u8FDE\u63A5\u4E2D\u65AD\uFF0C\u6B63\u5728\u91CD\u8FDE\u2026\uFF08\u7184\u5C4F\u6216\u5207\u7F51\u65F6\u5E38\u89C1\uFF09";i?i.textContent=r:a.textContent=r}),(0,n.watch)(y,()=>Ge()),n.delegate.on("click","#btn-refresh-conn, #ws-banner-retry",o=>{o.preventDefault(),Ra()}),(0,n.watch)(oe,o=>{(0,n.$)("send-btn")?.classList.toggle("hidden",o),(0,n.$)("stop-btn")?.classList.toggle("hidden",!o);let a=(0,n.$)("chat-input");a&&(a.disabled=!1,o?a.placeholder="\u56DE\u590D\u4E2D\u2026 \u53EF\u5148\u5199\u597D\u4E0B\u4E00\u6761\uFF0C\u7ED3\u675F\u540E\u81EA\u52A8\u53D1\u9001 \xB7 \u6216\u70B9 \u25A0 \u505C\u6B62":an(a.value||""));let i=(0,n.$)("messages");if(!i)return;let r=(0,n.$)("typing-indicator");o&&!r?(i.insertAdjacentHTML("beforeend",'<div id="typing-indicator" class="flex justify-start px-2"><div class="flex items-center gap-1.5 rounded-2xl rounded-tl-sm px-3 py-2 bg-base-200 text-xs text-base-content/40"><span class="dot"></span><span class="dot"></span><span class="dot"></span></div></div>'),ne(i)):o||(r?.remove(),ie()),Ge()}),(0,n.watch)($e,()=>dn()),n.delegate.on("keydown","#chat-input",o=>{o.key==="Enter"&&(o.metaKey||o.ctrlKey)&&(o.preventDefault(),pn())}),n.delegate.on("input","#chat-input",(o,a)=>{rn(a),an(a.value)}),n.delegate.on("click","[data-perm-id]",(o,a)=>{Lt({type:"command",cmd:"approval.respond",requestId:a.dataset.permId,allow:a.dataset.permAllow==="1",sessionId:f.sessionId}),a.closest(".perm-banner")?.remove()}),n.delegate.on("click",".tool-card",(o,a)=>{let i=a.closest(".tool-batch");if(i&&!i.classList.contains("open")&&!a.classList.contains("tool-batch-item"))return;o.stopPropagation();let r=(0,n.$)("messages"),c=a.getBoundingClientRect().top;if(a.classList.toggle("open"),r){let u=a.getBoundingClientRect().top;r.scrollTop+=u-c}}),n.delegate.on("click",".tool-batch",(o,a)=>{if(o.target.closest(".tool-card")&&a.classList.contains("open"))return;let i=(0,n.$)("messages"),r=a.getBoundingClientRect().top;if(a.classList.toggle("open"),i){let c=a.getBoundingClientRect().top;i.scrollTop+=c-r}});let e=(0,n.$)("messages"),t=(0,n.$)("scroll-top-btn"),s=(0,n.$)("scroll-bottom-btn");if(e&&t&&s){let o=()=>{let a=e.scrollHeight-e.clientHeight>200;t.classList.toggle("hidden",!a||e.scrollTop<200),s.classList.toggle("hidden",!a||oo(e))};e.addEventListener("scroll",o,{passive:!0}),new ResizeObserver(o).observe(e),new MutationObserver(o).observe(e,{childList:!0,subtree:!0}),t.addEventListener("click",()=>e.scrollTo({top:0,behavior:"smooth"})),s.addEventListener("click",()=>e.scrollTo({top:e.scrollHeight,behavior:"smooth"})),o()}n.delegate.on("click",".msg-expand-btn",(o,a)=>{o.stopPropagation();let r=a.closest(".msg-card").classList.toggle("open");a.textContent=r?"\u25B2 Show less":"\u25BC Show more"}),n.delegate.on("click",".code-copy",async(o,a)=>{o.preventDefault(),o.stopPropagation();let c=a.closest(".code-block")?.querySelector("pre code")?.textContent??"";try{await navigator.clipboard.writeText(c),a.textContent="Copied",a.classList.add("copied"),setTimeout(()=>{a.textContent="Copy",a.classList.remove("copied")},1400)}catch{a.textContent="Failed",setTimeout(()=>{a.textContent="Copy"},1400)}})}var At,Ee,he,Te,tn,eo,nn,to,sn,_t,fe,te,He,me,Fa,Wa,Ga,ue,so,pt=Y(()=>{I();M();J();Qs();It();It();At=0,Ee=null,he=1e3,Te=0,tn=null,eo=!1,nn=!1,to=null,sn=!1,_t=null;fe=null,te=null,He=null,me=null;Fa={haiku:"claude-haiku-4-5",sonnet:"claude-sonnet-4-6",opus:"claude-opus-4-5",sonnet4:"claude-sonnet-4-6",haiku4:"claude-haiku-4-5"};Wa=200,Ga=500;ue=null;so=!1});function bo(e,t){ho=e,ts=t,window.addEventListener("hashchange",()=>{if(ns){ns=!1;return}go(location.hash.slice(1)||"/")}),(0,n.watch)(A,s=>{f.sessionId&&un(`/session/${f.sessionId}/${s}`)})}function ss(e){let t=(e||"").match(/^\/session\/([^/]+)(?:\/([^/]+))?$/);return t?{id:t[1],tab:t[2]||null}:null}function xo(){go(location.hash.slice(1)||"/")}function go(e){let t=ss(e);if(!t){document.dispatchEvent(new CustomEvent("router:home"));return}let{id:s,tab:o}=t;!ho||!ts||(s!==f.sessionId?document.dispatchEvent(new CustomEvent("router:session",{detail:{id:s,tab:o}})):o&&o!==A.peek()&&ts(o))}function un(e){ns=!0,location.hash=e}function fn(){f.sessionId&&un(`/session/${f.sessionId}/${A.peek()}`)}var mr,ho,ts,ns,mn=Y(()=>{I();M();mr=(0,n.createRouter)({"/":()=>{},"/session/*":()=>{},"/session/*/*":()=>{},"*":()=>{}}),ho=null,ts=null,ns=!1});async function bn(){try{return await hn.get("sessions")??null}catch{return null}}async function vo(e){try{await hn.set("sessions",e,{ttl:ni})}catch{}}async function yo(){try{return await hn.get("workspaces")??null}catch{return null}}async function Ht(e){try{await hn.set("workspaces",e,{ttl:3600*1e3})}catch{}}var hn,ni,xn=Y(()=>{I();hn=(0,n.idb)("claude-ui"),ni=300*1e3});function Sn(e){return Array.isArray(e)?e:e&&Array.isArray(e.results)?e.results:e&&Array.isArray(e.sessions)?e.sessions:[]}function Ye(){let e=Sn(E.peek()),t=L.peek();S.peek()&&t&&(e=e.filter(o=>o&&(!o.machineId||o.machineId===t)));let s=X.peek();return s&&s!=="all"&&(e=e.filter(o=>o&&(o.agent||"claude")===s)),e}function No(e){let t=e.getFullYear(),s=String(e.getMonth()+1).padStart(2,"0"),o=String(e.getDate()).padStart(2,"0");return`${t}-${s}-${o}`}function fi(e,t){let s=[],a=new Date(e,t,1).getDay(),r=new Date(e,t+1,0).getDate(),c=new Date(e,t,0).getDate();for(let l=a-1;l>=0;l--)s.push({date:new Date(e,t-1,c-l),isCurrentMonth:!1});for(let l=1;l<=r;l++)s.push({date:new Date(e,t,l),isCurrentMonth:!0});let u=7-s.length%7;if(u<7)for(let l=1;l<=u;l++)s.push({date:new Date(e,t+1,l),isCurrentMonth:!1});return s}function Ro(e,t){let s=new Date(e.getFullYear(),e.getMonth(),e.getDate()).getTime(),o=s+1440*60*1e3;return t.filter(a=>{let i=_(a.updatedAt);return i!=null&&i>=s&&i<o})}function Oo(e){return e==null||isNaN(e)?"0":e>=1e6?`${(e/1e6).toFixed(1)}M`:e>=1e3?`${(e/1e3).toFixed(1)}K`:String(e)}function Xe(e){let t=(0,n.$)("calendar-grid");if(!t)return;e=Sn(e??Ye());let s=(0,n.$)("calendar-month-year");if(s){let d=new Date($n,Ve,1);s.textContent=d.toLocaleDateString([],{month:"long",year:"numeric"})}let o=e.length,a=new Set(e.map(d=>d.cwd).filter(Boolean)).size,i=e.reduce((d,p)=>d+(Number(p.totalTokens)||0),0),r=(0,n.$)("stats-total-sessions"),c=(0,n.$)("stats-total-projects"),u=(0,n.$)("stats-total-tokens");r&&(r.textContent=String(o)),c&&(c.textContent=String(a)),u&&(u.textContent=Oo(i));let l=fi($n,Ve);Bt||(Bt=No(new Date)),t.innerHTML=l.map(d=>{let p=d.date,m=No(p),g=Ro(p,e).length,W=p.toDateString()===new Date().toDateString(),Oe=m===Bt,je="",Be="text-base-content/65",ve="border border-transparent",w="cursor-default",Fe=d.isCurrentMonth?"":"opacity-25";g>0?(w="cursor-pointer",g<=2?(je="bg-primary/15",Be="text-primary font-bold",ve="border border-primary/30"):g<=5?(je="bg-primary/30",Be="text-primary font-bold",ve="border border-primary/50"):(je="bg-primary/60",Be="text-primary-content font-bold",ve="border border-primary/80")):(je="bg-base-300/25",d.isCurrentMonth&&(w="hover:bg-base-300/50")),W?ve="border-2 border-primary":Oe&&(ve="border-2 border-accent");let Ze=p.getDate()===1?`<span class="absolute top-0.5 left-1 text-[8px] opacity-60 uppercase">${p.toLocaleDateString([],{month:"short"})}</span>`:"";return`
-      <div class="aspect-square rounded-xl flex flex-col items-center justify-center p-2 relative transition-all min-h-[50px] md:min-h-[60px] ${je} ${Be} ${ve} ${w} ${Fe}" 
-           data-cal-date="${m}" title="${p.toDateString()}: ${g} session(s)">
-        ${Ze}
-        <span class="text-sm font-semibold">${p.getDate()}</span>
-        ${g>0?`<span class="text-[10px] mt-0.5 opacity-80 font-medium whitespace-nowrap">${g}s</span>`:""}
-      </div>`}).join(""),mi(e),hi(e)}function mi(e){let t=(0,n.$)("selected-day-title"),s=(0,n.$)("selected-day-sessions");if(!t||!s)return;let[o,a,i]=Bt.split("-").map(Number),r=new Date(o,a-1,i);t.textContent=`Activity on ${r.toLocaleDateString([],{weekday:"short",month:"short",day:"numeric",year:"numeric"})}`,e=Sn(e);let c=Ro(r,e),u=c.reduce((d,p)=>d+(Number(p.totalTokens)||0),0),l=(0,n.$)("stats-selected-tokens");if(l&&(l.textContent=Oo(u)),!c.length){s.innerHTML='<div class="text-center text-xs text-base-content/40 my-auto py-6">No sessions active on this day</div>';return}c.sort((d,p)=>(_(p.updatedAt)||0)-(_(d.updatedAt)||0)),s.innerHTML=c.map(d=>{let p=_(d.updatedAt),m=p!=null?new Date(p).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"}):"";return`
-      <div class="flex items-center gap-2.5 p-2.5 rounded-lg bg-base-300/40 hover:bg-base-300 border border-base-300/50 cursor-pointer text-left transition-all ${f.sessionId===d.sessionId?"border-primary bg-primary/5":""}"
-           data-session-id="${(0,n.esc)(d.sessionId)}"
-           data-session-cwd="${(0,n.esc)(d.cwd||"")}"
-           data-session-config-dir="${(0,n.esc)(d.configDir||"")}"
-           data-session-agent="${(0,n.esc)(d.agent||"claude")}"
-           data-session-machine="${(0,n.esc)(d.machineId||"")}">
-        <div class="flex-shrink-0">${rt(d.agent)}</div>
-        <div class="flex-1 min-w-0">
-          <div class="text-xs font-semibold truncate text-base-content/90">${(0,n.esc)(ot(d))}</div>
-          <div class="text-[10px] text-base-content/40 truncate mt-0.5">${(0,n.esc)(d.projectName||lt(d.cwd)||"No workspace")}</div>
-        </div>
-        <div class="text-[9px] text-base-content/45 font-mono whitespace-nowrap bg-base-300 px-1.5 py-0.5 rounded">${m}</div>
-      </div>`}).join("")}function hi(e){let t=(0,n.$)("recent-sessions-list");if(!t)return;e=Sn(e);let s=[...e].sort((o,a)=>(_(a.updatedAt)||0)-(_(o.updatedAt)||0)).slice(0,6);if(!s.length){t.innerHTML='<div class="col-span-full text-center text-xs text-base-content/40 py-4">No recent sessions</div>';return}t.innerHTML=s.map(o=>{let a=Mt(o.updatedAt);return`
-      <div class="flex items-center gap-2.5 p-3 rounded-xl bg-base-200 hover:bg-base-300 border border-base-300/80 cursor-pointer text-left transition-all ${f.sessionId===o.sessionId?"border-primary bg-primary/5":""}"
-           data-session-id="${(0,n.esc)(o.sessionId)}"
-           data-session-cwd="${(0,n.esc)(o.cwd||"")}"
-           data-session-config-dir="${(0,n.esc)(o.configDir||"")}"
-           data-session-agent="${(0,n.esc)(o.agent||"claude")}"
-           data-session-machine="${(0,n.esc)(o.machineId||"")}">
-        <div class="flex-shrink-0">${rt(o.agent)}</div>
-        <div class="flex-1 min-w-0">
-          <div class="text-xs font-bold truncate text-base-content/95">${(0,n.esc)(ot(o))}</div>
-          <div class="text-[10px] text-base-content/40 truncate mt-1">${(0,n.esc)(o.projectName||lt(o.cwd)||"No workspace")}</div>
-        </div>
-        <div class="text-[9px] text-base-content/40 whitespace-nowrap self-start mt-0.5">${a}</div>
-      </div>`}).join("")}function Bo(e){Bt=e}function cs(e){Ve+=e,Ve<0?(Ve=11,$n--):Ve>11&&(Ve=0,$n++)}var $n,Ve,Bt,ds=Y(()=>{I();M();It();$n=new Date().getFullYear(),Ve=new Date().getMonth(),Bt=null});function Fo(e){return Array.isArray(e)?e:e&&Array.isArray(e.results)?e.results:e&&Array.isArray(e.sessions)?e.sessions:[]}function bi(){let e=parseInt(Z.peek()||"14",10),t=new URLSearchParams;e>0&&t.set("days",String(e)),t.set("limit","400");let s=t.toString();return s?`/api/sessions?${s}`:"/api/sessions"}async function be({waitFresh:e=!0}={}){let t=Fo(await bn());if(t.length){let o=L.peek();if(S.peek()&&o){let a=t.filter(i=>!i.machineId||i.machineId===o);E.value=a.length?a:t}else E.value=t}let s=async()=>{let o=bi(),a=await h("GET",o,void 0,void 0,{etag:!0});if(a===Vn)return E.peek();let i=Fo(a);return E.value=i,vo(i),i};if(e||!t.length)try{await s()}catch(o){if(!t.length){let a=(0,n.$)("session-list");a&&(a.innerHTML=`<div class="px-3 py-3 text-xs text-error">${(0,n.esc)(o.message)}</div>`)}}else s().catch(()=>{})}async function Ft({waitFresh:e=!0}={}){let t=await yo();t&&(H.value=t);let s=async()=>{let o=await h("GET","/api/workspaces");H.value=o,Ht(o)};if(e||!t)try{await s()}catch{}else s().catch(()=>{})}function Wo(e,{showProject:t=!1}={}){let s=f.sessionId===e.sessionId&&(f.agent||$.peek())===(e.agent||"claude"),o=v.peek()?.[O(e.agent,e.sessionId,e.machineId)]||{},a=!!(o.title&&String(o.title).trim()),i=e.snippet&&N.peek()?e.snippet:ot(e),r=!!o.favorite,c=!!o.hidden,u=!!(o.notes&&String(o.notes).trim()),l=Number(e.turnCount)||0,d=l>0&&l<=Gn,p=t?`<div class="text-[10px] text-base-content/40 font-mono truncate" title="${(0,n.esc)(e.cwd||"")}">${(0,n.esc)(e.projectName||lt(e.cwd)||"\u2014")}</div>`:"",m=[d?`<span class="session-thin-badge" title="Only ${l} turn${l===1?"":"s"}">thin\xB7${l}</span>`:"",a?`<span class="session-renamed-badge" title="Custom name (original: ${(0,n.esc)(e.display||"")})">renamed</span>`:"",c?'<span class="session-hidden-badge" title="Hidden">hidden</span>':"",u?`<span class="session-note-dot" title="${(0,n.esc)(o.notes)}">\u{1F4DD}</span>`:""].filter(Boolean).join(""),x=e.machineId?`<span class="text-[9px] px-1 py-0.5 rounded bg-base-300 text-base-content/50 font-mono flex-shrink-0" title="Machine">${(0,n.esc)(e.machineId)}</span>`:"",g=a?`${i}
-(original: ${e.display||e.sessionId})`:e.display||"";return`<div class="session-row px-2.5 py-1.5 cursor-pointer hover:bg-base-300 border-l-2
-              ${s?"border-primary bg-primary/5":"border-transparent"} ${r?"session-fav":""} ${c?"session-hidden-row":""} ${d?"session-thin":""}"
-       data-session-id="${(0,n.esc)(e.sessionId)}"
-       data-session-cwd="${(0,n.esc)(e.cwd||"")}"
-       data-session-config-dir="${(0,n.esc)(e.configDir||"")}"
-       data-session-agent="${(0,n.esc)(e.agent||"claude")}"
-       data-session-machine="${(0,n.esc)(e.machineId||"")}"
-       data-session-display="${(0,n.esc)(e.display||"")}">
-    <div class="flex items-start gap-1.5">
-      <button type="button" class="session-fav-btn flex-shrink-0 leading-none mt-0.5 ${r?"is-fav":""}"
-              data-fav-toggle="1"
-              data-fav-session-id="${(0,n.esc)(e.sessionId)}"
-              data-fav-session-agent="${(0,n.esc)(e.agent||"claude")}"
-              data-fav-session-machine="${(0,n.esc)(e.machineId||"")}"
-              title="${r?"Unfavorite":"Favorite"}">${r?"\u2605":"\u2606"}</button>
-      ${rt(e.agent)}
-      <div class="min-w-0 flex-1">
-        <div class="session-title-wrap flex items-center gap-1 min-w-0"
-             data-rename-session-id="${(0,n.esc)(e.sessionId)}"
-             data-rename-session-agent="${(0,n.esc)(e.agent||"claude")}"
-             data-rename-session-machine="${(0,n.esc)(e.machineId||"")}"
-             data-rename-session-display="${(0,n.esc)(e.display||"")}">
-          <div class="session-title-text text-[11px] leading-snug truncate flex-1 min-w-0 ${s?"text-primary font-medium":"text-base-content/85"} ${a?"session-title-renamed":""}"
-               title="${(0,n.esc)(g)}">${(0,n.esc)(i)}</div>
-          <button type="button" class="session-rename-btn flex-shrink-0"
-                  data-rename-session="1"
-                  title="Rename session">\u270E</button>
-          <button type="button" class="session-hide-btn flex-shrink-0 ${c?"is-hidden":""}"
-                  data-hide-toggle="1"
-                  data-hide-session-id="${(0,n.esc)(e.sessionId)}"
-                  data-hide-session-agent="${(0,n.esc)(e.agent||"claude")}"
-                  data-hide-session-machine="${(0,n.esc)(e.machineId||"")}"
-                  title="${c?"Unhide session":"Hide session"}">${c?"\u{1F441}":"\u{1F648}"}</button>
-        </div>
-        ${p}
-        ${m||x?`<div class="flex items-center gap-1 mt-0.5 flex-wrap">${x}${m}</div>`:""}
-      </div>
-      <span class="text-[9px] text-base-content/30 flex-shrink-0 mt-0.5">${Mt(e.updatedAt)}</span>
-    </div>
-  </div>`}async function Ut(){try{let e=await h("GET","/api/agents");nt.value=e;let t=$.peek()||"claude",s=de(t),o=k.peek();if(o&&!s.some(a=>a.value===o)){let a=ae(t);k.value=a,localStorage.setItem("model",a)}return xe(),e}catch(e){return console.warn("[agents] failed to load model list",e),null}}function ps(){let e=(0,n.$)("sel-effort");if(!e)return;let t=$.peek()||"claude",s=k.peek(),o=$t(t,s),a=le.peek()||"",i=['<option value="">effort: off</option>'].concat(o.map(r=>`<option value="${(0,n.esc)(r)}" ${r===a?"selected":""}>${(0,n.esc)(r)}</option>`));e.innerHTML=i.join(""),a&&!o.includes(a)?(le.value="",e.value=""):e.value=a}function xe(){let e=(0,n.$)("sel-model");if(!e)return;let t=$.peek()||"claude",s=de(t),o=k.peek();if(o&&!s.some(i=>i.value===o)&&(s=[{value:o,label:`${o} \u2605`,custom:!0},...s]),e.innerHTML=s.map(i=>`<option value="${(0,n.esc)(i.value)}" ${i.value===o?"selected":""}>${(0,n.esc)(i.label)}</option>`).join(""),s.some(i=>i.value===o))e.value=o;else{let i=ae(t)||s[0]?.value;k.value=i,localStorage.setItem("model",i),e.value=i,o=i}let a=(0,n.$)("sel-agent");a&&(a.value=t),ps()}function us({editCurrent:e=!1}={}){let t=$.peek()||"claude",s=e&&k.peek()||"",o=e?`Edit model id for ${t}:`:`Add model id for ${t} (saved in this browser):`,a=window.prompt(o,s);if(a==null)return;let i=a.trim();i&&(e&&s&&s!==i&&Xt(t).includes(s)&&Kn(t,s),kt(t,i),k.value=i,localStorage.setItem("model",i),xe())}function xi(e){if(!Array.isArray(e)||!e.length)return`<div class="px-3 py-6 text-center text-xs text-base-content/40">
-      No projects in this range.<br>
-      <span class="text-base-content/30">Try \u201CAll\u201D time or another agent.</span>
-    </div>`;let t=et.value,s=tt.value,o=!!N.value.trim(),a=e[0]?.cwd||"(no path)";return e.map(i=>{let r=i.cwd||"(no path)",c=!1;s.has(r)?c=!1:t.has(r)?c=!0:c=o||r===a||e.length<=3;let u=i.latest?.display||i.latest?.snippet||"",l=i.machineId?`<span class="text-[9px] font-mono text-base-content/40 flex-shrink-0">@${(0,n.esc)(i.machineId)}</span>`:"",d=`
-      <div class="project-header px-2.5 py-2 cursor-pointer hover:bg-base-300/80 select-none border-b border-base-300/40"
-           data-folder="${(0,n.esc)(r)}" data-project-cwd="${(0,n.esc)(i.cwd||"")}" data-project-machine="${(0,n.esc)(i.machineId||"")}">
-        <div class="flex items-center gap-1.5">
-          <span class="text-[10px] text-base-content/40 w-3 flex-shrink-0">${c?"\u25BE":"\u25B8"}</span>
-          <span class="text-[12px] font-semibold truncate flex-1" title="${(0,n.esc)(i.cwd||"")}">${(0,n.esc)(i.projectName)}</span>
-          ${l}
-          <span class="text-[9px] text-base-content/30 flex-shrink-0">${Mt(i.updatedAt)}</span>
-        </div>
-        <div class="flex items-center gap-1.5 mt-0.5 pl-4">
-          <span class="text-[10px] text-base-content/35 font-mono truncate flex-1" title="${(0,n.esc)(i.cwd||"")}">${(0,n.esc)(lt(i.cwd))}</span>
-          <span class="flex items-center gap-0.5 flex-shrink-0">${Zs(i.agents)}</span>
-        </div>
-        ${u&&!c?`<div class="pl-4 mt-0.5 text-[10px] text-base-content/45 truncate" title="${(0,n.esc)(u)}">\u21B3 ${(0,n.esc)(u)}</div>`:""}
-      </div>`,p=i.sessions.slice(0,40),m=i.sessions.length>40?`<div class="px-3 py-1 text-[10px] text-base-content/30">+${i.sessions.length-40} more</div>`:"",x=c?`<div class="pb-1 border-b border-base-300/30">${p.map(g=>Wo(g)).join("")}${m}</div>`:"";return d+x}).join("")}function gi(e){if(!Array.isArray(e)||!e.length)return`<div class="px-3 py-6 text-center text-xs text-base-content/40">
-      No recent activity.<br>
-      <span class="text-base-content/30">Widen the time range or clear filters.</span>
-    </div>`;let t=new Map;for(let s of e){let a=(s.updatedAt?new Date(s.updatedAt):new Date).toLocaleDateString(void 0,{weekday:"short",month:"short",day:"numeric"});t.has(a)||t.set(a,[]),t.get(a).push(s)}return[...t.entries()].map(([s,o])=>`
-    <div class="px-2.5 pt-2.5 pb-1 text-[10px] uppercase tracking-wide text-base-content/35 font-medium sticky top-0 bg-base-200/95 backdrop-blur-sm z-[1]">${(0,n.esc)(s)}</div>
-    ${o.map(a=>Wo(a,{showProject:!0})).join("")}
-  `).join("")}function Go(){let e=we.value,t=Array.isArray(Pe.value)?Pe.value:[],s=Array.isArray(Ue.value)?Ue.value:[];return e==="timeline"?gi(t):xi(s)}function zo(){document.querySelectorAll("[data-view]").forEach(i=>{let r=i.dataset.view===we.peek();i.classList.toggle("bg-primary/15",r),i.classList.toggle("text-primary",r),i.classList.toggle("font-medium",r),i.classList.toggle("text-base-content/50",!r)}),document.querySelectorAll("[data-agent-filter]").forEach(i=>{i.classList.toggle("active",i.dataset.agentFilter===X.peek())});let e=(0,n.$)("time-range");e&&e.value!==Z.peek()&&(e.value=Z.peek());let t=(0,n.$)("search-status");if(!t)return;let s=ce.peek(),o=Array.isArray(s?.results)?s.results:null,a=(N.peek()||"").trim();if(ke.peek())t.classList.remove("hidden"),t.textContent="Searching content\u2026";else if(a&&o)t.classList.remove("hidden"),t.textContent=`${o.length} hit${o.length===1?"":"s"} \xB7 ${Z.peek()==="0"?"all time":Z.peek()+"d"}${s.deep===!1?"":" (incl. content)"}`;else if(a)t.classList.remove("hidden"),t.textContent="Local filter only \u2014 type to deep-search";else{let i=Pe.peek(),r=Ue.peek(),c=Array.isArray(i)?i.length:0,u=Array.isArray(r)?r.length:0;t.classList.remove("hidden"),t.textContent=we.peek()==="projects"?`${u} project${u===1?"":"s"} \xB7 ${c} session${c===1?"":"s"}`:`${c} recent session${c===1?"":"s"}`}}async function fs(e){let t=(e||"").trim();if(!t){ce.value=null,ke.value=!1;return}ke.value=!0;try{let s=new URLSearchParams({q:t,days:Z.peek()||"14",limit:"50",deep:"1"});X.peek()&&X.peek()!=="all"&&s.set("agent",X.peek());let o=await h("GET",`/api/activity?${s}`);N.peek().trim()===t&&(ce.value={q:t.toLowerCase(),results:o.results||[],deep:!0})}catch(s){N.peek().trim()===t&&(ce.value={q:t.toLowerCase(),results:[],error:s.message})}finally{ke.value=!1}}function Ln(e){clearTimeout(Uo);let t=(e||"").trim();if(!t){ce.value=null,ke.value=!1;return}Uo=setTimeout(()=>fs(t),350)}function qo(e){if(!e)return"";if(typeof marked>"u")return`<pre class="whitespace-pre-wrap text-xs">${(0,n.esc)(e)}</pre>`;try{return marked.parse(String(e),{breaks:!0,gfm:!0})}catch{return`<pre class="whitespace-pre-wrap text-xs">${(0,n.esc)(e)}</pre>`}}async function ms(){let e=(0,n.$)("memory-area");if(e){if(!f.sessionId){e.innerHTML='<div class="p-4 text-xs text-base-content/40">Open or resume a session to view its memory.</div>';return}e.innerHTML='<div class="p-4 text-xs text-base-content/40">Loading\u2026</div>';try{let t=new URLSearchParams({agent:f.agent||$.peek()||"claude"}),s=await h("GET",`/api/sessions/${f.sessionId}/memory?${t}`),o=[];s.index&&o.push(`<div class="mb-4"><div class="text-[11px] uppercase tracking-wide text-base-content/40 mb-1">Index (MEMORY.md)</div>
-                  <div class="md">${qo(s.index)}</div></div>`);for(let a of s.files||[])o.push(`<div class="mb-3 border border-base-300 rounded-lg overflow-hidden">
-                    <div class="px-3 py-1.5 bg-base-300/50 text-xs font-mono text-base-content/70">${(0,n.esc)(a.name)}</div>
-                    <div class="px-3 py-2 md">${qo(a.content)}</div>
-                  </div>`);o.length||o.push('<div class="text-base-content/40 text-xs">No memory saved for this project yet.</div>'),e.innerHTML=`<div class="p-4">${o.join("")}</div>`}catch(t){e.innerHTML=`<div class="p-4 text-error text-xs">${(0,n.esc)(t?.message??String(t))}</div>`}}}var Uo,ht=Y(()=>{I();M();J();xn();It();Uo=null});function Jo(e,t){Tn=e||"",En=t||""}async function Ko(e){let t=(0,n.$)("project-notes-bar");if(t)try{let s=await h("GET",`/api/projects/notes?root=${encodeURIComponent(e)}`);Tn=s.goal||"",En=s.notes||"",bt(),t.style.display="flex"}catch(s){console.error("Error fetching project notes:",s),t.style.display="none"}}function bt(){let e=(0,n.$)("project-notes-bar");if(!e)return;let t=Tn||"No goal yet \u2014 click Edit",s=En||"";e.innerHTML=`
-    <div class="flex items-start gap-2 w-full">
-      <div class="flex-1 min-w-0">
-        <div class="truncate">
-          <span class="font-bold text-base-content/40 uppercase mr-1">Goal:</span>
-          <span id="project-goal-text" class="text-base-content/80 cursor-pointer hover:underline" title="Click to edit">${(0,n.esc)(t)}</span>
-        </div>
-        ${s?`<div class="mt-0.5 text-base-content/55 line-clamp-2 whitespace-pre-wrap" id="project-notes-text" title="${(0,n.esc)(s)}"><span class="font-bold text-base-content/35 uppercase mr-1">Notes:</span>${(0,n.esc)(s)}</div>`:'<div class="mt-0.5 text-base-content/35 italic text-[11px]" id="project-notes-text">No project notes</div>'}
-      </div>
-      <button id="btn-edit-project-notes" class="btn btn-ghost btn-xs px-1.5 hover:bg-base-300 flex-shrink-0">Edit</button>
-    </div>
-  `}function Vo(){let e=(0,n.$)("project-notes-bar");e&&(e.innerHTML=`
-    <div class="flex flex-col gap-1.5 w-full">
-      <div class="flex items-center gap-2">
-        <span class="text-[10px] font-bold text-base-content/40 uppercase w-12 flex-shrink-0">Goal</span>
-        <input id="project-goal-input" type="text" class="input input-xs input-bordered flex-1 text-xs"
-               placeholder="One-line project goal\u2026" value="${(0,n.esc)(Tn)}">
-      </div>
-      <div class="flex items-start gap-2">
-        <span class="text-[10px] font-bold text-base-content/40 uppercase w-12 flex-shrink-0 mt-1">Notes</span>
-        <textarea id="project-notes-input" rows="2" class="textarea textarea-xs textarea-bordered flex-1 text-xs leading-snug"
-                  placeholder="Longer project notes (stack, links, status\u2026)">${(0,n.esc)(En)}</textarea>
-      </div>
-      <div class="flex items-center gap-1 justify-end">
-        <button id="btn-save-project-notes" class="btn btn-primary btn-xs px-2">Save</button>
-        <button id="btn-cancel-project-notes" class="btn btn-ghost btn-xs px-2">Cancel</button>
-      </div>
-    </div>
-  `,(0,n.$)("project-goal-input")?.focus())}async function qt(){try{let e=await h("GET","/api/sessions/meta");v.value=e||{}}catch(e){console.warn("session meta load failed",e)}}function re(){let e=(0,n.$)("session-notes-bar");if(!e)return;let t=f.sessionId,s=f.agent||$.peek()||"claude";if(!t){e.style.display="none",e.innerHTML="";return}if(e.querySelector(".session-rename-input"))return;let o=st(s,t),a=(o.notes||"").trim(),i=!!o.favorite,r=!!o.hidden,u=(o.title||"").trim()||t.slice(0,8);e.style.display="flex",e.innerHTML=`
-    <div class="flex-1 min-w-0 flex items-center gap-2">
-      <button type="button" class="session-fav-btn ${i?"is-fav":""}" data-fav-toggle="1"
-              data-fav-session-id="${(0,n.esc)(t)}" data-fav-session-agent="${(0,n.esc)(s)}"
-              title="${i?"Unfavorite":"Favorite"}">${i?"\u2605":"\u2606"}</button>
-      <span id="session-title-display"
-            class="session-title-inline max-w-[40%] truncate font-semibold text-base-content/85"
-            title="${(0,n.esc)(u)}">${(0,n.esc)(u)}</span>
-      <button type="button" class="session-rename-btn flex-shrink-0 opacity-70 hover:opacity-100"
-              data-rename-bar="1" title="Rename session">\u270E</button>
-      <button type="button" class="session-hide-btn flex-shrink-0 ${r?"is-hidden":""}"
-              data-hide-toggle="1"
-              data-hide-session-id="${(0,n.esc)(t)}"
-              data-hide-session-agent="${(0,n.esc)(s)}"
-              title="${r?"Unhide session":"Hide session"}">${r?"\u{1F441}":"\u{1F648}"}</button>
-      <span class="font-bold text-base-content/40 uppercase flex-shrink-0">Note:</span>
-      <span class="truncate text-base-content/70 ${a?"":"italic text-base-content/40"}"
-            id="session-notes-text" title="${(0,n.esc)(a||"Add a note for this session")}">${(0,n.esc)(a||"No session note")}</span>
-    </div>
-    <button id="btn-edit-session-notes" class="btn btn-ghost btn-xs px-1.5">Note</button>
-  `}function Yo(){let e=(0,n.$)("session-notes-bar");if(!e||!f.sessionId)return;let t=f.agent||$.peek()||"claude",s=st(t,f.sessionId);e.innerHTML=`
-    <input id="session-notes-input" type="text" class="input input-xs input-bordered flex-1 text-xs"
-           placeholder="Note for this session\u2026" value="${(0,n.esc)(s.notes||"")}">
-    <button id="btn-save-session-notes" class="btn btn-primary btn-xs px-2">Save</button>
-    <button id="btn-cancel-session-notes" class="btn btn-ghost btn-xs px-2">Cancel</button>
-  `;let o=(0,n.$)("session-notes-input");o?.focus(),o?.select()}function Mn(){return{favorite:!1,notes:"",title:"",hidden:!1}}function In(e,t){return{favorite:t.favorite!==void 0?!!t.favorite:!!e.favorite,notes:t.notes!==void 0?String(t.notes||""):String(e.notes||""),title:t.title!==void 0?String(t.title||"").trim():String(e.title||"").trim(),hidden:t.hidden!==void 0?!!t.hidden:!!e.hidden,updatedAt:Date.now()}}function Xo(e){return!e?.favorite&&!e?.hidden&&!(e?.notes||"").trim()&&!(e?.title||"").trim()}async function Qo(e,t,{machineId:s}={}){let o=O(t,e,s),a=v.peek()?.[o]||Mn(),i=!a.favorite;v.value={...v.peek(),[o]:{...a,favorite:i,updatedAt:Date.now()}};try{let r=await h("PUT","/api/sessions/meta",{sessionId:e,agent:t,favorite:i});v.value={...v.peek(),[o]:In(a,{favorite:r.favorite??i,notes:r.notes,title:r.title,hidden:r.hidden})}}catch(r){v.value={...v.peek(),[o]:a},alert(`Favorite failed: ${r.message}`)}f.sessionId===e&&re()}async function Zo(e,t,{machineId:s}={}){if(!e)return!1;let o=O(t,e,s),a=v.peek()?.[o]||Mn(),i=!a.hidden;v.value={...v.peek(),[o]:{...a,hidden:i,updatedAt:Date.now()}};try{let r=await h("PUT","/api/sessions/meta",{sessionId:e,agent:t,hidden:i}),c=In(a,{favorite:r.favorite,notes:r.notes,title:r.title,hidden:r.hidden??i});if(Xo(c)){let u={...v.peek()};delete u[o],v.value=u}else v.value={...v.peek(),[o]:c}}catch(r){return v.value={...v.peek(),[o]:a},alert(`Hide failed: ${r.message}`),!1}return f.sessionId===e&&re(),!0}async function hs(e,t,s){let o=O(t,e),a=v.peek()?.[o]||Mn();try{let i=await h("PUT","/api/sessions/meta",{sessionId:e,agent:t,notes:s});v.value={...v.peek(),[o]:In(a,{favorite:i.favorite,notes:i.notes??s,title:i.title,hidden:i.hidden})}}catch(i){return alert(`Save note failed: ${i.message}`),!1}return!0}async function vi(e,t,s,{machineId:o}={}){if(!e)return!1;let a=O(t,e,o),i=v.peek()?.[a]||Mn(),r=String(s||"").trim().slice(0,200);v.value={...v.peek(),[a]:{...i,title:r,updatedAt:Date.now()}};try{let c=await h("PUT","/api/sessions/meta",{sessionId:e,agent:t,title:r}),u=In(i,{favorite:c.favorite,notes:c.notes,title:c.title!==void 0?c.title:r,hidden:c.hidden});if(Xo(u)){let l={...v.peek()};delete l[a],v.value=l}else v.value={...v.peek(),[a]:u}}catch(c){return v.value={...v.peek(),[a]:i},alert(`Rename failed: ${c.message}`),!1}return f.sessionId===e&&re(),!0}function bs({sessionId:e,agent:t="claude",machineId:s=null,fallbackDisplay:o="",mountEl:a}={}){if(!e||!a)return;document.querySelectorAll(".session-rename-input").forEach(m=>{m.dispatchEvent(new CustomEvent("session-rename-cancel",{bubbles:!0}))});let r=(st(t,e,s).title||"").trim()||o||e.slice(0,8),c=a.innerHTML,u=a.className;a.classList.add("session-rename-active"),a.innerHTML=`<input type="text" class="session-rename-input input input-xs input-bordered w-full min-w-0 text-xs font-mono"
-    value="${(0,n.esc)(r)}"
-    placeholder="Session name (empty = original)"
-    maxlength="200"
-    data-rename-input="1"
-    data-rename-session-id="${(0,n.esc)(e)}"
-    data-rename-session-agent="${(0,n.esc)(t)}"
-    data-rename-session-machine="${(0,n.esc)(s||"")}"
-    autocomplete="off" spellcheck="false" />`;let l=a.querySelector(".session-rename-input");if(!l)return;let d=!1,p=async m=>{if(d)return;d=!0;let x=m?l.value:r;if(a.className=u,!m){a.innerHTML=c;return}await vi(e,t,x,{machineId:s}),document.querySelectorAll(".session-rename-input").forEach(g=>g.remove()),f.sessionId===e&&re(),v.value={...v.peek()}};l.addEventListener("keydown",m=>{m.stopPropagation(),m.key==="Enter"?(m.preventDefault(),p(!0)):m.key==="Escape"&&(m.preventDefault(),p(!1))}),l.addEventListener("click",m=>m.stopPropagation()),l.addEventListener("mousedown",m=>m.stopPropagation()),l.addEventListener("session-rename-cancel",()=>p(!1)),l.addEventListener("blur",()=>{setTimeout(()=>p(!0),0)}),requestAnimationFrame(()=>{l.focus(),l.select()})}var Tn,En,Wt=Y(()=>{I();M();J();Tn="",En=""});var na={};_s(na,{goHome:()=>An,openProject:()=>xs,resumeSession:()=>ge,switchTab:()=>Ae});function Cn(e){for(let t of["files-machine-hint","git-machine-hint"]){let s=(0,n.$)(t);s&&(e?(s.textContent=`@${e}`,s.classList.remove("hidden"),s.title=`Paths are on machine ${e}`):(s.textContent="",s.classList.add("hidden"),s.title=""))}}function xs(e){let t=e?.path||"";(0,n.batch)(()=>{y.value=e,B.value=t,t&&(U.value=t,z.value=t,C.value="",F.value=null)}),f.sessionId=null,(0,n.$)("topbar-project").textContent=t||"Project";let s=(0,n.$)("files-root-input");s&&t&&(s.value=t);let o=(0,n.$)("git-root-input");o&&t&&(o.value=t),Cn(e?.machineId||L.peek()||f.machineId),(0,n.$)("welcome").classList.add("hidden");let a=(0,n.$)("project-view");a.classList.remove("hidden"),a.style.display="flex",dt(),Me(),Ae("chat")}function An(){y.value=null,B.value=null,U.value="",z.value="",C.value="",F.value=null,f.sessionId=null,Cn(null),document.documentElement.classList.remove("boot-restore");let e=(0,n.$)("topbar-project");e&&(e.textContent="Select a session");let t=(0,n.$)("welcome");t&&(t.classList.remove("hidden"),t.style.display="",Xe(Ye()));let s=(0,n.$)("project-view");s&&(s.classList.add("hidden"),s.style.display="none"),un("/")}async function ge(e,t,s,o,a,i={}){let r=i.tab&&["chat","files","git","shell","memory"].includes(i.tab)?i.tab:"chat",c=i.skipHistory??(r!=="chat"&&r!=="memory"),u=E.peek().find(w=>w.sessionId===e&&(!a||w.machineId===a||!w.machineId)),l=qe(),d=l?.sessionId===e?l:null,p=o||u?.agent||d?.agent||"claude",m=a||u?.machineId||d?.machineId||L.peek()||null,x=t||u?.cwd||d?.cwd||null,g=s||u?.configDir||d?.configDir||null;if(m&&m!==f.machineId){ee(m);try{f.ws?.close()}catch{}f.ws=null}f.sessionId=e,f.configDir=g,f.agent=p,pe(p),xe();let W=x;ea(W,m,e),Me(),W&&h("POST","/api/resolve-path",{path:W},void 0,{machineId:m||void 0}).then(w=>{f.sessionId!==e||!w?.path||w.path===W||(W=w.path,ea(W,m,e),Yn({sessionId:e,cwd:W}))}).catch(()=>{}),dt(),Ae(r);{let w=E.peek();E.value=Array.isArray(w)?[...w]:[]}Yn({sessionId:e,cwd:W||x,configDir:g,agent:p,machineId:m,tab:r});let Oe=R[p]||p,je=`${m||""}:${p}:${e}`,Be=(w,Fe,Ze={})=>{if(f.sessionId!==e)return;if((0,n.$)("messages").innerHTML="",!w.length){b(`${Oe} \xB7 ${e.slice(0,8)}\u2026 \u2014 no history`);return}ie();let Fn=40,G=0,vt=()=>{if(f.sessionId!==e)return;let Yt=Math.min(G+Fn,w.length);for(;G<Yt;G++){let D=w[G],As=_(D.ts??D.timestamp);D.type==="text"?((D.role==="assistant"||D.role==="user")&&ie(),ze(D.role==="user"?"user":"assistant",D.role==="user"?"You":Oe,D.content,{ts:As})):D.type==="tool_use"?es({name:D.name,input:D.input??{}},{ts:As}):D.type==="token_usage"&&(ie(),ct(D.usage))}if(G<w.length){requestAnimationFrame(vt);return}ie(),Fe&&Zn(Fe);let yt=w.filter(D=>D.type==="token_usage").length||w.filter(D=>D.role==="user").length,Sa=Ze.truncated?` (showing last ${w.length} of ${Ze.total||"?"})`:"";b(`\u2500\u2500 ${Oe} history \xB7 ${yt} turn${yt!==1?"s":""}${Sa} \u2500\u2500`)};vt()},ve=async()=>{let w=ta.get(je);if(w&&Date.now()-w.at<yi){Be(w.msgs,w.context,w.meta);return}b(`Loading ${Oe} history\u2026`);try{let Ze=typeof navigator<"u"&&(navigator.connection?.saveData||/Mobi|Android|iPhone/i.test(navigator.userAgent||""))?"50":"80",Fn=new URLSearchParams({agent:p,tail:Ze,compact:"1"}),G=await h("GET",`/api/sessions/${e}/messages?${Fn}`),vt=Array.isArray(G)?G:G.messages||[],Yt=Array.isArray(G)?null:G.context||null,yt=Array.isArray(G)?{}:{truncated:G.truncated,total:G.total};ta.set(je,{msgs:vt,context:Yt,meta:yt,at:Date.now()}),Be(vt,Yt,yt)}catch(Fe){if(f.sessionId!==e)return;(0,n.$)("messages").innerHTML="",b(`${Oe} \xB7 ${e.slice(0,8)}\u2026 (history unavailable: ${Fe.message})`)}};c?ve().catch(()=>{}):(await new Promise(w=>requestAnimationFrame(w)),ve().catch(()=>{})),fn(),re()}function ea(e,t,s){if(e){let o=e.split("/").filter(Boolean).pop()||e;(0,n.batch)(()=>{y.value={id:o,name:o,path:e,machineId:t},B.value=e,U.value=e,z.value=e,C.value="",F.value=null}),(0,n.$)("topbar-project").textContent=t?`${e}  @${t}`:e;let a=(0,n.$)("files-root-input");a&&(a.value=e);let i=(0,n.$)("git-root-input");i&&(i.value=e),Cn(t),(0,n.$)("welcome")?.classList.add("hidden");let r=(0,n.$)("project-view");r&&(r.classList.remove("hidden"),r.style.display="flex",r.style.flexDirection="column",r.style.flex="1",r.style.minHeight="0",r.style.overflow="hidden")}else{(0,n.$)("welcome")?.classList.add("hidden");let o=(0,n.$)("project-view");o&&(o.classList.remove("hidden"),o.style.display="flex",o.style.flexDirection="column",o.style.flex="1",o.style.minHeight="0"),Cn(t)}}function Ae(e){A.value=e}var ta,yi,Gt=Y(()=>{I();M();J();Zt();pt();mn();ht();Wt();ds();ta=new Map,yi=180*1e3});M();J();I();M();J();var it=null;function Ws(){return window.matchMedia("(display-mode: standalone)").matches||window.navigator.standalone===!0||document.referrer.includes("android-app://")}function Gs(){document.getElementById("btn-pwa-install")?.classList.remove("hidden")}function zs(){Ws()&&document.documentElement.classList.add("pwa-standalone"),window.addEventListener("beforeinstallprompt",s=>{s.preventDefault(),it=s,document.dispatchEvent(new CustomEvent("pwa-installable")),Gs()}),window.addEventListener("appinstalled",()=>{it=null,document.getElementById("btn-pwa-install")?.classList.add("hidden")});let e=/iPad|iPhone|iPod/.test(navigator.userAgent)||navigator.platform==="MacIntel"&&navigator.maxTouchPoints>1;if(!Ws()&&(e||/Android/i.test(navigator.userAgent))&&requestAnimationFrame(()=>Gs()),!("serviceWorker"in navigator))return;let t=()=>{navigator.serviceWorker.register("/sw.js",{scope:"/"}).then(s=>{s.addEventListener("updatefound",()=>{let o=s.installing;o&&o.addEventListener("statechange",()=>{o.state==="installed"&&navigator.serviceWorker.controller&&console.info("[pwa] New version ready \u2014 reload to apply")})})}).catch(s=>console.warn("[pwa] SW register failed",s))};document.readyState==="complete"?setTimeout(t,0):window.addEventListener("load",()=>setTimeout(t,0))}async function Js(){if(!it)return!1;it.prompt();let e=await it.userChoice.catch(()=>null);return it=null,document.getElementById("btn-pwa-install")?.classList.add("hidden"),e?.outcome==="accepted"}Zt();pt();mn();I();J();M();xn();function wo(){document.getElementById("root").insertAdjacentHTML("beforeend",`
-    <dialog id="modal-settings" class="modal">
-      <div class="modal-box max-w-lg">
-        <h3 class="font-bold text-base mb-4">\u2699\uFE0F Settings \u2014 Workspaces</h3>
-        <div id="ws-list" class="flex flex-col gap-2 mb-4"></div>
-        <div class="border-t border-base-300 pt-4">
-          <div class="text-xs uppercase tracking-wider text-base-content/50 mb-2">Add workspace</div>
-          <div class="flex gap-2 mb-2">
-            <input id="ws-new-name" type="text" placeholder="Name (e.g. personal)" class="input input-sm input-bordered flex-1">
-            <input id="ws-new-dir"  type="text" placeholder="~/.claude-personal"    class="input input-sm input-bordered flex-[2]">
-            <button id="ws-add-btn" class="btn btn-primary btn-sm">Add</button>
-          </div>
-          <div id="ws-error" class="alert alert-error text-xs py-1.5 hidden"></div>
-        </div>
-        <div class="modal-action">
-          <form method="dialog"><button class="btn btn-ghost btn-sm">Close</button></form>
-        </div>
-      </div>
-      <form method="dialog" class="modal-backdrop"><button>close</button></form>
-    </dialog>`),gn(),document.getElementById("ws-add-btn").addEventListener("click",os),document.getElementById("ws-new-name").addEventListener("keydown",e=>{e.key==="Enter"&&os()}),document.getElementById("ws-new-dir").addEventListener("keydown",e=>{e.key==="Enter"&&os()})}function gn(){let e=(0,n.$)("ws-list");if(!e)return;let t=H.peek();if(!t.length){e.innerHTML='<div class="text-xs text-base-content/40">No workspaces configured</div>';return}e.innerHTML=t.map(s=>`
-    <div class="flex items-center gap-2 px-3 py-2 bg-base-200 rounded-lg">
-      <div class="flex-1 min-w-0">
-        <div class="text-sm font-medium">${(0,n.esc)(s.name)}</div>
-        <div class="text-xs font-mono text-base-content/50 truncate">${(0,n.esc)(s.configDir)}</div>
-      </div>
-      ${t.length>1?`<button class="btn btn-ghost btn-xs text-error" data-ws-delete="${(0,n.esc)(s.id)}">\u2715</button>`:'<span class="text-[10px] text-base-content/30">default</span>'}
-    </div>`).join(""),e.querySelectorAll("[data-ws-delete]").forEach(s=>{s.addEventListener("click",()=>si(s.dataset.wsDelete))})}async function os(){let e=(0,n.$)("ws-new-name").value.trim(),t=(0,n.$)("ws-new-dir").value.trim(),s=(0,n.$)("ws-error");if(s.classList.add("hidden"),!e||!t){s.textContent="Name and path are required",s.classList.remove("hidden");return}try{let o=await h("POST","/api/workspaces",{name:e,configDir:t});H.value=[...H.peek(),o],Ht(H.peek()),(0,n.$)("ws-new-name").value="",(0,n.$)("ws-new-dir").value="",gn()}catch(o){s.textContent=o.message,s.classList.remove("hidden")}}async function si(e){try{await h("DELETE",`/api/workspaces/${e}`),H.value=H.peek().filter(t=>t.id!==e),Ht(H.peek()),gn()}catch(t){alert(t.message)}}function ko(){gn(),(0,n.$)("modal-settings")?.showModal()}I();J();M();var kn=!1,Ne="chat",ut=!1,q=null,Q=null,Je=[],$o=0,vn=null,as=localStorage.getItem("ai_last_auto_report")||"",wn=[],Eo="",Re="ma_last_session_id";function ft(e){if(typeof marked<"u")try{return marked.parse(String(e??""),{breaks:!0,gfm:!0})}catch{}return(0,n.esc)(e).replace(/\n/g,"<br>")}function mt(e){!e||typeof hljs>"u"||e.querySelectorAll("pre code").forEach(t=>{try{hljs.highlightElement(t)}catch{}})}async function is(e,t,s){let o=Tt({"Content-Type":"application/json"}),a=await fetch(e,{method:"POST",headers:o,body:JSON.stringify(t||{})});if(!a.ok){let l=await a.json().catch(()=>({}));throw new Error(l.error||`HTTP ${a.status}`)}let i=a.body.getReader(),r=new TextDecoder,c="",u="message";for(;;){let{done:l,value:d}=await i.read();if(l)break;c+=r.decode(d,{stream:!0});let p=c.split(`
-`);c=p.pop()||"";for(let m of p)if(m.startsWith("event:"))u=m.slice(6).trim();else if(m.startsWith("data:")){let x=m.slice(5).trim();if(!x)continue;let g;try{g=JSON.parse(x)}catch{continue}s[u]?.(g),s.any?.(u,g),u="message"}else m.trim()===""&&(u="message")}}function oi(){return`
-  <div id="meta-agent-panel" class="meta-agent-panel hidden" aria-hidden="true">
-    <div class="meta-agent-backdrop" data-ma-close="1"></div>
-    <div class="meta-agent-sheet">
-      <header class="meta-agent-header">
-        <div class="flex items-center gap-2 min-w-0">
-          <span class="text-base font-bold">\u2726 Meta Agent</span>
-          <span class="text-[10px] text-base-content/40 hidden sm:inline">\u62A5\u544A \xB7 \u95EE\u7B54 \xB7 VLM \xB7 \u4EE3\u7801</span>
-        </div>
-        <div class="flex items-center gap-1">
-          <button type="button" id="ma-btn-chat" class="btn btn-xs btn-ghost border border-primary/40 text-primary">\u5BF9\u8BDD</button>
-          <button type="button" id="ma-btn-history" class="btn btn-xs btn-ghost border border-base-300" title="\u5386\u53F2\u5BF9\u8BDD">\u5386\u53F2</button>
-          <button type="button" id="ma-btn-report" class="btn btn-xs btn-ghost border border-base-300">\u62A5\u544A</button>
-          <button type="button" id="ma-btn-config" class="btn btn-xs btn-ghost border border-base-300" title="AI \u914D\u7F6E">\u2699</button>
-          <button type="button" id="ma-btn-close" class="btn btn-xs btn-ghost" data-ma-close="1">\u2715</button>
-        </div>
-      </header>
-
-      <div id="ma-mode-chat" class="meta-agent-body flex flex-col min-h-0 flex-1">
-        <div class="flex items-center gap-1 px-2 py-1 border-b border-base-300 flex-shrink-0 overflow-x-auto">
-          <button type="button" id="ma-new-chat" class="btn btn-ghost btn-xs">\uFF0B \u65B0\u5BF9\u8BDD</button>
-          <button type="button" id="ma-open-history" class="btn btn-ghost btn-xs" title="\u5386\u53F2\u5217\u8868">\u2630 \u5386\u53F2</button>
-          <span id="ma-session-title" class="text-[11px] text-base-content/55 truncate flex-1 min-w-0 px-1"></span>
-          <button type="button" id="ma-del-session" class="btn btn-ghost btn-xs text-error" title="\u5220\u9664\u5F53\u524D\u4F1A\u8BDD">\u{1F5D1}</button>
-          <button type="button" id="ma-quick-today" class="btn btn-ghost btn-xs text-[10px]">\u4ECA\u5929\u505A\u4E86\u5565</button>
-          <button type="button" id="ma-quick-projects" class="btn btn-ghost btn-xs text-[10px]">\u9879\u76EE\u6982\u51B5</button>
-        </div>
-        <div id="ma-resume-bar" class="hidden px-3 py-1.5 border-b border-primary/30 bg-primary/10 text-[11px] flex items-center gap-2 flex-shrink-0">
-          <span id="ma-resume-text" class="flex-1 min-w-0 truncate text-base-content/70"></span>
-          <button type="button" id="ma-resume-focus" class="btn btn-primary btn-xs">\u7EE7\u7EED\u804A</button>
-        </div>
-        <div id="ma-messages" class="flex-1 overflow-y-auto p-3 flex flex-col gap-2"></div>
-        <div id="ma-attach-bar" class="hidden px-3 pt-1 flex flex-wrap gap-1"></div>
-        <div class="flex gap-2 items-end px-3 py-2 border-t border-base-300 bg-base-200 flex-shrink-0">
-          <label class="btn btn-ghost btn-sm px-2 cursor-pointer" title="\u6DFB\u52A0\u56FE\u7247 (VLM)" style="height:40px">
-            \u{1F5BC}
-            <input type="file" id="ma-image-input" accept="image/*" multiple class="hidden">
-          </label>
-          <textarea id="ma-input" rows="1" placeholder="\u7EE7\u7EED\u63D0\u95EE\u2026 (\u2318\u21B5 \u53D1\u9001) \xB7 \u5386\u53F2\u4F1A\u8BDD\u4F1A\u5E26\u7740\u4E0A\u4E0B\u6587"
-            class="textarea textarea-bordered flex-1 text-sm resize-none leading-relaxed"
-            style="min-height:40px;max-height:120px"></textarea>
-          <button type="button" id="ma-send" class="btn btn-primary btn-sm" style="height:40px">\u53D1\u9001</button>
-        </div>
-      </div>
-
-      <div id="ma-mode-history" class="meta-agent-body hidden flex-col min-h-0 flex-1">
-        <div class="flex items-center gap-2 px-3 py-2 border-b border-base-300 flex-shrink-0">
-          <input id="ma-history-search" type="search" placeholder="\u641C\u7D22\u6807\u9898 / \u9884\u89C8\u2026"
-            class="input input-xs input-bordered flex-1 text-xs" autocomplete="off">
-          <button type="button" id="ma-history-refresh" class="btn btn-ghost btn-xs">\u21BB</button>
-          <button type="button" id="ma-history-new" class="btn btn-primary btn-xs">\uFF0B \u65B0\u5BF9\u8BDD</button>
-        </div>
-        <div id="ma-history-list" class="flex-1 overflow-y-auto p-2 flex flex-col gap-1"></div>
-        <p class="text-[10px] text-base-content/40 px-3 py-2 border-t border-base-300 flex-shrink-0">
-          \u70B9\u51FB\u4F1A\u8BDD\u53EF\u67E5\u770B\u5B8C\u6574\u8BB0\u5F55\uFF1B\u53D1\u9001\u65B0\u6D88\u606F\u5373 resume\uFF08\u4FDD\u7559 tool / VLM \u4E0A\u4E0B\u6587\uFF09\u3002
-        </p>
-      </div>
-
-      <div id="ma-mode-report" class="meta-agent-body hidden flex-col min-h-0 flex-1">
-        <div class="flex items-center gap-2 px-3 py-2 border-b border-base-300 flex-shrink-0 flex-wrap">
-          <select id="ma-report-days" class="select select-xs select-bordered">
-            <option value="1">\u4ECA\u5929</option>
-            <option value="3">\u8FD1 3 \u5929</option>
-            <option value="7">\u8FD1 7 \u5929</option>
-          </select>
-          <button type="button" id="ma-gen-report" class="btn btn-primary btn-xs">\u751F\u6210\u62A5\u544A</button>
-          <button type="button" id="ma-load-reports" class="btn btn-ghost btn-xs">\u5386\u53F2</button>
-          <label class="flex items-center gap-1 text-[11px] ml-auto cursor-pointer select-none">
-            <input type="checkbox" id="ma-auto-report" class="checkbox checkbox-xs">
-            \u81EA\u52A8\u65E5\u62A5
-          </label>
-          <select id="ma-auto-hour" class="select select-xs select-bordered w-16" title="\u81EA\u52A8\u751F\u6210\u65F6\u523B">
-            ${Array.from({length:24},(e,t)=>`<option value="${t}">${String(t).padStart(2,"0")}:00</option>`).join("")}
-          </select>
-        </div>
-        <div id="ma-report-list" class="hidden border-b border-base-300 max-h-28 overflow-y-auto px-2 py-1"></div>
-        <div id="ma-report-body" class="flex-1 overflow-y-auto p-4">
-          <div class="text-sm text-base-content/45 text-center py-10">
-            \u70B9\u51FB\u300C\u751F\u6210\u62A5\u544A\u300D\u6C47\u603B\u4F1A\u8BDD\u4E0E\u9879\u76EE\u6D3B\u52A8\uFF0C\u6216\u5728\u5BF9\u8BDD\u91CC\u95EE\u300C\u6211\u4ECA\u5929\u505A\u4E86\u4EC0\u4E48\u300D\u3002
-          </div>
-        </div>
-      </div>
-
-      <div id="ma-mode-config" class="meta-agent-body hidden flex-col min-h-0 flex-1 overflow-y-auto p-4 gap-3">
-        <p class="text-xs text-base-content/50">OpenAI \u517C\u5BB9 API\uFF08DeepSeek / OpenAI / \u672C\u5730\u7F51\u5173\u7B49\uFF09\u3002Key \u4FDD\u5B58\u5728\u670D\u52A1\u7AEF <code>.ai_config.json</code>\u3002</p>
-        <label class="form-control">
-          <span class="label-text text-xs">API URL</span>
-          <input id="ma-cfg-url" class="input input-sm input-bordered font-mono text-xs" placeholder="https://api.deepseek.com/chat/completions">
-        </label>
-        <label class="form-control">
-          <span class="label-text text-xs">API Key</span>
-          <input id="ma-cfg-key" type="password" class="input input-sm input-bordered" placeholder="\u7559\u7A7A\u5219\u4E0D\u4FEE\u6539">
-        </label>
-        <label class="form-control">
-          <span class="label-text text-xs">\u4E3B\u6A21\u578B</span>
-          <input id="ma-cfg-model" class="input input-sm input-bordered font-mono text-xs" placeholder="deepseek-chat">
-        </label>
-        <div class="divider text-xs my-1">VLM \u591A\u6A21\u6001\uFF08\u53EF\u7559\u7A7A\u5171\u7528\u4E0A\u65B9\uFF09</div>
-        <label class="form-control">
-          <span class="label-text text-xs">VLM URL</span>
-          <input id="ma-cfg-vlm-url" class="input input-sm input-bordered font-mono text-xs" placeholder="\u53EF\u9009">
-        </label>
-        <label class="form-control">
-          <span class="label-text text-xs">VLM Key</span>
-          <input id="ma-cfg-vlm-key" type="password" class="input input-sm input-bordered" placeholder="\u53EF\u9009">
-        </label>
-        <label class="form-control">
-          <span class="label-text text-xs">VLM \u6A21\u578B</span>
-          <input id="ma-cfg-vlm-model" class="input input-sm input-bordered font-mono text-xs" placeholder="gpt-4o-mini / \u2026">
-        </label>
-        <label class="form-control">
-          <span class="label-text text-xs">System Prompt</span>
-          <textarea id="ma-cfg-system" class="textarea textarea-bordered textarea-sm text-xs min-h-[80px]"></textarea>
-        </label>
-        <div class="flex gap-2">
-          <button type="button" id="ma-cfg-save" class="btn btn-primary btn-sm">\u4FDD\u5B58</button>
-          <span id="ma-cfg-status" class="text-xs text-base-content/50 self-center"></span>
-        </div>
-      </div>
-    </div>
-  </div>`}function se(e){Ne=e;let t=(0,n.$)("ma-mode-chat"),s=(0,n.$)("ma-mode-history"),o=(0,n.$)("ma-mode-report"),a=(0,n.$)("ma-mode-config");for(let[r,c]of[[t,"chat"],[s,"history"],[o,"report"],[a,"config"]]){if(!r)continue;let u=e===c;r.classList.toggle("hidden",!u),r.classList.toggle("flex",u)}let i=(r,c)=>{let u=(0,n.$)(r);u&&(u.classList.toggle("border-primary/40",c),u.classList.toggle("text-primary",c))};i("ma-btn-chat",e==="chat"),i("ma-btn-history",e==="history"),i("ma-btn-report",e==="report"),e==="history"&&Ke()}function Nt(){let e=(0,n.$)("ma-session-title"),t=(0,n.$)("ma-resume-bar"),s=(0,n.$)("ma-resume-text");if(!q){e&&(e.textContent="\u65B0\u5BF9\u8BDD"),t?.classList.add("hidden");return}let o=Q?.title||q.slice(0,8),a=Ao(Q?.updatedAt);if(e&&(e.textContent=a?`${o} \xB7 ${a}`:o),t&&s){t.classList.remove("hidden");let i=Q?.messageCount;s.textContent=i?`\u5DF2\u52A0\u8F7D\u5386\u53F2 \xB7 ${i} \u6761\u6D88\u606F \xB7 \u53D1\u9001\u5373\u53EF\u7EE7\u7EED`:"\u5DF2\u52A0\u8F7D\u5386\u53F2\u4F1A\u8BDD \xB7 \u53D1\u9001\u5373\u53EF\u7EE7\u7EED"}}function rs(e="chat"){let t=(0,n.$)("meta-agent-panel");if(t){if(t.classList.remove("hidden"),t.setAttribute("aria-hidden","false"),kn=!0,se(e),e==="chat"){Ie();let s=localStorage.getItem(Re);!q&&s?Ce(s,{silent:!0}).catch(()=>{localStorage.removeItem(Re)}):Nt()}e==="history"&&Ie().then(()=>Ke()),e==="report"&&jo(),e==="config"&&Do(),setTimeout(()=>{Ne==="chat"&&(0,n.$)("ma-input")?.focus(),Ne==="history"&&(0,n.$)("ma-history-search")?.focus()},50)}}function Mo(){let e=(0,n.$)("meta-agent-panel");e&&(e.classList.add("hidden"),e.setAttribute("aria-hidden","true"),kn=!1)}function Io(){kn?Mo():rs(Ne==="config"?"chat":Ne)}function P(e,t,s={}){let o=(0,n.$)("ma-messages");if(!o)return null;let a=document.createElement("div");return a.className=`ma-msg ma-msg-${e}`,e==="user"?a.innerHTML=`<div class="ma-bubble user">${(0,n.esc)(t)}</div>`:e==="assistant"?(a.innerHTML=`<div class="ma-bubble assistant md">${ft(t)}</div>`,mt(a)):e==="error"?a.innerHTML=`<div class="ma-bubble error">${(0,n.esc)(t)}</div>`:e==="system"?a.innerHTML=`<div class="ma-sys">${(0,n.esc)(t)}</div>`:e==="tool"&&(a.innerHTML=`<div class="ma-tool" data-tool-id="${(0,n.esc)(s.id||"")}">
-      <span class="ma-tool-name">${(0,n.esc)(s.name||"tool")}</span>
-      <span class="ma-tool-phase">${(0,n.esc)(s.phase||"")}</span>
-      <pre class="ma-tool-args">${(0,n.esc)(JSON.stringify(s.args||{},null,0).slice(0,200))}</pre>
-    </div>`),o.appendChild(a),o.scrollTop=o.scrollHeight,a}function So(e,t){let s=e?.querySelector(".ma-bubble");s&&(s.innerHTML=ft(t),mt(s),(0,n.$)("ma-messages").scrollTop=(0,n.$)("ma-messages").scrollHeight)}function Co(e,t,s){let o=(0,n.$)("ma-messages");if(!o)return;let a=o.querySelector(`[data-tool-id="${CSS.escape(e)}"]`);if(!a)return;a.classList.toggle("done",t==="done"),a.classList.toggle("error",t==="error");let i=a.querySelector(".ma-tool-phase");if(i&&(i.textContent=t),s&&t!=="start"){let r=a.querySelector(".ma-tool-result");r||(r=document.createElement("pre"),r.className="ma-tool-result",a.appendChild(r)),r.textContent=JSON.stringify(s,null,0).slice(0,500)}}function ai(e){let t=(0,n.$)("ma-messages");if(!t)return;let s=document.createElement("div");s.className="ma-approval",s.dataset.approvalId=e.id;let o=e.args?.command??"";s.innerHTML=`
-    <div class="ma-approval-label">\u26A0 Agent \u60F3\u8981\u6267\u884C\u547D\u4EE4\uFF0C\u662F\u5426\u5141\u8BB8\uFF1F</div>
-    <pre class="ma-approval-cmd">${(0,n.esc)(o)}</pre>
-    <div class="ma-approval-actions">
-      <button type="button" class="btn btn-xs btn-error" data-approve="0">\u62D2\u7EDD</button>
-      <button type="button" class="btn btn-xs btn-success" data-approve="1">\u5141\u8BB8\u6267\u884C</button>
-    </div>`,s.querySelectorAll("[data-approve]").forEach(a=>{a.addEventListener("click",async()=>{let i=a.dataset.approve==="1";s.querySelectorAll("button").forEach(r=>{r.disabled=!0}),s.querySelector(".ma-approval-label").textContent=i?"\u2713 \u5DF2\u5141\u8BB8\uFF0C\u6B63\u5728\u6267\u884C\u2026":"\u2717 \u5DF2\u62D2\u7EDD";try{await h("POST","/api/ai/approve",{id:e.id,approved:i})}catch(r){s.querySelector(".ma-approval-label").textContent=`\u786E\u8BA4\u5931\u8D25\uFF1A${r.message}`}})}),t.appendChild(s),t.scrollTop=t.scrollHeight}function ii(){return $o+=1,`img${$o}`}function ri(e,t){if(!e)return;let s=e.selectionStart??e.value.length,o=e.selectionEnd??e.value.length;e.value=e.value.slice(0,s)+t+e.value.slice(o),e.selectionStart=e.selectionEnd=s+t.length,e.dispatchEvent(new Event("input"))}async function Lo(e,t){let s=Tt({"x-filename":t||`paste-${Date.now()}.png`});delete s["Content-Type"];let o=await fetch("/api/upload-image",{method:"POST",headers:s,body:e});if(!o.ok){let l=await o.json().catch(()=>({}));throw new Error(l.error||`Upload failed: ${o.status}`)}let{path:a}=await o.json();if(!a)throw new Error("upload returned no path");let i=ii(),r=`[${i}](${a})`,c=(0,n.$)("ma-input");ri(c,(c?.value&&!c.value.endsWith(`
-`)&&c.value.length?`
-`:"")+r+`
-`);let u="";try{u=URL.createObjectURL(e)}catch{}return Je.push({path:a,previewUrl:u,label:i,ref:r}),ls(),{path:a,ref:r,label:i}}function ls(){let e=(0,n.$)("ma-attach-bar");if(e){if(!Je.length){e.classList.add("hidden"),e.innerHTML="";return}e.classList.remove("hidden"),e.innerHTML=Je.map((t,s)=>`
-    <div class="ma-thumb relative" title="${(0,n.esc)(t.ref||t.path)}">
-      ${t.previewUrl?`<img src="${t.previewUrl}" alt="${(0,n.esc)(t.label||"img")}">`:`<span class="ma-thumb-path">${(0,n.esc)(t.label||"img")}</span>`}
-      <span class="ma-thumb-label">${(0,n.esc)(t.label||"")}</span>
-      <button type="button" class="ma-thumb-x" data-rm-img="${s}">\u2715</button>
-    </div>`).join(""),e.querySelectorAll("[data-rm-img]").forEach(t=>{t.addEventListener("click",()=>{let s=parseInt(t.dataset.rmImg,10),o=Je[s];if(o?.previewUrl)try{URL.revokeObjectURL(o.previewUrl)}catch{}let a=(0,n.$)("ma-input");a&&o?.ref&&(a.value=a.value.split(o.ref).join("").replace(/\n{3,}/g,`
-
-`),a.dispatchEvent(new Event("input"))),Je.splice(s,1),ls()})})}}function Ao(e){if(!e)return"";let t=new Date(e);if(Number.isNaN(t.getTime()))return"";let s=String(t.getMonth()+1).padStart(2,"0"),o=String(t.getDate()).padStart(2,"0"),a=String(t.getHours()).padStart(2,"0"),i=String(t.getMinutes()).padStart(2,"0");return`${s}-${o} ${a}:${i}`}async function Ie(){try{wn=(await h("GET","/api/ai/sessions")).sessions||[]}catch{wn=[]}return wn}function Ke(){let e=(0,n.$)("ma-history-list");if(!e)return;let t=(Eo||"").trim().toLowerCase(),s=wn;if(t&&(s=s.filter(o=>`${o.title||""} ${o.preview||""} ${o.id||""}`.toLowerCase().includes(t))),!s.length){e.innerHTML=`<div class="text-center text-xs text-base-content/40 py-10">
-      ${t?"\u6CA1\u6709\u5339\u914D\u7684\u4F1A\u8BDD":"\u8FD8\u6CA1\u6709\u5386\u53F2\u5BF9\u8BDD\u3002\u53D1\u4E00\u6761\u6D88\u606F\u540E\u4F1A\u51FA\u73B0\u5728\u8FD9\u91CC\u3002"}
-    </div>`;return}e.innerHTML=s.map(o=>{let a=o.id===q,i=Ao(o.updatedAt)||"",r=o.messageCount||0;return`
-      <div class="ma-hist-item ${a?"active":""}" data-hist-id="${(0,n.esc)(o.id)}">
-        <div class="flex items-start gap-2">
-          <button type="button" class="ma-hist-open flex-1 min-w-0 text-left" data-hist-open="${(0,n.esc)(o.id)}">
-            <div class="font-medium text-xs truncate">${(0,n.esc)(o.title||o.id.slice(0,8))}</div>
-            <div class="text-[10px] text-base-content/45 mt-0.5 line-clamp-2">${(0,n.esc)(o.preview||"\uFF08\u65E0\u9884\u89C8\uFF09")}</div>
-            <div class="text-[10px] text-base-content/35 mt-1">${(0,n.esc)(i)}${r?` \xB7 ${r} \u6761`:""}${a?" \xB7 \u5F53\u524D":""}</div>
-          </button>
-          <div class="flex flex-col gap-0.5 flex-shrink-0">
-            <button type="button" class="btn btn-ghost btn-xs px-1" data-hist-resume="${(0,n.esc)(o.id)}" title="\u6253\u5F00\u5E76\u7EE7\u7EED">\u21B5</button>
-            <button type="button" class="btn btn-ghost btn-xs px-1 text-error" data-hist-del="${(0,n.esc)(o.id)}" title="\u5220\u9664">\u2715</button>
-          </div>
-        </div>
-      </div>`}).join(""),e.querySelectorAll("[data-hist-open]").forEach(o=>{o.addEventListener("click",async()=>{await Ce(o.dataset.histOpen),se("chat"),(0,n.$)("ma-input")?.focus()})}),e.querySelectorAll("[data-hist-resume]").forEach(o=>{o.addEventListener("click",async a=>{a.stopPropagation(),await Ce(o.dataset.histResume),se("chat"),(0,n.$)("ma-input")?.focus()})}),e.querySelectorAll("[data-hist-del]").forEach(o=>{o.addEventListener("click",async a=>{a.stopPropagation();let i=o.dataset.histDel;if(confirm("\u5220\u9664\u8BE5\u5386\u53F2\u4F1A\u8BDD\uFF1F\u4E0D\u53EF\u6062\u590D\u3002"))try{await h("DELETE",`/api/ai/sessions/${i}`),q===i&&(q=null,Q=null,localStorage.removeItem(Re),Ce(null)),await Ie(),Ke()}catch(r){alert(r.message)}})})}function To(e){return typeof e=="string"?e:Array.isArray(e)&&e.map(t=>typeof t=="string"?t:t?.type==="text"?t.text||"":t?.type==="image_url"?"[\u56FE\u7247]":"").filter(Boolean).join(`
-`)||"[\u2026]"}function li(e){let t=(0,n.$)("ma-messages");if(t){if(t.innerHTML="",!e?.length){P("system","\u6B64\u4F1A\u8BDD\u6682\u65E0\u6D88\u606F\u3002");return}for(let s of e){if(s.role==="user"){P("user",To(s.content));continue}if(s.role==="assistant"){if(s.tool_calls?.length)for(let o of s.tool_calls){let a=o.function?.name||o.name||"tool",i={};try{i=JSON.parse(o.function?.arguments||o.arguments||"{}")}catch{}P("tool","",{name:a,args:i,phase:"history",id:o.id||a})}s.content&&P("assistant",typeof s.content=="string"?s.content:To(s.content));continue}if(s.role==="tool"){let o=s.content;try{o=JSON.parse(s.content)}catch{}let a=s.tool_call_id||"";if(a)Co(a,"done",o);else{P("tool","",{name:"tool_result",args:{},phase:"done",id:`tr_${Math.random().toString(36).slice(2,8)}`});let i=t.querySelectorAll(".ma-tool"),r=i[i.length-1];if(r){r.classList.add("done");let c=r.querySelector(".ma-tool-result");c||(c=document.createElement("pre"),c.className="ma-tool-result",r.appendChild(c)),c.textContent=typeof o=="string"?o.slice(0,500):JSON.stringify(o,null,0).slice(0,500)}}}}t.scrollTop=t.scrollHeight}}async function ci(){if(!q){await Ce(null);return}if(confirm("\u5220\u9664\u5F53\u524D Meta Agent \u4F1A\u8BDD\uFF1F\u6B64\u64CD\u4F5C\u4E0D\u53EF\u6062\u590D\u3002"))try{await h("DELETE",`/api/ai/sessions/${q}`),q=null,Q=null,localStorage.removeItem(Re),await Ie(),await Ce(null),Ne==="history"&&Ke()}catch(e){P("error",e.message)}}async function Ce(e,t={}){if(!e){q=null,Q=null,localStorage.removeItem(Re);let s=(0,n.$)("ma-messages");return s&&(s.innerHTML=""),P("system","\u65B0\u5BF9\u8BDD \u2014 \u8D34\u56FE \u2192 [imgN](\u8DEF\u5F84)\uFF1B\u9700\u8981\u770B\u56FE\u65F6\u8C03\u7528 VLM\u3002\u5386\u53F2\u5728\u300C\u5386\u53F2\u300D\u9875\uFF0C\u53EF\u968F\u65F6 resume\u3002"),Nt(),null}try{let s=await h("GET",`/api/ai/sessions/${e}`);return q=s.id,Q={id:s.id,title:s.title,updatedAt:s.updatedAt,messageCount:(s.messages||[]).length},localStorage.setItem(Re,s.id),li(s.messages||[]),t.silent||P("system","\u2191 \u5386\u53F2\u5DF2\u52A0\u8F7D\u3002\u5728\u4E0B\u65B9\u7EE7\u7EED\u8F93\u5165\u5373\u53EF resume\uFF08\u670D\u52A1\u7AEF\u4FDD\u7559\u5B8C\u6574 tool / VLM \u4E0A\u4E0B\u6587\uFF09\u3002"),Nt(),Ne==="history"&&Ke(),s}catch(s){throw t.silent||P("error",s.message),s}}async function yn(){if(ut)return;let e=(0,n.$)("ma-input"),t=(e?.value||"").trim();if(!t)return;ut=!0,(0,n.$)("ma-send").disabled=!0,P("user",t),e.value="",e.style.height="";for(let a of Je)if(a.previewUrl)try{URL.revokeObjectURL(a.previewUrl)}catch{}Je=[],ls();let s=null,o="";try{await is("/api/ai/chat",{message:t,sessionId:q},{session:a=>{q=a.id,Q={...Q||{},id:a.id,title:a.title||Q?.title||t.slice(0,40),updatedAt:Date.now()},localStorage.setItem(Re,a.id),Nt()},content:a=>{o=a.content||"",s||(s=P("assistant","")),So(s,o)},tool:a=>{a.phase==="start"?P("tool","",{name:a.name,args:a.args,phase:"start",id:a.id}):Co(a.id,a.phase,a.result)},approval:a=>ai(a),done:a=>{a.sessionId&&(q=a.sessionId,localStorage.setItem(Re,a.sessionId)),(a.title||a.sessionId)&&(Q={id:q,title:a.title||Q?.title||"\u5BF9\u8BDD",updatedAt:Date.now(),messageCount:(Q?.messageCount||0)+2}),a.content&&s&&So(s,a.content),Nt(),Ie()},error:a=>{P("error",a.message||"error")}})}catch(a){P("error",a.message)}finally{ut=!1,(0,n.$)("ma-send").disabled=!1}}async function di(){if(ut)return;ut=!0;let e=parseInt((0,n.$)("ma-report-days")?.value||"1",10),t=(0,n.$)("ma-report-body");t.innerHTML=`<div class="text-sm text-base-content/50 py-6 text-center">\u6B63\u5728\u6C47\u603B\u8FD1 ${e} \u5929\u6D3B\u52A8\u2026</div>`,(0,n.$)("ma-gen-report").disabled=!0;let s="",o=document.createElement("div");o.className="ma-report-tools flex flex-col gap-1 mb-3";try{await is("/api/ai/report",{days:e},{content:a=>{s=a.content||"",t.innerHTML="",t.appendChild(o);let i=document.createElement("div");i.className="md ma-report-md",i.innerHTML=ft(s),mt(i),t.appendChild(i)},tool:a=>{if(a.phase==="start"){let i=document.createElement("div");i.className="ma-tool",i.dataset.toolId=a.id||a.name,i.innerHTML=`<span class="ma-tool-name">${(0,n.esc)(a.name)}</span> <span class="ma-tool-phase">start</span>`,o.appendChild(i)}else{let i=o.querySelector(`[data-tool-id="${CSS.escape(a.id||a.name)}"]`);i&&(i.classList.add(a.phase==="error"?"error":"done"),i.querySelector(".ma-tool-phase").textContent=a.phase)}},done:a=>{if(a.content){t.innerHTML="",t.appendChild(o);let i=document.createElement("div");i.className="md ma-report-md",i.innerHTML=ft(a.content),mt(i),t.appendChild(i)}},error:a=>{t.innerHTML=`<div class="alert alert-error text-sm">${(0,n.esc)(a.message)}</div>`}})}catch(a){t.innerHTML=`<div class="alert alert-error text-sm">${(0,n.esc)(a.message)}</div>`}finally{ut=!1,(0,n.$)("ma-gen-report").disabled=!1}}async function jo(){try{let e=new Date,t=`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,"0")}-${String(e.getDate()).padStart(2,"0")}`,s=await h("GET",`/api/ai/reports/${t}`);if(s?.markdown){let o=(0,n.$)("ma-report-body");o.innerHTML=`
-        <div class="text-[10px] text-base-content/40 mb-2">${(0,n.esc)(s.title||t)} \xB7 ${(0,n.esc)(s.generatedAt||"")}</div>
-        <div class="md ma-report-md">${ft(s.markdown)}</div>`,mt(o)}}catch{}}async function pi(){let e=(0,n.$)("ma-report-list");try{let t=await h("GET","/api/ai/reports");e.classList.remove("hidden");let s=t.reports||[];if(!s.length){e.innerHTML='<div class="text-xs text-base-content/40 px-2 py-1">\u6682\u65E0\u5386\u53F2\u62A5\u544A</div>';return}e.innerHTML=s.map(o=>`
-      <button type="button" class="ma-report-item w-full text-left px-2 py-1 rounded hover:bg-base-200 text-xs"
-        data-day="${(0,n.esc)(o.day)}">
-        <span class="font-semibold">${(0,n.esc)(o.day)}</span>
-        <span class="text-base-content/45 ml-1">${(0,n.esc)(o.title||"")}</span>
-      </button>`).join(""),e.querySelectorAll("[data-day]").forEach(o=>{o.addEventListener("click",async()=>{try{let a=await h("GET",`/api/ai/reports/${o.dataset.day}`),i=(0,n.$)("ma-report-body");i.innerHTML=`
-            <div class="text-[10px] text-base-content/40 mb-2">${(0,n.esc)(a.title||a.day)} \xB7 ${(0,n.esc)(a.generatedAt||"")}</div>
-            <div class="md ma-report-md">${ft(a.markdown)}</div>`,mt(i)}catch(a){(0,n.$)("ma-report-body").innerHTML=`<div class="alert alert-error text-sm">${(0,n.esc)(a.message)}</div>`}})})}catch(t){e.classList.remove("hidden"),e.innerHTML=`<div class="text-xs text-error px-2">${(0,n.esc)(t.message)}</div>`}}async function Do(){try{let e=await h("GET","/api/ai/config");(0,n.$)("ma-cfg-url").value=e.url||"",(0,n.$)("ma-cfg-model").value=e.model||"",(0,n.$)("ma-cfg-key").placeholder=e.hasKey?"\u5DF2\u914D\u7F6E \xB7 \u7559\u7A7A\u4E0D\u4FEE\u6539":"API Key",(0,n.$)("ma-cfg-key").value="",(0,n.$)("ma-cfg-vlm-url").value=e.vlm_url||"",(0,n.$)("ma-cfg-vlm-model").value=e.vlm_model||"",(0,n.$)("ma-cfg-vlm-key").value="",(0,n.$)("ma-cfg-vlm-key").placeholder=e.hasVlmKey?"\u5DF2\u914D\u7F6E \xB7 \u7559\u7A7A\u4E0D\u4FEE\u6539":"\u53EF\u9009",(0,n.$)("ma-cfg-system").value=e.system||"",(0,n.$)("ma-auto-report")&&((0,n.$)("ma-auto-report").checked=!!e.auto_report),(0,n.$)("ma-auto-hour")&&((0,n.$)("ma-auto-hour").value=String(e.auto_report_hour??18)),Rt(e)}catch(e){(0,n.$)("ma-cfg-status").textContent=e.message}}async function ui(){let e=(0,n.$)("ma-cfg-status");e.textContent="\u4FDD\u5B58\u4E2D\u2026";try{let t={url:(0,n.$)("ma-cfg-url").value.trim(),model:(0,n.$)("ma-cfg-model").value.trim(),vlm_url:(0,n.$)("ma-cfg-vlm-url").value.trim(),vlm_model:(0,n.$)("ma-cfg-vlm-model").value.trim(),system:(0,n.$)("ma-cfg-system").value,auto_report:!!(0,n.$)("ma-auto-report")?.checked,auto_report_hour:parseInt((0,n.$)("ma-auto-hour")?.value||"18",10)},s=(0,n.$)("ma-cfg-key").value.trim(),o=(0,n.$)("ma-cfg-vlm-key").value.trim();s&&(t.key=s),o&&(t.vlm_key=o);let a=await h("PUT","/api/ai/config",t);e.textContent=a.hasKey?"\u5DF2\u4FDD\u5B58 \u2713":"\u5DF2\u4FDD\u5B58\uFF08\u672A\u8BBE\u7F6E Key\uFF09",(0,n.$)("ma-cfg-key").value="",(0,n.$)("ma-cfg-vlm-key").value="",Rt(a)}catch(t){e.textContent=t.message}}function Rt(e){if(vn&&(clearInterval(vn),vn=null),!e?.auto_report)return;let t=e.auto_report_hour??18;vn=setInterval(async()=>{if(!f.token)return;let s=new Date;if(s.getHours()!==t)return;let o=`${s.getFullYear()}-${String(s.getMonth()+1).padStart(2,"0")}-${String(s.getDate()).padStart(2,"0")}`;if(as!==o&&!(s.getMinutes()>10))try{as=o,localStorage.setItem("ai_last_auto_report",o),await is("/api/ai/report",{days:e.auto_report_days||1},{done:()=>{console.info("[meta-agent] auto report saved for",o)},error:a=>console.warn("[meta-agent] auto report",a.message)})}catch(a){console.warn("[meta-agent] auto report failed",a),as="",localStorage.removeItem("ai_last_auto_report")}},60*1e3)}function _o(){(0,n.$)("meta-agent-panel")||(document.getElementById("root")?.insertAdjacentHTML("beforeend",oi()),document.querySelectorAll("[data-ma-close]").forEach(e=>{e.addEventListener("click",Mo)}),(0,n.$)("ma-btn-chat")?.addEventListener("click",()=>se("chat")),(0,n.$)("ma-btn-history")?.addEventListener("click",async()=>{await Ie(),se("history")}),(0,n.$)("ma-open-history")?.addEventListener("click",async()=>{await Ie(),se("history")}),(0,n.$)("ma-btn-report")?.addEventListener("click",()=>{se("report"),jo()}),(0,n.$)("ma-btn-config")?.addEventListener("click",()=>{se("config"),Do()}),(0,n.$)("ma-send")?.addEventListener("click",yn),(0,n.$)("ma-input")?.addEventListener("keydown",e=>{(e.metaKey||e.ctrlKey)&&e.key==="Enter"&&(e.preventDefault(),yn())}),(0,n.$)("ma-input")?.addEventListener("input",()=>{let e=(0,n.$)("ma-input");e.style.height="auto",e.style.height=Math.min(e.scrollHeight,120)+"px"}),(0,n.$)("ma-new-chat")?.addEventListener("click",()=>{Ce(null),se("chat")}),(0,n.$)("ma-del-session")?.addEventListener("click",ci),(0,n.$)("ma-resume-focus")?.addEventListener("click",()=>{(0,n.$)("ma-input")?.focus()}),(0,n.$)("ma-history-refresh")?.addEventListener("click",async()=>{await Ie(),Ke()}),(0,n.$)("ma-history-new")?.addEventListener("click",()=>{Ce(null),se("chat")}),(0,n.$)("ma-history-search")?.addEventListener("input",e=>{Eo=e.target.value||"",Ke()}),(0,n.$)("ma-quick-today")?.addEventListener("click",()=>{se("chat"),(0,n.$)("ma-input").value="\u6839\u636E\u6211\u6700\u8FD1\u7684\u4F1A\u8BDD\uFF0C\u603B\u7ED3\u4ECA\u5929\u6211\u505A\u4E86\u4EC0\u4E48\uFF1F\u6309\u9879\u76EE\u5217\u51FA\u4EAE\u70B9\u4E0E\u672A\u5B8C\u6210\u4E8B\u9879\u3002",yn()}),(0,n.$)("ma-quick-projects")?.addEventListener("click",()=>{se("chat"),(0,n.$)("ma-input").value="\u5217\u51FA\u6700\u8FD1 14 \u5929\u6D3B\u8DC3\u7684\u9879\u76EE\uFF0C\u6BCF\u4E2A\u9879\u76EE\u4E00\u53E5\u8BDD\u8BF4\u660E\u6700\u8FD1\u5728\u505A\u4EC0\u4E48\u3002",yn()}),(0,n.$)("ma-gen-report")?.addEventListener("click",di),(0,n.$)("ma-load-reports")?.addEventListener("click",pi),(0,n.$)("ma-cfg-save")?.addEventListener("click",ui),(0,n.$)("ma-auto-report")?.addEventListener("change",async()=>{try{let e=await h("PUT","/api/ai/config",{auto_report:!!(0,n.$)("ma-auto-report").checked,auto_report_hour:parseInt((0,n.$)("ma-auto-hour")?.value||"18",10)});Rt(e)}catch{}}),(0,n.$)("ma-auto-hour")?.addEventListener("change",async()=>{try{let e=await h("PUT","/api/ai/config",{auto_report:!!(0,n.$)("ma-auto-report")?.checked,auto_report_hour:parseInt((0,n.$)("ma-auto-hour").value||"18",10)});Rt(e)}catch{}}),(0,n.$)("ma-image-input")?.addEventListener("change",async e=>{let t=[...e.target.files||[]],s=(0,n.$)("ma-input");s&&(s.disabled=!0);try{for(let o of t)if(o.type.startsWith("image/")){if(o.size>12*1024*1024){P("error",`${o.name} \u8FC7\u5927 (>12MB)`);continue}await Lo(o,o.name||`upload-${Date.now()}.png`)}}catch(o){P("error",`\u56FE\u7247\u4E0A\u4F20\u5931\u8D25: ${o.message}`)}finally{e.target.value="",s&&(s.disabled=!1,s.focus())}}),document.addEventListener("paste",async e=>{if(!kn||Ne!=="chat")return;let t=(0,n.$)("ma-input"),s=(0,n.$)("meta-agent-panel"),o=document.activeElement;if(!s||!o||!s.contains(o))return;let i=[...e.clipboardData?.items||[]].filter(r=>r.type.startsWith("image/"));if(i.length){e.preventDefault(),t&&(t.disabled=!0);try{for(let r of i){let c=r.getAsFile();if(!c)continue;let u=(r.type.split("/")[1]||"png").replace(/[^a-z0-9]/gi,"")||"png";await Lo(c,`paste-${Date.now()}.${u}`)}}catch(r){P("error",`\u7C98\u8D34\u56FE\u7247\u5931\u8D25: ${r.message}`)}finally{t&&(t.disabled=!1,t.focus())}}}),Ce(null,{silent:!0}))}function Ot(){f.token&&(S.peek()&&!St()||(Ie(),h("GET","/api/ai/config").then(Rt).catch(()=>{})))}M();var Po=()=>`
-  <div id="auth-screen" class="${f.token?"hidden":""} flex items-center justify-center h-full p-4" ${f.token?'style="display:none"':""}>
-    <div class="card bg-base-200 border border-base-300 w-full max-w-sm shadow-xl">
-      <div class="card-body gap-3 p-8">
-        <h1 class="text-xl font-bold">\u{1F916} Agent UI</h1>
-        <p id="auth-subtitle" class="text-sm text-base-content/60 mb-1">Claude \xB7 Codex \xB7 Grok</p>
-        <label class="form-control">
-          <div class="label py-1"><span class="label-text text-xs uppercase tracking-wide">Username</span></div>
-          <input id="auth-username" type="text" class="input input-bordered input-sm" placeholder="username" autocomplete="username">
-        </label>
-        <label class="form-control">
-          <div class="label py-1"><span class="label-text text-xs uppercase tracking-wide">Password</span></div>
-          <input id="auth-password" type="password" class="input input-bordered input-sm" placeholder="\u2022\u2022\u2022\u2022\u2022\u2022" autocomplete="current-password">
-        </label>
-        <button id="auth-btn" class="btn btn-primary btn-sm mt-1" data-mode="login">Sign In</button>
-        <div id="auth-error" class="alert alert-error text-xs py-2 hidden"></div>
-      </div>
-    </div>
-  </div>`,Ho=(e={})=>{let t=!!e.restoreSession,s=f.token?"":"hidden",o=f.token?"display:flex":"display:none";return`
-  <div id="sidebar-overlay" class="hidden fixed inset-0 bg-black/50 z-[9]"></div>
-  <div id="app" class="${s} flex-col flex-1 overflow-hidden" style="${o}">
-    <div id="topbar" class="flex items-center gap-2 px-3 bg-base-200 border-b border-base-300 flex-shrink-0" style="height:44px">
-      <button id="hamburger" class="btn btn-ghost btn-sm px-2 text-lg">\u2630</button>
-      <span id="btn-home" class="font-semibold text-sm hidden sm:inline cursor-pointer hover:text-primary transition-colors select-none">\u{1F916} Agent UI</span>
-      <span class="text-base-300 hidden sm:inline">/</span>
-      <div id="machine-menu-wrap" class="relative hidden flex-shrink-0">
-        <button type="button" id="btn-machine-menu" class="btn btn-ghost btn-xs border border-base-300 font-mono gap-1 max-w-[11rem]"
-                title="\u673A\u5668\u5217\u8868 / \u5207\u6362">
-          <span id="topbar-machine-dot" class="w-1.5 h-1.5 rounded-full bg-success flex-shrink-0"></span>
-          <span id="topbar-machine-label" class="truncate">\u673A\u5668</span>
-          <span class="text-[10px] opacity-50">\u25BE</span>
-        </button>
-        <div id="machine-menu" class="hidden absolute left-0 top-full mt-1 z-50 w-72 max-h-80 overflow-y-auto
-             rounded-lg border border-base-300 bg-base-100 shadow-xl p-2">
-          <div class="flex items-center justify-between px-1 pb-1.5 mb-1 border-b border-base-300">
-            <span class="text-[10px] uppercase tracking-wide text-base-content/45 font-semibold">Machines</span>
-            <button type="button" id="btn-refresh-machines-menu" class="btn btn-ghost btn-xs px-1 text-[10px]">\u21BB</button>
-          </div>
-          <div id="machine-menu-list" class="flex flex-col gap-1"></div>
-          <p id="machine-menu-empty" class="text-xs text-base-content/40 px-1 py-2 hidden">\u6682\u65E0\u673A\u5668\u5728\u7EBF</p>
-        </div>
-      </div>
-      <span id="topbar-project" class="text-sm text-base-content/50 flex-1 truncate">Select a session</span>
-      <span id="conn-dot" class="w-2 h-2 rounded-full bg-base-content/30 flex-shrink-0" title="\u8FDE\u63A5\u72B6\u6001"></span>
-      <div class="flex gap-2">
-        <button id="btn-refresh-conn" class="btn btn-ghost btn-xs border border-base-300" title="\u91CD\u65B0\u8FDE\u63A5\u5E76\u540C\u6B65">\u21BB</button>
-        <button id="btn-pwa-install" class="btn btn-ghost btn-xs border border-base-300 hidden" title="\u5B89\u88C5\u5230\u4E3B\u5C4F\u5E55">\u5B89\u88C5</button>
-        <button id="btn-meta-agent"  class="btn btn-ghost btn-xs border border-primary/40 text-primary" title="Meta Agent \u2014 \u62A5\u544A / \u95EE\u7B54 / VLM">\u2726 Agent</button>
-        <button id="btn-new-session" class="btn btn-ghost btn-xs border border-base-300">\uFF0B New</button>
-        <button id="btn-theme"        class="btn btn-ghost btn-xs border border-base-300">\u{1F319}</button>
-        <button id="btn-settings"    class="btn btn-ghost btn-xs border border-base-300">\u2699\uFE0F</button>
-        <button id="btn-logout"      class="btn btn-ghost btn-xs border border-base-300">Sign out</button>
-      </div>
-    </div>
-    <!-- Hub: only when no remembered machine (or last one offline) -->
-    <div id="machine-picker" class="hidden fixed inset-0 z-[60] bg-base-100 flex items-center justify-center p-4">
-      <div class="w-full max-w-md">
-        <h2 class="text-xl font-bold mb-1">\u9009\u62E9\u673A\u5668</h2>
-        <p class="text-sm text-base-content/55 mb-4">\u9996\u6B21\u4F7F\u7528\u6216\u4E0A\u6B21\u9009\u62E9\u7684\u673A\u5668\u4E0D\u5728\u7EBF\u65F6\u9700\u8981\u9009\u62E9\u3002\u4E4B\u540E\u4F1A\u8BB0\u4F4F\u4F60\u7684\u9009\u62E9\uFF0C\u4E5F\u53EF\u968F\u65F6\u5728\u9876\u680F\u5207\u6362\u3002</p>
-        <div id="machine-picker-list" class="flex flex-col gap-2 mb-4"></div>
-        <p id="machine-picker-empty" class="text-sm text-base-content/40 hidden">\u6682\u65E0\u5728\u7EBF\u673A\u5668\u3002\u8BF7\u5728\u4E1A\u52A1\u673A\u4E0A\u8FD0\u884C <code class="text-xs">npm run client</code> \u540E\u70B9\u5237\u65B0\u3002</p>
-        <div class="flex items-center gap-2">
-          <button id="btn-refresh-machines" class="btn btn-ghost btn-sm border border-base-300">\u21BB \u5237\u65B0</button>
-          <span id="machine-picker-status" class="text-xs text-base-content/40"></span>
-        </div>
-      </div>
-    </div>
-    <div class="flex flex-1 overflow-hidden relative">
-      <div id="sidebar" class="bg-base-200 border-r border-base-300 flex flex-col flex-shrink-0 overflow-hidden" style="width:280px;min-width:180px;max-width:520px">
-        <div class="flex items-center justify-between px-3 py-2 border-b border-base-300 flex-shrink-0">
-          <span class="text-xs uppercase tracking-wider text-base-content/50 font-medium">Projects</span>
-          <div class="flex items-center gap-1">
-            <span id="session-filter-badge" class="hidden text-[10px] text-primary cursor-pointer">\xD7 filter</span>
-            <button id="sidebar-refresh" class="btn btn-ghost btn-xs px-1 text-[10px] text-base-content/40" title="Refresh">\u21BB</button>
-          </div>
-        </div>
-        <div id="ws-tabs" class="flex overflow-x-auto border-b border-base-300 flex-shrink-0" style="scrollbar-width:none"></div>
-        <div class="px-2 py-1.5 border-b border-base-300 flex-shrink-0 flex flex-col gap-1.5">
-          <input id="session-search" type="text" placeholder="Search projects & recent work\u2026"
-            class="input input-xs input-bordered w-full text-xs" autocomplete="off">
-          <div class="flex items-center gap-1 flex-wrap">
-            <div id="view-tabs" class="flex rounded-md border border-base-300 overflow-hidden text-[10px]">
-              <button data-view="projects" class="px-2 py-0.5 bg-primary/15 text-primary font-medium">Projects</button>
-              <button data-view="timeline" class="px-2 py-0.5 text-base-content/50 hover:bg-base-300">Recent</button>
-            </div>
-            <select id="time-range" class="select select-xs select-bordered text-[10px] h-6 min-h-0 py-0 pl-1 pr-6" title="Time range">
-              <option value="1">Today</option>
-              <option value="7">7d</option>
-              <option value="14" selected>14d</option>
-              <option value="30">30d</option>
-              <option value="0">All</option>
-            </select>
-          </div>
-          <div id="agent-filter" class="flex gap-1 flex-wrap">
-            <button data-agent-filter="all" class="agent-pill active">All</button>
-            <button data-agent-filter="claude" class="agent-pill">Claude</button>
-            <button data-agent-filter="codex" class="agent-pill">Codex</button>
-            <button data-agent-filter="grok" class="agent-pill">Grok</button>
-            <button id="btn-fav-filter" class="agent-pill" title="Show only favorites">\u2605 Fav</button>
-            <button id="btn-hidden-filter" class="agent-pill" title="Show only hidden sessions">\u{1F648} Hidden</button>
-          </div>
-          <div id="search-status" class="hidden text-[10px] text-base-content/40 px-0.5"></div>
-        </div>
-        <div id="session-list" class="overflow-y-auto flex-1"></div>
-      </div>
-      <div class="flex flex-col flex-shrink-0 relative" style="width:12px">
-        <div id="sidebar-resize" class="absolute inset-0 bg-transparent hover:bg-primary/30 transition-colors cursor-col-resize"></div>
-        <button id="sidebar-toggle" title="Toggle sidebar"
-          class="absolute z-10 flex items-center justify-center w-5 h-8 bg-base-200 border border-base-300 rounded-r-md text-[10px] text-base-content/40 hover:text-base-content cursor-pointer"
-          style="left:0;top:50%;transform:translateY(-50%)">\u25C0</button>
-      </div>
-      <div id="main" class="flex-1 flex flex-col overflow-hidden min-w-0">
-        <div id="welcome" class="${t?"hidden flex-1 flex-col items-center justify-start overflow-y-auto p-4 md:p-6 gap-5":"flex-1 flex flex-col items-center justify-start overflow-y-auto p-4 md:p-6 gap-5"}">
-          <div class="max-w-4xl w-full text-center flex flex-col items-center gap-2 mt-2 md:mt-4">
-            <h2 class="text-3xl font-extrabold tracking-tight bg-gradient-to-r from-primary to-accent bg-clip-text text-transparent select-none">\u{1F916} Agent UI</h2>
-            <p class="text-sm text-base-content/65 max-w-md">Claude \xB7 Codex \xB7 Grok \u2014 Select a session from the sidebar or click a day on the calendar to view activity.</p>
-            <div class="flex gap-2 mt-0.5">
-              <button id="btn-new-session-welcome" class="btn btn-primary btn-sm shadow-md">\uFF0B New Session</button>
-              <button id="btn-meta-agent-welcome" class="btn btn-outline btn-primary btn-sm">\u2726 Meta Agent</button>
-            </div>
-          </div>
-          
-          <!-- Stats Banner -->
-          <div class="max-w-4xl w-full grid grid-cols-2 md:grid-cols-4 gap-4 text-center select-none mt-1">
-            <div class="bg-base-200 border border-base-300 rounded-2xl p-3 shadow-md flex flex-col justify-center items-center">
-              <span class="text-[10px] uppercase tracking-wider text-base-content/40 font-bold">Total Sessions</span>
-              <span id="stats-total-sessions" class="text-xl md:text-2xl font-extrabold text-primary mt-0.5">0</span>
-            </div>
-            <div class="bg-base-200 border border-base-300 rounded-2xl p-3 shadow-md flex flex-col justify-center items-center">
-              <span class="text-[10px] uppercase tracking-wider text-base-content/40 font-bold">Active Projects</span>
-              <span id="stats-total-projects" class="text-xl md:text-2xl font-extrabold text-accent mt-0.5">0</span>
-            </div>
-            <div class="bg-base-200 border border-base-300 rounded-2xl p-3 shadow-md flex flex-col justify-center items-center">
-              <span class="text-[10px] uppercase tracking-wider text-base-content/40 font-bold">Total Tokens</span>
-              <span id="stats-total-tokens" class="text-xl md:text-2xl font-extrabold text-secondary mt-0.5">0</span>
-            </div>
-            <div class="bg-base-200 border border-base-300 rounded-2xl p-3 shadow-md flex flex-col justify-center items-center">
-              <span class="text-[10px] uppercase tracking-wider text-base-content/40 font-bold">Selected Day Tokens</span>
-              <span id="stats-selected-tokens" class="text-xl md:text-2xl font-extrabold text-success mt-0.5">0</span>
-            </div>
-          </div>
-          <div class="max-w-4xl w-full grid grid-cols-1 md:grid-cols-12 gap-5 items-start text-left">
-            <!-- Calendar Card -->
-            <div class="card bg-base-200 border border-base-300 md:col-span-7 shadow-xl">
-              <div class="card-body p-4">
-                <div class="flex items-center justify-between mb-3">
-                  <button id="btn-cal-prev" class="btn btn-ghost btn-sm text-base font-bold">\u25C0</button>
-                  <h3 id="calendar-month-year" class="text-base font-extrabold text-base-content select-none"></h3>
-                  <button id="btn-cal-next" class="btn btn-ghost btn-sm text-base font-bold">\u25B6</button>
-                </div>
-                
-                <div class="grid grid-cols-7 gap-2 text-center text-[10px] font-bold text-base-content/40 mb-1">
-                  <div>Sun</div><div>Mon</div><div>Tue</div><div>Wed</div><div>Thu</div><div>Fri</div><div>Sat</div>
-                </div>
-                
-                <div id="calendar-grid" class="grid grid-cols-7 gap-2">
-                  <!-- JS Rendered -->
-                </div>
-              </div>
-            </div>
-            
-            <!-- Details Card -->
-            <div class="card bg-base-200 border border-base-300 md:col-span-5 shadow-xl min-h-[290px] flex flex-col">
-              <div class="card-body p-4 flex flex-col flex-1">
-                <h3 id="selected-day-title" class="card-title text-xs font-bold uppercase tracking-wider text-base-content/50 mb-3 select-none">Daily Activity</h3>
-                <div id="selected-day-sessions" class="flex-1 overflow-y-auto flex flex-col gap-2 max-h-[250px]">
-                  <div class="text-center text-xs text-base-content/40 my-auto py-6">Select a date on the calendar to view its sessions.</div>
-                </div>
-              </div>
-            </div>
-          </div>
-
-          <!-- Recent Sessions Section -->
-          <div class="max-w-4xl w-full border-t border-base-300/60 pt-4 mt-1 text-left">
-            <h3 class="text-xs font-bold uppercase tracking-wider text-base-content/50 mb-3 select-none">Recent Workspaces & Sessions</h3>
-            <div id="recent-sessions-list" class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3">
-              <!-- JS Rendered -->
-            </div>
-          </div>
-        </div>
-        <div id="project-view" class="${t?"flex flex-col flex-1 overflow-hidden min-h-0":"hidden flex-col flex-1 overflow-hidden min-h-0"}" style="${t?"display:flex;flex-direction:column;flex:1;min-height:0":""}">
-          <div class="flex bg-base-200 border-b border-base-300 flex-shrink-0 overflow-x-auto" style="scrollbar-width:none">
-            <button class="px-4 py-2.5 text-sm border-b-2 flex-shrink-0 text-primary border-primary"            data-tab="chat">Chat</button>
-            <button class="px-4 py-2.5 text-sm border-b-2 flex-shrink-0 text-base-content/50 border-transparent" data-tab="files">Files</button>
-            <button class="px-4 py-2.5 text-sm border-b-2 flex-shrink-0 text-base-content/50 border-transparent" data-tab="git">Git</button>
-            <button class="px-4 py-2.5 text-sm border-b-2 flex-shrink-0 text-base-content/50 border-transparent" data-tab="shell">Shell</button>
-            <button class="px-4 py-2.5 text-sm border-b-2 flex-shrink-0 text-base-content/50 border-transparent" data-tab="memory">\u{1F9E0} Memory</button>
-          </div>
-          <div id="tab-chat" class="flex flex-col flex-1 overflow-hidden relative">
-            <div id="project-notes-bar" class="bg-base-200 border-b border-base-300 px-3 py-1.5 text-xs flex flex-col gap-1" style="display:none"></div>
-            <div id="session-notes-bar" class="bg-base-200/80 border-b border-base-300 px-3 py-1 text-xs flex justify-between items-center gap-2" style="display:none"></div>
-            <div id="ws-banner" class="hidden px-3 py-1.5 text-[11px] text-center bg-warning/15 text-warning border-b border-warning/20 flex items-center justify-center gap-2">
-              <span id="ws-banner-text"></span>
-              <button type="button" id="ws-banner-retry" class="btn btn-ghost btn-xs h-6 min-h-0 px-2 text-warning border border-warning/30">\u91CD\u8FDE</button>
-            </div>
-            <div id="messages" class="flex-1 overflow-y-auto p-3 flex flex-col gap-2"></div>
-            <div id="scroll-nav" class="absolute right-3 bottom-24 flex flex-col gap-1.5 z-10">
-              <button id="scroll-top-btn" class="scroll-fab hidden" title="Jump to top">\u2191</button>
-              <button id="scroll-bottom-btn" class="scroll-fab hidden" title="Jump to bottom">\u2193</button>
-            </div>
-            <div id="permission-requests"></div>
-            <div id="chat-composer" class="flex flex-col border-t border-base-300 bg-base-200 flex-shrink-0">
-              <div id="chat-opts" class="hidden flex items-center gap-1.5 px-3 pt-2 flex-wrap">
-                <select id="sel-agent" class="select select-xs select-bordered text-xs font-semibold" title="Agent">
-                  <option value="claude">Claude</option>
-                  <option value="codex">Codex</option>
-                  <option value="grok">Grok</option>
-                </select>
-                <select id="sel-convert-agent" class="select select-xs select-bordered text-xs font-semibold" title="Convert session to another agent">
-                  <option value="" disabled selected>Convert to...</option>
-                  <option value="claude">Convert to Claude</option>
-                  <option value="codex">Convert to Codex</option>
-                  <option value="grok">Convert to Grok</option>
-                </select>
-                <div class="flex items-center gap-0.5">
-                  <select id="sel-model" class="select select-xs select-bordered font-mono text-xs max-w-[11rem]" title="Model">
-                    <option value="claude-sonnet-4-5">sonnet-4-5</option>
-                    <option value="claude-sonnet-4-6">sonnet-4-6</option>
-                    <option value="claude-opus-4-5">opus-4-5</option>
-                    <option value="claude-haiku-4-5">haiku-4-5</option>
-                  </select>
-                  <button type="button" id="btn-model-add" class="btn btn-ghost btn-xs px-1.5 font-mono" title="Add / set custom model id">+</button>
-                  <button type="button" id="btn-model-edit" class="btn btn-ghost btn-xs px-1.5" title="Edit current model id">\u270E</button>
-                </div>
-                <select id="sel-effort" class="select select-xs select-bordered text-xs" title="Effort">
-                  <option value="">effort: off</option>
-                  <option value="low">low</option>
-                  <option value="medium">medium</option>
-                  <option value="high">high</option>
-                  <option value="xhigh">xhigh</option>
-                  <option value="max">max</option>
-                </select>
-                <select id="sel-permission" class="select select-xs select-bordered text-xs" title="Permissions">
-                  <option value="default">perms: default</option>
-                  <option value="acceptEdits">acceptEdits</option>
-                  <option value="auto">auto</option>
-                  <option value="plan">plan</option>
-                  <option value="bypassPermissions">\u26A0 bypass all</option>
-                </select>
-                <select id="sel-density" class="select select-xs select-bordered text-xs" title="Chat density \u2014 how tools are shown">
-                  <option value="clean">density: clean</option>
-                  <option value="normal">density: normal</option>
-                  <option value="full">density: full</option>
-                </select>
-              </div>
-              <div class="flex gap-2 items-end px-3 pt-2 pb-2">
-                <button id="btn-opts" class="btn btn-ghost btn-sm px-2 text-base-content/30 hover:text-base-content flex-shrink-0" title="Options" style="height:40px">\u2699</button>
-                <textarea id="chat-input" rows="1" placeholder="Ask\u2026 (!cmd shell \xB7 \u2318\u21B5 send)"
-                  class="chat-input flex-1 text-sm resize-none leading-relaxed"
-                  style="min-height:40px;max-height:140px"></textarea>
-                <button id="send-btn" class="btn btn-primary btn-sm flex-shrink-0" style="height:40px">Send</button>
-                <button id="stop-btn" class="btn btn-error btn-sm hidden flex-shrink-0" style="height:40px">\u25A0</button>
-              </div>
-            </div>
-          </div>
-          <div id="tab-files" class="hidden flex-col flex-1 overflow-hidden">
-            <div class="flex items-center gap-2 px-3 py-1.5 border-b border-base-300 flex-shrink-0 bg-base-200">
-              <span class="text-xs text-base-content/40 flex-shrink-0">Root</span>
-              <span id="files-machine-hint" class="hidden text-[10px] font-mono font-semibold text-primary flex-shrink-0"></span>
-              <input id="files-root-input" type="text" placeholder="Absolute path on the target machine"
-                class="input input-xs flex-1 font-mono text-xs bg-transparent border-0 focus:outline-none px-1" autocomplete="off">
-              <button id="files-root-btn" class="btn btn-ghost btn-xs text-xs">Go</button>
-            </div>
-            <div id="files-breadcrumb" class="flex items-center flex-wrap gap-1 px-4 py-2 border-b border-base-300 text-xs text-base-content/60 flex-shrink-0"></div>
-            <div id="files-area" class="flex-1 overflow-y-auto"></div>
-          </div>
-          <div id="tab-shell" class="hidden flex-col flex-1 overflow-hidden bg-[#0d1117]">
-            <div class="flex items-center gap-2 px-3 py-1.5 border-b border-base-300 bg-base-200 flex-shrink-0">
-              <span class="text-xs text-base-content/40 font-mono flex-1" id="term-cwd"></span>
-              <button id="term-reconnect" class="btn btn-ghost btn-xs text-xs text-base-content/40">Reconnect</button>
-            </div>
-            <div id="terminal-container" class="flex-1 p-2 overflow-hidden"></div>
-          </div>
-          <div id="tab-git" class="hidden flex-col flex-1 overflow-hidden">
-            <div class="flex items-center gap-2 px-3 py-1.5 border-b border-base-300 flex-shrink-0 bg-base-200">
-              <span class="text-xs text-base-content/40 flex-shrink-0">Root</span>
-              <span id="git-machine-hint" class="hidden text-[10px] font-mono font-semibold text-primary flex-shrink-0"></span>
-              <input id="git-root-input" type="text" placeholder="Absolute path on the target machine"
-                class="input input-xs flex-1 font-mono text-xs bg-transparent border-0 focus:outline-none px-1" autocomplete="off">
-              <button id="git-root-btn" class="btn btn-ghost btn-xs text-xs">Go</button>
-            </div>
-            <div id="git-area" class="flex-1 overflow-y-auto"></div>
-          </div>
-          <div id="tab-memory" class="hidden flex-col flex-1 overflow-hidden">
-            <div class="flex items-center gap-2 px-3 py-1.5 border-b border-base-300 flex-shrink-0 bg-base-200">
-              <span class="text-xs text-base-content/40 flex-shrink-0">\u{1F9E0} Project memory</span>
-              <span class="flex-1"></span>
-              <button id="memory-refresh" class="btn btn-ghost btn-xs text-xs">Refresh</button>
-            </div>
-            <div id="memory-area" class="flex-1 overflow-y-auto text-sm"></div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <dialog id="modal-new-session" class="modal">
-    <div class="modal-box max-w-sm">
-      <h3 class="font-bold text-base mb-4">\uFF0B New Session</h3>
-      <div class="flex flex-col gap-3">
-        <label class="form-control">
-          <div class="label py-1"><span class="label-text text-xs uppercase tracking-wide">Agent</span></div>
-          <select id="new-session-agent" class="select select-bordered select-sm">
-            <option value="claude">Claude Code</option>
-            <option value="codex">OpenAI Codex</option>
-            <option value="grok">Grok</option>
-          </select>
-        </label>
-        <label class="form-control" id="new-session-machine-wrap" style="display:none">
-          <div class="label py-1"><span class="label-text text-xs uppercase tracking-wide">Machine (edge server)</span></div>
-          <select id="new-session-machine" class="select select-bordered select-sm"></select>
-        </label>
-        <label class="form-control">
-          <div class="label py-1"><span class="label-text text-xs uppercase tracking-wide">Working Directory</span></div>
-          <input id="new-session-path" type="text" class="input input-bordered input-sm font-mono"
-            placeholder="~/projects/my-app" autocomplete="off">
-        </label>
-        <label class="form-control" id="new-session-ws-wrap">
-          <div class="label py-1"><span class="label-text text-xs uppercase tracking-wide">Claude Workspace</span></div>
-          <select id="new-session-workspace" class="select select-bordered select-sm"></select>
-        </label>
-        <div id="new-session-error" class="alert alert-error text-xs py-2 hidden"></div>
-      </div>
-      <div class="modal-action">
-        <button id="new-session-cancel" class="btn btn-ghost btn-sm">Cancel</button>
-        <button id="new-session-start"  class="btn btn-primary btn-sm">Start</button>
-      </div>
-    </div>
-    <form method="dialog" class="modal-backdrop"><button>close</button></form>
-  </dialog>`};ds();ht();Gt();I();M();J();xn();Zt();ht();Wt();Gt();I();M();J();ht();Wt();async function xt(){try{let e=await h("GET","/api/machines");j.value=Array.isArray(e)?e:[]}catch{try{let e=await at();e?.machines&&(j.value=e.machines)}catch{}}return j.peek()||[]}function gs(){let e=(0,n.$)("machine-picker-list"),t=(0,n.$)("machine-picker-empty");if(!e)return;let s=j.peek()||[];if(!s.length){e.innerHTML="",t?.classList.remove("hidden");return}t?.classList.add("hidden"),e.innerHTML=s.map(o=>{let a=o.online!==!1,i=[o.hostname,o.platform].filter(Boolean).join(" \xB7 ");return`
-      <button type="button" class="machine-pick-card w-full text-left px-4 py-3 rounded-xl border border-base-300
-              hover:border-primary hover:bg-primary/5 transition-colors ${a?"":"opacity-50"}"
-              data-pick-machine="${(0,n.esc)(o.id)}" ${a?"":"disabled"}>
-        <div class="flex items-center gap-2">
-          <span class="w-2 h-2 rounded-full flex-shrink-0 ${a?"bg-success":"bg-error"}"></span>
-          <span class="font-semibold text-sm font-mono">${(0,n.esc)(o.id)}</span>
-        </div>
-        ${i?`<div class="text-xs text-base-content/45 mt-1 pl-4">${(0,n.esc)(i)}</div>`:""}
-      </button>`}).join("")}function gt(){let e=(0,n.$)("machine-picker");if(!e)return;e.classList.remove("hidden"),Se.value=!1,gs();let t=(0,n.$)("machine-picker-status");if(t){let s=(j.peek()||[]).filter(o=>o.online!==!1).length;t.textContent=`${s} online`}}function vs(){(0,n.$)("machine-picker")?.classList.add("hidden"),Se.value=!0}function jn(){(0,n.$)("machine-menu")?.classList.add("hidden")}function Dn(){let e=(0,n.$)("machine-menu-list"),t=(0,n.$)("machine-menu-empty");if(!e)return;let s=j.peek()||[],o=L.peek()||"";if(!s.length){e.innerHTML="",t?.classList.remove("hidden");return}t?.classList.add("hidden"),e.innerHTML=s.map(a=>{let i=a.online!==!1,r=a.id===o,c=[a.hostname,a.platform].filter(Boolean).join(" \xB7 "),u=a.connectedAt?new Date(a.connectedAt).toLocaleTimeString():"";return`
-      <button type="button"
-        class="machine-menu-item w-full text-left px-2 py-1.5 rounded-md text-xs
-               ${r?"bg-primary/15 text-primary":"hover:bg-base-200"}
-               ${i?"":"opacity-50"}"
-        data-pick-machine="${(0,n.esc)(a.id)}"
-        ${i?"":"disabled"}>
-        <div class="flex items-center gap-1.5">
-          <span class="w-1.5 h-1.5 rounded-full flex-shrink-0 ${i?"bg-success":"bg-error"}"></span>
-          <span class="font-mono font-semibold truncate flex-1">${(0,n.esc)(a.id)}</span>
-          ${r?'<span class="text-[9px] opacity-70">\u5F53\u524D</span>':""}
-          <span class="text-[9px] ${i?"text-success":"text-error"}">${i?"online":"offline"}</span>
-        </div>
-        ${c||u?`<div class="text-[10px] text-base-content/40 pl-3.5 mt-0.5 truncate">${(0,n.esc)(c)}${u?" \xB7 "+(0,n.esc)(u):""}</div>`:""}
-      </button>`}).join("")}function Qe(){let e=(0,n.$)("machine-menu-wrap"),t=(0,n.$)("topbar-machine-label"),s=(0,n.$)("topbar-machine-dot");if(!S.peek()){e?.classList.add("hidden");return}e?.classList.remove("hidden");let o=L.peek()||"",i=(j.peek()||[]).find(c=>c.id===o),r=i?i.online!==!1:!1;t&&(t.textContent=o||"\u9009\u62E9\u673A\u5668"),s&&(s.classList.toggle("bg-success",!!o&&r),s.classList.toggle("bg-warning",!!o&&!r),s.classList.toggle("bg-base-content/30",!o)),Dn()}var sa=null;function oa(){sa||(sa=setInterval(async()=>{if(!S.peek()||!f.token)return;await xt(),Qe();let e=L.peek();if(e){let t=(j.peek()||[]).find(s=>s.id===e);if(t&&t.online===!1){let s=(0,n.$)("topbar-machine-label");s&&(s.textContent=`${e} (offline)`)}}},15e3))}async function aa(e,{forceReload:t=!1}={}){if(!e)return;let s=L.peek(),o=s&&s!==e;if(ee(e),vs(),jn(),Qe(),o||t){try{f.ws?.close()}catch{}f.ws=null,f.sessionId=null,(0,n.batch)(()=>{y.value=null,B.value=null,F.value=null});try{let{filesRoot:i,gitRoot:r,filesPath:c}=await Promise.resolve().then(()=>(M(),Os));i.value="",r.value="",c.value=""}catch{}if(o){let{goHome:i}=await Promise.resolve().then(()=>(Gt(),na));i()}}let a=(0,n.$)("topbar-project");a&&!y.peek()&&(a.textContent=`Machine \xB7 ${e}`),Ot(),await Promise.all([be(),Ft(),qt(),Ut().catch(()=>{})]),Se.value=!0}async function _n(e={}){(0,n.$)("auth-screen").style.display="none";let t=(0,n.$)("app");t.classList.remove("hidden"),t.style.display="flex";let s=e.hub;s===void 0?s=await at():s?(S.value=!0,s.machines&&(j.value=s.machines)):S.value=!1;let o=e.deepLink||null,a=qe();if(!!(o?.id||(location.hash||"").startsWith("#/session/"))){let c=(0,n.$)("welcome");c&&(c.classList.add("hidden"),c.style.display="none");let u=(0,n.$)("project-view");u&&(u.classList.remove("hidden"),u.style.display="flex",u.style.flexDirection="column",u.style.flex="1",u.style.minHeight="0")}if(S.peek()){let c=localStorage.getItem("machineId")||a?.machineId||"";c&&(ee(c),vs(),Se.value=!0,Ot());let u=xt().then(p=>(Qe(),c&&!p.some(x=>x.id===c&&x.online!==!1)&&p.length&&(p.some(g=>g.id===c)||(ee(null),gt())),p));oa(),Qe();let l=Promise.all([be({waitFresh:!1}),Ft({waitFresh:!1}),qt().catch(()=>{}),Ut().catch(()=>{})]);if(o?.id){let p=E.peek().find(m=>m.sessionId===o.id)||(a?.sessionId===o.id?a:null);await ge(o.id,p?.cwd||a?.cwd||null,p?.configDir||a?.configDir||null,p?.agent||a?.agent||null,p?.machineId||a?.machineId||c||null,{tab:o.tab||"chat"}),u.catch(()=>{}),l.catch(()=>{});return}if(!c){if(await u,!(j.peek()||[]).length){gt(),l.catch(()=>{});return}gt(),l.catch(()=>{});return}await l;let d=(0,n.$)("topbar-project");d&&d.textContent==="Select a session"&&(d.textContent=`Machine \xB7 ${c}`);return}Ot();let r=Promise.all([be({waitFresh:!1}),Ft({waitFresh:!1}),qt().catch(()=>{}),Ut().catch(()=>{})]);if(o?.id){await bn().then(u=>{Array.isArray(u)?E.value=u:u&&Array.isArray(u.sessions)&&(E.value=u.sessions)}).catch(()=>{});let c=E.peek().find(u=>u.sessionId===o.id)||(a?.sessionId===o.id?a:null);await ge(o.id,c?.cwd||a?.cwd||null,c?.configDir||a?.configDir||null,c?.agent||a?.agent||null,null,{tab:o.tab||"chat"}),r.catch(()=>{});return}await r}Wt();I();M();J();pt();ht();Gt();function ia(){(0,n.$)("sidebar").classList.add("open"),(0,n.$)("sidebar-overlay").classList.remove("hidden")}function Pn(){(0,n.$)("sidebar").classList.remove("open"),(0,n.$)("sidebar-overlay").classList.add("hidden")}function ra(){window.innerWidth<=640&&Pn()}function la(){let e=(0,n.$)("sidebar-toggle"),t=(0,n.$)("sidebar"),s=!1,o=t.style.width||"260px";e.addEventListener("click",()=>{s=!s,s?(o=t.style.width||"260px",t.style.width="0",t.style.minWidth="0",t.style.overflow="hidden"):(t.style.width=o,t.style.minWidth="",t.style.overflow=""),e.textContent=s?"\u25B6":"\u25C0"})}function ca(){let e=(0,n.$)("sidebar-resize"),t=(0,n.$)("sidebar"),s=!1;e.addEventListener("mousedown",o=>{s=!0,document.body.style.userSelect="none",document.body.style.cursor="col-resize",o.preventDefault()}),document.addEventListener("mousemove",o=>{if(!s)return;let a=Math.min(Math.max(o.clientX,160),520);t.style.width=a+"px",t.style.minWidth=""}),document.addEventListener("mouseup",()=>{s&&(s=!1,document.body.style.userSelect="",document.body.style.cursor="")})}function ys(e){document.documentElement.setAttribute("data-theme",e),localStorage.setItem("theme",e);let t=(0,n.$)("btn-theme");t&&(t.textContent=e==="dark"||e==="night"||e==="black"?"\u{1F319}":"\u2600\uFE0F");let s=document.getElementById("hljs-theme");if(s||(s=document.querySelector('link[href*="highlight"][href*="styles"]'),s&&(s.id="hljs-theme")),s){let o=e==="dark"||e==="night"||e==="black";s.href=o?"https://cdn.jsdelivr.net/npm/@highlightjs/cdn-assets@11/styles/github-dark.min.css":"https://cdn.jsdelivr.net/npm/@highlightjs/cdn-assets@11/styles/github.min.css"}}function da(){let e=document.documentElement.getAttribute("data-theme")||"dark";ys(e==="dark"?"light":"dark")}function pa(){let e=(0,n.$)("new-session-agent");e&&(e.value=$.peek()||"claude");let t=(0,n.$)("new-session-workspace");if(t){let a=H.peek();t.innerHTML=a.map(i=>`<option value="${(0,n.esc)(i.configDir)}">${(0,n.esc)(i.name)} \u2014 ${(0,n.esc)(i.configDir)}</option>`).join(""),f.configDir&&(t.value=f.configDir)}let s=(0,n.$)("new-session-machine-wrap"),o=(0,n.$)("new-session-machine");if(s&&o)if(S.peek()){s.style.display="";let a=j.peek()||[],i=L.peek()||"";o.innerHTML=a.length?a.map(r=>`<option value="${(0,n.esc)(r.id)}">${(0,n.esc)(r.id)}${r.hostname?" \u2014 "+(0,n.esc)(r.hostname):""}</option>`).join(""):'<option value="">(no machines online)</option>',i&&(o.value=i),o.disabled=!0}else s.style.display="none",o&&(o.disabled=!1);ws(),(0,n.$)("new-session-path").value=y.peek()?.path||"",(0,n.$)("new-session-error").classList.add("hidden"),(0,n.$)("modal-new-session").showModal(),setTimeout(()=>(0,n.$)("new-session-path").focus(),50)}function ws(){let e=(0,n.$)("new-session-agent")?.value||"claude",t=(0,n.$)("new-session-ws-wrap");t&&(t.style.display=e==="claude"?"":"none")}async function ks(){let e=(0,n.$)("new-session-path").value.trim(),t=(0,n.$)("new-session-agent")?.value||"claude",s=t==="claude"?(0,n.$)("new-session-workspace").value:null,o=(0,n.$)("new-session-error");if(o.classList.add("hidden"),!e){o.textContent="Working directory is required",o.classList.remove("hidden");return}if(S.peek()){let a=L.peek()||(0,n.$)("new-session-machine")?.value||j.peek()?.[0]?.id;if(!a){o.textContent="\u8BF7\u5148\u9009\u62E9\u4E00\u53F0\u673A\u5668",o.classList.remove("hidden"),gt();return}ee(a)}try{let a=await h("POST","/api/resolve-path",{path:e});if(!a.isDir)throw new Error("Path is not a directory");(0,n.$)("modal-new-session").close();let i=a.path.split("/").filter(Boolean).pop()||a.path;f.sessionId=null,f.configDir=s||null,f.agent=t,pe(t),k.value=ae(t)||k.peek(),localStorage.setItem("model",k.peek()),xe(),(0,n.batch)(()=>{y.value={id:i,name:i,path:a.path,machineId:L.peek()||f.machineId},B.value=a.path,U.value=a.path,z.value=a.path,C.value="",F.value=null}),(0,n.$)("topbar-project").textContent=a.path;let r=(0,n.$)("files-root-input");r&&(r.value=a.path);let c=(0,n.$)("git-root-input");c&&(c.value=a.path),(0,n.$)("welcome").classList.add("hidden");let u=(0,n.$)("project-view");u.classList.remove("hidden"),u.style.display="flex",dt(),Me(),Ae("chat"),b(`New ${R[t]||t} session \xB7 ${a.path}`)}catch(a){o.textContent=a.message,o.classList.remove("hidden")}}function wi(){let e=/iPad|iPhone|iPod/.test(navigator.userAgent)||navigator.platform==="MacIntel"&&navigator.maxTouchPoints>1,t=/Android/i.test(navigator.userAgent),s;e?s=`<ol class="list-decimal pl-4 space-y-2 text-sm text-base-content/80">
-      <li>\u70B9\u5E95\u90E8\u5206\u4EAB\u6309\u94AE <strong>\u5206\u4EAB</strong>\uFF08\u65B9\u6846+\u5411\u4E0A\u7BAD\u5934\uFF09</li>
-      <li>\u4E0B\u6ED1\u627E\u5230\u5E76\u70B9 <strong>\u6DFB\u52A0\u5230\u4E3B\u5C4F\u5E55</strong></li>
-      <li>\u786E\u8BA4\u540D\u79F0\u540E\u70B9 <strong>\u6DFB\u52A0</strong></li>
-    </ol>
-    <p class="text-xs text-base-content/50 mt-3">\u9700\u7528 <strong>Safari</strong> \u6253\u5F00\u672C\u7AD9\uFF1B\u5FAE\u4FE1/Chrome \u5185\u7F6E\u6D4F\u89C8\u5668\u901A\u5E38\u6CA1\u6709\u300C\u6DFB\u52A0\u5230\u4E3B\u5C4F\u5E55\u300D\u3002</p>`:t?s=`<ol class="list-decimal pl-4 space-y-2 text-sm text-base-content/80">
-      <li>\u70B9\u53F3\u4E0A\u89D2\u83DC\u5355 <strong>\u22EE</strong></li>
-      <li>\u9009\u62E9 <strong>\u5B89\u88C5\u5E94\u7528</strong> \u6216 <strong>\u6DFB\u52A0\u5230\u4E3B\u5C4F\u5E55</strong></li>
-    </ol>
-    <p class="text-xs text-base-content/50 mt-3">\u82E5\u83DC\u5355\u91CC\u6CA1\u6709\u8BE5\u9879\uFF1A\u8BF7\u7528 <strong>Chrome</strong> \u6253\u5F00\uFF0C\u5E76\u5148\u63A5\u53D7\u672C\u7AD9\u8BC1\u4E66\u63D0\u793A\u3002\u81EA\u7B7E HTTPS \u4E0B\u90E8\u5206\u673A\u578B\u4E0D\u5F39\u51FA\u4E00\u952E\u5B89\u88C5\u3002</p>`:s=`<p class="text-sm text-base-content/80">\u8BF7\u5728\u6D4F\u89C8\u5668\u83DC\u5355\u4E2D\u9009\u62E9 <strong>\u5B89\u88C5\u5E94\u7528 / \u5B89\u88C5\u7F51\u9875\u5E94\u7528 / \u6DFB\u52A0\u5230\u4E3B\u5C4F\u5E55</strong>\u3002</p>
-    <p class="text-xs text-base-content/50 mt-3">Chrome / Edge \u5730\u5740\u680F\u53F3\u4FA7\u6709\u65F6\u4E5F\u4F1A\u51FA\u73B0\u5B89\u88C5\u56FE\u6807\u3002</p>`;let o=document.getElementById("modal-pwa-install");o||(o=document.createElement("dialog"),o.id="modal-pwa-install",o.className="modal",document.body.appendChild(o)),o.innerHTML=`
-    <div class="modal-box max-w-sm">
-      <h3 class="font-bold text-base mb-3">\u5B89\u88C5\u5230\u4E3B\u5C4F\u5E55</h3>
-      ${s}
-      <div class="modal-action">
-        <form method="dialog"><button class="btn btn-sm">\u77E5\u9053\u4E86</button></form>
-      </div>
-    </div>
-    <form method="dialog" class="modal-backdrop"><button>close</button></form>`,o.showModal()}async function $s(){let e=(0,n.$)("auth-screen");e&&(e.classList.remove("hidden"),e.style.display="flex");let t=(0,n.$)("app");t&&(t.classList.add("hidden"),t.style.display="none");let s=await h("GET","/api/auth/status"),o=(0,n.$)("auth-btn");s.needsSetup?((0,n.$)("auth-subtitle").textContent="Create your account to get started",o.textContent="Create Account",o.dataset.mode="register"):o.dataset.mode="login"}async function ua(){let e=(0,n.$)("auth-username").value.trim(),t=(0,n.$)("auth-password").value,s=(0,n.$)("auth-error");s.classList.add("hidden");try{let o=await h("POST",`/api/auth/${(0,n.$)("auth-btn").dataset.mode||"login"}`,{username:e,password:t});f.token=o.token,localStorage.setItem("token",o.token),_n()}catch(o){s.textContent=o.message,s.classList.remove("hidden")}}function Ss(){return f.token?/^#\/session\//.test(location.hash||""):!1}function fa(e={}){if(ys(localStorage.getItem("theme")||"dark"),!document.getElementById("xterm-css")){let l=document.createElement("link");l.id="xterm-css",l.rel="stylesheet",l.href="/xterm.min.css",document.head.appendChild(l)}if(!document.getElementById("xterm-js")){let l=document.createElement("script");l.id="xterm-js",l.src="/xterm.min.js",document.head.appendChild(l)}if(!document.getElementById("xterm-fit-js")){let l=document.createElement("script");l.id="xterm-fit-js",l.src="/addon-fit.min.js",document.head.appendChild(l)}let t=e.restoreSession??Ss(),s=document.getElementById("root");if(s.style.cssText="display:flex;flex-direction:column;flex:1;height:100%",s.innerHTML=Po()+Ho({restoreSession:t}),t){let l=(0,n.$)("session-list");l&&(l.innerHTML='<div class="px-3 py-3 text-[10px] text-base-content/35">Loading sessions\u2026</div>')}(0,n.effect)(()=>{let l=H.value,d=(0,n.$)("ws-tabs");if(!d)return;if(l.length<=1){d.innerHTML="";return}let p=B.peek();d.innerHTML=[{id:null,name:"All"},...l].map(m=>`<button class="px-3 py-1.5 text-[11px] flex-shrink-0 border-b-2 whitespace-nowrap
-                ${(m.id===null?!p:p===m.configDir)?"border-primary text-primary":"border-transparent text-base-content/50 hover:text-base-content"}"
-              data-ws-tab="${(0,n.esc)(m.configDir||"")}">
-        ${(0,n.esc)(m.name)}
-      </button>`).join("")}),(0,n.effect)(()=>{Pe.value,Ue.value,we.value,ke.value,ce.value,v.value;let l=(0,n.$)("session-list");l&&(l.querySelector(".session-rename-input")||(l.innerHTML=Go(),zo()))}),(0,n.effect)(()=>{E.value,X.value,L.value,S.value;let l=(0,n.$)("welcome");l&&(document.documentElement.classList.contains("boot-restore")||document.documentElement.classList.contains("boot-pending")||l.classList.contains("hidden")||l.style.display==="none"||Xe())}),(0,n.watch)(B,l=>{let d=(0,n.$)("session-filter-badge");d&&(d.style.display=l?"inline":"none",d.title=l||"")}),(0,n.effect)(()=>{let l=y.value;if(l&&l.path)Ko(l.path);else{let d=(0,n.$)("project-notes-bar");d&&(d.style.display="none")}}),(0,n.watch)(A,l=>{document.querySelectorAll("[data-tab]").forEach(p=>{let m=p.dataset.tab===l;p.classList.toggle("text-primary",m),p.classList.toggle("border-primary",m),p.classList.toggle("text-base-content/50",!m),p.classList.toggle("border-transparent",!m)});let d=(0,n.$)("project-view");d&&!d.classList.contains("hidden")&&(d.style.display="flex",d.style.flexDirection="column",d.style.minHeight="0",d.style.flex="1"),["chat","files","git","shell","memory"].forEach(p=>{let m=(0,n.$)(`tab-${p}`);if(!m)return;let x=p===l;m.classList.toggle("hidden",!x),x?(m.style.display="flex",m.style.flexDirection="column",m.style.flex="1 1 0",m.style.minHeight="0",m.style.overflow="hidden"):m.style.display="none"}),l==="memory"&&ms(),l==="shell"&&requestAnimationFrame(()=>{document.dispatchEvent(new CustomEvent("shell-tab-shown"))})}),ca(),la();let o=null;document.addEventListener("sessions-changed",()=>{o&&clearTimeout(o),o=setTimeout(()=>{o=null,be({waitFresh:!1})},1200)}),document.addEventListener("router:home",An),document.addEventListener("router:session",async({detail:{id:l,tab:d}})=>{let p=E.peek().find(x=>x.sessionId===l),m=qe();await ge(l,p?.cwd||(m?.sessionId===l?m.cwd:null)||null,p?.configDir||(m?.sessionId===l?m.configDir:null)||null,p?.agent||(m?.sessionId===l?m.agent:null)||null,p?.machineId||(m?.sessionId===l?m.machineId:null)||null,{tab:d||"chat"})}),n.delegate.on("click","#btn-home",An),n.delegate.on("click","#auth-btn",ua),n.delegate.on("keydown","#auth-username, #auth-password",l=>{l.key==="Enter"&&ua()}),n.delegate.on("click","#hamburger",()=>(0,n.$)("sidebar").classList.contains("open")?Pn():ia()),n.delegate.on("click","#sidebar-overlay",Pn),n.delegate.on("input","#session-search",(l,d)=>{N.value=d.value,Ln(d.value)}),n.delegate.on("click","#session-filter-badge",()=>{B.value=null}),n.delegate.on("click","[data-ws-tab]",(l,d)=>{B.value=d.dataset.wsTab||null}),n.delegate.on("click","#sidebar-refresh",()=>{be(),N.peek().trim()&&fs(N.peek())}),n.delegate.on("click","[data-view]",(l,d)=>{we.value=d.dataset.view,localStorage.setItem("sidebarView",d.dataset.view)}),n.delegate.on("click","[data-agent-filter]",(l,d)=>{X.value=d.dataset.agentFilter,localStorage.setItem("agentFilter",d.dataset.agentFilter),N.peek().trim()&&Ln(N.peek())}),n.delegate.on("change","#time-range",(l,d)=>{Z.value=d.value,localStorage.setItem("timeRange",d.value),be({waitFresh:!0}),N.peek().trim()&&Ln(N.peek())}),n.delegate.on("dblclick","[data-project-cwd]",(l,d)=>{let p=d.dataset.projectCwd;if(!p)return;let m=p.split("/").filter(Boolean).pop()||p;xs({id:m,name:m,path:p}),b(`Project \xB7 ${p}`)}),n.delegate.on("click","#btn-pwa-install",async()=>{await Js()||wi()}),document.addEventListener("pwa-installable",()=>{document.getElementById("btn-pwa-install")?.classList.remove("hidden")}),n.delegate.on("click","#btn-settings",ko),n.delegate.on("click","#btn-meta-agent",()=>Io()),n.delegate.on("click","#btn-meta-agent-welcome",()=>rs("chat")),n.delegate.on("click","#btn-theme",da),n.delegate.on("click","#btn-cal-prev",()=>{cs(-1),Xe(Ye())}),n.delegate.on("click","#btn-cal-next",()=>{cs(1),Xe(Ye())}),n.delegate.on("click","[data-cal-date]",(l,d)=>{Bo(d.dataset.calDate),Xe(Ye())}),n.delegate.on("click","[data-session-id]",(l,d)=>{l.target.closest("[data-fav-toggle]")||l.target.closest("[data-hide-toggle]")||l.target.closest("[data-rename-session]")||l.target.closest(".session-rename-input")||l.target.closest(".session-title-wrap.session-rename-active")||(ge(d.dataset.sessionId,d.dataset.sessionCwd||null,d.dataset.sessionConfigDir||null,d.dataset.sessionAgent||"claude",d.dataset.sessionMachine||null),ra())}),n.delegate.on("click","[data-rename-session]",(l,d)=>{l.preventDefault(),l.stopPropagation();let p=d.closest(".session-title-wrap")||d,m=p.dataset.renameSessionId||p.dataset.sessionId;m&&bs({sessionId:m,agent:p.dataset.renameSessionAgent||"claude",machineId:p.dataset.renameSessionMachine||null,fallbackDisplay:p.dataset.renameSessionDisplay||"",mountEl:p})}),n.delegate.on("click","[data-rename-bar]",(l,d)=>{if(l.preventDefault(),l.stopPropagation(),!f.sessionId)return;let p=document.getElementById("session-title-display")||d;bs({sessionId:f.sessionId,agent:f.agent||$.peek()||"claude",machineId:f.machineId||null,mountEl:p})}),n.delegate.on("click","[data-folder]",(l,d)=>{let p=d.dataset.folder,x=d.querySelector("span")?.textContent.trim()==="\u25BE",g=new Set(et.peek()),W=new Set(tt.peek());x?(g.delete(p),W.add(p)):(g.add(p),W.delete(p)),(0,n.batch)(()=>{et.value=g,tt.value=W})}),n.delegate.on("click","#memory-refresh",ms),n.delegate.on("click","[data-tab]",(l,d)=>Ae(d.dataset.tab));let a=async(l,d)=>{let p=(0,n.$)(l),m=p?.value.trim();if(!m){d.value="";return}try{let x=await h("POST","/api/resolve-path",{path:m});if(x.isDir===!1)throw new Error("Path is not a directory on the target machine");d.value=x.path,p.value=x.path;let g=y.peek();g&&(y.value={...g,path:x.path})}catch(x){p.style.color="oklch(var(--er))",p.title=x.message,setTimeout(()=>{p.style.color="",p.title=""},2e3)}};n.delegate.on("click","#files-root-btn",()=>a("files-root-input",U)),n.delegate.on("click","#git-root-btn",()=>a("git-root-input",z)),n.delegate.on("keydown","#files-root-input",l=>{l.key==="Enter"&&a("files-root-input",U)}),n.delegate.on("keydown","#git-root-input",l=>{l.key==="Enter"&&a("git-root-input",z)}),n.delegate.on("click","#btn-opts",()=>{(0,n.$)("chat-opts").classList.toggle("hidden")}),n.delegate.on("change","#sel-agent",(l,d)=>{let p=$.peek(),m=d.value;p!==m&&(f.sessionId=null,pe(m),k.value=ae(m)||k.peek(),localStorage.setItem("model",k.peek()),xe(),b(`Agent \u2192 ${R[m]||m} \xB7 model ${k.peek()} \xB7 new session`))}),n.delegate.on("change","#sel-convert-agent",async(l,d)=>{let p=d.value;if(!p)return;let m=f.sessionId;if(!m){alert("No active session to convert."),d.value="";return}let x=f.agent||$.peek()||"claude";if(x===p){alert("Cannot convert to the same agent."),d.value="";return}d.disabled=!0,b(`Converting session ${m.slice(0,8)} from ${x} to ${p}...`);try{let g=await h("POST",`/api/sessions/${m}/convert`,{targetAgent:p,sourceAgent:x});g&&g.success?(b(`\u2713 Converted successfully. New session: ${g.targetSessionId.slice(0,8)}`),await be(),await ge(g.targetSessionId,y.peek()?.path||null,null,g.targetAgent),fn()):b("Failed to convert session.")}catch(g){b(`Error converting session: ${g.message}`),alert(`Error converting session: ${g.message}`)}finally{d.disabled=!1,d.value=""}}),n.delegate.on("change","#sel-model",(l,d)=>{k.value=d.value,localStorage.setItem("model",d.value),ps()}),n.delegate.on("click","#btn-model-add",()=>us({editCurrent:!1})),n.delegate.on("click","#btn-model-edit",()=>us({editCurrent:!0})),n.delegate.on("change","#sel-effort",(l,d)=>{le.value=d.value}),n.delegate.on("change","#sel-permission",(l,d)=>{wt.value=d.value}),n.delegate.on("change","#sel-density",(l,d)=>{zn(d.value),b(`Density \u2192 ${d.value} (applies to new tool calls; reload session to re-group history)`)}),document.addEventListener("agent-changed",xe),n.delegate.on("click","#btn-new-session, #btn-new-session-welcome",pa),n.delegate.on("click","#new-session-cancel",()=>(0,n.$)("modal-new-session").close()),n.delegate.on("click","#new-session-start",ks),n.delegate.on("change","#new-session-agent",ws),n.delegate.on("keydown","#new-session-path",l=>{l.key==="Enter"&&ks()}),n.delegate.on("click","#send-btn",pn),n.delegate.on("click","#stop-btn",po),n.delegate.on("click","#btn-logout",()=>{f.token=null,localStorage.removeItem("token"),ee(null),Se.value=!1,location.reload()}),n.delegate.on("click","[data-pick-machine]",async(l,d)=>{let p=d.dataset.pickMachine;if(!p||p===L.peek()){jn();return}await aa(p,{forceReload:!0})});let i=async()=>{let l=(0,n.$)("machine-picker-status");if(l&&(l.textContent="\u5237\u65B0\u4E2D\u2026"),await xt(),gs(),Dn(),Qe(),l){let d=(j.peek()||[]).filter(p=>p.online!==!1).length;l.textContent=`${d} online`}};n.delegate.on("click","#btn-refresh-machines",i),n.delegate.on("click","#btn-refresh-machines-menu",async l=>{l.stopPropagation(),await i()}),n.delegate.on("click","#btn-machine-menu",async l=>{l.stopPropagation();let d=(0,n.$)("machine-menu");d&&(d.classList.contains("hidden")?(await xt(),Dn(),d.classList.remove("hidden")):d.classList.add("hidden"))}),document.addEventListener("click",l=>{let d=(0,n.$)("machine-menu-wrap");d&&!d.contains(l.target)&&jn()}),n.delegate.on("click","#btn-edit-project-notes, #project-goal-text, #project-notes-text",()=>{Vo()}),n.delegate.on("click","#btn-cancel-project-notes",()=>{bt()});let r=async()=>{let l=(0,n.$)("project-goal-input")?.value?.trim()??"",d=(0,n.$)("project-notes-input")?.value?.trim()??"",p=y.peek();if(!(!p||!p.path))try{let m=await h("POST","/api/projects/notes",{root:p.path,goal:l,notes:d});Jo(m.goal||"",m.notes||""),bt()}catch(m){alert(`Error saving project notes: ${m.message}`)}};n.delegate.on("click","#btn-save-project-notes",r),n.delegate.on("keydown","#project-goal-input",l=>{l.key==="Enter"&&r(),l.key==="Escape"&&bt()}),n.delegate.on("keydown","#project-notes-input",l=>{l.key==="Escape"&&bt()}),n.delegate.on("click","[data-fav-toggle]",(l,d)=>{l.stopPropagation(),l.preventDefault();let p=d.dataset.favSessionMachine||f.machineId;p&&(f.machineId=p,localStorage.setItem("machineId",p)),Qo(d.dataset.favSessionId,d.dataset.favSessionAgent||"claude",{machineId:p||null})}),n.delegate.on("click","[data-hide-toggle]",(l,d)=>{l.stopPropagation(),l.preventDefault();let p=d.dataset.hideSessionMachine||f.machineId;p&&(f.machineId=p,localStorage.setItem("machineId",p)),Zo(d.dataset.hideSessionId,d.dataset.hideSessionAgent||"claude",{machineId:p||null})}),n.delegate.on("click","#btn-edit-session-notes, #session-notes-text",()=>{Yo()}),n.delegate.on("click","#btn-cancel-session-notes",()=>re()),n.delegate.on("click","#btn-save-session-notes",async()=>{let l=(0,n.$)("session-notes-input")?.value?.trim()||"";if(!f.sessionId)return;let d=f.agent||$.peek()||"claude";await hs(f.sessionId,d,l)&&re()}),n.delegate.on("keydown","#session-notes-input",async l=>{if(l.key==="Escape"&&re(),l.key==="Enter"){let d=l.target.value.trim();if(!f.sessionId)return;let p=f.agent||$.peek()||"claude";await hs(f.sessionId,p,d)&&re()}}),n.delegate.on("click","#btn-fav-filter",()=>{let l=!De.peek();De.value=l,localStorage.setItem("favoritesOnly",l?"1":"0"),(0,n.$)("btn-fav-filter")?.classList.toggle("active",l),l&&_e.peek()&&(_e.value=!1,localStorage.setItem("showHiddenOnly","0"),(0,n.$)("btn-hidden-filter")?.classList.remove("active"))}),n.delegate.on("click","#btn-hidden-filter",()=>{let l=!_e.peek();_e.value=l,localStorage.setItem("showHiddenOnly",l?"1":"0"),(0,n.$)("btn-hidden-filter")?.classList.toggle("active",l),l&&De.peek()&&(De.value=!1,localStorage.setItem("favoritesOnly","0"),(0,n.$)("btn-fav-filter")?.classList.remove("active"))}),xe(),dn();let c=(0,n.$)("sel-density");c&&(c.value=$e.peek()||"normal");let u=(0,n.$)("time-range");u&&(u.value=Z.peek()||"14"),document.querySelectorAll("[data-agent-filter]").forEach(l=>{l.classList.toggle("active",l.dataset.agentFilter===X.peek())}),(0,n.$)("btn-fav-filter")?.classList.toggle("active",De.peek()),(0,n.$)("btn-hidden-filter")?.classList.toggle("active",_e.peek()),document.querySelectorAll("[data-view]").forEach(l=>{let d=l.dataset.view===we.peek();l.classList.toggle("bg-primary/15",d),l.classList.toggle("text-primary",d),l.classList.toggle("font-medium",d),l.classList.toggle("text-base-content/50",!d)})}pt();I();M();J();function ki(e){let t=e.split(".").pop()?.toLowerCase();return{js:"\u{1F4C4}",ts:"\u{1F4C4}",jsx:"\u{1F4C4}",tsx:"\u{1F4C4}",py:"\u{1F40D}",md:"\u{1F4DD}",json:"\u2699\uFE0F",html:"\u{1F310}",css:"\u{1F3A8}",sh:"\u26A1",env:"\u{1F511}",docx:"\u{1F4D8}",pptx:"\u{1F4D9}",xlsx:"\u{1F4D7}",pdf:"\u{1F4D5}"}[t]||"\u{1F4C4}"}function $i(e){let t=(e||"").split("/").pop()||"",s=t.lastIndexOf(".");return s>=0?t.slice(s+1).toLowerCase():""}function ma(e){let t=$i(e);return t==="docx"||t==="pptx"||t==="xlsx"||t==="pdf"?t:null}function Si(e){return e==null?"":e>1024*1024?`${(e/(1024*1024)).toFixed(1)} MB`:e>1024?`${(e/1024).toFixed(1)} KB`:`${e} B`}function Li(e){let t=atob(e),s=new Uint8Array(t.length);for(let o=0;o<t.length;o++)s[o]=t.charCodeAt(o);return s.buffer}var Ls=new Map;function Hn(e){if(Ls.has(e))return Ls.get(e);let t=new Promise((s,o)=>{let a=document.querySelector(`script[data-src="${e}"]`);if(a){if(a.dataset.loaded==="1")return s();a.addEventListener("load",()=>s()),a.addEventListener("error",()=>o(new Error(`Failed to load ${e}`)));return}let i=document.createElement("script");i.src=e,i.async=!0,i.dataset.src=e,i.onload=()=>{i.dataset.loaded="1",s()},i.onerror=()=>o(new Error(`Failed to load ${e}`)),document.head.appendChild(i)});return Ls.set(e,t),t}function Ti(e){let s=((e||"").split("/").pop()||"").toLowerCase(),o={dockerfile:"dockerfile",makefile:"makefile",gemfile:"ruby",rakefile:"ruby",procfile:"yaml","cmakelists.txt":"cmake"};if(o[s])return o[s];let a=s.includes(".")?s.split(".").pop():"";return{js:"javascript",mjs:"javascript",cjs:"javascript",jsx:"javascript",ts:"typescript",tsx:"typescript",mts:"typescript",cts:"typescript",py:"python",pyw:"python",pyi:"python",rb:"ruby",go:"go",rs:"rust",java:"java",kt:"kotlin",kts:"kotlin",c:"c",h:"c",cpp:"cpp",cc:"cpp",cxx:"cpp",hpp:"cpp",hh:"cpp",cs:"csharp",swift:"swift",php:"php",scala:"scala",sh:"bash",bash:"bash",zsh:"bash",fish:"bash",ps1:"powershell",psm1:"powershell",html:"xml",htm:"xml",xhtml:"xml",xml:"xml",svg:"xml",css:"css",scss:"scss",less:"less",json:"json",jsonc:"json",json5:"json",yml:"yaml",yaml:"yaml",toml:"ini",ini:"ini",conf:"ini",env:"bash",md:"markdown",mdx:"markdown",markdown:"markdown",sql:"sql",graphql:"graphql",gql:"graphql",vue:"xml",svelte:"xml",r:"r",lua:"lua",pl:"perl",pm:"perl",dart:"dart",ex:"elixir",exs:"elixir",erl:"erlang",zig:"zig",nim:"nim",clj:"clojure",cljs:"clojure",diff:"diff",patch:"diff",dockerfile:"dockerfile"}[a]||""}function Ei(e){!e||typeof hljs>"u"||e.querySelectorAll("pre code.file-preview-code").forEach(t=>{try{delete t.dataset.highlighted,hljs.highlightElement(t)}catch{}})}function zt(e,t,s){let o=Si(t);return`
-    <div class="flex items-center gap-2 px-4 py-1.5 border-b border-base-300 flex-shrink-0 bg-base-200">
-      <span class="text-xs text-base-content/40 flex-1 truncate">${(0,n.esc)(e)} \xB7 ${(0,n.esc)(o)}${s?` \xB7 <span class="text-primary/70">${(0,n.esc)(s)}</span>`:""}</span>
-      <button class="btn btn-ghost btn-xs" data-download-path="${(0,n.esc)(e)}">\u2193 Download</button>
-    </div>`}function Mi(e){return!Array.isArray(e)||!e.length?'<div class="p-4 text-xs text-base-content/40">Empty directory</div>':(e.sort((t,s)=>s.isDir-t.isDir||t.name.localeCompare(s.name)),e.map(t=>`
-    <div class="flex items-center gap-2 px-4 py-1.5 hover:bg-base-300 group"
-         ${t.isDir?`data-dir-path="${(0,n.esc)(t.path)}"`:`data-file-path="${(0,n.esc)(t.path)}"`}>
-      <span class="cursor-pointer flex-shrink-0">${t.isDir?"\u{1F4C1}":ki(t.name)}</span>
-      <span class="text-sm flex-1 truncate cursor-pointer ${t.isDir?"text-primary":""}">${(0,n.esc)(t.name)}</span>
-      ${t.isDir?"":`
-        <button class="opacity-0 group-hover:opacity-100 btn btn-ghost btn-xs px-1 text-base-content/40 hover:text-base-content"
-                data-download-path="${(0,n.esc)(t.path)}" title="Download">\u2193</button>
-        <button class="opacity-0 group-hover:opacity-100 btn btn-ghost btn-xs px-1 text-error/60 hover:text-error"
-                data-delete-path="${(0,n.esc)(t.path)}" title="Delete">\u2715</button>`}
-    </div>`).join(""))}function Ii(e,t,s){let o=/[\x00-\x08\x0e-\x1f]/.test(t.slice(0,512)),a=Ti(e),i=a?`language-${(0,n.esc)(a)}`:"",r=o?`<div class="p-4 text-xs text-base-content/40">Binary file \u2014 <button class="text-primary hover:underline" data-download-path="${(0,n.esc)(e)}">Download</button></div>`:`<pre class="file-preview p-4 font-mono text-xs leading-relaxed overflow-auto flex-1 m-0"><code class="hljs file-preview-code ${i}">${(0,n.esc)(t)}</code></pre>`;return zt(e,s,o?"binary":a||"text")+r}async function Ci(e){if(await Hn("https://cdn.jsdelivr.net/npm/mammoth@1.8.0/mammoth.browser.min.js"),typeof mammoth>"u")throw new Error("mammoth failed to load");let t=await mammoth.convertToHtml({arrayBuffer:e});return`<div class="office-preview office-docx overflow-auto flex-1 p-4 md">${t.messages?.length?`<div class="office-warn text-xs text-warning/80 px-3 py-1">${t.messages.length} conversion note(s)</div>`:""}<div class="office-docx-body">${t.value||'<p class="text-base-content/40">Empty document</p>'}</div></div>`}async function Ai(e){if(await Hn("https://cdn.sheetjs.com/xlsx-0.20.3/package/dist/xlsx.full.min.js"),typeof XLSX>"u")throw new Error("SheetJS failed to load");let t=XLSX.read(new Uint8Array(e),{type:"array"}),s=t.SheetNames||[];if(!s.length)return'<div class="p-4 text-xs text-base-content/40">Empty workbook</div>';let o=s.map((i,r)=>`<button type="button" class="office-sheet-tab${r===0?" active":""}" data-sheet-idx="${r}">${(0,n.esc)(i)}</button>`).join(""),a=s.map((i,r)=>{let c=t.Sheets[i],u;try{u=XLSX.utils.sheet_to_html(c,{id:`xlsx-sheet-${r}`,editable:!1})}catch{u='<p class="text-base-content/40 text-xs p-2">Unable to render this sheet</p>'}return`<div class="office-sheet-pane${r===0?"":" hidden"}" data-sheet-pane="${r}">${u}</div>`}).join("");return`
-    <div class="office-preview office-xlsx flex flex-col flex-1 min-h-0 overflow-hidden">
-      <div class="office-sheet-tabs flex gap-1 px-2 py-1.5 border-b border-base-300 overflow-x-auto flex-shrink-0 bg-base-200">${o}</div>
-      <div class="office-sheet-body flex-1 overflow-auto p-2">${a}</div>
-    </div>`}function ji(e){let t=[],s=/<a:p[\s>][\s\S]*?<\/a:p>/g,o=/<a:t(?:\s[^>]*)?>([\s\S]*?)<\/a:t>/g,a,i=e.match(s)||[e];for(let r of i){let c=[];for(o.lastIndex=0;(a=o.exec(r))!==null;){let u=a[1].replace(/&lt;/g,"<").replace(/&gt;/g,">").replace(/&amp;/g,"&").replace(/&quot;/g,'"').replace(/&apos;/g,"'");u&&c.push(u)}c.length&&t.push(c.join(""))}return t}async function Di(e){if(await Hn("https://cdn.jsdelivr.net/npm/jszip@3.10.1/dist/jszip.min.js"),typeof JSZip>"u")throw new Error("JSZip failed to load");let t=await JSZip.loadAsync(e),s=Object.keys(t.files).filter(a=>/^ppt\/slides\/slide\d+\.xml$/i.test(a)).sort((a,i)=>{let r=parseInt(a.match(/slide(\d+)/i)?.[1]||"0",10),c=parseInt(i.match(/slide(\d+)/i)?.[1]||"0",10);return r-c});if(!s.length)return'<div class="p-4 text-xs text-base-content/40">No slides found in this presentation</div>';let o=[];for(let a=0;a<s.length;a++){let i=await t.files[s[a]].async("string"),r=ji(i),c=r.length?r.map(u=>`<p>${(0,n.esc)(u)}</p>`).join(""):'<p class="text-base-content/40 italic">\uFF08\u6B64\u9875\u65E0\u53EF\u63D0\u53D6\u6587\u672C / \u53EF\u80FD\u4EE5\u56FE\u7247\u4E3A\u4E3B\uFF09</p>';o.push(`
-      <article class="office-slide-card">
-        <header class="office-slide-num">Slide ${a+1}</header>
-        <div class="office-slide-body">${c}</div>
-      </article>`)}return`
-    <div class="office-preview office-pptx overflow-auto flex-1 p-3 space-y-3">
-      <p class="text-xs text-base-content/50 px-1">\u6587\u672C\u9884\u89C8\uFF08\u7248\u5F0F/\u56FE\u7247\u4E0D\u8FD8\u539F\uFF09\xB7 ${s.length} slide(s)</p>
-      ${o.join("")}
-    </div>`}async function _i(){if(await Hn("https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.min.js"),typeof pdfjsLib>"u")throw new Error("pdf.js failed to load");return pdfjsLib.GlobalWorkerOptions.workerSrc="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.worker.min.js",pdfjsLib}async function Pi(e){let s=await(await _i()).getDocument({data:e}).promise,o=s.numPages,a=Math.min(o,40),i=[];for(let c=1;c<=a;c++){let u=await s.getPage(c),l=u.getViewport({scale:1}),d=Math.min(1.5,820/l.width),p=u.getViewport({scale:d}),m=document.createElement("canvas");m.width=Math.floor(p.width),m.height=Math.floor(p.height),m.className="office-pdf-page",m.dataset.page=String(c),await u.render({canvasContext:m.getContext("2d"),viewport:p}).promise,i.push(`
-      <figure class="office-pdf-figure">
-        <figcaption class="office-pdf-cap">Page ${c} / ${o}</figcaption>
-        ${m.outerHTML}
-      </figure>`)}let r=o>a?`<p class="text-xs text-base-content/50 px-2">Showing first ${a} of ${o} pages \u2014 download for full file.</p>`:"";return`
-    <div class="office-preview office-pdf overflow-auto flex-1 p-3 space-y-3">
-      <p class="text-xs text-base-content/50 px-1">PDF preview \xB7 ${o} page(s)</p>
-      ${r}
-      ${i.join("")}
-    </div>`}async function Hi(e,t,s){let o=ma(e),a={docx:"Word",pptx:"PowerPoint",xlsx:"Excel",pdf:"PDF"},i=Li(t),r;if(o==="docx")r=await Ci(i);else if(o==="xlsx")r=await Ai(i);else if(o==="pptx")r=await Di(i);else if(o==="pdf")r=await Pi(i);else throw new Error("Unsupported office type");return zt(e,s,a[o]||o)+r}function Ni(e,t){let s=e?e.split("/"):[],o=t?s.slice(0,-1):s,a='<span class="cursor-pointer text-primary hover:underline" data-dir-path="">root</span>',i="";for(let r of o)i=i?`${i}/${r}`:r,a+=` <span class="text-base-content/40">/</span> <span class="cursor-pointer text-primary hover:underline" data-dir-path="${(0,n.esc)(i)}">${(0,n.esc)(r)}</span>`;return t&&(a+=` <span class="text-base-content/40">/</span> <span>${(0,n.esc)(s.at(-1))}</span>`),a}function Ri(){let e=y.peek(),t=U.peek()||e?.path;if(!t)return;let s=document.createElement("input");s.type="file",s.multiple=!0,s.addEventListener("change",async()=>{let o=C.peek(),a=e?.id||"_",i=[...s.files],r=!1;for(let c of i){let u=o?`${o}/${c.name}`:c.name,l=`/api/projects/${a}/file?root=${encodeURIComponent(t)}&path=${encodeURIComponent(u)}`;try{let d=await fetch(l,{method:"POST",headers:Tt(),body:c,duplex:"half"});if(!d.ok){let p=await d.json().catch(()=>({}));throw new Error(p.error||`HTTP ${d.status}`)}}catch(d){alert(`Upload failed (${c.name}): ${d.message}`),r=!0;break}}if(!r){let c=C.peek();C.value=c+"\0",C.value=c}}),s.click()}function Oi(e,t){let s=U.peek()||e?.path||"",o=e?.id||"_",a=qs({root:s,path:t,download:"true"}),i=`/api/projects/${o}/file?${a}`,r=document.createElement("a");r.href=i,r.download=t.split("/").pop(),r.click()}async function Bi(e,t){if(!confirm(`Delete "${t.split("/").pop()}"?`))return;let s=U.peek()||e?.path||"",o=e?.id||"_";try{await h("DELETE",`/api/projects/${o}/file?root=${encodeURIComponent(s)}&path=${encodeURIComponent(t)}`),C.value=C.peek()+" ",C.value=C.peek().trimEnd()}catch(a){alert(`Delete failed: ${a.message}`)}}async function Fi(e,t,s,o){let a=s.size??(typeof s.content=="string"?s.content.length:0),i=ma(t);if(i&&s.encoding==="base64"){e.innerHTML=zt(t,a,i)+`<div class="p-4 text-xs text-base-content/40">Parsing ${i.toUpperCase()}\u2026</div>`;try{let r=await Hi(t,s.content,a);if(o.aborted)return;e.innerHTML=r}catch(r){if(o.aborted)return;e.innerHTML=zt(t,a,i)+`<div class="p-4 text-xs text-error">Preview failed: ${(0,n.esc)(r.message)} \u2014 <button class="text-primary hover:underline" data-download-path="${(0,n.esc)(t)}">Download</button></div>`}return}if(s.encoding==="base64"){e.innerHTML=zt(t,a,"binary")+`<div class="p-4 text-xs text-base-content/40">Binary file \u2014 <button class="text-primary hover:underline" data-download-path="${(0,n.esc)(t)}">Download</button></div>`;return}e.innerHTML=Ii(t,s.content||"",a),Ei(e)}function ha(){(0,n.effect)(()=>{let e=(0,n.$)("files-breadcrumb");if(!e)return;let t=F.value!==null;e.innerHTML=`
-      ${Ni(F.value??C.value,t)}
-      <div class="flex-1"></div>
-      ${t?"":'<button id="btn-upload" class="btn btn-ghost btn-xs text-base-content/50 hover:text-base-content">\u2191 Upload</button>'}`}),(0,n.asyncEffect)(async e=>{let t=A.value,s=y.value,o=(U.value||s?.path||"").trim(),a=F.value,i=C.value,r=(0,n.$)("files-area");if(!r||t!=="files")return;if(!o){r.innerHTML='<div class="p-4 text-xs text-base-content/40">No path yet \u2014 open a session (uses that machine&apos;s cwd) or type an absolute path and press Go.</div>';return}let c=s?.id||"_";r.innerHTML='<div class="p-4 text-xs text-base-content/40">Loading\u2026</div>';try{if(a!==null){let d=await h("GET",`/api/projects/${c}/file?root=${encodeURIComponent(o)}&path=${encodeURIComponent(a)}`,void 0,e);e.aborted||await Fi(r,a,d,e);return}let u=await h("GET",`/api/projects/${c}/files?root=${encodeURIComponent(o)}&path=${encodeURIComponent(i)}`,void 0,e);if(e.aborted)return;let l=Array.isArray(u)?u:Array.isArray(u?.files)?u.files:null;if(!l){r.innerHTML=`<div class="p-4 text-xs text-error">${(0,n.esc)(u?.error||"Invalid directory listing")}</div>`;return}r.innerHTML=Mi(l)}catch(u){!e.aborted&&u?.name!=="AbortError"&&(r.innerHTML=`<div class="p-4 text-xs text-error">${(0,n.esc)(u.message)}</div>`)}}),n.delegate.on("click","[data-dir-path]",(e,t)=>{F.value=null,C.value=t.dataset.dirPath}),n.delegate.on("click","[data-file-path]",(e,t)=>{F.value=t.dataset.filePath}),n.delegate.on("click","#btn-upload",()=>Ri()),n.delegate.on("click","[data-download-path]",(e,t)=>{let s=y.peek();s&&Oi(s,t.dataset.downloadPath)}),n.delegate.on("click","[data-delete-path]",(e,t)=>{let s=y.peek();s&&Bi(s,t.dataset.deletePath)}),n.delegate.on("click",".office-sheet-tab",(e,t)=>{let s=t.closest(".office-xlsx");if(!s)return;let o=t.dataset.sheetIdx;s.querySelectorAll(".office-sheet-tab").forEach(a=>a.classList.toggle("active",a===t)),s.querySelectorAll(".office-sheet-pane").forEach(a=>{a.classList.toggle("hidden",a.dataset.sheetPane!==o)})})}I();M();J();var ba=(0,n.signal)(!1);function Ui(e){return e?e.split(`
-`).map(t=>(0,n.esc)(t).replace(/\b([0-9a-f]{7})\b/,'<span class="gh">$1</span>').replace(/\(([^)]*)\)/,'<span style="color:oklch(var(--wa))">($1)</span>')).join(`
-`):'<span class="text-base-content/40">No commits</span>'}function qi(e){if(!e)return"";if(!e.isGit)return'<div class="p-4 text-sm text-base-content/50">Not a git repository</div>';let t={M:"text-warning",D:"text-error"};return`
-    <div class="px-4 py-2 text-xs text-base-content/50 border-b border-base-300">
-      Branch: <span class="text-success font-semibold">${(0,n.esc)(e.branch)}</span>
-    </div>
-    ${e.files.length?e.files.map(s=>`
-        <div class="flex items-center gap-3 px-4 py-1 text-sm">
-          <span class="font-mono text-xs w-5 flex-shrink-0 ${t[s.status]||"text-success"}">${(0,n.esc)(s.status)}</span>
-          <span class="break-all">${(0,n.esc)(s.file)}</span>
-        </div>`).join(""):'<div class="px-4 py-2 text-sm text-base-content/50">Working tree clean</div>'}
-    <div class="border-t border-base-300 p-4">
-      <div class="flex gap-4 text-xs mb-3">
-        <span id="diff-unstaged" class="cursor-pointer text-primary">Unstaged</span>
-        <span id="diff-staged"   class="cursor-pointer text-base-content/50">Staged</span>
-      </div>
-      <div id="diff-content" class="font-mono text-xs overflow-auto max-h-[30vh] whitespace-pre"></div>
-    </div>
-    <div class="border-t border-base-300">
-      <div class="flex items-center justify-between px-4 py-2 text-xs text-base-content/50 cursor-pointer select-none" id="git-graph-toggle">
-        <span class="uppercase tracking-wider font-medium">Git Graph</span>
-        <span id="git-graph-chevron" class="text-[10px]">\u25B6</span>
-      </div>
-      <div id="git-graph-panel" class="hidden px-4 pb-4">
-        <div id="git-graph-content" class="git-graph overflow-x-auto max-h-[35vh] overflow-y-auto">
-          <span class="text-base-content/40">Loading\u2026</span>
-        </div>
-      </div>
-    </div>`}function Wi(e){return e.split(`
-`).map(t=>t.startsWith("+")&&!t.startsWith("+++")?`<span class="diff-add">${(0,n.esc)(t)}</span>`:t.startsWith("-")&&!t.startsWith("---")?`<span class="diff-del">${(0,n.esc)(t)}</span>`:t.startsWith("@@")?`<span class="diff-hunk">${(0,n.esc)(t)}</span>`:/^(diff |index |---|[+]{3})/.test(t)?`<span class="diff-head">${(0,n.esc)(t)}</span>`:`<span>${(0,n.esc)(t)}</span>`).join(`
-`)}function xa(){(0,n.asyncEffect)(async e=>{let t=A.value,s=y.value,o=z.value||s?.path,a=(0,n.$)("git-area");if(!a||t!=="git")return;if(!o){a.innerHTML='<div class="p-4 text-sm text-base-content/50">Enter a project root above, or open a session with a working directory.</div>';return}let i=s?.id||"_";a.innerHTML='<div class="p-4 text-xs text-base-content/40">Loading\u2026</div>';try{let r=await h("GET",`/api/projects/${i}/git/status?root=${encodeURIComponent(o)}`,void 0,e);e.aborted||(a.innerHTML=qi(r))}catch(r){!e.aborted&&r?.name!=="AbortError"&&(a.innerHTML=`<div class="p-4 text-xs text-error">${(0,n.esc)(r?.message??String(r))}</div>`)}}),(0,n.asyncEffect)(async e=>{let t=y.value,s=z.value||t?.path,o=ba.value,a=(0,n.$)("diff-content");if(!a||!s)return;let i=t?.id||"_";try{let r=await h("GET",`/api/projects/${i}/git/diff?root=${encodeURIComponent(s)}${o?"&staged=true":""}`,void 0,e);e.aborted||(a.innerHTML=r?.diff?Wi(r.diff):'<span class="text-base-content/40">No changes</span>')}catch(r){!e.aborted&&r?.name!=="AbortError"&&(a.innerHTML=`<span class="text-error">${(0,n.esc)(r?.message??String(r))}</span>`)}}),n.delegate.on("click","#diff-unstaged, #diff-staged",(e,t)=>{let s=t.id==="diff-staged";ba.value=s,(0,n.$)("diff-unstaged").className=`cursor-pointer ${s?"text-base-content/50":"text-primary"}`,(0,n.$)("diff-staged").className=`cursor-pointer ${s?"text-primary":"text-base-content/50"}`}),n.delegate.on("click","#git-graph-toggle",()=>{let e=(0,n.$)("git-graph-panel"),t=(0,n.$)("git-graph-chevron"),s=e.classList.toggle("hidden");t.textContent=s?"\u25B6":"\u25BC",s||Gi()})}function Gi(){let e=y.peek(),t=z.peek()||e?.path,s=(0,n.$)("git-graph-content");if(!t||!s)return;let o=e?.id||"_";s.innerHTML='<span class="text-base-content/40">Loading\u2026</span>',h("GET",`/api/projects/${o}/git/log?root=${encodeURIComponent(t)}`).then(a=>{s.innerHTML=a.graph?Ui(a.graph):'<span class="text-base-content/40">No commits</span>'}).catch(a=>{s.innerHTML=`<span class="text-error">${(0,n.esc)(a.message)}</span>`})}I();M();var V=null,T=null,Nn=null,Vt=!1,Rn=null,va=null,Jt=0,Kt=null,Ts=!1;function ya(){if(T)return;let e=(0,n.$)("terminal-container");if(e){if(typeof Terminal>"u"){setTimeout(ya,100);return}T=new Terminal({cursorBlink:!0,fontFamily:"Fira Code, Courier New, monospace",fontSize:12,theme:{background:"#0d1117",foreground:"#c9d1d9",cursor:"#58a6ff",black:"#0d1117",red:"#ff7b72",green:"#3fb950",yellow:"#d29922",blue:"#58a6ff",magenta:"#bc8cff",cyan:"#39c5cf",white:"#b1bac4",brightBlack:"#484f58",brightRed:"#ffa198",brightGreen:"#56d364",brightYellow:"#e3b341",brightBlue:"#79c0ff",brightMagenta:"#d8b9ff",brightCyan:"#56d4dd",brightWhite:"#ffffff"}}),typeof FitAddon<"u"&&(Nn=new FitAddon.FitAddon,T.loadAddon(Nn)),T.open(e),Es(),T.onData(t=>{V&&V.readyState===WebSocket.OPEN&&V.send(JSON.stringify({type:"input",data:t}))}),window.addEventListener("resize",()=>{Es(),Ms()})}}function Es(){try{Nn&&T&&Nn.fit()}catch{}}function Ms(){V&&V.readyState===WebSocket.OPEN&&T&&V.send(JSON.stringify({type:"resize",cols:T.cols,rows:T.rows}))}function wa(){return f.machineId||L.peek()||null}function On(e){Kt&&(clearTimeout(Kt),Kt=null),Ts=!0;let t=++Jt;if(V){try{V.close()}catch{}V=null}Vt=!1;let s=location.protocol==="https:"?"wss":"ws",o=T?T.cols:80,a=T?T.rows:24,i=new URLSearchParams;f.token&&i.set("token",f.token),e&&i.set("cwd",e),i.set("cols",String(o)),i.set("rows",String(a));let r=wa();S.peek()&&r&&i.set("machine",r),Rn=e||null,va=r,V=new WebSocket(`${s}://${location.host}/ws/shell?${i}`),V.addEventListener("open",()=>{t===Jt&&(Vt=!0,T?.write(`\x1B[32mConnected to interactive terminal\x1B[0m\r
-`),Ms())}),V.addEventListener("message",c=>{if(t!==Jt)return;let u;try{u=JSON.parse(c.data)}catch{return}u.type==="output"?T?.write(u.data):u.type==="exit"?T?.write(`\r
-\x1B[33m[process exited: ${u.code}]\x1B[0m\r
-`):u.type==="error"&&T?.write(`\r
-\x1B[31m[error: ${u.data||u.message||""}]\x1B[0m\r
-`)}),V.addEventListener("close",()=>{t===Jt&&(Vt=!1,T?.write(`\r
-\x1B[33m[disconnected]\x1B[0m\r
-`),!(!Ts||A.peek()!=="shell")&&(T?.write(`\x1B[33m[reconnecting\u2026]\x1B[0m\r
-`),Kt=setTimeout(()=>{Kt=null,On(Rn)},1500)))}),V.addEventListener("error",()=>{t===Jt&&T?.write(`\r
-\x1B[31m[WebSocket error]\x1B[0m\r
-`)})}function ga(){let e=y.peek()?.path,t=(0,n.$)("term-cwd");t&&(t.textContent=e||"~"),T||ya(),requestAnimationFrame(()=>{requestAnimationFrame(()=>{Es();let s=wa();!Vt||Rn!==(e||null)||va!==s?(T?.clear(),On(e)):Ms()})})}function ka(){document.addEventListener("visibilitychange",()=>{document.visibilityState==="visible"&&(A.peek()!=="shell"||!Ts||Vt||On(Rn))}),(0,n.watch)(A,e=>{e==="shell"&&ga()}),document.addEventListener("shell-tab-shown",()=>{A.peek()==="shell"&&ga()}),document.getElementById("term-reconnect")?.addEventListener("click",()=>{T?.clear(),On(y.peek()?.path)})}pt();mn();function Is(){let e=document.documentElement;e.classList.add("boot-ready"),e.classList.remove("boot-pending")}function Bn(){document.documentElement.classList.remove("boot-restore")}var Cs=ss(location.hash.slice(1)||"/"),$a=Ss()||!!(f.token&&Cs?.id);fa({restoreSession:$a});mo();ha();xa();wo();ka();uo();_o();bo(ge,Ae);(async()=>{let e=at();if(f.token)try{let t=document.getElementById("auth-screen"),s=document.getElementById("app");if(t&&(t.style.display="none",t.classList.add("hidden")),s&&(s.style.display="flex",s.classList.remove("hidden")),$a){document.documentElement.classList.add("boot-restore");let a=document.getElementById("welcome"),i=document.getElementById("project-view");a&&(a.classList.add("hidden"),a.style.display="none"),i&&(i.classList.remove("hidden"),i.style.cssText="display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden")}let o=await e;await _n({hub:o,deepLink:Cs}),Cs?.id||(xo(),(location.hash||"").startsWith("#/session/")||Bn()),requestAnimationFrame(()=>{requestAnimationFrame(Is)})}catch(t){console.error("[boot]",t),f.token=null,localStorage.removeItem("token"),Bn(),await $s(),Is()}else Bn(),await $s(),Is()})();document.addEventListener("router:home",()=>{Bn()});zs();