claude-simple 0.1.0

package/dist/app.0.1.0.min.js

@@ -0,0 +1,825 @@
+var tn=Object.defineProperty;var Ho=Object.getOwnPropertyDescriptor;var Po=Object.getOwnPropertyNames;var No=Object.prototype.hasOwnProperty;var X=(e,t)=>()=>(e&&(t=e(e=0)),t);var sn=(e,t)=>{for(var n in t)tn(e,n,{get:t[n],enumerable:!0})},en=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of Po(t))!No.call(e,a)&&a!==n&&tn(e,a,{get:()=>t[a],enumerable:!(o=Ho(t,a))||o.enumerable});return e},ds=(e,t,n)=>(en(e,t,"default"),n&&en(n,t,"default"));var s={};import*as Ya from"https://cdn.jsdelivr.net/gh/forechoandlook/mini-react@latest/dist/mini-react.min.js";var C=X(()=>{ds(s,Ya)});var ln={};sn(ln,{AGENT_DEFAULT_MODEL:()=>on,AGENT_LABELS:()=>R,AGENT_MODELS:()=>ps,LOW_TURN_THRESHOLD:()=>fs,activityHits:()=>le,activityLoading:()=>ve,addCustomModel:()=>ut,agentFilter:()=>V,agentsMeta:()=>Je,chatDensity:()=>ye,collapsedFolders:()=>ze,ctx:()=>u,currentAgent:()=>w,currentEffort:()=>re,currentModel:()=>y,currentPermission:()=>pt,currentProject:()=>g,currentTab:()=>N,expandedFolders:()=>Ge,favoritesOnly:()=>Ke,filesPath:()=>A,filesRoot:()=>B,filteredSessions:()=>Ae,getCustomModels:()=>jt,getDefaultModel:()=>oe,getEffortsForModel:()=>ft,getModelsForAgent:()=>ce,getSessionMeta:()=>Ve,gitRoot:()=>O,hubMachineReady:()=>we,hubMode:()=>$,isProcessing:()=>K,machinesList:()=>j,metaKey:()=>Q,projectGroups:()=>Pe,removeCustomModel:()=>bs,selectedMachineId:()=>S,sessionDisplayTitle:()=>Ye,sessionFilter:()=>F,sessionMetaMap:()=>k,sessionSearch:()=>P,sessionSort:()=>nn,sessionsData:()=>E,setAgent:()=>de,setChatDensity:()=>ms,setSelectedMachine:()=>Z,sidebarView:()=>ge,timeRange:()=>ne,viewingFile:()=>U,workspacesData:()=>H});function Z(e){let t=e||null;S.value=t,u.machineId=t,t?localStorage.setItem("machineId",t):localStorage.removeItem("machineId")}function Q(e,t,n){let o=`${e||"claude"}:${t}`;return n||u?.machineId?`${n||u.machineId}:${o}`:o}function Ve(e,t,n){return k.peek()?.[Q(e,t,n)]||{favorite:!1,notes:"",title:""}}function Ye(e,{preferSnippet:t=!1}={}){if(!e)return"Session";if(t&&e.snippet)return e.snippet;let o=(Ve(e.agent,e.sessionId,e.machineId).title||"").trim();return o||e.display||e.sessionId?.slice(0,8)||"Session"}function ms(e){let t=["clean","normal","full"].includes(e)?e:"normal";ye.value=t,localStorage.setItem("chatDensity",t),document.getElementById("messages")?.setAttribute("data-density",t)}function Ro(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 hs(){try{let e=localStorage.getItem(an);if(!e)return{};let t=JSON.parse(e);return t&&typeof t=="object"?t:{}}catch{return{}}}function rn(e){localStorage.setItem(an,JSON.stringify(e))}function jt(e){let t=(e||"claude").toLowerCase(),n=hs()[t];return Array.isArray(n)?n.filter(Boolean).map(String):[]}function ut(e,t){let n=(e||"claude").toLowerCase(),o=String(t||"").trim();if(!o)return!1;let a=hs(),i=Array.isArray(a[n])?[...a[n]]:[];return i.includes(o)||i.push(o),a[n]=i,rn(a),!0}function bs(e,t){let n=(e||"claude").toLowerCase(),o=String(t||"").trim(),a=hs(),i=Array.isArray(a[n])?a[n].filter(l=>l!==o):[];return a[n]=i,rn(a),!0}function ce(e){let t=(e||"claude").toLowerCase(),n=Je.peek()?.defaults?.[t],o=n?.models?.length?n.models.map(Ro).filter(Boolean):(ps[t]||ps.claude).map(l=>({...l})),a=jt(t),i=new Set(o.map(l=>l.value));for(let l of a){if(i.has(l)){o=o.map(d=>{if(d.value!==l)return d;let r=String(d.label||d.value);return{...d,custom:!0,label:r.includes("\u2605")?r:`${r} \u2605`}});continue}i.add(l),o.push({value:l,label:`${l} \u2605`,custom:!0})}return o}function oe(e){let t=(e||"claude").toLowerCase(),n=Je.peek()?.defaults?.[t];return n?.model?String(n.model):on[t]||ce(t)[0]?.value||"claude-sonnet-4-5"}function ft(e,t){let o=ce(e).find(i=>i.value===t);if(o?.efforts?.length)return o.efforts;let a=Je.peek()?.defaults?.[(e||"claude").toLowerCase()];return a?.efforts?.length?a.efforts.map(String):["low","medium","high","xhigh","max"]}function de(e){let t=(e||"claude").toLowerCase();w.value=t,localStorage.setItem("agent",t);let n=ce(t),o=oe(t);n.some(a=>a.value===y.peek())||(y.value=o,localStorage.setItem("model",o))}function Fo(e,t){return!t||t==="all"?!0:(e.agent||"claude")===t}function Uo(e,t){let n=parseInt(t||"0",10)||0;if(n<=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()-n*864e5}function Bo(e,t){if(!t)return!0;let n=k.value?.[Q(e.agent,e.sessionId,e.machineId)];return[e.display,e.cwd,e.projectName,e.agent,e.sessionId,e.snippet,e.machineId,n?.notes,n?.title].filter(Boolean).join(" ").toLowerCase().includes(t)}function us(e){return Array.isArray(e)?e:e&&Array.isArray(e.results)?e.results:e&&Array.isArray(e.sessions)?e.sessions:[]}var E,H,F,P,nn,Ge,ze,A,U,g,N,K,w,y,re,pt,B,O,Je,ge,V,ne,le,ve,k,Ke,fs,ye,$,j,S,we,u,R,ps,on,an,Ae,Pe,M=X(()=>{C();E=(0,s.signal)([]),H=(0,s.signal)([]),F=(0,s.signal)(null),P=(0,s.signal)(""),nn=(0,s.signal)("time"),Ge=(0,s.signal)(new Set),ze=(0,s.signal)(new Set),A=(0,s.signal)(""),U=(0,s.signal)(null),g=(0,s.signal)(null),N=(0,s.signal)("chat"),K=(0,s.signal)(!1),w=(0,s.signal)(localStorage.getItem("agent")||"claude"),y=(0,s.signal)(localStorage.getItem("model")||"claude-sonnet-4-5"),re=(0,s.signal)(""),pt=(0,s.signal)("default"),B=(0,s.signal)(""),O=(0,s.signal)(""),Je=(0,s.signal)(null),ge=(0,s.signal)(localStorage.getItem("sidebarView")||"projects"),V=(0,s.signal)(localStorage.getItem("agentFilter")||"all"),ne=(0,s.signal)(localStorage.getItem("timeRange")||"14"),le=(0,s.signal)(null),ve=(0,s.signal)(!1),k=(0,s.signal)({}),Ke=(0,s.signal)(localStorage.getItem("favoritesOnly")==="1"),fs=2,ye=(0,s.signal)(localStorage.getItem("chatDensity")||"normal"),$=(0,s.signal)(!1),j=(0,s.signal)([]),S=(0,s.signal)(null),we=(0,s.signal)(!1),u={token:localStorage.getItem("token"),sessionId:null,agent:null,machineId:null,ws:null,shellBubble:null,configDir:null};R={claude:"Claude",codex:"Codex",grok:"Grok"},ps={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"}]},on={claude:"claude-sonnet-4-5",codex:"gpt-5.4",grok:"grok-4.5"};an="customModelsByAgent";Ae=(0,s.computed)(()=>{let e=F.value,t=P.value.toLowerCase().trim(),n=nn.value,o=V.value,a=ne.value,i=Ke.value,l=k.value,d=le.value,r=d?.results?.length&&t?us(d.results):us(E.value);e&&(r=r.filter(p=>p&&(p.cwd===e||p.configDir===e)));let c=S.value;return $.value&&c&&(r=r.filter(p=>p&&(!p.machineId||p.machineId===c))),r=r.filter(p=>p&&Fo(p,o)&&Uo(p,a)),i&&(r=r.filter(p=>p&&l?.[Q(p.agent,p.sessionId,p.machineId)]?.favorite)),t&&!(d?.results&&d.q===t)&&(r=r.filter(p=>p&&Bo(p,t))),r=[...r].sort((p,f)=>{let m=l?.[Q(p.agent,p.sessionId,p.machineId)]?.favorite?1:0,x=l?.[Q(f.agent,f.sessionId,f.machineId)]?.favorite?1:0;return m!==x?x-m:n==="project"&&(p.cwd||"").localeCompare(f.cwd||"")||f.updatedAt-p.updatedAt}),!e&&!t&&!i?r.slice(0,120):r}),Pe=(0,s.computed)(()=>{let e=us(Ae.value),t=new Map;for(let n of e){if(!n)continue;let o=n.machineId?`${n.machineId}::${n.cwd||"(no path)"}`:n.cwd||"(no path)";t.has(o)||t.set(o,{cwd:n.cwd||null,machineId:n.machineId||null,projectName:n.projectName||(n.cwd?n.cwd.split("/").filter(Boolean).pop():"(no path)"),updatedAt:0,agents:{},sessions:[],latest:null});let a=t.get(o);a.sessions.push(n),a.agents[n.agent||"claude"]=(a.agents[n.agent||"claude"]||0)+1,(n.updatedAt||0)>a.updatedAt&&(a.updatedAt=n.updatedAt,a.latest=n)}return[...t.values()].sort((n,o)=>o.updatedAt-n.updatedAt)})});function It(e={}){return e.machineId!==void 0?e.machineId:u.machineId||S.peek()||null}function qo(e){let t=e.split("?")[0];return t==="/api/hub"||t==="/api/machines"||t.startsWith("/api/auth/")}async function h(e,t,n,o,a={}){let i=It(a),l={"Content-Type":"application/json",...u.token?{Authorization:`Bearer ${u.token}`}:{}};$.peek()&&i&&!qo(t)&&(l["X-Machine-Id"]=i);let d=await fetch(t,{method:e,signal:o,headers:l,...n!==void 0?{body:JSON.stringify(n)}:{}}),r=await d.json().catch(()=>({}));if(!d.ok)throw new Error(r.error||`HTTP ${d.status}`);return r}function mt(e){u.ws?.readyState===WebSocket.OPEN&&u.ws.send(JSON.stringify(e))}function cn(e={}){let t=new URLSearchParams(e);u.token&&t.set("token",u.token);let n=It();return $.peek()&&n&&t.set("machine",n),t.toString()}function ht(e={}){let t={...e};u.token&&(t.Authorization=`Bearer ${u.token}`);let n=It();return $.peek()&&n&&(t["X-Machine-Id"]=n),t}async function Xe(){try{let e=await fetch("/api/hub");if(!e.ok)return $.value=!1,!1;let t=await e.json();if(t?.hub)return $.value=!0,t}catch{}return $.value=!1,!1}var W=X(()=>{M()});function Ne(){try{let e=localStorage.getItem(dn);return e?JSON.parse(e):null}catch{return null}}function xs(e){try{let n={...Ne()||{},...e,updatedAt:Date.now()};localStorage.setItem(dn,JSON.stringify(n))}catch{}}var dn,Dt=X(()=>{dn="lastSessionContext"});function D(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 D(Number(t));let n=Date.parse(t);return Number.isNaN(n)?null:n}return null}function bt(e){let t=D(e);if(t==null)return"";let n=Date.now()-t;return n<0?new Date(t).toLocaleDateString():n<6e4?"just now":n<36e5?`${Math.floor(n/6e4)}m ago`:n<864e5?`${Math.floor(n/36e5)}h ago`:n<7*864e5?`${Math.floor(n/864e5)}d ago`:new Date(t).toLocaleDateString()}function Qe(e,t=!0){let n=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"}[n]||"bg-base-300 text-base-content/50",i=t?n==="claude"?"CC":n==="codex"?"CX":n==="grok"?"GX":n.slice(0,2).toUpperCase():R[n]||n;return`<span class="text-[9px] px-1 py-0.5 rounded font-mono font-semibold flex-shrink-0 ${a}" title="${(0,s.esc)(R[n]||n)}">${i}</span>`}function pn(e){return Object.entries(e||{}).filter(([,t])=>t>0).map(([t,n])=>`${Qe(t)}<span class="text-[9px] text-base-content/40 -ml-0.5">${n}</span>`).join("")}function Ze(e){if(!e)return"";let t="",n=e.split("/").filter(Boolean);return n.length<=3?e:"\u2026/"+n.slice(-2).join("/")}var xt=X(()=>{C();M()});function Oo(){return R[w.peek()]||"Assistant"}function mn(e){return e.scrollHeight-e.scrollTop-e.clientHeight<80}function te(e,t){e&&(t||mn(e))&&(e.scrollTop=e.scrollHeight)}function yt(){u.ws?.close();let e=location.protocol==="https:"?"wss":"ws",t=new URLSearchParams;u.token&&t.set("token",u.token);let n=u.machineId||(typeof localStorage<"u"?localStorage.getItem("machineId"):null);n&&t.set("machine",n),u.ws=new WebSocket(`${e}://${location.host}/ws/chat?${t}`),u.ws.addEventListener("open",()=>b(n?`Connected \xB7 ${n}`:"Connected")),u.ws.addEventListener("message",o=>Wo(JSON.parse(o.data))),u.ws.addEventListener("close",()=>{K.peek()&&(b("Connection closed"),K.value=!1)}),u.ws.addEventListener("error",()=>{b("WebSocket error"),K.value=!1})}function Wo(e){if(e.type==="session-created"){u.sessionId=e.sessionId,e.agent&&de(e.agent),document.dispatchEvent(new CustomEvent("sessions-changed"));return}if(e.type==="result"){vt(),gt(),ae(),K.value=!1;let t=e.usage;if(t){let n={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};u.lastUsage=n,u.sessionId&&(u.lastUsageSessionId=u.sessionId),et(n)}e.is_error||b("\u2713 Done");return}if(e.type==="complete"){vt(),gt(),ae(),K.value=!1,!e.aborted&&e.agent==="claude"?b("\u2713 Done"):!e.aborted&&e.agent&&e.agent!=="claude"&&!e.error||!e.aborted&&!e.agent&&b("\u2713 Done");return}if(e.type==="error"){vt(),gt(),Re("error","Error",e.message),K.value=!1;return}if(e.type==="shell-start"){u.shellBubble=null;return}if(e.type==="shell-output"){u.shellBubble||(u.shellBubble=sa(e.stream==="stderr"?"shell-err":"shell")),na(u.shellBubble,e.data);return}if(e.type==="shell-exit"){u.shellBubble=null,b(e.code===0?"\u2713 Exit 0":`\u2717 Exit ${e.code}${e.error?": "+e.error:""}`),K.value=!1;return}if(e.type==="assistant"){gt();for(let t of e.message?.content||[])t.type==="text"&&t.text?(ae(),Re("assistant",Oo(),t.text,{ts:e.ts||Date.now()})):t.type==="tool_use"&&ws(t,{ts:e.ts||Date.now()});return}if(e.type==="assistant_stream_start"){hn(e.ts);return}if(e.type==="assistant_delta"){Go(e.data||"");return}if(e.type==="assistant_stream_end"){gt();return}if(e.type==="thought_stream_start"){bn();return}if(e.type==="thought_delta"){zo(e.data||"");return}if(e.type==="thought_stream_end"){vt();return}if(e.type==="status"){let t=(0,s.$)("stream-status");if(t)t.textContent=e.message||"";else{let n=(0,s.$)("messages");n&&e.message&&(n.insertAdjacentHTML("beforeend",`<div id="stream-status" class="text-center text-[10px] text-base-content/35 py-0.5">${(0,s.esc)(e.message)}</div>`),te(n))}return}(e.type==="permission_request"||e.request_id&&e.tool_name)&&ia(e)}function hn(e){let t=(0,s.$)("messages");if(!t||(ae(),vt(),ue&&t.contains(ue)))return;let n=Ht(e||Date.now()),o=Pt(e||Date.now());t.insertAdjacentHTML("beforeend",`
+    <div class="msg-row assistant px-2 live-stream" data-ts="${(0,s.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>
+      ${n?`<div class="msg-ts" title="${(0,s.esc)(o)}">${(0,s.esc)(n)}</div>`:""}
+    </div>`),ue=t.lastElementChild,ee=ue.querySelector(".msg-stream-body"),(0,s.$)("stream-status")?.remove(),te(t,!0)}function Go(e){e&&(ee||hn(Date.now()),ee&&(ee.textContent+=e,te((0,s.$)("messages"),!0)))}function gt(){if(!ue||!ee){ue=null,ee=null;return}let e=ee.textContent||"";e.trim()?(ee.classList.remove("whitespace-pre-wrap"),ee.classList.add("md"),ee.innerHTML=_t(e),wn(ue)):ue.remove(),ue=null,ee=null,(0,s.$)("stream-status")?.remove()}function bn(){let e=(0,s.$)("messages");e&&(je&&e.contains(je)||(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>`),je=e.lastElementChild,fe=je.querySelector(".thought-body"),te(e,!0)))}function zo(e){e&&(fe||bn(),fe&&(fe.textContent+=e,fe.scrollTop=fe.scrollHeight,te((0,s.$)("messages"),!0)))}function vt(){if(je&&fe){let e=(fe.textContent||"").length;je.innerHTML=`
+      <div class="text-[10px] text-base-content/30 px-1 select-none">\u{1F4AD} thought ${e?`(${e} chars)`:""}</div>`}je=null,fe=null}function Ko(e){let[t,...n]=e.slice(1).trim().split(/\s+/),o=n.join(" ");switch(t.toLowerCase()){case"agent":{if(!o)return b(`Current agent: ${w.peek()} \xB7 agents: claude | codex | grok`),!0;let a=o.toLowerCase();return["claude","codex","grok"].includes(a)?(a!==w.peek()?(u.sessionId=null,de(a),y.value=oe(a),localStorage.setItem("model",y.peek()),document.dispatchEvent(new CustomEvent("agent-changed")),b(`Agent \u2192 ${R[a]} \xB7 model ${y.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 d=w.peek(),r=ce(d).map(c=>c.value).join(" | ");return b(`Current model: ${y.peek()} (${d})${r?`
+Available: ${r}`:""}`),!0}let a=Jo[o.toLowerCase()]||o,i=w.peek()||"claude",l=ce(i).some(d=>d.value===a);return l||ut(i,a),y.value=a,localStorage.setItem("model",a),b(`Model set to ${a}${l?"":" (saved as custom \u2605)"}`),document.dispatchEvent(new CustomEvent("agent-changed")),!0}case"effort":{let a=ft(w.peek(),y.peek());return o?a.includes(o.toLowerCase())?(re.value=o.toLowerCase(),b(`Effort set to ${o.toLowerCase()}`),!0):(b(`Unknown effort level "${o}" \xB7 valid: ${a.join(" | ")}`),!0):(b(`Current effort: ${re.peek()||"(default)"} \xB7 levels: ${a.join(" | ")}`),!0)}case"clear":return tt(),u.sessionId=null,u.lastUsage=null,b("Cleared \xB7 new session"),!0;case"usage":return Vo(),!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 G(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 Vo(){let e=w.peek()||"claude",t=y.peek()||"\u2014",n=u.sessionId,o=[`Agent: ${R[e]||e}`,`Model: ${t}`,`Session: ${n?n.slice(0,8)+"\u2026":"(new \u2014 send a message first)"}`];if(u.lastUsage&&(!n||u.lastUsageSessionId===n)){let a=u.lastUsage;o.push(`Last turn: \u2191${G(a.input_tokens)} \u2193${G(a.output_tokens)}`+(a.cache_read_input_tokens?` \xB7 ${G(a.cache_read_input_tokens)} cached`:"")+(a.reasoning_tokens?` \xB7 ${G(a.reasoning_tokens)} reason`:"")+(a.total_tokens?` \xB7 \u03A3${G(a.total_tokens)}`:"")+(a.costUSD!=null?` \xB7 $${Number(a.costUSD).toFixed(4)}`:""))}if(!n){b(o.join(`
+`)),vs("\u25C8 /usage \xB7 no session yet");return}b("Loading usage\u2026");try{let a=new URLSearchParams({sessionId:n,agent:e}),l=(await h("GET",`/api/usage?${a}`)).context||{};if(l.model&&(o[1]=`Model: ${l.model}`),l.title&&o.push(`Title: ${l.title}`),l.tokensUsed!=null||l.windowTokens!=null||l.usagePercent!=null){let r=l.tokensUsed!=null?G(l.tokensUsed):"\u2014",c=l.windowTokens!=null?G(l.windowTokens):"\u2014",p=l.usagePercent!=null?`${l.usagePercent}%`:"\u2014";o.push(`Context window: ${r} / ${c} (${p})`)}if(l.turnCount!=null&&o.push(`Turns: ${l.turnCount}`),l.toolCallCount!=null&&o.push(`Tools: ${l.toolCallCount}`),l.sessionDurationSeconds!=null){let r=Math.floor(l.sessionDurationSeconds/60),c=Math.round(l.sessionDurationSeconds%60);o.push(`Duration: ${r}m ${c}s`)}if(l.sessionTotals){let r=l.sessionTotals;o.push(`Session totals: \u2191${G(r.input_tokens)} \u2193${G(r.output_tokens)}`+(r.cache_read_input_tokens?` \xB7 ${G(r.cache_read_input_tokens)} cached`:"")+(r.total_tokens?` \xB7 \u03A3${G(r.total_tokens)}`:"")+(r.costUSD?` \xB7 $${Number(r.costUSD).toFixed(4)}`:""))}if(l.lastTurn&&!u.lastUsage){let r=l.lastTurn;o.push(`Last completed turn: \u2191${G(r.input_tokens)} \u2193${G(r.output_tokens)}`+(r.cache_read_input_tokens?` \xB7 ${G(r.cache_read_input_tokens)} cached`:"")+(r.costUSD!=null?` \xB7 $${Number(r.costUSD).toFixed(4)}`:""))}l.note&&o.push(l.note);let d=(0,s.$)("messages");if(d){let r=[...d.children];for(let c=r.length-1;c>=0;c--)if(r[c].textContent==="Loading usage\u2026"){r[c].remove();break}}b(o.join(`
+`)),(l.tokensUsed!=null||l.windowTokens!=null)&&ys({tokensUsed:l.tokensUsed,windowTokens:l.windowTokens,usagePercent:l.usagePercent,model:l.model||t,turnCount:l.turnCount,toolCallCount:l.toolCallCount}),l.sessionTotals?et(l.sessionTotals):l.lastTurn?et(l.lastTurn):u.lastUsage&&et(u.lastUsage)}catch(a){let i=(0,s.$)("messages");if(i){let l=[...i.children];for(let d=l.length-1;d>=0;d--)if(l[d].textContent==="Loading usage\u2026"){l[d].remove();break}}b(`${o.join(`
+`)}
+(usage fetch failed: ${a.message})`)}}function gs(){let e=(0,s.$)("chat-input"),t=e?.value.trim();if(!t||K.peek()||!g.peek()||(e.value="",vn(e),gn(""),t.startsWith("/")&&Ko(t)))return;K.value=!0;let n=Date.now();if(t.startsWith("!"))Re("shell","$ Shell",t.slice(1).trim(),{ts:n}),mt({type:"shell-command",command:t.slice(1).trim(),cwd:g.peek().path});else{ae(),Re("user","You",t,{ts:n});let o=re.peek(),a=pt.peek(),i=w.peek()||"claude";mt({type:"agent-command",agent:i,command:t,options:{agent:i,cwd:g.peek().path,sessionId:u.sessionId,configDir:u.configDir,model:y.peek(),...o&&{effort:o},...a&&a!=="default"&&{permissionMode:a},...a==="bypassPermissions"&&{allowDangerouslySkipPermissions:!0}}})}}function xn(){u.sessionId&&mt({type:"abort-session",sessionId:u.sessionId}),K.value=!1}function gn(e){let t=e.startsWith("!"),n=(0,s.$)("chat-input"),o=(0,s.$)("send-btn");if(!n||!o)return;n.classList.toggle("textarea-warning",t),n.style.fontFamily=t?"monospace":"",o.classList.toggle("btn-warning",t),o.classList.toggle("btn-primary",!t),o.textContent=t?"Run":"Send";let a=R[w.peek()]||"agent";n.placeholder=t?"Shell command (without !)\u2026":`Ask ${a}\u2026 or !cmd for shell`}function vn(e){e.style.height="auto",e.style.height=Math.min(e.scrollHeight,140)+"px"}function Ht(e){let t=D(e);if(t==null)return"";let n=new Date(t);if(Number.isNaN(n.getTime()))return"";let o=new Date,a=n.toDateString()===o.toDateString(),i=n.toLocaleTimeString(void 0,{hour:"2-digit",minute:"2-digit",second:"2-digit",hour12:!1});return a?i:`${n.toLocaleDateString(void 0,{month:"numeric",day:"numeric"})} ${i}`}function Pt(e){let t=D(e);return t==null?"":new Date(t).toISOString()}function Qo(e,t,n){if(e==="system")return t;let o=Ht(n),a=Pt(n),i=o?`<div class="msg-ts" title="${(0,s.esc)(a)}">${(0,s.esc)(o)}</div>`:"";return`<div class="msg-row ${e==="user"?"user":e==="shell"||e==="shell-err"?"assistant":e} px-2" data-ts="${(0,s.esc)(a)}">${t}${i}</div>`}function Zo(e,t,n){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 l=/!\[.*?\]\(.*?\)/.test(t)?_t(t):null,d=t.length>Yo,r=d?`<div class="msg-body">${l??(0,s.esc)(t.trimEnd())}</div>${o}`:l??(0,s.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${d?" msg-card":""}${l?" md":""}"${l?"":' style="white-space:pre-wrap"'}>${r}</div>`;break}case"assistant":{let i=t.length>Xo,l=i?`<div class="msg-body">${_t(t)}</div>${o}`:_t(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":""}">${l}</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,s.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,s.esc)(t)}</div>`;break;case"system":return`<div class="text-center text-[11px] text-base-content/30 py-0.5 select-none">${(0,s.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,s.esc)(t)}</div>`}return Qo(e,a,n)}function Re(e,t,n,o={}){let a=(0,s.$)("messages");if(!a)return;let i=D(o.ts)??(e==="system"?null:Date.now());a.insertAdjacentHTML("beforeend",Zo(e,n,i)),wn(a.lastElementChild),te(a,e==="user")}function b(e){Re("system","",e)}async function ea(e,t){let n=await fetch("/api/upload-image",{method:"POST",headers:{Authorization:`Bearer ${u.token}`,"x-filename":t},body:e});if(!n.ok)throw new Error(`Upload failed: ${n.status}`);return(await n.json()).path}function ta(e,t){let n=e.selectionStart,o=e.selectionEnd;e.value=e.value.slice(0,n)+t+e.value.slice(o),e.selectionStart=e.selectionEnd=n+t.length,e.dispatchEvent(new Event("input"))}function yn(){document.addEventListener("paste",async e=>{let t=(0,s.$)("chat-input");if(!t||document.activeElement!==t)return;let o=[...e.clipboardData?.items||[]].find(d=>d.type.startsWith("image/"));if(!o)return;e.preventDefault();let a=o.getAsFile(),i=o.type.split("/")[1]||"png",l=`paste-${Date.now()}.${i}`;t.disabled=!0;try{let d=await ea(a,l);ta(t,`![${l}](${d})`)}catch(d){b(`Image paste failed: ${d.message}`)}finally{t.disabled=!1,t.focus()}})}function ke(e){return e>=1e3?`${(e/1e3).toFixed(1)}k`:String(e)}function vs(e){let t=(0,s.$)("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,s.esc)(e)}
+     </div>`),te(t))}function et(e){if(!e)return;let t=e.input_tokens??e.inputTokens??0,n=e.output_tokens??e.outputTokens??0,o=e.total_tokens??e.totalTokens??t+n,a=e.cache_read_input_tokens??e.cachedReadTokens?` \xB7 ${ke(e.cache_read_input_tokens??e.cachedReadTokens)} cached`:"",i=e.cache_creation_input_tokens??e.cacheCreationInputTokens?` \xB7 ${ke(e.cache_creation_input_tokens??e.cacheCreationInputTokens)} cache-write`:"",l=e.reasoning_tokens??e.reasoningTokens?` \xB7 ${ke(e.reasoning_tokens??e.reasoningTokens)} reason`:"",d=e.costUSD??e.cost_usd,r=d!=null?` \xB7 $${Number(d).toFixed(4)}`:"",c=o?` \xB7 \u03A3${ke(o)}`:"";vs(`\u2191${ke(t)} \u2193${ke(n)}${a}${i}${l}${c}${r}`)}function ys(e){if(!e)return;let t=e.tokensUsed??e.contextTokensUsed,n=e.windowTokens??e.contextWindowTokens,o=e.usagePercent??e.contextWindowUsage;if(t==null&&n==null&&o==null)return;let a=[];t!=null&&n!=null?a.push(`context ${ke(t)} / ${ke(n)}`):t!=null&&a.push(`context ${ke(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`),vs(`\u25A3 ${a.join(" \xB7 ")}`)}function tt(){let e=(0,s.$)("messages"),t=(0,s.$)("permission-requests");e&&(e.innerHTML=""),t&&(t.innerHTML=""),u.shellBubble=null,pe=null,ue=ee=null,je=fe=null}function sa(e){let t=(0,s.$)("messages");if(!t)return null;let n=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${n} whitespace-pre-wrap break-words"></div>`),te(t),t.lastElementChild}function na(e,t){e&&(e.textContent+=t,te(e.closest("#messages")))}function oa(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,ye.peek()==="full"?120:80);return{inputStr:t,preview:o}}function un(e,{inBatch:t=!1}={}){let{inputStr:n,preview:o}=oa(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,s.esc)(e.name||"tool")}</span>
+      <span class="text-base-content/50 truncate flex-1">${(0,s.esc)(o)}</span>
+      <span class="tool-chevron text-[10px] text-base-content/40">\u25B6</span>
+    </div>
+    <div class="tool-detail">${(0,s.esc)(n)}</div>
+  </div>`}function aa(e){let t=[...new Set(e.names)],n=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,s.esc)(n)}</span>
+       <span class="tool-chevron text-[10px] text-base-content/40">\u25B6</span>`)}function ae(){pe=null}function ws(e,t={}){let n=(0,s.$)("messages");if(!n)return;let o=ye.peek()||"normal",a=D(t.ts);if(o==="clean"){if(!pe||!n.contains(pe.el)){let r=Ht(a),c=Pt(a);n.insertAdjacentHTML("beforeend",`
+        <div class="msg-row assistant px-2" data-ts="${(0,s.esc)(c)}">
+          <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>
+          ${r?`<div class="msg-ts" title="${(0,s.esc)(c)}">${(0,s.esc)(r)}</div>`:""}
+        </div>`),pe={el:n.lastElementChild.querySelector(".tool-batch"),names:[],count:0}}pe.names.push(e.name||"tool"),pe.count++,pe.el.querySelector(".tool-batch-list")?.insertAdjacentHTML("beforeend",un(e,{inBatch:!0})),aa(pe),te(n);return}pe=null;let i=Ht(a),l=Pt(a);n.insertAdjacentHTML("beforeend",`
+    <div class="msg-row assistant px-2" data-ts="${(0,s.esc)(l)}">
+      <div class="w-full max-w-[96%]">${un(e)}</div>
+      ${i?`<div class="msg-ts" title="${(0,s.esc)(l)}">${(0,s.esc)(i)}</div>`:""}
+    </div>`),te(n)}function Nt(){let e=(0,s.$)("messages");e&&e.setAttribute("data-density",ye.peek()||"normal")}function ia(e){let t=e.request_id||e.requestId;if(!t||(0,s.$)(`perm-${t}`))return;let n=e.tool_input?JSON.stringify(e.tool_input).slice(0,200):"";(0,s.$)("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,s.esc)(e.tool_name||"")}</strong> ${(0,s.esc)(n)}
+      </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,s.$)("messages").scrollTop=999999}function ra(){if(fn||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]||"",l=i||"text",d=i?`language-${(0,s.esc)(i)}`:"";return`<div class="code-block">
+      <div class="code-block-header">
+        <span class="code-block-lang">${(0,s.esc)(l)}</span>
+        <button type="button" class="code-copy" data-copy="1" title="Copy code">Copy</button>
+      </div>
+      <pre><code class="hljs ${d}">${e(o)}</code></pre>
+    </div>`},n={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:n});else if(typeof marked.setOptions=="function"){let o=new marked.Renderer;o.code=n.code,o.table=n.table,marked.setOptions({gfm:!0,breaks:!0,renderer:o})}}catch(o){console.warn("[md] marked setup failed",o)}fn=!0}function _t(e){if(typeof marked>"u")return(0,s.esc)(e);try{return ra(),marked.parse(String(e??""),{breaks:!0,gfm:!0})}catch{return(0,s.esc)(e)}}function wn(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 kn(){Nt(),(0,s.watch)(K,o=>{(0,s.$)("send-btn")?.classList.toggle("hidden",o),(0,s.$)("stop-btn")?.classList.toggle("hidden",!o);let a=(0,s.$)("chat-input");a&&(a.disabled=o);let i=(0,s.$)("messages");if(!i)return;let l=(0,s.$)("typing-indicator");o&&!l?(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>'),te(i)):o||(l?.remove(),ae())}),(0,s.watch)(ye,()=>Nt()),s.delegate.on("keydown","#chat-input",o=>{o.key==="Enter"&&(o.metaKey||o.ctrlKey)&&(o.preventDefault(),gs())}),s.delegate.on("input","#chat-input",(o,a)=>{vn(a),gn(a.value)}),s.delegate.on("click","[data-perm-id]",(o,a)=>{mt({type:"claude-permission-response",requestId:a.dataset.permId,allow:a.dataset.permAllow==="1"}),a.closest(".perm-banner")?.remove()}),s.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 l=(0,s.$)("messages"),d=a.getBoundingClientRect().top;if(a.classList.toggle("open"),l){let r=a.getBoundingClientRect().top;l.scrollTop+=r-d}}),s.delegate.on("click",".tool-batch",(o,a)=>{if(o.target.closest(".tool-card")&&a.classList.contains("open"))return;let i=(0,s.$)("messages"),l=a.getBoundingClientRect().top;if(a.classList.toggle("open"),i){let d=a.getBoundingClientRect().top;i.scrollTop+=d-l}});let e=(0,s.$)("messages"),t=(0,s.$)("scroll-top-btn"),n=(0,s.$)("scroll-bottom-btn");if(e&&t&&n){let o=()=>{let a=e.scrollHeight-e.clientHeight>200;t.classList.toggle("hidden",!a||e.scrollTop<200),n.classList.toggle("hidden",!a||mn(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"})),n.addEventListener("click",()=>e.scrollTo({top:e.scrollHeight,behavior:"smooth"})),o()}s.delegate.on("click",".msg-expand-btn",(o,a)=>{o.stopPropagation();let l=a.closest(".msg-card").classList.toggle("open");a.textContent=l?"\u25B2 Show less":"\u25BC Show more"}),s.delegate.on("click",".code-copy",async(o,a)=>{o.preventDefault(),o.stopPropagation();let d=a.closest(".code-block")?.querySelector("pre code")?.textContent??"";try{await navigator.clipboard.writeText(d),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 ue,ee,je,fe,Jo,Yo,Xo,pe,fn,st=X(()=>{C();M();W();xt();xt();ue=null,ee=null,je=null,fe=null;Jo={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"};Yo=200,Xo=500;pe=null;fn=!1});function Sn(e,t){$n=e,ks=t,window.addEventListener("hashchange",()=>{if($s){$s=!1;return}Tn(location.hash.slice(1)||"/")}),(0,s.watch)(N,n=>{u.sessionId&&Rt(`/session/${u.sessionId}/${n}`)})}function Ss(e){let t=(e||"").match(/^\/session\/([^/]+)(?:\/([^/]+))?$/);return t?{id:t[1],tab:t[2]||null}:null}function Ln(){Tn(location.hash.slice(1)||"/")}function Tn(e){let t=Ss(e);if(!t){document.dispatchEvent(new CustomEvent("router:home"));return}let{id:n,tab:o}=t;!$n||!ks||(n!==u.sessionId?document.dispatchEvent(new CustomEvent("router:session",{detail:{id:n,tab:o}})):o&&o!==N.peek()&&ks(o))}function Rt(e){$s=!0,location.hash=e}function Ft(){u.sessionId&&Rt(`/session/${u.sessionId}/${N.peek()}`)}var fi,$n,ks,$s,Ut=X(()=>{C();M();fi=(0,s.createRouter)({"/":()=>{},"/session/*":()=>{},"/session/*/*":()=>{},"*":()=>{}}),$n=null,ks=null,$s=!1});async function qt(){try{return await Bt.get("sessions")??null}catch{return null}}async function Mn(e){try{await Bt.set("sessions",e,{ttl:la})}catch{}}async function En(){try{return await Bt.get("workspaces")??null}catch{return null}}async function wt(e){try{await Bt.set("workspaces",e,{ttl:3600*1e3})}catch{}}var Bt,la,Ot=X(()=>{C();Bt=(0,s.idb)("claude-ui"),la=300*1e3});function Yt(e){return Array.isArray(e)?e:e&&Array.isArray(e.results)?e.results:e&&Array.isArray(e.sessions)?e.sessions:[]}function qe(){let e=Yt(E.peek()),t=S.peek();$.peek()&&t&&(e=e.filter(o=>o&&(!o.machineId||o.machineId===t)));let n=V.peek();return n&&n!=="all"&&(e=e.filter(o=>o&&(o.agent||"claude")===n)),e}function Gn(e){let t=e.getFullYear(),n=String(e.getMonth()+1).padStart(2,"0"),o=String(e.getDate()).padStart(2,"0");return`${t}-${n}-${o}`}function ga(e,t){let n=[],a=new Date(e,t,1).getDay(),l=new Date(e,t+1,0).getDate(),d=new Date(e,t,0).getDate();for(let c=a-1;c>=0;c--)n.push({date:new Date(e,t-1,d-c),isCurrentMonth:!1});for(let c=1;c<=l;c++)n.push({date:new Date(e,t,c),isCurrentMonth:!0});let r=7-n.length%7;if(r<7)for(let c=1;c<=r;c++)n.push({date:new Date(e,t+1,c),isCurrentMonth:!1});return n}function zn(e,t){let n=new Date(e.getFullYear(),e.getMonth(),e.getDate()).getTime(),o=n+1440*60*1e3;return t.filter(a=>{let i=D(a.updatedAt);return i!=null&&i>=n&&i<o})}function Jn(e){return e==null||isNaN(e)?"0":e>=1e6?`${(e/1e6).toFixed(1)}M`:e>=1e3?`${(e/1e3).toFixed(1)}K`:String(e)}function Oe(e){let t=(0,s.$)("calendar-grid");if(!t)return;e=Yt(e??qe());let n=(0,s.$)("calendar-month-year");if(n){let p=new Date(Vt,Be,1);n.textContent=p.toLocaleDateString([],{month:"long",year:"numeric"})}let o=e.length,a=new Set(e.map(p=>p.cwd).filter(Boolean)).size,i=e.reduce((p,f)=>p+(Number(f.totalTokens)||0),0),l=(0,s.$)("stats-total-sessions"),d=(0,s.$)("stats-total-projects"),r=(0,s.$)("stats-total-tokens");l&&(l.textContent=String(o)),d&&(d.textContent=String(a)),r&&(r.textContent=Jn(i));let c=ga(Vt,Be);St||(St=Gn(new Date)),t.innerHTML=c.map(p=>{let f=p.date,m=Gn(f),L=zn(f,e).length,ie=f.toDateString()===new Date().toDateString(),_e=m===St,Me="",He="text-base-content/65",xe="border border-transparent",v="cursor-default",Ee=p.isCurrentMonth?"":"opacity-25";L>0?(v="cursor-pointer",L<=2?(Me="bg-primary/15",He="text-primary font-bold",xe="border border-primary/30"):L<=5?(Me="bg-primary/30",He="text-primary font-bold",xe="border border-primary/50"):(Me="bg-primary/60",He="text-primary-content font-bold",xe="border border-primary/80")):(Me="bg-base-300/25",p.isCurrentMonth&&(v="hover:bg-base-300/50")),ie?xe="border-2 border-primary":_e&&(xe="border-2 border-accent");let J=f.getDate()===1?`<span class="absolute top-0.5 left-1 text-[8px] opacity-60 uppercase">${f.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] ${Me} ${He} ${xe} ${v} ${Ee}" 
+           data-cal-date="${m}" title="${f.toDateString()}: ${L} session(s)">
+        ${J}
+        <span class="text-sm font-semibold">${f.getDate()}</span>
+        ${L>0?`<span class="text-[10px] mt-0.5 opacity-80 font-medium whitespace-nowrap">${L}s</span>`:""}
+      </div>`}).join(""),va(e),ya(e)}function va(e){let t=(0,s.$)("selected-day-title"),n=(0,s.$)("selected-day-sessions");if(!t||!n)return;let[o,a,i]=St.split("-").map(Number),l=new Date(o,a-1,i);t.textContent=`Activity on ${l.toLocaleDateString([],{weekday:"short",month:"short",day:"numeric",year:"numeric"})}`,e=Yt(e);let d=zn(l,e),r=d.reduce((p,f)=>p+(Number(f.totalTokens)||0),0),c=(0,s.$)("stats-selected-tokens");if(c&&(c.textContent=Jn(r)),!d.length){n.innerHTML='<div class="text-center text-xs text-base-content/40 my-auto py-6">No sessions active on this day</div>';return}d.sort((p,f)=>(D(f.updatedAt)||0)-(D(p.updatedAt)||0)),n.innerHTML=d.map(p=>{let f=D(p.updatedAt),m=f!=null?new Date(f).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 ${u.sessionId===p.sessionId?"border-primary bg-primary/5":""}"
+           data-session-id="${(0,s.esc)(p.sessionId)}"
+           data-session-cwd="${(0,s.esc)(p.cwd||"")}"
+           data-session-config-dir="${(0,s.esc)(p.configDir||"")}"
+           data-session-agent="${(0,s.esc)(p.agent||"claude")}"
+           data-session-machine="${(0,s.esc)(p.machineId||"")}">
+        <div class="flex-shrink-0">${Qe(p.agent)}</div>
+        <div class="flex-1 min-w-0">
+          <div class="text-xs font-semibold truncate text-base-content/90">${(0,s.esc)(Ye(p))}</div>
+          <div class="text-[10px] text-base-content/40 truncate mt-0.5">${(0,s.esc)(p.projectName||Ze(p.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 ya(e){let t=(0,s.$)("recent-sessions-list");if(!t)return;e=Yt(e);let n=[...e].sort((o,a)=>(D(a.updatedAt)||0)-(D(o.updatedAt)||0)).slice(0,6);if(!n.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=n.map(o=>{let a=bt(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 ${u.sessionId===o.sessionId?"border-primary bg-primary/5":""}"
+           data-session-id="${(0,s.esc)(o.sessionId)}"
+           data-session-cwd="${(0,s.esc)(o.cwd||"")}"
+           data-session-config-dir="${(0,s.esc)(o.configDir||"")}"
+           data-session-agent="${(0,s.esc)(o.agent||"claude")}"
+           data-session-machine="${(0,s.esc)(o.machineId||"")}">
+        <div class="flex-shrink-0">${Qe(o.agent)}</div>
+        <div class="flex-1 min-w-0">
+          <div class="text-xs font-bold truncate text-base-content/95">${(0,s.esc)(Ye(o))}</div>
+          <div class="text-[10px] text-base-content/40 truncate mt-1">${(0,s.esc)(o.projectName||Ze(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 Kn(e){St=e}function As(e){Be+=e,Be<0?(Be=11,Vt--):Be>11&&(Be=0,Vt++)}var Vt,Be,St,js=X(()=>{C();M();xt();Vt=new Date().getFullYear(),Be=new Date().getMonth(),St=null});function Vn(e){return Array.isArray(e)?e:e&&Array.isArray(e.results)?e.results:e&&Array.isArray(e.sessions)?e.sessions:[]}async function Le({waitFresh:e=!0}={}){let t=Vn(await qt());if(t.length){let o=S.peek();if($.peek()&&o){let a=t.filter(i=>!i.machineId||i.machineId===o);E.value=a.length?a:t}else E.value=t}let n=async()=>{let o=Vn(await h("GET","/api/sessions"));return E.value=o,Mn(o),o};if(e||!t.length)try{await n()}catch(o){if(!t.length){let a=(0,s.$)("session-list");a&&(a.innerHTML=`<div class="px-3 py-3 text-xs text-error">${(0,s.esc)(o.message)}</div>`)}}else n().catch(()=>{})}async function Lt({waitFresh:e=!0}={}){let t=await En();t&&(H.value=t);let n=async()=>{let o=await h("GET","/api/workspaces");H.value=o,wt(o)};if(e||!t)try{await n()}catch{}else n().catch(()=>{})}function Qn(e,{showProject:t=!1}={}){let n=u.sessionId===e.sessionId&&(u.agent||w.peek())===(e.agent||"claude"),o=k.peek()?.[Q(e.agent,e.sessionId,e.machineId)]||{},a=!!(o.title&&String(o.title).trim()),i=e.snippet&&P.peek()?e.snippet:Ye(e),l=!!o.favorite,d=!!(o.notes&&String(o.notes).trim()),r=Number(e.turnCount)||0,c=r>0&&r<=fs,p=t?`<div class="text-[10px] text-base-content/40 font-mono truncate" title="${(0,s.esc)(e.cwd||"")}">${(0,s.esc)(e.projectName||Ze(e.cwd)||"\u2014")}</div>`:"",f=[c?`<span class="session-thin-badge" title="Only ${r} turn${r===1?"":"s"}">thin\xB7${r}</span>`:"",a?`<span class="session-renamed-badge" title="Custom name (original: ${(0,s.esc)(e.display||"")})">\u270E</span>`:"",d?`<span class="session-note-dot" title="${(0,s.esc)(o.notes)}">\u{1F4DD}</span>`:""].filter(Boolean).join(""),m=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,s.esc)(e.machineId)}</span>`:"",x=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
+              ${n?"border-primary bg-primary/5":"border-transparent"} ${l?"session-fav":""} ${c?"session-thin":""}"
+       data-session-id="${(0,s.esc)(e.sessionId)}"
+       data-session-cwd="${(0,s.esc)(e.cwd||"")}"
+       data-session-config-dir="${(0,s.esc)(e.configDir||"")}"
+       data-session-agent="${(0,s.esc)(e.agent||"claude")}"
+       data-session-machine="${(0,s.esc)(e.machineId||"")}"
+       data-session-display="${(0,s.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 ${l?"is-fav":""}"
+              data-fav-toggle="1"
+              data-fav-session-id="${(0,s.esc)(e.sessionId)}"
+              data-fav-session-agent="${(0,s.esc)(e.agent||"claude")}"
+              data-fav-session-machine="${(0,s.esc)(e.machineId||"")}"
+              title="${l?"Unfavorite":"Favorite"}">${l?"\u2605":"\u2606"}</button>
+      ${Qe(e.agent)}
+      <div class="min-w-0 flex-1">
+        <div class="session-title-wrap flex items-center gap-1 min-w-0"
+             data-session-id="${(0,s.esc)(e.sessionId)}"
+             data-rename-session-id="${(0,s.esc)(e.sessionId)}"
+             data-rename-session-agent="${(0,s.esc)(e.agent||"claude")}"
+             data-rename-session-machine="${(0,s.esc)(e.machineId||"")}"
+             data-rename-session-display="${(0,s.esc)(e.display||"")}">
+          <div class="session-title-text text-[11px] leading-snug truncate flex-1 min-w-0 ${n?"text-primary font-medium":"text-base-content/85"} ${a?"session-title-renamed":""}"
+               data-rename-session="1"
+               title="${(0,s.esc)(x)} \xB7 click to rename">${(0,s.esc)(i)}</div>
+          <button type="button" class="session-rename-btn flex-shrink-0"
+                  data-rename-session="1"
+                  title="Rename session">\u270E</button>
+        </div>
+        ${p}
+        ${f||m?`<div class="flex items-center gap-1 mt-0.5 flex-wrap">${m}${f}</div>`:""}
+      </div>
+      <span class="text-[9px] text-base-content/30 flex-shrink-0 mt-0.5">${bt(e.updatedAt)}</span>
+    </div>
+  </div>`}async function Is(){try{let e=await h("GET","/api/agents");Je.value=e;let t=w.peek()||"claude",n=ce(t),o=y.peek();if(o&&!n.some(a=>a.value===o)){let a=oe(t);y.value=a,localStorage.setItem("model",a)}return me(),e}catch(e){return console.warn("[agents] failed to load model list",e),null}}function Ds(){let e=(0,s.$)("sel-effort");if(!e)return;let t=w.peek()||"claude",n=y.peek(),o=ft(t,n),a=re.peek()||"",i=['<option value="">effort: off</option>'].concat(o.map(l=>`<option value="${(0,s.esc)(l)}" ${l===a?"selected":""}>${(0,s.esc)(l)}</option>`));e.innerHTML=i.join(""),a&&!o.includes(a)?(re.value="",e.value=""):e.value=a}function me(){let e=(0,s.$)("sel-model");if(!e)return;let t=w.peek()||"claude",n=ce(t),o=y.peek();if(o&&!n.some(i=>i.value===o)&&(n=[{value:o,label:`${o} \u2605`,custom:!0},...n]),e.innerHTML=n.map(i=>`<option value="${(0,s.esc)(i.value)}" ${i.value===o?"selected":""}>${(0,s.esc)(i.label)}</option>`).join(""),n.some(i=>i.value===o))e.value=o;else{let i=oe(t)||n[0]?.value;y.value=i,localStorage.setItem("model",i),e.value=i,o=i}let a=(0,s.$)("sel-agent");a&&(a.value=t),Ds()}function _s({editCurrent:e=!1}={}){let t=w.peek()||"claude",n=e&&y.peek()||"",o=e?`Edit model id for ${t}:`:`Add model id for ${t} (saved in this browser):`,a=window.prompt(o,n);if(a==null)return;let i=a.trim();i&&(e&&n&&n!==i&&jt(t).includes(n)&&bs(t,n),ut(t,i),y.value=i,localStorage.setItem("model",i),me())}function wa(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=Ge.value,n=ze.value,o=!!P.value.trim(),a=e[0]?.cwd||"(no path)";return e.map(i=>{let l=i.cwd||"(no path)",d=!1;n.has(l)?d=!1:t.has(l)?d=!0:d=o||l===a||e.length<=3;let r=i.latest?.display||i.latest?.snippet||"",c=i.machineId?`<span class="text-[9px] font-mono text-base-content/40 flex-shrink-0">@${(0,s.esc)(i.machineId)}</span>`:"",p=`
+      <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,s.esc)(l)}" data-project-cwd="${(0,s.esc)(i.cwd||"")}" data-project-machine="${(0,s.esc)(i.machineId||"")}">
+        <div class="flex items-center gap-1.5">
+          <span class="text-[10px] text-base-content/40 w-3 flex-shrink-0">${d?"\u25BE":"\u25B8"}</span>
+          <span class="text-[12px] font-semibold truncate flex-1" title="${(0,s.esc)(i.cwd||"")}">${(0,s.esc)(i.projectName)}</span>
+          ${c}
+          <span class="text-[9px] text-base-content/30 flex-shrink-0">${bt(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,s.esc)(i.cwd||"")}">${(0,s.esc)(Ze(i.cwd))}</span>
+          <span class="flex items-center gap-0.5 flex-shrink-0">${pn(i.agents)}</span>
+        </div>
+        ${r&&!d?`<div class="pl-4 mt-0.5 text-[10px] text-base-content/45 truncate" title="${(0,s.esc)(r)}">\u21B3 ${(0,s.esc)(r)}</div>`:""}
+      </div>`,f=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=d?`<div class="pb-1 border-b border-base-300/30">${f.map(L=>Qn(L)).join("")}${m}</div>`:"";return p+x}).join("")}function ka(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 n of e){let a=(n.updatedAt?new Date(n.updatedAt):new Date).toLocaleDateString(void 0,{weekday:"short",month:"short",day:"numeric"});t.has(a)||t.set(a,[]),t.get(a).push(n)}return[...t.entries()].map(([n,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,s.esc)(n)}</div>
+    ${o.map(a=>Qn(a,{showProject:!0})).join("")}
+  `).join("")}function Zn(){let e=ge.value,t=Array.isArray(Ae.value)?Ae.value:[],n=Array.isArray(Pe.value)?Pe.value:[];return e==="timeline"?ka(t):wa(n)}function eo(){document.querySelectorAll("[data-view]").forEach(i=>{let l=i.dataset.view===ge.peek();i.classList.toggle("bg-primary/15",l),i.classList.toggle("text-primary",l),i.classList.toggle("font-medium",l),i.classList.toggle("text-base-content/50",!l)}),document.querySelectorAll("[data-agent-filter]").forEach(i=>{i.classList.toggle("active",i.dataset.agentFilter===V.peek())});let e=(0,s.$)("time-range");e&&e.value!==ne.peek()&&(e.value=ne.peek());let t=(0,s.$)("search-status");if(!t)return;let n=le.peek(),o=Array.isArray(n?.results)?n.results:null,a=(P.peek()||"").trim();if(ve.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 ${ne.peek()==="0"?"all time":ne.peek()+"d"}${n.deep===!1?"":" (incl. content)"}`;else if(a)t.classList.remove("hidden"),t.textContent="Local filter only \u2014 type to deep-search";else{let i=Ae.peek(),l=Pe.peek(),d=Array.isArray(i)?i.length:0,r=Array.isArray(l)?l.length:0;t.classList.remove("hidden"),t.textContent=ge.peek()==="projects"?`${r} project${r===1?"":"s"} \xB7 ${d} session${d===1?"":"s"}`:`${d} recent session${d===1?"":"s"}`}}async function Hs(e){let t=(e||"").trim();if(!t){le.value=null,ve.value=!1;return}ve.value=!0;try{let n=new URLSearchParams({q:t,days:ne.peek()||"14",limit:"50",deep:"1"});V.peek()&&V.peek()!=="all"&&n.set("agent",V.peek());let o=await h("GET",`/api/activity?${n}`);P.peek().trim()===t&&(le.value={q:t.toLowerCase(),results:o.results||[],deep:!0})}catch(n){P.peek().trim()===t&&(le.value={q:t.toLowerCase(),results:[],error:n.message})}finally{ve.value=!1}}function Xt(e){clearTimeout(Yn);let t=(e||"").trim();if(!t){le.value=null,ve.value=!1;return}Yn=setTimeout(()=>Hs(t),350)}function Xn(e){if(!e)return"";if(typeof marked>"u")return`<pre class="whitespace-pre-wrap text-xs">${(0,s.esc)(e)}</pre>`;try{return marked.parse(String(e),{breaks:!0,gfm:!0})}catch{return`<pre class="whitespace-pre-wrap text-xs">${(0,s.esc)(e)}</pre>`}}async function Ps(){let e=(0,s.$)("memory-area");if(e){if(!u.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:u.agent||w.peek()||"claude"}),n=await h("GET",`/api/sessions/${u.sessionId}/memory?${t}`),o=[];n.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">${Xn(n.index)}</div></div>`);for(let a of n.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,s.esc)(a.name)}</div>
+                    <div class="px-3 py-2 md">${Xn(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,s.esc)(t?.message??String(t))}</div>`}}}var Yn,it=X(()=>{C();M();W();Ot();xt();Yn=null});function to(e,t){Qt=e||"",Zt=t||""}async function so(e){let t=(0,s.$)("project-notes-bar");if(t)try{let n=await h("GET",`/api/projects/notes?root=${encodeURIComponent(e)}`);Qt=n.goal||"",Zt=n.notes||"",rt(),t.style.display="flex"}catch(n){console.error("Error fetching project notes:",n),t.style.display="none"}}function rt(){let e=(0,s.$)("project-notes-bar");if(!e)return;let t=Qt||"No goal yet \u2014 click Edit",n=Zt||"";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,s.esc)(t)}</span>
+        </div>
+        ${n?`<div class="mt-0.5 text-base-content/55 line-clamp-2 whitespace-pre-wrap" id="project-notes-text" title="${(0,s.esc)(n)}"><span class="font-bold text-base-content/35 uppercase mr-1">Notes:</span>${(0,s.esc)(n)}</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 no(){let e=(0,s.$)("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,s.esc)(Qt)}">
+      </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,s.esc)(Zt)}</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,s.$)("project-goal-input")?.focus())}async function Tt(){try{let e=await h("GET","/api/sessions/meta");k.value=e||{}}catch(e){console.warn("session meta load failed",e)}}function he(){let e=(0,s.$)("session-notes-bar");if(!e)return;let t=u.sessionId,n=u.agent||w.peek()||"claude";if(!t){e.style.display="none",e.innerHTML="";return}if(e.querySelector(".session-rename-input"))return;let o=Ve(n,t),a=(o.notes||"").trim(),i=!!o.favorite,d=(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,s.esc)(t)}" data-fav-session-agent="${(0,s.esc)(n)}"
+              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 cursor-text hover:text-primary"
+            title="Click to rename"
+            data-rename-bar="1">${(0,s.esc)(d)}</span>
+      <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,s.esc)(a||"Add a note for this session")}">${(0,s.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 oo(){let e=(0,s.$)("session-notes-bar");if(!e||!u.sessionId)return;let t=u.agent||w.peek()||"claude",n=Ve(t,u.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,s.esc)(n.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,s.$)("session-notes-input");o?.focus(),o?.select()}async function ao(e,t){let n=Q(t,e),o=k.peek()?.[n]||{favorite:!1,notes:"",title:""},a=!o.favorite;k.value={...k.peek(),[n]:{...o,favorite:a,updatedAt:Date.now()}};try{await h("PUT","/api/sessions/meta",{sessionId:e,agent:t,favorite:a})}catch(i){k.value={...k.peek(),[n]:o},alert(`Favorite failed: ${i.message}`)}u.sessionId===e&&he()}async function Ns(e,t,n){let o=Q(t,e),a=k.peek()?.[o]||{favorite:!1,notes:"",title:""};try{let i=await h("PUT","/api/sessions/meta",{sessionId:e,agent:t,notes:n});k.value={...k.peek(),[o]:{favorite:i.favorite??a.favorite,notes:i.notes??n,title:i.title??a.title??"",updatedAt:Date.now()}}}catch(i){return alert(`Save note failed: ${i.message}`),!1}return!0}async function $a(e,t,n,{machineId:o}={}){if(!e)return!1;let a=Q(t,e,o),i=k.peek()?.[a]||{favorite:!1,notes:"",title:""},l=String(n||"").trim().slice(0,200);k.value={...k.peek(),[a]:{...i,title:l,updatedAt:Date.now()}};try{let d=await h("PUT","/api/sessions/meta",{sessionId:e,agent:t,title:l});if(k.value={...k.peek(),[a]:{favorite:d.favorite??i.favorite,notes:d.notes??i.notes??"",title:d.title!==void 0?d.title:l,updatedAt:Date.now()}},!d.title&&!d.favorite&&!d.notes){let r={...k.peek()};!l&&!i.favorite&&!(i.notes||"").trim()&&(delete r[a],k.value=r)}}catch(d){return k.value={...k.peek(),[a]:i},alert(`Rename failed: ${d.message}`),!1}return u.sessionId===e&&he(),!0}function Rs({sessionId:e,agent:t="claude",machineId:n=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 l=(Ve(t,e,n).title||"").trim()||o||e.slice(0,8),d=a.innerHTML,r=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,s.esc)(l)}"
+    placeholder="Session name (empty = original)"
+    maxlength="200"
+    data-rename-input="1"
+    data-rename-session-id="${(0,s.esc)(e)}"
+    data-rename-session-agent="${(0,s.esc)(t)}"
+    data-rename-session-machine="${(0,s.esc)(n||"")}"
+    autocomplete="off" spellcheck="false" />`;let c=a.querySelector(".session-rename-input");if(!c)return;let p=!1,f=async m=>{if(p)return;p=!0;let x=m?c.value:l;if(a.className=r,!m){a.innerHTML=d;return}await $a(e,t,x,{machineId:n}),document.querySelectorAll(".session-rename-input").forEach(L=>L.remove()),u.sessionId===e&&he(),k.value={...k.peek()}};c.addEventListener("keydown",m=>{m.stopPropagation(),m.key==="Enter"?(m.preventDefault(),f(!0)):m.key==="Escape"&&(m.preventDefault(),f(!1))}),c.addEventListener("click",m=>m.stopPropagation()),c.addEventListener("mousedown",m=>m.stopPropagation()),c.addEventListener("session-rename-cancel",()=>f(!1)),c.addEventListener("blur",()=>{setTimeout(()=>f(!0),0)}),requestAnimationFrame(()=>{c.focus(),c.select()})}var Qt,Zt,Mt=X(()=>{C();M();W();Qt="",Zt=""});var lo={};sn(lo,{goHome:()=>ts,openProject:()=>Fs,resumeSession:()=>be,switchTab:()=>Te});function es(e){for(let t of["files-machine-hint","git-machine-hint"]){let n=(0,s.$)(t);n&&(e?(n.textContent=`@${e}`,n.classList.remove("hidden"),n.title=`Paths are on machine ${e}`):(n.textContent="",n.classList.add("hidden"),n.title=""))}}function Fs(e){let t=e?.path||"";(0,s.batch)(()=>{g.value=e,F.value=t,t&&(B.value=t,O.value=t,A.value="",U.value=null)}),u.sessionId=null,(0,s.$)("topbar-project").textContent=t||"Project";let n=(0,s.$)("files-root-input");n&&t&&(n.value=t);let o=(0,s.$)("git-root-input");o&&t&&(o.value=t),es(e?.machineId||S.peek()||u.machineId),(0,s.$)("welcome").classList.add("hidden");let a=(0,s.$)("project-view");a.classList.remove("hidden"),a.style.display="flex",tt(),yt(),Te("chat")}function ts(){g.value=null,F.value=null,B.value="",O.value="",A.value="",U.value=null,u.sessionId=null,es(null),document.documentElement.classList.remove("boot-restore");let e=(0,s.$)("topbar-project");e&&(e.textContent="Select a session");let t=(0,s.$)("welcome");t&&(t.classList.remove("hidden"),t.style.display="",Oe(qe()));let n=(0,s.$)("project-view");n&&(n.classList.add("hidden"),n.style.display="none"),Rt("/")}async function be(e,t,n,o,a,i={}){let l=i.tab&&["chat","files","git","shell","memory"].includes(i.tab)?i.tab:"chat",d=i.skipHistory??(l!=="chat"&&l!=="memory"),r=E.peek().find(v=>v.sessionId===e&&(!a||v.machineId===a||!v.machineId)),c=Ne(),p=c?.sessionId===e?c:null,f=o||r?.agent||p?.agent||"claude",m=a||r?.machineId||p?.machineId||S.peek()||null,x=t||r?.cwd||p?.cwd||null,L=n||r?.configDir||p?.configDir||null;if(m&&m!==u.machineId){Z(m);try{u.ws?.close()}catch{}u.ws=null}u.sessionId=e,u.configDir=L,u.agent=f,de(f),me();let ie=x;io(ie,m,e),yt(),ie&&h("POST","/api/resolve-path",{path:ie},void 0,{machineId:m||void 0}).then(v=>{u.sessionId!==e||!v?.path||v.path===ie||(ie=v.path,io(ie,m,e),xs({sessionId:e,cwd:ie}))}).catch(()=>{}),tt(),Te(l);{let v=E.peek();E.value=Array.isArray(v)?[...v]:[]}xs({sessionId:e,cwd:ie||x,configDir:L,agent:f,machineId:m,tab:l});let _e=R[f]||f,Me=`${m||""}:${f}:${e}`,He=(v,Ee,J={})=>{if(u.sessionId!==e)return;if((0,s.$)("messages").innerHTML="",!v.length){b(`${_e} \xB7 ${e.slice(0,8)}\u2026 \u2014 no history`);return}ae();let At=40,Ce=0,dt=()=>{if(u.sessionId!==e)return;let Do=Math.min(Ce+At,v.length);for(;Ce<Do;Ce++){let I=v[Ce],Zs=D(I.ts??I.timestamp);I.type==="text"?((I.role==="assistant"||I.role==="user")&&ae(),Re(I.role==="user"?"user":"assistant",I.role==="user"?"You":_e,I.content,{ts:Zs})):I.type==="tool_use"?ws({name:I.name,input:I.input??{}},{ts:Zs}):I.type==="token_usage"&&(ae(),et(I.usage))}if(Ce<v.length){requestAnimationFrame(dt);return}ae(),Ee&&ys(Ee);let Qs=v.filter(I=>I.type==="token_usage").length||v.filter(I=>I.role==="user").length,_o=J.truncated?` (showing last ${v.length} of ${J.total||"?"})`:"";b(`\u2500\u2500 ${_e} history \xB7 ${Qs} turn${Qs!==1?"s":""}${_o} \u2500\u2500`)};dt()},xe=async()=>{let v=ro.get(Me);if(v&&Date.now()-v.at<Sa){He(v.msgs,v.context,v.meta);return}b(`Loading ${_e} history\u2026`);try{let Ee=new URLSearchParams({agent:f,tail:"120"}),J=await h("GET",`/api/sessions/${e}/messages?${Ee}`),At=Array.isArray(J)?J:J.messages||[],Ce=Array.isArray(J)?null:J.context||null,dt=Array.isArray(J)?{}:{truncated:J.truncated,total:J.total};ro.set(Me,{msgs:At,context:Ce,meta:dt,at:Date.now()}),He(At,Ce,dt)}catch(Ee){if(u.sessionId!==e)return;(0,s.$)("messages").innerHTML="",b(`${_e} \xB7 ${e.slice(0,8)}\u2026 (history unavailable: ${Ee.message})`)}};d?xe().catch(()=>{}):(await new Promise(v=>requestAnimationFrame(v)),xe().catch(()=>{})),Ft(),he()}function io(e,t,n){if(e){let o=e.split("/").filter(Boolean).pop()||e;(0,s.batch)(()=>{g.value={id:o,name:o,path:e,machineId:t},F.value=e,B.value=e,O.value=e,A.value="",U.value=null}),(0,s.$)("topbar-project").textContent=t?`${e}  @${t}`:e;let a=(0,s.$)("files-root-input");a&&(a.value=e);let i=(0,s.$)("git-root-input");i&&(i.value=e),es(t),(0,s.$)("welcome")?.classList.add("hidden");let l=(0,s.$)("project-view");l&&(l.classList.remove("hidden"),l.style.display="flex",l.style.flexDirection="column",l.style.flex="1",l.style.minHeight="0",l.style.overflow="hidden")}else{(0,s.$)("welcome")?.classList.add("hidden");let o=(0,s.$)("project-view");o&&(o.classList.remove("hidden"),o.style.display="flex",o.style.flexDirection="column",o.style.flex="1",o.style.minHeight="0"),es(t)}}function Te(e){N.value=e}var ro,Sa,Et=X(()=>{C();M();W();Dt();st();Ut();it();Mt();js();ro=new Map,Sa=180*1e3});M();W();C();M();W();Dt();st();Ut();C();W();M();Ot();function Cn(){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>`),Wt(),document.getElementById("ws-add-btn").addEventListener("click",Ls),document.getElementById("ws-new-name").addEventListener("keydown",e=>{e.key==="Enter"&&Ls()}),document.getElementById("ws-new-dir").addEventListener("keydown",e=>{e.key==="Enter"&&Ls()})}function Wt(){let e=(0,s.$)("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(n=>`
+    <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,s.esc)(n.name)}</div>
+        <div class="text-xs font-mono text-base-content/50 truncate">${(0,s.esc)(n.configDir)}</div>
+      </div>
+      ${t.length>1?`<button class="btn btn-ghost btn-xs text-error" data-ws-delete="${(0,s.esc)(n.id)}">\u2715</button>`:'<span class="text-[10px] text-base-content/30">default</span>'}
+    </div>`).join(""),e.querySelectorAll("[data-ws-delete]").forEach(n=>{n.addEventListener("click",()=>ca(n.dataset.wsDelete))})}async function Ls(){let e=(0,s.$)("ws-new-name").value.trim(),t=(0,s.$)("ws-new-dir").value.trim(),n=(0,s.$)("ws-error");if(n.classList.add("hidden"),!e||!t){n.textContent="Name and path are required",n.classList.remove("hidden");return}try{let o=await h("POST","/api/workspaces",{name:e,configDir:t});H.value=[...H.peek(),o],wt(H.peek()),(0,s.$)("ws-new-name").value="",(0,s.$)("ws-new-dir").value="",Wt()}catch(o){n.textContent=o.message,n.classList.remove("hidden")}}async function ca(e){try{await h("DELETE",`/api/workspaces/${e}`),H.value=H.peek().filter(t=>t.id!==e),wt(H.peek()),Wt()}catch(t){alert(t.message)}}function An(){Wt(),(0,s.$)("modal-settings")?.showModal()}C();W();M();var Kt=!1,Ie="chat",nt=!1,q=null,Y=null,Fe=[],jn=0,Gt=null,Ts=localStorage.getItem("ai_last_auto_report")||"",Jt=[],Hn="",De="ma_last_session_id";function ot(e){if(typeof marked<"u")try{return marked.parse(String(e??""),{breaks:!0,gfm:!0})}catch{}return(0,s.esc)(e).replace(/\n/g,"<br>")}function at(e){!e||typeof hljs>"u"||e.querySelectorAll("pre code").forEach(t=>{try{hljs.highlightElement(t)}catch{}})}async function Ms(e,t,n){let o=ht({"Content-Type":"application/json"}),a=await fetch(e,{method:"POST",headers:o,body:JSON.stringify(t||{})});if(!a.ok){let c=await a.json().catch(()=>({}));throw new Error(c.error||`HTTP ${a.status}`)}let i=a.body.getReader(),l=new TextDecoder,d="",r="message";for(;;){let{done:c,value:p}=await i.read();if(c)break;d+=l.decode(p,{stream:!0});let f=d.split(`
+`);d=f.pop()||"";for(let m of f)if(m.startsWith("event:"))r=m.slice(6).trim();else if(m.startsWith("data:")){let x=m.slice(5).trim();if(!x)continue;let L;try{L=JSON.parse(x)}catch{continue}n[r]?.(L),n.any?.(r,L),r="message"}else m.trim()===""&&(r="message")}}function da(){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){Ie=e;let t=(0,s.$)("ma-mode-chat"),n=(0,s.$)("ma-mode-history"),o=(0,s.$)("ma-mode-report"),a=(0,s.$)("ma-mode-config");for(let[l,d]of[[t,"chat"],[n,"history"],[o,"report"],[a,"config"]]){if(!l)continue;let r=e===d;l.classList.toggle("hidden",!r),l.classList.toggle("flex",r)}let i=(l,d)=>{let r=(0,s.$)(l);r&&(r.classList.toggle("border-primary/40",d),r.classList.toggle("text-primary",d))};i("ma-btn-chat",e==="chat"),i("ma-btn-history",e==="history"),i("ma-btn-report",e==="report"),e==="history"&&Ue()}function $t(){let e=(0,s.$)("ma-session-title"),t=(0,s.$)("ma-resume-bar"),n=(0,s.$)("ma-resume-text");if(!q){e&&(e.textContent="\u65B0\u5BF9\u8BDD"),t?.classList.add("hidden");return}let o=Y?.title||q.slice(0,8),a=Fn(Y?.updatedAt);if(e&&(e.textContent=a?`${o} \xB7 ${a}`:o),t&&n){t.classList.remove("hidden");let i=Y?.messageCount;n.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 Es(e="chat"){let t=(0,s.$)("meta-agent-panel");if(t){if(t.classList.remove("hidden"),t.setAttribute("aria-hidden","false"),Kt=!0,se(e),e==="chat"){$e();let n=localStorage.getItem(De);!q&&n?Se(n,{silent:!0}).catch(()=>{localStorage.removeItem(De)}):$t()}e==="history"&&$e().then(()=>Ue()),e==="report"&&Un(),e==="config"&&Bn(),setTimeout(()=>{Ie==="chat"&&(0,s.$)("ma-input")?.focus(),Ie==="history"&&(0,s.$)("ma-history-search")?.focus()},50)}}function Pn(){let e=(0,s.$)("meta-agent-panel");e&&(e.classList.add("hidden"),e.setAttribute("aria-hidden","true"),Kt=!1)}function Nn(){Kt?Pn():Es(Ie==="config"?"chat":Ie)}function _(e,t,n={}){let o=(0,s.$)("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,s.esc)(t)}</div>`:e==="assistant"?(a.innerHTML=`<div class="ma-bubble assistant md">${ot(t)}</div>`,at(a)):e==="error"?a.innerHTML=`<div class="ma-bubble error">${(0,s.esc)(t)}</div>`:e==="system"?a.innerHTML=`<div class="ma-sys">${(0,s.esc)(t)}</div>`:e==="tool"&&(a.innerHTML=`<div class="ma-tool" data-tool-id="${(0,s.esc)(n.id||"")}">
+      <span class="ma-tool-name">${(0,s.esc)(n.name||"tool")}</span>
+      <span class="ma-tool-phase">${(0,s.esc)(n.phase||"")}</span>
+      <pre class="ma-tool-args">${(0,s.esc)(JSON.stringify(n.args||{},null,0).slice(0,200))}</pre>
+    </div>`),o.appendChild(a),o.scrollTop=o.scrollHeight,a}function In(e,t){let n=e?.querySelector(".ma-bubble");n&&(n.innerHTML=ot(t),at(n),(0,s.$)("ma-messages").scrollTop=(0,s.$)("ma-messages").scrollHeight)}function Rn(e,t,n){let o=(0,s.$)("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),n&&t!=="start"){let l=a.querySelector(".ma-tool-result");l||(l=document.createElement("pre"),l.className="ma-tool-result",a.appendChild(l)),l.textContent=JSON.stringify(n,null,0).slice(0,500)}}function pa(){return jn+=1,`img${jn}`}function ua(e,t){if(!e)return;let n=e.selectionStart??e.value.length,o=e.selectionEnd??e.value.length;e.value=e.value.slice(0,n)+t+e.value.slice(o),e.selectionStart=e.selectionEnd=n+t.length,e.dispatchEvent(new Event("input"))}async function Dn(e,t){let n=ht({"x-filename":t||`paste-${Date.now()}.png`});delete n["Content-Type"];let o=await fetch("/api/upload-image",{method:"POST",headers:n,body:e});if(!o.ok){let c=await o.json().catch(()=>({}));throw new Error(c.error||`Upload failed: ${o.status}`)}let{path:a}=await o.json();if(!a)throw new Error("upload returned no path");let i=pa(),l=`[${i}](${a})`,d=(0,s.$)("ma-input");ua(d,(d?.value&&!d.value.endsWith(`
+`)&&d.value.length?`
+`:"")+l+`
+`);let r="";try{r=URL.createObjectURL(e)}catch{}return Fe.push({path:a,previewUrl:r,label:i,ref:l}),Cs(),{path:a,ref:l,label:i}}function Cs(){let e=(0,s.$)("ma-attach-bar");if(e){if(!Fe.length){e.classList.add("hidden"),e.innerHTML="";return}e.classList.remove("hidden"),e.innerHTML=Fe.map((t,n)=>`
+    <div class="ma-thumb relative" title="${(0,s.esc)(t.ref||t.path)}">
+      ${t.previewUrl?`<img src="${t.previewUrl}" alt="${(0,s.esc)(t.label||"img")}">`:`<span class="ma-thumb-path">${(0,s.esc)(t.label||"img")}</span>`}
+      <span class="ma-thumb-label">${(0,s.esc)(t.label||"")}</span>
+      <button type="button" class="ma-thumb-x" data-rm-img="${n}">\u2715</button>
+    </div>`).join(""),e.querySelectorAll("[data-rm-img]").forEach(t=>{t.addEventListener("click",()=>{let n=parseInt(t.dataset.rmImg,10),o=Fe[n];if(o?.previewUrl)try{URL.revokeObjectURL(o.previewUrl)}catch{}let a=(0,s.$)("ma-input");a&&o?.ref&&(a.value=a.value.split(o.ref).join("").replace(/\n{3,}/g,`
+
+`),a.dispatchEvent(new Event("input"))),Fe.splice(n,1),Cs()})})}}function Fn(e){if(!e)return"";let t=new Date(e);if(Number.isNaN(t.getTime()))return"";let n=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`${n}-${o} ${a}:${i}`}async function $e(){try{Jt=(await h("GET","/api/ai/sessions")).sessions||[]}catch{Jt=[]}return Jt}function Ue(){let e=(0,s.$)("ma-history-list");if(!e)return;let t=(Hn||"").trim().toLowerCase(),n=Jt;if(t&&(n=n.filter(o=>`${o.title||""} ${o.preview||""} ${o.id||""}`.toLowerCase().includes(t))),!n.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=n.map(o=>{let a=o.id===q,i=Fn(o.updatedAt)||"",l=o.messageCount||0;return`
+      <div class="ma-hist-item ${a?"active":""}" data-hist-id="${(0,s.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,s.esc)(o.id)}">
+            <div class="font-medium text-xs truncate">${(0,s.esc)(o.title||o.id.slice(0,8))}</div>
+            <div class="text-[10px] text-base-content/45 mt-0.5 line-clamp-2">${(0,s.esc)(o.preview||"\uFF08\u65E0\u9884\u89C8\uFF09")}</div>
+            <div class="text-[10px] text-base-content/35 mt-1">${(0,s.esc)(i)}${l?` \xB7 ${l} \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,s.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,s.esc)(o.id)}" title="\u5220\u9664">\u2715</button>
+          </div>
+        </div>
+      </div>`}).join(""),e.querySelectorAll("[data-hist-open]").forEach(o=>{o.addEventListener("click",async()=>{await Se(o.dataset.histOpen),se("chat"),(0,s.$)("ma-input")?.focus()})}),e.querySelectorAll("[data-hist-resume]").forEach(o=>{o.addEventListener("click",async a=>{a.stopPropagation(),await Se(o.dataset.histResume),se("chat"),(0,s.$)("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,Y=null,localStorage.removeItem(De),Se(null)),await $e(),Ue()}catch(l){alert(l.message)}})})}function _n(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 fa(e){let t=(0,s.$)("ma-messages");if(t){if(t.innerHTML="",!e?.length){_("system","\u6B64\u4F1A\u8BDD\u6682\u65E0\u6D88\u606F\u3002");return}for(let n of e){if(n.role==="user"){_("user",_n(n.content));continue}if(n.role==="assistant"){if(n.tool_calls?.length)for(let o of n.tool_calls){let a=o.function?.name||o.name||"tool",i={};try{i=JSON.parse(o.function?.arguments||o.arguments||"{}")}catch{}_("tool","",{name:a,args:i,phase:"history",id:o.id||a})}n.content&&_("assistant",typeof n.content=="string"?n.content:_n(n.content));continue}if(n.role==="tool"){let o=n.content;try{o=JSON.parse(n.content)}catch{}let a=n.tool_call_id||"";if(a)Rn(a,"done",o);else{_("tool","",{name:"tool_result",args:{},phase:"done",id:`tr_${Math.random().toString(36).slice(2,8)}`});let i=t.querySelectorAll(".ma-tool"),l=i[i.length-1];if(l){l.classList.add("done");let d=l.querySelector(".ma-tool-result");d||(d=document.createElement("pre"),d.className="ma-tool-result",l.appendChild(d)),d.textContent=typeof o=="string"?o.slice(0,500):JSON.stringify(o,null,0).slice(0,500)}}}}t.scrollTop=t.scrollHeight}}async function ma(){if(!q){await Se(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,Y=null,localStorage.removeItem(De),await $e(),await Se(null),Ie==="history"&&Ue()}catch(e){_("error",e.message)}}async function Se(e,t={}){if(!e){q=null,Y=null,localStorage.removeItem(De);let n=(0,s.$)("ma-messages");return n&&(n.innerHTML=""),_("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"),$t(),null}try{let n=await h("GET",`/api/ai/sessions/${e}`);return q=n.id,Y={id:n.id,title:n.title,updatedAt:n.updatedAt,messageCount:(n.messages||[]).length},localStorage.setItem(De,n.id),fa(n.messages||[]),t.silent||_("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"),$t(),Ie==="history"&&Ue(),n}catch(n){throw t.silent||_("error",n.message),n}}async function zt(){if(nt)return;let e=(0,s.$)("ma-input"),t=(e?.value||"").trim();if(!t)return;nt=!0,(0,s.$)("ma-send").disabled=!0,_("user",t),e.value="",e.style.height="";for(let a of Fe)if(a.previewUrl)try{URL.revokeObjectURL(a.previewUrl)}catch{}Fe=[],Cs();let n=null,o="";try{await Ms("/api/ai/chat",{message:t,sessionId:q},{session:a=>{q=a.id,Y={...Y||{},id:a.id,title:a.title||Y?.title||t.slice(0,40),updatedAt:Date.now()},localStorage.setItem(De,a.id),$t()},content:a=>{o=a.content||"",n||(n=_("assistant","")),In(n,o)},tool:a=>{a.phase==="start"?_("tool","",{name:a.name,args:a.args,phase:"start",id:a.id}):Rn(a.id,a.phase,a.result)},done:a=>{a.sessionId&&(q=a.sessionId,localStorage.setItem(De,a.sessionId)),(a.title||a.sessionId)&&(Y={id:q,title:a.title||Y?.title||"\u5BF9\u8BDD",updatedAt:Date.now(),messageCount:(Y?.messageCount||0)+2}),a.content&&n&&In(n,a.content),$t(),$e()},error:a=>{_("error",a.message||"error")}})}catch(a){_("error",a.message)}finally{nt=!1,(0,s.$)("ma-send").disabled=!1}}async function ha(){if(nt)return;nt=!0;let e=parseInt((0,s.$)("ma-report-days")?.value||"1",10),t=(0,s.$)("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,s.$)("ma-gen-report").disabled=!0;let n="",o=document.createElement("div");o.className="ma-report-tools flex flex-col gap-1 mb-3";try{await Ms("/api/ai/report",{days:e},{content:a=>{n=a.content||"",t.innerHTML="",t.appendChild(o);let i=document.createElement("div");i.className="md ma-report-md",i.innerHTML=ot(n),at(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,s.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=ot(a.content),at(i),t.appendChild(i)}},error:a=>{t.innerHTML=`<div class="alert alert-error text-sm">${(0,s.esc)(a.message)}</div>`}})}catch(a){t.innerHTML=`<div class="alert alert-error text-sm">${(0,s.esc)(a.message)}</div>`}finally{nt=!1,(0,s.$)("ma-gen-report").disabled=!1}}async function Un(){try{let e=new Date,t=`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,"0")}-${String(e.getDate()).padStart(2,"0")}`,n=await h("GET",`/api/ai/reports/${t}`);if(n?.markdown){let o=(0,s.$)("ma-report-body");o.innerHTML=`
+        <div class="text-[10px] text-base-content/40 mb-2">${(0,s.esc)(n.title||t)} \xB7 ${(0,s.esc)(n.generatedAt||"")}</div>
+        <div class="md ma-report-md">${ot(n.markdown)}</div>`,at(o)}}catch{}}async function ba(){let e=(0,s.$)("ma-report-list");try{let t=await h("GET","/api/ai/reports");e.classList.remove("hidden");let n=t.reports||[];if(!n.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=n.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,s.esc)(o.day)}">
+        <span class="font-semibold">${(0,s.esc)(o.day)}</span>
+        <span class="text-base-content/45 ml-1">${(0,s.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,s.$)("ma-report-body");i.innerHTML=`
+            <div class="text-[10px] text-base-content/40 mb-2">${(0,s.esc)(a.title||a.day)} \xB7 ${(0,s.esc)(a.generatedAt||"")}</div>
+            <div class="md ma-report-md">${ot(a.markdown)}</div>`,at(i)}catch(a){(0,s.$)("ma-report-body").innerHTML=`<div class="alert alert-error text-sm">${(0,s.esc)(a.message)}</div>`}})})}catch(t){e.classList.remove("hidden"),e.innerHTML=`<div class="text-xs text-error px-2">${(0,s.esc)(t.message)}</div>`}}async function Bn(){try{let e=await h("GET","/api/ai/config");(0,s.$)("ma-cfg-url").value=e.url||"",(0,s.$)("ma-cfg-model").value=e.model||"",(0,s.$)("ma-cfg-key").placeholder=e.hasKey?"\u5DF2\u914D\u7F6E \xB7 \u7559\u7A7A\u4E0D\u4FEE\u6539":"API Key",(0,s.$)("ma-cfg-key").value="",(0,s.$)("ma-cfg-vlm-url").value=e.vlm_url||"",(0,s.$)("ma-cfg-vlm-model").value=e.vlm_model||"",(0,s.$)("ma-cfg-vlm-key").value="",(0,s.$)("ma-cfg-vlm-key").placeholder=e.hasVlmKey?"\u5DF2\u914D\u7F6E \xB7 \u7559\u7A7A\u4E0D\u4FEE\u6539":"\u53EF\u9009",(0,s.$)("ma-cfg-system").value=e.system||"",(0,s.$)("ma-auto-report")&&((0,s.$)("ma-auto-report").checked=!!e.auto_report),(0,s.$)("ma-auto-hour")&&((0,s.$)("ma-auto-hour").value=String(e.auto_report_hour??18)),kt(e)}catch(e){(0,s.$)("ma-cfg-status").textContent=e.message}}async function xa(){let e=(0,s.$)("ma-cfg-status");e.textContent="\u4FDD\u5B58\u4E2D\u2026";try{let t={url:(0,s.$)("ma-cfg-url").value.trim(),model:(0,s.$)("ma-cfg-model").value.trim(),vlm_url:(0,s.$)("ma-cfg-vlm-url").value.trim(),vlm_model:(0,s.$)("ma-cfg-vlm-model").value.trim(),system:(0,s.$)("ma-cfg-system").value,auto_report:!!(0,s.$)("ma-auto-report")?.checked,auto_report_hour:parseInt((0,s.$)("ma-auto-hour")?.value||"18",10)},n=(0,s.$)("ma-cfg-key").value.trim(),o=(0,s.$)("ma-cfg-vlm-key").value.trim();n&&(t.key=n),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,s.$)("ma-cfg-key").value="",(0,s.$)("ma-cfg-vlm-key").value="",kt(a)}catch(t){e.textContent=t.message}}function kt(e){if(Gt&&(clearInterval(Gt),Gt=null),!e?.auto_report)return;let t=e.auto_report_hour??18;Gt=setInterval(async()=>{if(!u.token)return;let n=new Date;if(n.getHours()!==t)return;let o=`${n.getFullYear()}-${String(n.getMonth()+1).padStart(2,"0")}-${String(n.getDate()).padStart(2,"0")}`;if(Ts!==o&&!(n.getMinutes()>10))try{Ts=o,localStorage.setItem("ai_last_auto_report",o),await Ms("/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),Ts="",localStorage.removeItem("ai_last_auto_report")}},60*1e3)}function qn(){(0,s.$)("meta-agent-panel")||(document.getElementById("root")?.insertAdjacentHTML("beforeend",da()),document.querySelectorAll("[data-ma-close]").forEach(e=>{e.addEventListener("click",Pn)}),(0,s.$)("ma-btn-chat")?.addEventListener("click",()=>se("chat")),(0,s.$)("ma-btn-history")?.addEventListener("click",async()=>{await $e(),se("history")}),(0,s.$)("ma-open-history")?.addEventListener("click",async()=>{await $e(),se("history")}),(0,s.$)("ma-btn-report")?.addEventListener("click",()=>{se("report"),Un()}),(0,s.$)("ma-btn-config")?.addEventListener("click",()=>{se("config"),Bn()}),(0,s.$)("ma-send")?.addEventListener("click",zt),(0,s.$)("ma-input")?.addEventListener("keydown",e=>{(e.metaKey||e.ctrlKey)&&e.key==="Enter"&&(e.preventDefault(),zt())}),(0,s.$)("ma-input")?.addEventListener("input",()=>{let e=(0,s.$)("ma-input");e.style.height="auto",e.style.height=Math.min(e.scrollHeight,120)+"px"}),(0,s.$)("ma-new-chat")?.addEventListener("click",()=>{Se(null),se("chat")}),(0,s.$)("ma-del-session")?.addEventListener("click",ma),(0,s.$)("ma-resume-focus")?.addEventListener("click",()=>{(0,s.$)("ma-input")?.focus()}),(0,s.$)("ma-history-refresh")?.addEventListener("click",async()=>{await $e(),Ue()}),(0,s.$)("ma-history-new")?.addEventListener("click",()=>{Se(null),se("chat")}),(0,s.$)("ma-history-search")?.addEventListener("input",e=>{Hn=e.target.value||"",Ue()}),(0,s.$)("ma-quick-today")?.addEventListener("click",()=>{se("chat"),(0,s.$)("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",zt()}),(0,s.$)("ma-quick-projects")?.addEventListener("click",()=>{se("chat"),(0,s.$)("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",zt()}),(0,s.$)("ma-gen-report")?.addEventListener("click",ha),(0,s.$)("ma-load-reports")?.addEventListener("click",ba),(0,s.$)("ma-cfg-save")?.addEventListener("click",xa),(0,s.$)("ma-auto-report")?.addEventListener("change",async()=>{try{let e=await h("PUT","/api/ai/config",{auto_report:!!(0,s.$)("ma-auto-report").checked,auto_report_hour:parseInt((0,s.$)("ma-auto-hour")?.value||"18",10)});kt(e)}catch{}}),(0,s.$)("ma-auto-hour")?.addEventListener("change",async()=>{try{let e=await h("PUT","/api/ai/config",{auto_report:!!(0,s.$)("ma-auto-report")?.checked,auto_report_hour:parseInt((0,s.$)("ma-auto-hour").value||"18",10)});kt(e)}catch{}}),(0,s.$)("ma-image-input")?.addEventListener("change",async e=>{let t=[...e.target.files||[]],n=(0,s.$)("ma-input");n&&(n.disabled=!0);try{for(let o of t)if(o.type.startsWith("image/")){if(o.size>12*1024*1024){_("error",`${o.name} \u8FC7\u5927 (>12MB)`);continue}await Dn(o,o.name||`upload-${Date.now()}.png`)}}catch(o){_("error",`\u56FE\u7247\u4E0A\u4F20\u5931\u8D25: ${o.message}`)}finally{e.target.value="",n&&(n.disabled=!1,n.focus())}}),document.addEventListener("paste",async e=>{if(!Kt||Ie!=="chat")return;let t=(0,s.$)("ma-input"),n=(0,s.$)("meta-agent-panel"),o=document.activeElement;if(!n||!o||!n.contains(o))return;let i=[...e.clipboardData?.items||[]].filter(l=>l.type.startsWith("image/"));if(i.length){e.preventDefault(),t&&(t.disabled=!0);try{for(let l of i){let d=l.getAsFile();if(!d)continue;let r=(l.type.split("/")[1]||"png").replace(/[^a-z0-9]/gi,"")||"png";await Dn(d,`paste-${Date.now()}.${r}`)}}catch(l){_("error",`\u7C98\u8D34\u56FE\u7247\u5931\u8D25: ${l.message}`)}finally{t&&(t.disabled=!1,t.focus())}}}),Se(null,{silent:!0}),$e(),h("GET","/api/ai/config").then(kt).catch(()=>{}))}M();var On=()=>`
+  <div id="auth-screen" class="${u.token?"hidden":""} flex items-center justify-center h-full p-4" ${u.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>`,Wn=(e={})=>{let t=!!e.restoreSession,n=u.token?"":"hidden",o=u.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="${n} flex-col flex-1 overflow-hidden" style="${o}">
+    <div 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>
+      <div class="flex gap-2">
+        <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>
+          </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="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 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="textarea textarea-bordered 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>`};js();it();Et();C();M();W();Ot();Dt();it();Mt();Et();C();M();W();it();Mt();async function lt(){try{let e=await h("GET","/api/machines");j.value=Array.isArray(e)?e:[]}catch{try{let e=await Xe();e?.machines&&(j.value=e.machines)}catch{}}return j.peek()||[]}function Us(){let e=(0,s.$)("machine-picker-list"),t=(0,s.$)("machine-picker-empty");if(!e)return;let n=j.peek()||[];if(!n.length){e.innerHTML="",t?.classList.remove("hidden");return}t?.classList.add("hidden"),e.innerHTML=n.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,s.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,s.esc)(o.id)}</span>
+        </div>
+        ${i?`<div class="text-xs text-base-content/45 mt-1 pl-4">${(0,s.esc)(i)}</div>`:""}
+      </button>`}).join("")}function ct(){let e=(0,s.$)("machine-picker");if(!e)return;e.classList.remove("hidden"),we.value=!1,Us();let t=(0,s.$)("machine-picker-status");if(t){let n=(j.peek()||[]).filter(o=>o.online!==!1).length;t.textContent=`${n} online`}}function Bs(){(0,s.$)("machine-picker")?.classList.add("hidden"),we.value=!0}function ss(){(0,s.$)("machine-menu")?.classList.add("hidden")}function ns(){let e=(0,s.$)("machine-menu-list"),t=(0,s.$)("machine-menu-empty");if(!e)return;let n=j.peek()||[],o=S.peek()||"";if(!n.length){e.innerHTML="",t?.classList.remove("hidden");return}t?.classList.add("hidden"),e.innerHTML=n.map(a=>{let i=a.online!==!1,l=a.id===o,d=[a.hostname,a.platform].filter(Boolean).join(" \xB7 "),r=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
+               ${l?"bg-primary/15 text-primary":"hover:bg-base-200"}
+               ${i?"":"opacity-50"}"
+        data-pick-machine="${(0,s.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,s.esc)(a.id)}</span>
+          ${l?'<span class="text-[9px] opacity-70">\u5F53\u524D</span>':""}
+          <span class="text-[9px] ${i?"text-success":"text-error"}">${i?"online":"offline"}</span>
+        </div>
+        ${d||r?`<div class="text-[10px] text-base-content/40 pl-3.5 mt-0.5 truncate">${(0,s.esc)(d)}${r?" \xB7 "+(0,s.esc)(r):""}</div>`:""}
+      </button>`}).join("")}function We(){let e=(0,s.$)("machine-menu-wrap"),t=(0,s.$)("topbar-machine-label"),n=(0,s.$)("topbar-machine-dot");if(!$.peek()){e?.classList.add("hidden");return}e?.classList.remove("hidden");let o=S.peek()||"",i=(j.peek()||[]).find(d=>d.id===o),l=i?i.online!==!1:!1;t&&(t.textContent=o||"\u9009\u62E9\u673A\u5668"),n&&(n.classList.toggle("bg-success",!!o&&l),n.classList.toggle("bg-warning",!!o&&!l),n.classList.toggle("bg-base-content/30",!o)),ns()}var co=null;function po(){co||(co=setInterval(async()=>{if(!$.peek()||!u.token)return;await lt(),We();let e=S.peek();if(e){let t=(j.peek()||[]).find(n=>n.id===e);if(t&&t.online===!1){let n=(0,s.$)("topbar-machine-label");n&&(n.textContent=`${e} (offline)`)}}},15e3))}async function uo(e,{forceReload:t=!1}={}){if(!e)return;let n=S.peek(),o=n&&n!==e;if(Z(e),Bs(),ss(),We(),o||t){try{u.ws?.close()}catch{}u.ws=null,u.sessionId=null,(0,s.batch)(()=>{g.value=null,F.value=null,U.value=null});try{let{filesRoot:i,gitRoot:l,filesPath:d}=await Promise.resolve().then(()=>(M(),ln));i.value="",l.value="",d.value=""}catch{}if(o){let{goHome:i}=await Promise.resolve().then(()=>(Et(),lo));i()}}let a=(0,s.$)("topbar-project");a&&!g.peek()&&(a.textContent=`Machine \xB7 ${e}`),await Promise.all([Le(),Lt(),Tt()]),we.value=!0}async function os(e={}){(0,s.$)("auth-screen").style.display="none";let t=(0,s.$)("app");t.classList.remove("hidden"),t.style.display="flex";let n=e.hub;n===void 0?n=await Xe():n?($.value=!0,n.machines&&(j.value=n.machines)):$.value=!1;let o=e.deepLink||null,a=Ne();if(!!(o?.id||(location.hash||"").startsWith("#/session/"))){let d=(0,s.$)("welcome");d&&(d.classList.add("hidden"),d.style.display="none");let r=(0,s.$)("project-view");r&&(r.classList.remove("hidden"),r.style.display="flex",r.style.flexDirection="column",r.style.flex="1",r.style.minHeight="0")}if($.peek()){let d=localStorage.getItem("machineId")||a?.machineId||"";d&&(Z(d),Bs(),we.value=!0);let r=lt().then(f=>(We(),d&&!f.some(x=>x.id===d&&x.online!==!1)&&f.length&&(f.some(L=>L.id===d)||(Z(null),ct())),f));po(),We();let c=Promise.all([Le({waitFresh:!1}),Lt({waitFresh:!1}),Tt().catch(()=>{}),Is().catch(()=>{})]);if(o?.id){let f=E.peek().find(m=>m.sessionId===o.id)||(a?.sessionId===o.id?a:null);await be(o.id,f?.cwd||a?.cwd||null,f?.configDir||a?.configDir||null,f?.agent||a?.agent||null,f?.machineId||a?.machineId||d||null,{tab:o.tab||"chat"}),r.catch(()=>{}),c.catch(()=>{});return}if(!d){if(await r,!(j.peek()||[]).length){ct(),c.catch(()=>{});return}ct(),c.catch(()=>{});return}await c;let p=(0,s.$)("topbar-project");p&&p.textContent==="Select a session"&&(p.textContent=`Machine \xB7 ${d}`);return}let l=Promise.all([Le({waitFresh:!1}),Lt({waitFresh:!1}),Tt().catch(()=>{}),Is().catch(()=>{})]);if(o?.id){await qt().then(r=>{Array.isArray(r)?E.value=r:r&&Array.isArray(r.sessions)&&(E.value=r.sessions)}).catch(()=>{});let d=E.peek().find(r=>r.sessionId===o.id)||(a?.sessionId===o.id?a:null);await be(o.id,d?.cwd||a?.cwd||null,d?.configDir||a?.configDir||null,d?.agent||a?.agent||null,null,{tab:o.tab||"chat"}),l.catch(()=>{});return}await l}Mt();C();M();W();st();it();Et();function fo(){(0,s.$)("sidebar").classList.add("open"),(0,s.$)("sidebar-overlay").classList.remove("hidden")}function as(){(0,s.$)("sidebar").classList.remove("open"),(0,s.$)("sidebar-overlay").classList.add("hidden")}function mo(){window.innerWidth<=640&&as()}function ho(){let e=(0,s.$)("sidebar-toggle"),t=(0,s.$)("sidebar"),n=!1,o=t.style.width||"260px";e.addEventListener("click",()=>{n=!n,n?(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=n?"\u25B6":"\u25C0"})}function bo(){let e=(0,s.$)("sidebar-resize"),t=(0,s.$)("sidebar"),n=!1;e.addEventListener("mousedown",o=>{n=!0,document.body.style.userSelect="none",document.body.style.cursor="col-resize",o.preventDefault()}),document.addEventListener("mousemove",o=>{if(!n)return;let a=Math.min(Math.max(o.clientX,160),520);t.style.width=a+"px",t.style.minWidth=""}),document.addEventListener("mouseup",()=>{n&&(n=!1,document.body.style.userSelect="",document.body.style.cursor="")})}function qs(e){document.documentElement.setAttribute("data-theme",e),localStorage.setItem("theme",e);let t=(0,s.$)("btn-theme");t&&(t.textContent=e==="dark"||e==="night"||e==="black"?"\u{1F319}":"\u2600\uFE0F");let n=document.getElementById("hljs-theme");if(n||(n=document.querySelector('link[href*="highlight"][href*="styles"]'),n&&(n.id="hljs-theme")),n){let o=e==="dark"||e==="night"||e==="black";n.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 xo(){let e=document.documentElement.getAttribute("data-theme")||"dark";qs(e==="dark"?"light":"dark")}function go(){let e=(0,s.$)("new-session-agent");e&&(e.value=w.peek()||"claude");let t=(0,s.$)("new-session-workspace");if(t){let a=H.peek();t.innerHTML=a.map(i=>`<option value="${(0,s.esc)(i.configDir)}">${(0,s.esc)(i.name)} \u2014 ${(0,s.esc)(i.configDir)}</option>`).join(""),u.configDir&&(t.value=u.configDir)}let n=(0,s.$)("new-session-machine-wrap"),o=(0,s.$)("new-session-machine");if(n&&o)if($.peek()){n.style.display="";let a=j.peek()||[],i=S.peek()||"";o.innerHTML=a.length?a.map(l=>`<option value="${(0,s.esc)(l.id)}">${(0,s.esc)(l.id)}${l.hostname?" \u2014 "+(0,s.esc)(l.hostname):""}</option>`).join(""):'<option value="">(no machines online)</option>',i&&(o.value=i),o.disabled=!0}else n.style.display="none",o&&(o.disabled=!1);Os(),(0,s.$)("new-session-path").value=g.peek()?.path||"",(0,s.$)("new-session-error").classList.add("hidden"),(0,s.$)("modal-new-session").showModal(),setTimeout(()=>(0,s.$)("new-session-path").focus(),50)}function Os(){let e=(0,s.$)("new-session-agent")?.value||"claude",t=(0,s.$)("new-session-ws-wrap");t&&(t.style.display=e==="claude"?"":"none")}async function Ws(){let e=(0,s.$)("new-session-path").value.trim(),t=(0,s.$)("new-session-agent")?.value||"claude",n=t==="claude"?(0,s.$)("new-session-workspace").value:null,o=(0,s.$)("new-session-error");if(o.classList.add("hidden"),!e){o.textContent="Working directory is required",o.classList.remove("hidden");return}if($.peek()){let a=S.peek()||(0,s.$)("new-session-machine")?.value||j.peek()?.[0]?.id;if(!a){o.textContent="\u8BF7\u5148\u9009\u62E9\u4E00\u53F0\u673A\u5668",o.classList.remove("hidden"),ct();return}Z(a)}try{let a=await h("POST","/api/resolve-path",{path:e});if(!a.isDir)throw new Error("Path is not a directory");(0,s.$)("modal-new-session").close();let i=a.path.split("/").filter(Boolean).pop()||a.path;u.sessionId=null,u.configDir=n||null,u.agent=t,de(t),y.value=oe(t)||y.peek(),localStorage.setItem("model",y.peek()),me(),(0,s.batch)(()=>{g.value={id:i,name:i,path:a.path,machineId:S.peek()||u.machineId},F.value=a.path,B.value=a.path,O.value=a.path,A.value="",U.value=null}),(0,s.$)("topbar-project").textContent=a.path;let l=(0,s.$)("files-root-input");l&&(l.value=a.path);let d=(0,s.$)("git-root-input");d&&(d.value=a.path),(0,s.$)("welcome").classList.add("hidden");let r=(0,s.$)("project-view");r.classList.remove("hidden"),r.style.display="flex",tt(),yt(),Te("chat"),b(`New ${R[t]||t} session \xB7 ${a.path}`)}catch(a){o.textContent=a.message,o.classList.remove("hidden")}}async function Gs(){let e=(0,s.$)("auth-screen");e&&(e.classList.remove("hidden"),e.style.display="flex");let t=(0,s.$)("app");t&&(t.classList.add("hidden"),t.style.display="none");let n=await h("GET","/api/auth/status"),o=(0,s.$)("auth-btn");n.needsSetup?((0,s.$)("auth-subtitle").textContent="Create your account to get started",o.textContent="Create Account",o.dataset.mode="register"):o.dataset.mode="login"}async function vo(){let e=(0,s.$)("auth-username").value.trim(),t=(0,s.$)("auth-password").value,n=(0,s.$)("auth-error");n.classList.add("hidden");try{let o=await h("POST",`/api/auth/${(0,s.$)("auth-btn").dataset.mode||"login"}`,{username:e,password:t});u.token=o.token,localStorage.setItem("token",o.token),os()}catch(o){n.textContent=o.message,n.classList.remove("hidden")}}function zs(){return u.token?/^#\/session\//.test(location.hash||""):!1}function yo(e={}){if(qs(localStorage.getItem("theme")||"dark"),!document.getElementById("xterm-css")){let r=document.createElement("link");r.id="xterm-css",r.rel="stylesheet",r.href="/xterm.min.css",document.head.appendChild(r)}if(!document.getElementById("xterm-js")){let r=document.createElement("script");r.id="xterm-js",r.src="/xterm.min.js",document.head.appendChild(r)}if(!document.getElementById("xterm-fit-js")){let r=document.createElement("script");r.id="xterm-fit-js",r.src="/addon-fit.min.js",document.head.appendChild(r)}let t=e.restoreSession??zs(),n=document.getElementById("root");if(n.style.cssText="display:flex;flex-direction:column;flex:1;height:100%",n.innerHTML=On()+Wn({restoreSession:t}),t){let r=(0,s.$)("session-list");r&&(r.innerHTML='<div class="px-3 py-3 text-[10px] text-base-content/35">Loading sessions\u2026</div>')}(0,s.effect)(()=>{let r=H.value,c=(0,s.$)("ws-tabs");if(!c)return;if(r.length<=1){c.innerHTML="";return}let p=F.peek();c.innerHTML=[{id:null,name:"All"},...r].map(f=>`<button class="px-3 py-1.5 text-[11px] flex-shrink-0 border-b-2 whitespace-nowrap
+                ${(f.id===null?!p:p===f.configDir)?"border-primary text-primary":"border-transparent text-base-content/50 hover:text-base-content"}"
+              data-ws-tab="${(0,s.esc)(f.configDir||"")}">
+        ${(0,s.esc)(f.name)}
+      </button>`).join("")}),(0,s.effect)(()=>{Ae.value,Pe.value,ge.value,ve.value,le.value,k.value;let r=(0,s.$)("session-list");r&&(r.querySelector(".session-rename-input")||(r.innerHTML=Zn(),eo()))}),(0,s.effect)(()=>{E.value,V.value,S.value,$.value;let r=(0,s.$)("welcome");r&&(document.documentElement.classList.contains("boot-restore")||document.documentElement.classList.contains("boot-pending")||r.classList.contains("hidden")||r.style.display==="none"||Oe())}),(0,s.watch)(F,r=>{let c=(0,s.$)("session-filter-badge");c&&(c.style.display=r?"inline":"none",c.title=r||"")}),(0,s.effect)(()=>{let r=g.value;if(r&&r.path)so(r.path);else{let c=(0,s.$)("project-notes-bar");c&&(c.style.display="none")}}),(0,s.watch)(N,r=>{document.querySelectorAll("[data-tab]").forEach(p=>{let f=p.dataset.tab===r;p.classList.toggle("text-primary",f),p.classList.toggle("border-primary",f),p.classList.toggle("text-base-content/50",!f),p.classList.toggle("border-transparent",!f)});let c=(0,s.$)("project-view");c&&!c.classList.contains("hidden")&&(c.style.display="flex",c.style.flexDirection="column",c.style.minHeight="0",c.style.flex="1"),["chat","files","git","shell","memory"].forEach(p=>{let f=(0,s.$)(`tab-${p}`);if(!f)return;let m=p===r;f.classList.toggle("hidden",!m),m?(f.style.display="flex",f.style.flexDirection="column",f.style.flex="1 1 0",f.style.minHeight="0",f.style.overflow="hidden"):f.style.display="none"}),r==="memory"&&Ps(),r==="shell"&&requestAnimationFrame(()=>{document.dispatchEvent(new CustomEvent("shell-tab-shown"))})}),bo(),ho(),document.addEventListener("sessions-changed",()=>Le()),document.addEventListener("router:home",ts),document.addEventListener("router:session",async({detail:{id:r,tab:c}})=>{let p=E.peek().find(m=>m.sessionId===r),f=Ne();await be(r,p?.cwd||(f?.sessionId===r?f.cwd:null)||null,p?.configDir||(f?.sessionId===r?f.configDir:null)||null,p?.agent||(f?.sessionId===r?f.agent:null)||null,p?.machineId||(f?.sessionId===r?f.machineId:null)||null,{tab:c||"chat"})}),s.delegate.on("click","#btn-home",ts),s.delegate.on("click","#auth-btn",vo),s.delegate.on("keydown","#auth-username, #auth-password",r=>{r.key==="Enter"&&vo()}),s.delegate.on("click","#hamburger",()=>(0,s.$)("sidebar").classList.contains("open")?as():fo()),s.delegate.on("click","#sidebar-overlay",as),s.delegate.on("input","#session-search",(r,c)=>{P.value=c.value,Xt(c.value)}),s.delegate.on("click","#session-filter-badge",()=>{F.value=null}),s.delegate.on("click","[data-ws-tab]",(r,c)=>{F.value=c.dataset.wsTab||null}),s.delegate.on("click","#sidebar-refresh",()=>{Le(),P.peek().trim()&&Hs(P.peek())}),s.delegate.on("click","[data-view]",(r,c)=>{ge.value=c.dataset.view,localStorage.setItem("sidebarView",c.dataset.view)}),s.delegate.on("click","[data-agent-filter]",(r,c)=>{V.value=c.dataset.agentFilter,localStorage.setItem("agentFilter",c.dataset.agentFilter),P.peek().trim()&&Xt(P.peek())}),s.delegate.on("change","#time-range",(r,c)=>{ne.value=c.value,localStorage.setItem("timeRange",c.value),P.peek().trim()&&Xt(P.peek())}),s.delegate.on("dblclick","[data-project-cwd]",(r,c)=>{let p=c.dataset.projectCwd;if(!p)return;let f=p.split("/").filter(Boolean).pop()||p;Fs({id:f,name:f,path:p}),b(`Project \xB7 ${p}`)}),s.delegate.on("click","#btn-settings",An),s.delegate.on("click","#btn-meta-agent",()=>Nn()),s.delegate.on("click","#btn-meta-agent-welcome",()=>Es("chat")),s.delegate.on("click","#btn-theme",xo),s.delegate.on("click","#btn-cal-prev",()=>{As(-1),Oe(qe())}),s.delegate.on("click","#btn-cal-next",()=>{As(1),Oe(qe())}),s.delegate.on("click","[data-cal-date]",(r,c)=>{Kn(c.dataset.calDate),Oe(qe())}),s.delegate.on("click","[data-session-id]",(r,c)=>{r.target.closest("[data-fav-toggle]")||r.target.closest("[data-rename-session]")||r.target.closest(".session-rename-input")||r.target.closest(".session-title-wrap.session-rename-active")||(be(c.dataset.sessionId,c.dataset.sessionCwd||null,c.dataset.sessionConfigDir||null,c.dataset.sessionAgent||"claude",c.dataset.sessionMachine||null),mo())}),s.delegate.on("click","[data-rename-session]",(r,c)=>{r.preventDefault(),r.stopPropagation();let p=c.closest(".session-title-wrap")||c,f=p.dataset.renameSessionId||p.dataset.sessionId;f&&Rs({sessionId:f,agent:p.dataset.renameSessionAgent||"claude",machineId:p.dataset.renameSessionMachine||null,fallbackDisplay:p.dataset.renameSessionDisplay||"",mountEl:p})}),s.delegate.on("click","[data-rename-bar], #session-title-display",(r,c)=>{if(r.preventDefault(),r.stopPropagation(),!u.sessionId)return;let p=c.id==="session-title-display"?c:c.closest("#session-title-display")||c;Rs({sessionId:u.sessionId,agent:u.agent||w.peek()||"claude",machineId:u.machineId||null,mountEl:p})}),s.delegate.on("click","[data-folder]",(r,c)=>{let p=c.dataset.folder,m=c.querySelector("span")?.textContent.trim()==="\u25BE",x=new Set(Ge.peek()),L=new Set(ze.peek());m?(x.delete(p),L.add(p)):(x.add(p),L.delete(p)),(0,s.batch)(()=>{Ge.value=x,ze.value=L})}),s.delegate.on("click","#memory-refresh",Ps),s.delegate.on("click","[data-tab]",(r,c)=>Te(c.dataset.tab));let o=async(r,c)=>{let p=(0,s.$)(r),f=p?.value.trim();if(!f){c.value="";return}try{let m=await h("POST","/api/resolve-path",{path:f});if(m.isDir===!1)throw new Error("Path is not a directory on the target machine");c.value=m.path,p.value=m.path;let x=g.peek();x&&(g.value={...x,path:m.path})}catch(m){p.style.color="oklch(var(--er))",p.title=m.message,setTimeout(()=>{p.style.color="",p.title=""},2e3)}};s.delegate.on("click","#files-root-btn",()=>o("files-root-input",B)),s.delegate.on("click","#git-root-btn",()=>o("git-root-input",O)),s.delegate.on("keydown","#files-root-input",r=>{r.key==="Enter"&&o("files-root-input",B)}),s.delegate.on("keydown","#git-root-input",r=>{r.key==="Enter"&&o("git-root-input",O)}),s.delegate.on("click","#btn-opts",()=>{(0,s.$)("chat-opts").classList.toggle("hidden")}),s.delegate.on("change","#sel-agent",(r,c)=>{let p=w.peek(),f=c.value;p!==f&&(u.sessionId=null,de(f),y.value=oe(f)||y.peek(),localStorage.setItem("model",y.peek()),me(),b(`Agent \u2192 ${R[f]||f} \xB7 model ${y.peek()} \xB7 new session`))}),s.delegate.on("change","#sel-convert-agent",async(r,c)=>{let p=c.value;if(!p)return;let f=u.sessionId;if(!f){alert("No active session to convert."),c.value="";return}let m=u.agent||w.peek()||"claude";if(m===p){alert("Cannot convert to the same agent."),c.value="";return}c.disabled=!0,b(`Converting session ${f.slice(0,8)} from ${m} to ${p}...`);try{let x=await h("POST",`/api/sessions/${f}/convert`,{targetAgent:p,sourceAgent:m});x&&x.success?(b(`\u2713 Converted successfully. New session: ${x.targetSessionId.slice(0,8)}`),await Le(),await be(x.targetSessionId,g.peek()?.path||null,null,x.targetAgent),Ft()):b("Failed to convert session.")}catch(x){b(`Error converting session: ${x.message}`),alert(`Error converting session: ${x.message}`)}finally{c.disabled=!1,c.value=""}}),s.delegate.on("change","#sel-model",(r,c)=>{y.value=c.value,localStorage.setItem("model",c.value),Ds()}),s.delegate.on("click","#btn-model-add",()=>_s({editCurrent:!1})),s.delegate.on("click","#btn-model-edit",()=>_s({editCurrent:!0})),s.delegate.on("change","#sel-effort",(r,c)=>{re.value=c.value}),s.delegate.on("change","#sel-permission",(r,c)=>{pt.value=c.value}),s.delegate.on("change","#sel-density",(r,c)=>{ms(c.value),b(`Density \u2192 ${c.value} (applies to new tool calls; reload session to re-group history)`)}),document.addEventListener("agent-changed",me),s.delegate.on("click","#btn-new-session, #btn-new-session-welcome",go),s.delegate.on("click","#new-session-cancel",()=>(0,s.$)("modal-new-session").close()),s.delegate.on("click","#new-session-start",Ws),s.delegate.on("change","#new-session-agent",Os),s.delegate.on("keydown","#new-session-path",r=>{r.key==="Enter"&&Ws()}),s.delegate.on("click","#send-btn",gs),s.delegate.on("click","#stop-btn",xn),s.delegate.on("click","#btn-logout",()=>{u.token=null,localStorage.removeItem("token"),Z(null),we.value=!1,location.reload()}),s.delegate.on("click","[data-pick-machine]",async(r,c)=>{let p=c.dataset.pickMachine;if(!p||p===S.peek()){ss();return}await uo(p,{forceReload:!0})});let a=async()=>{let r=(0,s.$)("machine-picker-status");if(r&&(r.textContent="\u5237\u65B0\u4E2D\u2026"),await lt(),Us(),ns(),We(),r){let c=(j.peek()||[]).filter(p=>p.online!==!1).length;r.textContent=`${c} online`}};s.delegate.on("click","#btn-refresh-machines",a),s.delegate.on("click","#btn-refresh-machines-menu",async r=>{r.stopPropagation(),await a()}),s.delegate.on("click","#btn-machine-menu",async r=>{r.stopPropagation();let c=(0,s.$)("machine-menu");c&&(c.classList.contains("hidden")?(await lt(),ns(),c.classList.remove("hidden")):c.classList.add("hidden"))}),document.addEventListener("click",r=>{let c=(0,s.$)("machine-menu-wrap");c&&!c.contains(r.target)&&ss()}),s.delegate.on("click","#btn-edit-project-notes, #project-goal-text, #project-notes-text",()=>{no()}),s.delegate.on("click","#btn-cancel-project-notes",()=>{rt()});let i=async()=>{let r=(0,s.$)("project-goal-input")?.value?.trim()??"",c=(0,s.$)("project-notes-input")?.value?.trim()??"",p=g.peek();if(!(!p||!p.path))try{let f=await h("POST","/api/projects/notes",{root:p.path,goal:r,notes:c});to(f.goal||"",f.notes||""),rt()}catch(f){alert(`Error saving project notes: ${f.message}`)}};s.delegate.on("click","#btn-save-project-notes",i),s.delegate.on("keydown","#project-goal-input",r=>{r.key==="Enter"&&i(),r.key==="Escape"&&rt()}),s.delegate.on("keydown","#project-notes-input",r=>{r.key==="Escape"&&rt()}),s.delegate.on("click","[data-fav-toggle]",(r,c)=>{r.stopPropagation(),r.preventDefault();let p=c.dataset.favSessionMachine||u.machineId;p&&(u.machineId=p,localStorage.setItem("machineId",p)),ao(c.dataset.favSessionId,c.dataset.favSessionAgent||"claude")}),s.delegate.on("click","#btn-edit-session-notes, #session-notes-text",()=>{oo()}),s.delegate.on("click","#btn-cancel-session-notes",()=>he()),s.delegate.on("click","#btn-save-session-notes",async()=>{let r=(0,s.$)("session-notes-input")?.value?.trim()||"";if(!u.sessionId)return;let c=u.agent||w.peek()||"claude";await Ns(u.sessionId,c,r)&&he()}),s.delegate.on("keydown","#session-notes-input",async r=>{if(r.key==="Escape"&&he(),r.key==="Enter"){let c=r.target.value.trim();if(!u.sessionId)return;let p=u.agent||w.peek()||"claude";await Ns(u.sessionId,p,c)&&he()}}),s.delegate.on("click","#btn-fav-filter",()=>{let r=!Ke.peek();Ke.value=r,localStorage.setItem("favoritesOnly",r?"1":"0"),(0,s.$)("btn-fav-filter")?.classList.toggle("active",r)}),me(),Nt();let l=(0,s.$)("sel-density");l&&(l.value=ye.peek()||"normal");let d=(0,s.$)("time-range");d&&(d.value=ne.peek()||"14"),document.querySelectorAll("[data-agent-filter]").forEach(r=>{r.classList.toggle("active",r.dataset.agentFilter===V.peek())}),(0,s.$)("btn-fav-filter")?.classList.toggle("active",Ke.peek()),document.querySelectorAll("[data-view]").forEach(r=>{let c=r.dataset.view===ge.peek();r.classList.toggle("bg-primary/15",c),r.classList.toggle("text-primary",c),r.classList.toggle("font-medium",c),r.classList.toggle("text-base-content/50",!c)})}st();C();M();W();function La(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 Ta(e){let t=(e||"").split("/").pop()||"",n=t.lastIndexOf(".");return n>=0?t.slice(n+1).toLowerCase():""}function wo(e){let t=Ta(e);return t==="docx"||t==="pptx"||t==="xlsx"||t==="pdf"?t:null}function Ma(e){return e==null?"":e>1024*1024?`${(e/(1024*1024)).toFixed(1)} MB`:e>1024?`${(e/1024).toFixed(1)} KB`:`${e} B`}function Ea(e){let t=atob(e),n=new Uint8Array(t.length);for(let o=0;o<t.length;o++)n[o]=t.charCodeAt(o);return n.buffer}var Js=new Map;function is(e){if(Js.has(e))return Js.get(e);let t=new Promise((n,o)=>{let a=document.querySelector(`script[data-src="${e}"]`);if(a){if(a.dataset.loaded==="1")return n();a.addEventListener("load",()=>n()),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",n()},i.onerror=()=>o(new Error(`Failed to load ${e}`)),document.head.appendChild(i)});return Js.set(e,t),t}function Ca(e){let n=((e||"").split("/").pop()||"").toLowerCase(),o={dockerfile:"dockerfile",makefile:"makefile",gemfile:"ruby",rakefile:"ruby",procfile:"yaml","cmakelists.txt":"cmake"};if(o[n])return o[n];let a=n.includes(".")?n.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 Aa(e){!e||typeof hljs>"u"||e.querySelectorAll("pre code.file-preview-code").forEach(t=>{try{delete t.dataset.highlighted,hljs.highlightElement(t)}catch{}})}function Ct(e,t,n){let o=Ma(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,s.esc)(e)} \xB7 ${(0,s.esc)(o)}${n?` \xB7 <span class="text-primary/70">${(0,s.esc)(n)}</span>`:""}</span>
+      <button class="btn btn-ghost btn-xs" data-download-path="${(0,s.esc)(e)}">\u2193 Download</button>
+    </div>`}function ja(e){return!Array.isArray(e)||!e.length?'<div class="p-4 text-xs text-base-content/40">Empty directory</div>':(e.sort((t,n)=>n.isDir-t.isDir||t.name.localeCompare(n.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,s.esc)(t.path)}"`:`data-file-path="${(0,s.esc)(t.path)}"`}>
+      <span class="cursor-pointer flex-shrink-0">${t.isDir?"\u{1F4C1}":La(t.name)}</span>
+      <span class="text-sm flex-1 truncate cursor-pointer ${t.isDir?"text-primary":""}">${(0,s.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,s.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,s.esc)(t.path)}" title="Delete">\u2715</button>`}
+    </div>`).join(""))}function Ia(e,t,n){let o=/[\x00-\x08\x0e-\x1f]/.test(t.slice(0,512)),a=Ca(e),i=a?`language-${(0,s.esc)(a)}`:"",l=o?`<div class="p-4 text-xs text-base-content/40">Binary file \u2014 <button class="text-primary hover:underline" data-download-path="${(0,s.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,s.esc)(t)}</code></pre>`;return Ct(e,n,o?"binary":a||"text")+l}async function Da(e){if(await is("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 _a(e){if(await is("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"}),n=t.SheetNames||[];if(!n.length)return'<div class="p-4 text-xs text-base-content/40">Empty workbook</div>';let o=n.map((i,l)=>`<button type="button" class="office-sheet-tab${l===0?" active":""}" data-sheet-idx="${l}">${(0,s.esc)(i)}</button>`).join(""),a=n.map((i,l)=>{let d=t.Sheets[i],r;try{r=XLSX.utils.sheet_to_html(d,{id:`xlsx-sheet-${l}`,editable:!1})}catch{r='<p class="text-base-content/40 text-xs p-2">Unable to render this sheet</p>'}return`<div class="office-sheet-pane${l===0?"":" hidden"}" data-sheet-pane="${l}">${r}</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 Ha(e){let t=[],n=/<a:p[\s>][\s\S]*?<\/a:p>/g,o=/<a:t(?:\s[^>]*)?>([\s\S]*?)<\/a:t>/g,a,i=e.match(n)||[e];for(let l of i){let d=[];for(o.lastIndex=0;(a=o.exec(l))!==null;){let r=a[1].replace(/&lt;/g,"<").replace(/&gt;/g,">").replace(/&amp;/g,"&").replace(/&quot;/g,'"').replace(/&apos;/g,"'");r&&d.push(r)}d.length&&t.push(d.join(""))}return t}async function Pa(e){if(await is("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),n=Object.keys(t.files).filter(a=>/^ppt\/slides\/slide\d+\.xml$/i.test(a)).sort((a,i)=>{let l=parseInt(a.match(/slide(\d+)/i)?.[1]||"0",10),d=parseInt(i.match(/slide(\d+)/i)?.[1]||"0",10);return l-d});if(!n.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<n.length;a++){let i=await t.files[n[a]].async("string"),l=Ha(i),d=l.length?l.map(r=>`<p>${(0,s.esc)(r)}</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">${d}</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 ${n.length} slide(s)</p>
+      ${o.join("")}
+    </div>`}async function Na(){if(await is("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 Ra(e){let n=await(await Na()).getDocument({data:e}).promise,o=n.numPages,a=Math.min(o,40),i=[];for(let d=1;d<=a;d++){let r=await n.getPage(d),c=r.getViewport({scale:1}),p=Math.min(1.5,820/c.width),f=r.getViewport({scale:p}),m=document.createElement("canvas");m.width=Math.floor(f.width),m.height=Math.floor(f.height),m.className="office-pdf-page",m.dataset.page=String(d),await r.render({canvasContext:m.getContext("2d"),viewport:f}).promise,i.push(`
+      <figure class="office-pdf-figure">
+        <figcaption class="office-pdf-cap">Page ${d} / ${o}</figcaption>
+        ${m.outerHTML}
+      </figure>`)}let l=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>
+      ${l}
+      ${i.join("")}
+    </div>`}async function Fa(e,t,n){let o=wo(e),a={docx:"Word",pptx:"PowerPoint",xlsx:"Excel",pdf:"PDF"},i=Ea(t),l;if(o==="docx")l=await Da(i);else if(o==="xlsx")l=await _a(i);else if(o==="pptx")l=await Pa(i);else if(o==="pdf")l=await Ra(i);else throw new Error("Unsupported office type");return Ct(e,n,a[o]||o)+l}function Ua(e,t){let n=e?e.split("/"):[],o=t?n.slice(0,-1):n,a='<span class="cursor-pointer text-primary hover:underline" data-dir-path="">root</span>',i="";for(let l of o)i=i?`${i}/${l}`:l,a+=` <span class="text-base-content/40">/</span> <span class="cursor-pointer text-primary hover:underline" data-dir-path="${(0,s.esc)(i)}">${(0,s.esc)(l)}</span>`;return t&&(a+=` <span class="text-base-content/40">/</span> <span>${(0,s.esc)(n.at(-1))}</span>`),a}function Ba(){let e=g.peek(),t=B.peek()||e?.path;if(!t)return;let n=document.createElement("input");n.type="file",n.multiple=!0,n.addEventListener("change",async()=>{let o=A.peek(),a=e?.id||"_",i=[...n.files],l=!1;for(let d of i){let r=o?`${o}/${d.name}`:d.name,c=`/api/projects/${a}/file?root=${encodeURIComponent(t)}&path=${encodeURIComponent(r)}`;try{let p=await fetch(c,{method:"POST",headers:ht(),body:d,duplex:"half"});if(!p.ok){let f=await p.json().catch(()=>({}));throw new Error(f.error||`HTTP ${p.status}`)}}catch(p){alert(`Upload failed (${d.name}): ${p.message}`),l=!0;break}}if(!l){let d=A.peek();A.value=d+"\0",A.value=d}}),n.click()}function qa(e,t){let n=B.peek()||e?.path||"",o=e?.id||"_",a=cn({root:n,path:t,download:"true"}),i=`/api/projects/${o}/file?${a}`,l=document.createElement("a");l.href=i,l.download=t.split("/").pop(),l.click()}async function Oa(e,t){if(!confirm(`Delete "${t.split("/").pop()}"?`))return;let n=B.peek()||e?.path||"",o=e?.id||"_";try{await h("DELETE",`/api/projects/${o}/file?root=${encodeURIComponent(n)}&path=${encodeURIComponent(t)}`),A.value=A.peek()+" ",A.value=A.peek().trimEnd()}catch(a){alert(`Delete failed: ${a.message}`)}}async function Wa(e,t,n,o){let a=n.size??(typeof n.content=="string"?n.content.length:0),i=wo(t);if(i&&n.encoding==="base64"){e.innerHTML=Ct(t,a,i)+`<div class="p-4 text-xs text-base-content/40">Parsing ${i.toUpperCase()}\u2026</div>`;try{let l=await Fa(t,n.content,a);if(o.aborted)return;e.innerHTML=l}catch(l){if(o.aborted)return;e.innerHTML=Ct(t,a,i)+`<div class="p-4 text-xs text-error">Preview failed: ${(0,s.esc)(l.message)} \u2014 <button class="text-primary hover:underline" data-download-path="${(0,s.esc)(t)}">Download</button></div>`}return}if(n.encoding==="base64"){e.innerHTML=Ct(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,s.esc)(t)}">Download</button></div>`;return}e.innerHTML=Ia(t,n.content||"",a),Aa(e)}function ko(){(0,s.effect)(()=>{let e=(0,s.$)("files-breadcrumb");if(!e)return;let t=U.value!==null;e.innerHTML=`
+      ${Ua(U.value??A.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,s.effect)(()=>{let e=N.value,t=g.value,n=(B.value||t?.path||"").trim(),o=U.value,a=A.value,i=(0,s.$)("files-area");if(!i)return;let l=new AbortController;if(e!=="files")return()=>l.abort();if(!n)return i.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>',()=>l.abort();let d=t?.id||"_";return i.innerHTML='<div class="p-4 text-xs text-base-content/40">Loading\u2026</div>',o!==null?h("GET",`/api/projects/${d}/file?root=${encodeURIComponent(n)}&path=${encodeURIComponent(o)}`,void 0,l.signal).then(r=>{if(!l.signal.aborted)return Wa(i,o,r,l.signal)}).catch(r=>{!l.signal.aborted&&r?.name!=="AbortError"&&(i.innerHTML=`<div class="p-4 text-xs text-error">${(0,s.esc)(r.message)}</div>`)}):h("GET",`/api/projects/${d}/files?root=${encodeURIComponent(n)}&path=${encodeURIComponent(a)}`,void 0,l.signal).then(r=>{if(l.signal.aborted)return;let c=Array.isArray(r)?r:Array.isArray(r?.files)?r.files:null;if(!c){i.innerHTML=`<div class="p-4 text-xs text-error">${(0,s.esc)(r?.error||"Invalid directory listing")}</div>`;return}i.innerHTML=ja(c)}).catch(r=>{!l.signal.aborted&&r?.name!=="AbortError"&&(i.innerHTML=`<div class="p-4 text-xs text-error">${(0,s.esc)(r.message)}</div>`)}),()=>l.abort()}),s.delegate.on("click","[data-dir-path]",(e,t)=>{U.value=null,A.value=t.dataset.dirPath}),s.delegate.on("click","[data-file-path]",(e,t)=>{U.value=t.dataset.filePath}),s.delegate.on("click","#btn-upload",()=>Ba()),s.delegate.on("click","[data-download-path]",(e,t)=>{let n=g.peek();n&&qa(n,t.dataset.downloadPath)}),s.delegate.on("click","[data-delete-path]",(e,t)=>{let n=g.peek();n&&Oa(n,t.dataset.deletePath)}),s.delegate.on("click",".office-sheet-tab",(e,t)=>{let n=t.closest(".office-xlsx");if(!n)return;let o=t.dataset.sheetIdx;n.querySelectorAll(".office-sheet-tab").forEach(a=>a.classList.toggle("active",a===t)),n.querySelectorAll(".office-sheet-pane").forEach(a=>{a.classList.toggle("hidden",a.dataset.sheetPane!==o)})})}C();M();W();var $o=(0,s.signal)(!1);function Ga(e){return e?e.split(`
+`).map(t=>(0,s.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 za(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,s.esc)(e.branch)}</span>
+    </div>
+    ${e.files.length?e.files.map(n=>`
+        <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[n.status]||"text-success"}">${(0,s.esc)(n.status)}</span>
+          <span class="break-all">${(0,s.esc)(n.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 Ja(e){return e.split(`
+`).map(t=>t.startsWith("+")&&!t.startsWith("+++")?`<span class="diff-add">${(0,s.esc)(t)}</span>`:t.startsWith("-")&&!t.startsWith("---")?`<span class="diff-del">${(0,s.esc)(t)}</span>`:t.startsWith("@@")?`<span class="diff-hunk">${(0,s.esc)(t)}</span>`:/^(diff |index |---|[+]{3})/.test(t)?`<span class="diff-head">${(0,s.esc)(t)}</span>`:`<span>${(0,s.esc)(t)}</span>`).join(`
+`)}function So(){(0,s.effect)(()=>{let e=N.value,t=g.value,n=O.value||t?.path,o=(0,s.$)("git-area");if(!o)return;let a=new AbortController;if(e!=="git")return()=>a.abort();if(!n)return o.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>',()=>a.abort();let i=t?.id||"_";return o.innerHTML='<div class="p-4 text-xs text-base-content/40">Loading\u2026</div>',h("GET",`/api/projects/${i}/git/status?root=${encodeURIComponent(n)}`,void 0,a.signal).then(l=>{a.signal.aborted||(o.innerHTML=za(l))}).catch(l=>{!a.signal.aborted&&l?.name!=="AbortError"&&(o.innerHTML=`<div class="p-4 text-xs text-error">${(0,s.esc)(l?.message??String(l))}</div>`)}),()=>a.abort()}),(0,s.effect)(()=>{let e=g.value,t=O.value||e?.path,n=$o.value,o=(0,s.$)("diff-content");if(!o||!t)return;let a=e?.id||"_",i=new AbortController;return h("GET",`/api/projects/${a}/git/diff?root=${encodeURIComponent(t)}${n?"&staged=true":""}`,void 0,i.signal).then(l=>{i.signal.aborted||(o.innerHTML=l?.diff?Ja(l.diff):'<span class="text-base-content/40">No changes</span>')}).catch(l=>{!i.signal.aborted&&l?.name!=="AbortError"&&(o.innerHTML=`<span class="text-error">${(0,s.esc)(l?.message??String(l))}</span>`)}),()=>i.abort()}),s.delegate.on("click","#diff-unstaged, #diff-staged",(e,t)=>{let n=t.id==="diff-staged";$o.value=n,(0,s.$)("diff-unstaged").className=`cursor-pointer ${n?"text-base-content/50":"text-primary"}`,(0,s.$)("diff-staged").className=`cursor-pointer ${n?"text-primary":"text-base-content/50"}`}),s.delegate.on("click","#git-graph-toggle",()=>{let e=(0,s.$)("git-graph-panel"),t=(0,s.$)("git-graph-chevron"),n=e.classList.toggle("hidden");t.textContent=n?"\u25B6":"\u25BC",n||Ka()})}function Ka(){let e=g.peek(),t=O.peek()||e?.path,n=(0,s.$)("git-graph-content");if(!t||!n)return;let o=e?.id||"_";n.innerHTML='<span class="text-base-content/40">Loading\u2026</span>',h("GET",`/api/projects/${o}/git/log?root=${encodeURIComponent(t)}`).then(a=>{n.innerHTML=a.graph?Ga(a.graph):'<span class="text-base-content/40">No commits</span>'}).catch(a=>{n.innerHTML=`<span class="text-error">${(0,s.esc)(a.message)}</span>`})}C();M();var z=null,T=null,ls=null,rs=!1,To=null,Mo=null;function Eo(){if(T)return;let e=(0,s.$)("terminal-container");if(e){if(typeof Terminal>"u"){setTimeout(Eo,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"&&(ls=new FitAddon.FitAddon,T.loadAddon(ls)),T.open(e),Ks(),T.onData(t=>{z&&z.readyState===WebSocket.OPEN&&z.send(JSON.stringify({type:"input",data:t}))}),window.addEventListener("resize",()=>{Ks(),Vs()})}}function Ks(){try{ls&&T&&ls.fit()}catch{}}function Vs(){z&&z.readyState===WebSocket.OPEN&&T&&z.send(JSON.stringify({type:"resize",cols:T.cols,rows:T.rows}))}function Co(){return u.machineId||S.peek()||null}function Ao(e){if(z){try{z.close()}catch{}z=null}rs=!1;let t=location.protocol==="https:"?"wss":"ws",n=T?T.cols:80,o=T?T.rows:24,a=new URLSearchParams;u.token&&a.set("token",u.token),e&&a.set("cwd",e),a.set("cols",String(n)),a.set("rows",String(o));let i=Co();$.peek()&&i&&a.set("machine",i),To=e||null,Mo=i,z=new WebSocket(`${t}://${location.host}/ws/shell?${a}`),z.addEventListener("open",()=>{rs=!0,T?.write(`\x1B[32mConnected to interactive terminal\x1B[0m\r
+`),Vs()}),z.addEventListener("message",l=>{let d;try{d=JSON.parse(l.data)}catch{return}d.type==="output"?T?.write(d.data):d.type==="exit"?T?.write(`\r
+\x1B[33m[process exited: ${d.code}]\x1B[0m\r
+`):d.type==="error"&&T?.write(`\r
+\x1B[31m[error: ${d.data||d.message||""}]\x1B[0m\r
+`)}),z.addEventListener("close",()=>{rs=!1,T?.write(`\r
+\x1B[33m[disconnected]\x1B[0m\r
+`)}),z.addEventListener("error",()=>{T?.write(`\r
+\x1B[31m[WebSocket error]\x1B[0m\r
+`)})}function Lo(){let e=g.peek()?.path,t=(0,s.$)("term-cwd");t&&(t.textContent=e||"~"),T||Eo(),requestAnimationFrame(()=>{requestAnimationFrame(()=>{Ks();let n=Co();!rs||To!==(e||null)||Mo!==n?(T?.clear(),Ao(e)):Vs()})})}function jo(){(0,s.watch)(N,e=>{e==="shell"&&Lo()}),document.addEventListener("shell-tab-shown",()=>{N.peek()==="shell"&&Lo()}),document.getElementById("term-reconnect")?.addEventListener("click",()=>{T?.clear(),Ao(g.peek()?.path)})}st();Ut();function Ys(){let e=document.documentElement;e.classList.add("boot-ready"),e.classList.remove("boot-pending")}function cs(){document.documentElement.classList.remove("boot-restore")}var Xs=Ss(location.hash.slice(1)||"/"),Io=zs()||!!(u.token&&Xs?.id);yo({restoreSession:Io});kn();ko();So();Cn();jo();yn();qn();Sn(be,Te);(async()=>{let e=Xe();if(u.token)try{let t=document.getElementById("auth-screen"),n=document.getElementById("app");if(t&&(t.style.display="none",t.classList.add("hidden")),n&&(n.style.display="flex",n.classList.remove("hidden")),Io){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 os({hub:o,deepLink:Xs}),Xs?.id||(Ln(),(location.hash||"").startsWith("#/session/")||cs()),requestAnimationFrame(()=>{requestAnimationFrame(Ys)})}catch(t){console.error("[boot]",t),u.token=null,localStorage.removeItem("token"),cs(),await Gs(),Ys()}else cs(),await Gs(),Ys()})();document.addEventListener("router:home",()=>{cs()});