@farazirfan/costar-server-executor 1.7.74 → 1.7.76

package/public/assets/index-Ca6N-CJM.js

@@ -0,0 +1,1215 @@
+(function(){const e=document.createElement("link").relList;if(e&&e.supports&&e.supports("modulepreload"))return;for(const a of document.querySelectorAll('link[rel="modulepreload"]'))i(a);new MutationObserver(a=>{for(const o of a)if(o.type==="childList")for(const r of o.addedNodes)r.tagName==="LINK"&&r.rel==="modulepreload"&&i(r)}).observe(document,{childList:!0,subtree:!0});function s(a){const o={};return a.integrity&&(o.integrity=a.integrity),a.referrerPolicy&&(o.referrerPolicy=a.referrerPolicy),a.crossOrigin==="use-credentials"?o.credentials="include":a.crossOrigin==="anonymous"?o.credentials="omit":o.credentials="same-origin",o}function i(a){if(a.ep)return;a.ep=!0;const o=s(a);fetch(a.href,o)}})();const U=globalThis,Y=U.ShadowRoot&&(U.ShadyCSS===void 0||U.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,yt=Symbol(),ot=new WeakMap;let Vt=class{constructor(e,s,i){if(this._$cssResult$=!0,i!==yt)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=s}get styleSheet(){let e=this.o;const s=this.t;if(Y&&e===void 0){const i=s!==void 0&&s.length===1;i&&(e=ot.get(s)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),i&&ot.set(s,e))}return e}toString(){return this.cssText}};const jt=t=>new Vt(typeof t=="string"?t:t+"",void 0,yt),zt=(t,e)=>{if(Y)t.adoptedStyleSheets=e.map(s=>s instanceof CSSStyleSheet?s:s.styleSheet);else for(const s of e){const i=document.createElement("style"),a=U.litNonce;a!==void 0&&i.setAttribute("nonce",a),i.textContent=s.cssText,t.appendChild(i)}},rt=Y?t=>t:t=>t instanceof CSSStyleSheet?(e=>{let s="";for(const i of e.cssRules)s+=i.cssText;return jt(s)})(t):t;const{is:Jt,defineProperty:Kt,getOwnPropertyDescriptor:Wt,getOwnPropertyNames:qt,getOwnPropertySymbols:Zt,getPrototypeOf:Gt}=Object,z=globalThis,lt=z.trustedTypes,Yt=lt?lt.emptyScript:"",Xt=z.reactiveElementPolyfillSupport,T=(t,e)=>t,I={toAttribute(t,e){switch(e){case Boolean:t=t?Yt:null;break;case Object:case Array:t=t==null?t:JSON.stringify(t)}return t},fromAttribute(t,e){let s=t;switch(e){case Boolean:s=t!==null;break;case Number:s=t===null?null:Number(t);break;case Object:case Array:try{s=JSON.parse(t)}catch{s=null}}return s}},X=(t,e)=>!Jt(t,e),ct={attribute:!0,type:String,converter:I,reflect:!1,useDefault:!1,hasChanged:X};Symbol.metadata??=Symbol("metadata"),z.litPropertyMetadata??=new WeakMap;let A=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,s=ct){if(s.state&&(s.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((s=Object.create(s)).wrapped=!0),this.elementProperties.set(e,s),!s.noAccessor){const i=Symbol(),a=this.getPropertyDescriptor(e,i,s);a!==void 0&&Kt(this.prototype,e,a)}}static getPropertyDescriptor(e,s,i){const{get:a,set:o}=Wt(this.prototype,e)??{get(){return this[s]},set(r){this[s]=r}};return{get:a,set(r){const u=a?.call(this);o?.call(this,r),this.requestUpdate(e,u,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??ct}static _$Ei(){if(this.hasOwnProperty(T("elementProperties")))return;const e=Gt(this);e.finalize(),e.l!==void 0&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(T("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(T("properties"))){const s=this.properties,i=[...qt(s),...Zt(s)];for(const a of i)this.createProperty(a,s[a])}const e=this[Symbol.metadata];if(e!==null){const s=litPropertyMetadata.get(e);if(s!==void 0)for(const[i,a]of s)this.elementProperties.set(i,a)}this._$Eh=new Map;for(const[s,i]of this.elementProperties){const a=this._$Eu(s,i);a!==void 0&&this._$Eh.set(a,s)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const s=[];if(Array.isArray(e)){const i=new Set(e.flat(1/0).reverse());for(const a of i)s.unshift(rt(a))}else e!==void 0&&s.push(rt(e));return s}static _$Eu(e,s){const i=s.attribute;return i===!1?void 0:typeof i=="string"?i:typeof e=="string"?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),this.renderRoot!==void 0&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,s=this.constructor.elementProperties;for(const i of s.keys())this.hasOwnProperty(i)&&(e.set(i,this[i]),delete this[i]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return zt(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,s,i){this._$AK(e,i)}_$ET(e,s){const i=this.constructor.elementProperties.get(e),a=this.constructor._$Eu(e,i);if(a!==void 0&&i.reflect===!0){const o=(i.converter?.toAttribute!==void 0?i.converter:I).toAttribute(s,i.type);this._$Em=e,o==null?this.removeAttribute(a):this.setAttribute(a,o),this._$Em=null}}_$AK(e,s){const i=this.constructor,a=i._$Eh.get(e);if(a!==void 0&&this._$Em!==a){const o=i.getPropertyOptions(a),r=typeof o.converter=="function"?{fromAttribute:o.converter}:o.converter?.fromAttribute!==void 0?o.converter:I;this._$Em=a;const u=r.fromAttribute(s,o.type);this[a]=u??this._$Ej?.get(a)??u,this._$Em=null}}requestUpdate(e,s,i,a=!1,o){if(e!==void 0){const r=this.constructor;if(a===!1&&(o=this[e]),i??=r.getPropertyOptions(e),!((i.hasChanged??X)(o,s)||i.useDefault&&i.reflect&&o===this._$Ej?.get(e)&&!this.hasAttribute(r._$Eu(e,i))))return;this.C(e,s,i)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(e,s,{useDefault:i,reflect:a,wrapped:o},r){i&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,r??s??this[e]),o!==!0||r!==void 0)||(this._$AL.has(e)||(this.hasUpdated||i||(s=void 0),this._$AL.set(e,s)),a===!0&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(s){Promise.reject(s)}const e=this.scheduleUpdate();return e!=null&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[a,o]of this._$Ep)this[a]=o;this._$Ep=void 0}const i=this.constructor.elementProperties;if(i.size>0)for(const[a,o]of i){const{wrapped:r}=o,u=this[a];r!==!0||this._$AL.has(a)||u===void 0||this.C(a,void 0,o,u)}}let e=!1;const s=this._$AL;try{e=this.shouldUpdate(s),e?(this.willUpdate(s),this._$EO?.forEach(i=>i.hostUpdate?.()),this.update(s)):this._$EM()}catch(i){throw e=!1,this._$EM(),i}e&&this._$AE(s)}willUpdate(e){}_$AE(e){this._$EO?.forEach(s=>s.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(s=>this._$ET(s,this[s])),this._$EM()}updated(e){}firstUpdated(e){}};A.elementStyles=[],A.shadowRootOptions={mode:"open"},A[T("elementProperties")]=new Map,A[T("finalized")]=new Map,Xt?.({ReactiveElement:A}),(z.reactiveElementVersions??=[]).push("2.1.2");const Q=globalThis,dt=t=>t,V=Q.trustedTypes,ht=V?V.createPolicy("lit-html",{createHTML:t=>t}):void 0,$t="$lit$",w=`lit$${Math.random().toFixed(9).slice(2)}$`,bt="?"+w,Qt=`<${bt}>`,C=document,R=()=>C.createComment(""),F=t=>t===null||typeof t!="object"&&typeof t!="function",tt=Array.isArray,te=t=>tt(t)||typeof t?.[Symbol.iterator]=="function",q=`[ 	
+\f\r]`,L=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,vt=/-->/g,pt=/>/g,S=RegExp(`>|${q}(?:([^\\s"'>=/]+)(${q}*=${q}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`,"g"),ut=/'/g,gt=/"/g,wt=/^(?:script|style|textarea|title)$/i,ee=t=>(e,...s)=>({_$litType$:t,strings:e,values:s}),n=ee(1),E=Symbol.for("lit-noChange"),l=Symbol.for("lit-nothing"),ft=new WeakMap,k=C.createTreeWalker(C,129);function St(t,e){if(!tt(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return ht!==void 0?ht.createHTML(e):e}const se=(t,e)=>{const s=t.length-1,i=[];let a,o=e===2?"<svg>":e===3?"<math>":"",r=L;for(let u=0;u<s;u++){const v=t[u];let f,m,g=-1,y=0;for(;y<v.length&&(r.lastIndex=y,m=r.exec(v),m!==null);)y=r.lastIndex,r===L?m[1]==="!--"?r=vt:m[1]!==void 0?r=pt:m[2]!==void 0?(wt.test(m[2])&&(a=RegExp("</"+m[2],"g")),r=S):m[3]!==void 0&&(r=S):r===S?m[0]===">"?(r=a??L,g=-1):m[1]===void 0?g=-2:(g=r.lastIndex-m[2].length,f=m[1],r=m[3]===void 0?S:m[3]==='"'?gt:ut):r===gt||r===ut?r=S:r===vt||r===pt?r=L:(r=S,a=void 0);const $=r===S&&t[u+1].startsWith("/>")?" ":"";o+=r===L?v+Qt:g>=0?(i.push(f),v.slice(0,g)+$t+v.slice(g)+w+$):v+w+(g===-2?u:$)}return[St(t,o+(t[s]||"<?>")+(e===2?"</svg>":e===3?"</math>":"")),i]};class P{constructor({strings:e,_$litType$:s},i){let a;this.parts=[];let o=0,r=0;const u=e.length-1,v=this.parts,[f,m]=se(e,s);if(this.el=P.createElement(f,i),k.currentNode=this.el.content,s===2||s===3){const g=this.el.content.firstChild;g.replaceWith(...g.childNodes)}for(;(a=k.nextNode())!==null&&v.length<u;){if(a.nodeType===1){if(a.hasAttributes())for(const g of a.getAttributeNames())if(g.endsWith($t)){const y=m[r++],$=a.getAttribute(g).split(w),B=/([.?@])?(.*)/.exec(y);v.push({type:1,index:o,name:B[2],strings:$,ctor:B[1]==="."?ae:B[1]==="?"?ne:B[1]==="@"?oe:J}),a.removeAttribute(g)}else g.startsWith(w)&&(v.push({type:6,index:o}),a.removeAttribute(g));if(wt.test(a.tagName)){const g=a.textContent.split(w),y=g.length-1;if(y>0){a.textContent=V?V.emptyScript:"";for(let $=0;$<y;$++)a.append(g[$],R()),k.nextNode(),v.push({type:2,index:++o});a.append(g[y],R())}}}else if(a.nodeType===8)if(a.data===bt)v.push({type:2,index:o});else{let g=-1;for(;(g=a.data.indexOf(w,g+1))!==-1;)v.push({type:7,index:o}),g+=w.length-1}o++}}static createElement(e,s){const i=C.createElement("template");return i.innerHTML=e,i}}function M(t,e,s=t,i){if(e===E)return e;let a=i!==void 0?s._$Co?.[i]:s._$Cl;const o=F(e)?void 0:e._$litDirective$;return a?.constructor!==o&&(a?._$AO?.(!1),o===void 0?a=void 0:(a=new o(t),a._$AT(t,s,i)),i!==void 0?(s._$Co??=[])[i]=a:s._$Cl=a),a!==void 0&&(e=M(t,a._$AS(t,e.values),a,i)),e}class ie{constructor(e,s){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=s}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:s},parts:i}=this._$AD,a=(e?.creationScope??C).importNode(s,!0);k.currentNode=a;let o=k.nextNode(),r=0,u=0,v=i[0];for(;v!==void 0;){if(r===v.index){let f;v.type===2?f=new O(o,o.nextSibling,this,e):v.type===1?f=new v.ctor(o,v.name,v.strings,this,e):v.type===6&&(f=new re(o,this,e)),this._$AV.push(f),v=i[++u]}r!==v?.index&&(o=k.nextNode(),r++)}return k.currentNode=C,a}p(e){let s=0;for(const i of this._$AV)i!==void 0&&(i.strings!==void 0?(i._$AI(e,i,s),s+=i.strings.length-2):i._$AI(e[s])),s++}}class O{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,s,i,a){this.type=2,this._$AH=l,this._$AN=void 0,this._$AA=e,this._$AB=s,this._$AM=i,this.options=a,this._$Cv=a?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode;const s=this._$AM;return s!==void 0&&e?.nodeType===11&&(e=s.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,s=this){e=M(this,e,s),F(e)?e===l||e==null||e===""?(this._$AH!==l&&this._$AR(),this._$AH=l):e!==this._$AH&&e!==E&&this._(e):e._$litType$!==void 0?this.$(e):e.nodeType!==void 0?this.T(e):te(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==l&&F(this._$AH)?this._$AA.nextSibling.data=e:this.T(C.createTextNode(e)),this._$AH=e}$(e){const{values:s,_$litType$:i}=e,a=typeof i=="number"?this._$AC(e):(i.el===void 0&&(i.el=P.createElement(St(i.h,i.h[0]),this.options)),i);if(this._$AH?._$AD===a)this._$AH.p(s);else{const o=new ie(a,this),r=o.u(this.options);o.p(s),this.T(r),this._$AH=o}}_$AC(e){let s=ft.get(e.strings);return s===void 0&&ft.set(e.strings,s=new P(e)),s}k(e){tt(this._$AH)||(this._$AH=[],this._$AR());const s=this._$AH;let i,a=0;for(const o of e)a===s.length?s.push(i=new O(this.O(R()),this.O(R()),this,this.options)):i=s[a],i._$AI(o),a++;a<s.length&&(this._$AR(i&&i._$AB.nextSibling,a),s.length=a)}_$AR(e=this._$AA.nextSibling,s){for(this._$AP?.(!1,!0,s);e!==this._$AB;){const i=dt(e).nextSibling;dt(e).remove(),e=i}}setConnected(e){this._$AM===void 0&&(this._$Cv=e,this._$AP?.(e))}}class J{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,s,i,a,o){this.type=1,this._$AH=l,this._$AN=void 0,this.element=e,this.name=s,this._$AM=a,this.options=o,i.length>2||i[0]!==""||i[1]!==""?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=l}_$AI(e,s=this,i,a){const o=this.strings;let r=!1;if(o===void 0)e=M(this,e,s,0),r=!F(e)||e!==this._$AH&&e!==E,r&&(this._$AH=e);else{const u=e;let v,f;for(e=o[0],v=0;v<o.length-1;v++)f=M(this,u[i+v],s,v),f===E&&(f=this._$AH[v]),r||=!F(f)||f!==this._$AH[v],f===l?e=l:e!==l&&(e+=(f??"")+o[v+1]),this._$AH[v]=f}r&&!a&&this.j(e)}j(e){e===l?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class ae extends J{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===l?void 0:e}}class ne extends J{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==l)}}class oe extends J{constructor(e,s,i,a,o){super(e,s,i,a,o),this.type=5}_$AI(e,s=this){if((e=M(this,e,s,0)??l)===E)return;const i=this._$AH,a=e===l&&i!==l||e.capture!==i.capture||e.once!==i.once||e.passive!==i.passive,o=e!==l&&(i===l||a);a&&this.element.removeEventListener(this.name,this,i),o&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}}class re{constructor(e,s,i){this.element=e,this.type=6,this._$AN=void 0,this._$AM=s,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(e){M(this,e)}}const le=Q.litHtmlPolyfillSupport;le?.(P,O),(Q.litHtmlVersions??=[]).push("3.3.2");const ce=(t,e,s)=>{const i=s?.renderBefore??e;let a=i._$litPart$;if(a===void 0){const o=s?.renderBefore??null;i._$litPart$=a=new O(e.insertBefore(R(),o),o,void 0,s??{})}return a._$AI(t),a};const et=globalThis;class D extends A{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){const s=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=ce(s,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return E}}D._$litElement$=!0,D.finalized=!0,et.litElementHydrateSupport?.({LitElement:D});const de=et.litElementPolyfillSupport;de?.({LitElement:D});(et.litElementVersions??=[]).push("4.2.2");const he=t=>(e,s)=>{s!==void 0?s.addInitializer(()=>{customElements.define(t,e)}):customElements.define(t,e)};const ve={attribute:!0,type:String,converter:I,reflect:!1,hasChanged:X},pe=(t=ve,e,s)=>{const{kind:i,metadata:a}=s;let o=globalThis.litPropertyMetadata.get(a);if(o===void 0&&globalThis.litPropertyMetadata.set(a,o=new Map),i==="setter"&&((t=Object.create(t)).wrapped=!0),o.set(s.name,t),i==="accessor"){const{name:r}=s;return{set(u){const v=e.get.call(this);e.set.call(this,u),this.requestUpdate(r,v,t,!0,u)},init(u){return u!==void 0&&this.C(r,void 0,t,u),u}}}if(i==="setter"){const{name:r}=s;return function(u){const v=this[r];e.call(this,u),this.requestUpdate(r,v,t,!0,u)}}throw Error("Unsupported decorator location: "+i)};function ue(t){return(e,s)=>typeof s=="object"?pe(t,e,s):((i,a,o)=>{const r=a.hasOwnProperty(o);return a.constructor.createProperty(o,i),r?Object.getOwnPropertyDescriptor(a,o):void 0})(t,e,s)}function h(t){return ue({...t,state:!0,attribute:!1})}const xt={name:"",instruction:"",scheduleType:"every",every:"30m",cronExpression:"",at:""},kt="costar.dashboard.settings.v1",x={theme:"system",chatShowThinking:!0,splitRatio:.6,navCollapsed:!1,navGroupsCollapsed:{}};function ge(){try{const t=localStorage.getItem(kt);if(!t)return{...x};const e=JSON.parse(t);return{theme:e.theme==="light"||e.theme==="dark"||e.theme==="system"?e.theme:x.theme,chatShowThinking:typeof e.chatShowThinking=="boolean"?e.chatShowThinking:x.chatShowThinking,splitRatio:typeof e.splitRatio=="number"&&e.splitRatio>=.3&&e.splitRatio<=.8?e.splitRatio:x.splitRatio,navCollapsed:typeof e.navCollapsed=="boolean"?e.navCollapsed:x.navCollapsed,navGroupsCollapsed:typeof e.navGroupsCollapsed=="object"&&e.navGroupsCollapsed!==null?e.navGroupsCollapsed:x.navGroupsCollapsed}}catch{return{...x}}}function fe(t){try{localStorage.setItem(kt,JSON.stringify(t))}catch{}}const me=[{label:"main",tabs:["dashboard","chat"]},{label:"agent",tabs:["cron","activity","sessions"]},{label:"data",tabs:["assets","projects","workspace"]},{label:"system",tabs:["skills","logs","config"]}],Z={dashboard:"/",chat:"/chat",cron:"/cron",activity:"/activity",sessions:"/sessions",assets:"/assets",projects:"/projects",workspace:"/workspace",skills:"/skills",logs:"/logs",config:"/config"},ye={dashboard:"Dashboard",chat:"Chat",cron:"Cron Jobs",activity:"Activity",sessions:"Sessions",assets:"Assets",projects:"Projects",workspace:"Workspace",skills:"Skills",logs:"Logs",config:"Config"},$e={dashboard:"home",chat:"messageSquare",cron:"clock",activity:"activity",sessions:"fileText",assets:"package",projects:"folder",workspace:"edit",skills:"zap",logs:"terminal",config:"settings"},be={main:"Main",agent:"Agent",data:"Data",system:"System"};function we(t){return Z[t]}function Ct(t){for(const[s,i]of Object.entries(Z))if(t===i)return s;const e=t.replace(/\/$/,"")||"/";for(const[s,i]of Object.entries(Z))if(e===i)return s;return null}function Se(t){return $e[t]}function xe(t){return ye[t]}function ke(t){return be[t]||t}function Ce(){return typeof window>"u"||typeof window.matchMedia!="function"||window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}function _t(t){return t==="system"?Ce():t}class _e{constructor(e=""){this._chatSessionId=null,this.baseUrl=e}url(e,s){const i=this.baseUrl||window.location.origin,a=new URL(e,i);if(s)for(const[o,r]of Object.entries(s))r!==void 0&&r!==""&&a.searchParams.set(o,r);return a.toString()}async get(e,s){const i=await fetch(this.url(e,s));if(!i.ok){const a=await i.json().catch(()=>({error:i.statusText}));throw new Error(a.error||i.statusText)}return i.json()}async getText(e,s){const i=await fetch(this.url(e,s));if(!i.ok)throw new Error(i.statusText);return i.text()}async post(e,s){const i=await fetch(this.url(e),{method:"POST",headers:{"Content-Type":"application/json"},body:s!==void 0?JSON.stringify(s):void 0});if(!i.ok){const a=await i.json().catch(()=>({error:i.statusText}));throw new Error(a.error||i.statusText)}return i.json()}async put(e,s){const i=await fetch(this.url(e),{method:"PUT",headers:{"Content-Type":"application/json"},body:s!==void 0?JSON.stringify(s):void 0});if(!i.ok){const a=await i.json().catch(()=>({error:i.statusText}));throw new Error(a.error||i.statusText)}return i.json()}async del(e){const s=await fetch(this.url(e),{method:"DELETE"});if(!s.ok){const i=await s.json().catch(()=>({error:s.statusText}));throw new Error(i.error||s.statusText)}return s.json()}streamChat(e,s){const i=new AbortController;return(async()=>{try{if(!this._chatSessionId){const v=await fetch(this.url("/api/sessions"),{method:"POST",headers:{"Content-Type":"application/json"},signal:i.signal});if(!v.ok){s.onError?.(`Failed to create session: ${v.statusText}`);return}const f=await v.json();this._chatSessionId=f.id}const a=await fetch(this.url(`/api/sessions/${this._chatSessionId}/messages/stream`),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({message:e}),signal:i.signal});if(!a.ok||!a.body){a.status===404?(this._chatSessionId=null,s.onError?.("Session expired. Please try again.")):s.onError?.(`HTTP ${a.status}: ${a.statusText}`);return}const o=a.body.getReader(),r=new TextDecoder;let u="";for(;;){const{done:v,value:f}=await o.read();if(v)break;u+=r.decode(f,{stream:!0});const m=u.split(`
+`);u=m.pop()||"";let g="",y="";for(const $ of m)$.startsWith("event: ")?g=$.slice(7).trim():$.startsWith("data: ")?(y=$.slice(6),g&&y&&(this._handleSSEEvent(g,y,s),g="",y="")):$===""&&(g="",y="")}}catch(a){if(a.name==="AbortError")return;s.onError?.(a.message||"Stream error")}})(),{abort:()=>i.abort()}}_handleSSEEvent(e,s,i){let a;try{a=JSON.parse(s)}catch{return}switch(e){case"connected":break;case"text_delta":a.text&&i.onDelta(a.text);break;case"tool_start":i.onToolStart?.(a);break;case"tool_end":i.onToolEnd?.(a);break;case"compaction_start":i.onCompactionStart?.();break;case"compaction_end":i.onCompactionEnd?.(a);break;case"done":i.onDone?.(a);break;case"error":i.onError?.(a.message||"Unknown error");break}}streamLogs(e){const s=new EventSource(this.url("/api/logs/stream"));return s.onopen=()=>e.onConnect?.(),s.onmessage=i=>{try{e.onLog(JSON.parse(i.data))}catch{e.onLog({message:i.data})}},s.onerror=()=>e.onError?.("Log stream disconnected"),{close:()=>s.close()}}}const p=new _e;async function Ae(t){try{const[e,s]=await Promise.all([p.get("/api/status"),p.get("/api/version")]);t.statusResponse=e,t.versionInfo=s,t.serverStatus={online:!0,version:s.version,uptime:e.agent.uptime,userId:e.agent.userId,cronRunning:e.cron.isRunning,cronJobs:e.cron.trackedJobs,heartbeatEnabled:e.heartbeat.enabled,skills:e.skills}}catch{t.serverStatus={online:!1,version:"?",uptime:0,userId:"",cronRunning:!1,cronJobs:0,heartbeatEnabled:!1,skills:{total:0,eligible:0}}}}async function At(t){const[e,s,i,a,o,r]=await Promise.allSettled([p.get("/api/status"),p.get("/api/version"),p.get("/api/db/activity/stats"),p.get("/api/db/projects",{limit:"100"}),p.get("/api/db/activity",{limit:"5"}),p.get("/api/agent/session").catch(()=>null)]);e.status==="fulfilled"&&(t.statusResponse=e.value),s.status==="fulfilled"&&(t.versionInfo=s.value),e.status==="fulfilled"&&s.status==="fulfilled"?t.serverStatus={online:!0,version:s.value.version,uptime:e.value.agent.uptime,userId:e.value.agent.userId,cronRunning:e.value.cron.isRunning,cronJobs:e.value.cron.trackedJobs,heartbeatEnabled:e.value.heartbeat.enabled,skills:e.value.skills}:s.status==="fulfilled"&&(t.serverStatus={online:!0,version:s.value.version,uptime:s.value.uptime,userId:"",cronRunning:!1,cronJobs:0,heartbeatEnabled:!1,skills:{total:0,eligible:0}}),i.status==="fulfilled"&&(t.activityStats=i.value),a.status==="fulfilled"&&(t.projectCount=a.value.length,t.activeProject=a.value.find(u=>u.is_active)||null),o.status==="fulfilled"&&(t.recentActivity=o.value),r.status==="fulfilled"&&r.value&&(t.sessionInfo=r.value)}async function Ee(t){if(confirm("Compact the agent's conversation context? This will summarize older turns."))try{const e=await p.post("/api/agent/compact"),s=e.message||(e.tokensBefore?`Compacted: ${e.tokensBefore} → ${e.tokensAfter} tokens`:"Compaction complete");alert(s);try{t.sessionInfo=await p.get("/api/agent/session")}catch{}}catch(e){alert(`Error: ${e.message}`)}}async function Me(t){if(confirm("WARNING: This will reset the agent's entire conversation memory. Are you sure?")&&confirm("This is irreversible. The agent will lose all conversation context. Proceed?"))try{await p.post("/api/agent/reset-session"),alert("Session has been reset.");try{t.sessionInfo=await p.get("/api/agent/session")}catch{}}catch(e){alert(`Error: ${e.message}`)}}async function Le(t){try{await p.post("/api/update",{version:"latest"}),alert("Update triggered. The page will reload in 8 seconds..."),setTimeout(()=>window.location.reload(),8e3)}catch(e){alert(`Update failed: ${e.message}`)}}async function K(t){t.cronLoading=!0;try{t.cronJobs=await p.get("/api/cron/jobs")}catch{t.cronJobs=[]}t.cronLoading=!1}async function Te(t){t.cronLoading=!0;try{const e=t.cronForm;await p.post("/api/cron/jobs",{name:e.name||"Untitled",instruction:e.instruction,schedule_type:e.scheduleType,every:e.scheduleType==="every"?e.every:void 0,cron_expression:e.scheduleType==="cron"?e.cronExpression:void 0,at:e.scheduleType==="at"?e.at:void 0}),t.cronForm={...xt},await K(t)}catch(e){alert(`Failed to create job: ${e.message}`)}t.cronLoading=!1}async function De(t,e){try{await p.post(`/api/cron/jobs/${e}/run`)}catch(s){alert(`Failed to run job: ${s.message}`)}}async function Re(t,e){if(confirm("Delete this cron job?"))try{await p.del(`/api/cron/jobs/${e}`),await K(t)}catch(s){alert(`Failed to delete job: ${s.message}`)}}async function Fe(t,e,s){t.cronHistoryJob=s,t.cronHistoryOpen=!0;try{t.cronHistory=await p.get("/api/cron/history",{jobId:e,limit:"50"})}catch{t.cronHistory=[]}}async function st(t){t.activityLoading=!0,t.activityOffset=0;try{const e={limit:"50",offset:"0"};t.activityStatusFilter&&(e.status=t.activityStatusFilter);const[s,i]=await Promise.allSettled([p.get("/api/db/activity",e),p.get("/api/db/activity/stats")]);s.status==="fulfilled"&&(t.activityList=s.value,t.activityHasMore=s.value.length>=50),i.status==="fulfilled"&&(t.activityStats=i.value)}catch{t.activityList=[]}t.activityLoading=!1}async function Pe(t){t.activityOffset+=50;try{const e={limit:"50",offset:String(t.activityOffset)};t.activityStatusFilter&&(e.status=t.activityStatusFilter);const s=await p.get("/api/db/activity",e);t.activityList=[...t.activityList,...s],t.activityHasMore=s.length>=50}catch{t.activityHasMore=!1}}async function Oe(t){if(!t.activitySearch.trim()){await st(t);return}t.activityLoading=!0;try{t.activityList=await p.get("/api/db/activity/search",{q:t.activitySearch,limit:"50"}),t.activityHasMore=!1}catch{t.activityList=[]}t.activityLoading=!1}async function Et(t){t.assetsLoading=!0;try{t.assetsList=await p.get("/api/db/assets",{limit:"100"})}catch{t.assetsList=[]}t.assetsLoading=!1}async function Mt(t){t.projectsLoading=!0;try{t.projectsList=await p.get("/api/db/projects",{limit:"100"})}catch{t.projectsList=[]}t.projectsLoading=!1}async function Lt(t){t.sessionsLoading=!0;try{const e=await p.get("/api/sessions/files");t.sessionsList=(e.files||[]).map(s=>({name:s.filename||s.name,size:s.sizeBytes||s.size,modified:s.modifiedAt||s.modified,turns:s.turns}))}catch{t.sessionsList=[]}t.sessionsLoading=!1}async function Be(t,e){t.sessionDetailName=e,t.sessionViewMode="parsed",t.sessionRawContent="";try{const s=await p.get(`/api/sessions/files/${encodeURIComponent(e)}/parsed`);t.sessionDetail=s.turns||s}catch{t.sessionDetail=[]}Ne(t)}async function Tt(t){if(t.sessionDetailName)try{const i=(await p.getText(`/api/sessions/files/${encodeURIComponent(t.sessionDetailName)}`)).trim().split(`
+`).map(a=>{try{return JSON.stringify(JSON.parse(a),null,2)}catch{return a}}).join(`
+---
+`);t.sessionRawContent=i}catch{t.sessionRawContent="Error loading raw content"}}function He(t,e){t.sessionViewMode=e,e==="raw"&&!t.sessionRawContent&&Tt(t)}function Ue(t){it(t),t.sessionDetail=null,t.sessionDetailName="",t.sessionRawContent=""}function Ne(t){it(t),t._sessionPollTimer=setInterval(async()=>{if(t.sessionDetailName)try{if(t.sessionViewMode==="parsed"){const e=await p.get(`/api/sessions/files/${encodeURIComponent(t.sessionDetailName)}/parsed`);t.sessionDetail=e.turns||e}}catch{}},3e3)}function it(t){t._sessionPollTimer&&(clearInterval(t._sessionPollTimer),t._sessionPollTimer=null)}async function Dt(t){t.workspaceLoading=!0;try{const e=await p.get("/api/workspace/files");t.workspaceFiles=e.files||[]}catch{t.workspaceFiles=[]}t.workspaceLoading=!1}async function Ie(t,e){t.workspaceEditingFile=e;try{const s=await p.get(`/api/workspace/files/${encodeURIComponent(e)}`);t.workspaceEditContent=s.content||""}catch{t.workspaceEditContent="(Failed to load file)"}}async function Ve(t){t.workspaceSaving=!0;try{await p.put(`/api/workspace/files/${encodeURIComponent(t.workspaceEditingFile)}`,{content:t.workspaceEditContent})}catch(e){alert(`Failed to save: ${e.message}`)}t.workspaceSaving=!1}async function Rt(t){t.skillsLoading=!0;try{const e=await p.get("/api/skills");t.skillsList=Array.isArray(e)?e:e.skills||[]}catch{t.skillsList=[]}t.skillsLoading=!1}async function je(t,e){t.skillDetailOpen=!0,t.skillFileTab=0;try{const s=await p.get(`/api/skills/${encodeURIComponent(e)}`);t.skillDetail=s}catch{t.skillDetail=null}}function ze(t){t.skillDetailOpen=!1,t.skillDetail=null,t.skillFileTab=0}async function Ft(t){t.configLoading=!0;try{t.configData=await p.get("/api/config")}catch{t.configData={}}t.configLoading=!1}async function W(t){t.envLoading=!0;try{const e=await p.get("/api/env"),s=[];if(Array.isArray(e))for(const i of e)s.push({key:i.key,value:i.value||"",source:i.source||"user"});else if(e&&typeof e=="object")if(e.variables&&Array.isArray(e.variables))for(const i of e.variables)s.push({key:i.key,value:i.value||"",source:i.source||"user"});else for(const[i,a]of Object.entries(e))s.push({key:i,value:String(a||""),source:Ye(i)?"platform":"user"});t.envVars=s}catch{t.envVars=[]}t.envLoading=!1}async function Je(t,e){if(t.envRevealedKeys[e]){const s={...t.envRevealedKeys};delete s[e],t.envRevealedKeys=s;return}try{const s=await p.get(`/api/env/${encodeURIComponent(e)}`);t.envRevealedKeys={...t.envRevealedKeys,[e]:s.value||String(s)},setTimeout(()=>{const i={...t.envRevealedKeys};delete i[e],t.envRevealedKeys=i},1e4)}catch{}}function Ke(t){t.envModalOpen=!0,t.envModalKey="",t.envModalValue="",t.envModalEditing=!1}function We(t,e){const s=t.envVars.find(i=>i.key===e);t.envModalOpen=!0,t.envModalKey=e,t.envModalValue=s?.value||"",t.envModalEditing=!0}function Pt(t){t.envModalOpen=!1,t.envModalKey="",t.envModalValue="",t.envModalEditing=!1}async function qe(t){const e=t.envModalKey.trim().toUpperCase(),s=t.envModalValue;if(!e||!/^[A-Z0-9_]+$/.test(e)){alert("Key must be uppercase letters, numbers, and underscores only");return}try{t.envModalEditing?await p.put(`/api/env/${encodeURIComponent(e)}`,{value:s}):await p.post("/api/env",{key:e,value:s}),Pt(t),await W(t)}catch(i){alert(`Error: ${i.message}`)}}async function Ze(t,e){if(confirm(`Delete environment variable "${e}"?`))try{await p.del(`/api/env/${encodeURIComponent(e)}`),await W(t)}catch(s){alert(`Error: ${s.message}`)}}async function Ge(t){t.updating=!0,t.updateResult="";try{const e=await p.post("/api/update",{version:"latest"});t.updateResult=e.stdout||e.message||"Update triggered. The executor will restart."}catch(e){t.updateResult=`Error: ${e.message}`}t.updating=!1}function Ye(t){return["ANTHROPIC_API_KEY","SUPABASE_URL","SUPABASE_KEY","SUPABASE_SERVICE_ROLE_KEY","USER_ID","SANDBOX_ID","NODE_ENV","PORT","OPENAI_API_KEY","S3_BUCKET","S3_ACCESS_KEY","S3_SECRET_KEY","S3_ENDPOINT"].includes(t)}async function Ot(t){try{const e={limit:"200"};t.logComponentFilter&&(e.component=t.logComponentFilter),t.logFilter&&(e.level=t.logFilter);const s=await p.get("/api/logs",e);if(Array.isArray(s)){t.logEntries=s;const i=new Set;for(const a of s){const o=a?.component;o&&i.add(o)}t.logComponents=Array.from(i).sort()}}catch{}}function Bt(t){t.logStream&&(t.logStream.close(),t.logStream=null),t.logStreaming=!0,t.logStream=p.streamLogs({onLog:e=>{const s=e?.component;if(s&&!t.logComponents.includes(s)&&(t.logComponents=[...t.logComponents,s].sort()),!(t.logComponentFilter&&(e?.component||"")!==t.logComponentFilter)){if(t.logFilter){const i=(e?.level||"").toLowerCase();if(t.logFilter==="error"&&i!=="error"&&i!=="fatal"||t.logFilter==="warn"&&i!=="warn"&&i!=="error"&&i!=="fatal"||t.logFilter==="info"&&i!=="info"||t.logFilter==="debug"&&i!=="debug")return}t.logEntries=[e,...t.logEntries.slice(0,499)]}},onError:()=>{t.logStreaming=!1}})}function Ht(t){t.logStream?.close(),t.logStream=null,t.logStreaming=!1}function Xe(t,e){const s=t.tab;if(e===s)return;t.tab=e,s==="sessions"&&it(t),s==="logs"&&Ht(t);const i=we(e);history.pushState(null,"",i),at(t)}function Qe(t,e){t.theme=e,t.themeResolved=_t(e),Ut(t.themeResolved),t.settings={...t.settings,theme:e},fe(t.settings)}function ts(t){const e=Ct(window.location.pathname);e&&e!==t.tab&&(t.tab=e,at(t))}async function at(t){switch(t.tab){case"dashboard":await At(t);break;case"cron":await K(t);break;case"activity":await st(t);break;case"assets":await Et(t);break;case"projects":await Mt(t);break;case"sessions":await Lt(t);break;case"workspace":await Dt(t);break;case"skills":await Rt(t);break;case"config":await Ft(t),await W(t);break;case"logs":await Ot(t),Bt(t);break}}function es(t){t.theme=t.settings.theme,t.themeResolved=_t(t.theme),Ut(t.themeResolved);const e=Ct(window.location.pathname);e&&(t.tab=e),Ae(t),at(t)}function ss(t){t.logStream?.close(),t.logStream=null,t._sessionPollTimer&&(clearInterval(t._sessionPollTimer),t._sessionPollTimer=null),t.popStateHandler&&(window.removeEventListener("popstate",t.popStateHandler),t.popStateHandler=null)}function Ut(t){document.documentElement.setAttribute("data-theme",t)}function is(t){return t.chatSending||t.chatLoading}async function as(t,e){const s=e||t.chatMessage.trim();if(!s||is(t))return;t.chatMessages=[...t.chatMessages,{role:"user",content:s}],t.chatMessage="",t.chatSending=!0,t.chatStream="",t.chatStreamFlow=[{type:"text",content:""}],t.chatButtonLabel="Thinking...",t.chatCompacting=!1;let i=0;t.chatAbort=p.streamChat(s,{onDelta:a=>{t.chatStream=(t.chatStream||"")+a;const o=[...t.chatStreamFlow],r=o[o.length-1];r&&r.type==="text"?o[o.length-1]={type:"text",content:r.content+a}:o.push({type:"text",content:a}),t.chatStreamFlow=o},onToolStart:a=>{i++,t.chatButtonLabel=`Tool ${i}...`;const o={id:a.toolCallId||`tool-${i}`,name:a.name||"tool",args:a.args?JSON.stringify(a.args,null,2):void 0,status:"running"};t.chatStreamFlow=[...t.chatStreamFlow,{type:"tool",card:o},{type:"text",content:""}]},onToolEnd:a=>{const o=[...t.chatStreamFlow],r=o.find(u=>u.type==="tool"&&u.card.id===(a.toolCallId||`tool-${a.index}`));r&&(r.card={...r.card,status:a.isError?"error":"done",result:a.result,durationMs:a.durationMs}),t.chatStreamFlow=o},onCompactionStart:()=>{t.chatCompacting=!0},onCompactionEnd:()=>{t.chatCompacting=!1},onDone:a=>{const r={role:"assistant",content:t.chatStream||a.response||"",flow:t.chatStreamFlow.filter(u=>!(u.type==="text"&&!u.content)),meta:{toolCalls:a.toolCalls||i,inputTokens:a.inputTokens,outputTokens:a.outputTokens,compactionCount:a.compactionCount}};t.chatMessages=[...t.chatMessages,r],t.chatStream=null,t.chatStreamFlow=[],t.chatSending=!1,t.chatAbort=null,t.chatButtonLabel="",t.chatCompacting=!1},onError:a=>{t.chatMessages=[...t.chatMessages,{role:"assistant",content:`Error: ${a}`}],t.chatStream=null,t.chatStreamFlow=[],t.chatSending=!1,t.chatAbort=null,t.chatButtonLabel="",t.chatCompacting=!1}})}function ns(t){t.chatAbort?.abort(),t.chatStream=null,t.chatStreamFlow=[],t.chatSending=!1,t.chatAbort=null,t.chatButtonLabel="",t.chatCompacting=!1}async function os(t,e){await as(t,e)}function rs(t){ns(t)}const ls={messageSquare:n`
+    <svg viewBox="0 0 24 24">
+      <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" />
+    </svg>
+  `,barChart:n`
+    <svg viewBox="0 0 24 24">
+      <line x1="12" x2="12" y1="20" y2="10" />
+      <line x1="18" x2="18" y1="20" y2="4" />
+      <line x1="6" x2="6" y1="20" y2="16" />
+    </svg>
+  `,link:n`
+    <svg viewBox="0 0 24 24">
+      <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" />
+      <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" />
+    </svg>
+  `,radio:n`
+    <svg viewBox="0 0 24 24">
+      <circle cx="12" cy="12" r="2" />
+      <path
+        d="M16.24 7.76a6 6 0 0 1 0 8.49m-8.48-.01a6 6 0 0 1 0-8.49m11.31-2.82a10 10 0 0 1 0 14.14m-14.14 0a10 10 0 0 1 0-14.14"
+      />
+    </svg>
+  `,fileText:n`
+    <svg viewBox="0 0 24 24">
+      <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z" />
+      <polyline points="14 2 14 8 20 8" />
+      <line x1="16" x2="8" y1="13" y2="13" />
+      <line x1="16" x2="8" y1="17" y2="17" />
+      <line x1="10" x2="8" y1="9" y2="9" />
+    </svg>
+  `,zap:n`
+    <svg viewBox="0 0 24 24"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2" /></svg>
+  `,monitor:n`
+    <svg viewBox="0 0 24 24">
+      <rect width="20" height="14" x="2" y="3" rx="2" />
+      <line x1="8" x2="16" y1="21" y2="21" />
+      <line x1="12" x2="12" y1="17" y2="21" />
+    </svg>
+  `,settings:n`
+    <svg viewBox="0 0 24 24">
+      <path
+        d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"
+      />
+      <circle cx="12" cy="12" r="3" />
+    </svg>
+  `,bug:n`
+    <svg viewBox="0 0 24 24">
+      <path d="m8 2 1.88 1.88" />
+      <path d="M14.12 3.88 16 2" />
+      <path d="M9 7.13v-1a3.003 3.003 0 1 1 6 0v1" />
+      <path d="M12 20c-3.3 0-6-2.7-6-6v-3a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v3c0 3.3-2.7 6-6 6" />
+      <path d="M12 20v-9" />
+      <path d="M6.53 9C4.6 8.8 3 7.1 3 5" />
+      <path d="M6 13H2" />
+      <path d="M3 21c0-2.1 1.7-3.9 3.8-4" />
+      <path d="M20.97 5c0 2.1-1.6 3.8-3.5 4" />
+      <path d="M22 13h-4" />
+      <path d="M17.2 17c2.1.1 3.8 1.9 3.8 4" />
+    </svg>
+  `,scrollText:n`
+    <svg viewBox="0 0 24 24">
+      <path d="M8 21h12a2 2 0 0 0 2-2v-2H10v2a2 2 0 1 1-4 0V5a2 2 0 1 0-4 0v3h4" />
+      <path d="M19 17V5a2 2 0 0 0-2-2H4" />
+      <path d="M15 8h-5" />
+      <path d="M15 12h-5" />
+    </svg>
+  `,folder:n`
+    <svg viewBox="0 0 24 24">
+      <path
+        d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"
+      />
+    </svg>
+  `,menu:n`
+    <svg viewBox="0 0 24 24">
+      <line x1="4" x2="20" y1="12" y2="12" />
+      <line x1="4" x2="20" y1="6" y2="6" />
+      <line x1="4" x2="20" y1="18" y2="18" />
+    </svg>
+  `,x:n`
+    <svg viewBox="0 0 24 24">
+      <path d="M18 6 6 18" />
+      <path d="m6 6 12 12" />
+    </svg>
+  `,check:n`
+    <svg viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5" /></svg>
+  `,arrowDown:n`
+    <svg viewBox="0 0 24 24">
+      <path d="M12 5v14" />
+      <path d="m19 12-7 7-7-7" />
+    </svg>
+  `,copy:n`
+    <svg viewBox="0 0 24 24">
+      <rect width="14" height="14" x="8" y="8" rx="2" ry="2" />
+      <path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" />
+    </svg>
+  `,search:n`
+    <svg viewBox="0 0 24 24">
+      <circle cx="11" cy="11" r="8" />
+      <path d="m21 21-4.3-4.3" />
+    </svg>
+  `,brain:n`
+    <svg viewBox="0 0 24 24">
+      <path d="M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z" />
+      <path d="M12 5a3 3 0 1 1 5.997.125 4 4 0 0 1 2.526 5.77 4 4 0 0 1-.556 6.588A4 4 0 1 1 12 18Z" />
+      <path d="M15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4" />
+      <path d="M17.599 6.5a3 3 0 0 0 .399-1.375" />
+      <path d="M6.003 5.125A3 3 0 0 0 6.401 6.5" />
+      <path d="M3.477 10.896a4 4 0 0 1 .585-.396" />
+      <path d="M19.938 10.5a4 4 0 0 1 .585.396" />
+      <path d="M6 18a4 4 0 0 1-1.967-.516" />
+      <path d="M19.967 17.484A4 4 0 0 1 18 18" />
+    </svg>
+  `,book:n`
+    <svg viewBox="0 0 24 24">
+      <path d="M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H20v20H6.5a2.5 2.5 0 0 1 0-5H20" />
+    </svg>
+  `,loader:n`
+    <svg viewBox="0 0 24 24">
+      <path d="M12 2v4" />
+      <path d="m16.2 7.8 2.9-2.9" />
+      <path d="M18 12h4" />
+      <path d="m16.2 16.2 2.9 2.9" />
+      <path d="M12 18v4" />
+      <path d="m4.9 19.1 2.9-2.9" />
+      <path d="M2 12h4" />
+      <path d="m4.9 4.9 2.9 2.9" />
+    </svg>
+  `,wrench:n`
+    <svg viewBox="0 0 24 24">
+      <path
+        d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"
+      />
+    </svg>
+  `,fileCode:n`
+    <svg viewBox="0 0 24 24">
+      <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z" />
+      <polyline points="14 2 14 8 20 8" />
+      <path d="m10 13-2 2 2 2" />
+      <path d="m14 17 2-2-2-2" />
+    </svg>
+  `,edit:n`
+    <svg viewBox="0 0 24 24">
+      <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" />
+      <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" />
+    </svg>
+  `,penLine:n`
+    <svg viewBox="0 0 24 24">
+      <path d="M12 20h9" />
+      <path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z" />
+    </svg>
+  `,paperclip:n`
+    <svg viewBox="0 0 24 24">
+      <path
+        d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48"
+      />
+    </svg>
+  `,globe:n`
+    <svg viewBox="0 0 24 24">
+      <circle cx="12" cy="12" r="10" />
+      <path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20" />
+      <path d="M2 12h20" />
+    </svg>
+  `,image:n`
+    <svg viewBox="0 0 24 24">
+      <rect width="18" height="18" x="3" y="3" rx="2" ry="2" />
+      <circle cx="9" cy="9" r="2" />
+      <path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" />
+    </svg>
+  `,smartphone:n`
+    <svg viewBox="0 0 24 24">
+      <rect width="14" height="20" x="5" y="2" rx="2" ry="2" />
+      <path d="M12 18h.01" />
+    </svg>
+  `,plug:n`
+    <svg viewBox="0 0 24 24">
+      <path d="M12 22v-5" />
+      <path d="M9 8V2" />
+      <path d="M15 8V2" />
+      <path d="M18 8v5a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4V8Z" />
+    </svg>
+  `,circle:n`
+    <svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10" /></svg>
+  `,puzzle:n`
+    <svg viewBox="0 0 24 24">
+      <path
+        d="M19.439 7.85c-.049.322.059.648.289.878l1.568 1.568c.47.47.706 1.087.706 1.704s-.235 1.233-.706 1.704l-1.611 1.611a.98.98 0 0 1-.837.276c-.47-.07-.802-.48-.968-.925a2.501 2.501 0 1 0-3.214 3.214c.446.166.855.497.925.968a.979.979 0 0 1-.276.837l-1.61 1.61a2.404 2.404 0 0 1-1.705.707 2.402 2.402 0 0 1-1.704-.706l-1.568-1.568a1.026 1.026 0 0 0-.877-.29c-.493.074-.84.504-1.02.968a2.5 2.5 0 1 1-3.237-3.237c.464-.18.894-.527.967-1.02a1.026 1.026 0 0 0-.289-.877l-1.568-1.568A2.402 2.402 0 0 1 1.998 12c0-.617.236-1.234.706-1.704L4.23 8.77c.24-.24.581-.353.917-.303.515.076.874.54 1.02 1.02a2.5 2.5 0 1 0 3.237-3.237c-.48-.146-.944-.505-1.02-1.02a.98.98 0 0 1 .303-.917l1.526-1.526A2.402 2.402 0 0 1 11.998 2c.617 0 1.234.236 1.704.706l1.568 1.568c.23.23.556.338.877.29.493-.074.84-.504 1.02-.968a2.5 2.5 0 1 1 3.236 3.236c-.464.18-.894.527-.967 1.02Z"
+      />
+    </svg>
+  `,activity:n`
+    <svg viewBox="0 0 24 24">
+      <path d="M22 12h-4l-3 9L9 3l-3 9H2" />
+    </svg>
+  `,database:n`
+    <svg viewBox="0 0 24 24">
+      <ellipse cx="12" cy="5" rx="9" ry="3" />
+      <path d="M3 5V19A9 3 0 0 0 21 19V5" />
+      <path d="M3 12A9 3 0 0 0 21 12" />
+    </svg>
+  `,package:n`
+    <svg viewBox="0 0 24 24">
+      <path d="m7.5 4.27 9 5.15" />
+      <path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z" />
+      <path d="m3.3 7 8.7 5 8.7-5" />
+      <path d="M12 22V12" />
+    </svg>
+  `,play:n`
+    <svg viewBox="0 0 24 24"><polygon points="5 3 19 12 5 21 5 3" /></svg>
+  `,trash:n`
+    <svg viewBox="0 0 24 24">
+      <path d="M3 6h18" />
+      <path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" />
+      <path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" />
+    </svg>
+  `,clock:n`
+    <svg viewBox="0 0 24 24">
+      <circle cx="12" cy="12" r="10" />
+      <polyline points="12 6 12 12 16 14" />
+    </svg>
+  `,send:n`
+    <svg viewBox="0 0 24 24">
+      <path d="m22 2-7 20-4-9-9-4Z" />
+      <path d="M22 2 11 13" />
+    </svg>
+  `,sun:n`
+    <svg viewBox="0 0 24 24">
+      <circle cx="12" cy="12" r="4" />
+      <path d="M12 2v2" /><path d="M12 20v2" />
+      <path d="m4.93 4.93 1.41 1.41" /><path d="m17.66 17.66 1.41 1.41" />
+      <path d="M2 12h2" /><path d="M20 12h2" />
+      <path d="m6.34 17.66-1.41 1.41" /><path d="m19.07 4.93-1.41 1.41" />
+    </svg>
+  `,moon:n`
+    <svg viewBox="0 0 24 24"><path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" /></svg>
+  `,chevronDown:n`
+    <svg viewBox="0 0 24 24"><path d="m6 9 6 6 6-6" /></svg>
+  `,chevronRight:n`
+    <svg viewBox="0 0 24 24"><path d="m9 18 6-6-6-6" /></svg>
+  `,refresh:n`
+    <svg viewBox="0 0 24 24">
+      <path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" />
+      <path d="M21 3v5h-5" />
+      <path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" />
+      <path d="M8 16H3v5" />
+    </svg>
+  `,terminal:n`
+    <svg viewBox="0 0 24 24">
+      <polyline points="4 17 10 11 4 5" />
+      <line x1="12" x2="20" y1="19" y2="19" />
+    </svg>
+  `,home:n`
+    <svg viewBox="0 0 24 24">
+      <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" />
+      <polyline points="9 22 9 12 15 12 15 22" />
+    </svg>
+  `,save:n`
+    <svg viewBox="0 0 24 24">
+      <path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z" />
+      <polyline points="17 21 17 13 7 13 7 21" />
+      <polyline points="7 3 7 8 15 8" />
+    </svg>
+  `,plus:n`
+    <svg viewBox="0 0 24 24">
+      <path d="M5 12h14" />
+      <path d="M12 5v14" />
+    </svg>
+  `,externalLink:n`
+    <svg viewBox="0 0 24 24">
+      <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" />
+      <polyline points="15 3 21 3 21 9" />
+      <line x1="10" x2="21" y1="14" y2="3" />
+    </svg>
+  `,stop:n`
+    <svg viewBox="0 0 24 24"><rect width="14" height="14" x="5" y="5" rx="2" /></svg>
+  `};function N(t,e="nav-item__icon"){return n`<span class=${e} aria-hidden="true">${ls[t]}</span>`}function cs(t){return n`
+    <header class="topbar">
+      <div class="topbar__left">
+        <span class="topbar__brand">CoStar</span>
+        ${t.serverStatus?.version?n`<span class="topbar__version">v${t.serverStatus.version}</span>`:l}
+      </div>
+      <div class="topbar__right">
+        ${vs(t)}
+        <span class="topbar__status ${t.serverStatus?.status==="running"?"status--ok":""}">
+          ${t.serverStatus?.status||"..."}
+        </span>
+      </div>
+    </header>
+  `}function ds(t){return n`
+    <nav class="nav">
+      ${me.map(e=>n`
+          <div class="nav-group">
+            <div class="nav-group__label">${ke(e.label)}</div>
+            ${e.tabs.map(s=>hs(t,s))}
+          </div>
+        `)}
+    </nav>
+  `}function hs(t,e){return n`
+    <button
+      class="nav-item ${t.tab===e?"active":""}"
+      @click=${()=>t.setTab(e)}
+    >
+      ${N(Se(e))}
+      <span>${xe(e)}</span>
+    </button>
+  `}function vs(t){return n`
+    <div class="theme-toggle" style="display: flex; gap: 4px; margin-right: 12px;">
+      <button
+        class="btn btn-sm ${t.theme==="light"?"btn-primary":""}"
+        @click=${()=>t.setTheme("light")}
+        title="Light theme"
+      >
+        ${N("sun","btn-icon")}
+      </button>
+      <button
+        class="btn btn-sm ${t.theme==="dark"?"btn-primary":""}"
+        @click=${()=>t.setTheme("dark")}
+        title="Dark theme"
+      >
+        ${N("moon","btn-icon")}
+      </button>
+      <button
+        class="btn btn-sm ${t.theme==="system"?"btn-primary":""}"
+        @click=${()=>t.setTheme("system")}
+        title="System theme"
+      >
+        ${N("monitor","btn-icon")}
+      </button>
+    </div>
+  `}function _(t){const e=typeof t=="number"?new Date(t):new Date(t),i=Date.now()-e.getTime();return i<0||i<6e4?"just now":i<36e5?`${Math.floor(i/6e4)}m ago`:i<864e5?`${Math.floor(i/36e5)}h ago`:i<6048e5?`${Math.floor(i/864e5)}d ago`:e.toLocaleDateString()}function j(t){if(t<1e3)return`${t}ms`;if(t<6e4)return`${(t/1e3).toFixed(1)}s`;if(t<36e5){const i=Math.floor(t/6e4),a=Math.round(t%6e4/1e3);return a>0?`${i}m ${a}s`:`${i}m`}const e=Math.floor(t/36e5),s=Math.round(t%36e5/6e4);return s>0?`${e}h ${s}m`:`${e}h`}function nt(t,e=120){return t.length<=e?t:`${t.slice(0,Math.max(0,e-1))}…`}function Nt(t){return t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}function ps(t){const e=t.serverStatus,s=t.statusResponse,i=t.versionInfo;return n`
+    <div class="dashboard-grid" style="animation: dashboard-enter 0.4s var(--ease-out) both;">
+      <!-- Update Banner -->
+      ${i?n`
+        <div class="update-banner">
+          <span>v${i.version}</span>
+          <span style="color:var(--text-secondary);">&#8226;</span>
+          <span style="color:var(--text-secondary);">Auto-update: ${i.autoUpdateEnabled?"enabled":"disabled"}</span>
+          ${i.updateInProgress?n`<span class="tag tag-yellow" style="margin-left:8px;">Updating...</span>`:n`<button class="btn btn-sm" style="margin-left:8px;" @click=${()=>t.triggerManualUpdate()}>Update Now</button>`}
+        </div>
+      `:l}
+
+      <!-- Stat Cards (matching old HTML: Uptime, Cron, Skills, Memory) -->
+      <div class="stats-row">
+        ${H("Uptime",e?.uptime?j(e.uptime*1e3):"--",s?.agent?.platform?`${s.agent.platform} / ${s.agent.arch}`:"")}
+        ${H("Cron Jobs",e?String(e.cronJobs):"--",e?.cronRunning?"Scheduler running":"Scheduler stopped")}
+        ${H("Skills",e?.skills?`${e.skills.eligible} eligible`:"--",e?.skills?`${e.skills.total} total`:"")}
+        ${H("Memory",s?.agent?.memoryUsage?`${(s.agent.memoryUsage.heapUsed/1024/1024).toFixed(0)} MB`:"--",s?.agent?.memoryUsage?`${(s.agent.memoryUsage.heapTotal/1024/1024).toFixed(0)} MB total heap`:"")}
+      </div>
+
+      <!-- System Info -->
+      <div class="card">
+        <div class="card-header"><h3>System Info</h3></div>
+        <div class="config-list" style="padding:16px;">
+          ${b("Version",i?`v${i.version}`:"--")}
+          ${b("Auto-Update",i?i.autoUpdateEnabled?"Enabled":"Disabled":"--")}
+          ${b("User ID",e?.userId||"--")}
+          ${b("Workspace",s?.agent?.workspaceDir||"--")}
+          ${b("Node",s?.agent?.nodeVersion||i?.nodeVersion||"--")}
+          ${b("Platform",s?.agent?.platform?`${s.agent.platform} (${s.agent.arch})`:i?.platform||"--")}
+          ${b("Heartbeat",e?.heartbeatEnabled?"Enabled":"Disabled")}
+          ${b("Cron Status",e?.cronRunning?"Running":"Stopped")}
+          ${s?.cron?.lastCheckAt?b("Last Cron Check",new Date(s.cron.lastCheckAt).toLocaleString()):l}
+        </div>
+      </div>
+
+      <!-- Agent Session -->
+      <div class="card">
+        <div class="card-header">
+          <h3>Agent Session</h3>
+        </div>
+        <div class="config-list" style="padding:16px;">
+          ${t.sessionInfo?n`
+            ${b("Session",t.sessionInfo.exists?"Active":"No session")}
+            ${t.sessionInfo.size?b("Size",us(t.sessionInfo.size)):l}
+            ${t.sessionInfo.conversationLength!==void 0?b("Conversation Length",`${t.sessionInfo.conversationLength} turns`):l}
+            ${t.sessionInfo.isBusy!==void 0?b("Status",t.sessionInfo.isBusy?n`<span class="tag tag-yellow">Busy</span>`:n`<span class="tag tag-green">Idle</span>`):l}
+          `:n`
+            ${b("Session","Loading...")}
+          `}
+        </div>
+        <div style="padding:0 16px 16px;display:flex;gap:8px;">
+          <button class="btn btn-sm" @click=${()=>t.compactSession()}
+            ?disabled=${t.sessionInfo?.isBusy}>Compact Context</button>
+          <button class="btn btn-sm btn-danger" @click=${()=>t.resetSession()}
+            ?disabled=${t.sessionInfo?.isBusy}>Reset Session</button>
+        </div>
+      </div>
+
+      <!-- Recent Activity -->
+      ${t.recentActivity.length>0?n`
+            <div class="card">
+              <div class="card-header"><h3>Recent Activity</h3></div>
+              <div class="table-wrap">
+                <table>
+                  <thead>
+                    <tr><th>Time</th><th>Request</th><th>Status</th><th>Executor</th></tr>
+                  </thead>
+                  <tbody>
+                    ${t.recentActivity.slice(0,5).map(a=>n`
+                        <tr>
+                          <td style="white-space:nowrap;">${_(a.created_at)}</td>
+                          <td style="max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">
+                            ${(a.request||"").substring(0,80)}
+                          </td>
+                          <td>
+                            <span class="tag ${a.status==="completed"?"tag-green":a.status==="failed"?"tag-red":"tag-yellow"}">
+                              ${a.status}
+                            </span>
+                          </td>
+                          <td>
+                            <span class="tag ${a.executor==="client"?"tag-blue":"tag-muted"}">${a.executor}</span>
+                          </td>
+                        </tr>
+                      `)}
+                  </tbody>
+                </table>
+              </div>
+            </div>
+          `:l}
+    </div>
+  `}function H(t,e,s){return n`
+    <div class="stat-card">
+      <div class="stat-label">${t}</div>
+      <div class="stat-value">${e}</div>
+      ${s?n`<div class="stat-sub">${s}</div>`:l}
+    </div>
+  `}function b(t,e){return n`
+    <div class="config-row">
+      <span class="config-key">${t}</span>
+      <span class="config-value">${e}</span>
+    </div>
+  `}function us(t){return t?t<1024?`${t}B`:t<1024*1024?`${(t/1024).toFixed(1)}KB`:`${(t/(1024*1024)).toFixed(1)}MB`:"--"}function gs(t){return n`
+    <div class="chat-container">
+      <div class="chat-messages" id="chat-messages">
+        ${t.chatMessages.length===0&&!t.chatSending?n`
+              <div class="empty-state">
+                <div class="empty-icon">&#128172;</div>
+                <p>Send a message to start chatting with your CoStar agent.</p>
+              </div>
+            `:l}
+
+        ${t.chatMessages.map(e=>ms(e))}
+
+        ${t.chatSending?fs(t):l}
+      </div>
+
+      ${t.chatCompacting?n`<div class="compaction-banner active">
+            <span class="compaction-icon">&#9881;</span>
+            <span class="compaction-text">Compacting conversation context...</span>
+          </div>`:l}
+
+      <div class="chat-input-wrap">
+        <input
+          type="text"
+          class="input"
+          style="flex:1;"
+          placeholder="Type a message..."
+          .value=${t.chatMessage}
+          @input=${e=>{t.chatMessage=e.target.value}}
+          @keydown=${e=>{e.key==="Enter"&&!e.shiftKey&&(e.preventDefault(),t.handleSendChat())}}
+          ?disabled=${t.chatSending}
+        />
+        ${t.chatSending?n`<button class="btn btn-danger" @click=${()=>t.abortChat()}>
+              ${t.chatButtonLabel||"Stop"}
+            </button>`:n`<button class="btn btn-primary" @click=${()=>t.handleSendChat()} ?disabled=${!t.chatMessage.trim()}>Send</button>`}
+      </div>
+    </div>
+  `}function fs(t){return n`
+    <div class="chat-msg assistant">
+      <div class="avatar">C</div>
+      <div class="msg-content">
+        <div class="msg-role">CoStar</div>
+        <div class="msg-flow">
+          ${t.chatStreamFlow.map(e=>e.type==="text"?n`<div class="msg-text-segment streaming-cursor" .innerHTML=${G(e.content)}></div>`:It(e.card))}
+        </div>
+      </div>
+    </div>
+  `}function ms(t){if(t.role==="user")return n`
+      <div class="chat-msg user">
+        <div class="avatar">U</div>
+        <div class="msg-content">
+          <div class="msg-role">You</div>
+          <div>${Nt(t.content)}</div>
+        </div>
+      </div>
+    `;const s=t.flow&&t.flow.length>0;return n`
+    <div class="chat-msg assistant">
+      <div class="avatar">C</div>
+      <div class="msg-content">
+        <div class="msg-role">CoStar</div>
+        ${s?n`<div class="msg-flow">
+              ${t.flow.map(i=>i.type==="text"?n`<div class="msg-text-segment" .innerHTML=${G(i.content)}></div>`:It(i.card))}
+            </div>`:n`<div .innerHTML=${G(t.content)}></div>`}
+        ${t.meta&&(t.meta.toolCalls||t.meta.inputTokens)?n`<div class="chat-meta">
+              ${t.meta.toolCalls?n`<span>&#128295; ${t.meta.toolCalls} tool${t.meta.toolCalls>1?"s":""}</span>`:l}
+              ${t.meta.inputTokens?n`<span>&#8594; ${t.meta.inputTokens.toLocaleString()} in</span>`:l}
+              ${t.meta.outputTokens?n`<span>&#8592; ${t.meta.outputTokens.toLocaleString()} out</span>`:l}
+              ${t.meta.compactionCount?n`<span>&#128230; ${t.meta.compactionCount} compaction${t.meta.compactionCount>1?"s":""}</span>`:l}
+            </div>`:l}
+      </div>
+    </div>
+  `}function It(t,e){const s=t.status==="running"?"&#9881;":t.status==="error"?"&#10060;":"&#9989;",i=t.status==="error"?"error":t.status==="done"?"success":"",a=t.durationMs?` (${ys(t.durationMs)})`:"",o=t.status==="running"?"running...":t.status==="error"?`error${a}`:`done${a}`;return n`
+    <div class="tool-card" @click=${r=>{r.currentTarget.classList.toggle("expanded")}}>
+      <div class="tool-card-header">
+        <span class="tool-icon ${t.status==="running"?"running":""}" .innerHTML=${s}></span>
+        <span class="tool-name">${t.name}</span>
+        <span class="tool-status ${i}">${o}</span>
+        <span class="tool-chevron">&#9654;</span>
+      </div>
+      <div class="tool-card-body">
+        ${t.args?n`<div class="tool-section">
+              <div class="tool-section-label">Arguments</div>
+              <pre>${t.args}</pre>
+            </div>`:l}
+        ${t.result?n`<div class="tool-section">
+              <div class="tool-section-label">Result</div>
+              <pre>${t.result}</pre>
+            </div>`:l}
+      </div>
+    </div>
+  `}function ys(t){return t<1e3?`${t}ms`:t<6e4?`${(t/1e3).toFixed(1)}s`:`${Math.floor(t/6e4)}m ${Math.floor(t%6e4/1e3)}s`}function G(t){if(!t)return"";let e=Nt(t);return e=e.replace(/```(\w*)\n([\s\S]*?)```/g,'<pre style="background:var(--bg-primary, var(--secondary));border:1px solid var(--border);border-radius:8px;padding:10px;margin:8px 0;overflow-x:auto;font-family:var(--mono);font-size:12px;">$2</pre>'),e=e.replace(/`([^`]+)`/g,'<code style="background:var(--bg-primary, var(--secondary));padding:2px 6px;border-radius:4px;font-family:var(--mono);font-size:12px;">$1</code>'),e=e.replace(/\*\*([^*]+)\*\*/g,"<strong>$1</strong>"),e=e.replace(/\n/g,"<br>"),e}function $s(t){return n`
+    <div class="page-content">
+      <!-- Create Form -->
+      <div class="card">
+        <div class="card-header">
+          <h3>Create Cron Job</h3>
+        </div>
+        <div class="card-body" style="padding: 16px;">
+          <div class="form-grid">
+            <div class="form-field">
+              <label>Name</label>
+              <input type="text" class="input" placeholder="Job name" .value=${t.cronForm.name}
+                @input=${e=>{t.cronForm={...t.cronForm,name:e.target.value}}} />
+            </div>
+            <div class="form-field">
+              <label>Schedule Type</label>
+              <select class="input" .value=${t.cronForm.scheduleType}
+                @change=${e=>{t.cronForm={...t.cronForm,scheduleType:e.target.value}}}>
+                <option value="every">Every (interval)</option>
+                <option value="cron">Cron expression</option>
+                <option value="at">At (one-time)</option>
+              </select>
+            </div>
+            ${t.cronForm.scheduleType==="every"?n`
+                  <div class="form-field">
+                    <label>Interval (e.g. 30m, 2h, 1d)</label>
+                    <input type="text" class="input" placeholder="30m" .value=${t.cronForm.every}
+                      @input=${e=>{t.cronForm={...t.cronForm,every:e.target.value}}} />
+                  </div>
+                `:t.cronForm.scheduleType==="cron"?n`
+                    <div class="form-field">
+                      <label>Cron Expression</label>
+                      <input type="text" class="input" placeholder="0 */6 * * *" .value=${t.cronForm.cronExpression}
+                        @input=${e=>{t.cronForm={...t.cronForm,cronExpression:e.target.value}}} />
+                    </div>
+                  `:n`
+                    <div class="form-field">
+                      <label>Run At (ISO datetime)</label>
+                      <input type="datetime-local" class="input" .value=${t.cronForm.at}
+                        @input=${e=>{t.cronForm={...t.cronForm,at:e.target.value}}} />
+                    </div>
+                  `}
+            <div class="form-field" style="grid-column: 1 / -1;">
+              <label>Instruction</label>
+              <textarea class="input" rows="3" placeholder="What should the agent do?"
+                .value=${t.cronForm.instruction}
+                @input=${e=>{t.cronForm={...t.cronForm,instruction:e.target.value}}}></textarea>
+            </div>
+            <div>
+              <button class="btn btn-primary" @click=${()=>t.createCronJob()} ?disabled=${t.cronLoading}>
+                Create Job
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- Jobs List -->
+      <div class="card">
+        <div class="card-header">
+          <h3>Cron Jobs</h3>
+          <button class="btn btn-sm" @click=${()=>t.loadCronJobs()}>Refresh</button>
+        </div>
+        ${t.cronLoading?n`<div class="loading-center"><div class="spinner"></div></div>`:t.cronJobs.length===0?n`<div class="empty-state"><div class="empty-icon">⏰</div><p>No cron jobs configured</p></div>`:n`
+                <div class="table-wrap">
+                  <table>
+                    <thead>
+                      <tr><th>Name</th><th>Schedule</th><th>Status</th><th>Next Run</th><th>Instruction</th><th>Actions</th></tr>
+                    </thead>
+                    <tbody>
+                      ${t.cronJobs.map(e=>bs(t,e))}
+                    </tbody>
+                  </table>
+                </div>
+              `}
+      </div>
+    </div>
+  `}function bs(t,e){const s=ws(e),i=e.status==="active"||e.enabled?n`<span class="tag tag-green">Active</span>`:e.status==="completed"?n`<span class="tag tag-blue">Done</span>`:n`<span class="tag tag-muted">Paused</span>`;return n`
+    <tr>
+      <td><strong>${e.name}</strong></td>
+      <td><code>${s}</code></td>
+      <td>${i}</td>
+      <td>${e.next_run_at?_(e.next_run_at):"--"}</td>
+      <td style="max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
+        ${(e.instruction||"").substring(0,80)}
+      </td>
+      <td style="white-space: nowrap;">
+        <button class="btn btn-sm btn-primary" @click=${()=>t.runCronJob(e.id)}>Run</button>
+        <button class="btn btn-sm" @click=${()=>t.showCronHistory(e.id,e.name)}>History</button>
+        <button class="btn btn-sm btn-danger" @click=${()=>t.deleteCronJob(e.id)}>Delete</button>
+      </td>
+    </tr>
+  `}function ws(t){if(t.cron_expression)return t.cron_expression;if(t.schedule_type==="every"&&t.schedule_value){const e=Math.round(t.schedule_value/6e4);return e>=60?`every ${Math.round(e/60)}h`:`every ${e}m`}return t.schedule_at?`at ${new Date(t.schedule_at).toLocaleString()}`:"--"}function Ss(t){return n`
+    <div class="page-content">
+      <!-- Stats Bar -->
+      ${t.activityStats?n`
+            <div class="stats-row">
+              <div class="stat-card"><div class="stat-label">Total</div><div class="stat-value">${t.activityStats.total}</div></div>
+              <div class="stat-card"><div class="stat-label">Completed</div><div class="stat-value" style="color: var(--ok);">${t.activityStats.completed}</div></div>
+              <div class="stat-card"><div class="stat-label">Failed</div><div class="stat-value" style="color: var(--danger);">${t.activityStats.failed}</div></div>
+              <div class="stat-card"><div class="stat-label">Avg Duration</div><div class="stat-value">${j(t.activityStats.avgDuration||0)}</div></div>
+            </div>
+          `:l}
+
+      <!-- Toolbar -->
+      <div class="toolbar">
+        <input type="text" class="input" placeholder="Search activity..."
+          style="max-width: 300px;"
+          .value=${t.activitySearch}
+          @input=${e=>{t.activitySearch=e.target.value}}
+          @keydown=${e=>{e.key==="Enter"&&t.searchActivity()}} />
+        <select class="input" style="max-width: 150px;"
+          .value=${t.activityStatusFilter}
+          @change=${e=>{t.activityStatusFilter=e.target.value,t.loadActivity()}}>
+          <option value="">All Status</option>
+          <option value="completed">Completed</option>
+          <option value="pending">Pending</option>
+          <option value="failed">Failed</option>
+        </select>
+        <button class="btn btn-sm" @click=${()=>t.loadActivity()}>Refresh</button>
+      </div>
+
+      <!-- Table -->
+      <div class="card">
+        <div class="card-header">
+          <h3>Activity Log</h3>
+        </div>
+        ${t.activityLoading?n`<div class="loading-center"><div class="spinner"></div></div>`:t.activityList.length===0?n`<div class="empty-state"><div class="empty-icon">📊</div><p>No activity recorded yet</p></div>`:n`
+                <div class="table-wrap">
+                  <table>
+                    <thead>
+                      <tr><th>Time</th><th>Request</th><th>Status</th><th>Executor</th><th>Duration</th></tr>
+                    </thead>
+                    <tbody>
+                      ${t.activityList.map(e=>xs(t,e))}
+                    </tbody>
+                  </table>
+                </div>
+                ${t.activityHasMore?n`<div style="padding: 16px; text-align: center;"><button class="btn btn-sm" @click=${()=>t.loadMoreActivity()}>Load More</button></div>`:l}
+              `}
+      </div>
+    </div>
+
+    <!-- Detail Modal -->
+    ${t.activityDetail?n`
+          <div class="modal-overlay open" @click=${e=>{e.target===e.currentTarget&&(t.activityDetail=null)}}>
+            <div class="modal" style="max-width: 800px;">
+              <div class="modal-header">
+                <h3>Activity Detail</h3>
+                <button class="btn btn-sm" @click=${()=>{t.activityDetail=null}}>Close</button>
+              </div>
+              <div class="modal-body">
+                <div class="config-list">
+                  <div class="config-row"><span class="config-key">ID</span><span class="config-value"><code>${t.activityDetail.id}</code></span></div>
+                  <div class="config-row"><span class="config-key">Status</span><span class="config-value">${t.activityDetail.status}</span></div>
+                  <div class="config-row"><span class="config-key">Executor</span><span class="config-value">${t.activityDetail.executor}</span></div>
+                  <div class="config-row"><span class="config-key">Created</span><span class="config-value">${new Date(t.activityDetail.created_at).toLocaleString()}</span></div>
+                  ${t.activityDetail.duration?n`<div class="config-row"><span class="config-key">Duration</span><span class="config-value">${j(t.activityDetail.duration)}</span></div>`:l}
+                  ${t.activityDetail.keywords?n`<div class="config-row"><span class="config-key">Keywords</span><span class="config-value">${t.activityDetail.keywords}</span></div>`:l}
+                </div>
+                <h4 style="margin-top: 16px;">Request</h4>
+                <pre class="code-block">${t.activityDetail.request||"(empty)"}</pre>
+                ${t.activityDetail.response?n`<h4 style="margin-top: 16px;">Response</h4><pre class="code-block">${t.activityDetail.response}</pre>`:l}
+                ${t.activityDetail.error?n`<h4 style="margin-top: 16px; color: var(--danger);">Error</h4><pre class="code-block" style="color: var(--danger);">${t.activityDetail.error}</pre>`:l}
+              </div>
+            </div>
+          </div>
+        `:l}
+  `}function xs(t,e){return n`
+    <tr style="cursor: pointer;" @click=${()=>{t.activityDetail=e}}>
+      <td style="white-space: nowrap;">${_(e.created_at)}</td>
+      <td style="max-width: 400px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
+        ${nt(e.request||"",80)}
+      </td>
+      <td>
+        <span class="tag ${e.status==="completed"?"tag-green":e.status==="failed"?"tag-red":"tag-yellow"}">${e.status}</span>
+      </td>
+      <td>
+        <span class="tag ${e.executor==="client"?"tag-blue":"tag-muted"}">${e.executor}</span>
+      </td>
+      <td>${e.duration?j(e.duration):"--"}</td>
+    </tr>
+  `}function ks(t){const e=t.assetTypeFilter?t.assetsList.filter(s=>s.type===t.assetTypeFilter):t.assetsList;return n`
+    <div class="page-content">
+      <div class="toolbar">
+        <select class="input" style="max-width: 150px;"
+          .value=${t.assetTypeFilter}
+          @change=${s=>{t.assetTypeFilter=s.target.value}}>
+          <option value="">All Types</option>
+          <option value="image">Image</option>
+          <option value="document">Document</option>
+          <option value="audio">Audio</option>
+          <option value="video">Video</option>
+          <option value="code">Code</option>
+          <option value="other">Other</option>
+        </select>
+        <button class="btn btn-sm" @click=${()=>t.loadAssets()}>Refresh</button>
+        <span class="muted-text" style="margin-left: auto;">${e.length} assets</span>
+      </div>
+
+      <div class="card">
+        <div class="card-header"><h3>Assets</h3></div>
+        ${t.assetsLoading?n`<div class="loading-center"><div class="spinner"></div></div>`:e.length===0?n`<div class="empty-state"><div class="empty-icon">📦</div><p>No assets tracked yet</p></div>`:n`
+                <div class="table-wrap">
+                  <table>
+                    <thead><tr><th>Name</th><th>Type</th><th>Path / URL</th><th>Created</th></tr></thead>
+                    <tbody>
+                      ${e.map(s=>n`
+                          <tr>
+                            <td>
+                              <strong>${s.name}</strong>
+                              ${s.description?n`<br /><span class="muted-text">${nt(s.description,60)}</span>`:l}
+                            </td>
+                            <td><span class="tag tag-blue">${s.type||"unknown"}</span></td>
+                            <td style="max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
+                              ${s.remote_url||s.local_file_path||"--"}
+                            </td>
+                            <td style="white-space: nowrap;">${_(s.created_at)}</td>
+                          </tr>
+                        `)}
+                    </tbody>
+                  </table>
+                </div>
+              `}
+      </div>
+    </div>
+  `}function Cs(t){return n`
+    <div class="page-content">
+      <div class="card">
+        <div class="card-header">
+          <h3>Projects</h3>
+          <button class="btn btn-sm" @click=${()=>t.loadProjects()}>Refresh</button>
+        </div>
+        ${t.projectsLoading?n`<div class="loading-center"><div class="spinner"></div></div>`:t.projectsList.length===0?n`<div class="empty-state"><div class="empty-icon">📂</div><p>No projects yet</p></div>`:n`
+                <div class="table-wrap">
+                  <table>
+                    <thead><tr><th>Name</th><th>Description</th><th>Path</th><th>Status</th><th>Created</th></tr></thead>
+                    <tbody>
+                      ${t.projectsList.map(e=>n`
+                          <tr style="${e.is_active?"border-left: 3px solid var(--ok);":""}">
+                            <td><strong>${e.name}</strong></td>
+                            <td style="max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
+                              ${nt(e.description||"",80)}
+                            </td>
+                            <td><code>${e.project_path||"--"}</code></td>
+                            <td>
+                              ${e.is_active?n`<span class="tag tag-green">Active</span>`:n`<span class="tag tag-muted">Inactive</span>`}
+                            </td>
+                            <td style="white-space: nowrap;">${_(e.created_at)}</td>
+                          </tr>
+                        `)}
+                    </tbody>
+                  </table>
+                </div>
+              `}
+      </div>
+    </div>
+  `}function _s(t){return t.sessionDetail?As(t):n`
+    <div class="page-content">
+      <div class="card">
+        <div class="card-header">
+          <h3>Session Files</h3>
+          <button class="btn btn-sm" @click=${()=>t.loadSessions()}>Refresh</button>
+        </div>
+        ${t.sessionsLoading?n`<div class="loading-center"><div class="spinner"></div></div>`:t.sessionsList.length===0?n`<div class="empty-state"><div class="empty-icon">&#128221;</div><p>No session files found</p></div>`:n`
+                <div class="table-wrap">
+                  <table>
+                    <thead><tr><th>File</th><th>Size</th><th>Modified</th><th>Actions</th></tr></thead>
+                    <tbody>
+                      ${t.sessionsList.map(e=>n`
+                          <tr>
+                            <td><code>${e.name}</code></td>
+                            <td>${Ds(e.size)}</td>
+                            <td>${e.modified?_(e.modified):"--"}</td>
+                            <td>
+                              <button class="btn btn-sm" @click=${()=>t.viewSession(e.name)}>View</button>
+                            </td>
+                          </tr>
+                        `)}
+                    </tbody>
+                  </table>
+                </div>
+              `}
+      </div>
+    </div>
+  `}function As(t){const e=t.sessionDetail||[],s=t.sessionViewMode==="parsed";return n`
+    <div class="page-content">
+      <div class="card">
+        <div class="card-header">
+          <div style="display:flex;align-items:center;gap:12px;">
+            <button class="btn btn-sm" @click=${()=>t.closeSession()}>&#8592; Back</button>
+            <h3 style="margin:0;">${t.sessionDetailName}</h3>
+            <span class="tag tag-muted" style="font-size:11px;">${e.length} entries</span>
+          </div>
+          <div style="display:flex;gap:8px;">
+            <button class="btn btn-sm ${s?"btn-primary":""}" @click=${()=>t.switchSessionView("parsed")}>Conversation</button>
+            <button class="btn btn-sm ${s?"":"btn-primary"}" @click=${()=>t.switchSessionView("raw")}>Raw JSON</button>
+          </div>
+        </div>
+        <div class="card-body" style="padding:0;">
+          ${s?Es(e):Ts(t)}
+        </div>
+      </div>
+    </div>
+  `}function Es(t){return!t||t.length===0?n`<div style="padding:20px;text-align:center;color:var(--text-secondary);">No conversation data</div>`:t.length>0&&t[0]?.turnNumber!==void 0?n`
+      <div class="session-parsed" style="max-height:600px;overflow-y:auto;padding:16px;">
+        ${t.map(s=>Ms(s))}
+      </div>
+    `:n`
+    <div class="session-parsed" style="max-height:600px;overflow-y:auto;padding:16px;">
+      ${t.map((s,i)=>Ls(s))}
+    </div>
+  `}function Ms(t){const e=t.isOld||t.outOfContext;return t.type==="compaction"||t.compaction?n`
+      <div class="session-compaction">
+        <div class="session-compaction-header">&#128230; Context Compaction</div>
+        ${t.timestamp?n`<div style="font-size:11px;color:var(--text-secondary);">${new Date(t.timestamp).toLocaleString()}</div>`:l}
+        ${t.tokensBefore?n`<div style="font-size:12px;">Tokens: ${t.tokensBefore} &#8594; ${t.tokensAfter||"?"}</div>`:l}
+        ${t.summary?n`<div style="font-size:12px;margin-top:4px;">${(t.summary||"").substring(0,500)}</div>`:l}
+      </div>
+    `:n`
+    <div class="session-turn ${e?"session-turn-old":""}">
+      <div class="session-turn-header">
+        <span class="session-turn-num">Turn ${t.turnNumber||"?"}</span>
+        ${t.timestamp?n`<span class="session-turn-time">${new Date(t.timestamp).toLocaleString()}</span>`:l}
+        ${t.isHeartbeat?n`<span class="tag tag-blue" style="font-size:10px;">HB</span>`:l}
+        ${e?n`<span class="tag tag-muted" style="font-size:10px;">OLD</span>`:l}
+      </div>
+      ${t.userMessage?n`
+        <div class="session-turn-user">
+          <strong>User:</strong> ${(t.userMessage||"").substring(0,120)}${(t.userMessage||"").length>120?"...":""}
+        </div>
+      `:l}
+      ${t.model?n`
+        <div class="session-turn-meta">
+          ${t.model?n`<span>${t.model}</span>`:l}
+          ${t.inputTokens?n`<span>${t.inputTokens.toLocaleString()} in</span>`:l}
+          ${t.outputTokens?n`<span>${t.outputTokens.toLocaleString()} out</span>`:l}
+          ${t.cost?n`<span>$${t.cost.toFixed(4)}</span>`:l}
+        </div>
+      `:l}
+      ${t.toolCalls?n`
+        <div class="session-turn-tools">&#128295; ${t.toolCalls} tool call${t.toolCalls>1?"s":""}</div>
+      `:l}
+      ${t.assistantMessages&&t.assistantMessages.length>0?n`
+        ${t.assistantMessages.map(i=>n`
+          <div class="session-turn-assistant">${(i||"").substring(0,300)}${(i||"").length>300?"...":""}</div>
+        `)}
+      `:t.assistantMessage?n`
+        <div class="session-turn-assistant">${(t.assistantMessage||"").substring(0,300)}${(t.assistantMessage||"").length>300?"...":""}</div>
+      `:l}
+    </div>
+  `}function Ls(t,e){const s=t.role||"unknown",i=s==="user",a=s==="assistant",o=typeof t.content=="string"?t.content:JSON.stringify(t.content,null,2);return n`
+    <div class="session-msg session-msg-${s}">
+      <div class="session-msg-role">${i?"User":a?"Assistant":"System"}</div>
+      <div class="session-msg-content">${(o||"").substring(0,500)}${(o||"").length>500?"...":""}</div>
+    </div>
+  `}function Ts(t){return t.sessionRawContent?n`
+    <pre class="session-raw">${t.sessionRawContent}</pre>
+  `:n`<div class="loading-center" style="padding:20px;"><div class="spinner"></div></div>`}function Ds(t){return t?t<1024?`${t}B`:t<1024*1024?`${(t/1024).toFixed(1)}KB`:`${(t/(1024*1024)).toFixed(1)}MB`:"--"}function Rs(t){return n`
+    <div class="page-content">
+      <div class="card">
+        <div class="card-header">
+          <h3>Workspace Files</h3>
+          <button class="btn btn-sm" @click=${()=>t.loadWorkspaceFiles()}>Refresh</button>
+        </div>
+        ${t.workspaceLoading?n`<div class="loading-center"><div class="spinner"></div></div>`:t.workspaceFiles.length===0?n`<div class="empty-state"><div class="empty-icon">📁</div><p>No workspace files</p></div>`:n`
+                <div class="table-wrap">
+                  <table>
+                    <thead><tr><th>File</th><th>Size</th><th>Modified</th><th>Actions</th></tr></thead>
+                    <tbody>
+                      ${t.workspaceFiles.map(e=>n`
+                          <tr class="${t.workspaceEditingFile===e.name?"row-active":""}">
+                            <td><code>${e.name}</code></td>
+                            <td>${e.size}B</td>
+                            <td>${e.modified?_(e.modified):"--"}</td>
+                            <td>
+                              <button class="btn btn-sm" @click=${()=>t.editWorkspaceFile(e.name)}>
+                                ${t.workspaceEditingFile===e.name?"Refresh":"Edit"}
+                              </button>
+                            </td>
+                          </tr>
+                        `)}
+                    </tbody>
+                  </table>
+                </div>
+              `}
+      </div>
+
+      ${t.workspaceEditingFile?n`
+            <div class="card">
+              <div class="card-header">
+                <h3>${t.workspaceEditingFile}</h3>
+                <div style="display: flex; gap: 8px;">
+                  <button class="btn btn-sm btn-primary" @click=${()=>t.saveWorkspaceFile()} ?disabled=${t.workspaceSaving}>
+                    ${t.workspaceSaving?"Saving...":"Save"}
+                  </button>
+                  <button class="btn btn-sm" @click=${()=>{t.workspaceEditingFile="",t.workspaceEditContent=""}}>Close</button>
+                </div>
+              </div>
+              <div class="card-body" style="padding: 0;">
+                <textarea
+                  class="workspace-editor"
+                  style="width: 100%; min-height: 400px; padding: 16px; font-family: var(--mono); font-size: 13px; background: var(--bg); color: var(--text); border: none; resize: vertical;"
+                  .value=${t.workspaceEditContent}
+                  @input=${e=>{t.workspaceEditContent=e.target.value}}
+                ></textarea>
+              </div>
+            </div>
+          `:l}
+    </div>
+  `}function Fs(t){return n`
+    <div class="page-content">
+      <div class="toolbar">
+        <h3 style="margin:0;font-size:15px;font-weight:600;">Skills</h3>
+        <button class="btn btn-sm" style="margin-left:auto;" @click=${()=>t.loadSkills()}>Refresh</button>
+      </div>
+
+      ${t.skillsLoading?n`<div class="loading-center"><div class="spinner"></div></div>`:t.skillsList.length===0?n`<div class="empty-state"><div class="empty-icon">&#9889;</div><p>No skills loaded. Add skills to your workspace or managed directory.</p></div>`:n`
+              <div class="skill-grid">
+                ${t.skillsList.map(e=>n`
+                    <div class="skill-card" @click=${()=>t.showSkillDetail(e.name)} style="cursor:pointer;">
+                      <div class="skill-header">
+                        <span class="skill-emoji">${e.emoji||"&#128230;"}</span>
+                        <span class="skill-name">${e.name}</span>
+                      </div>
+                      <div class="skill-desc">${e.description||"No description"}</div>
+                      <div class="skill-footer">
+                        ${e.eligible!==void 0?e.eligible?n`<span class="tag tag-green">Eligible</span>`:n`<span class="tag tag-muted">Inactive</span>`:e.enabled?n`<span class="tag tag-green">Enabled</span>`:n`<span class="tag tag-muted">Disabled</span>`}
+                        ${e.source?n`<span class="tag tag-blue">${e.source}</span>`:l}
+                      </div>
+                    </div>
+                  `)}
+              </div>
+            `}
+    </div>
+
+    ${Ps(t)}
+  `}function Ps(t){if(!t.skillDetailOpen)return l;const e=t.skillDetail;if(!e)return n`
+      <div class="modal-overlay open" @click=${a=>{a.target===a.currentTarget&&t.closeSkillDetail()}}>
+        <div class="modal" style="max-width:800px;">
+          <div class="loading-center"><div class="spinner"></div></div>
+        </div>
+      </div>
+    `;const s=e.files||[],i=s.length>0;return n`
+    <div class="modal-overlay open" @click=${a=>{a.target===a.currentTarget&&t.closeSkillDetail()}}>
+      <div class="modal" style="max-width:800px;">
+        <div class="modal-header">
+          <h3>${e.emoji||"&#128230;"} ${e.name}</h3>
+          <button class="btn btn-sm" @click=${()=>t.closeSkillDetail()}>Close</button>
+        </div>
+        <div class="modal-body">
+          ${e.description?n`<p style="margin:0 0 16px;color:var(--text-secondary);">${e.description}</p>`:l}
+
+          <div class="config-list">
+            ${e.source?n`<div class="config-row"><span class="config-key">Source</span><span class="config-value">${e.source}</span></div>`:l}
+            <div class="config-row">
+              <span class="config-key">Eligible</span>
+              <span class="config-value">
+                ${e.eligible!==void 0?e.eligible?n`<span class="tag tag-green">Yes</span>`:n`<span class="tag tag-muted">No</span>`:e.enabled?n`<span class="tag tag-green">Yes</span>`:n`<span class="tag tag-muted">No</span>`}
+              </span>
+            </div>
+            ${e.baseDir?n`<div class="config-row"><span class="config-key">Base Directory</span><span class="config-value"><code>${e.baseDir}</code></span></div>`:l}
+            ${e.homepage?n`<div class="config-row"><span class="config-key">Homepage</span><span class="config-value"><a href="${e.homepage}" target="_blank" style="color:var(--accent);">${e.homepage}</a></span></div>`:l}
+          </div>
+
+          ${i?n`
+            <div style="margin-top:16px;">
+              <div class="file-tabs">
+                ${s.map((a,o)=>n`
+                  <button class="file-tab ${o===t.skillFileTab?"active":""}"
+                    @click=${()=>{t.skillFileTab=o}}>
+                    ${a.name}
+                  </button>
+                `)}
+              </div>
+              ${s.map((a,o)=>n`
+                <div class="file-content ${o===t.skillFileTab?"active":""}" style="${o===t.skillFileTab?"":"display:none;"}">
+                  <div style="padding:8px 12px;font-size:12px;color:var(--text-secondary);border-bottom:1px solid var(--border);">
+                    ${a.path||a.name} ${a.size?n`&#8226; ${(a.size/1024).toFixed(1)} KB`:l}
+                  </div>
+                  <pre style="max-height:400px;overflow:auto;padding:12px;margin:0;font-size:12px;font-family:var(--mono);white-space:pre-wrap;word-break:break-all;">${a.content}</pre>
+                </div>
+              `)}
+            </div>
+          `:e.content?n`
+            <pre style="margin-top:16px;max-height:400px;overflow:auto;padding:12px;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;font-size:12px;font-family:var(--mono);white-space:pre-wrap;">${e.content}</pre>
+          `:l}
+        </div>
+      </div>
+    </div>
+  `}function Os(t){const e=Bs(t);return n`
+    <div class="page-content">
+      <div class="log-toolbar">
+        <select class="input" style="width:auto;min-width:130px;"
+          .value=${t.logComponentFilter}
+          @change=${s=>{t.logComponentFilter=s.target.value}}>
+          <option value="">All Components</option>
+          ${t.logComponents.map(s=>n`<option value="${s}">${s}</option>`)}
+        </select>
+        <select class="input" style="width:auto;min-width:130px;"
+          .value=${t.logFilter}
+          @change=${s=>{t.logFilter=s.target.value}}>
+          <option value="">All Levels</option>
+          <option value="info">Info</option>
+          <option value="warn">Warn</option>
+          <option value="error">Error</option>
+          <option value="debug">Debug</option>
+        </select>
+        <button class="btn btn-sm" @click=${()=>t.startLogStream()}>Refresh</button>
+        <label style="display:flex;align-items:center;gap:6px;margin-bottom:0;cursor:pointer;">
+          <input type="checkbox" ?checked=${t.logStreaming}
+            @change=${s=>{s.target.checked?t.startLogStream():t.stopLogStream()}} />
+          <span style="font-size:13px;">Live</span>
+        </label>
+        <button class="btn btn-sm btn-danger" style="margin-left:auto;" @click=${()=>{t.logEntries=[]}}>Clear View</button>
+      </div>
+
+      <div class="log-entries">
+        ${e.length===0?n`<div style="padding:20px;color:var(--muted, var(--text-muted));text-align:center;">
+              ${t.logStreaming?"Waiting for log entries...":"No log entries. Enable Live streaming to see logs."}
+            </div>`:e.map(s=>Hs(s))}
+      </div>
+    </div>
+  `}function Bs(t){let e=t.logEntries;return t.logComponentFilter&&(e=e.filter(s=>(s.component||"").toLowerCase()===t.logComponentFilter.toLowerCase())),t.logFilter&&(e=e.filter(s=>{const i=(s.level||"").toLowerCase();return t.logFilter==="error"?i==="error"||i==="fatal":t.logFilter==="warn"?i==="warn"||i==="error"||i==="fatal":t.logFilter==="info"?i==="info":t.logFilter==="debug"?i==="debug":!0})),e}function Hs(t){if(typeof t=="string")return n`<div class="log-line"><span class="log-msg">${t}</span></div>`;const e=t.timestamp?new Date(t.timestamp).toLocaleTimeString():"",s=(t.level||"info").toLowerCase(),i=t.component||"",a=t.message||JSON.stringify(t);return n`
+    <div class="log-line">
+      <span class="log-time">${e}</span>
+      <span class="log-level ${s}">${s.toUpperCase()}</span>
+      <span class="log-comp">${i}</span>
+      <span class="log-msg">${a}</span>
+    </div>
+  `}function Us(t){const e=t.envVars.filter(i=>i.source==="platform"),s=t.envVars.filter(i=>i.source!=="platform");return n`
+    <div class="page-content">
+      <!-- Environment Variables -->
+      <div class="card">
+        <div class="card-header">
+          <h3>Environment Variables</h3>
+          <div style="display:flex;gap:8px;">
+            <button class="btn btn-sm btn-primary" @click=${()=>t.openEnvModal()}>Add</button>
+            <button class="btn btn-sm" @click=${()=>t.loadEnv()}>Refresh</button>
+          </div>
+        </div>
+        ${t.envLoading?n`<div class="loading-center"><div class="spinner"></div></div>`:t.envVars.length===0?n`<div class="empty-state" style="padding:20px;"><p>No environment variables configured.</p></div>`:n`
+                <div class="table-wrap">
+                  <table>
+                    <thead><tr><th>Key</th><th>Value</th><th>Actions</th></tr></thead>
+                    <tbody>
+                      ${e.length>0?n`
+                        <tr><td colspan="3" style="padding:8px 12px;font-size:12px;font-weight:600;color:var(--text-secondary);background:var(--bg-secondary,var(--bg-hover));">Platform Managed</td></tr>
+                        ${e.map(i=>mt(t,i,!0))}
+                      `:l}
+                      ${s.length>0?n`
+                        <tr><td colspan="3" style="padding:8px 12px;font-size:12px;font-weight:600;color:var(--text-secondary);background:var(--bg-secondary,var(--bg-hover));">User Configured</td></tr>
+                        ${s.map(i=>mt(t,i,!1))}
+                      `:l}
+                    </tbody>
+                  </table>
+                </div>
+              `}
+      </div>
+
+      <!-- Server Configuration -->
+      <div class="card">
+        <div class="card-header">
+          <h3>Configuration</h3>
+          <button class="btn btn-sm" @click=${()=>t.loadConfig()}>Refresh</button>
+        </div>
+        ${t.configLoading?n`<div class="loading-center"><div class="spinner"></div></div>`:Object.keys(t.configData).length===0?n`<div class="empty-state" style="padding:20px;"><p>No configuration found. Run <code>costar setup</code> to configure.</p></div>`:n`
+                <div class="config-list" style="padding:16px;">
+                  ${Object.entries(t.configData).map(([i,a])=>n`
+                      <div class="config-row">
+                        <span class="config-key">${i}</span>
+                        <span class="config-value">${String(a)}</span>
+                      </div>
+                    `)}
+                </div>
+              `}
+      </div>
+
+      <!-- Paths -->
+      <div class="card">
+        <div class="card-header"><h3>Paths</h3></div>
+        <div class="config-list" style="padding:16px;">
+          <div class="config-row">
+            <span class="config-key">Config Directory</span>
+            <span class="config-value"><code>${t.configData.configDir||t.configData.workspaceDir||"~/.costar"}</code></span>
+          </div>
+          <div class="config-row">
+            <span class="config-key">Logs Directory</span>
+            <span class="config-value"><code>${t.configData.logsDir||"~/.costar/logs"}</code></span>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    ${Ns(t)}
+  `}function mt(t,e,s){const i=e.key.toLowerCase().match(/key|secret|token|password/),a=t.envRevealedKeys[e.key],o=a||(i?"••••••••":e.value);return n`
+    <tr style="${s?"opacity:0.7;":""}">
+      <td><code style="color:var(--accent);">${e.key}</code></td>
+      <td style="font-family:var(--mono);font-size:12px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">
+        ${o}
+      </td>
+      <td style="white-space:nowrap;">
+        ${i?n`
+          <button class="btn btn-sm" @click=${()=>t.revealEnvValue(e.key)}>
+            ${a?"Hide":"Reveal"}
+          </button>
+        `:l}
+        ${s?l:n`
+          <button class="btn btn-sm" @click=${()=>t.editEnvModal(e.key)}>Edit</button>
+          <button class="btn btn-sm btn-danger" @click=${()=>t.deleteEnvVariable(e.key)}>Delete</button>
+        `}
+      </td>
+    </tr>
+  `}function Ns(t){return t.envModalOpen?n`
+    <div class="modal-overlay open" @click=${e=>{e.target===e.currentTarget&&t.closeEnvModal()}}>
+      <div class="modal">
+        <div class="modal-header">
+          <h3>${t.envModalEditing?"Edit":"Add"} Environment Variable</h3>
+          <button class="btn btn-sm" @click=${()=>t.closeEnvModal()}>Close</button>
+        </div>
+        <div class="modal-body">
+          <div class="form-group">
+            <label>Key</label>
+            <input class="input" type="text" placeholder="VARIABLE_NAME"
+              .value=${t.envModalKey}
+              ?disabled=${t.envModalEditing}
+              @input=${e=>{t.envModalKey=e.target.value}}
+              style="text-transform:uppercase;" />
+          </div>
+          <div class="form-group">
+            <label>Value</label>
+            <input class="input" type="text" placeholder="value"
+              .value=${t.envModalValue}
+              @input=${e=>{t.envModalValue=e.target.value}} />
+          </div>
+          <div class="modal-actions">
+            <button class="btn" @click=${()=>t.closeEnvModal()}>Cancel</button>
+            <button class="btn btn-primary" @click=${()=>t.saveEnvVariable()}>Save</button>
+          </div>
+        </div>
+      </div>
+    </div>
+  `:l}function Is(t){return n`
+    <div class="shell">
+      ${cs(t)}
+      ${ds(t)}
+
+      <main class="content">
+        ${Vs(t)}
+      </main>
+    </div>
+
+    ${js(t)}
+  `}function Vs(t){switch(t.tab){case"dashboard":return ps(t);case"chat":return gs(t);case"cron":return $s(t);case"activity":return Ss(t);case"assets":return ks(t);case"projects":return Cs(t);case"sessions":return _s(t);case"workspace":return Rs(t);case"skills":return Fs(t);case"logs":return Os(t);case"config":return Us(t);default:return n`<p>Unknown page</p>`}}function js(t){return t.cronHistoryOpen?n`
+    <div class="modal-overlay open" @click=${e=>{e.target===e.currentTarget&&(t.cronHistoryOpen=!1)}}>
+      <div class="modal" style="max-width: 700px;">
+        <div class="modal-header">
+          <h3>History: ${t.cronHistoryJob}</h3>
+          <button class="btn btn-sm" @click=${()=>{t.cronHistoryOpen=!1}}>Close</button>
+        </div>
+        <div class="modal-body">
+          ${t.cronHistory.length===0?n`<p class="muted-text">No run history</p>`:n`
+                <div class="table-wrap">
+                  <table>
+                    <thead>
+                      <tr><th>Time</th><th>Status</th><th>Duration</th><th>Summary</th></tr>
+                    </thead>
+                    <tbody>
+                      ${t.cronHistory.map(e=>n`
+                          <tr>
+                            <td>${new Date(e.startedAt).toLocaleString()}</td>
+                            <td>
+                              <span class="tag ${e.status==="ok"?"tag-green":e.status==="error"?"tag-red":"tag-yellow"}">
+                                ${e.status}
+                              </span>
+                            </td>
+                            <td>${e.duration?`${(e.duration/1e3).toFixed(1)}s`:"--"}</td>
+                            <td style="max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
+                              ${e.summary||e.error||"--"}
+                            </td>
+                          </tr>
+                        `)}
+                    </tbody>
+                  </table>
+                </div>
+              `}
+        </div>
+      </div>
+    </div>
+  `:l}var zs=Object.defineProperty,Js=Object.getOwnPropertyDescriptor,d=(t,e,s,i)=>{for(var a=i>1?void 0:i?Js(e,s):e,o=t.length-1,r;o>=0;o--)(r=t[o])&&(a=(i?r(e,s,a):r(a))||a);return i&&a&&zs(e,s,a),a};let c=class extends D{constructor(){super(...arguments),this.settings=ge(),this.tab="dashboard",this.theme="system",this.themeResolved="dark",this.serverStatus=null,this.activityStats=null,this.activeProject=null,this.projectCount=null,this.recentActivity=[],this.sessionInfo=null,this.versionInfo=null,this.statusResponse=null,this.chatMessage="",this.chatMessages=[],this.chatLoading=!1,this.chatSending=!1,this.chatStream=null,this.chatStreamFlow=[],this.chatCompacting=!1,this.chatButtonLabel="",this.chatAbort=null,this.cronJobs=[],this.cronLoading=!1,this.cronForm={...xt},this.cronHistory=[],this.cronHistoryJob="",this.cronHistoryOpen=!1,this.activityList=[],this.activityLoading=!1,this.activitySearch="",this.activityStatusFilter="",this.activityOffset=0,this.activityHasMore=!1,this.activityDetail=null,this.assetsList=[],this.assetsLoading=!1,this.assetTypeFilter="",this.projectsList=[],this.projectsLoading=!1,this.sessionsList=[],this.sessionsLoading=!1,this.sessionDetail=null,this.sessionDetailName="",this.sessionViewMode="parsed",this.sessionRawContent="",this._sessionPollTimer=null,this.workspaceFiles=[],this.workspaceLoading=!1,this.workspaceEditingFile="",this.workspaceEditContent="",this.workspaceSaving=!1,this.skillsList=[],this.skillsLoading=!1,this.skillDetail=null,this.skillDetailOpen=!1,this.skillFileTab=0,this.logEntries=[],this.logStreaming=!1,this.logFilter="",this.logComponentFilter="",this.logComponents=[],this.logStream=null,this.configData={},this.configLoading=!1,this.envVars=[],this.envLoading=!1,this.envRevealedKeys={},this.envModalOpen=!1,this.envModalKey="",this.envModalValue="",this.envModalEditing=!1,this.updating=!1,this.updateResult="",this.popStateHandler=null}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.popStateHandler=()=>ts(this),window.addEventListener("popstate",this.popStateHandler),es(this)}disconnectedCallback(){ss(this),super.disconnectedCallback()}setTab(t){Xe(this,t)}setTheme(t){Qe(this,t)}async handleSendChat(t){await os(this,t)}abortChat(){rs(this)}async loadDashboard(){await At(this)}async compactSession(){await Ee(this)}async resetSession(){await Me(this)}async triggerManualUpdate(){await Le()}async loadCronJobs(){await K(this)}async createCronJob(){await Te(this)}async runCronJob(t){await De(this,t)}async deleteCronJob(t){await Re(this,t)}async showCronHistory(t,e){await Fe(this,t,e)}async loadActivity(){await st(this)}async loadMoreActivity(){await Pe(this)}async searchActivity(){await Oe(this)}async loadAssets(){await Et(this)}async loadProjects(){await Mt(this)}async loadSessions(){await Lt(this)}async viewSession(t){await Be(this,t)}closeSession(){Ue(this)}switchSessionView(t){He(this,t)}async loadRawSession(){await Tt(this)}async loadWorkspaceFiles(){await Dt(this)}async editWorkspaceFile(t){await Ie(this,t)}async saveWorkspaceFile(){await Ve(this)}async loadSkills(){await Rt(this)}async showSkillDetail(t){await je(this,t)}closeSkillDetail(){ze(this)}startLogStream(){Bt(this)}stopLogStream(){Ht(this)}async loadInitialLogs(){await Ot(this)}async loadConfig(){await Ft(this)}async loadEnv(){await W(this)}async selfUpdate(){await Ge(this)}openEnvModal(){Ke(this)}editEnvModal(t){We(this,t)}closeEnvModal(){Pt(this)}async saveEnvVariable(){await qe(this)}async deleteEnvVariable(t){await Ze(this,t)}async revealEnvValue(t){await Je(this,t)}render(){return Is(this)}};d([h()],c.prototype,"settings",2);d([h()],c.prototype,"tab",2);d([h()],c.prototype,"theme",2);d([h()],c.prototype,"themeResolved",2);d([h()],c.prototype,"serverStatus",2);d([h()],c.prototype,"activityStats",2);d([h()],c.prototype,"activeProject",2);d([h()],c.prototype,"projectCount",2);d([h()],c.prototype,"recentActivity",2);d([h()],c.prototype,"sessionInfo",2);d([h()],c.prototype,"versionInfo",2);d([h()],c.prototype,"statusResponse",2);d([h()],c.prototype,"chatMessage",2);d([h()],c.prototype,"chatMessages",2);d([h()],c.prototype,"chatLoading",2);d([h()],c.prototype,"chatSending",2);d([h()],c.prototype,"chatStream",2);d([h()],c.prototype,"chatStreamFlow",2);d([h()],c.prototype,"chatCompacting",2);d([h()],c.prototype,"chatButtonLabel",2);d([h()],c.prototype,"cronJobs",2);d([h()],c.prototype,"cronLoading",2);d([h()],c.prototype,"cronForm",2);d([h()],c.prototype,"cronHistory",2);d([h()],c.prototype,"cronHistoryJob",2);d([h()],c.prototype,"cronHistoryOpen",2);d([h()],c.prototype,"activityList",2);d([h()],c.prototype,"activityLoading",2);d([h()],c.prototype,"activitySearch",2);d([h()],c.prototype,"activityStatusFilter",2);d([h()],c.prototype,"activityOffset",2);d([h()],c.prototype,"activityHasMore",2);d([h()],c.prototype,"activityDetail",2);d([h()],c.prototype,"assetsList",2);d([h()],c.prototype,"assetsLoading",2);d([h()],c.prototype,"assetTypeFilter",2);d([h()],c.prototype,"projectsList",2);d([h()],c.prototype,"projectsLoading",2);d([h()],c.prototype,"sessionsList",2);d([h()],c.prototype,"sessionsLoading",2);d([h()],c.prototype,"sessionDetail",2);d([h()],c.prototype,"sessionDetailName",2);d([h()],c.prototype,"sessionViewMode",2);d([h()],c.prototype,"sessionRawContent",2);d([h()],c.prototype,"workspaceFiles",2);d([h()],c.prototype,"workspaceLoading",2);d([h()],c.prototype,"workspaceEditingFile",2);d([h()],c.prototype,"workspaceEditContent",2);d([h()],c.prototype,"workspaceSaving",2);d([h()],c.prototype,"skillsList",2);d([h()],c.prototype,"skillsLoading",2);d([h()],c.prototype,"skillDetail",2);d([h()],c.prototype,"skillDetailOpen",2);d([h()],c.prototype,"skillFileTab",2);d([h()],c.prototype,"logEntries",2);d([h()],c.prototype,"logStreaming",2);d([h()],c.prototype,"logFilter",2);d([h()],c.prototype,"logComponentFilter",2);d([h()],c.prototype,"logComponents",2);d([h()],c.prototype,"configData",2);d([h()],c.prototype,"configLoading",2);d([h()],c.prototype,"envVars",2);d([h()],c.prototype,"envLoading",2);d([h()],c.prototype,"envRevealedKeys",2);d([h()],c.prototype,"envModalOpen",2);d([h()],c.prototype,"envModalKey",2);d([h()],c.prototype,"envModalValue",2);d([h()],c.prototype,"envModalEditing",2);d([h()],c.prototype,"updating",2);d([h()],c.prototype,"updateResult",2);c=d([he("costar-app")],c);
+//# sourceMappingURL=index-Ca6N-CJM.js.map