@xopcai/xopcbot 0.1.3 → 0.2.0

package/dist/gateway/static/root/assets/main-DevbZW9K.js

@@ -1,2227 +0,0 @@
-(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const n of document.querySelectorAll('link[rel="modulepreload"]'))i(n);new MutationObserver(n=>{for(const a of n)if(a.type==="childList")for(const l of a.addedNodes)l.tagName==="LINK"&&l.rel==="modulepreload"&&i(l)}).observe(document,{childList:!0,subtree:!0});function s(n){const a={};return n.integrity&&(a.integrity=n.integrity),n.referrerPolicy&&(a.referrerPolicy=n.referrerPolicy),n.crossOrigin==="use-credentials"?a.credentials="include":n.crossOrigin==="anonymous"?a.credentials="omit":a.credentials="same-origin",a}function i(n){if(n.ep)return;n.ep=!0;const a=s(n);fetch(n.href,a)}})();const $e=globalThis,Be=$e.ShadowRoot&&($e.ShadyCSS===void 0||$e.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,rt=Symbol(),qe=new WeakMap;let $t=class{constructor(t,s,i){if(this._$cssResult$=!0,i!==rt)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=s}get styleSheet(){let t=this.o;const s=this.t;if(Be&&t===void 0){const i=s!==void 0&&s.length===1;i&&(t=qe.get(s)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&qe.set(s,t))}return t}toString(){return this.cssText}};const kt=e=>new $t(typeof e=="string"?e:e+"",void 0,rt),xt=(e,t)=>{if(Be)e.adoptedStyleSheets=t.map(s=>s instanceof CSSStyleSheet?s:s.styleSheet);else for(const s of t){const i=document.createElement("style"),n=$e.litNonce;n!==void 0&&i.setAttribute("nonce",n),i.textContent=s.cssText,e.appendChild(i)}},Je=Be?e=>e:e=>e instanceof CSSStyleSheet?(t=>{let s="";for(const i of t.cssRules)s+=i.cssText;return kt(s)})(e):e;const{is:St,defineProperty:At,getOwnPropertyDescriptor:Ct,getOwnPropertyNames:Tt,getOwnPropertySymbols:Mt,getPrototypeOf:Et}=Object,Te=globalThis,Ge=Te.trustedTypes,Pt=Ge?Ge.emptyScript:"",Ft=Te.reactiveElementPolyfillSupport,ue=(e,t)=>e,ke={toAttribute(e,t){switch(t){case Boolean:e=e?Pt:null;break;case Object:case Array:e=e==null?e:JSON.stringify(e)}return e},fromAttribute(e,t){let s=e;switch(t){case Boolean:s=e!==null;break;case Number:s=e===null?null:Number(e);break;case Object:case Array:try{s=JSON.parse(e)}catch{s=null}}return s}},Ke=(e,t)=>!St(e,t),We={attribute:!0,type:String,converter:ke,reflect:!1,useDefault:!1,hasChanged:Ke};Symbol.metadata??=Symbol("metadata"),Te.litPropertyMetadata??=new WeakMap;let se=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,s=We){if(s.state&&(s.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((s=Object.create(s)).wrapped=!0),this.elementProperties.set(t,s),!s.noAccessor){const i=Symbol(),n=this.getPropertyDescriptor(t,i,s);n!==void 0&&At(this.prototype,t,n)}}static getPropertyDescriptor(t,s,i){const{get:n,set:a}=Ct(this.prototype,t)??{get(){return this[s]},set(l){this[s]=l}};return{get:n,set(l){const h=n?.call(this);a?.call(this,l),this.requestUpdate(t,h,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??We}static _$Ei(){if(this.hasOwnProperty(ue("elementProperties")))return;const t=Et(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(ue("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(ue("properties"))){const s=this.properties,i=[...Tt(s),...Mt(s)];for(const n of i)this.createProperty(n,s[n])}const t=this[Symbol.metadata];if(t!==null){const s=litPropertyMetadata.get(t);if(s!==void 0)for(const[i,n]of s)this.elementProperties.set(i,n)}this._$Eh=new Map;for(const[s,i]of this.elementProperties){const n=this._$Eu(s,i);n!==void 0&&this._$Eh.set(n,s)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const s=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const n of i)s.unshift(Je(n))}else t!==void 0&&s.push(Je(t));return s}static _$Eu(t,s){const i=s.attribute;return i===!1?void 0:typeof i=="string"?i:typeof t=="string"?t.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(t=>this.enableUpdating=t),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(t=>t(this))}addController(t){(this._$EO??=new Set).add(t),this.renderRoot!==void 0&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,s=this.constructor.elementProperties;for(const i of s.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return xt(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(t=>t.hostConnected?.())}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach(t=>t.hostDisconnected?.())}attributeChangedCallback(t,s,i){this._$AK(t,i)}_$ET(t,s){const i=this.constructor.elementProperties.get(t),n=this.constructor._$Eu(t,i);if(n!==void 0&&i.reflect===!0){const a=(i.converter?.toAttribute!==void 0?i.converter:ke).toAttribute(s,i.type);this._$Em=t,a==null?this.removeAttribute(n):this.setAttribute(n,a),this._$Em=null}}_$AK(t,s){const i=this.constructor,n=i._$Eh.get(t);if(n!==void 0&&this._$Em!==n){const a=i.getPropertyOptions(n),l=typeof a.converter=="function"?{fromAttribute:a.converter}:a.converter?.fromAttribute!==void 0?a.converter:ke;this._$Em=n;const h=l.fromAttribute(s,a.type);this[n]=h??this._$Ej?.get(n)??h,this._$Em=null}}requestUpdate(t,s,i,n=!1,a){if(t!==void 0){const l=this.constructor;if(n===!1&&(a=this[t]),i??=l.getPropertyOptions(t),!((i.hasChanged??Ke)(a,s)||i.useDefault&&i.reflect&&a===this._$Ej?.get(t)&&!this.hasAttribute(l._$Eu(t,i))))return;this.C(t,s,i)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,s,{useDefault:i,reflect:n,wrapped:a},l){i&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,l??s??this[t]),a!==!0||l!==void 0)||(this._$AL.has(t)||(this.hasUpdated||i||(s=void 0),this._$AL.set(t,s)),n===!0&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(s){Promise.reject(s)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[n,a]of this._$Ep)this[n]=a;this._$Ep=void 0}const i=this.constructor.elementProperties;if(i.size>0)for(const[n,a]of i){const{wrapped:l}=a,h=this[n];l!==!0||this._$AL.has(n)||h===void 0||this.C(n,void 0,a,h)}}let t=!1;const s=this._$AL;try{t=this.shouldUpdate(s),t?(this.willUpdate(s),this._$EO?.forEach(i=>i.hostUpdate?.()),this.update(s)):this._$EM()}catch(i){throw t=!1,this._$EM(),i}t&&this._$AE(s)}willUpdate(t){}_$AE(t){this._$EO?.forEach(s=>s.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach(s=>this._$ET(s,this[s])),this._$EM()}updated(t){}firstUpdated(t){}};se.elementStyles=[],se.shadowRootOptions={mode:"open"},se[ue("elementProperties")]=new Map,se[ue("finalized")]=new Map,Ft?.({ReactiveElement:se}),(Te.reactiveElementVersions??=[]).push("2.1.2");const je=globalThis,Ve=e=>e,xe=je.trustedTypes,Qe=xe?xe.createPolicy("lit-html",{createHTML:e=>e}):void 0,lt="$lit$",B=`lit$${Math.random().toFixed(9).slice(2)}$`,ct="?"+B,Lt=`<${ct}>`,G=document,_e=()=>G.createComment(""),me=e=>e===null||typeof e!="object"&&typeof e!="function",Ue=Array.isArray,Dt=e=>Ue(e)||typeof e?.[Symbol.iterator]=="function",Fe=`[ 	
-\f\r]`,ce=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Xe=/-->/g,Ye=/>/g,N=RegExp(`>|${Fe}(?:([^\\s"'>=/]+)(${Fe}*=${Fe}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`,"g"),Ze=/'/g,et=/"/g,ht=/^(?:script|style|textarea|title)$/i,It=e=>(t,...s)=>({_$litType$:e,strings:t,values:s}),o=It(1),W=Symbol.for("lit-noChange"),_=Symbol.for("lit-nothing"),tt=new WeakMap,q=G.createTreeWalker(G,129);function dt(e,t){if(!Ue(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return Qe!==void 0?Qe.createHTML(t):t}const Ot=(e,t)=>{const s=e.length-1,i=[];let n,a=t===2?"<svg>":t===3?"<math>":"",l=ce;for(let h=0;h<s;h++){const p=e[h];let g,S,f=-1,F=0;for(;F<p.length&&(l.lastIndex=F,S=l.exec(p),S!==null);)F=l.lastIndex,l===ce?S[1]==="!--"?l=Xe:S[1]!==void 0?l=Ye:S[2]!==void 0?(ht.test(S[2])&&(n=RegExp("</"+S[2],"g")),l=N):S[3]!==void 0&&(l=N):l===N?S[0]===">"?(l=n??ce,f=-1):S[1]===void 0?f=-2:(f=l.lastIndex-S[2].length,g=S[1],l=S[3]===void 0?N:S[3]==='"'?et:Ze):l===et||l===Ze?l=N:l===Xe||l===Ye?l=ce:(l=N,n=void 0);const I=l===N&&e[h+1].startsWith("/>")?" ":"";a+=l===ce?p+Lt:f>=0?(i.push(g),p.slice(0,f)+lt+p.slice(f)+B+I):p+B+(f===-2?h:I)}return[dt(e,a+(e[s]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),i]};class ve{constructor({strings:t,_$litType$:s},i){let n;this.parts=[];let a=0,l=0;const h=t.length-1,p=this.parts,[g,S]=Ot(t,s);if(this.el=ve.createElement(g,i),q.currentNode=this.el.content,s===2||s===3){const f=this.el.content.firstChild;f.replaceWith(...f.childNodes)}for(;(n=q.nextNode())!==null&&p.length<h;){if(n.nodeType===1){if(n.hasAttributes())for(const f of n.getAttributeNames())if(f.endsWith(lt)){const F=S[l++],I=n.getAttribute(f).split(B),we=/([.?@])?(.*)/.exec(F);p.push({type:1,index:a,name:we[2],strings:I,ctor:we[1]==="."?Bt:we[1]==="?"?Kt:we[1]==="@"?jt:Me}),n.removeAttribute(f)}else f.startsWith(B)&&(p.push({type:6,index:a}),n.removeAttribute(f));if(ht.test(n.tagName)){const f=n.textContent.split(B),F=f.length-1;if(F>0){n.textContent=xe?xe.emptyScript:"";for(let I=0;I<F;I++)n.append(f[I],_e()),q.nextNode(),p.push({type:2,index:++a});n.append(f[F],_e())}}}else if(n.nodeType===8)if(n.data===ct)p.push({type:2,index:a});else{let f=-1;for(;(f=n.data.indexOf(B,f+1))!==-1;)p.push({type:7,index:a}),f+=B.length-1}a++}}static createElement(t,s){const i=G.createElement("template");return i.innerHTML=t,i}}function ne(e,t,s=e,i){if(t===W)return t;let n=i!==void 0?s._$Co?.[i]:s._$Cl;const a=me(t)?void 0:t._$litDirective$;return n?.constructor!==a&&(n?._$AO?.(!1),a===void 0?n=void 0:(n=new a(e),n._$AT(e,s,i)),i!==void 0?(s._$Co??=[])[i]=n:s._$Cl=n),n!==void 0&&(t=ne(e,n._$AS(e,t.values),n,i)),t}class Rt{constructor(t,s){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=s}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:s},parts:i}=this._$AD,n=(t?.creationScope??G).importNode(s,!0);q.currentNode=n;let a=q.nextNode(),l=0,h=0,p=i[0];for(;p!==void 0;){if(l===p.index){let g;p.type===2?g=new ye(a,a.nextSibling,this,t):p.type===1?g=new p.ctor(a,p.name,p.strings,this,t):p.type===6&&(g=new Ut(a,this,t)),this._$AV.push(g),p=i[++h]}l!==p?.index&&(a=q.nextNode(),l++)}return q.currentNode=G,n}p(t){let s=0;for(const i of this._$AV)i!==void 0&&(i.strings!==void 0?(i._$AI(t,i,s),s+=i.strings.length-2):i._$AI(t[s])),s++}}class ye{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,s,i,n){this.type=2,this._$AH=_,this._$AN=void 0,this._$AA=t,this._$AB=s,this._$AM=i,this.options=n,this._$Cv=n?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const s=this._$AM;return s!==void 0&&t?.nodeType===11&&(t=s.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,s=this){t=ne(this,t,s),me(t)?t===_||t==null||t===""?(this._$AH!==_&&this._$AR(),this._$AH=_):t!==this._$AH&&t!==W&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Dt(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==_&&me(this._$AH)?this._$AA.nextSibling.data=t:this.T(G.createTextNode(t)),this._$AH=t}$(t){const{values:s,_$litType$:i}=t,n=typeof i=="number"?this._$AC(t):(i.el===void 0&&(i.el=ve.createElement(dt(i.h,i.h[0]),this.options)),i);if(this._$AH?._$AD===n)this._$AH.p(s);else{const a=new Rt(n,this),l=a.u(this.options);a.p(s),this.T(l),this._$AH=a}}_$AC(t){let s=tt.get(t.strings);return s===void 0&&tt.set(t.strings,s=new ve(t)),s}k(t){Ue(this._$AH)||(this._$AH=[],this._$AR());const s=this._$AH;let i,n=0;for(const a of t)n===s.length?s.push(i=new ye(this.O(_e()),this.O(_e()),this,this.options)):i=s[n],i._$AI(a),n++;n<s.length&&(this._$AR(i&&i._$AB.nextSibling,n),s.length=n)}_$AR(t=this._$AA.nextSibling,s){for(this._$AP?.(!1,!0,s);t!==this._$AB;){const i=Ve(t).nextSibling;Ve(t).remove(),t=i}}setConnected(t){this._$AM===void 0&&(this._$Cv=t,this._$AP?.(t))}}class Me{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,s,i,n,a){this.type=1,this._$AH=_,this._$AN=void 0,this.element=t,this.name=s,this._$AM=n,this.options=a,i.length>2||i[0]!==""||i[1]!==""?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=_}_$AI(t,s=this,i,n){const a=this.strings;let l=!1;if(a===void 0)t=ne(this,t,s,0),l=!me(t)||t!==this._$AH&&t!==W,l&&(this._$AH=t);else{const h=t;let p,g;for(t=a[0],p=0;p<a.length-1;p++)g=ne(this,h[i+p],s,p),g===W&&(g=this._$AH[p]),l||=!me(g)||g!==this._$AH[p],g===_?t=_:t!==_&&(t+=(g??"")+a[p+1]),this._$AH[p]=g}l&&!n&&this.j(t)}j(t){t===_?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class Bt extends Me{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===_?void 0:t}}class Kt extends Me{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==_)}}class jt extends Me{constructor(t,s,i,n,a){super(t,s,i,n,a),this.type=5}_$AI(t,s=this){if((t=ne(this,t,s,0)??_)===W)return;const i=this._$AH,n=t===_&&i!==_||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,a=t!==_&&(i===_||n);n&&this.element.removeEventListener(this.name,this,i),a&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class Ut{constructor(t,s,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=s,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){ne(this,t)}}const Ht=je.litHtmlPolyfillSupport;Ht?.(ve,ye),(je.litHtmlVersions??=[]).push("3.3.2");const Nt=(e,t,s)=>{const i=s?.renderBefore??t;let n=i._$litPart$;if(n===void 0){const a=s?.renderBefore??null;i._$litPart$=n=new ye(t.insertBefore(_e(),a),a,void 0,s??{})}return n._$AI(e),n};const He=globalThis;let y=class extends se{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const s=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=Nt(s,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return W}};y._$litElement$=!0,y.finalized=!0,He.litElementHydrateSupport?.({LitElement:y});const zt=He.litElementPolyfillSupport;zt?.({LitElement:y});(He.litElementVersions??=[]).push("4.2.2");const k=e=>(t,s)=>{s!==void 0?s.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)};const qt={attribute:!0,type:String,converter:ke,reflect:!1,hasChanged:Ke},Jt=(e=qt,t,s)=>{const{kind:i,metadata:n}=s;let a=globalThis.litPropertyMetadata.get(n);if(a===void 0&&globalThis.litPropertyMetadata.set(n,a=new Map),i==="setter"&&((e=Object.create(e)).wrapped=!0),a.set(s.name,e),i==="accessor"){const{name:l}=s;return{set(h){const p=t.get.call(this);t.set.call(this,h),this.requestUpdate(l,p,e,!0,h)},init(h){return h!==void 0&&this.C(l,void 0,e,h),h}}}if(i==="setter"){const{name:l}=s;return function(h){const p=this[l];t.call(this,h),this.requestUpdate(l,p,e,!0,h)}}throw Error("Unsupported decorator location: "+i)};function u(e){return(t,s)=>typeof s=="object"?Jt(e,t,s):((i,n,a)=>{const l=n.hasOwnProperty(a);return n.constructor.createProperty(a,i),l?Object.getOwnPropertyDescriptor(n,a):void 0})(e,t,s)}function c(e){return u({...e,state:!0,attribute:!1})}const Gt=(e,t,s)=>(s.configurable=!0,s.enumerable=!0,Reflect.decorate&&typeof t!="object"&&Object.defineProperty(e,t,s),s);function oe(e,t){return(s,i,n)=>{const a=l=>l.renderRoot?.querySelector(e)??null;return Gt(s,i,{get(){return a(this)}})}}const Wt=e=>e.strings===void 0;const pt={CHILD:2},ut=e=>(...t)=>({_$litDirective$:e,values:t});class gt{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,s,i){this._$Ct=t,this._$AM=s,this._$Ci=i}_$AS(t,s){return this.update(t,s)}update(t,s){return this.render(...s)}}const ge=(e,t)=>{const s=e._$AN;if(s===void 0)return!1;for(const i of s)i._$AO?.(t,!1),ge(i,t);return!0},Se=e=>{let t,s;do{if((t=e._$AM)===void 0)break;s=t._$AN,s.delete(e),e=t}while(s?.size===0)},_t=e=>{for(let t;t=e._$AM;e=t){let s=t._$AN;if(s===void 0)t._$AN=s=new Set;else if(s.has(e))break;s.add(e),Xt(t)}};function Vt(e){this._$AN!==void 0?(Se(this),this._$AM=e,_t(this)):this._$AM=e}function Qt(e,t=!1,s=0){const i=this._$AH,n=this._$AN;if(n!==void 0&&n.size!==0)if(t)if(Array.isArray(i))for(let a=s;a<i.length;a++)ge(i[a],!1),Se(i[a]);else i!=null&&(ge(i,!1),Se(i));else ge(this,e)}const Xt=e=>{e.type==pt.CHILD&&(e._$AP??=Qt,e._$AQ??=Vt)};class Yt extends gt{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,s,i){super._$AT(t,s,i),_t(this),this.isConnected=t._$AU}_$AO(t,s=!0){t!==this.isConnected&&(this.isConnected=t,t?this.reconnected?.():this.disconnected?.()),s&&(ge(this,t),Se(this))}setValue(t){if(Wt(this._$Ct))this._$Ct._$AI(t,this);else{const s=[...this._$Ct._$AH];s[this._$Ci]=t,this._$Ct._$AI(s,this,0)}}disconnected(){}reconnected(){}}const st=()=>new Zt;class Zt{}const Le=new WeakMap,it=ut(class extends Yt{render(e){return _}update(e,[t]){const s=t!==this.G;return s&&this.G!==void 0&&this.rt(void 0),(s||this.lt!==this.ct)&&(this.G=t,this.ht=e.options?.host,this.rt(this.ct=e.element)),_}rt(e){if(this.isConnected||(e=void 0),typeof this.G=="function"){const t=this.ht??globalThis;let s=Le.get(t);s===void 0&&(s=new WeakMap,Le.set(t,s)),s.get(this.G)!==void 0&&this.G.call(this.ht,void 0),s.set(this.G,e),e!==void 0&&this.G.call(this.ht,e)}else this.G.value=e}get lt(){return typeof this.G=="function"?Le.get(this.ht??globalThis)?.get(this.G):this.G?.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});class De extends gt{constructor(t){if(super(t),this.it=_,t.type!==pt.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===_||t==null)return this._t=void 0,this.it=t;if(t===W)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const s=[t];return s.raw=s,this._t={_$litType$:this.constructor.resultType,strings:s,values:[]}}}De.directiveName="unsafeHTML",De.resultType=1;const he=ut(De);const Ee={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":2,"stroke-linecap":"round","stroke-linejoin":"round"};const es=["svg",Ee,[["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"}]]];const ts=["svg",Ee,[["path",{d:"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"}],["path",{d:"m21.854 2.147-10.94 10.939"}]]];const ss=["svg",Ee,[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2"}]]];const is=["svg",Ee,[["path",{d:"M18 6 6 18"}],["path",{d:"m6 6 12 12"}]]],ns={title:"XOPCBOT Gateway",brand:"XOPCBOT"},os={chat:"Chat",sessions:"Sessions",cron:"Cron Jobs",logs:"Logs",settings:"Settings",management:"Management"},as={title:"XopcBot",newSession:"New Chat",welcomeTitle:"Welcome to xopcbot",welcomeDescription:"Send a message to get started",emptyState:"No messages yet",emptyStateDescription:"Start a conversation by typing a message below",you:"You",assistant:"Assistant",tool:"Tool",thinking:"thinking...",typeMessage:"Type a message...",attachFile:"Attach file",sendMessage:"Send message",abort:"Abort",retry:"Retry",reasoning:"Reasoning",thinkingLevelNone:"None",thinkingLevel1:"Level 1",thinkingLevel2:"Level 2",thinkingLevel3:"Level 3",thinkingLevel4:"Level 4",connecting:"Connecting...",disconnected:"Disconnected",connectionError:"Connection error",reconnecting:"Reconnecting...",online:"Online",offline:"Offline"},rs={title:"Settings",save:"Save",cancel:"Cancel",close:"Close",loading:"Loading settings...",unsaved:"{{count}} unsaved",saveChanges:"Save Changes",saving:"Saving...",noSection:"No section selected",enableFeature:"Enable this feature",required:"{{field}} is required",invalidFormat:"Invalid format",unsavedChanges:"Unsaved changes",sections:{agent:"Agent",providers:"Providers",channels:"Channels",gateway:"Gateway"},descriptions:{agent:"Configure your agent settings",providers:"Configure your provider API keys",channels:"Configure messaging channels",gateway:"Configure gateway settings"},fields:{model:"Model",workspace:"Workspace",maxTokens:"Max Tokens",temperature:"Temperature",maxToolIterations:"Max Tool Iterations",openaiApiKey:"OpenAI API Key",anthropicApiKey:"Anthropic API Key",googleApiKey:"Google API Key",qwenApiKey:"Qwen API Key",kimiApiKey:"Kimi API Key",minimaxApiKey:"MiniMax API Key",deepseekApiKey:"DeepSeek API Key",grokApiKey:"Grok API Key",openrouterApiKey:"OpenRouter API Key",telegramEnabled:"Telegram",telegramToken:"Telegram Token",telegramApiRoot:"API Root (Optional)",telegramAllowFrom:"Allow From (Optional)",telegramDebug:"Debug Mode",whatsappEnabled:"WhatsApp",whatsappBridgeUrl:"Bridge URL",whatsappAllowFrom:"Allow From (Optional)",heartbeatEnabled:"Heartbeat",heartbeatIntervalMs:"Heartbeat Interval (ms)",gatewayToken:"Gateway Token"},descriptionsFields:{model:"Default AI model to use",workspace:"Working directory for agent files",maxTokens:"Maximum tokens in response",temperature:"Randomness in responses (0-2)",maxToolIterations:"Maximum tool calls per message",openaiApiKey:"API key for OpenAI models",anthropicApiKey:"API key for Claude models",googleApiKey:"API key for Gemini models",qwenApiKey:"API key for Qwen models",kimiApiKey:"API key for Kimi models",minimaxApiKey:"API key for MiniMax models",deepseekApiKey:"API key for DeepSeek models",grokApiKey:"API key for Grok models",openrouterApiKey:"API key for OpenRouter models",telegramEnabled:"Enable Telegram bot",telegramToken:"Bot API token from @BotFather",telegramApiRoot:"Custom Telegram API root URL",telegramAllowFrom:"Allowed user IDs, comma separated",telegramDebug:"Enable debug logging for Telegram",whatsappEnabled:"Enable WhatsApp bridge",whatsappBridgeUrl:"WhatsApp bridge WebSocket URL",whatsappAllowFrom:"Allowed phone numbers, comma separated",heartbeatEnabled:"Enable heartbeat monitoring",heartbeatIntervalMs:"Heartbeat check interval in milliseconds",gatewayToken:"Authentication token for gateway API access"},placeholders:{workspace:"~/.xopcbot/workspace",openaiApiKey:"sk-...",anthropicApiKey:"sk-ant-...",googleApiKey:"AIzaSy...",qwenApiKey:"sk-...",kimiApiKey:"sk-kimi-...",minimaxApiKey:"sk-cp-...",deepseekApiKey:"sk-...",openrouterApiKey:"sk-or-...",telegramToken:"1234567890:ABCdefGHIjklMNOpqrsTUVwxyz",telegramApiRoot:"https://api.telegram.org",telegramAllowFrom:"123456789, 987654321",whatsappBridgeUrl:"ws://localhost:3001",whatsappAllowFrom:"+1234567890, +0987654321",gatewayToken:"Enter your gateway authentication token"},connection:{title:"Connection",gatewayUrl:"Gateway URL",gatewayUrlDesc:"WebSocket URL for the gateway server",authToken:"Auth Token",authTokenDesc:"Optional authentication token"},appearance:{title:"Appearance",theme:"Theme",themeDesc:"Choose your preferred color scheme",themeSystem:"System",themeLight:"Light",themeDark:"Dark"},chat:{title:"Chat",enableAttachments:"Enable Attachments",enableAttachmentsDesc:"Allow file attachments in chat",showModelSelector:"Show Model Selector",showModelSelectorDesc:"Display model selection dropdown",showThinkingSelector:"Show Thinking Selector",showThinkingSelectorDesc:"Display thinking level selection"}},ls={noSession:"No session available",noAgent:"No agent set",noModel:"No model set",requestTimeout:"Request timeout",sendFailed:"Failed to send message",invalidFileType:"Invalid file type",fileTooLarge:"File too large (max {{size}})",readFileFailed:"Failed to read file"},cs={dropHere:"Drop files here",dragDrop:"Drag and drop files here",image:"Image",document:"Document",pdf:"PDF",word:"Word",excel:"Excel",powerpoint:"PowerPoint",text:"Text",code:"Code",archive:"Archive",unknown:"Unknown"},hs={settings:"Open settings"},ds={title:"Configuration",save:"Save Configuration",noResult:"No result",artifacts:"Artifacts",showArtifacts:"Show artifacts"},ps={title:"Logs",refresh:"Refresh",clear:"Clear",totalLogs:"Total Logs",pause:"Pause",autoRefresh:"Auto Refresh",level:"Level",search:"Search",searchPlaceholder:"Search logs...",time:"Time",message:"Message",module:"Module",noLogs:"No logs found",noLogsDescription:"Try adjusting your filters or check back later.",details:"Log Details"},us={title:"Sessions",newSession:"New Session",searchPlaceholder:"Search sessions...",totalSessions:"Total Sessions",activeSessions:"Active Sessions",pinnedSessions:"Pinned Sessions",archivedSessions:"Archived Sessions",noSessions:"No sessions",delete:"Delete",archive:"Archive",pin:"Pin",unpin:"Unpin",confirmDelete:"Are you sure you want to delete this session?"},gs={title:"Cron Jobs",addJob:"Add Cron Job",editJob:"Edit Job",name:"Name (optional)",namePlaceholder:"My scheduled task",schedule:"Schedule (cron expression) *",scheduleHint:"e.g., */5 * * * * (every 5 minutes), 0 9 * * * (daily at 9am)",message:"Message *",messagePlaceholder:"What should the assistant do?",create:"Create Job",runNow:"Run Now",delete:"Delete",edit:"Edit",enable:"Enable",disable:"Disable",enabled:"Enabled",disabled:"Disabled",running:"Running",lastRun:"Last Run",nextRun:"Next Run",status:"Status",history:"History",actions:"Actions",noJobs:"No cron jobs",confirmDelete:"Are you sure you want to delete this cron job?",confirmRun:"Run this cron job now?",success:"Success",failed:"Failed",scheduleLabel:"Schedule",messageLabel:"Message",confirm:"Confirm",cancel:"Cancel",total:"Total",schedulePresets:{custom:"-- Custom (enter below) --",everyMinute:"Every minute",every5Minutes:"Every 5 minutes (default)",every10Minutes:"Every 10 minutes",every15Minutes:"Every 15 minutes",every30Minutes:"Every 30 minutes",everyHour:"Every hour",every2Hours:"Every 2 hours",every4Hours:"Every 4 hours",every6Hours:"Every 6 hours",every12Hours:"Every 12 hours",everyDayMidnight:"Every day at midnight",everyDay9AM:"Every day at 9:00 AM",everyDay9PM:"Every day at 9:00 PM"},scheduleHintPreset:"Select a preset or enter custom cron expression",mode:"Mode",modeDirect:"Send message directly to the channel without AI processing",modeAgent:"Use AI agent to process the message, then send the response",modeDirectOption:"Direct (send message directly)",modeAgentOption:"AI Agent (process with AI then send)",model:"Model",noConfiguredModels:"No configured models",save:"Save",failedToLoadJobs:"Failed to load jobs",scheduleRequired:"Schedule and message are required",chatIdRequired:"Chat ID is required",failedToJob:"Failed to {{mode}} job",failedToToggleJob:"Failed to toggle job",actionFailed:"Action failed",enterManuallyOrSelect:"Enter manually or select from recent chats",noRecentChats:"No recent chats found. Enter chat ID manually (e.g., 123456789 for Telegram)",timeLabels:{lessThanMinute:"Less than a minute",minutes:"{{count}} min",hours:"{{count}} hours",overdue:"Overdue"},lastActiveLabels:{justNow:"just now",minutesAgo:"{{count}}m ago",hoursAgo:"{{count}}h ago",daysAgo:"{{count}}d ago"}},_s={save:"Save",cancel:"Cancel",confirm:"Confirm",close:"Close",loading:"Loading...",error:"Error",success:"Success",noData:"No data"},ms={app:ns,nav:os,chat:as,settings:rs,errors:ls,fileUpload:cs,shortcuts:hs,config:ds,logs:ps,sessions:us,cron:gs,common:_s},vs={title:"XOPCBOT 网关",brand:"XOPCBOT"},fs={chat:"对话",sessions:"会话",cron:"定时任务",logs:"日志",settings:"设置",management:"管理"},ys={title:"XopcBot",newSession:"新建对话",welcomeTitle:"欢迎使用 xopcbot",welcomeDescription:"发送消息开始对话",emptyState:"暂无消息",emptyStateDescription:"在下方输入消息开始对话",you:"你",assistant:"助手",tool:"工具",thinking:"思考中...",typeMessage:"输入消息...",attachFile:"附加文件",sendMessage:"发送消息",abort:"中止",retry:"重试",reasoning:"推理",thinkingLevelNone:"无",thinkingLevel1:"级别 1",thinkingLevel2:"级别 2",thinkingLevel3:"级别 3",thinkingLevel4:"级别 4",connecting:"连接中...",disconnected:"已断开",connectionError:"连接错误",reconnecting:"重新连接中...",online:"在线",offline:"离线"},ws={title:"设置",save:"保存",cancel:"取消",close:"关闭",loading:"加载设置中...",unsaved:"{{count}} 个未保存",saveChanges:"保存更改",saving:"保存中...",noSection:"未选择部分",enableFeature:"启用此功能",required:"{{field}} 为必填项",invalidFormat:"格式无效",unsavedChanges:"未保存的更改",sections:{agent:"代理",providers:"提供商",channels:"渠道",gateway:"网关"},descriptions:{agent:"配置代理设置",providers:"配置提供商 API 密钥",channels:"配置消息渠道",gateway:"配置网关设置"},fields:{model:"模型",workspace:"工作区",maxTokens:"最大 Token 数",temperature:"温度",maxToolIterations:"最大工具调用次数",openaiApiKey:"OpenAI API 密钥",anthropicApiKey:"Anthropic API 密钥",googleApiKey:"Google API 密钥",qwenApiKey:"Qwen API 密钥",kimiApiKey:"Kimi API 密钥",minimaxApiKey:"MiniMax API 密钥",deepseekApiKey:"DeepSeek API 密钥",grokApiKey:"Grok API 密钥",openrouterApiKey:"OpenRouter API 密钥",telegramEnabled:"Telegram",telegramToken:"Telegram 令牌",telegramApiRoot:"API 根地址（可选）",telegramAllowFrom:"允许来源（可选）",telegramDebug:"调试模式",whatsappEnabled:"WhatsApp",whatsappBridgeUrl:"桥接地址",whatsappAllowFrom:"允许来源（可选）",heartbeatEnabled:"心跳",heartbeatIntervalMs:"心跳间隔（毫秒）",gatewayToken:"网关令牌"},descriptionsFields:{model:"默认使用的 AI 模型",workspace:"代理文件的工作目录",maxTokens:"响应中的最大 token 数",temperature:"响应随机性（0-2）",maxToolIterations:"每条消息的最大工具调用次数",openaiApiKey:"OpenAI 模型的 API 密钥",anthropicApiKey:"Claude 模型的 API 密钥",googleApiKey:"Gemini 模型的 API 密钥",qwenApiKey:"Qwen 模型的 API 密钥",kimiApiKey:"Kimi 模型的 API 密钥",minimaxApiKey:"MiniMax 模型的 API 密钥",deepseekApiKey:"DeepSeek 模型的 API 密钥",grokApiKey:"Grok 模型的 API 密钥",openrouterApiKey:"OpenRouter 模型的 API 密钥",telegramEnabled:"启用 Telegram 机器人",telegramToken:"@BotFather 获取的机器人 API 令牌",telegramApiRoot:"自定义 Telegram API 根地址",telegramAllowFrom:"允许的用户 ID，逗号分隔",telegramDebug:"启用 Telegram 调试日志",whatsappEnabled:"启用 WhatsApp 桥接",whatsappBridgeUrl:"WhatsApp 桥接 WebSocket 地址",whatsappAllowFrom:"允许的电话号码，逗号分隔",heartbeatEnabled:"启用心跳监控",heartbeatIntervalMs:"心跳检查间隔（毫秒）",gatewayToken:"网关 API 访问认证令牌"},placeholders:{workspace:"~/.xopcbot/workspace",openaiApiKey:"sk-...",anthropicApiKey:"sk-ant-...",googleApiKey:"AIzaSy...",qwenApiKey:"sk-...",kimiApiKey:"sk-kimi-...",minimaxApiKey:"sk-cp-...",deepseekApiKey:"sk-...",openrouterApiKey:"sk-or-...",telegramToken:"1234567890:ABCdefGHIjklMNOpqrsTUVwxyz",telegramApiRoot:"https://api.telegram.org",telegramAllowFrom:"123456789, 987654321",whatsappBridgeUrl:"ws://localhost:3001",whatsappAllowFrom:"+1234567890, +0987654321",gatewayToken:"输入网关认证令牌"},connection:{title:"连接",gatewayUrl:"网关地址",gatewayUrlDesc:"网关服务器的 WebSocket 地址",authToken:"认证令牌",authTokenDesc:"可选的认证令牌"},appearance:{title:"外观",theme:"主题",themeDesc:"选择你喜欢的配色方案",themeSystem:"跟随系统",themeLight:"浅色",themeDark:"深色"},chat:{title:"对话",enableAttachments:"启用附件",enableAttachmentsDesc:"允许在对话中附加文件",showModelSelector:"显示模型选择器",showModelSelectorDesc:"显示模型选择下拉框",showThinkingSelector:"显示思考选择器",showThinkingSelectorDesc:"显示思考级别选择"}},bs={noSession:"无可用会话",noAgent:"未设置代理",noModel:"未设置模型",requestTimeout:"请求超时",sendFailed:"发送消息失败",invalidFileType:"无效的文件类型",fileTooLarge:"文件过大（最大 {{size}}）",readFileFailed:"读取文件失败"},$s={dropHere:"拖放文件到此处",dragDrop:"拖放文件到此处",image:"图片",document:"文档",pdf:"PDF",word:"Word",excel:"Excel",powerpoint:"PowerPoint",text:"文本",code:"代码",archive:"压缩包",unknown:"未知"},ks={settings:"打开设置"},xs={title:"配置",save:"保存配置",noResult:"无结果",artifacts:"产物",showArtifacts:"显示产物"},Ss={title:"日志",refresh:"刷新",clear:"清空",totalLogs:"总日志数",pause:"暂停",autoRefresh:"自动刷新",level:"级别",search:"搜索",searchPlaceholder:"搜索日志...",time:"时间",message:"消息",module:"模块",noLogs:"暂无日志",noLogsDescription:"尝试调整筛选条件或稍后再查看。",details:"日志详情"},As={title:"会话",newSession:"新建会话",searchPlaceholder:"搜索会话...",totalSessions:"总会话数",activeSessions:"活跃会话",pinnedSessions:"固定会话",archivedSessions:"归档会话",noSessions:"暂无会话",delete:"删除",archive:"归档",pin:"固定",unpin:"取消固定",confirmDelete:"确定要删除此会话吗？"},Cs={title:"定时任务",addJob:"添加定时任务",editJob:"编辑任务",name:"名称（可选）",namePlaceholder:"我的定时任务",schedule:"计划表达式 *",scheduleHint:"例如：*/5 * * * *（每5分钟），0 9 * * *（每天9点）",message:"消息 *",messagePlaceholder:"助手应该做什么？",create:"创建任务",runNow:"立即执行",delete:"删除",edit:"编辑",enable:"启用",disable:"禁用",enabled:"已启用",disabled:"已禁用",running:"运行中",lastRun:"上次执行",nextRun:"下次执行",status:"状态",history:"历史记录",actions:"操作",noJobs:"暂无定时任务",confirmDelete:"确定要删除此定时任务吗？",confirmRun:"立即执行此定时任务？",success:"成功",failed:"失败",scheduleLabel:"计划",messageLabel:"消息",confirm:"确认",cancel:"取消",total:"总计",schedulePresets:{custom:"-- 自定义（在下方输入） --",everyMinute:"每分钟",every5Minutes:"每 5 分钟（默认）",every10Minutes:"每 10 分钟",every15Minutes:"每 15 分钟",every30Minutes:"每 30 分钟",everyHour:"每小时",every2Hours:"每 2 小时",every4Hours:"每 4 小时",every6Hours:"每 6 小时",every12Hours:"每 12 小时",everyDayMidnight:"每天午夜",everyDay9AM:"每天早上 9 点",everyDay9PM:"每天晚上 9 点"},scheduleHintPreset:"选择预设或输入自定义 cron 表达式",mode:"模式",modeDirect:"直接发送消息到渠道，不经过 AI 处理",modeAgent:"使用 AI 代理处理消息，然后发送回复",modeDirectOption:"直接发送（直接发送到渠道）",modeAgentOption:"AI 代理（经过 AI 处理后发送）",model:"模型",noConfiguredModels:"未配置模型",save:"保存",failedToLoadJobs:"加载任务失败",scheduleRequired:"计划表达式和消息为必填项",chatIdRequired:"Chat ID 为必填项",failedToJob:"{{mode}} 任务失败",failedToToggleJob:"切换任务状态失败",actionFailed:"操作失败",enterManuallyOrSelect:"手动输入或从最近聊天中选择",noRecentChats:"未找到最近聊天。请手动输入 chat ID（例如：Telegram 为 123456789）",timeLabels:{lessThanMinute:"不到 1 分钟",minutes:"{{count}} 分钟",hours:"{{count}} 小时",overdue:"已过期"},lastActiveLabels:{justNow:"刚刚",minutesAgo:"{{count}} 分钟前",hoursAgo:"{{count}} 小时前",daysAgo:"{{count}} 天前"}},Ts={save:"保存",cancel:"取消",confirm:"确认",close:"关闭",loading:"加载中...",error:"错误",success:"成功",noData:"暂无数据"},Ms={app:vs,nav:fs,chat:ys,settings:ws,errors:bs,fileUpload:$s,shortcuts:ks,config:xs,logs:Ss,sessions:As,cron:Cs,common:Ts},mt={en:ms,zh:Ms},K=new Map;K.set("en",mt.en);K.set("zh",mt.zh);let J="en";function r(e,t){const s=K.get(J);if(!s)return e;const i=e.split(".");let n=s;for(const a of i)if(n&&typeof n=="object"&&a in n)n=n[a];else{const l=K.get("en");if(l&&J!=="en"){let h=l;for(const p of i)if(h&&typeof h=="object"&&p in h)h=h[p];else return e;n=h}else return e}return typeof n!="string"?e:t?n.replace(/\{\{(\w+)\}\}/g,(a,l)=>{const h=t[l];return h!==void 0?String(h):`{{${l}}}`}):n}async function Es(e){if(K.has(e)){J=e;return}try{const t=await fetch(`/src/i18n/${e}.json`);if(!t.ok)throw new Error(`Failed to load ${e} translations`);const s=await t.json();K.set(e,s),J=e,window.dispatchEvent(new CustomEvent("languagechange",{detail:{language:e}}))}catch(t){console.error(`Failed to load ${e} translations:`,t),e!=="en"&&K.has("en")&&(J="en")}}function nt(e){K.has(e)?(J=e,window.dispatchEvent(new CustomEvent("languagechange",{detail:{language:e}}))):Es(e)}function Ps(e="en"){J=e}const Fs={"Type a message...":"chat.typeMessage","Attach file":"chat.attachFile","Send message":"chat.sendMessage",Abort:"chat.abort","No session available":"errors.noSession","No agent set":"errors.noAgent",Configuration:"config.title",Cancel:"settings.cancel",Save:"settings.save","No result":"config.noResult",Artifacts:"config.artifacts","Show artifacts":"config.showArtifacts"};function ie(e){const t=Fs[e];return r(t||e)}var Ls=Object.defineProperty,Ds=Object.getOwnPropertyDescriptor,M=(e,t,s,i)=>{for(var n=i>1?void 0:i?Ds(t,s):t,a=e.length-1,l;a>=0;a--)(l=e[a])&&(n=(i?l(t,s,n):l(n))||n);return i&&n&&Ls(t,s,n),n};function de(e,t=""){if(!e||!Array.isArray(e))return"";const[s,i,n]=e,a=Object.entries(i||{}).map(([p,g])=>`${p}="${g}"`).join(" "),l=Array.isArray(n)?n.map(p=>{if(Array.isArray(p)){const[g,S]=p,f=Object.entries(S||{}).map(([F,I])=>`${F}="${I}"`).join(" ");return`<${g} ${f} />`}return""}).join(""):"";return`<svg ${t?`${a} class="${t}"`:a}>${l}</svg>`}let T=class extends y{constructor(){super(...arguments),this.value="",this.attachments=[],this.isStreaming=!1,this.showAttachmentButton=!0,this.showModelSelector=!0,this._isComposing=!1,this._isDragging=!1,this._processingFiles=!1,this._isSending=!1,this.textareaRef=st(),this.fileInputRef=st(),this.maxFileSize=20*1024*1024,this.acceptedTypes="image/*,application/pdf,.docx,.pptx,.xlsx,.xls,.txt,.md,.json,.xml,.html,.css,.js,.ts,.jsx,.tsx,.yml,.yaml,.zip",this._handleDocumentDragOver=e=>{e.dataTransfer?.types.includes("Files")&&(e.preventDefault(),this._isDragging=!0)},this._handleDocumentDragLeave=e=>{e.relatedTarget===null&&(this._isDragging=!1)},this._handleDocumentDrop=async e=>{e.preventDefault(),this._isDragging=!1;const t=e.dataTransfer?.files;t&&t.length>0&&await this._processFiles(Array.from(t))},this._handleInput=e=>{const t=e.target;this.value=t.value,this._adjustTextareaHeight()},this._handleKeydown=e=>{e.key==="Enter"&&!e.shiftKey&&!this._isComposing&&(e.preventDefault(),this._send())},this._handlePaste=async e=>{const t=e.clipboardData?.items;if(!t)return;const s=[];for(const i of Array.from(t))if(i.type.startsWith("image/")){const n=i.getAsFile();n&&s.push(n)}s.length>0&&(e.preventDefault(),await this._processFiles(s))},this._handleFileInputChange=async e=>{const t=e.target,s=t.files;s&&(await this._processFiles(Array.from(s)),t.value="")}}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),document.addEventListener("dragover",this._handleDocumentDragOver),document.addEventListener("drop",this._handleDocumentDrop),document.addEventListener("dragleave",this._handleDocumentDragLeave),document.addEventListener("click",this._handleOutsideClick)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("dragover",this._handleDocumentDragOver),document.removeEventListener("drop",this._handleDocumentDrop),document.removeEventListener("dragleave",this._handleDocumentDragLeave),document.removeEventListener("click",this._handleOutsideClick)}render(){return o`
-      <div class="editor-container">
-        ${this.attachments.length>0?this._renderAttachments():""}
-        
-        <div class="input-row ${this._isDragging?"dragging":""}">
-          ${this.showAttachmentButton?this._renderAttachmentButton():""}
-          
-          <textarea
-            ${it(this.textareaRef)}
-            class="text-input"
-            placeholder=${ie("Type a message...")}
-            .value=${this.value}
-            @input=${this._handleInput}
-            @keydown=${this._handleKeydown}
-            @compositionstart=${()=>this._isComposing=!0}
-            @compositionend=${()=>this._isComposing=!1}
-            @paste=${this._handlePaste}
-            rows="1"
-          ></textarea>
-
-          <div class="input-actions">
-            ${this._renderSendButton()}
-          </div>
-        </div>
-
-        ${this._isDragging?this._renderDropOverlay():""}
-      </div>
-    `}_renderAttachments(){return o`
-      <div class="attachments-row">
-        ${this.attachments.map((e,t)=>o`
-          <div class="attachment-chip">
-            <div class="attachment-preview">
-              ${e.mimeType.startsWith("image/")?o`
-                <img src="${e.content}" alt="${e.name}" />
-              `:o`
-                ${he(de(FileText,"w-4 h-4"))}
-              `}
-            </div>
-            <span class="attachment-name">${e.name}</span>
-            <button type="button" class="attachment-remove" @click=${()=>this._removeAttachment(t)}>
-              ${he(de(is,"w-3 h-3"))}
-            </button>
-          </div>
-        `)}
-      </div>
-    `}_renderAttachmentButton(){return o`
-      <button type="button" class="attach-btn" @click=${()=>this._triggerFileSelect("all")} title=${ie("Attach file")}>
-        ${he(de(es,"w-4 h-4"))}
-      </button>
-      
-      <input
-        ${it(this.fileInputRef)}
-        type="file"
-          multiple
-          accept=${this.acceptedTypes}
-          class="hidden"
-          @change=${this._handleFileInputChange}
-        />
-    `}_renderSendButton(){const e=this.value.trim()||this.attachments.length>0;return this.isStreaming?o`
-        <button type="button" class="stop-btn" @click=${()=>this.onAbort?.()} title=${ie("Abort")}>
-          ${he(de(ss,"w-4 h-4"))}
-        </button>
-      `:o`
-      <button
-        type="button"
-        class="send-btn ${e?"active":""}"
-        ?disabled=${!e}
-        @click=${this._send}
-        title=${ie("Send message")}
-      >
-        ${he(de(ts,"w-4 h-4"))}
-      </button>
-    `}_renderDropOverlay(){return o`
-      <div class="drop-overlay">
-        <span>Drop files here to attach</span>
-      </div>
-    `}_triggerFileSelect(e){let t=this.fileInputRef.value;if(t||(t=this.querySelector('input[type="file"]')),!t){console.warn("File input not found");return}e==="image"?t.accept="image/*":e==="document"?t.accept=".pdf,.docx,.pptx,.xlsx,.xls,.txt,.md,.json,.xml,.html,.css,.js,.ts,.jsx,.tsx,.yml,.yaml,.zip":t.accept=this.acceptedTypes,t.click()}_adjustTextareaHeight(){const e=this.textareaRef.value;e&&(e.style.height="auto",e.style.height=Math.min(e.scrollHeight,200)+"px")}_send(){if(this._isSending||this.isStreaming||!this.value.trim()&&this.attachments.length===0)return;this._isSending=!0;const e=[...this.attachments];this.onSend?.(this.value,e),this.value="",this.attachments=[],requestAnimationFrame(()=>{this._adjustTextareaHeight(),setTimeout(()=>{this._isSending=!1},500)})}async _processFiles(e){this._processingFiles=!0;try{for(const t of e){if(t.size>this.maxFileSize){console.warn(`File ${t.name} exceeds max size of ${this.maxFileSize} bytes`);continue}const s=await this._loadAttachment(t);this.attachments=[...this.attachments,s]}}finally{this._processingFiles=!1}}async _loadAttachment(e){const t=await this._readFileAsBase64(e),s=e.type.startsWith("image/");return{id:crypto.randomUUID(),name:e.name,type:s?"image":"document",mimeType:e.type,size:e.size,content:t}}_readFileAsBase64(e){return new Promise((t,s)=>{const i=new FileReader;i.onload=()=>t(i.result),i.onerror=()=>s(i.error),i.readAsDataURL(e)})}_removeAttachment(e){this.attachments=this.attachments.filter((t,s)=>s!==e)}_formatFileSize(e){const t=["B","KB","MB","GB"];let s=0,i=e;for(;i>=1024&&s<t.length-1;)i/=1024,s++;return`${i.toFixed(1)} ${t[s]}`}};M([oe("textarea")],T.prototype,"textarea",2);M([u({type:String})],T.prototype,"value",2);M([u({type:Array})],T.prototype,"attachments",2);M([u({type:Boolean})],T.prototype,"isStreaming",2);M([u({type:Boolean})],T.prototype,"showAttachmentButton",2);M([u({type:Boolean})],T.prototype,"showModelSelector",2);M([u({attribute:!1})],T.prototype,"currentModel",2);M([u({attribute:!1})],T.prototype,"onSend",2);M([u({attribute:!1})],T.prototype,"onAbort",2);M([u({attribute:!1})],T.prototype,"onModelSelect",2);M([c()],T.prototype,"_isComposing",2);M([c()],T.prototype,"_isDragging",2);M([c()],T.prototype,"_processingFiles",2);M([c()],T.prototype,"_isSending",2);T=M([k("message-editor")],T);function d(e){return Ie[e]||Ie.helpCircle}const Ie={messageSquare:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path>
-    </svg>
-  `,settings:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <circle cx="12" cy="12" r="3"></circle>
-      <path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path>
-    </svg>
-  `,menu:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <line x1="3" y1="12" x2="21" y2="12"></line>
-      <line x1="3" y1="6" x2="21" y2="6"></line>
-      <line x1="3" y1="18" x2="21" y2="18"></line>
-    </svg>
-  `,chevronDown:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <polyline points="6 9 12 15 18 9"></polyline>
-    </svg>
-  `,sun:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <circle cx="12" cy="12" r="5"></circle>
-      <line x1="12" y1="1" x2="12" y2="3"></line>
-      <line x1="12" y1="21" x2="12" y2="23"></line>
-      <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
-      <line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
-      <line x1="1" y1="12" x2="3" y2="12"></line>
-      <line x1="21" y1="12" x2="23" y2="12"></line>
-      <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
-      <line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
-    </svg>
-  `,moon:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
-    </svg>
-  `,monitor:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect>
-      <line x1="8" y1="21" x2="16" y2="21"></line>
-      <line x1="12" y1="17" x2="12" y2="21"></line>
-    </svg>
-  `,send:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <line x1="22" y1="2" x2="11" y2="13"></line>
-      <polygon points="22 2 15 22 11 13 2 9 22 2"></polygon>
-    </svg>
-  `,paperclip:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <path d="M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48"></path>
-    </svg>
-  `,x:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <line x1="18" y1="6" x2="6" y2="18"></line>
-      <line x1="6" y1="6" x2="18" y2="18"></line>
-    </svg>
-  `,fileText:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
-      <polyline points="14 2 14 8 20 8"></polyline>
-      <line x1="16" y1="13" x2="8" y2="13"></line>
-      <line x1="16" y1="17" x2="8" y2="17"></line>
-      <polyline points="10 9 9 9 8 9"></polyline>
-    </svg>
-  `,image:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
-      <circle cx="8.5" cy="8.5" r="1.5"></circle>
-      <polyline points="21 15 16 10 5 21"></polyline>
-    </svg>
-  `,file:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
-      <polyline points="14 2 14 8 20 8"></polyline>
-    </svg>
-  `,plug:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <path d="M12 22v-5"></path>
-      <path d="M15 8V2"></path>
-      <path d="M9 8V2"></path>
-      <path d="M15 8a3 3 0 0 1 3 3v5a3 3 0 0 1-3 3H9a3 3 0 0 1-3-3v-5a3 3 0 0 1 3-3h6z"></path>
-    </svg>
-  `,palette:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <circle cx="13.5" cy="6.5" r=".5"></circle>
-      <circle cx="17.5" cy="10.5" r=".5"></circle>
-      <circle cx="8.5" cy="7.5" r=".5"></circle>
-      <circle cx="6.5" cy="12.5" r=".5"></circle>
-      <path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.01 17.461 2 12 2z"></path>
-    </svg>
-  `,alertCircle:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <circle cx="12" cy="12" r="10"></circle>
-      <line x1="12" y1="8" x2="12" y2="12"></line>
-      <line x1="12" y1="16" x2="12.01" y2="16"></line>
-    </svg>
-  `,check:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <polyline points="20 6 9 17 4 12"></polyline>
-    </svg>
-  `,chevronRight:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <polyline points="9 18 15 12 9 6"></polyline>
-    </svg>
-  `,arrowLeft:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <line x1="19" y1="12" x2="5" y2="12"></line>
-      <polyline points="12 19 5 12 12 5"></polyline>
-    </svg>
-  `,bot:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <rect x="3" y="11" width="18" height="10" rx="2"></rect>
-      <circle cx="12" cy="5" r="2"></circle>
-      <path d="M12 7v4"></path>
-      <line x1="8" y1="16" x2="8" y2="16.01"></line>
-      <line x1="16" y1="16" x2="16" y2="16.01"></line>
-    </svg>
-  `,helpCircle:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <circle cx="12" cy="12" r="10"></circle>
-      <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
-      <line x1="12" y1="17" x2="12.01" y2="17"></line>
-    </svg>
-  `,rotateCcw:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <polyline points="1 4 1 10 7 10"></polyline>
-      <path d="M3.51 15a9 9 0 1 0 2.13-9.36L1 10"></path>
-    </svg>
-  `,square:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
-    </svg>
-  `,moreHorizontal:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <circle cx="12" cy="12" r="1"></circle>
-      <circle cx="19" cy="12" r="1"></circle>
-      <circle cx="5" cy="12" r="1"></circle>
-    </svg>
-  `,copy:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
-      <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
-    </svg>
-  `,download:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
-      <polyline points="7 10 12 15 17 10"></polyline>
-      <line x1="12" y1="15" x2="12" y2="3"></line>
-    </svg>
-  `,folderOpen:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <path d="M6 17h12a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3.5"></path>
-      <path d="M2 17V5a2 2 0 0 1 2-2h4l2 2h6a2 2 0 0 1 2 2v1"></path>
-    </svg>
-  `,phone:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path>
-    </svg>
-  `,globe:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <circle cx="12" cy="12" r="10"></circle>
-      <line x1="2" y1="12" x2="22" y2="12"></line>
-      <path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path>
-    </svg>
-  `,terminal:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <polyline points="4 17 10 11 4 5"></polyline>
-      <line x1="12" y1="19" x2="20" y2="19"></line>
-    </svg>
-  `,zap:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-  `,pin:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <line x1="12" y1="17" x2="12" y2="22"></line>
-      <path d="M5 17h14v-3a2 2 0 0 0-2-2h-3.5"></path>
-      <path d="M5 12V7a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v5"></path>
-      <circle cx="12" cy="7" r="1"></circle>
-    </svg>
-  `,pinOff:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <line x1="2" y1="2" x2="22" y2="22"></line>
-      <line x1="12" y1="17" x2="12" y2="22"></line>
-      <path d="M5 17h14v-3a2 2 0 0 0-2-2h-3.5"></path>
-      <path d="M5 12V7a2 2 0 0 1 2-2h1"></path>
-    </svg>
-  `,archive:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <polyline points="21 8 21 21 3 21 3 8"></polyline>
-      <rect x="1" y="3" width="22" height="5"></rect>
-      <line x1="10" y1="12" x2="14" y2="12"></line>
-    </svg>
-  `,archiveRestore:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <polyline points="21 8 21 21 3 21 3 8"></polyline>
-      <rect x="1" y="3" width="22" height="5"></rect>
-      <polyline points="10 12 14 12 14 8"></polyline>
-    </svg>
-  `,trash:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <polyline points="3 6 5 6 21 6"></polyline>
-      <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path>
-    </svg>
-  `,grid:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <rect x="3" y="3" width="7" height="7"></rect>
-      <rect x="14" y="3" width="7" height="7"></rect>
-      <rect x="14" y="14" width="7" height="7"></rect>
-      <rect x="3" y="14" width="7" height="7"></rect>
-    </svg>
-  `,list:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <line x1="8" y1="6" x2="21" y2="6"></line>
-      <line x1="8" y1="12" x2="21" y2="12"></line>
-      <line x1="8" y1="18" x2="21" y2="18"></line>
-      <line x1="3" y1="6" x2="3.01" y2="6"></line>
-      <line x1="3" y1="12" x2="3.01" y2="12"></line>
-      <line x1="3" y1="18" x2="3.01" y2="18"></line>
-    </svg>
-  `,layers:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <polygon points="12 2 2 7 12 12 22 7 12 2"></polygon>
-      <polyline points="2 17 12 22 22 17"></polyline>
-      <polyline points="2 12 12 17 22 12"></polyline>
-    </svg>
-  `,circle:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <circle cx="12" cy="12" r="10"></circle>
-    </svg>
-  `,search:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <circle cx="11" cy="11" r="8"></circle>
-      <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
-    </svg>
-  `,chevronUp:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <polyline points="18 15 12 9 6 15"></polyline>
-    </svg>
-  `,alertTriangle:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path>
-      <line x1="12" y1="9" x2="12" y2="13"></line>
-      <line x1="12" y1="17" x2="12.01" y2="17"></line>
-    </svg>
-  `,info:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <circle cx="12" cy="12" r="10"></circle>
-      <line x1="12" y1="16" x2="12" y2="12"></line>
-      <line x1="12" y1="8" x2="12.01" y2="8"></line>
-    </svg>
-  `,folder:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"></path>
-    </svg>
-  `,clock:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <circle cx="12" cy="12" r="10"></circle>
-      <polyline points="12 6 12 12 16 14"></polyline>
-    </svg>
-  `,plus:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <line x1="12" y1="5" x2="12" y2="19"></line>
-      <line x1="5" y1="12" x2="19" y2="12"></line>
-    </svg>
-  `,refresh:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <polyline points="23 4 23 10 17 10"></polyline>
-      <polyline points="1 20 1 14 7 14"></polyline>
-      <path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"></path>
-    </svg>
-  `,play:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <polygon points="5 3 19 12 5 21 5 3"></polygon>
-    </svg>
-  `,edit:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path>
-      <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path>
-    </svg>
-  `,pause:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <rect x="6" y="4" width="4" height="16"></rect>
-      <rect x="14" y="4" width="4" height="16"></rect>
-    </svg>
-  `,refreshCw:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <polyline points="23 4 23 10 17 10"></polyline>
-      <polyline points="1 20 1 14 7 14"></polyline>
-      <path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"></path>
-    </svg>
-  `,checkCircle:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path>
-      <polyline points="22 4 12 14.01 9 11.01"></polyline>
-    </svg>
-  `,xCircle:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <circle cx="12" cy="12" r="10"></circle>
-      <line x1="15" y1="9" x2="9" y2="15"></line>
-      <line x1="9" y1="9" x2="15" y2="15"></line>
-    </svg>
-  `,loader:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <line x1="12" y1="2" x2="12" y2="6"></line>
-      <line x1="12" y1="18" x2="12" y2="22"></line>
-      <line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
-      <line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
-      <line x1="2" y1="12" x2="6" y2="12"></line>
-      <line x1="18" y1="12" x2="22" y2="12"></line>
-      <line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
-      <line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
-    </svg>
-  `,slash:o`
-    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <circle cx="12" cy="12" r="10"></circle>
-      <line x1="4.93" y1="4.93" x2="19.07" y2="19.07"></line>
-    </svg>
-  `};function Is(e){return e.includes("pdf")?o`
-      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#ef4444" stroke-width="2">
-        <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/>
-        <polyline points="14,2 14,8 20,8"/>
-      </svg>
-    `:e.includes("word")||e.includes("document")?o`
-      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#2563eb" stroke-width="2">
-        <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/>
-        <polyline points="14,2 14,8 20,8"/>
-      </svg>
-    `:e.includes("sheet")||e.includes("excel")?o`
-      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#16a34a" stroke-width="2">
-        <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/>
-        <polyline points="14,2 14,8 20,8"/>
-      </svg>
-    `:e.includes("presentation")||e.includes("powerpoint")?o`
-      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#f59e0b" stroke-width="2">
-        <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/>
-        <polyline points="14,2 14,8 20,8"/>
-      </svg>
-    `:Ie.file}var Os=Object.defineProperty,Rs=Object.getOwnPropertyDescriptor,vt=(e,t,s,i)=>{for(var n=i>1?void 0:i?Rs(t,s):t,a=e.length-1,l;a>=0;a--)(l=e[a])&&(n=(i?l(t,s,n):l(n))||n);return i&&n&&Os(t,s,n),n};let Oe=class extends y{constructor(){super(...arguments),this.attachments=[]}createRenderRoot(){return this}render(){if(!this.attachments?.length)return null;const e=this.attachments.filter(s=>s.type==="image"||s.mimeType?.startsWith("image/")),t=this.attachments.filter(s=>s.type!=="image"&&!s.mimeType?.startsWith("image/"));return o`
-      <div class="flex flex-col gap-2 mt-2">
-        ${e.length>0?this._renderImageGallery(e):""}
-        ${t.length>0?this._renderDocumentList(t):""}
-      </div>
-    `}_renderImageGallery(e){const t=e.length;let s="single";return t===2?s="double":t===3?s="triple":t>=4&&(s="quad"),o`
-      <div class="image-gallery ${s}">
-        ${e.map(i=>o`
-          <img 
-            src="${i.data||i.content}" 
-            alt="${i.name||r("fileUpload.image")}" 
-            @click=${()=>this._handleImageClick(i)}
-          />
-        `)}
-      </div>
-    `}_renderDocumentList(e){return o`
-      <div class="flex flex-col gap-2">
-        ${e.map(t=>this._renderDocumentPreview(t))}
-      </div>
-    `}_renderDocumentPreview(e){const t=e.name||r("fileUpload.document"),s=e.size?this._formatFileSize(e.size):"";return o`
-      <div class="document-preview" @click=${()=>this._handleDocumentClick(e)}>
-        <div class="icon">${Is(e.mimeType||"")}</div>
-        <div class="info">
-          <div class="name">${t}</div>
-          <div class="meta">${s||e.mimeType||r("fileUpload.unknown")}</div>
-        </div>
-      </div>
-    `}_formatFileSize(e){const t=["B","KB","MB","GB"];let s=0,i=e;for(;i>=1024&&s<t.length-1;)i/=1024,s++;return`${i.toFixed(1)} ${t[s]}`}_handleImageClick(e){this.dispatchEvent(new CustomEvent("image-click",{detail:e,bubbles:!0,composed:!0}))}_handleDocumentClick(e){this.dispatchEvent(new CustomEvent("document-click",{detail:e,bubbles:!0,composed:!0}))}};vt([u({attribute:!1})],Oe.prototype,"attachments",2);Oe=vt([k("attachment-renderer")],Oe);var Bs=Object.defineProperty,Ks=Object.getOwnPropertyDescriptor,ft=(e,t,s,i)=>{for(var n=i>1?void 0:i?Ks(t,s):t,a=e.length-1,l;a>=0;a--)(l=e[a])&&(n=(i?l(t,s,n):l(n))||n);return i&&n&&Bs(t,s,n),n};let Re=class extends y{createRenderRoot(){return this}render(){if(!this.usage)return null;const e=[];return this.usage.totalTokens!==void 0?e.push(`${this.usage.totalTokens} tokens`):this.usage.inputTokens!==void 0&&this.usage.outputTokens!==void 0&&e.push(`${this.usage.inputTokens+this.usage.outputTokens} tokens`),this.usage.cost!==void 0&&this.usage.cost>0&&e.push(`$${this.usage.cost.toFixed(4)}`),e.length===0?null:o`
-      <span class="usage-badge">
-        ${e.join(" · ")}
-      </span>
-    `}};ft([u({attribute:!1})],Re.prototype,"usage",2);Re=ft([k("usage-badge")],Re);var js=Object.defineProperty,Us=Object.getOwnPropertyDescriptor,Ne=(e,t,s,i)=>{for(var n=i>1?void 0:i?Us(t,s):t,a=e.length-1,l;a>=0;a--)(l=e[a])&&(n=(i?l(t,s,n):l(n))||n);return i&&n&&js(t,s,n),n};let Ae=class extends y{constructor(){super(...arguments),this.isStreaming=!1}createRenderRoot(){return this}render(){const e=this.message.role==="user"||this.message.role==="user-with-attachments",t=this.message.role==="assistant";this.message.role==="tool"||this.message.role;const s=r(e?"chat.you":t?"chat.assistant":"chat.tool"),i=s.charAt(0);return o`
-      <div class="message-item ${e?"flex-row-reverse":""}">
-        <div class="avatar ${e?"user":t?"assistant":"tool"}">
-          ${i}
-        </div>
-
-        <div class="flex flex-col gap-1 max-w-[85%]">
-          <div class="flex items-center gap-2 text-xs text-muted">
-            <span class="font-medium">${s}</span>
-            <span>·</span>
-            <span>${this._formatTime(this.message.timestamp)}</span>
-            ${this.isStreaming?o`<span class="text-primary animate-pulse">${r("chat.thinking")}</span>`:""}
-          </div>
-
-          <div class="message-bubble ${e?"bg-primary-light":"bg-secondary"}">
-            ${this._renderContent(this.message.content)}
-            ${this.message.attachments?.length?o`
-              <attachment-renderer .attachments=${this.message.attachments}></attachment-renderer>
-            `:""}
-          </div>
-
-          ${t&&this.message.usage?o`
-            <usage-badge .usage=${this.message.usage}></usage-badge>
-          `:""}
-        </div>
-      </div>
-    `}_renderContent(e){return!e||e.length===0?this.isStreaming?o`<span class="streaming-cursor"></span>`:null:o`
-      <div class="markdown-content">
-        ${e.map(t=>this._renderContentBlock(t))}
-        ${this.isStreaming?o`<span class="streaming-cursor"></span>`:""}
-      </div>
-    `}_renderContentBlock(e){switch(e.type){case"text":if(e.text)return o`<p class="whitespace-pre-wrap">${e.text}</p>`;break;case"image":if(e.source?.data)return o`<img src="${e.source.data}" class="rounded-lg max-w-full" />`;break;case"tool_use":case"tool_result":return this._renderToolCall(e);default:if(e.text)return o`<p class="whitespace-pre-wrap">${e.text}</p>`}return null}_renderToolCall(e){const t=e.is_error||e.error,s=e.name||e.function?.name||"Tool",i=e.input||e.function?.arguments;return o`
-      <div class="tool-call ${t?"tool-call--error":""}">
-        <div class="tool-call-header">
-          <span>🔧 ${s}</span>
-          ${t?o`<span class="text-red-500 text-xs">Error</span>`:""}
-        </div>
-        ${i?o`
-          <pre class="tool-call-content">${JSON.stringify(i,null,2)}</pre>
-        `:""}
-        ${e.content?o`
-          <div class="tool-call-result">${JSON.stringify(e.content)}</div>
-        `:""}
-      </div>
-    `}_formatTime(e){return e?new Date(e).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"}):""}};Ne([u({attribute:!1})],Ae.prototype,"message",2);Ne([u({type:Boolean})],Ae.prototype,"isStreaming",2);Ae=Ne([k("message-bubble")],Ae);var Hs=Object.defineProperty,Ns=Object.getOwnPropertyDescriptor,Pe=(e,t,s,i)=>{for(var n=i>1?void 0:i?Ns(t,s):t,a=e.length-1,l;a>=0;a--)(l=e[a])&&(n=(i?l(t,s,n):l(n))||n);return i&&n&&Hs(t,s,n),n};let fe=class extends y{constructor(){super(...arguments),this.messages=[],this.isStreaming=!1,this.useVirtualScroll=!1}createRenderRoot(){return this}render(){return!this.messages||this.messages.length===0?this._renderEmptyState():o`
-      <div class="flex flex-col gap-4 pb-4">
-        ${this.messages.map((e,t)=>o`
-          <message-bubble 
-            .message=${e}
-            .isStreaming=${this.isStreaming&&t===this.messages.length-1}
-          ></message-bubble>
-        `)}
-      </div>
-    `}_renderEmptyState(){return o`
-      <div class="empty-state">
-        <div class="icon">💬</div>
-        <div class="title">${r("chat.emptyState")}</div>
-        <div class="description">${r("chat.emptyStateDescription")}</div>
-      </div>
-    `}scrollToBottom(){const e=this.closest(".overflow-y-auto");e&&(e.scrollTop=e.scrollHeight)}isNearBottom(e=100){const t=this.closest(".overflow-y-auto");if(!t)return!0;const{scrollTop:s,scrollHeight:i,clientHeight:n}=t;return i-s-n<e}};Pe([u({attribute:!1})],fe.prototype,"messages",2);Pe([u({type:Boolean})],fe.prototype,"isStreaming",2);Pe([u({type:Boolean})],fe.prototype,"useVirtualScroll",2);fe=Pe([k("message-list")],fe);var zs=Object.defineProperty,qs=Object.getOwnPropertyDescriptor,ae=(e,t,s,i)=>{for(var n=i>1?void 0:i?qs(t,s):t,a=e.length-1,l;a>=0;a--)(l=e[a])&&(n=(i?l(t,s,n):l(n))||n);return i&&n&&zs(t,s,n),n};let V=class extends y{constructor(){super(...arguments),this.tools=new Map,this.pendingToolCalls=new Set,this.isStreaming=!1,this._currentMessage=null,this._isComplete=!1}createRenderRoot(){return this}setMessage(e,t){this._currentMessage=e,this._isComplete=t}render(){return this._currentMessage?o`
-      <div class="flex gap-3 message-item">
-        <div class="avatar assistant">
-          AI
-        </div>
-        
-        <div class="flex flex-col gap-1 max-w-[85%]">
-          <div class="flex items-center gap-2 text-xs text-muted">
-            <span class="font-medium">Assistant</span>
-            <span>·</span>
-            <span class="text-accent animate-pulse">thinking...</span>
-          </div>
-          
-          <div class="rounded-xl p-3 bg-secondary">
-            ${this.renderStreamingContent()}
-          </div>
-        </div>
-      </div>
-    `:null}renderStreamingContent(){const e=this._currentMessage?.content||[];return o`
-      <div class="markdown-content">
-        ${e.map(t=>t.type==="text"?o`<p class="whitespace-pre-wrap">${this._escapeHtml(t.text||"")}<span class="streaming-cursor"></span></p>`:t.type==="tool_use"?this.renderToolUse(t):"")}
-        ${this.isStreaming&&(!e.length||e[e.length-1]?.type!=="text")?o`<span class="streaming-cursor"></span>`:""}
-      </div>
-    `}renderToolUse(e){const t=e.name||e.function?.name,s=e.input||e.function?.arguments||{},i=typeof s=="string"?s:JSON.stringify(s,null,2);return o`
-      <div class="tool-call">
-        <div class="name">
-          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-            <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>
-          <span>${t}</span>
-        </div>
-        <pre class="input">${i}</pre>
-      </div>
-    `}_escapeHtml(e){const t=document.createElement("div");return t.textContent=e,t.innerHTML}};ae([u({attribute:!1})],V.prototype,"tools",2);ae([u({attribute:!1})],V.prototype,"pendingToolCalls",2);ae([u({type:Boolean})],V.prototype,"isStreaming",2);ae([c()],V.prototype,"_currentMessage",2);ae([c()],V.prototype,"_isComplete",2);V=ae([k("streaming-message-container")],V);var Js=Object.defineProperty,Gs=Object.getOwnPropertyDescriptor,x=(e,t,s,i)=>{for(var n=i>1?void 0:i?Gs(t,s):t,a=e.length-1,l;a>=0;a--)(l=e[a])&&(n=(i?l(t,s,n):l(n))||n);return i&&n&&Js(t,s,n),n};function Ws(){return window.location.origin}function te(e){return`${Ws()}${e}`}function pe(e){const t={"Content-Type":"application/json"};return e&&(t.Authorization=`Bearer ${e}`),t}let w=class extends y{constructor(){super(...arguments),this.enableAttachments=!0,this.enableModelSelector=!0,this._connectionState="disconnected",this._error=null,this._messages=[],this._isStreaming=!1,this._streamingContent="",this._streamingMessage=null,this._reconnectCount=0,this._isAtBottom=!0,this._currentSessionKey=null,this._sessions=[],this._hasMoreMessages=!0,this._isLoadingMore=!1,this._shouldReconnect=!0,this._isSending=!1,this._lastLoadedSessionKey=null,this._handleScroll=()=>{if(!this._chatMessages)return;const{scrollTop:e,scrollHeight:t,clientHeight:s}=this._chatMessages,i=t-e-s<50;i!==this._isAtBottom&&(this._isAtBottom=i),e<100&&!this._isAtBottom&&this._hasMoreMessages&&!this._isLoadingMore&&this._loadMoreMessages()},this._handleSend=(e,t)=>{const s=t?.map(i=>({type:i.type||"file",mimeType:i.mimeType,data:i.content,name:i.name,size:i.size}));this.sendMessage(e,s)}}get _maxReconnectAttempts(){return this.config?.maxReconnectAttempts??10}get _autoReconnect(){return this.config?.autoReconnect??!0}createRenderRoot(){return this}async connectedCallback(){super.connectedCallback(),this.classList.add("chat-container"),await Ps("en")}firstUpdated(){this._chatMessages&&this._chatMessages.addEventListener("scroll",this._handleScroll),this._handleRouteChange()}updated(e){super.updated(e),e.has("config")&&this.config&&this._connectionState==="disconnected"&&this.connect(),e.has("route")&&this.route&&this._handleRouteChange()}async _handleRouteChange(){const e=this.route;if(!e)return;let t=null;switch(e.type){case"recent":this._lastLoadedSessionKey=null,await this._loadSessions();return;case"session":t=e.sessionKey;break;case"new":await this._createNewSession();return}t&&t!==this._lastLoadedSessionKey&&(await this._loadSession(t,0),this._lastLoadedSessionKey=t)}async _loadSession(e,t=0){if(this.config)try{const s=te(`/api/sessions/${encodeURIComponent(e)}?offset=${t}&limit=50`),i=pe(this.config.token),n=await fetch(s,{headers:i});if(!n.ok)throw new Error(`HTTP ${n.status}`);const l=(await n.json()).session;this._currentSessionKey=e;const h=l.messages||[],p=h.filter(g=>g.role==="user"||g.role==="assistant").map(g=>({role:g.role,content:typeof g.content=="string"?[{type:"text",text:g.content}]:g.content||[],attachments:g.attachments,timestamp:g.timestamp?new Date(g.timestamp).getTime():Date.now()}));t>0?this._messages=[...p,...this._messages]:this._messages=p,this._hasMoreMessages=h.length>=50,t===0&&this._scrollToBottom(!1),this.requestUpdate()}catch(s){console.error("[GatewayChat] Failed to load session:",s)}}async _loadMoreMessages(){if(!this._currentSessionKey||this._isLoadingMore||!this._hasMoreMessages)return;this._isLoadingMore=!0;const e=this._messages.length;try{await this._loadSession(this._currentSessionKey,e)}finally{this._isLoadingMore=!1}}disconnectedCallback(){super.disconnectedCallback(),this._shouldReconnect=!1,this.disconnect(),this._chatMessages&&this._chatMessages.removeEventListener("scroll",this._handleScroll)}_scrollToBottom(e=!0){this.updateComplete.then(()=>{this._chatMessages&&this._chatMessages.scrollTo({top:this._chatMessages.scrollHeight,behavior:e?"smooth":"auto"})})}connect(){if(!(!this.config||this._connectionState==="connecting")){this._connectionState="connecting",this._error=null,this.requestUpdate();try{const e=te("/api/events"),t=new URL(e);this.config.token&&t.searchParams.set("token",this.config.token),this._eventSource=new EventSource(t.toString()),this._eventSource.onopen=()=>{this._connectionState="connected",this._error=null,this._reconnectCount=0,this.requestUpdate(),this._lastLoadedSessionKey||this._loadSessions()},this._eventSource.addEventListener("connected",()=>{this._connectionState="connected",this._error=null,this.requestUpdate()}),this._eventSource.addEventListener("config.reload",s=>{try{const i=JSON.parse(s.data);this.dispatchEvent(new CustomEvent("config-reload",{detail:i}))}catch{}}),this._eventSource.addEventListener("channels.status",s=>{try{const i=JSON.parse(s.data);this.dispatchEvent(new CustomEvent("channels-status",{detail:i}))}catch{}}),this._eventSource.addEventListener("message.sent",s=>{try{const i=JSON.parse(s.data);this.dispatchEvent(new CustomEvent("message-sent",{detail:i}))}catch{}}),this._eventSource.onerror=()=>{this._eventSource?.readyState===EventSource.CLOSED?(this._connectionState="disconnected",this._handlePermanentDisconnect()):this._connectionState="reconnecting",this.requestUpdate()}}catch(e){console.error("[GatewayChat] Failed to create EventSource:",e),this._connectionState="error",this._error=r("errors.connectionError"),this.requestUpdate()}}}_handlePermanentDisconnect(){this._isStreaming&&(this._isStreaming=!1,this._isSending=!1,this._streamingContent="",this._streamingMessage=null),this._shouldReconnect&&this._autoReconnect&&(this._reconnectCount++,this._reconnectCount>this._maxReconnectAttempts&&(this._error=r("errors.connectionError"),this._connectionState="error"))}disconnect(){this._shouldReconnect=!1,this._eventSource?.close(),this._eventSource=void 0,this._agentAbort?.abort(),this._agentAbort=void 0,this._connectionState="disconnected"}reconnect(){this._shouldReconnect=!0,this._reconnectCount=0,this.disconnect(),setTimeout(()=>this.connect(),100)}async _loadSessions(){if(this.config)try{const e=te("/api/sessions?limit=20"),t=pe(this.config.token),s=await fetch(e,{headers:t});if(!s.ok)throw new Error(`HTTP ${s.status}`);const a=((await s.json()).items||[]).filter(h=>h.key.startsWith("gateway:")).sort((h,p)=>new Date(p.updatedAt).getTime()-new Date(h.updatedAt).getTime());this._sessions=a;const l=a.filter(h=>h.messageCount>0);if(l.length>0){const h=l[0].key;await this._loadSession(h,0),this._lastLoadedSessionKey=h,this._updateUrlWithSession(h)}else if(a.length>0){const h=a[0];this._currentSessionKey=h.key,this._messages=[],this._lastLoadedSessionKey=h.key,this._updateUrlWithSession(h.key)}else await this._createNewSession()}catch(e){console.error("[GatewayChat] Failed to load sessions:",e)}}_updateUrlWithSession(e){const t=`#/chat/${encodeURIComponent(e)}`;location.hash!==t&&history.replaceState(null,"",t)}async _createNewSession(){if(!this.config)return;const e=this._sessions.find(t=>t.messageCount===0);if(e){this._currentSessionKey=e.key,this._messages=[],this._lastLoadedSessionKey=e.key,this._updateUrlWithSession(e.key);return}try{const t=te("/api/sessions"),s={...pe(this.config.token),"Content-Type":"application/json"},i=await fetch(t,{method:"POST",headers:s,body:JSON.stringify({channel:"gateway"})});if(!i.ok)throw new Error(`HTTP ${i.status}`);const a=(await i.json()).session;this._currentSessionKey=a.key,this._messages=[],this._sessions=[{key:a.key,name:a.name,updatedAt:a.updatedAt},...this._sessions],this._currentSessionKey=a.key,this._lastLoadedSessionKey=a.key,this._updateUrlWithSession(a.key),this._scrollToBottom(),this.requestUpdate()}catch(t){console.error("[GatewayChat] Failed to create new session:",t)}}async sendMessage(e,t){if(!(this._isSending||this._isStreaming)&&!(!e.trim()&&!t?.length)&&this.config){this._isSending=!0,this._messages=[...this._messages,{role:"user",content:e?[{type:"text",text:e}]:[],attachments:t,timestamp:Date.now()}],this._scrollToBottom(),this.requestUpdate();try{this._agentAbort=new AbortController;const s=te("/api/agent"),i={...pe(this.config.token),Accept:"text/event-stream"},n=this._currentSessionKey?this._currentSessionKey.replace("gateway:",""):"default",a=await fetch(s,{method:"POST",headers:i,body:JSON.stringify({message:e,channel:"gateway",chatId:n,attachments:t}),signal:this._agentAbort.signal});if(!a.ok){const h=await a.json().catch(()=>({}));throw new Error(h.error?.message||`HTTP ${a.status}`)}if((a.headers.get("Content-Type")||"").includes("text/event-stream")&&a.body)await this._consumeSSEStream(a.body);else{const h=await a.json();h.ok&&h.payload?.content&&(this._updateStreamingMessage(h.payload.content),this._finalizeMessage())}}catch(s){if(s.name==="AbortError")return;this._error=s instanceof Error?s.message:r("errors.sendFailed"),this._isStreaming=!1,this._isSending=!1,this._streamingMessage=null,this.requestUpdate()}finally{this._agentAbort=void 0,this._isSending=!1}}}async _consumeSSEStream(e){const t=e.pipeThrough(new TextDecoderStream).getReader();let s="",i="",n="";try{for(;;){const{done:a,value:l}=await t.read();if(a)break;for(s+=l;s.includes(`
-`);){const h=s.indexOf(`
-`),p=s.slice(0,h);s=s.slice(h+1),p.startsWith("event:")?i=p.slice(6).trim():p.startsWith("data:")?n+=(n?`
-`:"")+p.slice(5).trim():p===""&&n&&(this._handleSSEEvent(i||"message",n),i="",n="")}}if(s.trim()||n){if(s.trim()){const a=s.split(`
-`);for(const l of a)l.startsWith("event:")?i=l.slice(6).trim():l.startsWith("data:")?n+=(n?`
-`:"")+l.slice(5).trim():l===""&&n&&(this._handleSSEEvent(i||"message",n),i="",n="")}n&&this._handleSSEEvent(i||"message",n)}}finally{t.releaseLock()}}_handleSSEEvent(e,t){try{const s=JSON.parse(t);switch(e){case"status":this._isStreaming=!0,this.requestUpdate();break;case"token":s.content&&this._updateStreamingMessage(s.content);break;case"error":this._error=s.content||s.error?.message||r("errors.sendFailed"),this._isStreaming=!1,this._isSending=!1,this._streamingMessage=null,this.requestUpdate();break;case"result":this._finalizeMessage();break;default:s.content&&this._updateStreamingMessage(s.content);break}}catch{}}_updateStreamingMessage(e){if(this._streamingMessage){const t=this._streamingMessage.content.find(s=>s.type==="text");t?t.text=(t.text||"")+e:this._streamingMessage.content.push({type:"text",text:e})}else this._streamingMessage={role:"assistant",content:[{type:"text",text:e}],timestamp:Date.now()};this._isStreaming=!0,this._streamingContent=e,this.requestUpdate(),this._isAtBottom&&this._scrollToBottom()}_finalizeMessage(){this._streamingMessage&&(this._messages=[...this._messages,this._streamingMessage],this._streamingMessage=null),this._isStreaming=!1,this._streamingContent="",this._isSending=!1,this._isAtBottom&&this._scrollToBottom(),this.requestUpdate()}async request(e,t,s){if(!this.config)throw new Error("Not configured");const i=te(t),n=await fetch(i,{method:e,headers:pe(this.config.token),body:s?JSON.stringify(s):void 0});if(!n.ok){const a=await n.json().catch(()=>({error:{message:`HTTP ${n.status}`}}));throw new Error(a.error?.message||`HTTP ${n.status}`)}return n.json()}abort(){this._agentAbort?.abort(),this._agentAbort=void 0,this._isStreaming=!1,this._isSending=!1,this._streamingContent="",this._streamingMessage=null,this.requestUpdate()}get connectionState(){return this._connectionState}get messages(){return this._messages}clearMessages(){this._messages=[],this.requestUpdate()}render(){return o`
-      ${this._renderStatus()}
-      ${this._renderHeader()}
-
-      <div class="chat-messages">
-        <div class="chat-messages-inner">
-          ${this._renderMessages()}
-        </div>
-      </div>
-
-      <!-- Scroll to bottom button - placed outside overflow container -->
-      ${this._isAtBottom?"":o`
-        <button
-          class="scroll-to-bottom-btn"
-          style="position: fixed; bottom: 100px; right: 24px; width: 48px; height: 48px; border-radius: 50%; background: #3b82f6; color: white; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(0,0,0,0.15); z-index: 100;"
-          @click=${this._scrollToBottom}
-          title="Scroll to bottom"
-        >
-          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
-        </button>
-      `}
-
-      <div class="chat-input-container">
-        <div class="chat-input-inner">
-          ${this._renderInput()}
-        </div>
-      </div>
-    `}_renderHeader(){return o`
-      <div class="chat-header">
-        <div class="chat-header-title">
-          <span class="font-semibold">${r("chat.title")||"XopcBot"}</span>
-          ${this._currentSessionKey?o`
-            <span class="text-xs text-muted ml-2">${this._sessions.find(e=>e.key===this._currentSessionKey)?.name||this._currentSessionKey}</span>
-          `:""}
-        </div>
-        <button class="new-session-btn" @click=${()=>this._createNewSession()}>
-          ${this._renderIcon("plus")}
-          <span>${r("chat.newSession")||"New Chat"}</span>
-        </button>
-      </div>
-    `}_renderStatus(){return this._connectionState==="error"&&this._error?o`
-        <div class="status-bar error">
-          ${this._renderIcon("alertCircle")}
-          <span>${this._error}</span>
-          <button class="underline ml-auto" @click=${()=>this.reconnect()}>${r("chat.retry")}</button>
-        </div>
-      `:this._connectionState==="reconnecting"?o`
-        <div class="status-bar warning">
-          <div class="w-4 h-4 border-2 border-white border-t-transparent rounded-full animate-spin"></div>
-          <span>${r("chat.reconnecting")}</span>
-        </div>
-      `:this._connectionState==="connecting"?o`
-        <div class="status-bar warning">
-          <div class="w-4 h-4 border-2 border-white border-t-transparent rounded-full animate-spin"></div>
-          <span>${r("chat.connecting")}</span>
-        </div>
-      `:null}_renderIcon(e){return{alertCircle:o`
-        <svg class="w-4 h-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-          <circle cx="12" cy="12" r="10"/>
-          <line x1="12" y1="8" x2="12" y2="12"/>
-          <line x1="12" y1="16" x2="12.01" y2="16"/>
-        </svg>
-      `,chevronDown:o`
-        <svg class="w-5 h-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-          <polyline points="6 9 12 15 18 9"/>
-        </svg>
-      `,plus:o`
-        <svg class="w-4 h-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-          <line x1="12" y1="5" x2="12" y2="19"/>
-          <line x1="5" y1="12" x2="19" y2="12"/>
-        </svg>
-      `}[e]||""}_renderScrollToBottomButton(){return o`
-      <button
-        class="scroll-to-bottom-btn"
-        style="background: red !important; width: 60px; height: 60px; font-size: 24px;"
-        @click=${this._scrollToBottom}
-        title="Scroll to bottom"
-      >
-        👇
-      </button>
-    `}_renderMessages(){return!this._messages.length&&!this._isStreaming?o`
-        <div class="empty-state" style="padding-top: 30vh;">
-          <div class="icon">🤖</div>
-          <div class="title">${r("chat.welcomeTitle")}</div>
-          <div class="description">${r("chat.welcomeDescription")}</div>
-        </div>
-      `:o`
-      <div class="flex flex-col gap-4">
-        ${this._messages.map(e=>this._renderMessage(e))}
-        ${this._isStreaming&&this._streamingMessage?this._renderStreamingMessage():""}
-      </div>
-    `}_renderMessage(e){const t=e.role==="user";return!e.content?.some(i=>i.text)&&!e.attachments?.length?null:o`
-      <div class="message-item ${t?"flex-row-reverse":""}">
-        <div class="avatar ${t?"user":"assistant"}">
-          ${t?r("chat.you").charAt(0):"X"}
-        </div>
-        
-        <div class="flex flex-col gap-1 max-w-[calc(100%-3rem)]">
-          <div class="flex items-center gap-2 text-xs text-muted ${t?"flex-row-reverse":""}">
-            <span class="font-medium">${r(t?"chat.you":"chat.assistant")}</span>
-            <span>·</span>
-            <span>${this._formatTime(e.timestamp)}</span>
-          </div>
-          
-          <div class="message-bubble ${t?"user":"assistant"}">
-            ${this._renderMessageContent(e.content)}
-            ${e.attachments?.length?this._renderAttachments(e.attachments):""}
-          </div>
-        </div>
-      </div>
-    `}_renderStreamingMessage(){const e=this._streamingMessage?.content||[];return o`
-      <div class="message-item">
-        <div class="avatar assistant">X</div>
-        <div class="flex flex-col gap-1 max-w-[calc(100%-3rem)]">
-          <div class="flex items-center gap-2 text-xs text-muted">
-            <span class="font-medium">${r("chat.assistant")}</span>
-            <span>·</span>
-            <span class="text-primary animate-pulse">${r("chat.thinking")}</span>
-          </div>
-          <div class="message-bubble assistant">
-            <div class="markdown-content">
-              ${e.map(t=>t.type==="text"&&t.text?o`<p class="whitespace-pre-wrap">${t.text}<span class="streaming-cursor"></span></p>`:"")}
-              ${e.length?"":o`<span class="streaming-cursor"></span>`}
-            </div>
-          </div>
-        </div>
-      </div>
-    `}_renderMessageContent(e){return!e||e.length===0?null:o`
-      <div class="markdown-content">
-        ${e.map(t=>t.type==="text"&&t.text?o`<p class="whitespace-pre-wrap">${t.text}</p>`:"")}
-      </div>
-    `}_renderAttachments(e){const t=e.filter(i=>i.type==="image"||i.mimeType?.startsWith("image/")),s=e.filter(i=>i.type!=="image"&&!i.mimeType?.startsWith("image/"));return o`
-      <div class="flex flex-col gap-2 mt-2">
-        ${t.length>0?this._renderImageGallery(t):""}
-        ${s.length>0?this._renderDocumentList(s):""}
-      </div>
-    `}_renderImageGallery(e){const t=e.length;let s="single";return t===2?s="double":t===3?s="triple":t>=4&&(s="quad"),o`
-      <div class="image-gallery ${s}">
-        ${e.map(i=>o`<img src="${i.data}" alt="${i.name||"Image"}" />`)}
-      </div>
-    `}_renderDocumentList(e){return o`
-      <div class="flex flex-col gap-2">
-        ${e.map(t=>this._renderDocumentPreview(t))}
-      </div>
-    `}_renderDocumentPreview(e){const t=e.name||"Document",s=e.size?this._formatFileSize(e.size):"";return o`
-      <div class="document-preview">
-        <div class="icon">${this._getDocumentIcon(e.mimeType||"")}</div>
-        <div class="info">
-          <div class="name">${t}</div>
-          <div class="meta">${s||e.mimeType||"File"}</div>
-        </div>
-      </div>
-    `}_getDocumentIcon(e){const t=e.includes("pdf")?"#ef4444":e.includes("word")||e.includes("document")?"#2563eb":e.includes("sheet")||e.includes("excel")?"#16a34a":"currentColor";return o`
-      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="${t}" stroke-width="2">
-        <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/>
-        <polyline points="14,2 14,8 20,8"/>
-      </svg>
-    `}_renderInput(){return o`
-      <message-editor
-        .isStreaming=${this._isStreaming}
-        .showAttachmentButton=${this.enableAttachments}
-        .showModelSelector=${this.enableModelSelector}
-        .onSend=${(e,t)=>this._handleSend(e,t)}
-        .onAbort=${()=>this.abort()}
-      ></message-editor>
-    `}_formatTime(e){return new Date(e).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}_formatFileSize(e){const t=["B","KB","MB","GB"];let s=0,i=e;for(;i>=1024&&s<t.length-1;)i/=1024,s++;return`${i.toFixed(1)} ${t[s]}`}};x([u({attribute:!1})],w.prototype,"config",2);x([u({attribute:!1})],w.prototype,"route",2);x([u({type:Boolean})],w.prototype,"enableAttachments",2);x([u({type:Boolean})],w.prototype,"enableModelSelector",2);x([oe("message-editor")],w.prototype,"_messageEditor",2);x([oe(".chat-messages")],w.prototype,"_chatMessages",2);x([c()],w.prototype,"_connectionState",2);x([c()],w.prototype,"_error",2);x([c()],w.prototype,"_messages",2);x([c()],w.prototype,"_isStreaming",2);x([c()],w.prototype,"_streamingContent",2);x([c()],w.prototype,"_streamingMessage",2);x([c()],w.prototype,"_reconnectCount",2);x([c()],w.prototype,"_isAtBottom",2);x([c()],w.prototype,"_currentSessionKey",2);x([c()],w.prototype,"_sessions",2);x([c()],w.prototype,"_hasMoreMessages",2);x([c()],w.prototype,"_isLoadingMore",2);w=x([k("xopcbot-gateway-chat")],w);var Vs=Object.defineProperty,Qs=Object.getOwnPropertyDescriptor,ze=(e,t,s,i)=>{for(var n=i>1?void 0:i?Qs(t,s):t,a=e.length-1,l;a>=0;a--)(l=e[a])&&(n=(i?l(t,s,n):l(n))||n);return i&&n&&Vs(t,s,n),n};let Ce=class extends y{constructor(){super(...arguments),this.selected=!1}createRenderRoot(){return this}_emit(e){this.dispatchEvent(new CustomEvent("session-action",{detail:{action:e,key:this.session.key},bubbles:!0,composed:!0}))}_formatDate(e){const t=new Date(e),i=Math.floor((new Date().getTime()-t.getTime())/(1e3*60*60*24));return i===0?t.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"}):i===1?"Yesterday":i<7?t.toLocaleDateString([],{weekday:"short"}):t.toLocaleDateString([],{month:"short",day:"numeric"})}_getChannelIcon(e){return{telegram:"send",whatsapp:"phone",gateway:"globe",cli:"terminal"}[e]||"messageSquare"}_getStatusBadge(){switch(this.session.status){case"archived":return"bg-gray-100 text-gray-600 dark:bg-gray-800 dark:text-gray-400";case"pinned":return"bg-blue-100 text-blue-600 dark:bg-blue-900/30 dark:text-blue-400";default:return"bg-green-100 text-green-600 dark:bg-green-900/30 dark:text-green-400"}}render(){const e=this.session.name||this.session.key,t=this.session.status==="archived",s=this.session.status==="pinned";return o`
-      <div 
-        class="session-card ${this.selected?"session-card--selected":""} ${t?"session-card--archived":""}"
-        @click=${()=>this._emit("click")}
-      >
-        <div class="session-card__header">
-          <div class="session-card__channel">
-            <span class="channel-icon">${d(this._getChannelIcon(this.session.sourceChannel))}</span>
-            <span class="channel-name">${this.session.sourceChannel}</span>
-          </div>
-          <div class="session-card__meta">
-            ${s?o`<span class="pin-badge" title="Pinned">${d("pin")}</span>`:""}
-            <span class="date">${this._formatDate(this.session.updatedAt)}</span>
-          </div>
-        </div>
-
-        <div class="session-card__title">
-          ${e}
-        </div>
-
-        <div class="session-card__stats">
-          <span class="stat">
-            ${d("messageSquare")}
-            ${this.session.messageCount}
-          </span>
-          <span class="stat">
-            ${d("zap")}
-            ${this._formatTokens(this.session.estimatedTokens)}
-          </span>
-        </div>
-
-        ${this.session.tags.length>0?o`
-          <div class="session-card__tags">
-            ${this.session.tags.slice(0,3).map(i=>o`
-              <span class="tag">${i}</span>
-            `)}
-            ${this.session.tags.length>3?o`
-              <span class="tag tag--more">+${this.session.tags.length-3}</span>
-            `:""}
-          </div>
-        `:""}
-
-        <div class="session-card__actions" @click=${i=>i.stopPropagation()}>
-          ${t?o`
-            <button 
-              class="btn-icon btn-icon--success" 
-              title="Unarchive"
-              @click=${()=>this._emit("unarchive")}
-            >${d("archiveRestore")}</button>
-          `:o`
-            <button 
-              class="btn-icon" 
-              title="Archive"
-              @click=${()=>this._emit("archive")}
-            >${d("archive")}</button>
-          `}
-          
-          ${s?o`
-            <button 
-              class="btn-icon btn-icon--primary" 
-              title="Unpin"
-              @click=${()=>this._emit("unpin")}
-            >${d("pinOff")}</button>
-          `:o`
-            <button 
-              class="btn-icon" 
-              title="Pin"
-              @click=${()=>this._emit("pin")}
-            >${d("pin")}</button>
-          `}
-          
-          <button 
-            class="btn-icon" 
-            title="Export"
-            @click=${()=>this._emit("export")}
-          >${d("download")}</button>
-          
-          <button 
-            class="btn-icon btn-icon--danger" 
-            title="Delete"
-            @click=${()=>this._emit("delete")}
-          >${d("trash")}</button>
-        </div>
-      </div>
-    `}_formatTokens(e){return e>=1e3?(e/1e3).toFixed(1)+"k":e.toString()}};ze([u({attribute:!1})],Ce.prototype,"session",2);ze([u({type:Boolean})],Ce.prototype,"selected",2);Ce=ze([k("session-card")],Ce);var Xs=Object.defineProperty,Ys=Object.getOwnPropertyDescriptor,re=(e,t,s,i)=>{for(var n=i>1?void 0:i?Ys(t,s):t,a=e.length-1,l;a>=0;a--)(l=e[a])&&(n=(i?l(t,s,n):l(n))||n);return i&&n&&Xs(t,s,n),n};let Q=class extends y{constructor(){super(...arguments),this.sessions=[],this.loading=!1,this.hasMore=!1,this.selectedKey=null,this._viewMode="grid"}createRenderRoot(){return this}_emit(e,t){this.dispatchEvent(new CustomEvent("list-action",{detail:{action:e,key:t},bubbles:!0,composed:!0}))}_handleCardAction(e){const{action:t,key:s}=e.detail;t==="click"?this._emit("select",s):this._emit(t,s)}_loadMore(){this.dispatchEvent(new CustomEvent("load-more",{bubbles:!0,composed:!0}))}render(){return this.loading&&this.sessions.length===0?this._renderLoading():this.sessions.length===0?this._renderEmpty():o`
-      <div class="session-list">
-        ${this._renderToolbar()}
-        
-        <div class="session-list__content session-list__content--${this._viewMode}">
-          ${this.sessions.map(e=>o`
-            <session-card
-              .session=${e}
-              .selected=${e.key===this.selectedKey}
-              @session-action=${this._handleCardAction}
-            ></session-card>
-          `)}
-        </div>
-
-        ${this.hasMore?o`
-          <div class="session-list__load-more">
-            <button class="btn btn--secondary" @click=${this._loadMore}>
-              ${d("chevronDown")}
-              Load More
-            </button>
-          </div>
-        `:""}
-
-        ${this.loading?o`
-          <div class="session-list__loading-overlay">
-            <div class="spinner"></div>
-          </div>
-        `:""}
-      </div>
-    `}_renderToolbar(){return o`
-      <div class="session-list__toolbar">
-        <div class="session-list__count">
-          ${this.sessions.length} sessions
-        </div>
-        
-        <div class="session-list__view-toggle">
-          <button 
-            class="btn-icon ${this._viewMode==="grid"?"btn-icon--active":""}"
-            title="Grid view"
-            @click=${()=>this._viewMode="grid"}
-          >${d("grid")}</button>
-          <button 
-            class="btn-icon ${this._viewMode==="list"?"btn-icon--active":""}"
-            title="List view"
-            @click=${()=>this._viewMode="list"}
-          >${d("list")}</button>
-        </div>
-      </div>
-    `}_renderLoading(){return o`
-      <div class="session-list session-list--loading">
-        <div class="session-list__skeleton">
-          ${Array.from({length:6}).map(()=>o`
-            <div class="skeleton-card">
-              <div class="skeleton skeleton--header"></div>
-              <div class="skeleton skeleton--title"></div>
-              <div class="skeleton skeleton--stats"></div>
-            </div>
-          `)}
-        </div>
-      </div>
-    `}_renderEmpty(){return o`
-      <div class="session-list session-list--empty">
-        <div class="empty-state">
-          <div class="empty-state__icon">${d("folderOpen")}</div>
-          <div class="empty-state__title">No sessions found</div>
-          <div class="empty-state__description">
-            Start a conversation to create your first session.
-          </div>
-        </div>
-      </div>
-    `}};re([u({attribute:!1})],Q.prototype,"sessions",2);re([u({type:Boolean})],Q.prototype,"loading",2);re([u({type:Boolean})],Q.prototype,"hasMore",2);re([u({type:String})],Q.prototype,"selectedKey",2);re([c()],Q.prototype,"_viewMode",2);Q=re([k("session-list")],Q);var Zs=Object.defineProperty,ei=Object.getOwnPropertyDescriptor,Y=(e,t,s,i)=>{for(var n=i>1?void 0:i?ei(t,s):t,a=e.length-1,l;a>=0;a--)(l=e[a])&&(n=(i?l(t,s,n):l(n))||n);return i&&n&&Zs(t,s,n),n};let j=class extends y{constructor(){super(...arguments),this.session=null,this.open=!1,this.loading=!1,this._searchQuery="",this._searchResults=[],this._currentResultIndex=-1}createRenderRoot(){return this}_emit(e){this.dispatchEvent(new CustomEvent("detail-action",{detail:{action:e},bubbles:!0,composed:!0}))}_handleClose(){this._emit("close")}_handleBackdropClick(e){e.target===e.currentTarget&&this._handleClose()}_handleSearch(e){const t=e.target;this._searchQuery=t.value,this._performSearch()}_performSearch(){if(!this.session||!this._searchQuery.trim()){this._searchResults=[],this._currentResultIndex=-1;return}const e=this._searchQuery.toLowerCase(),t=[];this.session.messages.forEach((s,i)=>{s.content.toLowerCase().includes(e)&&t.push(i)}),this._searchResults=t,this._currentResultIndex=t.length>0?0:-1}_navigateSearch(e){if(this._searchResults.length===0)return;e==="next"?this._currentResultIndex=(this._currentResultIndex+1)%this._searchResults.length:this._currentResultIndex=(this._currentResultIndex-1+this._searchResults.length)%this._searchResults.length;const t=this._searchResults[this._currentResultIndex],s=this.querySelector(`[data-message-index="${t}"]`);s&&s.scrollIntoView({behavior:"smooth",block:"center"})}_highlightText(e){if(!this._searchQuery.trim())return e;const t=this._searchQuery;return e.split(new RegExp(`(${t})`,"gi")).map((i,n)=>i.toLowerCase()===t.toLowerCase()?o`<mark class="search-highlight">${i}</mark>`:i)}_formatDate(e){return new Date(e).toLocaleString()}render(){return this.open?o`
-      <div class="drawer-backdrop" @click=${this._handleBackdropClick}>
-        <div class="drawer drawer--${this.open?"open":"closed"}">
-          ${this._renderHeader()}
-          ${this._renderSearch()}
-          ${this._renderContent()}
-          ${this._renderActions()}
-        </div>
-      </div>
-    `:""}_renderHeader(){if(!this.session)return"";const e=this.session.status==="archived",t=this.session.status==="pinned";return o`
-      <div class="drawer-header">
-        <div class="drawer-header__info">
-          <div class="drawer-header__title">
-            ${this.session.name||this.session.key}
-            ${t?o`<span class="pin-badge">${d("pin")}</span>`:""}
-            ${e?o`<span class="archive-badge">Archived</span>`:""}
-          </div>
-          <div class="drawer-header__meta">
-            <span>${this.session.sourceChannel}</span>
-            <span>•</span>
-            <span>${this.session.messageCount} messages</span>
-            <span>•</span>
-            <span>${this._formatDate(this.session.updatedAt)}</span>
-          </div>
-        </div>
-        <button class="btn-icon" @click=${this._handleClose} title="Close">
-          ${d("x")}
-        </button>
-      </div>
-    `}_renderSearch(){return this.session?o`
-      <div class="drawer-search">
-        <div class="search-input-wrapper">
-          ${d("search")}
-          <input
-            type="text"
-            placeholder="Search in session..."
-            .value=${this._searchQuery}
-            @input=${this._handleSearch}
-          />
-          ${this._searchQuery?o`
-            <button class="btn-icon btn-icon--sm" @click=${()=>{this._searchQuery="",this._performSearch()}}>
-              ${d("x")}
-            </button>
-          `:""}
-        </div>
-        
-        ${this._searchResults.length>0?o`
-          <div class="search-nav">
-            <span class="search-count">${this._currentResultIndex+1} / ${this._searchResults.length}</span>
-            <button class="btn-icon btn-icon--sm" @click=${()=>this._navigateSearch("prev")} title="Previous">
-              ${d("chevronUp")}
-            </button>
-            <button class="btn-icon btn-icon--sm" @click=${()=>this._navigateSearch("next")} title="Next">
-              ${d("chevronDown")}
-            </button>
-          </div>
-        `:""}
-      </div>
-    `:""}_renderContent(){return this.loading?o`
-        <div class="drawer-content drawer-content--loading">
-          <div class="spinner"></div>
-          <span>Loading...</span>
-        </div>
-      `:this.session?o`
-      <div class="drawer-content">
-        ${this.session.messages.map((e,t)=>{const s=this._searchResults.includes(t),i=this._searchResults[this._currentResultIndex]===t;return o`
-            <div 
-              class="message ${e.role} ${s?"message--highlight":""} ${i?"message--current":""}"
-              data-message-index="${t}"
-            >
-              <div class="message__header">
-                <span class="message__role">${e.role}</span>
-                ${e.timestamp?o`<span class="message__time">${this._formatDate(e.timestamp)}</span>`:""}
-              </div>
-              <div class="message__content">${this._highlightText(e.content)}</div>
-            </div>
-          `})}
-      </div>
-    `:o`
-        <div class="drawer-content drawer-content--empty">
-          <span>No session selected</span>
-        </div>
-      `}_renderActions(){if(!this.session)return"";const e=this.session.status==="archived",t=this.session.status==="pinned";return o`
-      <div class="drawer-actions">
-        ${e?o`
-          <button class="btn btn--secondary" @click=${()=>this._emit("unarchive")}>
-            ${d("archiveRestore")} Unarchive
-          </button>
-        `:o`
-          <button class="btn btn--secondary" @click=${()=>this._emit("archive")}>
-            ${d("archive")} Archive
-          </button>
-        `}
-
-        ${t?o`
-          <button class="btn btn--secondary" @click=${()=>this._emit("unpin")}>
-            ${d("pinOff")} Unpin
-          </button>
-        `:o`
-          <button class="btn btn--secondary" @click=${()=>this._emit("pin")}>
-            ${d("pin")} Pin
-          </button>
-        `}
-
-        <button class="btn btn--secondary" @click=${()=>this._emit("export")}>
-          ${d("download")} Export
-        </button>
-
-        <button class="btn btn--danger" @click=${()=>this._emit("delete")}>
-          ${d("trash")} Delete
-        </button>
-      </div>
-    `}};Y([u({attribute:!1})],j.prototype,"session",2);Y([u({type:Boolean})],j.prototype,"open",2);Y([u({type:Boolean})],j.prototype,"loading",2);Y([c()],j.prototype,"_searchQuery",2);Y([c()],j.prototype,"_searchResults",2);Y([c()],j.prototype,"_currentResultIndex",2);j=Y([k("session-detail-drawer")],j);var ti=Object.defineProperty,si=Object.getOwnPropertyDescriptor,Z=(e,t,s,i)=>{for(var n=i>1?void 0:i?si(t,s):t,a=e.length-1,l;a>=0;a--)(l=e[a])&&(n=(i?l(t,s,n):l(n))||n);return i&&n&&ti(t,s,n),n};let U=class extends y{constructor(){super(...arguments),this.open=!1,this.title="Confirm",this.message="Are you sure?",this.confirmText="Confirm",this.cancelText="Cancel",this.type="warning"}createRenderRoot(){return this}_emit(e){this.dispatchEvent(new CustomEvent("confirm",{detail:{confirmed:e},bubbles:!0,composed:!0})),this.open=!1}_handleBackdropClick(e){e.target===e.currentTarget&&this._emit(!1)}_getIcon(){switch(this.type){case"danger":return"trash";case"warning":return"alertTriangle";case"info":return"info";default:return"helpCircle"}}_getIconColor(){switch(this.type){case"danger":return"text-red-500";case"warning":return"text-amber-500";case"info":return"text-blue-500";default:return"text-gray-500"}}render(){return this.open?o`
-      <div class="modal-backdrop" @click=${this._handleBackdropClick}>
-        <div class="modal modal--${this.type}">
-          <div class="modal__icon ${this._getIconColor()}">
-            ${d(this._getIcon())}
-          </div>
-          
-          <div class="modal__content">
-            <h3 class="modal__title">${this.title}</h3>
-            <p class="modal__message">${this.message}</p>
-          </div>
-          
-          <div class="modal__actions">
-            <button class="btn btn--secondary" @click=${()=>this._emit(!1)}>
-              ${this.cancelText}
-            </button>
-            <button class="btn btn--${this.type==="danger"?"danger":"primary"}" @click=${()=>this._emit(!0)}>
-              ${this.confirmText}
-            </button>
-          </div>
-        </div>
-      </div>
-    `:""}};Z([u({type:Boolean})],U.prototype,"open",2);Z([u({type:String})],U.prototype,"title",2);Z([u({type:String})],U.prototype,"message",2);Z([u({type:String})],U.prototype,"confirmText",2);Z([u({type:String})],U.prototype,"cancelText",2);Z([u({type:String})],U.prototype,"type",2);U=Z([k("confirm-dialog")],U);class ii{constructor(t,s){this.baseUrl=t.replace(/\/$/,""),this.token=s}async request(t,s,i){const n={"Content-Type":"application/json"};this.token&&(n.Authorization=`Bearer ${this.token}`);const a=await fetch(`${this.baseUrl}${s}`,{method:t,headers:n,body:i?JSON.stringify(i):void 0});if(!a.ok){const l=await a.json().catch(()=>({error:"Request failed"}));throw new Error(l.error||`HTTP ${a.status}`)}return a.json()}async listSessions(t){const s=new URLSearchParams;t?.status&&s.set("status",t.status),t?.search&&s.set("search",t.search),t?.limit&&s.set("limit",String(t.limit)),t?.offset&&s.set("offset",String(t.offset));const i=s.toString(),n=`/api/sessions${i?`?${i}`:""}`;return await this.request("GET",n)}async getSession(t){try{return(await this.request("GET",`/api/sessions/${t}`)).session||null}catch(s){if(s instanceof Error&&s.message.includes("404"))return null;throw s}}async deleteSession(t){return await this.request("DELETE",`/api/sessions/${t}`)}async archiveSession(t){return await this.request("POST",`/api/sessions/${t}/archive`)}async unarchiveSession(t){return await this.request("POST",`/api/sessions/${t}/unarchive`)}async pinSession(t){return await this.request("POST",`/api/sessions/${t}/pin`)}async unpinSession(t){return await this.request("POST",`/api/sessions/${t}/unpin`)}async renameSession(t,s){return await this.request("POST",`/api/sessions/${t}/rename`,{name:s})}async exportSession(t,s="json"){return(await this.request("GET",`/api/sessions/${t}/export?format=${s}`)).content}async getStats(){return await this.request("GET","/api/sessions/stats")}}var ni=Object.defineProperty,oi=Object.getOwnPropertyDescriptor,A=(e,t,s,i)=>{for(var n=i>1?void 0:i?oi(t,s):t,a=e.length-1,l;a>=0;a--)(l=e[a])&&(n=(i?l(t,s,n):l(n))||n);return i&&n&&ni(t,s,n),n};let b=class extends y{constructor(){super(...arguments),this._sessions=[],this._loading=!1,this._hasMore=!1,this._stats=null,this._searchQuery="",this._statusFilter="all",this._offset=0,this._error=null,this._detailOpen=!1,this._detailSession=null,this._detailLoading=!1,this._confirmOpen=!1,this._confirmTitle="",this._confirmMessage="",this._confirmKey=null,this._confirmAction=null,this._limit=20,this._initialized=!1,this._debouncedSearch=this._debounce(()=>{this._loadSessions(!0)},300)}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this._tryInitialize()}willUpdate(e){super.willUpdate(e),e.has("config")&&this._tryInitialize()}_tryInitialize(){if(this._initialized)return;const e=window.location.origin;this._api=new ii(e,this.config?.token),this._initialized=!0,this._loadSessions(),this._loadStats()}disconnectedCallback(){super.disconnectedCallback()}async _loadSessions(e=!1){if(!this._loading){this._loading=!0,this._error=null,e&&(this._offset=0,this._sessions=[]);try{const t={limit:this._limit,offset:this._offset,sortBy:"updatedAt",sortOrder:"desc",...this._statusFilter!=="all"&&{status:this._statusFilter},...this._searchQuery&&{search:this._searchQuery}},s=await this._api.listSessions(t);e?this._sessions=s.items:this._sessions=[...this._sessions,...s.items],this._hasMore=s.hasMore,this._offset=s.offset+s.items.length}catch(t){this._error=t instanceof Error?t.message:"Failed to load sessions",console.error("[SessionManager] Load error:",t)}finally{this._loading=!1}}}async _loadStats(){try{this._stats=await this._api.getStats()}catch(e){console.error("[SessionManager] Stats error:",e)}}async _openDetail(e){this._detailOpen=!0,this._detailLoading=!0;try{const t=await this._api.getSession(e);this._detailSession=t}catch(t){console.error("[SessionManager] Load detail error:",t),this._detailOpen=!1}finally{this._detailLoading=!1}}_closeDetail(){this._detailOpen=!1,this._detailSession=null}_handleDetailAction(e){const{action:t}=e.detail,s=this._detailSession?.key;if(s)switch(t){case"close":this._closeDetail();break;case"delete":this._showConfirm(s);break;case"archive":this._archiveSession(s);break;case"unarchive":this._unarchiveSession(s);break;case"pin":this._pinSession(s);break;case"unpin":this._unpinSession(s);break;case"export":this._exportSession(s);break}}_showConfirm(e){this._confirmKey=e,this._confirmAction="delete",this._confirmTitle="Delete Session",this._confirmMessage=`Are you sure you want to delete session "${e}"?
-
-This action cannot be undone.`,this._confirmOpen=!0}_handleConfirm(e){if(!e.detail.confirmed||!this._confirmKey){this._confirmOpen=!1,this._confirmKey=null;return}this._deleteSession(this._confirmKey),this._confirmOpen=!1,this._confirmKey=null}async _deleteSession(e){try{await this._api.deleteSession(e),this._sessions=this._sessions.filter(t=>t.key!==e),this._detailSession?.key===e&&this._closeDetail(),await this._loadStats()}catch(t){alert("Failed to delete session: "+(t instanceof Error?t.message:String(t)))}}async _archiveSession(e){try{await this._api.archiveSession(e),this._updateSessionStatus(e,"archived"),this._detailSession?.key===e&&(this._detailSession={...this._detailSession,status:"archived"}),await this._loadStats()}catch(t){console.error("[SessionManager] Archive error:",t)}}async _unarchiveSession(e){try{await this._api.unarchiveSession(e),this._updateSessionStatus(e,"active"),this._detailSession?.key===e&&(this._detailSession={...this._detailSession,status:"active"}),await this._loadStats()}catch(t){console.error("[SessionManager] Unarchive error:",t)}}async _pinSession(e){try{await this._api.pinSession(e),this._updateSessionStatus(e,"pinned"),this._detailSession?.key===e&&(this._detailSession={...this._detailSession,status:"pinned"}),await this._loadStats()}catch(t){console.error("[SessionManager] Pin error:",t)}}async _unpinSession(e){try{await this._api.unpinSession(e),this._updateSessionStatus(e,"active"),this._detailSession?.key===e&&(this._detailSession={...this._detailSession,status:"active"}),await this._loadStats()}catch(t){console.error("[SessionManager] Unpin error:",t)}}async _exportSession(e){try{const t=await this._api.exportSession(e,"json"),s=new Blob([t],{type:"application/json"}),i=URL.createObjectURL(s),n=document.createElement("a");n.href=i,n.download=`session-${e.replace(/[^a-z0-9]/gi,"_")}.json`,document.body.appendChild(n),n.click(),document.body.removeChild(n),URL.revokeObjectURL(i)}catch(t){alert("Failed to export session: "+(t instanceof Error?t.message:String(t)))}}_updateSessionStatus(e,t){this._sessions=this._sessions.map(s=>s.key===e?{...s,status:t}:s)}_handleListAction(e){const{action:t,key:s}=e.detail;switch(t){case"select":this._openDetail(s);break;case"delete":this._showConfirm(s);break;case"archive":this._archiveSession(s);break;case"unarchive":this._unarchiveSession(s);break;case"pin":this._pinSession(s);break;case"unpin":this._unpinSession(s);break;case"export":this._exportSession(s);break}}_handleSearch(e){const t=e.target;this._searchQuery=t.value,this._debouncedSearch()}_debounce(e,t){let s;return()=>{clearTimeout(s),s=setTimeout(e,t)}}_handleStatusFilter(e){this._statusFilter=e,this._loadSessions(!0)}_handleLoadMore(){this._loadSessions()}render(){return o`
-      <div class="session-manager">
-        ${this._renderHeader()}
-        ${this._renderFilters()}
-        ${this._renderStats()}
-        ${this._error?o`<div class="error-banner">${this._error}</div>`:""}
-        
-        <session-list
-          .sessions=${this._sessions}
-          .loading=${this._loading}
-          .hasMore=${this._hasMore}
-          @list-action=${this._handleListAction}
-          @load-more=${this._handleLoadMore}
-        ></session-list>
-      </div>
-
-      <session-detail-drawer
-        .session=${this._detailSession}
-        .open=${this._detailOpen}
-        .loading=${this._detailLoading}
-        @detail-action=${this._handleDetailAction}
-      ></session-detail-drawer>
-
-      <confirm-dialog
-        .open=${this._confirmOpen}
-        .title=${this._confirmTitle}
-        .message=${this._confirmMessage}
-        .confirmText="Delete"
-        .cancelText="Cancel"
-        .type="danger"
-        @confirm=${this._handleConfirm}
-      ></confirm-dialog>
-    `}_renderHeader(){return o`
-      <div class="session-manager__header">
-        <h1 class="page-title">${d("folderOpen")} ${r("sessions.title")}</h1>
-        <div class="search-box">
-          ${d("search")}
-          <input
-            type="text"
-            placeholder="${r("sessions.searchPlaceholder")}"
-            .value=${this._searchQuery}
-            @input=${this._handleSearch}
-          />
-        </div>
-      </div>
-    `}_renderFilters(){return o`
-      <div class="session-manager__filters">
-        ${[{key:"all",label:"All",icon:"layers"},{key:"active",label:"Active",icon:"circle"},{key:"pinned",label:"Pinned",icon:"pin"},{key:"archived",label:"Archived",icon:"archive"}].map(t=>o`
-          <button
-            class="filter-btn ${this._statusFilter===t.key?"filter-btn--active":""}"
-            @click=${()=>this._handleStatusFilter(t.key)}
-          >
-            ${d(t.icon)}
-            ${t.label}
-          </button>
-        `)}
-      </div>
-    `}_renderStats(){return this._stats?o`
-      <div class="session-manager__stats">
-        <div class="stat-card">
-          <div class="stat-value">${this._stats.totalSessions}</div>
-          <div class="stat-label">${r("sessions.totalSessions")}</div>
-        </div>
-        <div class="stat-card">
-          <div class="stat-value">${this._stats.activeSessions}</div>
-          <div class="stat-label">${r("sessions.activeSessions")}</div>
-        </div>
-        <div class="stat-card">
-          <div class="stat-value">${this._stats.pinnedSessions}</div>
-          <div class="stat-label">${r("sessions.pinnedSessions")}</div>
-        </div>
-        <div class="stat-card">
-          <div class="stat-value">${this._stats.archivedSessions}</div>
-          <div class="stat-label">${r("sessions.archivedSessions")}</div>
-        </div>
-      </div>
-    `:""}};A([u({attribute:!1})],b.prototype,"config",2);A([c()],b.prototype,"_sessions",2);A([c()],b.prototype,"_loading",2);A([c()],b.prototype,"_hasMore",2);A([c()],b.prototype,"_stats",2);A([c()],b.prototype,"_searchQuery",2);A([c()],b.prototype,"_statusFilter",2);A([c()],b.prototype,"_offset",2);A([c()],b.prototype,"_error",2);A([c()],b.prototype,"_detailOpen",2);A([c()],b.prototype,"_detailSession",2);A([c()],b.prototype,"_detailLoading",2);A([c()],b.prototype,"_confirmOpen",2);A([c()],b.prototype,"_confirmTitle",2);A([c()],b.prototype,"_confirmMessage",2);A([c()],b.prototype,"_confirmKey",2);A([c()],b.prototype,"_confirmAction",2);b=A([k("session-manager")],b);class ai{constructor(t,s){this.baseUrl=t.replace(/\/$/,""),this.token=s}async request(t,s,i){const n={"Content-Type":"application/json"};this.token&&(n.Authorization=`Bearer ${this.token}`);const a=await fetch(`${this.baseUrl}${s}`,{method:t,headers:n,body:i?JSON.stringify(i):void 0});if(!a.ok){const l=await a.json().catch(()=>({error:"Request failed"}));throw new Error(l.error||`HTTP ${a.status}`)}return a.json()}async listJobs(){return(await this.request("GET","/api/cron")).jobs||[]}async getJob(t){try{return(await this.request("GET",`/api/cron/${t}`)).job||null}catch(s){if(s instanceof Error&&s.message.includes("404"))return null;throw s}}async addJob(t,s,i){return await this.request("POST","/api/cron",{schedule:t,message:s,...i})}async updateJob(t,s){return(await this.request("PATCH",`/api/cron/${t}`,s)).updated}async removeJob(t){return(await this.request("DELETE",`/api/cron/${t}`)).removed}async toggleJob(t,s){return(await this.request("POST",`/api/cron/${t}/toggle`,{enabled:s})).toggled}async runJob(t){await this.request("POST",`/api/cron/${t}/run`)}async getHistory(t,s=10){return(await this.request("GET",`/api/cron/${t}/history?limit=${s}`)).history||[]}async getMetrics(){return await this.request("GET","/api/cron/metrics")}async getChannels(){return(await this.request("GET","/api/channels/status")).payload?.channels||[]}async getModels(){return(await this.request("GET","/api/models")).payload?.models||[]}async getConfig(){return{model:((await this.request("GET","/api/config")).config||{}).agents?.defaults?.model||""}}async getSessionChatIds(t){const s=t?`?channel=${encodeURIComponent(t)}`:"";return(await this.request("GET",`/api/sessions/chat-ids${s}`)).payload?.chatIds||[]}disconnect(){}}var ri=Object.defineProperty,li=Object.getOwnPropertyDescriptor,v=(e,t,s,i)=>{for(var n=i>1?void 0:i?li(t,s):t,a=e.length-1,l;a>=0;a--)(l=e[a])&&(n=(i?l(t,s,n):l(n))||n);return i&&n&&ri(t,s,n),n};let m=class extends y{constructor(){super(...arguments),this._jobs=[],this._metrics=null,this._channels=[],this._availableModels=[],this._defaultModel="",this._sessionChatIds=[],this._loading=!1,this._error=null,this._formOpen=!1,this._formMode="add",this._formJobId=null,this._formName="",this._formSchedule="*/5 * * * *",this._formChannel="telegram",this._formChatId="",this._formMessage="",this._formSessionTarget="main",this._formModel="",this._formSubmitting=!1,this._detailOpen=!1,this._detailJob=null,this._detailHistory=[],this._detailLoading=!1,this._confirmOpen=!1,this._confirmTitle="",this._confirmMessage="",this._confirmJobId=null,this._confirmAction=null,this._initialized=!1}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this._tryInitialize()}willUpdate(e){super.willUpdate(e),e.has("config")&&this._tryInitialize()}_tryInitialize(){if(this._initialized)return;const e=window.location.origin;this._api=new ai(e,this.config?.token),this._initialized=!0,this._loadJobs(),this._loadMetrics(),this._loadChannels(),this._loadModels(),this._loadSessionChatIds()}disconnectedCallback(){super.disconnectedCallback(),this._api?.disconnect()}async _loadJobs(){if(!this._loading){this._loading=!0,this._error=null;try{this._jobs=await this._api.listJobs()}catch(e){this._error=e instanceof Error&&e.message||r("cron.failedToLoadJobs"),console.error("[CronManager] Load error:",e)}finally{this._loading=!1}}}async _loadMetrics(){try{this._metrics=await this._api.getMetrics()}catch(e){console.error("[CronManager] Metrics error:",e)}}async _loadChannels(){try{this._channels=await this._api.getChannels()}catch(e){console.error("[CronManager] Channels error:",e)}}async _loadModels(){try{this._availableModels=await this._api.getModels();const e=await this._api.getConfig();this._defaultModel=e.model||"",this._formModel=this._defaultModel,console.log("[CronManager] Loaded models:",this._availableModels.length,"default:",this._defaultModel)}catch(e){console.error("[CronManager] Models error:",e)}}async _loadSessionChatIds(){try{const e=await this._api.getSessionChatIds(this._formChannel);this._sessionChatIds=e,console.log("[CronManager] Loaded session chatIds for channel",this._formChannel,":",e.length,e)}catch(e){console.error("[CronManager] Session chatIds error:",e),this._sessionChatIds=[]}}_openForm(e){if(this._formOpen=!0,this._formMode=e?"edit":"add",this._formJobId=e?.id||null,e||this._loadSessionChatIds(),e)if(this._formName=e.name||"",this._formSchedule=e.schedule,this._formMessage=e.message,this._formSessionTarget=e.sessionTarget||"main",this._formModel=e.model||"",e.delivery)this._formChannel=e.delivery.channel||"telegram",this._formChatId=e.delivery.to||"";else{const t=e.message.split(":"),s=["telegram","whatsapp","cli","gateway"];t.length>=3&&s.includes(t[0])?(this._formChannel=t[0],this._formChatId=t[1],this._formMessage=t.slice(2).join(":")):(this._formChannel="telegram",this._formChatId="")}else this._formName="",this._formSchedule="*/5 * * * *",this._formChannel="telegram",this._formChatId="",this._formMessage="",this._formSessionTarget="main",this._formModel=this._defaultModel||(this._availableModels.length>0?this._availableModels[0].id:"")}_closeForm(){this._formOpen=!1,this._formMode="add",this._formJobId=null,this._formName="",this._formSchedule="*/5 * * * *",this._formChannel="telegram",this._formChatId="",this._formMessage="",this._formSessionTarget="main",this._formModel=""}async _submitForm(){if(!this._formSchedule||!this._formMessage){this._error=r("cron.scheduleRequired");return}if(!this._formChatId){this._error=r("cron.chatIdRequired");return}this._formSubmitting=!0,this._error=null;try{const e=this._formMessage,t={mode:"direct",channel:this._formChannel,to:this._formChatId},s=this._formSessionTarget==="isolated"?{kind:"agentTurn",message:e,model:this._formModel}:{kind:"systemEvent",text:e},i={name:this._formName||void 0,schedule:this._formSchedule,message:e,sessionTarget:this._formSessionTarget,model:this._formSessionTarget==="isolated"?this._formModel:void 0,delivery:t};this._formMode==="edit"&&this._formJobId?await this._api.updateJob(this._formJobId,i):await this._api.addJob(this._formSchedule,e,i),this._closeForm(),await this._loadJobs(),await this._loadMetrics()}catch(e){this._error=e instanceof Error?e.message||r("cron.failedToJob",{mode:this._formMode}):r("cron.failedToJob",{mode:this._formMode})}finally{this._formSubmitting=!1}}async _openDetail(e){this._detailOpen=!0,this._detailJob=e,this._detailLoading=!0;try{const t=await this._api.getJob(e.id);t&&(this._detailJob=t,this._detailHistory=await this._api.getHistory(e.id,20))}catch(t){console.error("[CronManager] Load detail error:",t)}finally{this._detailLoading=!1}}_closeDetail(){this._detailOpen=!1,this._detailJob=null,this._detailHistory=[]}async _toggleJob(e,t){try{await this._api.toggleJob(e.id,t),await this._loadJobs(),await this._loadMetrics()}catch(s){this._error=s instanceof Error&&s.message||r("cron.failedToToggleJob")}}_showRunConfirm(e){this._confirmOpen=!0,this._confirmTitle=r("cron.runNow"),this._confirmMessage=r("cron.confirmRun"),this._confirmJobId=e.id,this._confirmAction="run"}_showDeleteConfirm(e){this._confirmOpen=!0,this._confirmTitle=r("cron.delete"),this._confirmMessage=r("cron.confirmDelete"),this._confirmJobId=e.id,this._confirmAction="delete"}_closeConfirm(){this._confirmOpen=!1,this._confirmTitle="",this._confirmMessage="",this._confirmJobId=null,this._confirmAction=null}_handleConfirm(e){e.detail.confirmed?this._executeConfirmAction():this._closeConfirm()}async _executeConfirmAction(){if(!this._confirmJobId||!this._confirmAction)return;const e=this._confirmJobId,t=this._confirmAction;this._closeConfirm();try{t==="run"?(await this._api.runJob(e),await this._loadJobs(),await this._loadMetrics()):t==="delete"&&(await this._api.removeJob(e),await this._loadJobs(),await this._loadMetrics())}catch(s){this._error=s instanceof Error&&s.message||r("cron.actionFailed")}}render(){return o`
-      <div class="cron-manager">
-        ${this._error?o`<div class="error-banner">${this._error}</div>`:""}
-
-        <!-- Header -->
-        <div class="cron-manager__header">
-          <h1 class="page-title">${d("clock")} ${r("cron.title")}</h1>
-          <div class="cron-manager__actions">
-            <button class="btn btn-secondary" @click=${this._loadJobs} ?disabled=${this._loading}>
-              ${d("refresh")} ${r("logs.refresh")}
-            </button>
-            <button class="btn btn-primary" @click=${()=>this._openForm()}>
-              ${d("plus")} ${r("cron.addJob")}
-            </button>
-          </div>
-        </div>
-
-        <!-- Stats -->
-        ${this._metrics?o`
-          <div class="cron-manager__stats">
-            <div class="stat-card" style="text-align: center;">
-              <div class="stat-value">${this._metrics.totalJobs}</div>
-              <div class="stat-label">${r("sessions.totalSessions")}</div>
-            </div>
-            <div class="stat-card" style="text-align: center;">
-              <div class="stat-value">${this._metrics.enabledJobs}</div>
-              <div class="stat-label">${r("cron.enabled")}</div>
-            </div>
-            <div class="stat-card" style="text-align: center;">
-              <div class="stat-value">${this._metrics.runningJobs}</div>
-              <div class="stat-label">${r("cron.running")}</div>
-            </div>
-            <div class="stat-card" style="text-align: center;">
-              <div class="stat-value" style="font-size: 0.875rem;">
-                ${this._metrics.nextScheduledJob?this._formatNextRun(this._metrics.nextScheduledJob.runAt):"N/A"}
-              </div>
-              <div class="stat-label">${r("cron.nextRun")}</div>
-            </div>
-          </div>
-        `:_}
-
-        <!-- Job List -->
-        <div class="session-list">
-          ${this._loading&&this._jobs.length===0?o`
-            <div class="session-list__loading-overlay">
-              <div class="spinner"></div>
-            </div>
-          `:this._jobs.length===0?o`
-            <div class="session-list session-list--empty">
-              <div class="empty-state">
-                <div class="empty-state__icon">${d("clock")}</div>
-                <div class="empty-state__title">No cron jobs yet</div>
-                <button class="btn btn-primary" @click=${this._openForm}>Create your first job</button>
-              </div>
-            </div>
-          `:o`
-            <div class="session-list__toolbar">
-              <div class="session-list__count">${this._jobs.length} job${this._jobs.length!==1?"s":""}</div>
-            </div>
-            <div class="session-list__content">
-              <table class="data-table">
-                <thead>
-                  <tr>
-                    <th>${r("cron.name")}</th>
-                    <th>${r("cron.scheduleLabel")}</th>
-                    <th>${r("cron.nextRun")}</th>
-                    <th>${r("cron.status")}</th>
-                    <th>${r("cron.actions")}</th>
-                  </tr>
-                </thead>
-                <tbody>
-                  ${this._jobs.map(e=>o`
-                    <tr>
-                      <td style="vertical-align: middle; text-align: center;">
-                        <button class="btn btn-link" @click=${()=>this._openDetail(e)}>
-                          ${e.name||e.id}
-                        </button>
-                      </td>
-                      <td style="vertical-align: middle; text-align: center;"><code>${e.schedule}</code></td>
-                      <td style="vertical-align: middle; text-align: center;">${e.next_run?this._formatNextRun(e.next_run):"-"}</td>
-                      <td style="vertical-align: middle; text-align: center;">
-                        <label class="toggle">
-                          <input 
-                            type="checkbox" 
-                            ?checked=${e.enabled}
-                            @change=${t=>this._toggleJob(e,t.target.checked)}
-                          />
-                          <span class="toggle__slider"></span>
-                        </label>
-                      </td>
-                      <td style="vertical-align: middle; text-align: center;">
-                        <div class="action-buttons">
-                          <button class="btn btn-icon btn-secondary" title="Edit" @click=${()=>this._openForm(e)}>
-                            ${d("edit")}
-                          </button>
-                          <button class="btn btn-icon btn-secondary" title="${r("cron.runNow")}" @click=${()=>this._showRunConfirm(e)}>
-                            ${d("play")}
-                          </button>
-                          <button class="btn btn-icon btn-danger" title="${r("cron.delete")}" @click=${()=>this._showDeleteConfirm(e)}>
-                            ${d("trash")}
-                          </button>
-                        </div>
-                      </td>
-                    </tr>
-                  `)}
-                </tbody>
-              </table>
-            </div>
-          `}
-        </div>
-      </div>
-
-      <!-- Add/Edit Job Form Modal -->
-      ${this._formOpen?o`
-        <div class="modal-backdrop" @click=${this._closeForm}>
-          <div class="modal modal--form" @click=${e=>e.stopPropagation()}>
-            <div class="modal__header">
-              <h2 class="modal__title">${this._formMode==="edit"?r("cron.editJob"):r("cron.addJob")}</h2>
-              <button class="btn-icon" @click=${this._closeForm}>${d("x")}</button>
-            </div>
-            <div class="modal__content">
-              <div class="form-field">
-                <label class="form-field__label">${r("cron.name")}</label>
-                <input
-                  type="text"
-                  class="form-field__input"
-                  .value=${this._formName??""}
-                  @input=${e=>this._formName=e.target.value}
-                  placeholder="${r("cron.namePlaceholder")??"My scheduled task"}"
-                />
-              </div>
-              <div class="form-field">
-                <label class="form-field__label">${r("cron.schedule")}</label>
-                <div style="display: flex; gap: 0.5rem; align-items: center;">
-                  <input
-                    type="text"
-                    class="form-field__input"
-                    style="flex: 2; min-width: 0;"
-                    .value=${this._formSchedule??"*/5 * * * *"}
-                    @input=${e=>this._formSchedule=e.target.value}
-                    placeholder="*/5 * * * *"
-                  />
-                  <select
-                    class="form-field__select"
-                    style="flex: 1; min-width: 0;"
-                    .value=${this._formSchedule??"*/5 * * * *"}
-                    @change=${e=>{const t=e.target.value;t&&(this._formSchedule=t)}}
-                  >
-                    <option value="">${r("cron.schedulePresets.custom")}</option>
-                    <option value="*/1 * * * *">${r("cron.schedulePresets.everyMinute")}</option>
-                    <option value="*/5 * * * *">${r("cron.schedulePresets.every5Minutes")}</option>
-                    <option value="*/10 * * * *">${r("cron.schedulePresets.every10Minutes")}</option>
-                    <option value="*/15 * * * *">${r("cron.schedulePresets.every15Minutes")}</option>
-                    <option value="*/30 * * * *">${r("cron.schedulePresets.every30Minutes")}</option>
-                    <option value="0 * * * *">${r("cron.schedulePresets.everyHour")}</option>
-                    <option value="0 */2 * * *">${r("cron.schedulePresets.every2Hours")}</option>
-                    <option value="0 */4 * * *">${r("cron.schedulePresets.every4Hours")}</option>
-                    <option value="0 */6 * * *">${r("cron.schedulePresets.every6Hours")}</option>
-                    <option value="0 */12 * * *">${r("cron.schedulePresets.every12Hours")}</option>
-                    <option value="0 0 * * *">${r("cron.schedulePresets.everyDayMidnight")}</option>
-                    <option value="0 9 * * *">${r("cron.schedulePresets.everyDay9AM")}</option>
-                    <option value="0 21 * * *">${r("cron.schedulePresets.everyDay9PM")}</option>
-                  </select>
-                </div>
-                <p class="form-field__hint">
-                  ${r("cron.scheduleHintPreset")}
-                </p>
-              </div>
-              <div class="form-field">
-                <label class="form-field__label">${r("cron.mode")}</label>
-                <select
-                  class="form-field__select"
-                  .value=${this._formSessionTarget??"main"}
-                  @change=${e=>this._formSessionTarget=e.target.value}
-                >
-                  <option value="main">${r("cron.modeDirectOption")||"Direct (send message directly)"}</option>
-                  <option value="isolated">${r("cron.modeAgentOption")||"AI Agent (process with AI then send)"}</option>
-                </select>
-                <p class="form-field__hint">
-                  ${this._formSessionTarget==="main"?r("cron.modeDirect"):r("cron.modeAgent")}
-                </p>
-              </div>
-              ${this._formSessionTarget==="isolated"?o`
-                <div class="form-field">
-                  <label class="form-field__label">${r("cron.model")}</label>
-                  <select
-                    class="form-field__select"
-                    .value=${this._formModel??""}
-                    @change=${e=>this._formModel=e.target.value}
-                  >
-                    ${this._availableModels.length>0?this._availableModels.map(e=>o`
-                      <option value=${e.id}>${e.name} (${e.provider})</option>
-                    `):o`
-                      <option value="">${r("cron.noConfiguredModels")}</option>
-                    `}
-                  </select>
-                </div>
-              `:_}
-              <div class="form-field">
-                <label class="form-field__label">Channel</label>
-                <select
-                  class="form-field__select"
-                  .value=${this._formChannel??"telegram"}
-                  @change=${e=>{this._formChannel=e.target.value,this._loadSessionChatIds(),this._formChatId=""}}
-                >
-                  ${this._channels.map(e=>o`
-                    <option value=${e.name} ?disabled=${!e.enabled}>
-                      ${e.name} ${e.enabled?"":"(disabled)"}
-                    </option>
-                  `)}
-                </select>
-              </div>
-              <div class="form-field">
-                <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.5rem;">
-                  <label class="form-field__label" style="margin: 0;">Chat ID *</label>
-                  <button 
-                    type="button" 
-                    class="btn btn-secondary btn-sm" 
-                    @click=${()=>this._loadSessionChatIds()}
-                    title="Refresh chat list"
-                    style="padding: 0.25rem 0.5rem; font-size: 0.75rem;"
-                  >
-                    ${d("refresh")} Refresh
-                  </button>
-                </div>
-                <div style="display: flex; gap: 0.5rem; align-items: center;">
-                  <input
-                    type="text"
-                    class="form-field__input"
-                    style="flex: 2; min-width: 0;"
-                    .value=${this._formChatId??""}
-                    @input=${e=>this._formChatId=e.target.value}
-                    placeholder="e.g., 123456789"
-                  />
-                  <select
-                    class="form-field__select"
-                    style="flex: 1; min-width: 0;"
-                    .value=${this._formChatId??""}
-                    @change=${e=>{const t=e.target.value;t&&(this._formChatId=t)}}
-                  >
-                    <option value="">-- Select --</option>
-                    ${this._sessionChatIds.length>0?this._sessionChatIds.map(e=>o`
-                      <option value=${e.chatId}>
-                        ${e.channel}: ${e.chatId} (${this._formatLastActive(e.lastActive)})
-                      </option>
-                    `):o`
-                      <option value="" disabled>No recent chats</option>
-                    `}
-                  </select>
-                </div>
-                <p class="form-field__hint">
-                  ${this._sessionChatIds.length>0?r("cron.enterManuallyOrSelect"):r("cron.noRecentChats")}
-                </p>
-              </div>
-              <div class="form-field">
-                <label class="form-field__label">${r("cron.message")}</label>
-                <textarea 
-                  class="form-field__textarea"
-                  .value=${this._formMessage??""}
-                  @input=${e=>this._formMessage=e.target.value}
-                  placeholder="${r("cron.messagePlaceholder")??"What should the assistant do?"}"
-                  rows="4"
-                ></textarea>
-              </div>
-            </div>
-            <div class="modal__actions">
-              <button class="btn btn-secondary" @click=${this._closeForm}>${r("common.cancel")}</button>
-              <button 
-                class="btn btn-primary" 
-                @click=${this._submitForm}
-                ?disabled=${this._formSubmitting||!this._formSchedule||!this._formChatId||!this._formMessage}
-              >
-                ${this._formSubmitting?r("common.loading"):this._formMode==="edit"?r("cron.save"):r("cron.create")}
-              </button>
-            </div>
-          </div>
-        </div>
-      `:_}
-
-      <!-- Detail Drawer -->
-      ${this._detailOpen?o`
-        <div class="drawer-backdrop" @click=${this._closeDetail}>
-          <div class="drawer drawer--open" @click=${e=>e.stopPropagation()}>
-            <div class="drawer-header">
-              <div class="drawer-header__info">
-                <div class="drawer-header__title">${this._detailJob?.name||this._detailJob?.id}</div>
-              </div>
-              <button class="btn-icon" @click=${this._closeDetail}>${d("x")}</button>
-            </div>
-            <div class="drawer-content ${this._detailLoading?"drawer-content--loading":""}">
-              ${this._detailLoading?o`
-                <div class="spinner"></div>
-              `:o`
-                <div class="session-detail">
-                  <div class="session-detail__row">
-                    <span class="session-detail__label">${r("cron.scheduleLabel")}</span>
-                    <code>${this._detailJob?.schedule}</code>
-                  </div>
-                  <div class="session-detail__row">
-                    <span class="session-detail__label">${r("cron.messageLabel")}</span>
-                    <span>${this._detailJob?.message}</span>
-                  </div>
-                  <div class="session-detail__row">
-                    <span class="session-detail__label">${r("cron.status")}</span>
-                    <span>${this._detailJob?.enabled?r("cron.enabled"):r("cron.disabled")}</span>
-                  </div>
-                  <div class="session-detail__row">
-                    <span class="session-detail__label">${r("cron.nextRun")}</span>
-                    <span>${this._detailJob?.next_run?this._formatNextRun(this._detailJob.next_run):"N/A"}</span>
-                  </div>
-                </div>
-              `}
-            </div>
-          </div>
-        </div>
-      `:_}
-
-      <!-- Confirm Dialog -->
-      <confirm-dialog
-        .open=${this._confirmOpen}
-        .title=${this._confirmTitle}
-        .message=${this._confirmMessage}
-        .confirmText=${this._confirmAction==="delete"?r("cron.delete"):r("cron.runNow")}
-        .cancelText=${r("common.cancel")}
-        .type=${this._confirmAction==="delete"?"danger":"warning"}
-        @confirm=${this._handleConfirm}
-      ></confirm-dialog>
-    `}_formatNextRun(e){const t=typeof e=="string"?new Date(e):e,s=new Date,i=t.getTime()-s.getTime();if(i<0)return r("cron.timeLabels.overdue");if(i<6e4)return r("cron.timeLabels.lessThanMinute");if(i<36e5){const n=Math.floor(i/6e4);return r("cron.timeLabels.minutes",{count:n})}if(i<864e5){const n=Math.floor(i/36e5);return r("cron.timeLabels.hours",{count:n})}return t.toLocaleString()}_formatLastActive(e){const t=new Date(e),i=new Date().getTime()-t.getTime();if(i<0||i<6e4)return r("cron.lastActiveLabels.justNow");if(i<36e5){const n=Math.floor(i/6e4);return r("cron.lastActiveLabels.minutesAgo",{count:n})}if(i<864e5){const n=Math.floor(i/36e5);return r("cron.lastActiveLabels.hoursAgo",{count:n})}if(i<6048e5){const n=Math.floor(i/864e5);return r("cron.lastActiveLabels.daysAgo",{count:n})}return t.toLocaleDateString()}_formatTime(e){return new Date(e).toLocaleString()}};v([u({attribute:!1})],m.prototype,"config",2);v([c()],m.prototype,"_jobs",2);v([c()],m.prototype,"_metrics",2);v([c()],m.prototype,"_channels",2);v([c()],m.prototype,"_availableModels",2);v([c()],m.prototype,"_defaultModel",2);v([c()],m.prototype,"_sessionChatIds",2);v([c()],m.prototype,"_loading",2);v([c()],m.prototype,"_error",2);v([c()],m.prototype,"_formOpen",2);v([c()],m.prototype,"_formMode",2);v([c()],m.prototype,"_formJobId",2);v([c()],m.prototype,"_formName",2);v([c()],m.prototype,"_formSchedule",2);v([c()],m.prototype,"_formChannel",2);v([c()],m.prototype,"_formChatId",2);v([c()],m.prototype,"_formMessage",2);v([c()],m.prototype,"_formSessionTarget",2);v([c()],m.prototype,"_formModel",2);v([c()],m.prototype,"_formSubmitting",2);v([c()],m.prototype,"_detailOpen",2);v([c()],m.prototype,"_detailJob",2);v([c()],m.prototype,"_detailHistory",2);v([c()],m.prototype,"_detailLoading",2);v([c()],m.prototype,"_confirmOpen",2);v([c()],m.prototype,"_confirmTitle",2);v([c()],m.prototype,"_confirmMessage",2);v([c()],m.prototype,"_confirmJobId",2);v([c()],m.prototype,"_confirmAction",2);m=v([k("cron-manager")],m);const ci=["trace","debug","info","warn","error","fatal"],be={trace:"#9ca3af",debug:"#6b7280",info:"#3b82f6",warn:"#f59e0b",error:"#ef4444",fatal:"#dc2626"};class hi{constructor(t,s){this.baseUrl=t.replace(/\/$/,""),this.token=s}async request(t,s,i){const n={"Content-Type":"application/json"};this.token&&(n.Authorization=`Bearer ${this.token}`);const a=await fetch(`${this.baseUrl}${s}`,{method:t,headers:n,body:i?JSON.stringify(i):void 0});if(!a.ok){const l=await a.json().catch(()=>({error:"Request failed"}));throw new Error(l.error||`HTTP ${a.status}`)}return a.json()}async queryLogs(t){const s=new URLSearchParams;t?.level?.length&&s.set("level",t.level.join(",")),t?.from&&s.set("from",t.from),t?.to&&s.set("to",t.to),t?.q&&s.set("q",t.q),t?.module&&s.set("module",t.module),t?.limit&&s.set("limit",String(t.limit)),t?.offset&&s.set("offset",String(t.offset));const i=s.toString(),n=`/api/logs${i?`?${i}`:""}`;return await this.request("GET",n)}async getLogFiles(){return(await this.request("GET","/api/logs/files")).files||[]}async getLogStats(){return await this.request("GET","/api/logs/stats")}async getLogLevels(){return(await this.request("GET","/api/logs/levels")).levels||[]}async getLogModules(){return(await this.request("GET","/api/logs/modules")).modules||[]}async getLogDir(){return(await this.request("GET","/api/logs/dir")).dir}}var di=Object.defineProperty,pi=Object.getOwnPropertyDescriptor,C=(e,t,s,i)=>{for(var n=i>1?void 0:i?pi(t,s):t,a=e.length-1,l;a>=0;a--)(l=e[a])&&(n=(i?l(t,s,n):l(n))||n);return i&&n&&di(t,s,n),n};let $=class extends y{constructor(){super(...arguments),this._logs=[],this._loading=!1,this._hasMore=!1,this._files=[],this._modules=[],this._showFilesPanel=!1,this._selectedLevels=new Set,this._searchQuery="",this._selectedModule="",this._dateFrom="",this._dateTo="",this._offset=0,this._error=null,this._selectedLog=null,this._autoRefresh=!1,this._limit=50,this._initialized=!1,this._debouncedSearch=this._debounce(()=>{this._loadLogs(!0)},300)}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this._tryInitialize()}willUpdate(e){super.willUpdate(e),e.has("config")&&this._tryInitialize()}disconnectedCallback(){super.disconnectedCallback(),this._stopAutoRefresh()}firstUpdated(){this._tryInitialize()}_tryInitialize(){if(this._initialized)return;const e=window.location.origin;this._api=new hi(e,this.config?.token),this._initialized=!0,this._loadLogs(),this._loadFiles(),this._loadModules()}async _loadLogs(e=!1){if(!this._loading){this._loading=!0,this._error=null,e&&(this._offset=0,this._logs=[]);try{const t={level:this._selectedLevels.size>0?Array.from(this._selectedLevels):void 0,from:this._dateFrom||void 0,to:this._dateTo||void 0,q:this._searchQuery||void 0,module:this._selectedModule||void 0,limit:this._limit,offset:this._offset},s=await this._api.queryLogs(t);e?this._logs=s.logs:this._logs=[...this._logs,...s.logs],console.log("[LogManager] Total logs in state:",this._logs.length),this._hasMore=s.logs.length===this._limit,this._offset=this._offset+s.logs.length}catch(t){this._error=t instanceof Error?t.message:"Failed to load logs",console.error("[LogManager] Load error:",t)}finally{this._loading=!1}}}async _loadFiles(){try{this._files=await this._api.getLogFiles()}catch(e){console.error("[LogManager] Files error:",e)}}async _loadModules(){try{this._modules=await this._api.getLogModules()}catch(e){console.error("[LogManager] Modules error:",e)}}_toggleLevel(e){this._selectedLevels.has(e)?this._selectedLevels.delete(e):this._selectedLevels.add(e),this._selectedLevels=new Set(this._selectedLevels),this._loadLogs(!0)}_handleSearch(e){const t=e.target;this._searchQuery=t.value,this._debouncedSearch()}_debounce(e,t){let s;return()=>{clearTimeout(s),s=setTimeout(e,t)}}_handleModuleChange(e){const t=e.target;this._selectedModule=t.value,this._loadLogs(!0)}_handleDateFromChange(e){const t=e.target;this._dateFrom=t.value,this._loadLogs(!0)}_handleDateToChange(e){const t=e.target;this._dateTo=t.value,this._loadLogs(!0)}_clearFilters(){this._selectedLevels.clear(),this._selectedLevels=new Set,this._searchQuery="",this._selectedModule="",this._dateFrom="",this._dateTo="",this._loadLogs(!0)}_selectLog(e){this._selectedLog=e}_closeDetail(){this._selectedLog=null}_toggleAutoRefresh(){this._autoRefresh=!this._autoRefresh,this._autoRefresh?this._startAutoRefresh():this._stopAutoRefresh()}_startAutoRefresh(){this._refreshInterval=window.setInterval(()=>{this._loadLogs(!0)},5e3)}_stopAutoRefresh(){this._refreshInterval&&(clearInterval(this._refreshInterval),this._refreshInterval=void 0)}_handleLoadMore(){this._loadLogs()}_formatTimestamp(e){try{return new Date(e).toLocaleString([],{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"})}catch{return e}}_formatFileSize(e){return e<1024?`${e} B`:e<1024*1024?`${(e/1024).toFixed(1)} KB`:`${(e/(1024*1024)).toFixed(1)} MB`}render(){return o`
-      <div class="log-manager">
-        ${this._renderHeader()}
-        <div class="log-manager__main">
-          ${this._renderFilters()}
-          ${this._renderLogTable()}
-          ${this._renderFilesPanel()}
-        </div>
-        ${this._error?o`<div class="error-banner">${this._error}</div>`:""}
-      </div>
-
-      ${this._selectedLog?this._renderDetailDrawer():""}
-    `}_renderHeader(){return o`
-      <div class="log-manager__header">
-        <div class="log-manager__title">
-          <span class="title-icon">${d("fileText")}</span>
-          <div class="title-text">
-            <h1>${r("logs.title")}</h1>
-            <span class="title-subtitle">System logs and diagnostics</span>
-          </div>
-        </div>
-        <div class="log-manager__actions">
-          <button
-            class="btn-icon"
-            @click=${this._toggleFilesPanel}
-            title="Toggle log files"
-          >
-            ${d("folder")}
-            ${this._files.length>0?o`<span class="badge">${this._files.length}</span>`:""}
-          </button>
-          <button
-            class="btn-icon ${this._autoRefresh?"btn-icon--active":""}"
-            @click=${this._toggleAutoRefresh}
-            title=${this._autoRefresh?r("logs.pause"):r("logs.autoRefresh")}
-          >
-            ${d(this._autoRefresh?"pause":"play")}
-          </button>
-          <button
-            class="btn-icon"
-            @click=${()=>this._loadLogs(!0)}
-            title=${r("logs.refresh")}
-          >
-            ${d("refreshCw")}
-          </button>
-        </div>
-      </div>
-    `}_renderFilters(){return o`
-      <div class="log-manager__filters">
-        <div class="log-manager__filters-row">
-          <div class="filter-group">
-            <label class="filter-label">${r("logs.level")}</label>
-            <div class="level-filters">
-              ${ci.map(e=>o`
-                <button
-                  class="level-badge ${this._selectedLevels.has(e)?"level-badge--active":""}"
-                  style="--level-color: ${be[e]}"
-                  @click=${()=>this._toggleLevel(e)}
-                >
-                  ${e}
-                </button>
-              `)}
-            </div>
-          </div>
-
-          <div class="filter-group">
-            <label class="filter-label">${r("logs.search")}</label>
-            <div class="search-box">
-              ${d("search")}
-              <input
-                type="text"
-                placeholder="${r("logs.searchPlaceholder")}"
-                .value=${this._searchQuery}
-                @input=${this._handleSearch}
-              />
-            </div>
-          </div>
-        </div>
-
-        <div class="filter-row">
-          <div class="filter-group">
-            <label class="filter-label">Module</label>
-            <select @change=${this._handleModuleChange}>
-              <option value="">All modules</option>
-              ${this._modules.map(e=>o`<option value="${e}">${e}</option>`)}
-            </select>
-          </div>
-
-          <div class="filter-group">
-            <label class="filter-label">From</label>
-            <input
-              type="datetime-local"
-              .value=${this._dateFrom}
-              @input=${this._handleDateFromChange}
-            />
-          </div>
-
-          <div class="filter-group">
-            <label class="filter-label">To</label>
-            <input
-              type="datetime-local"
-              .value=${this._dateTo}
-              @input=${this._handleDateToChange}
-            />
-          </div>
-
-          <button class="btn btn-ghost" @click=${this._clearFilters}>
-            ${d("x")}
-            Clear
-          </button>
-        </div>
-      </div>
-    `}_renderLogTable(){return this._loading&&this._logs.length===0?this._renderLoading():this._logs.length===0?o`
-        <div class="log-manager__empty">
-          <div class="empty-state">
-            <div class="empty-state__icon">${d("fileText")}</div>
-            <div class="empty-state__title">${r("logs.noLogs")}</div>
-            <div class="empty-state__description">
-              ${r("logs.noLogsDescription")}
-            </div>
-          </div>
-        </div>
-      `:o`
-      <div class="log-table-container">
-        <table class="log-table">
-          <thead>
-            <tr>
-              <th>${r("logs.time")}</th>
-              <th>${r("logs.level")}</th>
-              <th>${r("logs.module")}</th>
-              <th>${r("logs.message")}</th>
-            </tr>
-          </thead>
-          <tbody>
-            ${this._logs.length===0?o`
-              <tr>
-                <td colspan="4" style="padding: 2rem; text-align: center; color: var(--text-muted);">
-                  No logs to display
-                </td>
-              </tr>
-            `:this._logs.map(e=>o`
-                <tr class="log-row log-row--${e.level||"info"}" @click=${()=>this._selectLog(e)}>
-                  <td class="log-cell log-cell--time">${this._formatTimestamp(e.timestamp)}</td>
-                  <td class="log-cell log-cell--level">
-                    <span
-                      class="level-badge level-badge--small"
-                      style="--level-color: ${be[e.level]||be.info}"
-                    >
-                      ${e.level||"info"}
-                    </span>
-                  </td>
-                  <td class="log-cell log-cell--module">${e.module||e.prefix||e.service||"-"}</td>
-                  <td class="log-cell log-cell--message">${e.message||JSON.stringify(e)}</td>
-                </tr>
-            `)}
-          </tbody>
-        </table>
-
-        ${this._hasMore?o`
-          <div class="log-table__load-more">
-            <button class="btn btn-secondary" @click=${this._handleLoadMore} ?disabled=${this._loading}>
-              ${this._loading?o`<span class="spinner"></span>`:d("chevronDown")}
-              Load More
-            </button>
-          </div>
-        `:""}
-      </div>
-    `}_toggleFilesPanel(){this._showFilesPanel=!this._showFilesPanel}_renderFilesPanel(){return o`
-      ${this._showFilesPanel?o`
-        <div class="drawer-overlay" @click=${this._toggleFilesPanel}></div>
-      `:""}
-      <div class="files-panel ${this._showFilesPanel?"files-panel--open":""}">
-        <div class="files-panel__header">
-          <span class="files-panel__title">
-            ${d("folder")}
-            Log Files
-          </span>
-          <button class="btn btn-icon" @click=${this._toggleFilesPanel}>
-            ${d("x")}
-          </button>
-        </div>
-        <div class="files-panel__content">
-          ${this._files.length===0?o`
-            <div class="files-panel__empty">No log files found</div>
-          `:o`
-            <div class="file-list">
-              ${this._files.map(e=>o`
-                <div class="file-item">
-                  <span class="file-name">${d("file")}${e.name}</span>
-                  <span class="file-meta">
-                    <span class="file-size">${this._formatFileSize(e.size)}</span>
-                    <span class="file-time">${this._formatTimestamp(e.modified)}</span>
-                  </span>
-                </div>
-              `)}
-            </div>
-          `}
-        </div>
-      </div>
-    `}_renderDetailDrawer(){if(!this._selectedLog)return"";const e=this._selectedLog;return o`
-      <div class="drawer-overlay" @click=${this._closeDetail}></div>
-      <div class="drawer drawer--right">
-        <div class="drawer-header">
-          <h3 class="drawer-header__title">${r("logs.details")}</h3>
-          <button class="btn btn-icon" @click=${this._closeDetail}>${d("x")}</button>
-        </div>
-        <div class="drawer__content">
-          <div class="log-detail">
-            <div class="log-detail__field">
-              <label>${r("logs.time")}</label>
-              <code>${e.timestamp}</code>
-            </div>
-            <div class="log-detail__field">
-              <label>${r("logs.level")}</label>
-              <span
-                class="level-badge"
-                style="--level-color: ${be[e.level]}"
-              >
-                ${e.level}
-              </span>
-            </div>
-            <div class="log-detail__field">
-              <label>${r("logs.module")}</label>
-              <code>${e.module}</code>
-            </div>
-            <div class="log-detail__field">
-              <label>${r("logs.message")}</label>
-              <pre class="log-detail__message">${e.message}</pre>
-            </div>
-            ${e.meta?o`
-              <div class="log-detail__field">
-                <label>Metadata</label>
-                <pre class="log-detail__meta">${JSON.stringify(e.meta,null,2)}</pre>
-              </div>
-            `:""}
-          </div>
-        </div>
-      </div>
-    `}_renderLoading(){return o`
-      <div class="log-manager__loading">
-        <div class="skeleton-table">
-          ${Array.from({length:10}).map(()=>o`
-            <div class="skeleton-row">
-              <div class="skeleton skeleton--time"></div>
-              <div class="skeleton skeleton--level"></div>
-              <div class="skeleton skeleton--module"></div>
-              <div class="skeleton skeleton--message"></div>
-            </div>
-          `)}
-        </div>
-      </div>
-    `}};C([u({attribute:!1})],$.prototype,"config",2);C([c()],$.prototype,"_logs",2);C([c()],$.prototype,"_loading",2);C([c()],$.prototype,"_hasMore",2);C([c()],$.prototype,"_files",2);C([c()],$.prototype,"_modules",2);C([c()],$.prototype,"_showFilesPanel",2);C([c()],$.prototype,"_selectedLevels",2);C([c()],$.prototype,"_searchQuery",2);C([c()],$.prototype,"_selectedModule",2);C([c()],$.prototype,"_dateFrom",2);C([c()],$.prototype,"_dateTo",2);C([c()],$.prototype,"_offset",2);C([c()],$.prototype,"_error",2);C([c()],$.prototype,"_selectedLog",2);C([c()],$.prototype,"_autoRefresh",2);C([c()],$.prototype,"_refreshInterval",2);$=C([k("log-manager")],$);var ui=Object.defineProperty,gi=Object.getOwnPropertyDescriptor,P=(e,t,s,i)=>{for(var n=i>1?void 0:i?gi(t,s):t,a=e.length-1,l;a>=0;a--)(l=e[a])&&(n=(i?l(t,s,n):l(n))||n);return i&&n&&ui(t,s,n),n};let E=class extends y{constructor(){super(...arguments),this._activeSection="agent",this._loading=!1,this._saving=!1,this._refreshingToken=!1,this._serverToken=null,this._showToken=!1,this._dirtyFields=new Set,this._errors=new Map,this._saveSuccess=!1,this._models=[],this._values={model:"anthropic/claude-sonnet-4-5",maxTokens:8192,temperature:.7,maxToolIterations:20,telegramEnabled:!1,telegramToken:"",telegramApiRoot:"",telegramDebug:!1,telegramAllowFrom:"",whatsappEnabled:!1,whatsappBridgeUrl:"ws://localhost:3001",whatsappAllowFrom:"",gatewayToken:"",heartbeatEnabled:!0,heartbeatIntervalMs:6e4,openaiApiKey:"",anthropicApiKey:"",googleApiKey:"",qwenApiKey:"",kimiApiKey:"",minimaxApiKey:"",deepseekApiKey:"",grokApiKey:"",openrouterApiKey:"",workspace:"",theme:"system"},this._initialized=!1}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this._tryInitialize()}willUpdate(e){super.willUpdate(e),e.has("config")&&this._tryInitialize()}_tryInitialize(){this._initialized||(this._initialized=!0,this._loadSettings())}get _sections(){const e=this._models.map(t=>({value:t.id,label:`${t.provider}/${t.name}`}));return[{id:"agent",title:r("settings.sections.agent"),icon:"bot",fields:[{key:"model",label:r("settings.fields.model"),type:"select",description:r("settings.descriptionsFields.model"),options:e},{key:"workspace",label:r("settings.fields.workspace"),type:"text",description:r("settings.descriptionsFields.workspace"),placeholder:r("settings.placeholders.workspace")},{key:"maxTokens",label:r("settings.fields.maxTokens"),type:"number",description:r("settings.descriptionsFields.maxTokens"),validation:{min:256,max:128e3}},{key:"temperature",label:r("settings.fields.temperature"),type:"number",description:r("settings.descriptionsFields.temperature"),validation:{min:0,max:2}},{key:"maxToolIterations",label:r("settings.fields.maxToolIterations"),type:"number",description:r("settings.descriptionsFields.maxToolIterations"),validation:{min:1,max:100}}]},{id:"providers",title:r("settings.sections.providers"),icon:"cloud",fields:[{key:"openaiApiKey",label:r("settings.fields.openaiApiKey"),type:"password",description:r("settings.descriptionsFields.openaiApiKey"),placeholder:r("settings.placeholders.openaiApiKey")},{key:"anthropicApiKey",label:r("settings.fields.anthropicApiKey"),type:"password",description:r("settings.descriptionsFields.anthropicApiKey"),placeholder:r("settings.placeholders.anthropicApiKey")},{key:"googleApiKey",label:r("settings.fields.googleApiKey"),type:"password",description:r("settings.descriptionsFields.googleApiKey"),placeholder:r("settings.placeholders.googleApiKey")},{key:"qwenApiKey",label:r("settings.fields.qwenApiKey"),type:"password",description:r("settings.descriptionsFields.qwenApiKey"),placeholder:r("settings.placeholders.qwenApiKey")},{key:"kimiApiKey",label:r("settings.fields.kimiApiKey"),type:"password",description:r("settings.descriptionsFields.kimiApiKey"),placeholder:r("settings.placeholders.kimiApiKey")},{key:"minimaxApiKey",label:r("settings.fields.minimaxApiKey"),type:"password",description:r("settings.descriptionsFields.minimaxApiKey"),placeholder:r("settings.placeholders.minimaxApiKey")},{key:"deepseekApiKey",label:r("settings.fields.deepseekApiKey"),type:"password",description:r("settings.descriptionsFields.deepseekApiKey"),placeholder:r("settings.placeholders.deepseekApiKey")},{key:"openrouterApiKey",label:r("settings.fields.openrouterApiKey"),type:"password",description:r("settings.descriptionsFields.openrouterApiKey"),placeholder:r("settings.placeholders.openrouterApiKey")}]},{id:"channels",title:r("settings.sections.channels"),icon:"plug",fields:[{key:"telegramEnabled",label:r("settings.fields.telegramEnabled"),type:"boolean",description:r("settings.descriptionsFields.telegramEnabled")},...this._values.telegramEnabled?[{key:"telegramToken",label:r("settings.fields.telegramToken"),type:"password",description:r("settings.descriptionsFields.telegramToken"),placeholder:r("settings.placeholders.telegramToken")},{key:"telegramApiRoot",label:r("settings.fields.telegramApiRoot"),type:"text",description:r("settings.descriptionsFields.telegramApiRoot"),placeholder:r("settings.placeholders.telegramApiRoot")},{key:"telegramAllowFrom",label:r("settings.fields.telegramAllowFrom"),type:"text",description:r("settings.descriptionsFields.telegramAllowFrom"),placeholder:r("settings.placeholders.telegramAllowFrom")},{key:"telegramDebug",label:r("settings.fields.telegramDebug"),type:"boolean",description:r("settings.descriptionsFields.telegramDebug")}]:[],{key:"whatsappEnabled",label:r("settings.fields.whatsappEnabled"),type:"boolean",description:r("settings.descriptionsFields.whatsappEnabled")},...this._values.whatsappEnabled?[{key:"whatsappBridgeUrl",label:r("settings.fields.whatsappBridgeUrl"),type:"text",description:r("settings.descriptionsFields.whatsappBridgeUrl"),placeholder:r("settings.placeholders.whatsappBridgeUrl")},{key:"whatsappAllowFrom",label:r("settings.fields.whatsappAllowFrom"),type:"text",description:r("settings.descriptionsFields.whatsappAllowFrom"),placeholder:r("settings.placeholders.whatsappAllowFrom")}]:[]]},{id:"gateway",title:r("settings.sections.gateway"),icon:"globe",fields:[{key:"gatewayToken",label:r("settings.fields.gatewayToken"),type:"password",description:r("settings.descriptionsFields.gatewayToken"),placeholder:r("settings.placeholders.gatewayToken")},{key:"heartbeatEnabled",label:r("settings.fields.heartbeatEnabled"),type:"boolean",description:r("settings.descriptionsFields.heartbeatEnabled")},{key:"heartbeatIntervalMs",label:r("settings.fields.heartbeatIntervalMs"),type:"number",description:r("settings.descriptionsFields.heartbeatIntervalMs"),validation:{min:1e3,max:6e5}}]}]}async _loadSettings(){this._loading=!0;const e=window.location.origin,t=this.config?.token;try{await this._loadModels();const s=this._loadUiSettings();this._values.gatewayToken=s.token||"",await this._loadServerToken();const i=await fetch(`${e}/api/config`,{headers:t?{Authorization:`Bearer ${t}`}:{}});if(i.ok){const a=(await i.json()).payload?.config;if(a){let l=a.agents?.defaults?.model;l&&typeof l=="object"&&(l=l.primary||""),this._values={...this._values,model:l||"anthropic/claude-sonnet-4-5",workspace:a.agents?.defaults?.workspace||"",maxTokens:a.agents?.defaults?.maxTokens||8192,temperature:a.agents?.defaults?.temperature??.7,maxToolIterations:a.agents?.defaults?.maxToolIterations||20,openaiApiKey:a.providers?.openai?.apiKey||"",anthropicApiKey:a.providers?.anthropic?.apiKey||"",googleApiKey:a.providers?.google?.apiKey||"",qwenApiKey:a.providers?.qwen?.apiKey||"",kimiApiKey:a.providers?.kimi?.apiKey||"",minimaxApiKey:a.providers?.minimax?.apiKey||"",deepseekApiKey:a.providers?.deepseek?.apiKey||"",openrouterApiKey:a.providers?.openrouter?.apiKey||"",telegramEnabled:a.channels?.telegram?.enabled||!1,telegramToken:a.channels?.telegram?.token||"",telegramApiRoot:a.channels?.telegram?.apiRoot||"",telegramDebug:a.channels?.telegram?.debug||!1,telegramAllowFrom:(a.channels?.telegram?.allowFrom||[]).join(", "),whatsappEnabled:a.channels?.whatsapp?.enabled||!1,whatsappBridgeUrl:a.channels?.whatsapp?.bridgeUrl||"ws://localhost:3001",whatsappAllowFrom:(a.channels?.whatsapp?.allowFrom||[]).join(", "),heartbeatEnabled:a.gateway?.heartbeat?.enabled??!0,heartbeatIntervalMs:a.gateway?.heartbeat?.intervalMs||6e4}}}}catch(s){console.error("Failed to load settings:",s)}finally{this._loading=!1}}_loadUiSettings(){try{return{token:localStorage.getItem("xopcbot.token")||""}}catch{return{token:""}}}_saveUiSettings(e){try{localStorage.setItem("xopcbot.token",e)}catch(t){console.error("Failed to save UI settings:",t)}}async _loadServerToken(){try{const e=window.location.origin,t=this.config?.token,s=await fetch(`${e}/api/auth/token`,{headers:t?{Authorization:`Bearer ${t}`}:{}});if(s.ok){const i=await s.json();i.ok&&i.payload?.token&&(this._serverToken=i.payload.token)}}catch(e){console.error("Failed to load server token:",e)}}async _refreshServerToken(){this._refreshingToken=!0;try{const e=window.location.origin,t=this.config?.token,s=await fetch(`${e}/api/auth/token/refresh`,{method:"POST",headers:t?{Authorization:`Bearer ${t}`}:{}});if(s.ok){const i=await s.json();i.ok&&i.payload?.token&&(this._serverToken=i.payload.token,this._values.gatewayToken=i.payload.token,this._saveUiSettings(i.payload.token),this.requestUpdate(),alert("Token refreshed successfully! Please copy the new token and update any other clients."))}else{const i=await s.json();throw new Error(i.error||"Failed to refresh token")}}catch(e){console.error("Failed to refresh token:",e),alert(e instanceof Error?e.message:"Failed to refresh token")}finally{this._refreshingToken=!1,this.requestUpdate()}}async _loadModels(){try{const e=window.location.origin,t=this.config?.token,s=await fetch(`${e}/api/models`,{headers:t?{Authorization:`Bearer ${t}`}:{}});if(s.ok){const i=await s.json();i.payload?.models&&(this._models=i.payload.models)}}catch(e){console.error("Failed to load models:",e)}}async _saveSettings(){if(this._errors.size>0)return;this._saving=!0,this._saveSuccess=!1;const e=window.location.origin,t=this.config?.token,s={};(this._dirtyFields.has("model")||this._dirtyFields.has("maxTokens")||this._dirtyFields.has("temperature")||this._dirtyFields.has("maxToolIterations")||this._dirtyFields.has("workspace"))&&(s.agents={defaults:{}},this._dirtyFields.has("model")&&(s.agents.defaults.model=this._values.model),this._dirtyFields.has("workspace")&&(s.agents.defaults.workspace=this._values.workspace),this._dirtyFields.has("maxTokens")&&(s.agents.defaults.maxTokens=Number(this._values.maxTokens)),this._dirtyFields.has("temperature")&&(s.agents.defaults.temperature=Number(this._values.temperature)),this._dirtyFields.has("maxToolIterations")&&(s.agents.defaults.maxToolIterations=Number(this._values.maxToolIterations))),["openaiApiKey","anthropicApiKey","googleApiKey","qwenApiKey","kimiApiKey","minimaxApiKey","deepseekApiKey","openrouterApiKey"].filter(a=>this._dirtyFields.has(a)).length>0&&(s.providers={},this._dirtyFields.has("openaiApiKey")&&(s.providers.openai={apiKey:this._values.openaiApiKey}),this._dirtyFields.has("anthropicApiKey")&&(s.providers.anthropic={apiKey:this._values.anthropicApiKey}),this._dirtyFields.has("googleApiKey")&&(s.providers.google={apiKey:this._values.googleApiKey}),this._dirtyFields.has("qwenApiKey")&&(s.providers.qwen={apiKey:this._values.qwenApiKey}),this._dirtyFields.has("kimiApiKey")&&(s.providers.kimi={apiKey:this._values.kimiApiKey}),this._dirtyFields.has("minimaxApiKey")&&(s.providers.minimax={apiKey:this._values.minimaxApiKey}),this._dirtyFields.has("deepseekApiKey")&&(s.providers.deepseek={apiKey:this._values.deepseekApiKey}),this._dirtyFields.has("openrouterApiKey")&&(s.providers.openrouter={apiKey:this._values.openrouterApiKey})),(this._dirtyFields.has("telegramEnabled")||this._dirtyFields.has("whatsappEnabled")||this._dirtyFields.has("telegramToken")||this._dirtyFields.has("telegramApiRoot")||this._dirtyFields.has("telegramDebug")||this._dirtyFields.has("telegramAllowFrom")||this._dirtyFields.has("whatsappBridgeUrl")||this._dirtyFields.has("whatsappAllowFrom"))&&(s.channels={},(this._dirtyFields.has("telegramEnabled")||this._dirtyFields.has("telegramToken")||this._dirtyFields.has("telegramApiRoot")||this._dirtyFields.has("telegramDebug")||this._dirtyFields.has("telegramAllowFrom"))&&(s.channels={...s.channels,telegram:{}},this._dirtyFields.has("telegramEnabled")&&(s.channels.telegram.enabled=!!this._values.telegramEnabled),this._dirtyFields.has("telegramToken")&&(s.channels.telegram.token=this._values.telegramToken),this._dirtyFields.has("telegramApiRoot")&&(s.channels.telegram.apiRoot=this._values.telegramApiRoot||void 0),this._dirtyFields.has("telegramDebug")&&(s.channels.telegram.debug=!!this._values.telegramDebug),this._dirtyFields.has("telegramAllowFrom")&&(s.channels.telegram.allowFrom=this._values.telegramAllowFrom?this._values.telegramAllowFrom.split(",").map(a=>a.trim()).filter(a=>a):[])),(this._dirtyFields.has("whatsappEnabled")||this._dirtyFields.has("whatsappBridgeUrl")||this._dirtyFields.has("whatsappAllowFrom"))&&(s.channels={...s.channels,whatsapp:{}},this._dirtyFields.has("whatsappEnabled")&&(s.channels.whatsapp.enabled=!!this._values.whatsappEnabled),this._dirtyFields.has("whatsappBridgeUrl")&&(s.channels.whatsapp.bridgeUrl=this._values.whatsappBridgeUrl),this._dirtyFields.has("whatsappAllowFrom")&&(s.channels.whatsapp.allowFrom=this._values.whatsappAllowFrom?this._values.whatsappAllowFrom.split(",").map(a=>a.trim()).filter(a=>a):[]))),(this._dirtyFields.has("heartbeatEnabled")||this._dirtyFields.has("heartbeatIntervalMs"))&&(s.gateway={heartbeat:{}},this._dirtyFields.has("heartbeatEnabled")&&(s.gateway.heartbeat.enabled=!!this._values.heartbeatEnabled),this._dirtyFields.has("heartbeatIntervalMs")&&(s.gateway.heartbeat.intervalMs=Number(this._values.heartbeatIntervalMs)));try{const a=await fetch(`${e}/api/config`,{method:"PATCH",headers:{"Content-Type":"application/json",...t?{Authorization:`Bearer ${t}`}:{}},body:JSON.stringify(s)});if(!a.ok){const l=await a.json();throw new Error(l.error||"Failed to save settings")}this._dirtyFields.clear(),this._dirtyFields.has("gatewayToken")&&this._saveUiSettings(this._values.gatewayToken||""),this._saveSuccess=!0,setTimeout(()=>{this._saveSuccess=!1},3e3)}catch(a){console.error("Failed to save settings:",a),alert(a instanceof Error?a.message:"Failed to save settings")}finally{this._saving=!1}}_handleInput(e,t){this._values={...this._values,[e]:t},this._dirtyFields.add(e),this.requestUpdate()}render(){return o`
-      <div class="settings-page">
-        <div class="settings-sidebar">
-          <div class="sidebar-header">
-            <h3>${r("settings.title")}</h3>
-          </div>
-          <nav class="sidebar-nav">
-            ${this._sections.map(e=>o`
-              <button
-                class="nav-item ${this._activeSection===e.id?"active":""}"
-                @click=${()=>this._activeSection=e.id}
-              >
-                ${d(e.icon)}
-                <span>${e.title}</span>
-              </button>
-            `)}
-          </nav>
-        </div>
-
-        <div class="settings-main">
-          ${this._loading?o`
-            <div class="loading-state">
-              <div class="spinner"></div>
-              <p>${r("settings.loading")}</p>
-            </div>
-          `:this._renderSection()}
-        </div>
-
-        <!-- Save button floating -->
-        ${this._dirtyFields.size>0?o`
-          <div class="floating-save">
-            <span class="dirty-count">${r("settings.unsaved",{count:this._dirtyFields.size})}</span>
-            <button 
-              class="btn btn-primary"
-              ?disabled=${this._saving||this._errors.size>0}
-              @click=${this._saveSettings}
-            >
-              ${this._saving?o`
-                <span class="spinner-sm"></span>
-                ${r("settings.saving")}
-              `:o`
-                <span>${d("save")}</span>
-                ${r("settings.saveChanges")}
-              `}
-            </button>
-          </div>
-        `:""}
-      </div>
-    `}_renderSection(){const e=this._sections.find(s=>s.id===this._activeSection);if(!e)return o`<div>${r("settings.noSection")}</div>`;const t=`settings.descriptions.${e.id}`;return o`
-      <div class="section-content">
-        <div class="section-header">
-          <h2>${e.title}</h2>
-          <p class="section-desc">${r(t)}</p>
-        </div>
-
-        ${e.id==="gateway"?this._renderGatewaySection():""}
-
-        <div class="fields-grid">
-          ${e.fields.map(s=>this._renderField(s))}
-        </div>
-      </div>
-    `}_renderGatewaySection(){const e=this._serverToken?`${this._serverToken.slice(0,8)}...${this._serverToken.slice(-8)}`:"Not available";return o`
-      <div class="gateway-token-section" style="margin-bottom: 24px; padding: 16px; background: var(--muted); border-radius: 8px;">
-        <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px;">
-          <h4 style="margin: 0; font-size: 14px; font-weight: 600;">Server Authentication Token</h4>
-          <button
-            class="btn btn-sm btn-secondary"
-            ?disabled=${this._refreshingToken}
-            @click=${this._refreshServerToken}
-            style="display: flex; align-items: center; gap: 6px;"
-          >
-            ${this._refreshingToken?o`
-              <span class="spinner-sm"></span>
-              Refreshing...
-            `:o`
-              ${d("refreshCw")}
-              Refresh Token
-            `}
-          </button>
-        </div>
-        
-        <div style="display: flex; align-items: center; gap: 12px; margin-bottom: 8px;">
-          <code style="flex: 1; padding: 8px 12px; background: var(--background); border-radius: 4px; font-family: monospace; font-size: 13px; word-break: break-all;">
-            ${this._showToken?this._serverToken||"Not available":e}
-          </code>
-          <button
-            class="btn btn-icon"
-            @click=${()=>this._showToken=!this._showToken}
-            title=${this._showToken?"Hide token":"Show token"}
-          >
-            ${this._showToken?d("eyeOff"):d("eye")}
-          </button>
-          <button
-            class="btn btn-icon"
-            ?disabled=${!this._serverToken}
-            @click=${()=>{this._serverToken&&(navigator.clipboard.writeText(this._serverToken),alert("Token copied to clipboard!"))}}
-            title="Copy token"
-          >
-            ${d("copy")}
-          </button>
-        </div>
-        
-        <p style="margin: 0; font-size: 12px; color: var(--muted-foreground);">
-          This is the current server token. Click "Refresh Token" to generate a new one. 
-          After refreshing, copy the new token and update your client configuration.
-        </p>
-      </div>
-    `}_renderField(e){const t=this._values[e.key],s=this._errors.get(e.key);return o`
-      <div class="field-group ${s?"has-error":""}">
-        <div class="field-header">
-          <label class="field-label">${e.label}</label>
-          ${e.validation?.required?o`<span class="required-mark">*</span>`:""}
-        </div>
-        
-        ${e.description?o`<p class="field-desc">${e.description}</p>`:""}
-
-        ${e.type==="boolean"?this._renderBooleanField(e,t):""}
-        ${e.type==="select"?this._renderSelectField(e,t):""}
-        ${["text","password","number"].includes(e.type)?this._renderInputField(e,t):""}
-
-        ${s?o`
-          <div class="field-error">
-            <span>${s}</span>
-          </div>
-        `:""}
-      </div>
-    `}_renderInputField(e,t){return o`
-      <input
-        type=${e.type==="number"?"number":"text"}
-        class="text-input"
-        .value=${String(t??"")}
-        placeholder=${e.placeholder||""}
-        minlength=${e.validation?.min}
-        maxlength=${e.validation?.max}
-        min=${e.validation?.min}
-        max=${e.validation?.max}
-        @input=${s=>this._handleInput(e.key,s.target.value)}
-      />
-    `}_renderSelectField(e,t){return o`
-      <select
-        class="select-input"
-        .value=${String(t??"")}
-        @change=${s=>this._handleInput(e.key,s.target.value)}
-      >
-        ${e.options?.map(s=>o`
-          <option value=${s.value} ?selected=${t===s.value}>${s.label}</option>
-        `)}
-      </select>
-    `}_renderBooleanField(e,t){return o`
-      <label class="toggle-label">
-        <input
-          type="checkbox"
-          class="toggle-input"
-          .checked=${!!t}
-          @change=${s=>this._handleInput(e.key,s.target.checked)}
-        />
-        <span class="toggle-switch"></span>
-        <span class="toggle-text">${e.description||r("settings.enableFeature")}</span>
-      </label>
-    `}};P([u({attribute:!1})],E.prototype,"config",2);P([c()],E.prototype,"_activeSection",2);P([c()],E.prototype,"_loading",2);P([c()],E.prototype,"_saving",2);P([c()],E.prototype,"_refreshingToken",2);P([c()],E.prototype,"_serverToken",2);P([c()],E.prototype,"_showToken",2);P([c()],E.prototype,"_dirtyFields",2);P([c()],E.prototype,"_errors",2);P([c()],E.prototype,"_saveSuccess",2);P([c()],E.prototype,"_models",2);P([c()],E.prototype,"_values",2);E=P([k("settings-page")],E);var _i=Object.defineProperty,mi=Object.getOwnPropertyDescriptor,le=(e,t,s,i)=>{for(var n=i>1?void 0:i?mi(t,s):t,a=e.length-1,l;a>=0;a--)(l=e[a])&&(n=(i?l(t,s,n):l(n))||n);return i&&n&&_i(t,s,n),n};let X=class extends y{constructor(){super(...arguments),this._token="",this._showToken=!1,this._loading=!1,this._error=""}createRenderRoot(){return this}_handleSave(){if(!this._token.trim()){this._error="Please enter a token";return}this.config?.onSave(this._token.trim())}_handleKeydown(e){e.key==="Enter"&&this._handleSave()}render(){return o`
-      <div class="token-dialog-overlay" @click=${this._handleOverlayClick}>
-        <div class="token-dialog" @click=${e=>e.stopPropagation()}>
-          <div class="token-dialog-header">
-            <h3>🔐 Authentication Required</h3>
-            <p>Please enter your gateway authentication token to continue.</p>
-          </div>
-
-          <div class="token-dialog-body">
-            <div class="field-group">
-              <label class="field-label">Gateway URL</label>
-              <input
-                type="text"
-                class="text-input"
-                .value=${this.config?.serverUrl||""}
-                disabled
-              />
-            </div>
-
-            <div class="field-group">
-              <label class="field-label">Token</label>
-              <div class="token-input-wrapper">
-                <input
-                  type=${this._showToken?"text":"password"}
-                  class="text-input"
-                  .value=${this._token}
-                  placeholder="Enter your gateway token (e.g., ea4c67bf...)"
-                  @input=${e=>{this._token=e.target.value,this._error=""}}
-                  @keydown=${this._handleKeydown}
-                />
-                <button
-                  class="btn btn-icon toggle-visibility"
-                  @click=${()=>this._showToken=!this._showToken}
-                  title=${this._showToken?"Hide token":"Show token"}
-                >
-                  ${this._showToken?d("eyeOff"):d("eye")}
-                </button>
-              </div>
-              ${this._error?o`<span class="field-error">${this._error}</span>`:""}
-            </div>
-
-            <div class="token-hint">
-              <p>💡 <strong>How to get your token:</strong></p>
-              <ol>
-                <li>Run <code>xopcbot gateway token</code> in your terminal</li>
-                <li>Or run <code>xopcbot gateway token --generate</code> to create a new one</li>
-                <li>Copy the token and paste it here</li>
-              </ol>
-            </div>
-          </div>
-
-          <div class="token-dialog-footer">
-            <button
-              class="btn btn-primary"
-              ?disabled=${this._loading}
-              @click=${this._handleSave}
-            >
-              ${this._loading?o`
-                <span class="spinner-sm"></span>
-                Connecting...
-              `:o`
-                ${d("check")}
-                Connect
-              `}
-            </button>
-          </div>
-        </div>
-      </div>
-    `}_handleOverlayClick(e){this.config?.onCancel&&this.config.onCancel()}};le([u({attribute:!1})],X.prototype,"config",2);le([c()],X.prototype,"_token",2);le([c()],X.prototype,"_showToken",2);le([c()],X.prototype,"_loading",2);le([c()],X.prototype,"_error",2);X=le([k("token-dialog")],X);function vi(){return[{label:r("nav.chat"),tabs:["chat"]},{label:r("nav.management"),tabs:["sessions","cron","logs"]},{label:r("nav.settings"),tabs:["settings"]}]}function fi(e){return r(`nav.${e}`)}const yi={chat:"messageSquare",sessions:"folderOpen",cron:"clock",logs:"fileText",settings:"settings"};function wi(e){const t=e.replace(/^#\/?chat\/?/,"");if(!t||t==="/")return{type:"recent"};const s=t.replace(/^\/?/,"");return s==="new"?{type:"new"}:s&&s.length>0?{type:"session",sessionKey:decodeURIComponent(s)}:{type:"recent"}}function ot(e){switch(e.type){case"recent":return"#/chat";case"new":return"#/chat/new";case"session":return`#/chat/${encodeURIComponent(e.sessionKey)}`}}function bi(e,t,s){const i=yi[e],n=fi(e);return o`
-    <button 
-      class="nav-item ${t?"nav-item--active":""}"
-      @click=${s}
-      role="tab"
-      aria-selected=${t}
-    >
-      <span class="nav-item__icon">${d(i)}</span>
-      <span class="nav-item__text">${n}</span>
-    </button>
-  `}const yt="xopcbot.token",wt="xopcbot.theme",bt="xopcbot.language";function z(){try{return localStorage.getItem(yt)||""}catch{return""}}function at(e){try{localStorage.setItem(yt,e)}catch(t){console.error("Failed to save token:",t)}}function $i(){try{const e=localStorage.getItem(wt);return e==="light"||e==="dark"||e==="system"?e:"system"}catch{return"system"}}function ki(e){try{localStorage.setItem(wt,e)}catch(t){console.error("Failed to save theme:",t)}}function xi(){try{const e=localStorage.getItem(bt);return e==="en"||e==="zh"?e:"en"}catch{return"en"}}function Si(e){try{localStorage.setItem(bt,e)}catch(t){console.error("Failed to save language:",t)}}var Ai=Object.defineProperty,Ci=Object.getOwnPropertyDescriptor,O=(e,t,s,i)=>{for(var n=i>1?void 0:i?Ci(t,s):t,a=e.length-1,l;a>=0;a--)(l=e[a])&&(n=(i?l(t,s,n):l(n))||n);return i&&n&&Ai(t,s,n),n};let L=class extends y{constructor(){super(),this._gatewayConfig={url:window.location.origin,token:z()||void 0},this._activeTab="chat",this._navCollapsed=!1,this._navMobileOpen=!1,this._theme="system",this._language="en",this._chatRoute={type:"recent"},this._showTokenDialog=!1}get gatewayConfig(){return this._gatewayConfig}set gatewayConfig(e){this._gatewayConfig=e||{url:window.location.origin}}_initializeToken(){const t=new URLSearchParams(window.location.search).get("token");if(t){at(t);const i=window.location.pathname+window.location.hash;window.history.replaceState({},"",i)}const s=z();this._gatewayConfig={url:window.location.origin,token:s||void 0},this._showTokenDialog=!s}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this._initializeToken(),this._loadTheme(),this._loadLanguage(),this._loadRouteFromHash(),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",()=>{this._theme==="system"&&this._applyTheme()}),window.addEventListener("languagechange",()=>{this.requestUpdate()}),window.addEventListener("hashchange",()=>{this._loadRouteFromHash()})}_loadRouteFromHash(){const e=location.hash.slice(1);if(e.startsWith("chat")){const i=wi(e);i&&(this._activeTab!=="chat"&&(this._activeTab="chat"),JSON.stringify(this._chatRoute)!==JSON.stringify(i)&&(this._chatRoute=i));return}const t=e;["sessions","cron","logs","settings"].includes(t)&&this._activeTab!==t&&(this._activeTab=t)}_switchTab(e){this._activeTab=e;let t;e==="chat"?t=ot(this._chatRoute):t=`#${e}`,location.hash!==t&&history.pushState(null,"",t),this._navMobileOpen=!1}_updateChatRoute(e){this._chatRoute=e;const t=ot(e);history.pushState(null,"",t)}_loadTheme(){this._theme=$i(),this._applyTheme()}_loadLanguage(){this._language=xi(),nt(this._language)}_applyTheme(){const e=document.documentElement;e.classList.remove("light","dark");let t=!1;this._theme==="dark"?t=!0:this._theme==="system"&&(t=window.matchMedia("(prefers-color-scheme: dark)").matches),t?e.classList.add("dark"):e.classList.add("light"),window.dispatchEvent(new CustomEvent("themechange",{detail:{theme:t?"dark":"light"}}))}_setTheme(e){this._theme=e,ki(e),this._applyTheme()}_setLanguage(e){this._language=e,nt(e),Si(e),this.requestUpdate()}_renderThemeToggle(){return o`
-      <div class="pill-toggle">
-        <button
-          class="pill-btn ${this._theme==="light"?"active":""}"
-          @click=${()=>this._setTheme("light")}
-          title="Light"
-        >
-          <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-            <circle cx="12" cy="12" r="5"></circle>
-            <line x1="12" y1="1" x2="12" y2="3"></line>
-            <line x1="12" y1="21" x2="12" y2="23"></line>
-            <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
-            <line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
-            <line x1="1" y1="12" x2="3" y2="12"></line>
-            <line x1="21" y1="12" x2="23" y2="12"></line>
-            <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
-            <line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
-          </svg>
-        </button>
-        <button
-          class="pill-btn ${this._theme==="dark"?"active":""}"
-          @click=${()=>this._setTheme("dark")}
-          title="Dark"
-        >
-          <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-            <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
-          </svg>
-        </button>
-        <button
-          class="pill-btn ${this._theme==="system"?"active":""}"
-          @click=${()=>this._setTheme("system")}
-          title="System"
-        >
-          <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-            <rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect>
-            <line x1="8" y1="21" x2="16" y2="21"></line>
-            <line x1="12" y1="17" x2="12" y2="21"></line>
-          </svg>
-        </button>
-      </div>
-    `}_renderLanguageToggle(){return o`
-      <div class="pill-toggle">
-        <button
-          class="pill-btn ${this._language==="en"?"active":""}"
-          @click=${()=>this._setLanguage("en")}
-          title="English"
-        >
-          EN
-        </button>
-        <button
-          class="pill-btn ${this._language==="zh"?"active":""}"
-          @click=${()=>this._setLanguage("zh")}
-          title="中文"
-        >
-          中
-        </button>
-      </div>
-    `}_toggleNav(){window.innerWidth<768?this._navMobileOpen=!this._navMobileOpen:this._navCollapsed=!this._navCollapsed}_closeNavMobile(){this._navMobileOpen=!1}_handleTokenSave(e){at(e),this._gatewayConfig={url:window.location.origin,token:e},this._showTokenDialog=!1,this.requestUpdate()}render(){return this._showTokenDialog?o`
-        <token-dialog
-          .config=${{serverUrl:window.location.origin,onSave:e=>this._handleTokenSave(e)}}
-        ></token-dialog>
-      `:o`
-      <div class="shell ${this._activeTab==="chat"?"shell--chat":""} ${this._navCollapsed?"shell--nav-collapsed":""}">
-        <!-- Topbar -->
-        <header class="topbar">
-          <div class="topbar-left">
-            <button
-              class="nav-collapse-toggle"
-              @click=${this._toggleNav}
-              title="${this._navCollapsed?"Expand sidebar":"Collapse sidebar"}"
-              aria-label="${this._navCollapsed?"Expand sidebar":"Collapse sidebar"}"
-            >
-              <span class="nav-collapse-toggle__icon">${d("menu")}</span>
-            </button>
-
-            <div class="brand">
-              <div class="brand-logo">
-                <svg width="28" height="28" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-                  <rect width="24" height="24" rx="6" fill="url(#logo-gradient)"/>
-                  <path d="M8 12L11 15L16 9" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-                  <defs>
-                    <linearGradient id="logo-gradient" x1="0" y1="0" x2="24" y2="24" gradientUnits="userSpaceOnUse">
-                      <stop stop-color="#3b82f6"/>
-                      <stop offset="1" stop-color="#8b5cf6"/>
-                    </linearGradient>
-                  </defs>
-                </svg>
-              </div>
-              <div class="brand-text">
-                <div class="brand-title">XOPCBOT</div>
-                <div class="brand-sub">Gateway</div>
-              </div>
-            </div>
-          </div>
-
-          <div class="topbar-status">
-            ${this._renderLanguageToggle()}
-            ${this._renderThemeToggle()}
-          </div>
-        </header>
-
-        <!-- Mobile Overlay Backdrop -->
-        ${this._navMobileOpen?o`
-          <div class="nav-overlay" @click=${this._closeNavMobile}></div>
-        `:_}
-
-        <div class="shell-main">
-          <!-- Sidebar Navigation -->
-          <aside class="nav ${this._navCollapsed?"nav--collapsed":""} ${this._navMobileOpen?"nav--mobile-open":""}">
-            ${vi().map(e=>(e.tabs.some(t=>t===this._activeTab),o`
-                <div class="nav-group">
-                  <div class="nav-label nav-label--static">
-                    <span class="nav-label__text">${e.label}</span>
-                  </div>
-                  <div class="nav-group__items">
-                    ${e.tabs.map(t=>bi(t,this._activeTab===t,()=>{this._switchTab(t)}))}
-                  </div>
-                </div>
-              `))}
-          </aside>
-
-          <!-- Main Content -->
-          <main class="content ${this._activeTab==="chat"?"content--chat":""}">
-            ${this._activeTab==="chat"?this._renderChat():_}
-            ${this._activeTab==="sessions"?this._renderSessions():_}
-            ${this._activeTab==="cron"?this._renderCron():_}
-            ${this._activeTab==="logs"?this._renderLogs():_}
-            ${this._activeTab==="settings"?this._renderSettings():_}
-          </main>
-        </div>
-      </div>
-    `}_renderChat(){const e=z();return o`
-      <xopcbot-gateway-chat
-        .config=${{url:window.location.origin,token:e||void 0}}
-        .route=${this._chatRoute}
-        .enableAttachments=${!0}
-        .enableModelSelector=${!0}
-        .enableThinkingSelector=${!0}
-        @route-change=${t=>this._updateChatRoute(t.detail)}
-      ></xopcbot-gateway-chat>
-    `}_renderSessions(){const e=z()||this._gatewayConfig?.token;return o`
-      <session-manager
-        .config=${{token:e}}
-      ></session-manager>
-    `}_renderCron(){const e=z()||this._gatewayConfig?.token;return o`
-      <cron-manager
-        .config=${{token:e}}
-      ></cron-manager>
-    `}_renderLogs(){const e=z()||this._gatewayConfig?.token;return o`
-      <log-manager
-        .config=${{token:e}}
-      ></log-manager>
-    `}_renderSettings(){const e=z()||this._gatewayConfig?.token;return o`
-      <settings-page
-        .config=${{token:e}}
-      ></settings-page>
-    `}showChat(){this._activeTab="chat"}get chatElement(){return this._chatElement}};O([c()],L.prototype,"_gatewayConfig",2);O([c()],L.prototype,"_activeTab",2);O([c()],L.prototype,"_navCollapsed",2);O([c()],L.prototype,"_navMobileOpen",2);O([c()],L.prototype,"_theme",2);O([c()],L.prototype,"_language",2);O([c()],L.prototype,"_chatRoute",2);O([c()],L.prototype,"_showTokenDialog",2);O([oe("xopcbot-gateway-chat")],L.prototype,"_chatElement",2);L=O([k("xopcbot-app")],L);var Ti=Object.defineProperty,Mi=Object.getOwnPropertyDescriptor,R=(e,t,s,i)=>{for(var n=i>1?void 0:i?Mi(t,s):t,a=e.length-1,l;a>=0;a--)(l=e[a])&&(n=(i?l(t,s,n):l(n))||n);return i&&n&&Ti(t,s,n),n};let D=class extends y{constructor(){super(...arguments),this.sections=[],this.values={},this.loading=!1,this._activeSection="",this._dirtyFields=new Set,this._showPasswords=new Set,this._errors=new Map}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this._updateActiveSection()}willUpdate(e){e.has("sections")&&this._updateActiveSection()}_updateActiveSection(){this.sections.length>0&&!this._activeSection&&(this._activeSection=this.sections[0].id)}_getIcon(e){return{user:o`<User class="w-5 h-5" />`,bot:o`<Bot class="w-5 h-5" />`,plug:o`<Plug class="w-5 h-5" />`,globe:o`<Globe class="w-5 h-5" />`,search:o`<Search class="w-5 h-5" />`,clock:o`<Clock class="w-5 h-5" />`,puzzle:o`<Puzzle class="w-5 h-5" />`,settings:o`<Settings class="w-5 h-5" />`}[e]||o`<Settings class="w-5 h-5" />`}render(){return o`
-      <div class="settings-overlay" @click=${e=>e.target===e.currentTarget&&this.onClose?.()}>
-        <div class="settings-dialog">
-          ${this.renderHeader()}
-          <div class="settings-content">
-            ${this.renderSidebar()}
-            ${this.renderMain()}
-          </div>
-          ${this.renderFooter()}
-        </div>
-      </div>
-    `}renderHeader(){return o`
-      <div class="settings-header">
-        <div class="settings-title">
-          <Settings class="w-5 h-5" />
-          <span>Settings</span>
-        </div>
-        <button class="close-btn" @click=${()=>this.onClose?.()}>
-          <X class="w-5 h-5" />
-        </button>
-      </div>
-    `}renderSidebar(){return o`
-      <nav class="settings-sidebar">
-        ${this.sections.map(e=>o`
-          <button
-            class="sidebar-item ${this._activeSection===e.id?"active":""}"
-            @click=${()=>this._activeSection=e.id}
-          >
-            ${this._getIcon(e.icon)}
-            <span>${e.title}</span>
-            <ChevronRight class="w-4 h-4 chevron" />
-          </button>
-        `)}
-      </nav>
-    `}renderMain(){const e=this.sections.find(s=>s.id===this._activeSection);if(!e)return o`<div class="settings-main">${r("settings.noSection")}</div>`;const t=`settings.descriptions.${e.id}`;return o`
-      <div class="settings-main">
-        <div class="section-header">
-          <h2>${e.title}</h2>
-          <p class="section-description">${r(t)}</p>
-        </div>
-        
-        <div class="fields-grid">
-          ${e.fields.map(s=>this.renderField(s,e.id))}
-        </div>
-      </div>
-    `}renderField(e,t){const s=`${t}.${e.key}`,i=this._getValue(e.key),n=this._dirtyFields.has(s),a=this._errors.get(s),l=this._showPasswords.has(s);return o`
-      <div class="field-group ${a?"has-error":""}">
-        <div class="field-header">
-          <label class="field-label">${e.label}</label>
-          ${e.validation?.required?o`<span class="required-mark">*</span>`:""}
-        </div>
-        
-        ${e.description?o`<p class="field-description">${e.description}</p>`:""}
-
-        ${e.type==="boolean"?this.renderBooleanField(e,i,s):""}
-        
-        ${e.type==="select"?this.renderSelectField(e,i,s):""}
-        
-        ${e.type==="textarea"?this.renderTextareaField(e,i,s):""}
-        
-        ${["text","password","number"].includes(e.type)?this.renderInputField(e,i,s,l):""}
-
-        ${a?o`
-          <div class="field-error">
-            <AlertCircle class="w-4 h-4" />
-            <span>${a}</span>
-          </div>
-        `:""}
-
-        ${n&&!a?o`
-          <div class="field-dirty">${r("settings.unsavedChanges")}</div>
-        `:""}
-      </div>
-    `}renderInputField(e,t,s,i){const n=e.type==="password"?i?"text":"password":e.type;return o`
-      <div class="input-wrapper">
-        <input
-          type=${n}
-          class="text-input ${e.type==="password"?"has-toggle":""}"
-          .value=${String(t??"")}
-          placeholder=${e.placeholder||""}
-          minlength=${e.validation?.min}
-          maxlength=${e.validation?.max}
-          pattern=${e.validation?.pattern||""}
-          @input=${a=>this._handleInput(e,s,a.target.value)}
-        />
-        ${e.type==="password"?o`
-          <button 
-            type="button" 
-            class="password-toggle"
-            @click=${()=>this._togglePassword(s)}
-          >
-            ${i?o`<EyeOff class="w-4 h-4" />`:o`<Eye class="w-4 h-4" />`}
-          </button>
-        `:""}
-      </div>
-    `}renderTextareaField(e,t,s){return o`
-      <textarea
-        class="textarea-input"
-        .value=${String(t??"")}
-        placeholder=${e.placeholder||""}
-        rows="4"
-        @input=${i=>this._handleInput(e,s,i.target.value)}
-      ></textarea>
-    `}renderSelectField(e,t,s){return o`
-      <select
-        class="select-input"
-        .value=${String(t??"")}
-        @change=${i=>this._handleInput(e,s,i.target.value)}
-      >
-        ${e.options?.map(i=>o`
-          <option value=${i.value} ?selected=${t===i.value}>${i.label}</option>
-        `)}
-      </select>
-    `}renderBooleanField(e,t,s){return o`
-      <label class="toggle-label">
-        <input
-          type="checkbox"
-          class="toggle-input"
-          .checked=${!!t}
-          @change=${i=>this._handleInput(e,s,i.target.checked)}
-        />
-        <span class="toggle-switch"></span>
-        <span class="toggle-text">${e.description||r("settings.enableFeature")}</span>
-      </label>
-    `}renderFooter(){const e=this._dirtyFields.size>0;return o`
-      <div class="settings-footer">
-        <button class="btn btn-ghost" @click=${()=>this.onClose?.()}>
-          ${r("settings.cancel")}
-        </button>
-        <button 
-          class="btn btn-primary" 
-          ?disabled=${this.loading||!e}
-          @click=${()=>this._save()}
-        >
-          ${this.loading?o`
-            <Loader2 class="w-4 h-4 animate-spin" />
-            ${r("settings.saving")}
-          `:o`
-            <Save class="w-4 h-4" />
-            ${r("settings.saveChanges")}
-          `}
-        </button>
-      </div>
-    `}_getValue(e){return this.values[e]}_handleInput(e,t,s){e.validation?.required&&!s?this._errors.set(t,r("settings.required",{field:e.label})):e.validation?.pattern&&s?new RegExp(e.validation.pattern).test(s)?this._errors.delete(t):this._errors.set(t,r("settings.invalidFormat")):this._errors.delete(t),this._dirtyFields.add(t),this.requestUpdate()}_togglePassword(e){this._showPasswords.has(e)?this._showPasswords.delete(e):this._showPasswords.add(e),this.requestUpdate()}_save(){this._errors.size>0||this.onSave&&this.onSave(this.values)}};R([u({attribute:!1})],D.prototype,"sections",2);R([u({attribute:!1})],D.prototype,"values",2);R([u({type:Boolean})],D.prototype,"loading",2);R([u({attribute:!1})],D.prototype,"onSave",2);R([u({attribute:!1})],D.prototype,"onClose",2);R([c()],D.prototype,"_activeSection",2);R([c()],D.prototype,"_dirtyFields",2);R([c()],D.prototype,"_showPasswords",2);R([c()],D.prototype,"_errors",2);D=R([k("xopcbot-settings")],D);var Ei=Object.defineProperty,Pi=Object.getOwnPropertyDescriptor,ee=(e,t,s,i)=>{for(var n=i>1?void 0:i?Pi(t,s):t,a=e.length-1,l;a>=0;a--)(l=e[a])&&(n=(i?l(t,s,n):l(n))||n);return i&&n&&Ei(t,s,n),n};let H=class extends y{constructor(){super(...arguments),this.enableAttachments=!0,this.enableModelSelector=!0,this.enableThinkingSelector=!0,this._autoScroll=!0,this._lastScrollTop=0,this._handleScroll=()=>{if(!this._scrollContainer)return;const e=this._scrollContainer.scrollTop,t=this._scrollContainer.scrollHeight,s=this._scrollContainer.clientHeight,i=t-e-s;if(s<this._lastClientHeight){this._lastClientHeight=s;return}e!==0&&e<this._lastScrollTop&&i>50?this._autoScroll=!1:i<10&&(this._autoScroll=!0),this._lastScrollTop=e,this._lastClientHeight=s}}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.style.display="flex",this.style.flexDirection="column",this.style.height="100%",this.style.minHeight="0",this.setupSessionSubscription()}disconnectedCallback(){super.disconnectedCallback(),this._resizeObserver?.disconnect(),this._scrollContainer?.removeEventListener("scroll",this._handleScroll),this._unsubscribeSession?.()}setupSessionSubscription(){this._unsubscribeSession&&this._unsubscribeSession(),this.agent&&(this._unsubscribeSession=this.agent.subscribe(async e=>{switch(e.type){case"message_start":case"message_end":case"turn_start":case"turn_end":case"agent_start":this.requestUpdate();break;case"agent_end":this._streamingContainer&&(this._streamingContainer.isStreaming=!1,this._streamingContainer.setMessage(null,!0)),this.requestUpdate();break;case"message_update":this._streamingContainer&&(this._streamingContainer.isStreaming=this.agent?.state.isStreaming||!1,this._streamingContainer.setMessage(e.message,!this._streamingContainer.isStreaming)),this.requestUpdate();break}}))}setInput(e,t){this._messageEditor&&(this._messageEditor.value=e,this._messageEditor.attachments=t||[])}setAutoScroll(e){this._autoScroll=e}async sendMessage(e,t){if(!(!e.trim()&&t?.length===0||this.agent?.state.isStreaming)){if(!this.agent)throw new Error("No agent set");if(!this.agent.state.model)throw new Error("No model set");this._messageEditor.value="",this._messageEditor.attachments=[],this._autoScroll=!0,t&&t.length>0?await this.agent.prompt({role:"user-with-attachments",content:e,attachments:t,timestamp:Date.now()}):await this.agent.prompt(e)}}renderMessages(){if(!this.agent)return o`<div class="p-4 text-center text-muted-foreground">${ie("No session available")}</div>`;const e=this.agent.state;return o`
-      <div class="flex flex-col gap-3">
-        <message-list
-          .messages=${this.agent.state.messages}
-          .tools=${e.tools}
-          .pendingToolCalls=${this.agent?this.agent.state.pendingToolCalls:new Set}
-          .isStreaming=${e.isStreaming}
-        ></message-list>
-
-        <streaming-message-container
-          class="${e.isStreaming?"":"hidden"}"
-          .tools=${e.tools}
-          .isStreaming=${e.isStreaming}
-          .pendingToolCalls=${e.pendingToolCalls}
-          .isStreaming=${e.isStreaming}
-        ></streaming-message-container>
-      </div>
-    `}render(){if(!this.agent)return o`<div class="p-4 text-center text-muted-foreground">${ie("No agent set")}</div>`;const e=this.agent.state;return o`
-      <div class="flex flex-col h-full bg-background text-foreground">
-        <div class="flex-1 overflow-y-auto">
-          <div class="max-w-3xl mx-auto p-4 pb-0">${this.renderMessages()}</div>
-        </div>
-
-        <div class="shrink-0">
-          <div class="max-w-3xl mx-auto px-2">
-            <message-editor
-              .isStreaming=${e.isStreaming}
-              .currentModel=${e.model}
-              .thinkingLevel=${e.thinkingLevel}
-              .showAttachmentButton=${this.enableAttachments}
-              .showModelSelector=${this.enableModelSelector}
-              .showThinkingSelector=${this.enableThinkingSelector}
-              .onSend=${(t,s)=>this.sendMessage(t,s)}
-              .onAbort=${()=>this.agent?.abort()}
-            ></message-editor>
-          </div>
-        </div>
-      </div>
-    `}};ee([u({attribute:!1})],H.prototype,"agent",2);ee([u({type:Boolean})],H.prototype,"enableAttachments",2);ee([u({type:Boolean})],H.prototype,"enableModelSelector",2);ee([u({type:Boolean})],H.prototype,"enableThinkingSelector",2);ee([oe("message-editor")],H.prototype,"_messageEditor",2);ee([oe("streaming-message-container")],H.prototype,"_streamingContainer",2);H=ee([k("xopcbot-chat")],H);
-//# sourceMappingURL=main-DevbZW9K.js.map