snice 5.2.3 → 6.0.0

package/dist/cdn/chat/snice-chat.min.js

@@ -1,14 +1,14 @@
 /*!
- * snice v5.2.3
+ * snice v6.0.0
  * A decorator-driven web component library with differential rendering, routing, controllers, and 130+ ready-made UI components. Use as much or as little as you want. Zero dependencies, works anywhere.
  * (c) 2024
  * Released under the MIT License.
  */
-void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be loaded before snice-chat.min.js");var SniceChat=function(e,t){"use strict";function s(e,t,s,i,a,n){function r(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var o,c=i.kind,l="getter"===c?"get":"setter"===c?"set":"value",m=!t&&e?i.static?e:e.prototype:null,d=t||(m?Object.getOwnPropertyDescriptor(m,i.name):{}),p=!1,h=s.length-1;h>=0;h--){var g={};for(var u in i)g[u]="access"===u?{}:i[u];for(var u in i.access)g.access[u]=i.access[u];g.addInitializer=function(e){if(p)throw new TypeError("Cannot add initializers after decoration has completed");n.push(r(e||null))};var v=(0,s[h])("accessor"===c?{get:d.get,set:d.set}:d[l],g);if("accessor"===c){if(void 0===v)continue;if(null===v||"object"!=typeof v)throw new TypeError("Object expected");(o=r(v.get))&&(d.get=o),(o=r(v.set))&&(d.set=o),(o=r(v.init))&&a.unshift(o)}else(o=r(v))&&("field"===c?a.unshift(o):d[l]=o)}m&&Object.defineProperty(m,i.name,d),p=!0}function i(e,t,s){for(var i=arguments.length>2,a=0;a<t.length;a++)s=i?t[a].call(e,s):t[a].call(e);return i?s:void 0}"function"==typeof SuppressedError&&SuppressedError;(()=>{let e,a,n,r,o,c,l,m,d,p,h,g=[t.element("snice-empty-state")],u=[],v=HTMLElement,f=[],y=[],b=[],x=[],w=[],k=[],z=[],$=[],T=[],_=[],M=[],S=[],A=[];(class extends v{static{a=this}static{const j="function"==typeof Symbol&&Symbol.metadata?Object.create(v[Symbol.metadata]??null):void 0;n=[t.property({})],r=[t.property({})],o=[t.property({})],c=[t.property({})],l=[t.property({attribute:"action-text"})],m=[t.property({attribute:"action-href"})],d=[t.render()],p=[t.styles()],h=[t.dispatch("empty-state-action",{bubbles:!0,composed:!0})],s(this,null,d,{kind:"method",name:"render",static:!1,private:!1,access:{has:e=>"render"in e,get:e=>e.render},metadata:j},null,f),s(this,null,p,{kind:"method",name:"styles",static:!1,private:!1,access:{has:e=>"styles"in e,get:e=>e.styles},metadata:j},null,f),s(this,null,h,{kind:"method",name:"dispatchActionEvent",static:!1,private:!1,access:{has:e=>"dispatchActionEvent"in e,get:e=>e.dispatchActionEvent},metadata:j},null,f),s(null,null,n,{kind:"field",name:"size",static:!1,private:!1,access:{has:e=>"size"in e,get:e=>e.size,set:(e,t)=>{e.size=t}},metadata:j},y,b),s(null,null,r,{kind:"field",name:"icon",static:!1,private:!1,access:{has:e=>"icon"in e,get:e=>e.icon,set:(e,t)=>{e.icon=t}},metadata:j},x,w),s(null,null,o,{kind:"field",name:"title",static:!1,private:!1,access:{has:e=>"title"in e,get:e=>e.title,set:(e,t)=>{e.title=t}},metadata:j},k,z),s(null,null,c,{kind:"field",name:"description",static:!1,private:!1,access:{has:e=>"description"in e,get:e=>e.description,set:(e,t)=>{e.description=t}},metadata:j},$,T),s(null,null,l,{kind:"field",name:"actionText",static:!1,private:!1,access:{has:e=>"actionText"in e,get:e=>e.actionText,set:(e,t)=>{e.actionText=t}},metadata:j},_,M),s(null,null,m,{kind:"field",name:"actionHref",static:!1,private:!1,access:{has:e=>"actionHref"in e,get:e=>e.actionHref,set:(e,t)=>{e.actionHref=t}},metadata:j},S,A),s(null,e={value:a},g,{kind:"class",name:a.name,metadata:j},null,u),a=e.value,j&&Object.defineProperty(a,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:j}),i(a,u)}render(){const e=["empty-state",`empty-state--${this.size}`].filter(Boolean).join(" ");return t.html`
+void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be loaded before snice-chat.min.js");var SniceChat=function(e,t){"use strict";function i(e,t,i,a,s,n){function r(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var o,c=a.kind,l="getter"===c?"get":"setter"===c?"set":"value",d=!t&&e?a.static?e:e.prototype:null,m=t||(d?Object.getOwnPropertyDescriptor(d,a.name):{}),h=!1,p=i.length-1;p>=0;p--){var g={};for(var u in a)g[u]="access"===u?{}:a[u];for(var u in a.access)g.access[u]=a.access[u];g.addInitializer=function(e){if(h)throw new TypeError("Cannot add initializers after decoration has completed");n.push(r(e||null))};var v=(0,i[p])("accessor"===c?{get:m.get,set:m.set}:m[l],g);if("accessor"===c){if(void 0===v)continue;if(null===v||"object"!=typeof v)throw new TypeError("Object expected");(o=r(v.get))&&(m.get=o),(o=r(v.set))&&(m.set=o),(o=r(v.init))&&s.unshift(o)}else(o=r(v))&&("field"===c?s.unshift(o):m[l]=o)}d&&Object.defineProperty(d,a.name,m),h=!0}function a(e,t,i){for(var a=arguments.length>2,s=0;s<t.length;s++)i=a?t[s].call(e,i):t[s].call(e);return a?i:void 0}"function"==typeof SuppressedError&&SuppressedError;const s=["hsl(214 55% 48%)","hsl(27 62% 50%)","hsl(160 40% 40%)","hsl(275 32% 52%)","hsl(42 62% 48%)","hsl(340 42% 55%)","hsl(110 32% 42%)","hsl(195 45% 46%)"];(()=>{let e,s,n,r,o,c,l,d,m,h,p,g=[t.element("snice-empty-state")],u=[],v=HTMLElement,b=[],f=[],y=[],x=[],k=[],w=[],$=[],z=[],S=[],C=[],M=[],_=[],T=[];(class extends v{static{s=this}static{const A="function"==typeof Symbol&&Symbol.metadata?Object.create(v[Symbol.metadata]??null):void 0;n=[t.property({})],r=[t.property({})],o=[t.property({})],c=[t.property({})],l=[t.property({attribute:"action-text"})],d=[t.property({attribute:"action-href"})],m=[t.render()],h=[t.styles()],p=[t.dispatch("empty-state-action",{bubbles:!0,composed:!0})],i(this,null,m,{kind:"method",name:"render",static:!1,private:!1,access:{has:e=>"render"in e,get:e=>e.render},metadata:A},null,b),i(this,null,h,{kind:"method",name:"styles",static:!1,private:!1,access:{has:e=>"styles"in e,get:e=>e.styles},metadata:A},null,b),i(this,null,p,{kind:"method",name:"dispatchActionEvent",static:!1,private:!1,access:{has:e=>"dispatchActionEvent"in e,get:e=>e.dispatchActionEvent},metadata:A},null,b),i(null,null,n,{kind:"field",name:"size",static:!1,private:!1,access:{has:e=>"size"in e,get:e=>e.size,set:(e,t)=>{e.size=t}},metadata:A},f,y),i(null,null,r,{kind:"field",name:"icon",static:!1,private:!1,access:{has:e=>"icon"in e,get:e=>e.icon,set:(e,t)=>{e.icon=t}},metadata:A},x,k),i(null,null,o,{kind:"field",name:"title",static:!1,private:!1,access:{has:e=>"title"in e,get:e=>e.title,set:(e,t)=>{e.title=t}},metadata:A},w,$),i(null,null,c,{kind:"field",name:"description",static:!1,private:!1,access:{has:e=>"description"in e,get:e=>e.description,set:(e,t)=>{e.description=t}},metadata:A},z,S),i(null,null,l,{kind:"field",name:"actionText",static:!1,private:!1,access:{has:e=>"actionText"in e,get:e=>e.actionText,set:(e,t)=>{e.actionText=t}},metadata:A},C,M),i(null,null,d,{kind:"field",name:"actionHref",static:!1,private:!1,access:{has:e=>"actionHref"in e,get:e=>e.actionHref,set:(e,t)=>{e.actionHref=t}},metadata:A},_,T),i(null,e={value:s},g,{kind:"class",name:s.name,metadata:A},null,u),s=e.value,A&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:A}),a(s,u)}render(){const e=["empty-state",`empty-state--${this.size}`].filter(Boolean).join(" ");return t.html`
       <div class="${e}" part="container">
         <div class="empty-state__icon-wrapper" part="icon">
           <slot name="icon">
-            ${function(e,s="icon"){if(!e)return t.html``;if(e.startsWith("img://")){const i=e.slice(6);return t.html`<img class="${s}" src="${i}" alt="" part="icon" />`}if(e.startsWith("text://")){const i=e.slice(7);return t.html`<span class="${s}" part="icon">${i}</span>`}return/^(https?:\/\/|\/|\.\/|\.\.\/|data:)/.test(e)||/^[^:]*\w\.(svg|png|jpe?g|jfif|pjp|gif|webp|avif|jxl|ico|cur|bmp|tiff?|heic|heif|apng)(\?.*)?$/i.test(e)?t.html`<img class="${s}" src="${e}" alt="" part="icon" />`:/^[a-z][a-z0-9_]*$/.test(e)?t.html`<span class="${s} snice-icon-ligature" style="font-family:var(--snice-icon-font,'Material Symbols Outlined'),sans-serif" part="icon">${e}</span>`:t.html`<span class="${s}" part="icon">${e}</span>`}(this.icon,"empty-state__icon")}
+            ${function(e,i="icon"){if(!e)return t.html``;if(e.startsWith("img://")){const a=e.slice(6);return t.html`<img class="${i}" src="${a}" alt="" part="icon" />`}if(e.startsWith("text://")){const a=e.slice(7);return t.html`<span class="${i}" part="icon">${a}</span>`}return/^(https?:\/\/|\/|\.\/|\.\.\/|data:)/.test(e)||/^[^:]*\w\.(svg|png|jpe?g|jfif|pjp|gif|webp|avif|jxl|ico|cur|bmp|tiff?|heic|heif|apng)(\?.*)?$/i.test(e)?t.html`<img class="${i}" src="${e}" alt="" part="icon" />`:/^[a-z][a-z0-9_]*$/.test(e)?t.html`<span class="${i} snice-icon-ligature" style="font-family:var(--snice-icon-font,'Material Symbols Outlined'),sans-serif" part="icon">${e}</span>`:t.html`<span class="${i}" part="icon">${e}</span>`}(this.icon,"empty-state__icon")}
           </slot>
         </div>
         <h3 class="empty-state__title" part="title">${this.title}</h3>
@@ -37,7 +37,10 @@ void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be lo
         </if>
         <div class="empty-state__extra"><slot></slot></div>
       </div>
