@xopcai/xopcbot 0.1.0

package/dist/gateway/static/root/assets/main-CfIxL-cL.js

@@ -0,0 +1,2105 @@
+(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 r of n)if(r.type==="childList")for(const l of r.addedNodes)l.tagName==="LINK"&&l.rel==="modulepreload"&&i(l)}).observe(document,{childList:!0,subtree:!0});function s(n){const r={};return n.integrity&&(r.integrity=n.integrity),n.referrerPolicy&&(r.referrerPolicy=n.referrerPolicy),n.crossOrigin==="use-credentials"?r.credentials="include":n.crossOrigin==="anonymous"?r.credentials="omit":r.credentials="same-origin",r}function i(n){if(n.ep)return;n.ep=!0;const r=s(n);fetch(n.href,r)}})();const ye=globalThis,De=ye.ShadowRoot&&(ye.ShadyCSS===void 0||ye.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,it=Symbol(),He=new WeakMap;let mt=class{constructor(t,s,i){if(this._$cssResult$=!0,i!==it)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(De&&t===void 0){const i=s!==void 0&&s.length===1;i&&(t=He.get(s)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&He.set(s,t))}return t}toString(){return this.cssText}};const _t=e=>new mt(typeof e=="string"?e:e+"",void 0,it),vt=(e,t)=>{if(De)e.adoptedStyleSheets=t.map(s=>s instanceof CSSStyleSheet?s:s.styleSheet);else for(const s of t){const i=document.createElement("style"),n=ye.litNonce;n!==void 0&&i.setAttribute("nonce",n),i.textContent=s.cssText,e.appendChild(i)}},Ne=De?e=>e:e=>e instanceof CSSStyleSheet?(t=>{let s="";for(const i of t.cssRules)s+=i.cssText;return _t(s)})(e):e;const{is:ft,defineProperty:yt,getOwnPropertyDescriptor:wt,getOwnPropertyNames:bt,getOwnPropertySymbols:$t,getPrototypeOf:xt}=Object,ke=globalThis,ze=ke.trustedTypes,St=ze?ze.emptyScript:"",kt=ke.reactiveElementPolyfillSupport,he=(e,t)=>e,we={toAttribute(e,t){switch(t){case Boolean:e=e?St: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}},Oe=(e,t)=>!ft(e,t),qe={attribute:!0,type:String,converter:we,reflect:!1,useDefault:!1,hasChanged:Oe};Symbol.metadata??=Symbol("metadata"),ke.litPropertyMetadata??=new WeakMap;let ee=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=qe){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&&yt(this.prototype,t,n)}}static getPropertyDescriptor(t,s,i){const{get:n,set:r}=wt(this.prototype,t)??{get(){return this[s]},set(l){this[s]=l}};return{get:n,set(l){const h=n?.call(this);r?.call(this,l),this.requestUpdate(t,h,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??qe}static _$Ei(){if(this.hasOwnProperty(he("elementProperties")))return;const t=xt(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(he("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(he("properties"))){const s=this.properties,i=[...bt(s),...$t(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(Ne(n))}else t!==void 0&&s.push(Ne(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 vt(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 r=(i.converter?.toAttribute!==void 0?i.converter:we).toAttribute(s,i.type);this._$Em=t,r==null?this.removeAttribute(n):this.setAttribute(n,r),this._$Em=null}}_$AK(t,s){const i=this.constructor,n=i._$Eh.get(t);if(n!==void 0&&this._$Em!==n){const r=i.getPropertyOptions(n),l=typeof r.converter=="function"?{fromAttribute:r.converter}:r.converter?.fromAttribute!==void 0?r.converter:we;this._$Em=n;const h=l.fromAttribute(s,r.type);this[n]=h??this._$Ej?.get(n)??h,this._$Em=null}}requestUpdate(t,s,i,n=!1,r){if(t!==void 0){const l=this.constructor;if(n===!1&&(r=this[t]),i??=l.getPropertyOptions(t),!((i.hasChanged??Oe)(r,s)||i.useDefault&&i.reflect&&r===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:r},l){i&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,l??s??this[t]),r!==!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,r]of this._$Ep)this[n]=r;this._$Ep=void 0}const i=this.constructor.elementProperties;if(i.size>0)for(const[n,r]of i){const{wrapped:l}=r,h=this[n];l!==!0||this._$AL.has(n)||h===void 0||this.C(n,void 0,r,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){}};ee.elementStyles=[],ee.shadowRootOptions={mode:"open"},ee[he("elementProperties")]=new Map,ee[he("finalized")]=new Map,kt?.({ReactiveElement:ee}),(ke.reactiveElementVersions??=[]).push("2.1.2");const Re=globalThis,Je=e=>e,be=Re.trustedTypes,Ge=be?be.createPolicy("lit-html",{createHTML:e=>e}):void 0,nt="$lit$",B=`lit$${Math.random().toFixed(9).slice(2)}$`,ot="?"+B,At=`<${ot}>`,J=document,pe=()=>J.createComment(""),ue=e=>e===null||typeof e!="object"&&typeof e!="function",Be=Array.isArray,Ct=e=>Be(e)||typeof e?.[Symbol.iterator]=="function",Te=`[ 	
+\f\r]`,re=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,We=/-->/g,Ve=/>/g,N=RegExp(`>|${Te}(?:([^\\s"'>=/]+)(${Te}*=${Te}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`,"g"),Qe=/'/g,Xe=/"/g,rt=/^(?:script|style|textarea|title)$/i,Mt=e=>(t,...s)=>({_$litType$:e,strings:t,values:s}),o=Mt(1),G=Symbol.for("lit-noChange"),m=Symbol.for("lit-nothing"),Ze=new WeakMap,z=J.createTreeWalker(J,129);function at(e,t){if(!Be(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return Ge!==void 0?Ge.createHTML(t):t}const Tt=(e,t)=>{const s=e.length-1,i=[];let n,r=t===2?"<svg>":t===3?"<math>":"",l=re;for(let h=0;h<s;h++){const d=e[h];let g,S,f=-1,E=0;for(;E<d.length&&(l.lastIndex=E,S=l.exec(d),S!==null);)E=l.lastIndex,l===re?S[1]==="!--"?l=We:S[1]!==void 0?l=Ve:S[2]!==void 0?(rt.test(S[2])&&(n=RegExp("</"+S[2],"g")),l=N):S[3]!==void 0&&(l=N):l===N?S[0]===">"?(l=n??re,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]==='"'?Xe:Qe):l===Xe||l===Qe?l=N:l===We||l===Ve?l=re:(l=N,n=void 0);const L=l===N&&e[h+1].startsWith("/>")?" ":"";r+=l===re?d+At:f>=0?(i.push(g),d.slice(0,f)+nt+d.slice(f)+B+L):d+B+(f===-2?h:L)}return[at(e,r+(e[s]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),i]};class ge{constructor({strings:t,_$litType$:s},i){let n;this.parts=[];let r=0,l=0;const h=t.length-1,d=this.parts,[g,S]=Tt(t,s);if(this.el=ge.createElement(g,i),z.currentNode=this.el.content,s===2||s===3){const f=this.el.content.firstChild;f.replaceWith(...f.childNodes)}for(;(n=z.nextNode())!==null&&d.length<h;){if(n.nodeType===1){if(n.hasAttributes())for(const f of n.getAttributeNames())if(f.endsWith(nt)){const E=S[l++],L=n.getAttribute(f).split(B),ve=/([.?@])?(.*)/.exec(E);d.push({type:1,index:r,name:ve[2],strings:L,ctor:ve[1]==="."?Pt:ve[1]==="?"?Ft:ve[1]==="@"?Lt:Ae}),n.removeAttribute(f)}else f.startsWith(B)&&(d.push({type:6,index:r}),n.removeAttribute(f));if(rt.test(n.tagName)){const f=n.textContent.split(B),E=f.length-1;if(E>0){n.textContent=be?be.emptyScript:"";for(let L=0;L<E;L++)n.append(f[L],pe()),z.nextNode(),d.push({type:2,index:++r});n.append(f[E],pe())}}}else if(n.nodeType===8)if(n.data===ot)d.push({type:2,index:r});else{let f=-1;for(;(f=n.data.indexOf(B,f+1))!==-1;)d.push({type:7,index:r}),f+=B.length-1}r++}}static createElement(t,s){const i=J.createElement("template");return i.innerHTML=t,i}}function se(e,t,s=e,i){if(t===G)return t;let n=i!==void 0?s._$Co?.[i]:s._$Cl;const r=ue(t)?void 0:t._$litDirective$;return n?.constructor!==r&&(n?._$AO?.(!1),r===void 0?n=void 0:(n=new r(e),n._$AT(e,s,i)),i!==void 0?(s._$Co??=[])[i]=n:s._$Cl=n),n!==void 0&&(t=se(e,n._$AS(e,t.values),n,i)),t}class Et{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??J).importNode(s,!0);z.currentNode=n;let r=z.nextNode(),l=0,h=0,d=i[0];for(;d!==void 0;){if(l===d.index){let g;d.type===2?g=new _e(r,r.nextSibling,this,t):d.type===1?g=new d.ctor(r,d.name,d.strings,this,t):d.type===6&&(g=new It(r,this,t)),this._$AV.push(g),d=i[++h]}l!==d?.index&&(r=z.nextNode(),l++)}return z.currentNode=J,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 _e{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,s,i,n){this.type=2,this._$AH=m,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=se(this,t,s),ue(t)?t===m||t==null||t===""?(this._$AH!==m&&this._$AR(),this._$AH=m):t!==this._$AH&&t!==G&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Ct(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!==m&&ue(this._$AH)?this._$AA.nextSibling.data=t:this.T(J.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=ge.createElement(at(i.h,i.h[0]),this.options)),i);if(this._$AH?._$AD===n)this._$AH.p(s);else{const r=new Et(n,this),l=r.u(this.options);r.p(s),this.T(l),this._$AH=r}}_$AC(t){let s=Ze.get(t.strings);return s===void 0&&Ze.set(t.strings,s=new ge(t)),s}k(t){Be(this._$AH)||(this._$AH=[],this._$AR());const s=this._$AH;let i,n=0;for(const r of t)n===s.length?s.push(i=new _e(this.O(pe()),this.O(pe()),this,this.options)):i=s[n],i._$AI(r),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=Je(t).nextSibling;Je(t).remove(),t=i}}setConnected(t){this._$AM===void 0&&(this._$Cv=t,this._$AP?.(t))}}class Ae{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,s,i,n,r){this.type=1,this._$AH=m,this._$AN=void 0,this.element=t,this.name=s,this._$AM=n,this.options=r,i.length>2||i[0]!==""||i[1]!==""?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=m}_$AI(t,s=this,i,n){const r=this.strings;let l=!1;if(r===void 0)t=se(this,t,s,0),l=!ue(t)||t!==this._$AH&&t!==G,l&&(this._$AH=t);else{const h=t;let d,g;for(t=r[0],d=0;d<r.length-1;d++)g=se(this,h[i+d],s,d),g===G&&(g=this._$AH[d]),l||=!ue(g)||g!==this._$AH[d],g===m?t=m:t!==m&&(t+=(g??"")+r[d+1]),this._$AH[d]=g}l&&!n&&this.j(t)}j(t){t===m?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class Pt extends Ae{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===m?void 0:t}}class Ft extends Ae{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==m)}}class Lt extends Ae{constructor(t,s,i,n,r){super(t,s,i,n,r),this.type=5}_$AI(t,s=this){if((t=se(this,t,s,0)??m)===G)return;const i=this._$AH,n=t===m&&i!==m||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,r=t!==m&&(i===m||n);n&&this.element.removeEventListener(this.name,this,i),r&&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 It{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){se(this,t)}}const Dt=Re.litHtmlPolyfillSupport;Dt?.(ge,_e),(Re.litHtmlVersions??=[]).push("3.3.2");const Ot=(e,t,s)=>{const i=s?.renderBefore??t;let n=i._$litPart$;if(n===void 0){const r=s?.renderBefore??null;i._$litPart$=n=new _e(t.insertBefore(pe(),r),r,void 0,s??{})}return n._$AI(e),n};const Ke=globalThis;let y=class extends ee{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=Ot(s,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return G}};y._$litElement$=!0,y.finalized=!0,Ke.litElementHydrateSupport?.({LitElement:y});const Rt=Ke.litElementPolyfillSupport;Rt?.({LitElement:y});(Ke.litElementVersions??=[]).push("4.2.2");const k=e=>(t,s)=>{s!==void 0?s.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)};const Bt={attribute:!0,type:String,converter:we,reflect:!1,hasChanged:Oe},Kt=(e=Bt,t,s)=>{const{kind:i,metadata:n}=s;let r=globalThis.litPropertyMetadata.get(n);if(r===void 0&&globalThis.litPropertyMetadata.set(n,r=new Map),i==="setter"&&((e=Object.create(e)).wrapped=!0),r.set(s.name,e),i==="accessor"){const{name:l}=s;return{set(h){const d=t.get.call(this);t.set.call(this,h),this.requestUpdate(l,d,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 d=this[l];t.call(this,h),this.requestUpdate(l,d,e,!0,h)}}throw Error("Unsupported decorator location: "+i)};function u(e){return(t,s)=>typeof s=="object"?Kt(e,t,s):((i,n,r)=>{const l=n.hasOwnProperty(r);return n.constructor.createProperty(r,i),l?Object.getOwnPropertyDescriptor(n,r):void 0})(e,t,s)}function c(e){return u({...e,state:!0,attribute:!1})}const jt=(e,t,s)=>(s.configurable=!0,s.enumerable=!0,Reflect.decorate&&typeof t!="object"&&Object.defineProperty(e,t,s),s);function ie(e,t){return(s,i,n)=>{const r=l=>l.renderRoot?.querySelector(e)??null;return jt(s,i,{get(){return r(this)}})}}const Ut=e=>e.strings===void 0;const lt={CHILD:2},ct=e=>(...t)=>({_$litDirective$:e,values:t});class ht{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 de=(e,t)=>{const s=e._$AN;if(s===void 0)return!1;for(const i of s)i._$AO?.(t,!1),de(i,t);return!0},$e=e=>{let t,s;do{if((t=e._$AM)===void 0)break;s=t._$AN,s.delete(e),e=t}while(s?.size===0)},dt=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),zt(t)}};function Ht(e){this._$AN!==void 0?($e(this),this._$AM=e,dt(this)):this._$AM=e}function Nt(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 r=s;r<i.length;r++)de(i[r],!1),$e(i[r]);else i!=null&&(de(i,!1),$e(i));else de(this,e)}const zt=e=>{e.type==lt.CHILD&&(e._$AP??=Nt,e._$AQ??=Ht)};class qt extends ht{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,s,i){super._$AT(t,s,i),dt(this),this.isConnected=t._$AU}_$AO(t,s=!0){t!==this.isConnected&&(this.isConnected=t,t?this.reconnected?.():this.disconnected?.()),s&&(de(this,t),$e(this))}setValue(t){if(Ut(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 Ye=()=>new Jt;class Jt{}const Ee=new WeakMap,et=ct(class extends qt{render(e){return m}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)),m}rt(e){if(this.isConnected||(e=void 0),typeof this.G=="function"){const t=this.ht??globalThis;let s=Ee.get(t);s===void 0&&(s=new WeakMap,Ee.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"?Ee.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 Pe extends ht{constructor(t){if(super(t),this.it=m,t.type!==lt.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===m||t==null)return this._t=void 0,this.it=t;if(t===G)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:[]}}}Pe.directiveName="unsafeHTML",Pe.resultType=1;const ae=ct(Pe);const Ce={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 Gt=["svg",Ce,[["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 Wt=["svg",Ce,[["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 Vt=["svg",Ce,[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2"}]]];const Qt=["svg",Ce,[["path",{d:"M18 6 6 18"}],["path",{d:"m6 6 12 12"}]]],Xt={title:"XOPCBOT Gateway",brand:"XOPCBOT"},Zt={chat:"Chat",sessions:"Sessions",cron:"Cron Jobs",logs:"Logs",settings:"Settings",management:"Management"},Yt={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"},es={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)"},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"},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"},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"}},ts={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"},ss={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"},is={settings:"Open settings"},ns={title:"Configuration",save:"Save Configuration",noResult:"No result",artifacts:"Artifacts",showArtifacts:"Show artifacts"},os={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"},rs={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?"},as={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"}},ls={save:"Save",cancel:"Cancel",confirm:"Confirm",close:"Close",loading:"Loading...",error:"Error",success:"Success",noData:"No data"},cs={app:Xt,nav:Zt,chat:Yt,settings:es,errors:ts,fileUpload:ss,shortcuts:is,config:ns,logs:os,sessions:rs,cron:as,common:ls},hs={title:"XOPCBOT 网关",brand:"XOPCBOT"},ds={chat:"对话",sessions:"会话",cron:"定时任务",logs:"日志",settings:"设置",management:"管理"},ps={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:"离线"},us={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:"心跳间隔（毫秒）"},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:"心跳检查间隔（毫秒）"},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"},connection:{title:"连接",gatewayUrl:"网关地址",gatewayUrlDesc:"网关服务器的 WebSocket 地址",authToken:"认证令牌",authTokenDesc:"可选的认证令牌"},appearance:{title:"外观",theme:"主题",themeDesc:"选择你喜欢的配色方案",themeSystem:"跟随系统",themeLight:"浅色",themeDark:"深色"},chat:{title:"对话",enableAttachments:"启用附件",enableAttachmentsDesc:"允许在对话中附加文件",showModelSelector:"显示模型选择器",showModelSelectorDesc:"显示模型选择下拉框",showThinkingSelector:"显示思考选择器",showThinkingSelectorDesc:"显示思考级别选择"}},gs={noSession:"无可用会话",noAgent:"未设置代理",noModel:"未设置模型",requestTimeout:"请求超时",sendFailed:"发送消息失败",invalidFileType:"无效的文件类型",fileTooLarge:"文件过大（最大 {{size}}）",readFileFailed:"读取文件失败"},ms={dropHere:"拖放文件到此处",dragDrop:"拖放文件到此处",image:"图片",document:"文档",pdf:"PDF",word:"Word",excel:"Excel",powerpoint:"PowerPoint",text:"文本",code:"代码",archive:"压缩包",unknown:"未知"},_s={settings:"打开设置"},vs={title:"配置",save:"保存配置",noResult:"无结果",artifacts:"产物",showArtifacts:"显示产物"},fs={title:"日志",refresh:"刷新",clear:"清空",totalLogs:"总日志数",pause:"暂停",autoRefresh:"自动刷新",level:"级别",search:"搜索",searchPlaceholder:"搜索日志...",time:"时间",message:"消息",module:"模块",noLogs:"暂无日志",noLogsDescription:"尝试调整筛选条件或稍后再查看。",details:"日志详情"},ys={title:"会话",newSession:"新建会话",searchPlaceholder:"搜索会话...",totalSessions:"总会话数",activeSessions:"活跃会话",pinnedSessions:"固定会话",archivedSessions:"归档会话",noSessions:"暂无会话",delete:"删除",archive:"归档",pin:"固定",unpin:"取消固定",confirmDelete:"确定要删除此会话吗？"},ws={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}} 天前"}},bs={save:"保存",cancel:"取消",confirm:"确认",close:"关闭",loading:"加载中...",error:"错误",success:"成功",noData:"暂无数据"},$s={app:hs,nav:ds,chat:ps,settings:us,errors:gs,fileUpload:ms,shortcuts:_s,config:vs,logs:fs,sessions:ys,cron:ws,common:bs},pt={en:cs,zh:$s},K=new Map;K.set("en",pt.en);K.set("zh",pt.zh);let q="en";function a(e,t){const s=K.get(q);if(!s)return e;const i=e.split(".");let n=s;for(const r of i)if(n&&typeof n=="object"&&r in n)n=n[r];else{const l=K.get("en");if(l&&q!=="en"){let h=l;for(const d of i)if(h&&typeof h=="object"&&d in h)h=h[d];else return e;n=h}else return e}return typeof n!="string"?e:t?n.replace(/\{\{(\w+)\}\}/g,(r,l)=>{const h=t[l];return h!==void 0?String(h):`{{${l}}}`}):n}async function xs(e){if(K.has(e)){q=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),q=e,window.dispatchEvent(new CustomEvent("languagechange",{detail:{language:e}}))}catch(t){console.error(`Failed to load ${e} translations:`,t),e!=="en"&&K.has("en")&&(q="en")}}function tt(e){K.has(e)?(q=e,window.dispatchEvent(new CustomEvent("languagechange",{detail:{language:e}}))):xs(e)}function Ss(e="en"){q=e}const ks={"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 te(e){const t=ks[e];return a(t||e)}var As=Object.defineProperty,Cs=Object.getOwnPropertyDescriptor,T=(e,t,s,i)=>{for(var n=i>1?void 0:i?Cs(t,s):t,r=e.length-1,l;r>=0;r--)(l=e[r])&&(n=(i?l(t,s,n):l(n))||n);return i&&n&&As(t,s,n),n};function le(e,t=""){if(!e||!Array.isArray(e))return"";const[s,i,n]=e,r=Object.entries(i||{}).map(([d,g])=>`${d}="${g}"`).join(" "),l=Array.isArray(n)?n.map(d=>{if(Array.isArray(d)){const[g,S]=d,f=Object.entries(S||{}).map(([E,L])=>`${E}="${L}"`).join(" ");return`<${g} ${f} />`}return""}).join(""):"";return`<svg ${t?`${r} class="${t}"`:r}>${l}</svg>`}let M=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=Ye(),this.fileInputRef=Ye(),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
+            ${et(this.textareaRef)}
+            class="text-input"
+            placeholder=${te("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`
+                ${ae(le(FileText,"w-4 h-4"))}
+              `}
+            </div>
+            <span class="attachment-name">${e.name}</span>
+            <button type="button" class="attachment-remove" @click=${()=>this._removeAttachment(t)}>
+              ${ae(le(Qt,"w-3 h-3"))}
+            </button>
+          </div>
+        `)}
+      </div>
+    `}_renderAttachmentButton(){return o`
+      <button type="button" class="attach-btn" @click=${()=>this._triggerFileSelect("all")} title=${te("Attach file")}>
+        ${ae(le(Gt,"w-4 h-4"))}
+      </button>
+      
+      <input
+        ${et(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=${te("Abort")}>
+          ${ae(le(Vt,"w-4 h-4"))}
+        </button>
+      `:o`
+      <button
+        type="button"
+        class="send-btn ${e?"active":""}"
+        ?disabled=${!e}
+        @click=${this._send}
+        title=${te("Send message")}
+      >
+        ${ae(le(Wt,"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]}`}};T([ie("textarea")],M.prototype,"textarea",2);T([u({type:String})],M.prototype,"value",2);T([u({type:Array})],M.prototype,"attachments",2);T([u({type:Boolean})],M.prototype,"isStreaming",2);T([u({type:Boolean})],M.prototype,"showAttachmentButton",2);T([u({type:Boolean})],M.prototype,"showModelSelector",2);T([u({attribute:!1})],M.prototype,"currentModel",2);T([u({attribute:!1})],M.prototype,"onSend",2);T([u({attribute:!1})],M.prototype,"onAbort",2);T([u({attribute:!1})],M.prototype,"onModelSelect",2);T([c()],M.prototype,"_isComposing",2);T([c()],M.prototype,"_isDragging",2);T([c()],M.prototype,"_processingFiles",2);T([c()],M.prototype,"_isSending",2);M=T([k("message-editor")],M);function p(e){return Fe[e]||Fe.helpCircle}const Fe={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 Ms(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>
+    `:Fe.file}var Ts=Object.defineProperty,Es=Object.getOwnPropertyDescriptor,ut=(e,t,s,i)=>{for(var n=i>1?void 0:i?Es(t,s):t,r=e.length-1,l;r>=0;r--)(l=e[r])&&(n=(i?l(t,s,n):l(n))||n);return i&&n&&Ts(t,s,n),n};let Le=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||a("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||a("fileUpload.document"),s=e.size?this._formatFileSize(e.size):"";return o`
+      <div class="document-preview" @click=${()=>this._handleDocumentClick(e)}>
+        <div class="icon">${Ms(e.mimeType||"")}</div>
+        <div class="info">
+          <div class="name">${t}</div>
+          <div class="meta">${s||e.mimeType||a("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}))}};ut([u({attribute:!1})],Le.prototype,"attachments",2);Le=ut([k("attachment-renderer")],Le);var Ps=Object.defineProperty,Fs=Object.getOwnPropertyDescriptor,gt=(e,t,s,i)=>{for(var n=i>1?void 0:i?Fs(t,s):t,r=e.length-1,l;r>=0;r--)(l=e[r])&&(n=(i?l(t,s,n):l(n))||n);return i&&n&&Ps(t,s,n),n};let Ie=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>
+    `}};gt([u({attribute:!1})],Ie.prototype,"usage",2);Ie=gt([k("usage-badge")],Ie);var Ls=Object.defineProperty,Is=Object.getOwnPropertyDescriptor,je=(e,t,s,i)=>{for(var n=i>1?void 0:i?Is(t,s):t,r=e.length-1,l;r>=0;r--)(l=e[r])&&(n=(i?l(t,s,n):l(n))||n);return i&&n&&Ls(t,s,n),n};let xe=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=a(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">${a("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"}):""}};je([u({attribute:!1})],xe.prototype,"message",2);je([u({type:Boolean})],xe.prototype,"isStreaming",2);xe=je([k("message-bubble")],xe);var Ds=Object.defineProperty,Os=Object.getOwnPropertyDescriptor,Me=(e,t,s,i)=>{for(var n=i>1?void 0:i?Os(t,s):t,r=e.length-1,l;r>=0;r--)(l=e[r])&&(n=(i?l(t,s,n):l(n))||n);return i&&n&&Ds(t,s,n),n};let me=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">${a("chat.emptyState")}</div>
+        <div class="description">${a("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}};Me([u({attribute:!1})],me.prototype,"messages",2);Me([u({type:Boolean})],me.prototype,"isStreaming",2);Me([u({type:Boolean})],me.prototype,"useVirtualScroll",2);me=Me([k("message-list")],me);var Rs=Object.defineProperty,Bs=Object.getOwnPropertyDescriptor,ne=(e,t,s,i)=>{for(var n=i>1?void 0:i?Bs(t,s):t,r=e.length-1,l;r>=0;r--)(l=e[r])&&(n=(i?l(t,s,n):l(n))||n);return i&&n&&Rs(t,s,n),n};let W=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}};ne([u({attribute:!1})],W.prototype,"tools",2);ne([u({attribute:!1})],W.prototype,"pendingToolCalls",2);ne([u({type:Boolean})],W.prototype,"isStreaming",2);ne([c()],W.prototype,"_currentMessage",2);ne([c()],W.prototype,"_isComplete",2);W=ne([k("streaming-message-container")],W);var Ks=Object.defineProperty,js=Object.getOwnPropertyDescriptor,x=(e,t,s,i)=>{for(var n=i>1?void 0:i?js(t,s):t,r=e.length-1,l;r>=0;r--)(l=e[r])&&(n=(i?l(t,s,n):l(n))||n);return i&&n&&Ks(t,s,n),n};function Y(e,t){return`${e.replace(/\/+$/,"")}${t}`}function ce(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 Ss("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=Y(this.config.url,`/api/sessions/${encodeURIComponent(e)}?offset=${t}&limit=50`),i=ce(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||[],d=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=[...d,...this._messages]:this._messages=d,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=Y(this.config.url,"/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=a("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=a("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=Y(this.config.url,"/api/sessions?limit=20"),t=ce(this.config.token),s=await fetch(e,{headers:t});if(!s.ok)throw new Error(`HTTP ${s.status}`);const r=((await s.json()).items||[]).filter(h=>h.key.startsWith("gateway:")).sort((h,d)=>new Date(d.updatedAt).getTime()-new Date(h.updatedAt).getTime());this._sessions=r;const l=r.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(r.length>0){const h=r[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=Y(this.config.url,"/api/sessions"),s={...ce(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 r=(await i.json()).session;this._currentSessionKey=r.key,this._messages=[],this._sessions=[{key:r.key,name:r.name,updatedAt:r.updatedAt},...this._sessions],this._currentSessionKey=r.key,this._lastLoadedSessionKey=r.key,this._updateUrlWithSession(r.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=Y(this.config.url,"/api/agent"),i={...ce(this.config.token),Accept:"text/event-stream"},n=this._currentSessionKey?this._currentSessionKey.replace("gateway:",""):"default",r=await fetch(s,{method:"POST",headers:i,body:JSON.stringify({message:e,channel:"gateway",chatId:n,attachments:t}),signal:this._agentAbort.signal});if(!r.ok){const h=await r.json().catch(()=>({}));throw new Error(h.error?.message||`HTTP ${r.status}`)}if((r.headers.get("Content-Type")||"").includes("text/event-stream")&&r.body)await this._consumeSSEStream(r.body);else{const h=await r.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:a("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:r,value:l}=await t.read();if(r)break;for(s+=l;s.includes(`
+`);){const h=s.indexOf(`
+`),d=s.slice(0,h);s=s.slice(h+1),d.startsWith("event:")?i=d.slice(6).trim():d.startsWith("data:")?n+=(n?`
+`:"")+d.slice(5).trim():d===""&&n&&(this._handleSSEEvent(i||"message",n),i="",n="")}}if(s.trim()||n){if(s.trim()){const r=s.split(`
+`);for(const l of r)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||a("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=Y(this.config.url,t),n=await fetch(i,{method:e,headers:ce(this.config.token),body:s?JSON.stringify(s):void 0});if(!n.ok){const r=await n.json().catch(()=>({error:{message:`HTTP ${n.status}`}}));throw new Error(r.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">${a("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>${a("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()}>${a("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>${a("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>${a("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">${a("chat.welcomeTitle")}</div>
+          <div class="description">${a("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?a("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">${a(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">${a("chat.assistant")}</span>
+            <span>·</span>
+            <span class="text-primary animate-pulse">${a("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([ie("message-editor")],w.prototype,"_messageEditor",2);x([ie(".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 Us=Object.defineProperty,Hs=Object.getOwnPropertyDescriptor,Ue=(e,t,s,i)=>{for(var n=i>1?void 0:i?Hs(t,s):t,r=e.length-1,l;r>=0;r--)(l=e[r])&&(n=(i?l(t,s,n):l(n))||n);return i&&n&&Us(t,s,n),n};let Se=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">${p(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">${p("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">
+            ${p("messageSquare")}
+            ${this.session.messageCount}
+          </span>
+          <span class="stat">
+            ${p("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")}
+            >${p("archiveRestore")}</button>
+          `:o`
+            <button 
+              class="btn-icon" 
+              title="Archive"
+              @click=${()=>this._emit("archive")}
+            >${p("archive")}</button>
+          `}
+          
+          ${s?o`
+            <button 
+              class="btn-icon btn-icon--primary" 
+              title="Unpin"
+              @click=${()=>this._emit("unpin")}
+            >${p("pinOff")}</button>
+          `:o`
+            <button 
+              class="btn-icon" 
+              title="Pin"
+              @click=${()=>this._emit("pin")}
+            >${p("pin")}</button>
+          `}
+          
+          <button 
+            class="btn-icon" 
+            title="Export"
+            @click=${()=>this._emit("export")}
+          >${p("download")}</button>
+          
+          <button 
+            class="btn-icon btn-icon--danger" 
+            title="Delete"
+            @click=${()=>this._emit("delete")}
+          >${p("trash")}</button>
+        </div>
+      </div>
+    `}_formatTokens(e){return e>=1e3?(e/1e3).toFixed(1)+"k":e.toString()}};Ue([u({attribute:!1})],Se.prototype,"session",2);Ue([u({type:Boolean})],Se.prototype,"selected",2);Se=Ue([k("session-card")],Se);var Ns=Object.defineProperty,zs=Object.getOwnPropertyDescriptor,oe=(e,t,s,i)=>{for(var n=i>1?void 0:i?zs(t,s):t,r=e.length-1,l;r>=0;r--)(l=e[r])&&(n=(i?l(t,s,n):l(n))||n);return i&&n&&Ns(t,s,n),n};let V=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}>
+              ${p("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"}
+          >${p("grid")}</button>
+          <button 
+            class="btn-icon ${this._viewMode==="list"?"btn-icon--active":""}"
+            title="List view"
+            @click=${()=>this._viewMode="list"}
+          >${p("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">${p("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>
+    `}};oe([u({attribute:!1})],V.prototype,"sessions",2);oe([u({type:Boolean})],V.prototype,"loading",2);oe([u({type:Boolean})],V.prototype,"hasMore",2);oe([u({type:String})],V.prototype,"selectedKey",2);oe([c()],V.prototype,"_viewMode",2);V=oe([k("session-list")],V);var qs=Object.defineProperty,Js=Object.getOwnPropertyDescriptor,Q=(e,t,s,i)=>{for(var n=i>1?void 0:i?Js(t,s):t,r=e.length-1,l;r>=0;r--)(l=e[r])&&(n=(i?l(t,s,n):l(n))||n);return i&&n&&qs(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">${p("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">
+          ${p("x")}
+        </button>
+      </div>
+    `}_renderSearch(){return this.session?o`
+      <div class="drawer-search">
+        <div class="search-input-wrapper">
+          ${p("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()}}>
+              ${p("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">
+              ${p("chevronUp")}
+            </button>
+            <button class="btn-icon btn-icon--sm" @click=${()=>this._navigateSearch("next")} title="Next">
+              ${p("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")}>
+            ${p("archiveRestore")} Unarchive
+          </button>
+        `:o`
+          <button class="btn btn--secondary" @click=${()=>this._emit("archive")}>
+            ${p("archive")} Archive
+          </button>
+        `}
+
+        ${t?o`
+          <button class="btn btn--secondary" @click=${()=>this._emit("unpin")}>
+            ${p("pinOff")} Unpin
+          </button>
+        `:o`
+          <button class="btn btn--secondary" @click=${()=>this._emit("pin")}>
+            ${p("pin")} Pin
+          </button>
+        `}
+
+        <button class="btn btn--secondary" @click=${()=>this._emit("export")}>
+          ${p("download")} Export
+        </button>
+
+        <button class="btn btn--danger" @click=${()=>this._emit("delete")}>
+          ${p("trash")} Delete
+        </button>
+      </div>
+    `}};Q([u({attribute:!1})],j.prototype,"session",2);Q([u({type:Boolean})],j.prototype,"open",2);Q([u({type:Boolean})],j.prototype,"loading",2);Q([c()],j.prototype,"_searchQuery",2);Q([c()],j.prototype,"_searchResults",2);Q([c()],j.prototype,"_currentResultIndex",2);j=Q([k("session-detail-drawer")],j);var Gs=Object.defineProperty,Ws=Object.getOwnPropertyDescriptor,X=(e,t,s,i)=>{for(var n=i>1?void 0:i?Ws(t,s):t,r=e.length-1,l;r>=0;r--)(l=e[r])&&(n=(i?l(t,s,n):l(n))||n);return i&&n&&Gs(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()}">
+            ${p(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>
+    `:""}};X([u({type:Boolean})],U.prototype,"open",2);X([u({type:String})],U.prototype,"title",2);X([u({type:String})],U.prototype,"message",2);X([u({type:String})],U.prototype,"confirmText",2);X([u({type:String})],U.prototype,"cancelText",2);X([u({type:String})],U.prototype,"type",2);U=X([k("confirm-dialog")],U);class Vs{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 r=await fetch(`${this.baseUrl}${s}`,{method:t,headers:n,body:i?JSON.stringify(i):void 0});if(!r.ok){const l=await r.json().catch(()=>({error:"Request failed"}));throw new Error(l.error||`HTTP ${r.status}`)}return r.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 Qs=Object.defineProperty,Xs=Object.getOwnPropertyDescriptor,A=(e,t,s,i)=>{for(var n=i>1?void 0:i?Xs(t,s):t,r=e.length-1,l;r>=0;r--)(l=e[r])&&(n=(i?l(t,s,n):l(n))||n);return i&&n&&Qs(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||!this.config?.url)return;const e=this.config.url.replace(/\/+$/,"");this._api=new Vs(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">${p("folderOpen")} ${a("sessions.title")}</h1>
+        <div class="search-box">
+          ${p("search")}
+          <input
+            type="text"
+            placeholder="${a("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)}
+          >
+            ${p(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">${a("sessions.totalSessions")}</div>
+        </div>
+        <div class="stat-card">
+          <div class="stat-value">${this._stats.activeSessions}</div>
+          <div class="stat-label">${a("sessions.activeSessions")}</div>
+        </div>
+        <div class="stat-card">
+          <div class="stat-value">${this._stats.pinnedSessions}</div>
+          <div class="stat-label">${a("sessions.pinnedSessions")}</div>
+        </div>
+        <div class="stat-card">
+          <div class="stat-value">${this._stats.archivedSessions}</div>
+          <div class="stat-label">${a("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 Zs{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 r=await fetch(`${this.baseUrl}${s}`,{method:t,headers:n,body:i?JSON.stringify(i):void 0});if(!r.ok){const l=await r.json().catch(()=>({error:"Request failed"}));throw new Error(l.error||`HTTP ${r.status}`)}return r.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 Ys=Object.defineProperty,ei=Object.getOwnPropertyDescriptor,v=(e,t,s,i)=>{for(var n=i>1?void 0:i?ei(t,s):t,r=e.length-1,l;r>=0;r--)(l=e[r])&&(n=(i?l(t,s,n):l(n))||n);return i&&n&&Ys(t,s,n),n};let _=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||!this.config?.url)return;const e=this.config.url.replace(/\/+$/,"");this._api=new Zs(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||a("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=a("cron.scheduleRequired");return}if(!this._formChatId){this._error=a("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||a("cron.failedToJob",{mode:this._formMode}):a("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||a("cron.failedToToggleJob")}}_showRunConfirm(e){this._confirmOpen=!0,this._confirmTitle=a("cron.runNow"),this._confirmMessage=a("cron.confirmRun"),this._confirmJobId=e.id,this._confirmAction="run"}_showDeleteConfirm(e){this._confirmOpen=!0,this._confirmTitle=a("cron.delete"),this._confirmMessage=a("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||a("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">${p("clock")} ${a("cron.title")}</h1>
+          <div class="cron-manager__actions">
+            <button class="btn btn-secondary" @click=${this._loadJobs} ?disabled=${this._loading}>
+              ${p("refresh")} ${a("logs.refresh")}
+            </button>
+            <button class="btn btn-primary" @click=${()=>this._openForm()}>
+              ${p("plus")} ${a("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">${a("sessions.totalSessions")}</div>
+            </div>
+            <div class="stat-card" style="text-align: center;">
+              <div class="stat-value">${this._metrics.enabledJobs}</div>
+              <div class="stat-label">${a("cron.enabled")}</div>
+            </div>
+            <div class="stat-card" style="text-align: center;">
+              <div class="stat-value">${this._metrics.runningJobs}</div>
+              <div class="stat-label">${a("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">${a("cron.nextRun")}</div>
+            </div>
+          </div>
+        `:m}
+
+        <!-- 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">${p("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>${a("cron.name")}</th>
+                    <th>${a("cron.scheduleLabel")}</th>
+                    <th>${a("cron.nextRun")}</th>
+                    <th>${a("cron.status")}</th>
+                    <th>${a("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)}>
+                            ${p("edit")}
+                          </button>
+                          <button class="btn btn-icon btn-secondary" title="${a("cron.runNow")}" @click=${()=>this._showRunConfirm(e)}>
+                            ${p("play")}
+                          </button>
+                          <button class="btn btn-icon btn-danger" title="${a("cron.delete")}" @click=${()=>this._showDeleteConfirm(e)}>
+                            ${p("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"?a("cron.editJob"):a("cron.addJob")}</h2>
+              <button class="btn-icon" @click=${this._closeForm}>${p("x")}</button>
+            </div>
+            <div class="modal__content">
+              <div class="form-field">
+                <label class="form-field__label">${a("cron.name")}</label>
+                <input
+                  type="text"
+                  class="form-field__input"
+                  .value=${this._formName??""}
+                  @input=${e=>this._formName=e.target.value}
+                  placeholder="${a("cron.namePlaceholder")??"My scheduled task"}"
+                />
+              </div>
+              <div class="form-field">
+                <label class="form-field__label">${a("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="">${a("cron.schedulePresets.custom")}</option>
+                    <option value="*/1 * * * *">${a("cron.schedulePresets.everyMinute")}</option>
+                    <option value="*/5 * * * *">${a("cron.schedulePresets.every5Minutes")}</option>
+                    <option value="*/10 * * * *">${a("cron.schedulePresets.every10Minutes")}</option>
+                    <option value="*/15 * * * *">${a("cron.schedulePresets.every15Minutes")}</option>
+                    <option value="*/30 * * * *">${a("cron.schedulePresets.every30Minutes")}</option>
+                    <option value="0 * * * *">${a("cron.schedulePresets.everyHour")}</option>
+                    <option value="0 */2 * * *">${a("cron.schedulePresets.every2Hours")}</option>
+                    <option value="0 */4 * * *">${a("cron.schedulePresets.every4Hours")}</option>
+                    <option value="0 */6 * * *">${a("cron.schedulePresets.every6Hours")}</option>
+                    <option value="0 */12 * * *">${a("cron.schedulePresets.every12Hours")}</option>
+                    <option value="0 0 * * *">${a("cron.schedulePresets.everyDayMidnight")}</option>
+                    <option value="0 9 * * *">${a("cron.schedulePresets.everyDay9AM")}</option>
+                    <option value="0 21 * * *">${a("cron.schedulePresets.everyDay9PM")}</option>
+                  </select>
+                </div>
+                <p class="form-field__hint">
+                  ${a("cron.scheduleHintPreset")}
+                </p>
+              </div>
+              <div class="form-field">
+                <label class="form-field__label">${a("cron.mode")}</label>
+                <select
+                  class="form-field__select"
+                  .value=${this._formSessionTarget??"main"}
+                  @change=${e=>this._formSessionTarget=e.target.value}
+                >
+                  <option value="main">${a("cron.modeDirectOption")||"Direct (send message directly)"}</option>
+                  <option value="isolated">${a("cron.modeAgentOption")||"AI Agent (process with AI then send)"}</option>
+                </select>
+                <p class="form-field__hint">
+                  ${this._formSessionTarget==="main"?a("cron.modeDirect"):a("cron.modeAgent")}
+                </p>
+              </div>
+              ${this._formSessionTarget==="isolated"?o`
+                <div class="form-field">
+                  <label class="form-field__label">${a("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="">${a("cron.noConfiguredModels")}</option>
+                    `}
+                  </select>
+                </div>
+              `:m}
+              <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;"
+                  >
+                    ${p("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?a("cron.enterManuallyOrSelect"):a("cron.noRecentChats")}
+                </p>
+              </div>
+              <div class="form-field">
+                <label class="form-field__label">${a("cron.message")}</label>
+                <textarea 
+                  class="form-field__textarea"
+                  .value=${this._formMessage??""}
+                  @input=${e=>this._formMessage=e.target.value}
+                  placeholder="${a("cron.messagePlaceholder")??"What should the assistant do?"}"
+                  rows="4"
+                ></textarea>
+              </div>
+            </div>
+            <div class="modal__actions">
+              <button class="btn btn-secondary" @click=${this._closeForm}>${a("common.cancel")}</button>
+              <button 
+                class="btn btn-primary" 
+                @click=${this._submitForm}
+                ?disabled=${this._formSubmitting||!this._formSchedule||!this._formChatId||!this._formMessage}
+              >
+                ${this._formSubmitting?a("common.loading"):this._formMode==="edit"?a("cron.save"):a("cron.create")}
+              </button>
+            </div>
+          </div>
+        </div>
+      `:m}
+
+      <!-- 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}>${p("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">${a("cron.scheduleLabel")}</span>
+                    <code>${this._detailJob?.schedule}</code>
+                  </div>
+                  <div class="session-detail__row">
+                    <span class="session-detail__label">${a("cron.messageLabel")}</span>
+                    <span>${this._detailJob?.message}</span>
+                  </div>
+                  <div class="session-detail__row">
+                    <span class="session-detail__label">${a("cron.status")}</span>
+                    <span>${this._detailJob?.enabled?a("cron.enabled"):a("cron.disabled")}</span>
+                  </div>
+                  <div class="session-detail__row">
+                    <span class="session-detail__label">${a("cron.nextRun")}</span>
+                    <span>${this._detailJob?.next_run?this._formatNextRun(this._detailJob.next_run):"N/A"}</span>
+                  </div>
+                </div>
+              `}
+            </div>
+          </div>
+        </div>
+      `:m}
+
+      <!-- Confirm Dialog -->
+      <confirm-dialog
+        .open=${this._confirmOpen}
+        .title=${this._confirmTitle}
+        .message=${this._confirmMessage}
+        .confirmText=${this._confirmAction==="delete"?a("cron.delete"):a("cron.runNow")}
+        .cancelText=${a("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 a("cron.timeLabels.overdue");if(i<6e4)return a("cron.timeLabels.lessThanMinute");if(i<36e5){const n=Math.floor(i/6e4);return a("cron.timeLabels.minutes",{count:n})}if(i<864e5){const n=Math.floor(i/36e5);return a("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 a("cron.lastActiveLabels.justNow");if(i<36e5){const n=Math.floor(i/6e4);return a("cron.lastActiveLabels.minutesAgo",{count:n})}if(i<864e5){const n=Math.floor(i/36e5);return a("cron.lastActiveLabels.hoursAgo",{count:n})}if(i<6048e5){const n=Math.floor(i/864e5);return a("cron.lastActiveLabels.daysAgo",{count:n})}return t.toLocaleDateString()}_formatTime(e){return new Date(e).toLocaleString()}};v([u({attribute:!1})],_.prototype,"config",2);v([c()],_.prototype,"_jobs",2);v([c()],_.prototype,"_metrics",2);v([c()],_.prototype,"_channels",2);v([c()],_.prototype,"_availableModels",2);v([c()],_.prototype,"_defaultModel",2);v([c()],_.prototype,"_sessionChatIds",2);v([c()],_.prototype,"_loading",2);v([c()],_.prototype,"_error",2);v([c()],_.prototype,"_formOpen",2);v([c()],_.prototype,"_formMode",2);v([c()],_.prototype,"_formJobId",2);v([c()],_.prototype,"_formName",2);v([c()],_.prototype,"_formSchedule",2);v([c()],_.prototype,"_formChannel",2);v([c()],_.prototype,"_formChatId",2);v([c()],_.prototype,"_formMessage",2);v([c()],_.prototype,"_formSessionTarget",2);v([c()],_.prototype,"_formModel",2);v([c()],_.prototype,"_formSubmitting",2);v([c()],_.prototype,"_detailOpen",2);v([c()],_.prototype,"_detailJob",2);v([c()],_.prototype,"_detailHistory",2);v([c()],_.prototype,"_detailLoading",2);v([c()],_.prototype,"_confirmOpen",2);v([c()],_.prototype,"_confirmTitle",2);v([c()],_.prototype,"_confirmMessage",2);v([c()],_.prototype,"_confirmJobId",2);v([c()],_.prototype,"_confirmAction",2);_=v([k("cron-manager")],_);const ti=["trace","debug","info","warn","error","fatal"],fe={trace:"#9ca3af",debug:"#6b7280",info:"#3b82f6",warn:"#f59e0b",error:"#ef4444",fatal:"#dc2626"};class si{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 r=await fetch(`${this.baseUrl}${s}`,{method:t,headers:n,body:i?JSON.stringify(i):void 0});if(!r.ok){const l=await r.json().catch(()=>({error:"Request failed"}));throw new Error(l.error||`HTTP ${r.status}`)}return r.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 ii=Object.defineProperty,ni=Object.getOwnPropertyDescriptor,C=(e,t,s,i)=>{for(var n=i>1?void 0:i?ni(t,s):t,r=e.length-1,l;r>=0;r--)(l=e[r])&&(n=(i?l(t,s,n):l(n))||n);return i&&n&&ii(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||!this.config?.url)return;const e=this.config.url.replace(/\/+$/,"");this._api=new si(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">${p("fileText")}</span>
+          <div class="title-text">
+            <h1>${a("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"
+          >
+            ${p("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?a("logs.pause"):a("logs.autoRefresh")}
+          >
+            ${p(this._autoRefresh?"pause":"play")}
+          </button>
+          <button
+            class="btn-icon"
+            @click=${()=>this._loadLogs(!0)}
+            title=${a("logs.refresh")}
+          >
+            ${p("refreshCw")}
+          </button>
+        </div>
+      </div>
+    `}_renderFilters(){return o`
+      <div class="log-manager__filters">
+        <div class="filter-group">
+          <label class="filter-label">${a("logs.level")}</label>
+          <div class="level-filters">
+            ${ti.map(e=>o`
+              <button
+                class="level-badge ${this._selectedLevels.has(e)?"level-badge--active":""}"
+                style="--level-color: ${fe[e]}"
+                @click=${()=>this._toggleLevel(e)}
+              >
+                ${e}
+              </button>
+            `)}
+          </div>
+        </div>
+
+        <div class="filter-group">
+          <label class="filter-label">${a("logs.search")}</label>
+          <div class="search-box">
+            ${p("search")}
+            <input
+              type="text"
+              placeholder="${a("logs.searchPlaceholder")}"
+              .value=${this._searchQuery}
+              @input=${this._handleSearch}
+            />
+          </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}>
+            ${p("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">${p("fileText")}</div>
+            <div class="empty-state__title">${a("logs.noLogs")}</div>
+            <div class="empty-state__description">
+              ${a("logs.noLogsDescription")}
+            </div>
+          </div>
+        </div>
+      `:o`
+      <div class="log-table-container">
+        <table class="log-table">
+          <thead>
+            <tr>
+              <th>${a("logs.time")}</th>
+              <th>${a("logs.level")}</th>
+              <th>${a("logs.module")}</th>
+              <th>${a("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: ${fe[e.level]||fe.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>`:p("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">
+            ${p("folder")}
+            Log Files
+          </span>
+          <button class="btn btn-icon" @click=${this._toggleFilesPanel}>
+            ${p("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">${p("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">${a("logs.details")}</h3>
+          <button class="btn btn-icon" @click=${this._closeDetail}>${p("x")}</button>
+        </div>
+        <div class="drawer__content">
+          <div class="log-detail">
+            <div class="log-detail__field">
+              <label>${a("logs.time")}</label>
+              <code>${e.timestamp}</code>
+            </div>
+            <div class="log-detail__field">
+              <label>${a("logs.level")}</label>
+              <span
+                class="level-badge"
+                style="--level-color: ${fe[e.level]}"
+              >
+                ${e.level}
+              </span>
+            </div>
+            <div class="log-detail__field">
+              <label>${a("logs.module")}</label>
+              <code>${e.module}</code>
+            </div>
+            <div class="log-detail__field">
+              <label>${a("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 oi=Object.defineProperty,ri=Object.getOwnPropertyDescriptor,D=(e,t,s,i)=>{for(var n=i>1?void 0:i?ri(t,s):t,r=e.length-1,l;r>=0;r--)(l=e[r])&&(n=(i?l(t,s,n):l(n))||n);return i&&n&&oi(t,s,n),n};let P=class extends y{constructor(){super(...arguments),this._activeSection="agent",this._loading=!1,this._saving=!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:"",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.config?.url&&this._loadSettings()}get _sections(){const e=this._models.map(t=>({value:t.id,label:`${t.provider}/${t.name}`}));return[{id:"agent",title:a("settings.sections.agent"),icon:"bot",fields:[{key:"model",label:a("settings.fields.model"),type:"select",description:a("settings.descriptionsFields.model"),options:e},{key:"workspace",label:a("settings.fields.workspace"),type:"text",description:a("settings.descriptionsFields.workspace"),placeholder:a("settings.placeholders.workspace")},{key:"maxTokens",label:a("settings.fields.maxTokens"),type:"number",description:a("settings.descriptionsFields.maxTokens"),validation:{min:256,max:128e3}},{key:"temperature",label:a("settings.fields.temperature"),type:"number",description:a("settings.descriptionsFields.temperature"),validation:{min:0,max:2}},{key:"maxToolIterations",label:a("settings.fields.maxToolIterations"),type:"number",description:a("settings.descriptionsFields.maxToolIterations"),validation:{min:1,max:100}}]},{id:"providers",title:a("settings.sections.providers"),icon:"cloud",fields:[{key:"openaiApiKey",label:a("settings.fields.openaiApiKey"),type:"password",description:a("settings.descriptionsFields.openaiApiKey"),placeholder:a("settings.placeholders.openaiApiKey")},{key:"anthropicApiKey",label:a("settings.fields.anthropicApiKey"),type:"password",description:a("settings.descriptionsFields.anthropicApiKey"),placeholder:a("settings.placeholders.anthropicApiKey")},{key:"googleApiKey",label:a("settings.fields.googleApiKey"),type:"password",description:a("settings.descriptionsFields.googleApiKey"),placeholder:a("settings.placeholders.googleApiKey")},{key:"qwenApiKey",label:a("settings.fields.qwenApiKey"),type:"password",description:a("settings.descriptionsFields.qwenApiKey"),placeholder:a("settings.placeholders.qwenApiKey")},{key:"kimiApiKey",label:a("settings.fields.kimiApiKey"),type:"password",description:a("settings.descriptionsFields.kimiApiKey"),placeholder:a("settings.placeholders.kimiApiKey")},{key:"minimaxApiKey",label:a("settings.fields.minimaxApiKey"),type:"password",description:a("settings.descriptionsFields.minimaxApiKey"),placeholder:a("settings.placeholders.minimaxApiKey")},{key:"deepseekApiKey",label:a("settings.fields.deepseekApiKey"),type:"password",description:a("settings.descriptionsFields.deepseekApiKey"),placeholder:a("settings.placeholders.deepseekApiKey")},{key:"openrouterApiKey",label:a("settings.fields.openrouterApiKey"),type:"password",description:a("settings.descriptionsFields.openrouterApiKey"),placeholder:a("settings.placeholders.openrouterApiKey")}]},{id:"channels",title:a("settings.sections.channels"),icon:"plug",fields:[{key:"telegramEnabled",label:a("settings.fields.telegramEnabled"),type:"boolean",description:a("settings.descriptionsFields.telegramEnabled")},...this._values.telegramEnabled?[{key:"telegramToken",label:a("settings.fields.telegramToken"),type:"password",description:a("settings.descriptionsFields.telegramToken"),placeholder:a("settings.placeholders.telegramToken")},{key:"telegramApiRoot",label:a("settings.fields.telegramApiRoot"),type:"text",description:a("settings.descriptionsFields.telegramApiRoot"),placeholder:a("settings.placeholders.telegramApiRoot")},{key:"telegramAllowFrom",label:a("settings.fields.telegramAllowFrom"),type:"text",description:a("settings.descriptionsFields.telegramAllowFrom"),placeholder:a("settings.placeholders.telegramAllowFrom")},{key:"telegramDebug",label:a("settings.fields.telegramDebug"),type:"boolean",description:a("settings.descriptionsFields.telegramDebug")}]:[],{key:"whatsappEnabled",label:a("settings.fields.whatsappEnabled"),type:"boolean",description:a("settings.descriptionsFields.whatsappEnabled")},...this._values.whatsappEnabled?[{key:"whatsappBridgeUrl",label:a("settings.fields.whatsappBridgeUrl"),type:"text",description:a("settings.descriptionsFields.whatsappBridgeUrl"),placeholder:a("settings.placeholders.whatsappBridgeUrl")},{key:"whatsappAllowFrom",label:a("settings.fields.whatsappAllowFrom"),type:"text",description:a("settings.descriptionsFields.whatsappAllowFrom"),placeholder:a("settings.placeholders.whatsappAllowFrom")}]:[]]},{id:"gateway",title:a("settings.sections.gateway"),icon:"globe",fields:[{key:"heartbeatEnabled",label:a("settings.fields.heartbeatEnabled"),type:"boolean",description:a("settings.descriptionsFields.heartbeatEnabled")},{key:"heartbeatIntervalMs",label:a("settings.fields.heartbeatIntervalMs"),type:"number",description:a("settings.descriptionsFields.heartbeatIntervalMs"),validation:{min:1e3,max:6e5}}]}]}async _loadSettings(){if(!this.config?.url)return;this._loading=!0;const{url:e,token:t}=this.config;try{await this._loadModels();const s=await fetch(`${e}/api/config`,{headers:t?{Authorization:`Bearer ${t}`}:{}});if(s.ok){const n=(await s.json()).payload?.config;if(n){let r=n.agents?.defaults?.model;r&&typeof r=="object"&&(r=r.primary||""),this._values={...this._values,model:r||"anthropic/claude-sonnet-4-5",workspace:n.agents?.defaults?.workspace||"",maxTokens:n.agents?.defaults?.maxTokens||8192,temperature:n.agents?.defaults?.temperature??.7,maxToolIterations:n.agents?.defaults?.maxToolIterations||20,openaiApiKey:n.providers?.openai?.apiKey||"",anthropicApiKey:n.providers?.anthropic?.apiKey||"",googleApiKey:n.providers?.google?.apiKey||"",qwenApiKey:n.providers?.qwen?.apiKey||"",kimiApiKey:n.providers?.kimi?.apiKey||"",minimaxApiKey:n.providers?.minimax?.apiKey||"",deepseekApiKey:n.providers?.deepseek?.apiKey||"",openrouterApiKey:n.providers?.openrouter?.apiKey||"",telegramEnabled:n.channels?.telegram?.enabled||!1,telegramToken:n.channels?.telegram?.token||"",telegramApiRoot:n.channels?.telegram?.apiRoot||"",telegramDebug:n.channels?.telegram?.debug||!1,telegramAllowFrom:(n.channels?.telegram?.allowFrom||[]).join(", "),whatsappEnabled:n.channels?.whatsapp?.enabled||!1,whatsappBridgeUrl:n.channels?.whatsapp?.bridgeUrl||"ws://localhost:3001",whatsappAllowFrom:(n.channels?.whatsapp?.allowFrom||[]).join(", "),heartbeatEnabled:n.gateway?.heartbeat?.enabled??!0,heartbeatIntervalMs:n.gateway?.heartbeat?.intervalMs||6e4}}}}catch(s){console.error("Failed to load settings:",s)}finally{this._loading=!1}}async _loadModels(){if(this.config?.url)try{const{url:e,token:t}=this.config,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.config?.url||this._errors.size>0)return;this._saving=!0,this._saveSuccess=!1;const{url:e,token:t}=this.config,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(r=>this._dirtyFields.has(r)).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(r=>r.trim()).filter(r=>r):[])),(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(r=>r.trim()).filter(r=>r):[]))),(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 r=await fetch(`${e}/api/config`,{method:"PATCH",headers:{"Content-Type":"application/json",...t?{Authorization:`Bearer ${t}`}:{}},body:JSON.stringify(s)});if(!r.ok){const l=await r.json();throw new Error(l.error||"Failed to save settings")}this._dirtyFields.clear(),this._saveSuccess=!0,setTimeout(()=>{this._saveSuccess=!1},3e3)}catch(r){console.error("Failed to save settings:",r),alert(r instanceof Error?r.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>${a("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}
+              >
+                ${p(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>${a("settings.loading")}</p>
+            </div>
+          `:this._renderSection()}
+        </div>
+
+        <!-- Save button floating -->
+        ${this._dirtyFields.size>0?o`
+          <div class="floating-save">
+            <span class="dirty-count">${a("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>
+                ${a("settings.saving")}
+              `:o`
+                <span>${p("save")}</span>
+                ${a("settings.saveChanges")}
+              `}
+            </button>
+          </div>
+        `:""}
+      </div>
+    `}_renderSection(){const e=this._sections.find(s=>s.id===this._activeSection);if(!e)return o`<div>${a("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">${a(t)}</p>
+        </div>
+
+        <div class="fields-grid">
+          ${e.fields.map(s=>this._renderField(s))}
+        </div>
+      </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||a("settings.enableFeature")}</span>
+      </label>
+    `}};D([u({attribute:!1})],P.prototype,"config",2);D([c()],P.prototype,"_activeSection",2);D([c()],P.prototype,"_loading",2);D([c()],P.prototype,"_saving",2);D([c()],P.prototype,"_dirtyFields",2);D([c()],P.prototype,"_errors",2);D([c()],P.prototype,"_saveSuccess",2);D([c()],P.prototype,"_models",2);D([c()],P.prototype,"_values",2);P=D([k("settings-page")],P);function ai(){return[{label:a("nav.chat"),tabs:["chat"]},{label:a("nav.management"),tabs:["sessions","cron","logs"]},{label:a("nav.settings"),tabs:["settings"]}]}function li(e){return a(`nav.${e}`)}const ci={chat:"messageSquare",sessions:"folderOpen",cron:"clock",logs:"fileText",settings:"settings"};function hi(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 st(e){switch(e.type){case"recent":return"#/chat";case"new":return"#/chat/new";case"session":return`#/chat/${encodeURIComponent(e.sessionKey)}`}}function di(e,t,s){const i=ci[e],n=li(e);return o`
+    <button 
+      class="nav-item ${t?"nav-item--active":""}"
+      @click=${s}
+      role="tab"
+      aria-selected=${t}
+    >
+      <span class="nav-item__icon">${p(i)}</span>
+      <span class="nav-item__text">${n}</span>
+    </button>
+  `}var pi=Object.defineProperty,ui=Object.getOwnPropertyDescriptor,R=(e,t,s,i)=>{for(var n=i>1?void 0:i?ui(t,s):t,r=e.length-1,l;r>=0;r--)(l=e[r])&&(n=(i?l(t,s,n):l(n))||n);return i&&n&&pi(t,s,n),n};let I=class extends y{constructor(){super(...arguments),this._activeTab="chat",this._navCollapsed=!1,this._navMobileOpen=!1,this._theme="system",this._language="en",this._chatRoute={type:"recent"}}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),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=hi(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=st(this._chatRoute):t=`#${e}`,location.hash!==t&&history.pushState(null,"",t),this._navMobileOpen=!1}_updateChatRoute(e){this._chatRoute=e;const t=st(e);history.pushState(null,"",t)}_loadTheme(){const e=localStorage.getItem("xopcbot-theme");e&&(this._theme=e),this._applyTheme()}_loadLanguage(){const e=localStorage.getItem("xopcbot-language");e&&(this._language=e,tt(e))}_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,localStorage.setItem("xopcbot-theme",e),this._applyTheme()}_setLanguage(e){this._language=e,tt(e),localStorage.setItem("xopcbot-language",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}render(){return 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">${p("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>
+        `:m}
+
+        <div class="shell-main">
+          <!-- Sidebar Navigation -->
+          <aside class="nav ${this._navCollapsed?"nav--collapsed":""} ${this._navMobileOpen?"nav--mobile-open":""}">
+            ${ai().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=>di(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():m}
+            ${this._activeTab==="sessions"?this._renderSessions():m}
+            ${this._activeTab==="cron"?this._renderCron():m}
+            ${this._activeTab==="logs"?this._renderLogs():m}
+            ${this._activeTab==="settings"?this._renderSettings():m}
+          </main>
+        </div>
+      </div>
+    `}_renderChat(){return o`
+      <xopcbot-gateway-chat
+        .config=${this.gatewayConfig}
+        .route=${this._chatRoute}
+        .enableAttachments=${!0}
+        .enableModelSelector=${!0}
+        .enableThinkingSelector=${!0}
+        @route-change=${e=>this._updateChatRoute(e.detail)}
+      ></xopcbot-gateway-chat>
+    `}_renderSessions(){const e=this.gatewayConfig?.url||"",t=this.gatewayConfig?.token;return o`
+      <session-manager
+        .config=${{url:e,token:t}}
+      ></session-manager>
+    `}_renderCron(){const e=this.gatewayConfig?.url||"",t=this.gatewayConfig?.token;return o`
+      <cron-manager
+        .config=${{url:e,token:t}}
+      ></cron-manager>
+    `}_renderLogs(){const e=this.gatewayConfig?.url||"",t=this.gatewayConfig?.token;return o`
+      <log-manager
+        .config=${{url:e,token:t}}
+      ></log-manager>
+    `}_renderSettings(){const e=this.gatewayConfig?.url||"",t=this.gatewayConfig?.token;return o`
+      <settings-page
+        .config=${{url:e,token:t}}
+      ></settings-page>
+    `}showChat(){this._activeTab="chat"}get chatElement(){return this._chatElement}};R([u({attribute:!1})],I.prototype,"gatewayConfig",2);R([c()],I.prototype,"_activeTab",2);R([c()],I.prototype,"_navCollapsed",2);R([c()],I.prototype,"_navMobileOpen",2);R([c()],I.prototype,"_theme",2);R([c()],I.prototype,"_language",2);R([c()],I.prototype,"_chatRoute",2);R([ie("xopcbot-gateway-chat")],I.prototype,"_chatElement",2);I=R([k("xopcbot-app")],I);var gi=Object.defineProperty,mi=Object.getOwnPropertyDescriptor,O=(e,t,s,i)=>{for(var n=i>1?void 0:i?mi(t,s):t,r=e.length-1,l;r>=0;r--)(l=e[r])&&(n=(i?l(t,s,n):l(n))||n);return i&&n&&gi(t,s,n),n};let F=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">${a("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">${a(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),r=this._errors.get(s),l=this._showPasswords.has(s);return o`
+      <div class="field-group ${r?"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):""}
+
+        ${r?o`
+          <div class="field-error">
+            <AlertCircle class="w-4 h-4" />
+            <span>${r}</span>
+          </div>
+        `:""}
+
+        ${n&&!r?o`
+          <div class="field-dirty">${a("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=${r=>this._handleInput(e,s,r.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||a("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?.()}>
+          ${a("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" />
+            ${a("settings.saving")}
+          `:o`
+            <Save class="w-4 h-4" />
+            ${a("settings.saveChanges")}
+          `}
+        </button>
+      </div>
+    `}_getValue(e){return this.values[e]}_handleInput(e,t,s){e.validation?.required&&!s?this._errors.set(t,a("settings.required",{field:e.label})):e.validation?.pattern&&s?new RegExp(e.validation.pattern).test(s)?this._errors.delete(t):this._errors.set(t,a("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)}};O([u({attribute:!1})],F.prototype,"sections",2);O([u({attribute:!1})],F.prototype,"values",2);O([u({type:Boolean})],F.prototype,"loading",2);O([u({attribute:!1})],F.prototype,"onSave",2);O([u({attribute:!1})],F.prototype,"onClose",2);O([c()],F.prototype,"_activeSection",2);O([c()],F.prototype,"_dirtyFields",2);O([c()],F.prototype,"_showPasswords",2);O([c()],F.prototype,"_errors",2);F=O([k("xopcbot-settings")],F);var _i=Object.defineProperty,vi=Object.getOwnPropertyDescriptor,Z=(e,t,s,i)=>{for(var n=i>1?void 0:i?vi(t,s):t,r=e.length-1,l;r>=0;r--)(l=e[r])&&(n=(i?l(t,s,n):l(n))||n);return i&&n&&_i(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">${te("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">${te("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>
+    `}};Z([u({attribute:!1})],H.prototype,"agent",2);Z([u({type:Boolean})],H.prototype,"enableAttachments",2);Z([u({type:Boolean})],H.prototype,"enableModelSelector",2);Z([u({type:Boolean})],H.prototype,"enableThinkingSelector",2);Z([ie("message-editor")],H.prototype,"_messageEditor",2);Z([ie("streaming-message-container")],H.prototype,"_streamingContainer",2);H=Z([k("xopcbot-chat")],H);
+//# sourceMappingURL=main-CfIxL-cL.js.map