-    `}styles(){return t.css`${":host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--snice-spacing-2xl,3rem) var(--snice-spacing-xl,2rem);color:var(--snice-color-text-secondary,rgb(82 82 82));animation:snice-empty-in 360ms var(--snice-ease-out,ease) backwards}@keyframes snice-empty-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.empty-state--small{padding:var(--snice-spacing-xl,2rem) var(--snice-spacing-lg,1.5rem)}.empty-state--medium{padding:var(--snice-spacing-2xl,3rem) var(--snice-spacing-xl,2rem)}.empty-state--large{padding:var(--snice-spacing-3xl,4rem) var(--snice-spacing-2xl,2.5rem)}.empty-state__icon-wrapper{display:flex;align-items:center;justify-content:center;margin-bottom:var(--snice-spacing-lg,1.5rem);position:relative;width:calc(var(--snice-font-size-4xl,4rem) * 1.8);height:calc(var(--snice-font-size-4xl,4rem) * 1.8)}.empty-state__icon-wrapper::before{content:'';position:absolute;inset:0;border-radius:50%;border:1px dashed color-mix(in srgb,var(--snice-color-border,#ddd) 70%,transparent);animation:18s linear infinite snice-empty-halo}@keyframes snice-empty-halo{to{transform:rotate(360deg)}}.empty-state__icon{font-size:var(--snice-font-size-4xl, 4rem);opacity:.5;line-height:1}.empty-state__icon-wrapper ::slotted(*){display:flex;align-items:center;justify-content:center;font-size:var(--snice-font-size-4xl, 4rem);opacity:.5;line-height:1}.empty-state__icon-wrapper ::slotted(svg){width:var(--snice-font-size-4xl,4rem);height:var(--snice-font-size-4xl,4rem)}.empty-state__icon-wrapper ::slotted(img){width:var(--snice-font-size-4xl,4rem);height:var(--snice-font-size-4xl,4rem);object-fit:contain}.empty-state--small .empty-state__icon-wrapper{margin-bottom:var(--snice-spacing-md,1rem);width:calc(var(--snice-font-size-3xl,3rem) * 1.8);height:calc(var(--snice-font-size-3xl,3rem) * 1.8)}.empty-state--small .empty-state__icon{font-size:var(--snice-font-size-3xl, 3rem)}.empty-state--small .empty-state__icon-wrapper ::slotted(*){font-size:var(--snice-font-size-3xl, 3rem)}.empty-state--small .empty-state__icon-wrapper ::slotted(img),.empty-state--small .empty-state__icon-wrapper ::slotted(svg){width:var(--snice-font-size-3xl,3rem);height:var(--snice-font-size-3xl,3rem)}.empty-state--large .empty-state__icon-wrapper{margin-bottom:var(--snice-spacing-xl,2rem);width:calc(var(--snice-font-size-5xl,5rem) * 1.8);height:calc(var(--snice-font-size-5xl,5rem) * 1.8)}.empty-state--large .empty-state__icon{font-size:var(--snice-font-size-5xl, 5rem)}.empty-state--large .empty-state__icon-wrapper ::slotted(*){font-size:var(--snice-font-size-5xl, 5rem)}.empty-state--large .empty-state__icon-wrapper ::slotted(img),.empty-state--large .empty-state__icon-wrapper ::slotted(svg){width:var(--snice-font-size-5xl,5rem);height:var(--snice-font-size-5xl,5rem)}.empty-state__title{font-family:var(--snice-font-family-display);font-size:var(--snice-heading-lg, 1.25rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text,rgb(23 23 23));margin:0 0 var(--snice-spacing-xs,.5rem) 0}.empty-state--small .empty-state__title{font-family:var(--snice-font-family-display);font-size:var(--snice-heading-md, 1.125rem);margin-bottom:var(--snice-spacing-2xs,.375rem)}.empty-state--large .empty-state__title{font-family:var(--snice-font-family-display);font-size:var(--snice-heading-xl, 1.5rem);margin-bottom:var(--snice-spacing-sm,.75rem)}.empty-state__description{font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text-secondary,rgb(82 82 82));margin:0 0 var(--snice-spacing-lg,1.5rem) 0;max-width:32rem;line-height:var(--snice-line-height-normal, 1.5)}.empty-state--small .empty-state__description{font-size:var(--snice-font-size-xs, .8125rem);margin-bottom:var(--snice-spacing-md,1rem)}.empty-state--large .empty-state__description{font-size:var(--snice-font-size-md, 1rem);margin-bottom:var(--snice-spacing-xl,2rem)}.empty-state__action{display:inline-flex;align-items:center;justify-content:center;padding:var(--snice-spacing-xs,.5rem) var(--snice-spacing-md,1rem);font-size:var(--snice-font-size-sm, .875rem);font-weight:var(--snice-font-weight-medium,500);color:var(--snice-color-text-inverse,rgb(250 250 250));background:var(--snice-color-primary,rgb(37 99 235));border:none;border-radius:var(--snice-border-radius-md,.375rem);text-decoration:none;cursor:pointer;transition:background var(--snice-transition-fast, 150ms)}.empty-state__action:hover{background:var(--snice-color-primary-hover,rgb(29 78 216))}.empty-state--small .empty-state__action{padding:var(--snice-spacing-2xs,.375rem) var(--snice-spacing-sm,.75rem);font-size:var(--snice-font-size-xs, .8125rem)}.empty-state--large .empty-state__action{padding:var(--snice-spacing-sm,.625rem) var(--snice-spacing-lg,1.25rem);font-size:var(--snice-font-size-md, 1rem)}.empty-state__extra ::slotted(*){margin-top:var(--snice-spacing-md,1rem)}"}`}handleActionClick(e){this.actionHref||e.preventDefault(),this.dispatchActionEvent()}dispatchActionEvent(){return{emptyState:this}}constructor(){super(...arguments),this.size=(i(this,f),i(this,y,"medium")),this.icon=(i(this,b),i(this,x,"📭")),this.title=(i(this,w),i(this,k,"No data")),this.description=(i(this,z),i(this,$,"")),this.actionText=(i(this,T),i(this,_,"")),this.actionHref=(i(this,M),i(this,S,"")),i(this,A)}})})();let a=(()=>{let e,a,n,r,o,c,l,m,d,p,h,g,u,v,f,y,b,x,w,k,z,$,T,_,M=[t.element("snice-chat")],S=[],A=HTMLElement,j=[],I=[],E=[],F=[],C=[],H=[],B=[],D=[],R=[],U=[],O=[],L=[],V=[],K=[],Y=[],P=[],q=[],N=[],W=[],G=[],J=[];return class extends A{static{a=this}constructor(){super(...arguments),this.messages=(i(this,j),i(this,I,[])),this.currentUser=(i(this,E),i(this,F,"You")),this.currentAvatar=(i(this,C),i(this,H,"")),this.placeholder=(i(this,B),i(this,D,"Type a message...")),this.allowFiles=(i(this,R),i(this,U,!0)),this.showTyping=(i(this,O),i(this,L,!0)),this.showAvatars=(i(this,V),i(this,K,!0)),this.showTimestamps=(i(this,Y),i(this,P,!0)),this.messagesArea=(i(this,q),i(this,N,void 0)),this.inputField=(i(this,W),i(this,G,void 0)),this.typingIndicators=(i(this,J),new Map),this.typingTimeout=null,this.fileInput=null,this.handleKeyDown=e=>{e.target===this.inputField&&("Enter"!==e.key||e.shiftKey||(e.preventDefault(),this.sendMessage()))}}static{const Q="function"==typeof Symbol&&Symbol.metadata?Object.create(A[Symbol.metadata]??null):void 0;n=[t.property({type:Array,attribute:!1})],r=[t.property({type:String,attribute:"current-user"})],o=[t.property({type:String,attribute:"current-avatar"})],c=[t.property({type:String})],l=[t.property({type:Boolean,attribute:"allow-files"})],m=[t.property({type:Boolean,attribute:"show-typing"})],d=[t.property({type:Boolean,attribute:"show-avatars"})],p=[t.property({type:Boolean,attribute:"show-timestamps"})],h=[t.query(".messages-area")],g=[t.query(".input-field")],u=[t.styles()],v=[t.ready()],f=[t.dispose()],y=[t.watch("messages")],b=[t.dispatch("message-send",{bubbles:!0,composed:!0})],x=[t.dispatch("message-edit",{bubbles:!0,composed:!0})],w=[t.dispatch("message-delete",{bubbles:!0,composed:!0})],k=[t.dispatch("message-react",{bubbles:!0,composed:!0})],z=[t.dispatch("message-thread",{bubbles:!0,composed:!0})],$=[t.dispatch("typing-start",{bubbles:!0,composed:!0})],T=[t.dispatch("typing-stop",{bubbles:!0,composed:!0})],_=[t.render()],s(this,null,u,{kind:"method",name:"styles",static:!1,private:!1,access:{has:e=>"styles"in e,get:e=>e.styles},metadata:Q},null,j),s(this,null,v,{kind:"method",name:"init",static:!1,private:!1,access:{has:e=>"init"in e,get:e=>e.init},metadata:Q},null,j),s(this,null,f,{kind:"method",name:"cleanup",static:!1,private:!1,access:{has:e=>"cleanup"in e,get:e=>e.cleanup},metadata:Q},null,j),s(this,null,y,{kind:"method",name:"messagesChanged",static:!1,private:!1,access:{has:e=>"messagesChanged"in e,get:e=>e.messagesChanged},metadata:Q},null,j),s(this,null,b,{kind:"method",name:"emitMessageSend",static:!1,private:!1,access:{has:e=>"emitMessageSend"in e,get:e=>e.emitMessageSend},metadata:Q},null,j),s(this,null,x,{kind:"method",name:"emitMessageEdit",static:!1,private:!1,access:{has:e=>"emitMessageEdit"in e,get:e=>e.emitMessageEdit},metadata:Q},null,j),s(this,null,w,{kind:"method",name:"emitMessageDelete",static:!1,private:!1,access:{has:e=>"emitMessageDelete"in e,get:e=>e.emitMessageDelete},metadata:Q},null,j),s(this,null,k,{kind:"method",name:"emitMessageReact",static:!1,private:!1,access:{has:e=>"emitMessageReact"in e,get:e=>e.emitMessageReact},metadata:Q},null,j),s(this,null,z,{kind:"method",name:"emitMessageThread",static:!1,private:!1,access:{has:e=>"emitMessageThread"in e,get:e=>e.emitMessageThread},metadata:Q},null,j),s(this,null,$,{kind:"method",name:"emitTypingStart",static:!1,private:!1,access:{has:e=>"emitTypingStart"in e,get:e=>e.emitTypingStart},metadata:Q},null,j),s(this,null,T,{kind:"method",name:"emitTypingStop",static:!1,private:!1,access:{has:e=>"emitTypingStop"in e,get:e=>e.emitTypingStop},metadata:Q},null,j),s(this,null,_,{kind:"method",name:"render",static:!1,private:!1,access:{has:e=>"render"in e,get:e=>e.render},metadata:Q},null,j),s(null,null,n,{kind:"field",name:"messages",static:!1,private:!1,access:{has:e=>"messages"in e,get:e=>e.messages,set:(e,t)=>{e.messages=t}},metadata:Q},I,E),s(null,null,r,{kind:"field",name:"currentUser",static:!1,private:!1,access:{has:e=>"currentUser"in e,get:e=>e.currentUser,set:(e,t)=>{e.currentUser=t}},metadata:Q},F,C),s(null,null,o,{kind:"field",name:"currentAvatar",static:!1,private:!1,access:{has:e=>"currentAvatar"in e,get:e=>e.currentAvatar,set:(e,t)=>{e.currentAvatar=t}},metadata:Q},H,B),s(null,null,c,{kind:"field",name:"placeholder",static:!1,private:!1,access:{has:e=>"placeholder"in e,get:e=>e.placeholder,set:(e,t)=>{e.placeholder=t}},metadata:Q},D,R),s(null,null,l,{kind:"field",name:"allowFiles",static:!1,private:!1,access:{has:e=>"allowFiles"in e,get:e=>e.allowFiles,set:(e,t)=>{e.allowFiles=t}},metadata:Q},U,O),s(null,null,m,{kind:"field",name:"showTyping",static:!1,private:!1,access:{has:e=>"showTyping"in e,get:e=>e.showTyping,set:(e,t)=>{e.showTyping=t}},metadata:Q},L,V),s(null,null,d,{kind:"field",name:"showAvatars",static:!1,private:!1,access:{has:e=>"showAvatars"in e,get:e=>e.showAvatars,set:(e,t)=>{e.showAvatars=t}},metadata:Q},K,Y),s(null,null,p,{kind:"field",name:"showTimestamps",static:!1,private:!1,access:{has:e=>"showTimestamps"in e,get:e=>e.showTimestamps,set:(e,t)=>{e.showTimestamps=t}},metadata:Q},P,q),s(null,null,h,{kind:"field",name:"messagesArea",static:!1,private:!1,access:{has:e=>"messagesArea"in e,get:e=>e.messagesArea,set:(e,t)=>{e.messagesArea=t}},metadata:Q},N,W),s(null,null,g,{kind:"field",name:"inputField",static:!1,private:!1,access:{has:e=>"inputField"in e,get:e=>e.inputField,set:(e,t)=>{e.inputField=t}},metadata:Q},G,J),s(null,e={value:a},M,{kind:"class",name:a.name,metadata:Q},null,S),a=e.value,Q&&Object.defineProperty(a,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:Q}),i(a,S)}styles(){return t.css`${":host{display:flex;flex-direction:column;height:var(--snice-chat-height,37.5rem);font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);font-size:var(--snice-font-size-md, 1rem);line-height:1.5;color:var(--snice-color-text,rgb(23 23 23));background:var(--snice-color-surface-container-high,rgb(252 251 249));border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-md,.25rem);overflow:hidden;box-shadow:var(--snice-shadow-md,0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1))}.chat-container{display:flex;flex-direction:column;height:100%}.messages-area{flex:1;overflow-y:auto;padding:var(--snice-spacing-md,1rem);display:flex;flex-direction:column;gap:var(--snice-spacing-sm,.75rem)}.messages-area::-webkit-scrollbar{width:8px}.messages-area::-webkit-scrollbar-track{background:0 0}.messages-area::-webkit-scrollbar-thumb{background:var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-md,.25rem)}.messages-area::-webkit-scrollbar-thumb:hover{background:var(--snice-color-text-secondary,rgb(82 82 82))}.message{display:flex;gap:var(--snice-spacing-sm,.75rem);padding:var(--snice-spacing-2xs,.25rem) 0;position:relative}.message:hover .message-actions{opacity:1}.message-avatar{width:2.25rem;height:2.25rem;border-radius:var(--snice-border-radius-md,.25rem);background:var(--snice-color-surface-container-low,rgb(250 250 250));display:flex;align-items:center;justify-content:center;color:var(--snice-color-text-secondary,rgb(82 82 82));font-weight:var(--snice-font-weight-semibold,600);font-size:var(--snice-font-size-sm, .875rem);flex-shrink:0}.message-avatar img{width:100%;height:100%;border-radius:var(--snice-border-radius-md,.25rem);object-fit:cover}.message-content{flex:1;min-width:0}.message-header{font-family:var(--snice-font-family-display);display:flex;align-items:baseline;gap:var(--snice-spacing-xs,.5rem);margin-bottom:var(--snice-spacing-3xs,.125rem)}.message-author{font-weight:var(--snice-font-weight-bold,700);color:var(--snice-color-text,rgb(23 23 23))}.message-timestamp{font-size:var(--snice-font-size-xs, .75rem);color:var(--snice-color-text-secondary,rgb(82 82 82))}.message-edited{font-size:var(--snice-font-size-xs, .75rem);color:var(--snice-color-text-secondary,rgb(82 82 82));font-style:italic}.message-text{word-wrap:break-word;white-space:pre-wrap;color:var(--snice-color-text,rgb(23 23 23))}.message.system{justify-content:center}.message.system .message-text{text-align:center;color:var(--snice-color-text-secondary,rgb(82 82 82));font-size:var(--snice-font-size-sm, .875rem);font-style:italic}.message-attachment{margin-top:var(--snice-spacing-xs,.5rem);border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-md,.25rem);overflow:hidden;max-width:25rem}.message-attachment img{max-width:100%;display:block}.attachment-file{display:flex;align-items:center;gap:var(--snice-spacing-sm,.75rem);padding:var(--snice-spacing-sm,.75rem);background:var(--snice-color-surface-container-low,rgb(250 250 250))}.attachment-icon{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:var(--snice-color-surface,rgb(255 255 255));border-radius:var(--snice-border-radius-md,.25rem);color:var(--snice-color-text-secondary,rgb(82 82 82))}.attachment-info{flex:1;min-width:0}.attachment-name{font-weight:var(--snice-font-weight-medium,500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-size{font-size:var(--snice-font-size-xs, .75rem);color:var(--snice-color-text-secondary,rgb(82 82 82))}.message-reactions{display:flex;gap:var(--snice-spacing-2xs,.25rem);margin-top:var(--snice-spacing-2xs,.25rem);flex-wrap:wrap}.reaction{display:flex;align-items:center;gap:var(--snice-spacing-2xs,.25rem);padding:var(--snice-spacing-3xs,.125rem) var(--snice-spacing-xs,.5rem);background:var(--snice-color-surface-container-low,rgb(250 250 250));border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:12px;font-size:var(--snice-font-size-sm, .875rem);cursor:pointer;transition:all var(--snice-transition-fast, 150ms)}.reaction:hover{background:var(--snice-color-surface-hover,rgb(242 242 242))}.reaction.active{background:var(--snice-color-primary,rgb(37 99 235));color:var(--snice-color-text-inverse,rgb(250 250 250));border-color:var(--snice-color-primary,rgb(37 99 235))}.reaction-emoji{font-size:var(--snice-font-size-sm, .875rem)}.reaction-count{font-size:var(--snice-font-size-xs, .75rem);font-weight:var(--snice-font-weight-medium,500)}.message-actions{position:absolute;top:-.75rem;right:var(--snice-spacing-md,1rem);background:var(--snice-color-surface-container-high,rgb(252 251 249));border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-md,.25rem);box-shadow:var(--snice-shadow-md,0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1));display:flex;gap:var(--snice-spacing-3xs,.125rem);opacity:0;transition:opacity var(--snice-transition-fast, 150ms);padding:var(--snice-spacing-3xs,.125rem)}.action-button{width:1.75rem;height:1.75rem;border:none;background:0 0;cursor:pointer;border-radius:var(--snice-border-radius-md,.25rem);display:flex;align-items:center;justify-content:center;color:var(--snice-color-text-secondary,rgb(82 82 82));transition:background var(--snice-transition-fast, 150ms)}.action-button:hover{background:var(--snice-color-surface-hover,rgb(242 242 242))}.action-button svg{width:1rem;height:1rem}.typing-indicators{padding:0 var(--snice-spacing-md,1rem) var(--snice-spacing-xs,.5rem);min-height:1.5rem}.typing-indicator{display:flex;align-items:center;gap:var(--snice-spacing-xs,.5rem);font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text-secondary,rgb(82 82 82));font-style:italic}.typing-dots{display:flex;gap:.1875rem}.typing-dot{width:6px;height:6px;background:var(--snice-color-text-secondary,rgb(82 82 82));border-radius:50%;animation:1.4s ease-in-out infinite typing-bounce}.typing-dot:first-child{animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,100%,60%{transform:translateY(0)}30%{transform:translateY(-4px)}}.input-area{border-top:1px solid var(--snice-color-border,rgb(226 226 226));padding:var(--snice-spacing-md,1rem);background:var(--snice-color-surface-container-high,rgb(252 251 249))}.input-container{display:flex;align-items:flex-end;gap:var(--snice-spacing-xs,.5rem);background:var(--snice-color-surface-container-lowest,rgb(255 255 255));border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-md,.25rem);padding:var(--snice-spacing-xs,.5rem);transition:border-color var(--snice-transition-fast, 150ms)}.input-container:focus-within{border-color:var(--snice-color-primary,rgb(37 99 235))}.input-field{flex:1;border:none;outline:0;resize:none;font-family:inherit;font-size:var(--snice-font-size-md, 1rem);line-height:1.5;min-height:1.375rem;max-height:9.375rem;overflow-y:auto;background:0 0;color:var(--snice-color-text,rgb(23 23 23))}.input-field::placeholder{color:var(--snice-color-text-secondary,rgb(82 82 82))}.input-field::-webkit-scrollbar{width:4px}.input-field::-webkit-scrollbar-thumb{background:var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-sm,.125rem)}.input-buttons{display:flex;gap:var(--snice-spacing-2xs,.25rem)}.input-button{width:2rem;height:2rem;border:none;background:0 0;cursor:pointer;border-radius:var(--snice-border-radius-md,.25rem);display:flex;align-items:center;justify-content:center;color:var(--snice-color-text-secondary,rgb(82 82 82));transition:background var(--snice-transition-fast, 150ms)}.input-button:hover{background:var(--snice-color-surface-hover,rgb(242 242 242))}.input-button:disabled{opacity:.5;cursor:not-allowed}.input-button.send{color:var(--snice-color-text-inverse,rgb(250 250 250));background:var(--snice-color-primary,rgb(37 99 235))}.input-button.send:hover:not(:disabled){background:var(--snice-color-primary-hover,rgb(29 78 216))}.input-button svg{width:1.125rem;height:1.125rem}input[type=file]{display:none}"}`}init(){this.addEventListener("keydown",this.handleKeyDown)}cleanup(){this.removeEventListener("keydown",this.handleKeyDown),this.typingTimeout&&clearTimeout(this.typingTimeout)}messagesChanged(){setTimeout(()=>this.scrollToBottom(),0)}emitMessageSend(e,t){return{message:e,attachments:t}}emitMessageEdit(e,t){return{messageId:e,newContent:t}}emitMessageDelete(e){return{messageId:e}}emitMessageReact(e,t){return{messageId:e,emoji:t}}emitMessageThread(e){return{messageId:e}}emitTypingStart(){return{}}emitTypingStop(){return{}}addMessage(e){const t={...e,id:`msg_${Date.now()}_${Math.random().toString(36).substring(2,9)}`};this.messages=[...this.messages,t]}updateMessage(e,t){this.messages=this.messages.map(s=>s.id===e?{...s,...t}:s)}deleteMessage(e){this.messages=this.messages.filter(t=>t.id!==e)}addTypingIndicator(e){this.typingIndicators.set(e,{user:e,timestamp:new Date})}removeTypingIndicator(e){this.typingIndicators.delete(e)}clear(){this.messages=[]}scrollToBottom(){this.messagesArea&&(this.messagesArea.scrollTop=this.messagesArea.scrollHeight)}scrollToMessage(e){const t=this.shadowRoot?.querySelector(`[data-message-id="${e}"]`);t&&t.scrollIntoView({behavior:"smooth",block:"center"})}handleInput(){this.typingTimeout||this.emitTypingStart(),this.typingTimeout&&clearTimeout(this.typingTimeout),this.typingTimeout=window.setTimeout(()=>{this.emitTypingStop(),this.typingTimeout=null},1e3)}sendMessage(){const e=this.inputField.value.trim();e&&(this.emitMessageSend(e),this.inputField.value="",this.adjustTextareaHeight(),this.typingTimeout&&(clearTimeout(this.typingTimeout),this.typingTimeout=null),this.emitTypingStop())}handleFileClick(){this.fileInput||(this.fileInput=document.createElement("input"),this.fileInput.type="file",this.fileInput.multiple=!0,this.fileInput.addEventListener("change",()=>this.handleFileSelect())),this.fileInput.click()}handleFileSelect(){if(!this.fileInput?.files||0===this.fileInput.files.length)return;const e=Array.from(this.fileInput.files);this.emitMessageSend("",e),this.fileInput.value=""}adjustTextareaHeight(){this.inputField&&(this.inputField.style.height="auto",this.inputField.style.height=`${Math.min(this.inputField.scrollHeight,150)}px`)}handleReaction(e,t){this.emitMessageReact(e,t)}handleEdit(e){const t=this.messages.find(t=>t.id===e);if(!t)return;const s=prompt("Edit message:",t.content);s&&s!==t.content&&this.emitMessageEdit(e,s)}handleDelete(e){confirm("Delete this message?")&&this.emitMessageDelete(e)}handleThread(e){this.emitMessageThread(e)}render(){return t.html`
+    `}styles(){return t.css`${":host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--snice-spacing-2xl,3rem) var(--snice-spacing-xl,2rem);color:var(--snice-color-text-secondary,rgb(82 82 82));animation:snice-empty-in 360ms var(--snice-ease-out,ease) backwards}@keyframes snice-empty-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.empty-state--small{padding:var(--snice-spacing-xl,2rem) var(--snice-spacing-lg,1.5rem)}.empty-state--medium{padding:var(--snice-spacing-2xl,3rem) var(--snice-spacing-xl,2rem)}.empty-state--large{padding:var(--snice-spacing-3xl,4rem) var(--snice-spacing-2xl,2.5rem)}.empty-state__icon-wrapper{display:flex;align-items:center;justify-content:center;margin-bottom:var(--snice-spacing-lg,1.5rem);position:relative;width:calc(var(--snice-font-size-4xl,4rem) * 1.8);height:calc(var(--snice-font-size-4xl,4rem) * 1.8)}.empty-state__icon-wrapper::before{content:'';position:absolute;inset:0;border-radius:50%;border:1px dashed color-mix(in srgb,var(--snice-color-border,#ddd) 70%,transparent);animation:18s linear infinite snice-empty-halo}@keyframes snice-empty-halo{to{transform:rotate(360deg)}}.empty-state__icon{font-size:var(--snice-font-size-4xl, 4rem);opacity:.5;line-height:1}.empty-state__icon-wrapper ::slotted(*){display:flex;align-items:center;justify-content:center;font-size:var(--snice-font-size-4xl, 4rem);opacity:.5;line-height:1}.empty-state__icon-wrapper ::slotted(svg){width:var(--snice-font-size-4xl,4rem);height:var(--snice-font-size-4xl,4rem)}.empty-state__icon-wrapper ::slotted(img){width:var(--snice-font-size-4xl,4rem);height:var(--snice-font-size-4xl,4rem);object-fit:contain}.empty-state--small .empty-state__icon-wrapper{margin-bottom:var(--snice-spacing-md,1rem);width:calc(var(--snice-font-size-3xl,3rem) * 1.8);height:calc(var(--snice-font-size-3xl,3rem) * 1.8)}.empty-state--small .empty-state__icon{font-size:var(--snice-font-size-3xl, 3rem)}.empty-state--small .empty-state__icon-wrapper ::slotted(*){font-size:var(--snice-font-size-3xl, 3rem)}.empty-state--small .empty-state__icon-wrapper ::slotted(img),.empty-state--small .empty-state__icon-wrapper ::slotted(svg){width:var(--snice-font-size-3xl,3rem);height:var(--snice-font-size-3xl,3rem)}.empty-state--large .empty-state__icon-wrapper{margin-bottom:var(--snice-spacing-xl,2rem);width:calc(var(--snice-font-size-5xl,5rem) * 1.8);height:calc(var(--snice-font-size-5xl,5rem) * 1.8)}.empty-state--large .empty-state__icon{font-size:var(--snice-font-size-5xl, 5rem)}.empty-state--large .empty-state__icon-wrapper ::slotted(*){font-size:var(--snice-font-size-5xl, 5rem)}.empty-state--large .empty-state__icon-wrapper ::slotted(img),.empty-state--large .empty-state__icon-wrapper ::slotted(svg){width:var(--snice-font-size-5xl,5rem);height:var(--snice-font-size-5xl,5rem)}.empty-state__title{font-family:var(--snice-font-family-display);font-size:var(--snice-heading-lg, 1.25rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text,rgb(23 23 23));margin:0 0 var(--snice-spacing-xs,.5rem) 0}.empty-state--small .empty-state__title{font-family:var(--snice-font-family-display);font-size:var(--snice-heading-md, 1.125rem);margin-bottom:var(--snice-spacing-2xs,.375rem)}.empty-state--large .empty-state__title{font-family:var(--snice-font-family-display);font-size:var(--snice-heading-xl, 1.5rem);margin-bottom:var(--snice-spacing-sm,.75rem)}.empty-state__description{font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text-secondary,rgb(82 82 82));margin:0 0 var(--snice-spacing-lg,1.5rem) 0;max-width:32rem;line-height:var(--snice-line-height-normal, 1.5)}.empty-state--small .empty-state__description{font-size:var(--snice-font-size-xs, .8125rem);margin-bottom:var(--snice-spacing-md,1rem)}.empty-state--large .empty-state__description{font-size:var(--snice-font-size-md, 1rem);margin-bottom:var(--snice-spacing-xl,2rem)}.empty-state__action{display:inline-flex;align-items:center;justify-content:center;padding:var(--snice-spacing-xs,.5rem) var(--snice-spacing-md,1rem);font-size:var(--snice-font-size-sm, .875rem);font-weight:var(--snice-font-weight-medium,500);color:var(--snice-color-text-inverse,rgb(250 250 250));background:var(--snice-color-primary,rgb(37 99 235));border:none;border-radius:var(--snice-border-radius-md,.375rem);text-decoration:none;cursor:pointer;transition:background var(--snice-transition-fast, 150ms)}.empty-state__action:hover{background:var(--snice-color-primary-hover,rgb(29 78 216))}.empty-state--small .empty-state__action{padding:var(--snice-spacing-2xs,.375rem) var(--snice-spacing-sm,.75rem);font-size:var(--snice-font-size-xs, .8125rem)}.empty-state--large .empty-state__action{padding:var(--snice-spacing-sm,.625rem) var(--snice-spacing-lg,1.25rem);font-size:var(--snice-font-size-md, 1rem)}.empty-state__extra ::slotted(*){margin-top:var(--snice-spacing-md,1rem)}"}`}handleActionClick(e){this.actionHref||e.preventDefault(),this.dispatchActionEvent()}dispatchActionEvent(){return{emptyState:this}}constructor(){super(...arguments),this.size=(a(this,b),a(this,f,"medium")),this.icon=(a(this,y),a(this,x,"📭")),this.title=(a(this,k),a(this,w,"No data")),this.description=(a(this,$),a(this,z,"")),this.actionText=(a(this,S),a(this,C,"")),this.actionHref=(a(this,M),a(this,_,"")),a(this,T)}})})();const n=/^(script|iframe|object|embed|form|input|button|select|textarea|link|meta|style|applet|base|basefont|bgsound|blink|body|frame|frameset|head|html|isindex|ilayer|layer|marquee|param|plaintext|title|xml)$/i,r=/^(on\w+|style|srcdoc|action|formaction|data-bind|xmlns)$/i,o=/^(javascript|vbscript|data):/i;function c(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}var l,d;(()=>{let e,s,l,d,m,h,p,g,u,v,b,f,y,x,k,w=[t.element("snice-markdown")],$=[],z=HTMLElement,S=[],C=[],M=[],_=[],T=[],A=[],I=[],j=[],D=[];(class extends z{static{s=this}static{const n="function"==typeof Symbol&&Symbol.metadata?Object.create(z[Symbol.metadata]??null):void 0;l=[t.property({attribute:!1})],d=[t.property({type:Boolean})],m=[t.property()],h=[t.property({attribute:!1})],p=[t.styles()],g=[t.ready()],u=[t.on("slotchange",{target:"slot"})],v=[t.watch("content")],b=[t.watch("sanitize")],f=[t.on("click",{target:"a"})],y=[t.dispatch("markdown-render",{bubbles:!0,composed:!0})],x=[t.dispatch("link-click",{bubbles:!0,composed:!0})],k=[t.render()],i(this,null,p,{kind:"method",name:"componentStyles",static:!1,private:!1,access:{has:e=>"componentStyles"in e,get:e=>e.componentStyles},metadata:n},null,S),i(this,null,g,{kind:"method",name:"init",static:!1,private:!1,access:{has:e=>"init"in e,get:e=>e.init},metadata:n},null,S),i(this,null,u,{kind:"method",name:"handleSlotChange",static:!1,private:!1,access:{has:e=>"handleSlotChange"in e,get:e=>e.handleSlotChange},metadata:n},null,S),i(this,null,v,{kind:"method",name:"handleContentChange",static:!1,private:!1,access:{has:e=>"handleContentChange"in e,get:e=>e.handleContentChange},metadata:n},null,S),i(this,null,b,{kind:"method",name:"handleSanitizeChange",static:!1,private:!1,access:{has:e=>"handleSanitizeChange"in e,get:e=>e.handleSanitizeChange},metadata:n},null,S),i(this,null,f,{kind:"method",name:"handleLinkClick",static:!1,private:!1,access:{has:e=>"handleLinkClick"in e,get:e=>e.handleLinkClick},metadata:n},null,S),i(this,null,y,{kind:"method",name:"emitRender",static:!1,private:!1,access:{has:e=>"emitRender"in e,get:e=>e.emitRender},metadata:n},null,S),i(this,null,x,{kind:"method",name:"emitLinkClick",static:!1,private:!1,access:{has:e=>"emitLinkClick"in e,get:e=>e.emitLinkClick},metadata:n},null,S),i(this,null,k,{kind:"method",name:"renderContent",static:!1,private:!1,access:{has:e=>"renderContent"in e,get:e=>e.renderContent},metadata:n},null,S),i(null,null,l,{kind:"field",name:"content",static:!1,private:!1,access:{has:e=>"content"in e,get:e=>e.content,set:(e,t)=>{e.content=t}},metadata:n},C,M),i(null,null,d,{kind:"field",name:"sanitize",static:!1,private:!1,access:{has:e=>"sanitize"in e,get:e=>e.sanitize,set:(e,t)=>{e.sanitize=t}},metadata:n},_,T),i(null,null,m,{kind:"field",name:"theme",static:!1,private:!1,access:{has:e=>"theme"in e,get:e=>e.theme,set:(e,t)=>{e.theme=t}},metadata:n},A,I),i(null,null,h,{kind:"field",name:"renderedHtml",static:!1,private:!1,access:{has:e=>"renderedHtml"in e,get:e=>e.renderedHtml,set:(e,t)=>{e.renderedHtml=t}},metadata:n},j,D),i(null,e={value:s},w,{kind:"class",name:s.name,metadata:n},null,$),s=e.value,n&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:n}),a(s,$)}componentStyles(){return t.css`${":host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);contain:layout style paint;color:var(--snice-color-text,rgb(23 23 23));line-height:var(--snice-line-height-normal, 1.5);font-size:var(--snice-font-size-md, 1rem);word-wrap:break-word;overflow-wrap:break-word}.markdown-body{max-width:100%}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{font-family:var(--snice-font-family-display);color:var(--snice-color-text,rgb(23 23 23));font-weight:var(--snice-font-weight-semibold,600);line-height:1.25;margin-top:var(--snice-spacing-lg,1.5rem);margin-bottom:var(--snice-spacing-md,1rem)}.markdown-body h1{font-family:var(--snice-font-family-display);font-size:2rem;border-bottom:1px solid var(--snice-color-border,rgb(226 226 226));padding-bottom:var(--snice-spacing-xs,.5rem)}.markdown-body h2{font-family:var(--snice-font-family-display);font-size:1.5rem;border-bottom:1px solid var(--snice-color-border,rgb(226 226 226));padding-bottom:var(--snice-spacing-xs,.5rem)}.markdown-body h3{font-family:var(--snice-font-family-display);font-size:1.25rem}.markdown-body h4{font-family:var(--snice-font-family-display);font-size:1rem}.markdown-body h5{font-family:var(--snice-font-family-display);font-size:.875rem}.markdown-body h6{font-family:var(--snice-font-family-display);font-size:.875rem;color:var(--snice-color-text-tertiary,rgb(115 115 115))}.markdown-body p{margin-top:0;margin-bottom:var(--snice-spacing-md,1rem)}.markdown-body a{color:var(--snice-color-primary,rgb(37 99 235));text-decoration:none;cursor:pointer}.markdown-body a:hover{text-decoration:underline}.markdown-body strong{font-weight:var(--snice-font-weight-semibold,600)}.markdown-body em{font-style:italic}.markdown-body del{text-decoration:line-through;color:var(--snice-color-text-secondary,rgb(82 82 82))}.markdown-body ol,.markdown-body ul{margin-top:0;margin-bottom:var(--snice-spacing-md,1rem);padding-left:var(--snice-spacing-xl,2rem)}.markdown-body li{margin-bottom:var(--snice-spacing-2xs,.25rem)}.markdown-body li>ol,.markdown-body li>ul{margin-top:var(--snice-spacing-2xs,.25rem);margin-bottom:0}.markdown-body .task-list-item{list-style-type:none;margin-left:-1.5rem;padding-left:0}.markdown-body .task-list-item input[type=checkbox]{margin-right:var(--snice-spacing-xs,.5rem);vertical-align:middle}.markdown-body blockquote{margin:0 0 var(--snice-spacing-md,1rem) 0;padding:var(--snice-spacing-xs,.5rem) var(--snice-spacing-md,1rem);border-left:4px solid var(--snice-color-border,rgb(226 226 226));color:var(--snice-color-text-secondary,rgb(82 82 82));background:var(--snice-color-surface-container-high,rgb(252 251 249));border-radius:0 var(--snice-border-radius-md,.25rem) var(--snice-border-radius-md,.25rem) 0}.markdown-body blockquote>:last-child{margin-bottom:0}.markdown-body code{padding:.125rem .375rem;font-size:.875em;background:var(--snice-color-surface-container-high,rgb(252 251 249));border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-md,.25rem);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;white-space:nowrap}.markdown-body pre{margin-top:0;margin-bottom:var(--snice-spacing-md,1rem);padding:var(--snice-spacing-md,1rem);background:var(--snice-color-surface-container-high,rgb(252 251 249));border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-lg,.5rem);overflow-x:auto;font-size:.875rem;line-height:1.6}.markdown-body pre code{padding:0;background:0 0;border:none;border-radius:0;white-space:pre;font-size:inherit}.markdown-body table{width:100%;border-collapse:collapse;margin-bottom:var(--snice-spacing-md,1rem);font-size:var(--snice-font-size-sm, .875rem)}.markdown-body td,.markdown-body th{padding:var(--snice-spacing-xs,.5rem) var(--snice-spacing-sm,.75rem);border:1px solid var(--snice-color-border,rgb(226 226 226));text-align:left}.markdown-body th{background:var(--snice-color-surface-container-high,rgb(252 251 249));font-weight:var(--snice-font-weight-semibold,600)}.markdown-body tr:nth-child(2n){background:var(--snice-color-surface-container-high,rgb(252 251 249))}.markdown-body hr{border:none;border-top:1px solid var(--snice-color-border,rgb(226 226 226));margin:var(--snice-spacing-lg,1.5rem) 0}.markdown-body img{max-width:100%;height:auto;border-radius:var(--snice-border-radius-md,.25rem)}:host([theme=github]) .markdown-body h1{font-family:var(--snice-font-family-display);font-size:2em}:host([theme=github]) .markdown-body h2{font-family:var(--snice-font-family-display);font-size:1.5em}:host([theme=github]) .markdown-body h3{font-family:var(--snice-font-family-display);font-size:1.25em}:host([theme=github]) .markdown-body blockquote{border-left-color:var(--snice-color-text-tertiary,rgb(115 115 115));background:0 0}:host([theme=github]) .markdown-body pre{background:var(--snice-color-surface-container,rgb(246 248 250));color:var(--snice-color-text,rgb(36 41 47))}:host([theme=github]) .markdown-body code{background:var(--snice-color-surface-container,rgb(246 248 250));color:var(--snice-color-text,rgb(36 41 47))}"}`}init(){this.content||this.readSlottedContent(),this.content&&this.renderMarkdown()}handleSlotChange(){this.readSlottedContent()}readSlottedContent(){const e=this.textContent?.trim();e&&(this.content=e,this.renderMarkdown())}handleContentChange(){this.renderMarkdown()}handleSanitizeChange(){this.renderMarkdown()}renderMarkdown(){let e=function(e){if(!e)return"";let i=e;i=i.replace(/\r\n/g,"\n").replace(/\r/g,"\n");const a=[];i=i.replace(/```(\w*)\n([\s\S]*?)```/g,(e,t,i)=>{const s=c(i.replace(/\n$/,"")),n=t?` class="language-${c(t)}"`:"";return a.push(`<pre><code${n}>${s}</code></pre>`),`\0CB${a.length-1}\0`});const s=[];return i=i.replace(/`([^`\n]+)`/g,(e,t)=>(s.push(`<code>${c(t)}</code>`),`\0IC${s.length-1}\0`)),i=i.replace(/^([-*_]){3,}\s*$/gm,"<hr>"),i=i.replace(/^######\s+(.+)$/gm,"<h6>$1</h6>"),i=i.replace(/^#####\s+(.+)$/gm,"<h5>$1</h5>"),i=i.replace(/^####\s+(.+)$/gm,"<h4>$1</h4>"),i=i.replace(/^###\s+(.+)$/gm,"<h3>$1</h3>"),i=i.replace(/^##\s+(.+)$/gm,"<h2>$1</h2>"),i=i.replace(/^#\s+(.+)$/gm,"<h1>$1</h1>"),i=i.replace(/^((?:>\s?.*\n?)+)/gm,e=>`<blockquote>${e.replace(/^>\s?/gm,"").trim()}</blockquote>`),i=i.replace(/^(\|.+\|)\n(\|[-:\s|]+\|)\n((?:\|.+\|\n?)*)/gm,(e,t,i,a)=>`<table><thead><tr>${t.split("|").filter(e=>e.trim()).map(e=>`<th>${e.trim()}</th>`).join("")}</tr></thead><tbody>${a.trim().split("\n").map(e=>`<tr>${e.split("|").filter(e=>e.trim()).map(e=>`<td>${e.trim()}</td>`).join("")}</tr>`).join("")}</tbody></table>`),i=i.replace(/^(\s*)- \[x\]\s+(.+)$/gm,'$1<li class="task-list-item"><input type="checkbox" checked disabled> $2</li>'),i=i.replace(/^(\s*)- \[ \]\s+(.+)$/gm,'$1<li class="task-list-item"><input type="checkbox" disabled> $2</li>'),i=i.replace(/^((?:\s*[-*+]\s+.+\n?)+)/gm,e=>`<ul>${e.trim().split("\n").map(e=>{const t=e.replace(/^\s*[-*+]\s+/,"");return t.startsWith('<li class="task-list-item">')?t:`<li>${t}</li>`}).join("")}</ul>`),i=i.replace(/^((?:\s*\d+\.\s+.+\n?)+)/gm,e=>`<ol>${e.trim().split("\n").map(e=>`<li>${e.replace(/^\s*\d+\.\s+/,"")}</li>`).join("")}</ol>`),i=i.replace(/!\[([^\]]*)\]\(([^)]+)\)/g,(e,i,a)=>`<img src="${t.escapeAttr(a)}" alt="${t.escapeAttr(i)}">`),i=i.replace(/\[([^\]]+)\]\(([^)]+)\)/g,(e,i,a)=>`<a href="${t.escapeAttr(a)}">${c(i)}</a>`),i=i.replace(/(^|[^"(])(https?:\/\/[^\s<>]+)/g,(e,i,a)=>`${i}<a href="${t.escapeAttr(a)}">${c(a)}</a>`),i=i.replace(/\*\*\*(.+?)\*\*\*/g,"<strong><em>$1</em></strong>"),i=i.replace(/___(.+?)___/g,"<strong><em>$1</em></strong>"),i=i.replace(/\*\*(.+?)\*\*/g,"<strong>$1</strong>"),i=i.replace(/__(.+?)__/g,"<strong>$1</strong>"),i=i.replace(/\*(.+?)\*/g,"<em>$1</em>"),i=i.replace(/_(.+?)_/g,"<em>$1</em>"),i=i.replace(/~~(.+?)~~/g,"<del>$1</del>"),i=i.replace(/^(?!<[a-z/]|$|\x00)(.+)$/gm,"<p>$1</p>"),i=i.replace(/<p><\/p>/g,""),i=i.replace(/(<\/(?:ul|ol|blockquote|table|pre|h[1-6]|hr)>)\s*<p>/g,"$1\n<p>"),i=i.replace(/\x00IC(\d+)\x00/g,(e,t)=>s[parseInt(t)]),i=i.replace(/(?:<p>)?\x00CB(\d+)\x00(?:<\/p>)?/g,(e,t)=>a[parseInt(t)]),i.trim()}(this.content);this.sanitize&&(e=function(e){const t=e.replace(/<(script|style)\b[^>]*>[\s\S]*?<\/\1>/gi,"").replace(/<(script|style)\b[^>]*\/?>/gi,""),i=(new DOMParser).parseFromString(t,"text/html"),a=e=>{const t=Array.from(e.children);for(const e of t){if(n.test(e.tagName)){e.remove();continue}const t=Array.from(e.attributes);for(const i of t)r.test(i.name)&&e.removeAttribute(i.name),"href"!==i.name&&"src"!==i.name||o.test(i.value.trim())&&e.removeAttribute(i.name);a(e)}};return a(i.body),i.body.innerHTML}(e)),this.renderedHtml=e,this.emitRender()}handleLinkClick(e){const t=e.target;"A"===t?.tagName&&(e.preventDefault(),this.emitLinkClick(t.getAttribute("href")||"",t.textContent||""))}emitRender(){return{html:this.renderedHtml}}emitLinkClick(e,t){return{href:e,text:t}}setContent(e){this.content=e,this.renderMarkdown()}renderContent(){return t.html`
+      <slot style="display:none"></slot>
+      <div class="markdown-body" part="base">${t.unsafeHTML(this.renderedHtml)}</div>
+    `}constructor(){super(...arguments),this.content=(a(this,S),a(this,C,"")),this.sanitize=(a(this,M),a(this,_,!0)),this.theme=(a(this,T),a(this,A,"default")),this.renderedHtml=(a(this,I),a(this,j,"")),a(this,D)}})})(),(()=>{let e,s,n,r,o,c,l,d,m,h,p,g,u=[t.element("snice-chat-message")],v=[],b=HTMLElement,f=[],y=[],x=[],k=[],w=[],$=[],z=[],S=[],C=[],M=[],_=[],T=[],A=[],I=[],j=[],D=[],E=[],F=[],B=[];(class extends b{static{s=this}static{const H="function"==typeof Symbol&&Symbol.metadata?Object.create(b[Symbol.metadata]??null):void 0;n=[t.property()],r=[t.property()],o=[t.property()],c=[t.property()],l=[t.property({type:Boolean})],d=[t.property({attribute:"author-color"})],m=[t.property({type:Array,attribute:!1})],h=[t.property({type:Object,attribute:!1})],p=[t.property({type:Array,attribute:!1})],g=[t.render()],i(this,null,g,{kind:"method",name:"render",static:!1,private:!1,access:{has:e=>"render"in e,get:e=>e.render},metadata:H},null,f),i(null,null,n,{kind:"field",name:"author",static:!1,private:!1,access:{has:e=>"author"in e,get:e=>e.author,set:(e,t)=>{e.author=t}},metadata:H},y,x),i(null,null,r,{kind:"field",name:"avatar",static:!1,private:!1,access:{has:e=>"avatar"in e,get:e=>e.avatar,set:(e,t)=>{e.avatar=t}},metadata:H},k,w),i(null,null,o,{kind:"field",name:"type",static:!1,private:!1,access:{has:e=>"type"in e,get:e=>e.type,set:(e,t)=>{e.type=t}},metadata:H},$,z),i(null,null,c,{kind:"field",name:"format",static:!1,private:!1,access:{has:e=>"format"in e,get:e=>e.format,set:(e,t)=>{e.format=t}},metadata:H},S,C),i(null,null,l,{kind:"field",name:"edited",static:!1,private:!1,access:{has:e=>"edited"in e,get:e=>e.edited,set:(e,t)=>{e.edited=t}},metadata:H},M,_),i(null,null,d,{kind:"field",name:"authorColor",static:!1,private:!1,access:{has:e=>"authorColor"in e,get:e=>e.authorColor,set:(e,t)=>{e.authorColor=t}},metadata:H},T,A),i(null,null,m,{kind:"field",name:"reactions",static:!1,private:!1,access:{has:e=>"reactions"in e,get:e=>e.reactions,set:(e,t)=>{e.reactions=t}},metadata:H},I,j),i(null,null,h,{kind:"field",name:"attachment",static:!1,private:!1,access:{has:e=>"attachment"in e,get:e=>e.attachment,set:(e,t)=>{e.attachment=t}},metadata:H},D,E),i(null,null,p,{kind:"field",name:"thread",static:!1,private:!1,access:{has:e=>"thread"in e,get:e=>e.thread,set:(e,t)=>{e.thread=t}},metadata:H},F,B),i(null,e={value:s},u,{kind:"class",name:s.name,metadata:H},null,v),s=e.value,H&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:H}),a(s,v)}render(){return t.html`<slot></slot>`}getMessageDefinition(){const e=this.getAttribute("timestamp"),t={id:"",type:this.type,content:(this.textContent??"").trim(),author:this.author,timestamp:e?new Date(e):new Date,edited:this.edited};return this.format&&(t.format=this.format),this.avatar&&(t.avatar=this.avatar),this.authorColor&&(t.authorColor=this.authorColor),this.reactions&&(t.reactions=this.reactions),this.attachment&&(t.attachment=this.attachment),this.thread&&(t.thread=this.thread),t}constructor(){super(...arguments),this.author=(a(this,f),a(this,y,"")),this.avatar=(a(this,x),a(this,k,"")),this.type=(a(this,w),a(this,$,"text")),this.format=(a(this,z),a(this,S,void 0)),this.edited=(a(this,C),a(this,M,!1)),this.authorColor=(a(this,_),a(this,T,"")),this.reactions=(a(this,A),a(this,I,void 0)),this.attachment=(a(this,j),a(this,D,void 0)),this.thread=(a(this,E),a(this,F,void 0)),a(this,B)}})})(),function(e){e.Text="text",e.Markdown="markdown"}(l||(l={})),function(e){e.Default="default",e.Bubbles="bubbles"}(d||(d={}));function m(){return`msg_${Date.now()}_${Math.random().toString(36).substring(2,9)}`}function h(e){return!/[;{}]/.test(e)}let p=(()=>{let e,n,r,o,c,p,g,u,v,b,f,y,x,k,w,$,z,S,C,M,_,T,A,I,j,D,E,F,B,H,L,R,q,O,U,K,P=[t.element("snice-chat")],V=[],Y=HTMLElement,N=[],W=[],Z=[],G=[],J=[],Q=[],X=[],ee=[],te=[],ie=[],ae=[],se=[],ne=[],re=[],oe=[],ce=[],le=[],de=[],me=[],he=[],pe=[],ge=[],ue=[],ve=[],be=[],fe=[],ye=[],xe=[],ke=[],we=[],$e=[],ze=[],Se=[],Ce=[],Me=[],_e=[],Te=[],Ae=[],Ie=[];return class extends Y{static{n=this}constructor(){super(...arguments),this.messages=(a(this,N),a(this,W,[])),this.currentUser=(a(this,Z),a(this,G,"You")),this.currentAvatar=(a(this,J),a(this,Q,"")),this.placeholder=(a(this,X),a(this,ee,"Type a message...")),this.allowFiles=(a(this,te),a(this,ie,!0)),this.showTyping=(a(this,ae),a(this,se,!0)),this.showAvatars=(a(this,ne),a(this,re,!0)),this.showTimestamps=(a(this,oe),a(this,ce,!0)),this.authorColors=(a(this,le),a(this,de,{})),this.colorAuthors=(a(this,me),a(this,he,!1)),this.markdown=(a(this,pe),a(this,ge,!1)),this.layout=(a(this,ue),a(this,ve,d.Default)),this.editingId=(a(this,be),a(this,fe,null)),this.confirmingDeleteId=(a(this,ye),a(this,xe,null)),this.messagesArea=(a(this,ke),a(this,we,void 0)),this.inputField=(a(this,$e),a(this,ze,void 0)),this.editField=(a(this,Se),a(this,Ce,void 0)),this.editBox=(a(this,Me),a(this,_e,void 0)),this.confirmBox=(a(this,Te),a(this,Ae,void 0)),this.typingIndicators=(a(this,Ie),new Map),this.typingTimeout=null,this.fileInput=null,this.slotMessageIds=new WeakMap,this.mintedSlotIds=new Set,this.handleKeyDown=e=>{e.target===this.inputField&&("Enter"!==e.key||e.shiftKey||(e.preventDefault(),this.sendMessage()))}}static{const s="function"==typeof Symbol&&Symbol.metadata?Object.create(Y[Symbol.metadata]??null):void 0;r=[t.property({type:Array,attribute:!1})],o=[t.property({type:String,attribute:"current-user"})],c=[t.property({type:String,attribute:"current-avatar"})],p=[t.property({type:String})],g=[t.property({type:Boolean,attribute:"allow-files"})],u=[t.property({type:Boolean,attribute:"show-typing"})],v=[t.property({type:Boolean,attribute:"show-avatars"})],b=[t.property({type:Boolean,attribute:"show-timestamps"})],f=[t.property({type:Object,attribute:!1})],y=[t.property({type:Boolean,attribute:"color-authors"})],x=[t.property({type:Boolean})],k=[t.property()],w=[t.property({attribute:!1})],$=[t.property({attribute:!1})],z=[t.query(".messages-area")],S=[t.query(".input-field")],C=[t.query(".edit-field")],M=[t.query(".message-edit")],_=[t.query(".message-confirm")],T=[t.styles()],A=[t.ready()],I=[t.observe("mutation:childList")],j=[t.observe("mutation:attributes",{subtree:!0})],D=[t.dispose()],E=[t.watch("messages")],F=[t.dispatch("message-send",{bubbles:!0,composed:!0})],B=[t.dispatch("message-edit",{bubbles:!0,composed:!0})],H=[t.dispatch("message-delete",{bubbles:!0,composed:!0})],L=[t.dispatch("message-react",{bubbles:!0,composed:!0})],R=[t.dispatch("typing-start",{bubbles:!0,composed:!0})],q=[t.dispatch("typing-stop",{bubbles:!0,composed:!0})],O=[t.watch("editingId")],U=[t.watch("confirmingDeleteId")],K=[t.render()],i(this,null,T,{kind:"method",name:"styles",static:!1,private:!1,access:{has:e=>"styles"in e,get:e=>e.styles},metadata:s},null,N),i(this,null,A,{kind:"method",name:"init",static:!1,private:!1,access:{has:e=>"init"in e,get:e=>e.init},metadata:s},null,N),i(this,null,I,{kind:"method",name:"onSlottedMessagesChanged",static:!1,private:!1,access:{has:e=>"onSlottedMessagesChanged"in e,get:e=>e.onSlottedMessagesChanged},metadata:s},null,N),i(this,null,j,{kind:"method",name:"onSlottedMessageAttributesChanged",static:!1,private:!1,access:{has:e=>"onSlottedMessageAttributesChanged"in e,get:e=>e.onSlottedMessageAttributesChanged},metadata:s},null,N),i(this,null,D,{kind:"method",name:"cleanup",static:!1,private:!1,access:{has:e=>"cleanup"in e,get:e=>e.cleanup},metadata:s},null,N),i(this,null,E,{kind:"method",name:"messagesChanged",static:!1,private:!1,access:{has:e=>"messagesChanged"in e,get:e=>e.messagesChanged},metadata:s},null,N),i(this,null,F,{kind:"method",name:"emitMessageSend",static:!1,private:!1,access:{has:e=>"emitMessageSend"in e,get:e=>e.emitMessageSend},metadata:s},null,N),i(this,null,B,{kind:"method",name:"emitMessageEdit",static:!1,private:!1,access:{has:e=>"emitMessageEdit"in e,get:e=>e.emitMessageEdit},metadata:s},null,N),i(this,null,H,{kind:"method",name:"emitMessageDelete",static:!1,private:!1,access:{has:e=>"emitMessageDelete"in e,get:e=>e.emitMessageDelete},metadata:s},null,N),i(this,null,L,{kind:"method",name:"emitMessageReact",static:!1,private:!1,access:{has:e=>"emitMessageReact"in e,get:e=>e.emitMessageReact},metadata:s},null,N),i(this,null,R,{kind:"method",name:"emitTypingStart",static:!1,private:!1,access:{has:e=>"emitTypingStart"in e,get:e=>e.emitTypingStart},metadata:s},null,N),i(this,null,q,{kind:"method",name:"emitTypingStop",static:!1,private:!1,access:{has:e=>"emitTypingStop"in e,get:e=>e.emitTypingStop},metadata:s},null,N),i(this,null,O,{kind:"method",name:"focusEditField",static:!1,private:!1,access:{has:e=>"focusEditField"in e,get:e=>e.focusEditField},metadata:s},null,N),i(this,null,U,{kind:"method",name:"revealDeleteConfirm",static:!1,private:!1,access:{has:e=>"revealDeleteConfirm"in e,get:e=>e.revealDeleteConfirm},metadata:s},null,N),i(this,null,K,{kind:"method",name:"render",static:!1,private:!1,access:{has:e=>"render"in e,get:e=>e.render},metadata:s},null,N),i(null,null,r,{kind:"field",name:"messages",static:!1,private:!1,access:{has:e=>"messages"in e,get:e=>e.messages,set:(e,t)=>{e.messages=t}},metadata:s},W,Z),i(null,null,o,{kind:"field",name:"currentUser",static:!1,private:!1,access:{has:e=>"currentUser"in e,get:e=>e.currentUser,set:(e,t)=>{e.currentUser=t}},metadata:s},G,J),i(null,null,c,{kind:"field",name:"currentAvatar",static:!1,private:!1,access:{has:e=>"currentAvatar"in e,get:e=>e.currentAvatar,set:(e,t)=>{e.currentAvatar=t}},metadata:s},Q,X),i(null,null,p,{kind:"field",name:"placeholder",static:!1,private:!1,access:{has:e=>"placeholder"in e,get:e=>e.placeholder,set:(e,t)=>{e.placeholder=t}},metadata:s},ee,te),i(null,null,g,{kind:"field",name:"allowFiles",static:!1,private:!1,access:{has:e=>"allowFiles"in e,get:e=>e.allowFiles,set:(e,t)=>{e.allowFiles=t}},metadata:s},ie,ae),i(null,null,u,{kind:"field",name:"showTyping",static:!1,private:!1,access:{has:e=>"showTyping"in e,get:e=>e.showTyping,set:(e,t)=>{e.showTyping=t}},metadata:s},se,ne),i(null,null,v,{kind:"field",name:"showAvatars",static:!1,private:!1,access:{has:e=>"showAvatars"in e,get:e=>e.showAvatars,set:(e,t)=>{e.showAvatars=t}},metadata:s},re,oe),i(null,null,b,{kind:"field",name:"showTimestamps",static:!1,private:!1,access:{has:e=>"showTimestamps"in e,get:e=>e.showTimestamps,set:(e,t)=>{e.showTimestamps=t}},metadata:s},ce,le),i(null,null,f,{kind:"field",name:"authorColors",static:!1,private:!1,access:{has:e=>"authorColors"in e,get:e=>e.authorColors,set:(e,t)=>{e.authorColors=t}},metadata:s},de,me),i(null,null,y,{kind:"field",name:"colorAuthors",static:!1,private:!1,access:{has:e=>"colorAuthors"in e,get:e=>e.colorAuthors,set:(e,t)=>{e.colorAuthors=t}},metadata:s},he,pe),i(null,null,x,{kind:"field",name:"markdown",static:!1,private:!1,access:{has:e=>"markdown"in e,get:e=>e.markdown,set:(e,t)=>{e.markdown=t}},metadata:s},ge,ue),i(null,null,k,{kind:"field",name:"layout",static:!1,private:!1,access:{has:e=>"layout"in e,get:e=>e.layout,set:(e,t)=>{e.layout=t}},metadata:s},ve,be),i(null,null,w,{kind:"field",name:"editingId",static:!1,private:!1,access:{has:e=>"editingId"in e,get:e=>e.editingId,set:(e,t)=>{e.editingId=t}},metadata:s},fe,ye),i(null,null,$,{kind:"field",name:"confirmingDeleteId",static:!1,private:!1,access:{has:e=>"confirmingDeleteId"in e,get:e=>e.confirmingDeleteId,set:(e,t)=>{e.confirmingDeleteId=t}},metadata:s},xe,ke),i(null,null,z,{kind:"field",name:"messagesArea",static:!1,private:!1,access:{has:e=>"messagesArea"in e,get:e=>e.messagesArea,set:(e,t)=>{e.messagesArea=t}},metadata:s},we,$e),i(null,null,S,{kind:"field",name:"inputField",static:!1,private:!1,access:{has:e=>"inputField"in e,get:e=>e.inputField,set:(e,t)=>{e.inputField=t}},metadata:s},ze,Se),i(null,null,C,{kind:"field",name:"editField",static:!1,private:!1,access:{has:e=>"editField"in e,get:e=>e.editField,set:(e,t)=>{e.editField=t}},metadata:s},Ce,Me),i(null,null,M,{kind:"field",name:"editBox",static:!1,private:!1,access:{has:e=>"editBox"in e,get:e=>e.editBox,set:(e,t)=>{e.editBox=t}},metadata:s},_e,Te),i(null,null,_,{kind:"field",name:"confirmBox",static:!1,private:!1,access:{has:e=>"confirmBox"in e,get:e=>e.confirmBox,set:(e,t)=>{e.confirmBox=t}},metadata:s},Ae,Ie),i(null,e={value:n},P,{kind:"class",name:n.name,metadata:s},null,V),n=e.value,s&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:s}),a(n,V)}styles(){return t.css`${":host{display:flex;flex-direction:column;height:var(--snice-chat-height,37.5rem);font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);font-size:var(--snice-font-size-md, 1rem);line-height:1.5;color:var(--snice-color-text,rgb(23 23 23));background:var(--snice-color-surface-container-high,rgb(252 251 249));border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-md,.25rem);overflow:hidden;box-shadow:var(--snice-shadow-md,0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1))}.chat-container{display:flex;flex-direction:column;height:100%}.messages-area{flex:1;overflow-y:auto;padding:var(--snice-spacing-md,1rem);display:flex;flex-direction:column;gap:var(--snice-spacing-sm,.75rem)}.messages-area::-webkit-scrollbar{width:8px}.messages-area::-webkit-scrollbar-track{background:0 0}.messages-area::-webkit-scrollbar-thumb{background:var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-md,.25rem)}.messages-area::-webkit-scrollbar-thumb:hover{background:var(--snice-color-text-secondary,rgb(82 82 82))}.message{display:flex;gap:var(--snice-spacing-sm,.75rem);padding:var(--snice-spacing-2xs,.25rem) 0;position:relative}.message:hover .message-actions{opacity:1}.message-avatar{width:2.25rem;height:2.25rem;border-radius:var(--snice-border-radius-md,.25rem);background:var(--snice-color-surface-container-low,rgb(250 250 250));display:flex;align-items:center;justify-content:center;color:var(--snice-color-text-secondary,rgb(82 82 82));font-weight:var(--snice-font-weight-semibold,600);font-size:var(--snice-font-size-sm, .875rem);flex-shrink:0}.message-avatar img{width:100%;height:100%;border-radius:var(--snice-border-radius-md,.25rem);object-fit:cover}.message-content{flex:1;min-width:0}.message-header{font-family:var(--snice-font-family-display);display:flex;align-items:baseline;gap:var(--snice-spacing-xs,.5rem);margin-bottom:var(--snice-spacing-3xs,.125rem)}.message-author{font-weight:var(--snice-font-weight-bold,700);color:var(--snice-chat-author-color,var(--snice-color-text,rgb(23 23 23)))}.message-timestamp{font-size:var(--snice-font-size-xs, .75rem);color:var(--snice-color-text-secondary,rgb(82 82 82))}.message-edited{font-size:var(--snice-font-size-xs, .75rem);color:var(--snice-color-text-secondary,rgb(82 82 82));font-style:italic}.message-text{word-wrap:break-word;white-space:pre-wrap;color:var(--snice-color-text,rgb(23 23 23))}snice-markdown.message-text{white-space:normal;display:block}.message.system{justify-content:center}.message.system .message-text{text-align:center;color:var(--snice-color-text-secondary,rgb(82 82 82));font-size:var(--snice-font-size-sm, .875rem);font-style:italic}.message-attachment{margin-top:var(--snice-spacing-xs,.5rem);border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-md,.25rem);overflow:hidden;max-width:25rem}.message-attachment img{max-width:100%;display:block}.attachment-file{display:flex;align-items:center;gap:var(--snice-spacing-sm,.75rem);padding:var(--snice-spacing-sm,.75rem);background:var(--snice-color-surface-container-low,rgb(250 250 250))}.attachment-icon{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:var(--snice-color-surface,rgb(255 255 255));border-radius:var(--snice-border-radius-md,.25rem);color:var(--snice-color-text-secondary,rgb(82 82 82))}.attachment-info{flex:1;min-width:0}.attachment-name{font-weight:var(--snice-font-weight-medium,500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-size{font-size:var(--snice-font-size-xs, .75rem);color:var(--snice-color-text-secondary,rgb(82 82 82))}.message-reactions{display:flex;gap:var(--snice-spacing-2xs,.25rem);margin-top:var(--snice-spacing-2xs,.25rem);flex-wrap:wrap}.reaction{display:flex;align-items:center;gap:var(--snice-spacing-2xs,.25rem);padding:var(--snice-spacing-3xs,.125rem) var(--snice-spacing-xs,.5rem);background:var(--snice-color-surface-container-low,rgb(250 250 250));border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:12px;font-size:var(--snice-font-size-sm, .875rem);cursor:pointer;transition:all var(--snice-transition-fast, 150ms)}.reaction:hover{background:var(--snice-color-surface-hover,rgb(242 242 242))}.reaction.active{background:var(--snice-color-primary,rgb(37 99 235));color:var(--snice-color-text-inverse,rgb(250 250 250));border-color:var(--snice-color-primary,rgb(37 99 235))}.reaction-emoji{font-size:var(--snice-font-size-sm, .875rem)}.reaction-count{font-size:var(--snice-font-size-xs, .75rem);font-weight:var(--snice-font-weight-medium,500)}.message-actions{position:absolute;top:-.75rem;right:var(--snice-spacing-md,1rem);background:var(--snice-color-surface-container-high,rgb(252 251 249));border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-md,.25rem);box-shadow:var(--snice-shadow-md,0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1));display:flex;gap:var(--snice-spacing-3xs,.125rem);opacity:0;transition:opacity var(--snice-transition-fast, 150ms);padding:var(--snice-spacing-3xs,.125rem)}.action-button{width:1.75rem;height:1.75rem;border:none;background:0 0;cursor:pointer;border-radius:var(--snice-border-radius-md,.25rem);display:flex;align-items:center;justify-content:center;color:var(--snice-color-text-secondary,rgb(82 82 82));transition:background var(--snice-transition-fast, 150ms)}.action-button:hover{background:var(--snice-color-surface-hover,rgb(242 242 242))}.action-button svg{width:1rem;height:1rem}.action-emoji{font-size:var(--snice-font-size-sm, .875rem);line-height:1}.message-edit{display:flex;flex-direction:column;gap:var(--snice-spacing-xs,.5rem);margin-top:var(--snice-spacing-3xs,.125rem)}.edit-field{width:100%;box-sizing:border-box;resize:vertical;min-height:2.5rem;font-family:inherit;font-size:var(--snice-font-size-md, 1rem);line-height:1.5;color:var(--snice-color-text,rgb(23 23 23));background:var(--snice-color-surface-container-lowest,rgb(255 255 255));border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-md,.25rem);padding:var(--snice-spacing-xs,.5rem)}.edit-field:focus{outline:0;border-color:var(--snice-color-primary,rgb(37 99 235))}.confirm-actions,.edit-actions{display:flex;gap:var(--snice-spacing-xs,.5rem)}.confirm-button,.edit-button{cursor:pointer;font-family:inherit;font-size:var(--snice-font-size-sm, .875rem);font-weight:var(--snice-font-weight-medium,500);padding:var(--snice-spacing-3xs,.125rem) var(--snice-spacing-sm,.75rem);border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-md,.25rem);background:var(--snice-color-surface,rgb(255 255 255));color:var(--snice-color-text,rgb(23 23 23));transition:background var(--snice-transition-fast, 150ms)}.confirm-button:hover,.edit-button:hover{background:var(--snice-color-surface-hover,rgb(242 242 242))}.edit-save{background:var(--snice-color-primary,rgb(37 99 235));color:var(--snice-color-text-inverse,rgb(250 250 250));border-color:var(--snice-color-primary,rgb(37 99 235))}.edit-save:hover{background:var(--snice-color-primary-hover,rgb(29 78 216))}.message-confirm{display:flex;align-items:center;flex-wrap:wrap;gap:var(--snice-spacing-sm,.75rem);margin-top:var(--snice-spacing-xs,.5rem);padding:var(--snice-spacing-xs,.5rem) var(--snice-spacing-sm,.75rem);background:var(--snice-color-surface-container-low,rgb(250 250 250));border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-md,.25rem)}.confirm-text{font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text-secondary,rgb(82 82 82))}.confirm-delete{background:var(--snice-color-danger,rgb(220 38 38));color:var(--snice-color-text-inverse,rgb(250 250 250));border-color:var(--snice-color-danger,rgb(220 38 38))}.confirm-delete:hover{background:var(--snice-color-danger,rgb(220 38 38));filter:brightness(.92)}.typing-indicators{padding:0 var(--snice-spacing-md,1rem) var(--snice-spacing-xs,.5rem);min-height:1.5rem}.typing-indicator{display:flex;align-items:center;gap:var(--snice-spacing-xs,.5rem);font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text-secondary,rgb(82 82 82));font-style:italic}.typing-dots{display:flex;gap:.1875rem}.typing-dot{width:6px;height:6px;background:var(--snice-color-text-secondary,rgb(82 82 82));border-radius:50%;animation:1.4s ease-in-out infinite typing-bounce}.typing-dot:first-child{animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,100%,60%{transform:translateY(0)}30%{transform:translateY(-4px)}}.input-area{border-top:1px solid var(--snice-color-border,rgb(226 226 226));padding:var(--snice-spacing-md,1rem);background:var(--snice-color-surface-container-high,rgb(252 251 249))}.input-container{display:flex;align-items:flex-end;gap:var(--snice-spacing-xs,.5rem);background:var(--snice-color-surface-container-lowest,rgb(255 255 255));border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-md,.25rem);padding:var(--snice-spacing-xs,.5rem);transition:border-color var(--snice-transition-fast, 150ms)}.input-container:focus-within{border-color:var(--snice-color-primary,rgb(37 99 235))}.input-field{flex:1;border:none;outline:0;resize:none;font-family:inherit;font-size:var(--snice-font-size-md, 1rem);line-height:1.5;min-height:1.375rem;max-height:9.375rem;overflow-y:auto;background:0 0;color:var(--snice-color-text,rgb(23 23 23))}.input-field::placeholder{color:var(--snice-color-text-secondary,rgb(82 82 82))}.input-field::-webkit-scrollbar{width:4px}.input-field::-webkit-scrollbar-thumb{background:var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-sm,.125rem)}.input-buttons{display:flex;gap:var(--snice-spacing-2xs,.25rem)}.input-button{width:2rem;height:2rem;border:none;background:0 0;cursor:pointer;border-radius:var(--snice-border-radius-md,.25rem);display:flex;align-items:center;justify-content:center;color:var(--snice-color-text-secondary,rgb(82 82 82));transition:background var(--snice-transition-fast, 150ms)}.input-button:hover{background:var(--snice-color-surface-hover,rgb(242 242 242))}.input-button:disabled{opacity:.5;cursor:not-allowed}.input-button.send{color:var(--snice-color-text-inverse,rgb(250 250 250));background:var(--snice-color-primary,rgb(37 99 235))}.input-button.send:hover:not(:disabled){background:var(--snice-color-primary-hover,rgb(29 78 216))}.input-button svg{width:1.125rem;height:1.125rem}input[type=file]{display:none}:host([layout=bubbles]) .message.own{flex-direction:row-reverse}:host([layout=bubbles]) .message.own .message-content{display:flex;flex-direction:column;align-items:flex-end}:host([layout=bubbles]) .message.own .message-header{flex-direction:row-reverse}:host([layout=bubbles]) .message .message-text{display:inline-block;padding:var(--snice-spacing-xs,.5rem) var(--snice-spacing-sm,.75rem);border-radius:var(--snice-border-radius-lg,.5rem);background:var(--snice-color-surface-container,rgb(242 242 242))}:host([layout=bubbles]) .message.own .message-text{background:var(--snice-color-primary,rgb(37 99 235));color:var(--snice-color-text-inverse,rgb(250 250 250))}"}`}init(){this.addEventListener("keydown",this.handleKeyDown),this.ingestSlottedMessages()}onSlottedMessagesChanged(){this.ingestSlottedMessages()}onSlottedMessageAttributesChanged(){this.ingestSlottedMessages()}ingestSlottedMessages(){const e=Array.from(this.querySelectorAll("snice-chat-message"));if(0===e.length)return;const t=new Map(this.messages.map(e=>[e.id,e])),i=e.map(e=>{let i=this.slotMessageIds.get(e);i||(i=m(),this.slotMessageIds.set(e,i),this.mintedSlotIds.add(i));const a={...e.getMessageDefinition(),id:i},s=t.get(i);return s?(!a.reactions&&s.reactions&&(a.reactions=s.reactions),s.edited&&!a.edited&&(a.content=s.content,a.edited=!0),a):a}),a=this.messages.filter(e=>!this.mintedSlotIds.has(e.id));this.messages=[...i,...a]}cleanup(){this.removeEventListener("keydown",this.handleKeyDown),this.typingTimeout&&clearTimeout(this.typingTimeout)}messagesChanged(e,t){(t?.length??0)>(e?.length??0)&&setTimeout(()=>this.scrollToBottom(),0)}emitMessageSend(e,t){return{message:e,attachments:t}}emitMessageEdit(e,t){return{messageId:e,newContent:t}}emitMessageDelete(e){return{messageId:e}}emitMessageReact(e,t){return{messageId:e,emoji:t}}emitTypingStart(){return{}}emitTypingStop(){return{}}addMessage(e){const t={...e,id:m()};this.messages=[...this.messages,t]}updateMessage(e,t){this.messages=this.messages.map(i=>i.id===e?{...i,...t}:i)}deleteMessage(e){this.messages=this.messages.filter(t=>t.id!==e)}addTypingIndicator(e){this.typingIndicators.set(e,{user:e,timestamp:new Date})}removeTypingIndicator(e){this.typingIndicators.delete(e)}clear(){this.messages=[]}scrollToBottom(){this.messagesArea&&(this.messagesArea.scrollTop=this.messagesArea.scrollHeight)}scrollToMessage(e){const t=this.shadowRoot?.querySelector(`[data-message-id="${e}"]`);t&&t.scrollIntoView({behavior:"smooth",block:"center"})}handleInput(){this.typingTimeout||this.emitTypingStart(),this.typingTimeout&&clearTimeout(this.typingTimeout),this.typingTimeout=window.setTimeout(()=>{this.emitTypingStop(),this.typingTimeout=null},1e3)}sendMessage(){const e=this.inputField.value.trim();e&&(this.emitMessageSend(e),this.inputField.value="",this.adjustTextareaHeight(),this.typingTimeout&&(clearTimeout(this.typingTimeout),this.typingTimeout=null),this.emitTypingStop())}handleFileClick(){this.fileInput||(this.fileInput=document.createElement("input"),this.fileInput.type="file",this.fileInput.multiple=!0,this.fileInput.addEventListener("change",()=>this.handleFileSelect())),this.fileInput.click()}handleFileSelect(){if(!this.fileInput?.files||0===this.fileInput.files.length)return;const e=Array.from(this.fileInput.files);this.emitMessageSend("",e),this.fileInput.value=""}adjustTextareaHeight(){this.inputField&&(this.inputField.style.height="auto",this.inputField.style.height=`${Math.min(this.inputField.scrollHeight,150)}px`)}handleReaction(e,t){const i=this.currentUser;this.messages=this.messages.map(a=>{if(a.id!==e)return a;const s=[...a.reactions??[]],n=s.findIndex(e=>e.emoji===t);if(-1===n)s.push({emoji:t,count:1,users:[i]});else{const e=s[n],t=e.users.includes(i),a=t?e.users.filter(e=>e!==i):[...e.users,i],r=Math.max(a.length,e.count+(t?-1:1));0===r?s.splice(n,1):s[n]={...e,count:r,users:a}}return{...a,reactions:s}}),this.emitMessageReact(e,t)}startEdit(e){this.confirmingDeleteId=null,this.editingId=e}cancelEdit(){this.editingId=null}commitEdit(e){const t=(this.editField?.value??"").trim(),i=this.messages.find(t=>t.id===e);this.editingId=null,i&&t&&t!==i.content&&(this.updateMessage(e,{content:t,edited:!0}),this.emitMessageEdit(e,t))}handleEditKeydown(e,t){"Enter"!==e.key||e.shiftKey?"Escape"===e.key&&(e.preventDefault(),this.cancelEdit()):(e.preventDefault(),this.commitEdit(t))}focusEditField(){null!==this.editingId&&requestAnimationFrame(()=>{this.editField?.focus(),this.editBox?.scrollIntoView({block:"nearest"})})}handleDelete(e){this.editingId=null,this.confirmingDeleteId=e}revealDeleteConfirm(){null!==this.confirmingDeleteId&&requestAnimationFrame(()=>this.confirmBox?.scrollIntoView({block:"nearest"}))}confirmDelete(e){this.confirmingDeleteId=null,this.deleteMessage(e),this.emitMessageDelete(e)}cancelDelete(){this.confirmingDeleteId=null}render(){return t.html`
       <div part="base" class="chat-container">
         <div part="messages" class="messages-area">
           ${0===this.messages.length?this.renderEmptyState():this.messages.map(e=>this.renderMessage(e))}
@@ -54,73 +57,73 @@ void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be lo
           size="medium">
         </snice-empty-state>
       </div>
-    `}renderMessage(e){const s="system"===e.type,i=e.author===this.currentUser;return s?t.html`
-        <div class="message system" data-message-id="${e.id}">
+    `}resolveAuthorColor(e){if(e.authorColor&&h(e.authorColor))return e.authorColor;const t=this.authorColors[e.author];return t&&h(t)?t:this.colorAuthors?function(e){let t=0;for(let i=0;i<e.length;i++)t=31*t+e.charCodeAt(i)>>>0;const i=t%8+1;return`var(--snice-color-accent-${i}, ${s[i-1]})`}(e.author):""}shouldRenderMarkdown(e){return e.format===l.Markdown||!(!this.markdown||e.format===l.Text)}renderMessageBody(e){return this.shouldRenderMarkdown(e)?t.html`<snice-markdown part="message-text" class="message-text" .content=${e.content}></snice-markdown>`:t.html`<div part="message-text" class="message-text">${e.content}</div>`}renderMessage(e){const i="system"===e.type,a=e.author===this.currentUser;if(i)return t.html`
+        <div part="message system-message" class="message system" data-message-id="${e.id}">
           <div class="message-content">
-            <div class="message-text">${e.content}</div>
+            <div part="message-text" class="message-text">${e.content}</div>
           </div>
         </div>
-      `:t.html`
-      <div class="message" data-message-id="${e.id}">
+      `;const s=a?"own":"other",n=a?"message-own":"message-other",r=this.resolveAuthorColor(e),o=r?`--snice-chat-author-color:${r}`:"",c=this.editingId===e.id,l=this.confirmingDeleteId===e.id,d=!!e.reactions&&e.reactions.length>0;return t.html`
+      <div part="message ${n}" class="message ${s}" data-message-id="${e.id}">
         ${this.showAvatars?t.html`
-              <div class="message-avatar">
-                ${e.avatar?t.html`<img src="${e.avatar}" alt="${e.author}" />`:(a=e.author,a.split(" ").map(e=>e[0]).join("").toUpperCase().substring(0,2))}
+              <div part="avatar" class="message-avatar">
+                ${e.avatar?t.html`<img src="${e.avatar}" alt="${e.author}" />`:(m=e.author,m.split(" ").map(e=>e[0]).join("").toUpperCase().substring(0,2))}
               </div>
             `:""}
         <div class="message-content">
           <div class="message-header">
-            <span class="message-author">${e.author}</span>
-            ${this.showTimestamps?t.html`<span class="message-timestamp">${function(e){const t="string"==typeof e?new Date(e):e;return`${t.getHours().toString().padStart(2,"0")}:${t.getMinutes().toString().padStart(2,"0")}`}(e.timestamp)}</span>`:""}
-            ${e.edited?t.html`<span class="message-edited">(edited)</span>`:""}
+            <span part="author" class="message-author" style="${o}">${e.author}</span>
+            ${this.showTimestamps?t.html`<span part="timestamp" class="message-timestamp">${function(e){const t="string"==typeof e?new Date(e):e;return`${t.getHours().toString().padStart(2,"0")}:${t.getMinutes().toString().padStart(2,"0")}`}(e.timestamp)}</span>`:""}
+            ${e.edited?t.html`<span part="edited" class="message-edited">(edited)</span>`:""}
           </div>
-          ${e.content?t.html`<div class="message-text">${e.content}</div>`:""}
+          ${c?this.renderEditor(e):e.content?this.renderMessageBody(e):""}
           ${e.attachment?this.renderAttachment(e.attachment):""}
-          ${e.reactions&&e.reactions.length>0?this.renderReactions(e.id,e.reactions,i):""}
+          ${d?this.renderReactions(e.id,e.reactions):""}
+          ${l?this.renderDeleteConfirm(e):""}
+        </div>
+        ${c||l?"":this.renderActions(e.id,a)}
+      </div>
+    `;var m}renderEditor(e){return t.html`
+      <div class="message-edit">
+        <textarea
+          part="edit-input"
+          class="edit-field"
+          .value=${e.content}
+          @keydown=${t=>this.handleEditKeydown(t,e.id)}
+        ></textarea>
+        <div class="edit-actions">
+          <button part="edit-save" class="edit-button edit-save" @click=${()=>this.commitEdit(e.id)}>Save</button>
+          <button part="edit-cancel" class="edit-button" @click=${()=>this.cancelEdit()}>Cancel</button>
         </div>
+      </div>
+    `}renderDeleteConfirm(e){return t.html`
+      <div part="delete-confirm" class="message-confirm">
+        <span class="confirm-text">Delete this message?</span>
+        <div class="confirm-actions">
+          <button part="delete-confirm-yes" class="confirm-button confirm-delete" @click=${()=>this.confirmDelete(e.id)}>Delete</button>
+          <button part="delete-confirm-no" class="confirm-button" @click=${()=>this.cancelDelete()}>Cancel</button>
+        </div>
+      </div>
+    `}renderActions(e,i){return t.html`
+      <div part="actions" class="message-actions">
+        <button class="action-button" @click=${()=>this.handleReaction(e,"👍")} title="React" aria-label="React">
+          <span class="action-emoji" aria-hidden="true">🙂</span>
+        </button>
         ${i?t.html`
-              <div class="message-actions">
-                <button
-                  class="action-button"
-                  @click="${()=>this.handleReaction(e.id,"👍")}"
-                  title="React"
-                >
-                  <svg viewBox="0 0 16 16" fill="currentColor">
-                    <path
-                      d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zM5.5 7.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm5 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zM8 11c1.5 0 2.7-1 3.2-2H4.8c.5 1 1.7 2 3.2 2z"
-                    />
-                  </svg>
-                </button>
-                <button
-                  class="action-button"
-                  @click="${()=>this.handleEdit(e.id)}"
-                  title="Edit"
-                >
-                  <svg viewBox="0 0 16 16" fill="currentColor">
-                    <path
-                      d="M11.013 1.427a1.75 1.75 0 0 1 2.474 0l1.086 1.086a1.75 1.75 0 0 1 0 2.474l-8.61 8.61c-.21.21-.47.364-.756.445l-3.251.93a.75.75 0 0 1-.927-.928l.929-3.25a1.75 1.75 0 0 1 .445-.758l8.61-8.61z"
-                    />
-                  </svg>
-                </button>
-                <button
-                  class="action-button"
-                  @click="${()=>this.handleDelete(e.id)}"
-                  title="Delete"
-                >
-                  <svg viewBox="0 0 16 16" fill="currentColor">
-                    <path
-                      d="M11 1.75V3h2.25a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1 0-1.5H5V1.75C5 .784 5.784 0 6.75 0h2.5C10.216 0 11 .784 11 1.75zM4.496 6.675l.66 6.6a.25.25 0 0 0 .249.225h5.19a.25.25 0 0 0 .249-.225l.66-6.6a.75.75 0 0 1 1.492.149l-.66 6.6A1.748 1.748 0 0 1 10.595 15h-5.19a1.75 1.75 0 0 1-1.741-1.575l-.66-6.6a.75.75 0 1 1 1.492-.15z"
-                    />
-                  </svg>
-                </button>
-              </div>
+              <button class="action-button" @click=${()=>this.startEdit(e)} title="Edit" aria-label="Edit message">
+                ${t.unsafeHTML('<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L6.832 19.82a4.5 4.5 0 0 1-1.897 1.13l-2.685.8.8-2.685a4.5 4.5 0 0 1 1.13-1.897L16.863 4.487Zm0 0L19.5 7.125"/></svg>')}
+              </button>
+              <button class="action-button" @click=${()=>this.handleDelete(e)} title="Delete" aria-label="Delete message">
+                ${t.unsafeHTML('<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0"/></svg>')}
+              </button>
             `:""}
       </div>
-    `;var a}renderAttachment(e){return e?"image"===e.type?t.html`
-        <div class="message-attachment">
+    `}renderAttachment(e){return e?"image"===e.type?t.html`
+        <div part="attachment" class="message-attachment">
           <img src="${e.url}" alt="${e.name}" />
         </div>
       `:t.html`
-      <div class="message-attachment">
+      <div part="attachment" class="message-attachment">
         <div class="attachment-file">
           <div class="attachment-icon">
             <svg viewBox="0 0 16 16" fill="currentColor">
@@ -131,25 +134,26 @@ void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be lo
           </div>
           <div class="attachment-info">
             <div class="attachment-name">${e.name}</div>
-            ${e.size?t.html`<div class="attachment-size">${s=e.size,s<1024?`${s} B`:s<1048576?`${(s/1024).toFixed(1)} KB`:`${(s/1048576).toFixed(1)} MB`}</div>`:""}
+            ${e.size?t.html`<div class="attachment-size">${i=e.size,i<1024?`${i} B`:i<1048576?`${(i/1024).toFixed(1)} KB`:`${(i/1048576).toFixed(1)} MB`}</div>`:""}
           </div>
         </div>
       </div>
-    `:"";var s}renderReactions(e,s,i){return s&&0!==s.length?t.html`
-      <div class="message-reactions">
-        ${s.map(s=>t.html`
+    `:"";var i}renderReactions(e,i){return i&&0!==i.length?t.html`
+      <div part="reactions" class="message-reactions">
+        ${i.map(i=>{const a=i.users.includes(this.currentUser);return t.html`
             <div
-              class="reaction ${s.users.includes(this.currentUser)?"active":""}"
-              @click="${()=>this.handleReaction(e,s.emoji)}"
+              part="reaction ${a?"reaction-active":""}"
+              class="reaction ${a?"active":""}"
+              @click="${()=>this.handleReaction(e,i.emoji)}"
             >
-              <span class="reaction-emoji">${s.emoji}</span>
-              <span class="reaction-count">${s.count}</span>
+              <span class="reaction-emoji">${i.emoji}</span>
+              <span class="reaction-count">${i.count}</span>
             </div>
-          `)}
+          `})}
       </div>
     `:""}renderTypingIndicators(){const e=Array.from(this.typingIndicators.values());return 0===e.length?"":t.html`
       <div class="typing-indicators">
-        <div class="typing-indicator">
+        <div part="typing-indicator" class="typing-indicator">
           <span>${e.map(e=>e.user).join(", ")} ${1===e.length?"is":"are"} typing</span>
           <div class="typing-dots">
             <div class="typing-dot"></div>
@@ -176,22 +180,14 @@ void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be lo
                     @click="${()=>this.handleFileClick()}"
                     title="Attach file"
                   >
-                    <svg viewBox="0 0 16 16" fill="currentColor">
-                      <path
-                        d="M11.28 6.22a.75.75 0 0 0-1.06 0L7.25 9.19 5.78 7.72a.75.75 0 0 0-1.06 1.06l2 2a.75.75 0 0 0 1.06 0l3.5-3.5a.75.75 0 0 0 0-1.06zM16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-1.5 0a6.5 6.5 0 1 0-13 0 6.5 6.5 0 0 0 13 0z"
-                      />
-                    </svg>
+                    ${t.unsafeHTML('<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m18.375 12.739-7.693 7.693a4.5 4.5 0 0 1-6.364-6.364l10.94-10.94A3 3 0 1 1 19.5 7.372L8.552 18.32m.009-.01-.01.01m5.699-9.941-7.81 7.81a1.5 1.5 0 0 0 2.112 2.13"/></svg>')}
                   </button>
                 `:""}
             <button class="input-button send" @click="${()=>this.sendMessage()}" title="Send">
-              <svg viewBox="0 0 16 16" fill="currentColor">
-                <path
-                  d="M1.724 2.016a.75.75 0 0 1 1.048-.964l12.5 7a.75.75 0 0 1 0 1.292l-12.5 7a.75.75 0 0 1-1.048-.964l1.5-6.5a.75.75 0 0 1 .584-.584l5.916-1.188-5.916-1.188a.75.75 0 0 1-.584-.584l-1.5-6.5z"
-                />
-              </svg>
+              ${t.unsafeHTML('<svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M3.478 2.404a.75.75 0 0 0-.926.941l2.432 7.905H13.5a.75.75 0 0 1 0 1.5H4.984l-2.432 7.905a.75.75 0 0 0 .926.94 60.519 60.519 0 0 0 18.445-8.986.75.75 0 0 0 0-1.218A60.517 60.517 0 0 0 3.478 2.404Z"/></svg>')}
             </button>
           </div>
         </div>
       </div>
-    `}},a})();return e.SniceChat=a,e}({},Snice);
+    `}},n})();return e.SniceChat=p,e}({},Snice);
 //# sourceMappingURL=snice-chat.min.js.map