comisai 1.0.24 → 1.0.25

package/node_modules/@comis/web/dist/assets/{message-center-CXefwsUu.js → message-center-cRLK6ZmG.js}

@@ -1,292 +1,4 @@
-import{a as _,I as l,b as r,A as d,s as g,f as v,i as b,n as f,r as o,t as y}from"./index-CEcM1R_C.js";import"./ic-breadcrumb-CUMpp3BL.js";import"./ic-empty-state-60l2ePhd.js";import"./ic-confirm-dialog-CCDbB04e.js";import"./ic-relative-time-3FqpjeAI.js";import"./ic-icon-xeGTVhVG.js";var C=Object.defineProperty,x=Object.getOwnPropertyDescriptor,c=(e,t,s,i)=>{for(var a=i>1?void 0:i?x(t,s):t,h=e.length-1,p;h>=0;h--)(p=e[h])&&(a=(i?p(t,s,a):p(a))||a);return i&&a&&C(t,s,a),a};const w=["👍","👎","❤️","😂","😢","🤔","🔥","💯","👏","🚀","👀","👋","✅","❌","⭐","🎉","🙏","💪","🧠","💡","👑","💎","✨","🌈"],I={discord:[{group:"Messages",actions:[{action:"pin",label:"Pin Message",needsMessageId:!0},{action:"unpin",label:"Unpin Message",needsMessageId:!0}]},{group:"Moderation",actions:[{action:"kick",label:"Kick User",needsInput:"userId"},{action:"ban",label:"Ban User",needsInput:"userId"},{action:"unban",label:"Unban User",needsInput:"userId"}]},{group:"Channel",actions:[{action:"set_topic",label:"Set Topic",needsInput:"topic"},{action:"set_slowmode",label:"Set Slowmode",needsInput:"seconds"},{action:"sendTyping",label:"Send Typing Indicator"}]},{group:"Threads",actions:[{action:"threadCreate",label:"Create Thread",needsInput:"name"},{action:"threadList",label:"List Threads"}]},{group:"Info",actions:[{action:"guild_info",label:"Guild Info"},{action:"channel_info",label:"Channel Info"}]}],telegram:[{group:"Messages",actions:[{action:"pin",label:"Pin Message",needsMessageId:!0},{action:"unpin",label:"Unpin Message",needsMessageId:!0}]},{group:"Moderation",actions:[{action:"ban",label:"Ban User",needsInput:"userId"},{action:"unban",label:"Unban User",needsInput:"userId"},{action:"restrict",label:"Restrict User",needsInput:"userId"},{action:"promote",label:"Promote User",needsInput:"userId"},{action:"demote",label:"Demote User",needsInput:"userId"}]},{group:"Chat",actions:[{action:"set_title",label:"Set Chat Title",needsInput:"title"},{action:"set_description",label:"Set Description",needsInput:"description"},{action:"sendTyping",label:"Send Typing Indicator"}]},{group:"Info",actions:[{action:"chat_info",label:"Chat Info"},{action:"member_count",label:"Member Count"},{action:"get_admins",label:"Get Admins"}]}],slack:[{group:"Messages",actions:[{action:"pin",label:"Pin Message",needsMessageId:!0},{action:"unpin",label:"Unpin Message",needsMessageId:!0}]},{group:"Channel",actions:[{action:"set_topic",label:"Set Topic",needsInput:"topic"},{action:"set_purpose",label:"Set Purpose",needsInput:"purpose"},{action:"archive",label:"Archive Channel"},{action:"unarchive",label:"Unarchive Channel"},{action:"sendTyping",label:"Send Typing Indicator"}]},{group:"Members",actions:[{action:"invite",label:"Invite User",needsInput:"userId"},{action:"kick",label:"Kick User",needsInput:"userId"},{action:"members_list",label:"List Members"}]},{group:"Info",actions:[{action:"channel_info",label:"Channel Info"},{action:"bookmark_add",label:"Add Bookmark",needsInput:"url"}]}],whatsapp:[{group:"Group",actions:[{action:"group_info",label:"Group Info"},{action:"group_update_subject",label:"Update Subject",needsInput:"subject"},{action:"group_update_description",label:"Update Description",needsInput:"description"},{action:"group_invite_code",label:"Get Invite Code"}]},{group:"Members",actions:[{action:"group_participants_add",label:"Add Participant",needsInput:"participant"},{action:"group_participants_remove",label:"Remove Participant",needsInput:"participant"},{action:"group_promote",label:"Promote to Admin",needsInput:"participant"},{action:"group_demote",label:"Demote from Admin",needsInput:"participant"}]},{group:"Settings",actions:[{action:"group_settings",label:"Group Settings"}]}]},$={discord:"discord.action",telegram:"telegram.action",slack:"slack.action",whatsapp:"whatsapp.action"};let n=class extends _{constructor(){super(...arguments),this.rpcClient=null,this.eventDispatcher=null,this.channelType="",this._loadState="idle",this._error="",this._messages=[],this._effectiveChannel="",this._capabilities=null,this._channelList=[],this._sendText="",this._showSendConfirm=!1,this._actionPending=!1,this._botName="",this._replyToId="",this._replyText="",this._showReplyConfirm=!1,this._editingId="",this._editText="",this._deleteTargetId="",this._showDeleteConfirm=!1,this._reactTargetId="",this._showEmojiPicker=!1,this._attachUrl="",this._attachType="file",this._attachCaption="",this._showAttachForm=!1,this._chatList=[],this._selectedChatId="",this._platformActionPending=!1,this._selectedMessageId="",this._actionResult="",this._actionInputs={},this._hasLoaded=!1,this._previousChannelType="",this._boundEmojiOutsideClick=null,this._autoSelectAttempted=!1}disconnectedCallback(){super.disconnectedCallback(),this._removeEmojiOutsideListener()}updated(e){const t=this.rpcClient&&this.rpcClient.status==="connected";e.has("channelType")&&this.channelType&&(this._effectiveChannel=this.channelType,this._selectedChatId="",this._chatList=[]),e.has("channelType")&&this.channelType&&this.channelType!==this._previousChannelType?(this._previousChannelType=this.channelType,this._hasLoaded=!1,this._loadData()):e.has("rpcClient")&&t&&this._effectiveChannel&&!this._hasLoaded&&this._loadData(),!this.channelType&&this.rpcClient&&!this._autoSelectAttempted&&(this._autoSelectAttempted=!0,this._autoSelectChannel())}async _autoSelectChannel(){if(!this.rpcClient)return;const e=this.rpcClient;if(e.status!=="connected"&&await new Promise(t=>{const s=()=>{if(e.status==="connected"){t();return}if(e.status==="disconnected"){t();return}setTimeout(s,100)};s()}),e.status!=="connected"){this._loadState="error",this._error="RPC connection failed";return}try{const s=(await e.call("channels.list"))?.channels??[];this._channelList=s;const i=s.filter(a=>a.status==="running");i.length>0?(this._effectiveChannel=i[0].channelType,this._loadChats(),this._loadData()):this._loadState="loaded"}catch{this._loadState="error",this._error="Failed to load channel list"}}async _loadData(){const e=this._effectiveChannel;if(!(!this.rpcClient||!e)){this._loadState="loading",this._error="";try{const[t,s,i]=await Promise.allSettled([this.rpcClient.call("channels.list"),this.rpcClient.call("channels.capabilities",{channel_type:e}),this.rpcClient.call("channels.get",{channel_type:e})]);t.status==="fulfilled"&&t.value?.channels&&(this._channelList=t.value.channels),s.status==="fulfilled"&&s.value?.features&&(this._capabilities=s.value.features),i.status==="fulfilled"&&i.value&&(this._botName=i.value.botName??i.value.name??e),await this._loadChats(),await this._refetchMessages(),this._loadState="loaded",this._hasLoaded=!0}catch(t){this._loadState="error",this._error=t instanceof Error?t.message:"Failed to load message center data"}}}async _loadChats(){if(!(!this.rpcClient||!this._effectiveChannel))try{const t=(await this.rpcClient.call("obs.channels.all"))?.channels??[],s=new Map;for(const i of t){if(i.channelType!==this._effectiveChannel||!i.channelId||i.channelId==="unknown")continue;const a=i.messagesSent+i.messagesReceived;s.set(i.channelId,`${i.channelId} (${a} msgs)`)}this._chatList=Array.from(s.entries()).map(([i,a])=>({chatId:i,label:a})),this._chatList.length>0&&!this._selectedChatId&&(this._selectedChatId=this._chatList[0].chatId)}catch{}}async _refetchMessages(){if(this.rpcClient){if(this._capabilities?.fetchHistory){try{const e=await this.rpcClient.call("message.fetch",{channel_type:this._effectiveChannel,channel_id:this._selectedChatId||this._effectiveChannel,limit:50});this._messages=e?.messages??[]}catch{}return}try{const t=(await this.rpcClient.call("session.list",{kind:"all"}))?.sessions??[],s=this._selectedChatId,i=s?t.filter(m=>m.channelId===s):[];if(i.length===0){this._messages=[];return}i.sort((m,u)=>u.updatedAt-m.updatedAt);const a=i[0],p=(await this.rpcClient.call("session.history",{session_key:a.sessionKey,limit:50}))?.messages??[];this._messages=p.map((m,u)=>({id:`stored-${u}`,senderId:m.role,text:m.content,timestamp:m.timestamp}))}catch{this._messages=[]}}}_handleChannelChange(e){const s=e.target.value;s&&s!==this._effectiveChannel&&this.dispatchEvent(new CustomEvent("navigate",{detail:`messages/${s}`,bubbles:!0,composed:!0}))}_handleChatChange(e){const t=e.target;this._selectedChatId=t.value,this._refetchMessages()}_handleSendClick(){this._sendText.trim()&&(this._showSendConfirm=!0)}async _handleSendConfirm(){if(this._showSendConfirm=!1,!(!this.rpcClient||!this._sendText.trim())){this._actionPending=!0;try{await this.rpcClient.call("message.send",{channel_type:this._effectiveChannel,channel_id:this._selectedChatId||this._effectiveChannel,text:this._sendText.trim()}),l.show("Message sent","success"),this._sendText="",await this._refetchMessages()}catch(e){const t=e instanceof Error?e.message:"Failed to send message";l.show(t,"error")}finally{this._actionPending=!1}}}_handleSendCancel(){this._showSendConfirm=!1}_handleKeydown(e){e.key==="Enter"&&(e.ctrlKey||e.metaKey)&&(e.preventDefault(),this._handleSendClick())}_handleReplyClick(e){this._replyToId=e,this._replyText="",this.updateComplete.then(()=>{this.shadowRoot?.querySelector(".reply-input")?.focus()})}_handleReplyCancelClick(){this._replyToId="",this._replyText="",this._showReplyConfirm=!1}_handleReplySendClick(){!this._replyText.trim()||!this._replyToId||(this._showReplyConfirm=!0)}async _handleReplyConfirm(){if(this._showReplyConfirm=!1,!(!this.rpcClient||!this._replyText.trim()||!this._replyToId)){this._actionPending=!0;try{await this.rpcClient.call("message.reply",{channel_type:this._effectiveChannel,channel_id:this._selectedChatId||this._effectiveChannel,text:this._replyText.trim(),message_id:this._replyToId}),l.show("Reply sent","success"),this._replyToId="",this._replyText="",await this._refetchMessages()}catch(e){const t=e instanceof Error?e.message:"Failed to send reply";l.show(t,"error")}finally{this._actionPending=!1}}}_handleReplyCancel(){this._showReplyConfirm=!1}_handleReplyKeydown(e){e.key==="Enter"&&(e.ctrlKey||e.metaKey)&&(e.preventDefault(),this._handleReplySendClick()),e.key==="Escape"&&this._handleReplyCancelClick()}_handleEditClick(e){this._editingId=e.id,this._editText=e.text,this.updateComplete.then(()=>{this.shadowRoot?.querySelector(".edit-input")?.focus()})}_handleEditCancelClick(){this._editingId="",this._editText=""}async _handleEditSave(){if(!(!this.rpcClient||!this._editText.trim()||!this._editingId)){this._actionPending=!0;try{await this.rpcClient.call("message.edit",{channel_type:this._effectiveChannel,channel_id:this._selectedChatId||this._effectiveChannel,message_id:this._editingId,text:this._editText.trim()}),l.show("Message edited","success"),this._editingId="",this._editText="",await this._refetchMessages()}catch(e){const t=e instanceof Error?e.message:"Failed to edit message";l.show(t,"error")}finally{this._actionPending=!1}}}_handleEditKeydown(e){e.key==="Enter"&&(e.ctrlKey||e.metaKey)&&(e.preventDefault(),this._handleEditSave()),e.key==="Escape"&&this._handleEditCancelClick()}_handleDeleteClick(e){this._deleteTargetId=e,this._showDeleteConfirm=!0}async _handleDeleteConfirm(){if(this._showDeleteConfirm=!1,!(!this.rpcClient||!this._deleteTargetId)){this._actionPending=!0;try{await this.rpcClient.call("message.delete",{channel_type:this._effectiveChannel,channel_id:this._selectedChatId||this._effectiveChannel,message_id:this._deleteTargetId}),l.show("Message deleted","success"),this._messages=this._messages.filter(e=>e.id!==this._deleteTargetId),this._deleteTargetId=""}catch(e){const t=e instanceof Error?e.message:"Failed to delete message";l.show(t,"error"),this._deleteTargetId="",await this._refetchMessages()}finally{this._actionPending=!1}}}_handleDeleteCancel(){this._showDeleteConfirm=!1,this._deleteTargetId=""}_handleReactClick(e){if(this._reactTargetId===e&&this._showEmojiPicker){this._closeEmojiPicker();return}this._reactTargetId=e,this._showEmojiPicker=!0,requestAnimationFrame(()=>this._installEmojiOutsideListener())}async _handleEmojiSelect(e){if(!(!this.rpcClient||!this._reactTargetId)){this._closeEmojiPicker(),this._actionPending=!0;try{await this.rpcClient.call("message.react",{channel_type:this._effectiveChannel,channel_id:this._selectedChatId||this._effectiveChannel,message_id:this._reactTargetId,emoji:e}),l.show("Reaction added","success")}catch(t){const s=t instanceof Error?t.message:"Failed to add reaction";l.show(s,"error")}finally{this._actionPending=!1,this._reactTargetId=""}}}_closeEmojiPicker(){this._showEmojiPicker=!1,this._reactTargetId="",this._removeEmojiOutsideListener()}_installEmojiOutsideListener(){this._removeEmojiOutsideListener(),this._boundEmojiOutsideClick=e=>{const t=e.composedPath(),s=this.shadowRoot?.querySelector(".emoji-picker"),i=this.shadowRoot?.querySelector(`[data-react-id="${this._reactTargetId}"]`);s&&!t.includes(s)&&(!i||!t.includes(i))&&this._closeEmojiPicker()},document.addEventListener("click",this._boundEmojiOutsideClick,!0)}_removeEmojiOutsideListener(){this._boundEmojiOutsideClick&&(document.removeEventListener("click",this._boundEmojiOutsideClick,!0),this._boundEmojiOutsideClick=null)}_toggleAttachForm(){this._showAttachForm=!this._showAttachForm,this._showAttachForm||(this._attachUrl="",this._attachType="file",this._attachCaption="")}async _handleAttachSend(){if(!(!this.rpcClient||!this._attachUrl.trim())){this._actionPending=!0;try{await this.rpcClient.call("message.attach",{channel_type:this._effectiveChannel,channel_id:this._selectedChatId||this._effectiveChannel,attachment_url:this._attachUrl.trim(),attachment_type:this._attachType,caption:this._attachCaption.trim()||void 0}),l.show("Attachment sent","success"),this._attachUrl="",this._attachType="file",this._attachCaption="",this._showAttachForm=!1}catch(e){const t=e instanceof Error?e.message:"Failed to send attachment";l.show(t,"error")}finally{this._actionPending=!1}}}_handleMessageClick(e){this._selectedMessageId=this._selectedMessageId===e?"":e}_getActionInputKey(e,t){return`${e}-${t}`}_handleActionInputChange(e,t){this._actionInputs={...this._actionInputs,[e]:t}}async _handlePlatformAction(e){if(!this.rpcClient)return;const t=$[this._effectiveChannel];if(!t)return;const s={action:e.action};if(this._effectiveChannel==="telegram"?s.chat_id=this._selectedChatId||this._effectiveChannel:this._effectiveChannel==="whatsapp"?s.group_jid=this._selectedChatId||this._effectiveChannel:s.channel_id=this._selectedChatId||this._effectiveChannel,e.needsMessageId&&this._selectedMessageId&&(s.message_id=this._selectedMessageId),e.needsInput){const i=this._getActionInputKey("",e.action),a=this._actionInputs[i]?.trim();a&&(s[e.needsInput]=a)}this._platformActionPending=!0,this._actionResult="";try{const i=await this.rpcClient.call(t,s);l.show("Action completed","success"),this._actionResult=typeof i=="string"?i:JSON.stringify(i,null,2)}catch(i){const a=i instanceof Error?i.message:"Action failed";l.show(a,"error"),this._actionResult=""}finally{this._platformActionPending=!1}}render(){return r`
-      <div class="message-center">
-        ${this._renderBreadcrumb()}
-        ${this._renderHeader()}
-        ${this._renderBody()}
-        ${this._renderSendConfirmDialog()}
-        ${this._renderReplyConfirmDialog()}
-        ${this._renderDeleteConfirmDialog()}
-      </div>
-    `}_renderBreadcrumb(){return r`
-      <ic-breadcrumb .items=${[{label:"Channels",route:"channels"},{label:this._effectiveChannel||"...",route:`channels/${this._effectiveChannel}`},{label:"Messages"}]}></ic-breadcrumb>
-    `}_renderHeader(){return r`
-      <div class="header-row">
-        <div class="header-left">
-          <h1 class="page-title">Messages</h1>
-        </div>
-        <div class="channel-selector">
-          <label for="channel-select">Channel:</label>
-          <select
-            id="channel-select"
-            class="channel-select"
-            .value=${this._effectiveChannel}
-            @change=${this._handleChannelChange}
-          >
-            ${this._channelList.length===0?r`<option value=${this._effectiveChannel}>${this._effectiveChannel}</option>`:this._channelList.map(e=>r`<option value=${e.channelType} ?selected=${e.channelType===this._effectiveChannel}>${e.channelType}</option>`)}
-          </select>
-        </div>
-        <div class="channel-selector">
-          <label for="chat-select">Chat:</label>
-          <select
-            id="chat-select"
-            class="channel-select"
-            .value=${this._selectedChatId}
-            @change=${this._handleChatChange}
-            ?disabled=${this._chatList.length===0}
-          >
-            ${this._chatList.length===0?r`<option value="">No chats found</option>`:this._chatList.map(e=>r`<option value=${e.chatId} ?selected=${e.chatId===this._selectedChatId}>${e.label}</option>`)}
-          </select>
-        </div>
-      </div>
-    `}_renderBody(){switch(this._loadState){case"idle":case"loading":return r`<ic-loading></ic-loading>`;case"error":return r`
-          <div class="error-container">
-            <div class="error-text">${this._error||"Failed to load"}</div>
-            <button class="retry-btn" @click=${()=>{this._loadData()}}>Retry</button>
-          </div>
-        `;case"loaded":return r`
-          ${this._renderMessageList()}
-          ${this._renderSendForm()}
-          ${this._renderAttachForm()}
-          ${this._renderPlatformActions()}
-        `;default:return d}}_renderMessageList(){if(this._messages.length===0)return r`
-        <ic-empty-state
-          message="No messages found"
-          description="No recent messages in this channel."
-        ></ic-empty-state>
-      `;const e=[...this._messages].sort((a,h)=>a.timestamp-h.timestamp),t=this._capabilities?.editMessages===!0,s=this._capabilities?.deleteMessages===!0,i=this._capabilities?.reactions===!0;return r`
-      <div class="section">
-        <div class="section-title">Recent Messages (${e.length})</div>
-        <div class="message-list">
-          ${e.map(a=>r`
-            <div class="msg-row ${this._selectedMessageId===a.id?"msg-row--selected":""}" @click=${()=>this._handleMessageClick(a.id)}>
-              <span class="msg-sender" title=${a.senderId}>${a.senderId}</span>
-              ${this._editingId===a.id?this._renderEditForm(a):r`<span class="msg-text">${a.text}</span>`}
-              <span class="msg-time"><ic-relative-time .timestamp=${a.timestamp}></ic-relative-time></span>
-              <span class="msg-actions">
-                <button class="msg-action-btn" title="Reply" @click=${()=>this._handleReplyClick(a.id)}>Reply</button>
-                ${t?r`
-                  <button class="msg-action-btn" title="Edit" @click=${()=>this._handleEditClick(a)}>Edit</button>
-                `:d}
-                ${s?r`
-                  <button class="msg-action-btn msg-action-btn--danger" title="Delete" @click=${()=>this._handleDeleteClick(a.id)}>Delete</button>
-                `:d}
-                ${i?r`
-                  <span class="emoji-picker-anchor">
-                    <button class="msg-action-btn" title="React" data-react-id=${a.id} @click=${()=>this._handleReactClick(a.id)}>React</button>
-                    ${this._showEmojiPicker&&this._reactTargetId===a.id?this._renderEmojiPicker():d}
-                  </span>
-                `:d}
-              </span>
-            </div>
-            ${this._replyToId===a.id?this._renderReplyForm(a):d}
-          `)}
-        </div>
-      </div>
-    `}_renderReplyForm(e){return r`
-      <div class="inline-form">
-        <div class="inline-form-label">
-          Replying to ${e.senderId}
-          <button class="inline-form-cancel" title="Cancel reply" @click=${this._handleReplyCancelClick}>X</button>
-        </div>
-        <div class="inline-form-row">
-          <textarea
-            class="inline-form-input reply-input"
-            placeholder="Type your reply..."
-            .value=${this._replyText}
-            @input=${t=>{this._replyText=t.target.value}}
-            @keydown=${this._handleReplyKeydown}
-            ?disabled=${this._actionPending}
-            rows="1"
-          ></textarea>
-          <button
-            class="btn-sm btn-sm-primary"
-            @click=${this._handleReplySendClick}
-            ?disabled=${this._actionPending||!this._replyText.trim()}
-          >Send Reply</button>
-        </div>
-      </div>
-    `}_renderEditForm(e){return r`
-      <span class="msg-text" style="flex:1;min-width:0;">
-        <div class="inline-form" style="margin:0;">
-          <div class="inline-form-row">
-            <textarea
-              class="inline-form-input edit-input"
-              .value=${this._editText}
-              @input=${t=>{this._editText=t.target.value}}
-              @keydown=${this._handleEditKeydown}
-              ?disabled=${this._actionPending}
-              rows="1"
-            ></textarea>
-            <button
-              class="btn-sm btn-sm-primary"
-              @click=${()=>{this._handleEditSave()}}
-              ?disabled=${this._actionPending||!this._editText.trim()}
-            >Save</button>
-            <button
-              class="btn-sm btn-sm-ghost"
-              @click=${this._handleEditCancelClick}
-              ?disabled=${this._actionPending}
-            >Cancel</button>
-          </div>
-        </div>
-      </span>
-    `}_renderEmojiPicker(){return r`
-      <div class="emoji-picker">
-        ${w.map(e=>r`
-          <button class="emoji-btn" title=${e} @click=${()=>{this._handleEmojiSelect(e)}}>${e}</button>
-        `)}
-      </div>
-    `}_renderSendForm(){const e=this._capabilities?.attachments===!0;return r`
-      <div class="section">
-        <div class="section-title">Send Message</div>
-        <div class="send-form">
-          <textarea
-            class="send-input"
-            placeholder="Type a message to send as ${this._botName||this._effectiveChannel}..."
-            .value=${this._sendText}
-            @input=${t=>{this._sendText=t.target.value}}
-            @keydown=${this._handleKeydown}
-            ?disabled=${this._actionPending}
-            rows="2"
-          ></textarea>
-          <button
-            class="btn btn-primary"
-            @click=${this._handleSendClick}
-            ?disabled=${this._actionPending||!this._sendText.trim()}
-          >
-            ${this._actionPending?"Sending...":"Send"}
-          </button>
-          ${e?r`
-              <button
-                class="btn-sm btn-sm-ghost"
-                @click=${this._toggleAttachForm}
-                ?disabled=${this._actionPending}
-                title="Attach File"
-              >
-                ${this._showAttachForm?"Close Attach":"Attach File"}
-              </button>
-            `:r`
-              <button
-                class="btn-sm btn-sm-ghost"
-                disabled
-                title="Attachments not supported on ${this._effectiveChannel}"
-              >Attach File</button>
-            `}
-        </div>
-      </div>
-    `}_renderAttachForm(){return!this._showAttachForm||this._capabilities?.attachments!==!0?d:r`
-      <div class="section">
-        <div class="section-title">Send Attachment</div>
-        <div class="attach-form">
-          <div class="attach-form-row">
-            <input
-              class="attach-input"
-              type="text"
-              placeholder="File URL or Path"
-              .value=${this._attachUrl}
-              @input=${e=>{this._attachUrl=e.target.value}}
-              ?disabled=${this._actionPending}
-            />
-            <select
-              class="attach-select"
-              .value=${this._attachType}
-              @change=${e=>{this._attachType=e.target.value}}
-              ?disabled=${this._actionPending}
-            >
-              <option value="file">File</option>
-              <option value="image">Image</option>
-              <option value="audio">Audio</option>
-              <option value="video">Video</option>
-            </select>
-          </div>
-          <div class="attach-form-row">
-            <input
-              class="attach-input"
-              type="text"
-              placeholder="Caption (optional)"
-              .value=${this._attachCaption}
-              @input=${e=>{this._attachCaption=e.target.value}}
-              ?disabled=${this._actionPending}
-            />
-            <button
-              class="btn-sm btn-sm-primary"
-              @click=${()=>{this._handleAttachSend()}}
-              ?disabled=${this._actionPending||!this._attachUrl.trim()}
-            >
-              Send Attachment
-            </button>
-            <button
-              class="btn-sm btn-sm-ghost"
-              @click=${this._toggleAttachForm}
-              ?disabled=${this._actionPending}
-            >Cancel</button>
-          </div>
-        </div>
-      </div>
-    `}_renderPlatformActions(){const e=I[this._effectiveChannel];if(!e)return d;const t=this._effectiveChannel.charAt(0).toUpperCase()+this._effectiveChannel.slice(1);return r`
-      <div class="platform-actions">
-        <div class="platform-actions-title">
-          <ic-platform-icon platform=${this._effectiveChannel}></ic-platform-icon>
-          ${t} Actions
-        </div>
-        ${e.map(s=>r`
-          <div class="action-group-header">${s.group}</div>
-          <div class="action-buttons">
-            ${s.actions.map(i=>{const a=this._getActionInputKey("",i.action),h=i.needsMessageId&&!this._selectedMessageId;return r`
-                ${i.needsInput?r`
-                  <input
-                    class="action-input"
-                    type="text"
-                    placeholder=${i.needsInput}
-                    .value=${this._actionInputs[a]??""}
-                    @input=${p=>this._handleActionInputChange(a,p.target.value)}
-                    ?disabled=${this._platformActionPending}
-                  />
-                `:d}
-                <button
-                  class="btn-sm btn-sm-ghost"
-                  @click=${()=>{this._handlePlatformAction(i)}}
-                  ?disabled=${this._platformActionPending||h}
-                  title=${h?"Select a message first":i.label}
-                >
-                  ${i.label}
-                </button>
-              `})}
-          </div>
-        `)}
-        ${this._actionResult?r`
-          <div class="action-result">${this._actionResult}</div>
-        `:d}
-      </div>
-    `}_renderSendConfirmDialog(){return this._showSendConfirm?r`
-      <ic-confirm-dialog
-        open
-        title="Send Message"
-        message="This message will be sent as ${this._botName||this._effectiveChannel} on ${this._effectiveChannel}. You are acting as operator."
-        confirmLabel="Send"
-        @confirm=${this._handleSendConfirm}
-        @cancel=${this._handleSendCancel}
-      ></ic-confirm-dialog>
-    `:d}_renderReplyConfirmDialog(){return this._showReplyConfirm?r`
-      <ic-confirm-dialog
-        open
-        title="Send Reply"
-        message="This reply will be sent as ${this._botName||this._effectiveChannel} on ${this._effectiveChannel}. You are acting as operator."
-        confirmLabel="Send Reply"
-        @confirm=${this._handleReplyConfirm}
-        @cancel=${this._handleReplyCancel}
-      ></ic-confirm-dialog>
-    `:d}_renderDeleteConfirmDialog(){return this._showDeleteConfirm?r`
-      <ic-confirm-dialog
-        open
-        title="Delete Message"
-        message="This will permanently delete this message from ${this._effectiveChannel}. This cannot be undone."
-        variant="danger"
-        confirmLabel="Delete"
-        @confirm=${this._handleDeleteConfirm}
-        @cancel=${this._handleDeleteCancel}
-      ></ic-confirm-dialog>
-    `:d}};n.styles=[g,v,b`
+import{c as e,f as t,h as n,l as r,n as i,o as a,r as o,s,t as c,u as l}from"./decorate-BvWYovGE.js";import{a as u}from"./index-FLPhHz8p.js";import"./ic-breadcrumb-DqN6G3gc.js";import"./ic-confirm-dialog-DGlPbV1T.js";import"./ic-relative-time-B3UAnTqg.js";import"./ic-empty-state-CM3Wbj2f.js";var d=[`👍`,`👎`,`❤️`,`😂`,`😢`,`🤔`,`🔥`,`💯`,`👏`,`🚀`,`👀`,`👋`,`✅`,`❌`,`⭐`,`🎉`,`🙏`,`💪`,`🧠`,`💡`,`👑`,`💎`,`✨`,`🌈`],f={discord:[{group:`Messages`,actions:[{action:`pin`,label:`Pin Message`,needsMessageId:!0},{action:`unpin`,label:`Unpin Message`,needsMessageId:!0}]},{group:`Moderation`,actions:[{action:`kick`,label:`Kick User`,needsInput:`userId`},{action:`ban`,label:`Ban User`,needsInput:`userId`},{action:`unban`,label:`Unban User`,needsInput:`userId`}]},{group:`Channel`,actions:[{action:`set_topic`,label:`Set Topic`,needsInput:`topic`},{action:`set_slowmode`,label:`Set Slowmode`,needsInput:`seconds`},{action:`sendTyping`,label:`Send Typing Indicator`}]},{group:`Threads`,actions:[{action:`threadCreate`,label:`Create Thread`,needsInput:`name`},{action:`threadList`,label:`List Threads`}]},{group:`Info`,actions:[{action:`guild_info`,label:`Guild Info`},{action:`channel_info`,label:`Channel Info`}]}],telegram:[{group:`Messages`,actions:[{action:`pin`,label:`Pin Message`,needsMessageId:!0},{action:`unpin`,label:`Unpin Message`,needsMessageId:!0}]},{group:`Moderation`,actions:[{action:`ban`,label:`Ban User`,needsInput:`userId`},{action:`unban`,label:`Unban User`,needsInput:`userId`},{action:`restrict`,label:`Restrict User`,needsInput:`userId`},{action:`promote`,label:`Promote User`,needsInput:`userId`},{action:`demote`,label:`Demote User`,needsInput:`userId`}]},{group:`Chat`,actions:[{action:`set_title`,label:`Set Chat Title`,needsInput:`title`},{action:`set_description`,label:`Set Description`,needsInput:`description`},{action:`sendTyping`,label:`Send Typing Indicator`}]},{group:`Info`,actions:[{action:`chat_info`,label:`Chat Info`},{action:`member_count`,label:`Member Count`},{action:`get_admins`,label:`Get Admins`}]}],slack:[{group:`Messages`,actions:[{action:`pin`,label:`Pin Message`,needsMessageId:!0},{action:`unpin`,label:`Unpin Message`,needsMessageId:!0}]},{group:`Channel`,actions:[{action:`set_topic`,label:`Set Topic`,needsInput:`topic`},{action:`set_purpose`,label:`Set Purpose`,needsInput:`purpose`},{action:`archive`,label:`Archive Channel`},{action:`unarchive`,label:`Unarchive Channel`},{action:`sendTyping`,label:`Send Typing Indicator`}]},{group:`Members`,actions:[{action:`invite`,label:`Invite User`,needsInput:`userId`},{action:`kick`,label:`Kick User`,needsInput:`userId`},{action:`members_list`,label:`List Members`}]},{group:`Info`,actions:[{action:`channel_info`,label:`Channel Info`},{action:`bookmark_add`,label:`Add Bookmark`,needsInput:`url`}]}],whatsapp:[{group:`Group`,actions:[{action:`group_info`,label:`Group Info`},{action:`group_update_subject`,label:`Update Subject`,needsInput:`subject`},{action:`group_update_description`,label:`Update Description`,needsInput:`description`},{action:`group_invite_code`,label:`Get Invite Code`}]},{group:`Members`,actions:[{action:`group_participants_add`,label:`Add Participant`,needsInput:`participant`},{action:`group_participants_remove`,label:`Remove Participant`,needsInput:`participant`},{action:`group_promote`,label:`Promote to Admin`,needsInput:`participant`},{action:`group_demote`,label:`Demote from Admin`,needsInput:`participant`}]},{group:`Settings`,actions:[{action:`group_settings`,label:`Group Settings`}]}]},p={discord:`discord.action`,telegram:`telegram.action`,slack:`slack.action`,whatsapp:`whatsapp.action`},m=class extends r{constructor(...e){super(...e),this.rpcClient=null,this.eventDispatcher=null,this.channelType=``,this._loadState=`idle`,this._error=``,this._messages=[],this._effectiveChannel=``,this._capabilities=null,this._channelList=[],this._sendText=``,this._showSendConfirm=!1,this._actionPending=!1,this._botName=``,this._replyToId=``,this._replyText=``,this._showReplyConfirm=!1,this._editingId=``,this._editText=``,this._deleteTargetId=``,this._showDeleteConfirm=!1,this._reactTargetId=``,this._showEmojiPicker=!1,this._attachUrl=``,this._attachType=`file`,this._attachCaption=``,this._showAttachForm=!1,this._chatList=[],this._selectedChatId=``,this._platformActionPending=!1,this._selectedMessageId=``,this._actionResult=``,this._actionInputs={},this._hasLoaded=!1,this._previousChannelType=``,this._boundEmojiOutsideClick=null,this._autoSelectAttempted=!1}static{this.styles=[o,i,n`
       :host {
         display: block;
       }
@@ -782,4 +494,292 @@ import{a as _,I as l,b as r,A as d,s as g,f as v,i as b,n as f,r as o,t as y}fro
       .retry-btn:hover {
         background: var(--ic-border, #374151);
       }
-    `];c([f({attribute:!1})],n.prototype,"rpcClient",2);c([f({attribute:!1})],n.prototype,"eventDispatcher",2);c([f()],n.prototype,"channelType",2);c([o()],n.prototype,"_loadState",2);c([o()],n.prototype,"_error",2);c([o()],n.prototype,"_messages",2);c([o()],n.prototype,"_effectiveChannel",2);c([o()],n.prototype,"_capabilities",2);c([o()],n.prototype,"_channelList",2);c([o()],n.prototype,"_sendText",2);c([o()],n.prototype,"_showSendConfirm",2);c([o()],n.prototype,"_actionPending",2);c([o()],n.prototype,"_botName",2);c([o()],n.prototype,"_replyToId",2);c([o()],n.prototype,"_replyText",2);c([o()],n.prototype,"_showReplyConfirm",2);c([o()],n.prototype,"_editingId",2);c([o()],n.prototype,"_editText",2);c([o()],n.prototype,"_deleteTargetId",2);c([o()],n.prototype,"_showDeleteConfirm",2);c([o()],n.prototype,"_reactTargetId",2);c([o()],n.prototype,"_showEmojiPicker",2);c([o()],n.prototype,"_attachUrl",2);c([o()],n.prototype,"_attachType",2);c([o()],n.prototype,"_attachCaption",2);c([o()],n.prototype,"_showAttachForm",2);c([o()],n.prototype,"_chatList",2);c([o()],n.prototype,"_selectedChatId",2);c([o()],n.prototype,"_platformActionPending",2);c([o()],n.prototype,"_selectedMessageId",2);c([o()],n.prototype,"_actionResult",2);n=c([y("ic-message-center")],n);export{n as IcMessageCenter};
+    `]}disconnectedCallback(){super.disconnectedCallback(),this._removeEmojiOutsideListener()}updated(e){let t=this.rpcClient&&this.rpcClient.status===`connected`;e.has(`channelType`)&&this.channelType&&(this._effectiveChannel=this.channelType,this._selectedChatId=``,this._chatList=[]),e.has(`channelType`)&&this.channelType&&this.channelType!==this._previousChannelType?(this._previousChannelType=this.channelType,this._hasLoaded=!1,this._loadData()):e.has(`rpcClient`)&&t&&this._effectiveChannel&&!this._hasLoaded&&this._loadData(),!this.channelType&&this.rpcClient&&!this._autoSelectAttempted&&(this._autoSelectAttempted=!0,this._autoSelectChannel())}async _autoSelectChannel(){if(!this.rpcClient)return;let e=this.rpcClient;if(e.status!==`connected`&&await new Promise(t=>{let n=()=>{if(e.status===`connected`){t();return}if(e.status===`disconnected`){t();return}setTimeout(n,100)};n()}),e.status!==`connected`){this._loadState=`error`,this._error=`RPC connection failed`;return}try{let t=(await e.call(`channels.list`))?.channels??[];this._channelList=t;let n=t.filter(e=>e.status===`running`);n.length>0?(this._effectiveChannel=n[0].channelType,this._loadChats(),this._loadData()):this._loadState=`loaded`}catch{this._loadState=`error`,this._error=`Failed to load channel list`}}async _loadData(){let e=this._effectiveChannel;if(!(!this.rpcClient||!e)){this._loadState=`loading`,this._error=``;try{let[t,n,r]=await Promise.allSettled([this.rpcClient.call(`channels.list`),this.rpcClient.call(`channels.capabilities`,{channel_type:e}),this.rpcClient.call(`channels.get`,{channel_type:e})]);t.status===`fulfilled`&&t.value?.channels&&(this._channelList=t.value.channels),n.status===`fulfilled`&&n.value?.features&&(this._capabilities=n.value.features),r.status===`fulfilled`&&r.value&&(this._botName=r.value.botName??r.value.name??e),await this._loadChats(),await this._refetchMessages(),this._loadState=`loaded`,this._hasLoaded=!0}catch(e){this._loadState=`error`,this._error=e instanceof Error?e.message:`Failed to load message center data`}}}async _loadChats(){if(!(!this.rpcClient||!this._effectiveChannel))try{let e=(await this.rpcClient.call(`obs.channels.all`))?.channels??[],t=new Map;for(let n of e){if(n.channelType!==this._effectiveChannel||!n.channelId||n.channelId===`unknown`)continue;let e=n.messagesSent+n.messagesReceived;t.set(n.channelId,`${n.channelId} (${e} msgs)`)}this._chatList=Array.from(t.entries()).map(([e,t])=>({chatId:e,label:t})),this._chatList.length>0&&!this._selectedChatId&&(this._selectedChatId=this._chatList[0].chatId)}catch{}}async _refetchMessages(){if(this.rpcClient){if(this._capabilities?.fetchHistory){try{let e=await this.rpcClient.call(`message.fetch`,{channel_type:this._effectiveChannel,channel_id:this._selectedChatId||this._effectiveChannel,limit:50});this._messages=e?.messages??[]}catch{}return}try{let e=(await this.rpcClient.call(`session.list`,{kind:`all`}))?.sessions??[],t=this._selectedChatId,n=t?e.filter(e=>e.channelId===t):[];if(n.length===0){this._messages=[];return}n.sort((e,t)=>t.updatedAt-e.updatedAt);let r=n[0],i=(await this.rpcClient.call(`session.history`,{session_key:r.sessionKey,limit:50}))?.messages??[];this._messages=i.map((e,t)=>({id:`stored-${t}`,senderId:e.role,text:e.content,timestamp:e.timestamp}))}catch{this._messages=[]}}}_handleChannelChange(e){let t=e.target.value;t&&t!==this._effectiveChannel&&this.dispatchEvent(new CustomEvent(`navigate`,{detail:`messages/${t}`,bubbles:!0,composed:!0}))}_handleChatChange(e){let t=e.target;this._selectedChatId=t.value,this._refetchMessages()}_handleSendClick(){this._sendText.trim()&&(this._showSendConfirm=!0)}async _handleSendConfirm(){if(this._showSendConfirm=!1,!(!this.rpcClient||!this._sendText.trim())){this._actionPending=!0;try{await this.rpcClient.call(`message.send`,{channel_type:this._effectiveChannel,channel_id:this._selectedChatId||this._effectiveChannel,text:this._sendText.trim()}),u.show(`Message sent`,`success`),this._sendText=``,await this._refetchMessages()}catch(e){let t=e instanceof Error?e.message:`Failed to send message`;u.show(t,`error`)}finally{this._actionPending=!1}}}_handleSendCancel(){this._showSendConfirm=!1}_handleKeydown(e){e.key===`Enter`&&(e.ctrlKey||e.metaKey)&&(e.preventDefault(),this._handleSendClick())}_handleReplyClick(e){this._replyToId=e,this._replyText=``,this.updateComplete.then(()=>{(this.shadowRoot?.querySelector(`.reply-input`))?.focus()})}_handleReplyCancelClick(){this._replyToId=``,this._replyText=``,this._showReplyConfirm=!1}_handleReplySendClick(){!this._replyText.trim()||!this._replyToId||(this._showReplyConfirm=!0)}async _handleReplyConfirm(){if(this._showReplyConfirm=!1,!(!this.rpcClient||!this._replyText.trim()||!this._replyToId)){this._actionPending=!0;try{await this.rpcClient.call(`message.reply`,{channel_type:this._effectiveChannel,channel_id:this._selectedChatId||this._effectiveChannel,text:this._replyText.trim(),message_id:this._replyToId}),u.show(`Reply sent`,`success`),this._replyToId=``,this._replyText=``,await this._refetchMessages()}catch(e){let t=e instanceof Error?e.message:`Failed to send reply`;u.show(t,`error`)}finally{this._actionPending=!1}}}_handleReplyCancel(){this._showReplyConfirm=!1}_handleReplyKeydown(e){e.key===`Enter`&&(e.ctrlKey||e.metaKey)&&(e.preventDefault(),this._handleReplySendClick()),e.key===`Escape`&&this._handleReplyCancelClick()}_handleEditClick(e){this._editingId=e.id,this._editText=e.text,this.updateComplete.then(()=>{(this.shadowRoot?.querySelector(`.edit-input`))?.focus()})}_handleEditCancelClick(){this._editingId=``,this._editText=``}async _handleEditSave(){if(!(!this.rpcClient||!this._editText.trim()||!this._editingId)){this._actionPending=!0;try{await this.rpcClient.call(`message.edit`,{channel_type:this._effectiveChannel,channel_id:this._selectedChatId||this._effectiveChannel,message_id:this._editingId,text:this._editText.trim()}),u.show(`Message edited`,`success`),this._editingId=``,this._editText=``,await this._refetchMessages()}catch(e){let t=e instanceof Error?e.message:`Failed to edit message`;u.show(t,`error`)}finally{this._actionPending=!1}}}_handleEditKeydown(e){e.key===`Enter`&&(e.ctrlKey||e.metaKey)&&(e.preventDefault(),this._handleEditSave()),e.key===`Escape`&&this._handleEditCancelClick()}_handleDeleteClick(e){this._deleteTargetId=e,this._showDeleteConfirm=!0}async _handleDeleteConfirm(){if(this._showDeleteConfirm=!1,!(!this.rpcClient||!this._deleteTargetId)){this._actionPending=!0;try{await this.rpcClient.call(`message.delete`,{channel_type:this._effectiveChannel,channel_id:this._selectedChatId||this._effectiveChannel,message_id:this._deleteTargetId}),u.show(`Message deleted`,`success`),this._messages=this._messages.filter(e=>e.id!==this._deleteTargetId),this._deleteTargetId=``}catch(e){let t=e instanceof Error?e.message:`Failed to delete message`;u.show(t,`error`),this._deleteTargetId=``,await this._refetchMessages()}finally{this._actionPending=!1}}}_handleDeleteCancel(){this._showDeleteConfirm=!1,this._deleteTargetId=``}_handleReactClick(e){if(this._reactTargetId===e&&this._showEmojiPicker){this._closeEmojiPicker();return}this._reactTargetId=e,this._showEmojiPicker=!0,requestAnimationFrame(()=>this._installEmojiOutsideListener())}async _handleEmojiSelect(e){if(!(!this.rpcClient||!this._reactTargetId)){this._closeEmojiPicker(),this._actionPending=!0;try{await this.rpcClient.call(`message.react`,{channel_type:this._effectiveChannel,channel_id:this._selectedChatId||this._effectiveChannel,message_id:this._reactTargetId,emoji:e}),u.show(`Reaction added`,`success`)}catch(e){let t=e instanceof Error?e.message:`Failed to add reaction`;u.show(t,`error`)}finally{this._actionPending=!1,this._reactTargetId=``}}}_closeEmojiPicker(){this._showEmojiPicker=!1,this._reactTargetId=``,this._removeEmojiOutsideListener()}_installEmojiOutsideListener(){this._removeEmojiOutsideListener(),this._boundEmojiOutsideClick=e=>{let t=e.composedPath(),n=this.shadowRoot?.querySelector(`.emoji-picker`),r=this.shadowRoot?.querySelector(`[data-react-id="${this._reactTargetId}"]`);n&&!t.includes(n)&&(!r||!t.includes(r))&&this._closeEmojiPicker()},document.addEventListener(`click`,this._boundEmojiOutsideClick,!0)}_removeEmojiOutsideListener(){this._boundEmojiOutsideClick&&=(document.removeEventListener(`click`,this._boundEmojiOutsideClick,!0),null)}_toggleAttachForm(){this._showAttachForm=!this._showAttachForm,this._showAttachForm||(this._attachUrl=``,this._attachType=`file`,this._attachCaption=``)}async _handleAttachSend(){if(!(!this.rpcClient||!this._attachUrl.trim())){this._actionPending=!0;try{await this.rpcClient.call(`message.attach`,{channel_type:this._effectiveChannel,channel_id:this._selectedChatId||this._effectiveChannel,attachment_url:this._attachUrl.trim(),attachment_type:this._attachType,caption:this._attachCaption.trim()||void 0}),u.show(`Attachment sent`,`success`),this._attachUrl=``,this._attachType=`file`,this._attachCaption=``,this._showAttachForm=!1}catch(e){let t=e instanceof Error?e.message:`Failed to send attachment`;u.show(t,`error`)}finally{this._actionPending=!1}}}_handleMessageClick(e){this._selectedMessageId=this._selectedMessageId===e?``:e}_getActionInputKey(e,t){return`${e}-${t}`}_handleActionInputChange(e,t){this._actionInputs={...this._actionInputs,[e]:t}}async _handlePlatformAction(e){if(!this.rpcClient)return;let t=p[this._effectiveChannel];if(!t)return;let n={action:e.action};if(this._effectiveChannel===`telegram`?n.chat_id=this._selectedChatId||this._effectiveChannel:this._effectiveChannel===`whatsapp`?n.group_jid=this._selectedChatId||this._effectiveChannel:n.channel_id=this._selectedChatId||this._effectiveChannel,e.needsMessageId&&this._selectedMessageId&&(n.message_id=this._selectedMessageId),e.needsInput){let t=this._getActionInputKey(``,e.action),r=this._actionInputs[t]?.trim();r&&(n[e.needsInput]=r)}this._platformActionPending=!0,this._actionResult=``;try{let e=await this.rpcClient.call(t,n);u.show(`Action completed`,`success`),this._actionResult=typeof e==`string`?e:JSON.stringify(e,null,2)}catch(e){let t=e instanceof Error?e.message:`Action failed`;u.show(t,`error`),this._actionResult=``}finally{this._platformActionPending=!1}}render(){return t`
+      <div class="message-center">
+        ${this._renderBreadcrumb()}
+        ${this._renderHeader()}
+        ${this._renderBody()}
+        ${this._renderSendConfirmDialog()}
+        ${this._renderReplyConfirmDialog()}
+        ${this._renderDeleteConfirmDialog()}
+      </div>
+    `}_renderBreadcrumb(){return t`
+      <ic-breadcrumb .items=${[{label:`Channels`,route:`channels`},{label:this._effectiveChannel||`...`,route:`channels/${this._effectiveChannel}`},{label:`Messages`}]}></ic-breadcrumb>
+    `}_renderHeader(){return t`
+      <div class="header-row">
+        <div class="header-left">
+          <h1 class="page-title">Messages</h1>
+        </div>
+        <div class="channel-selector">
+          <label for="channel-select">Channel:</label>
+          <select
+            id="channel-select"
+            class="channel-select"
+            .value=${this._effectiveChannel}
+            @change=${this._handleChannelChange}
+          >
+            ${this._channelList.length===0?t`<option value=${this._effectiveChannel}>${this._effectiveChannel}</option>`:this._channelList.map(e=>t`<option value=${e.channelType} ?selected=${e.channelType===this._effectiveChannel}>${e.channelType}</option>`)}
+          </select>
+        </div>
+        <div class="channel-selector">
+          <label for="chat-select">Chat:</label>
+          <select
+            id="chat-select"
+            class="channel-select"
+            .value=${this._selectedChatId}
+            @change=${this._handleChatChange}
+            ?disabled=${this._chatList.length===0}
+          >
+            ${this._chatList.length===0?t`<option value="">No chats found</option>`:this._chatList.map(e=>t`<option value=${e.chatId} ?selected=${e.chatId===this._selectedChatId}>${e.label}</option>`)}
+          </select>
+        </div>
+      </div>
+    `}_renderBody(){switch(this._loadState){case`idle`:case`loading`:return t`<ic-loading></ic-loading>`;case`error`:return t`
+          <div class="error-container">
+            <div class="error-text">${this._error||`Failed to load`}</div>
+            <button class="retry-btn" @click=${()=>void this._loadData()}>Retry</button>
+          </div>
+        `;case`loaded`:return t`
+          ${this._renderMessageList()}
+          ${this._renderSendForm()}
+          ${this._renderAttachForm()}
+          ${this._renderPlatformActions()}
+        `;default:return l}}_renderMessageList(){if(this._messages.length===0)return t`
+        <ic-empty-state
+          message="No messages found"
+          description="No recent messages in this channel."
+        ></ic-empty-state>
+      `;let e=[...this._messages].sort((e,t)=>e.timestamp-t.timestamp),n=this._capabilities?.editMessages===!0,r=this._capabilities?.deleteMessages===!0,i=this._capabilities?.reactions===!0;return t`
+      <div class="section">
+        <div class="section-title">Recent Messages (${e.length})</div>
+        <div class="message-list">
+          ${e.map(e=>t`
+            <div class="msg-row ${this._selectedMessageId===e.id?`msg-row--selected`:``}" @click=${()=>this._handleMessageClick(e.id)}>
+              <span class="msg-sender" title=${e.senderId}>${e.senderId}</span>
+              ${this._editingId===e.id?this._renderEditForm(e):t`<span class="msg-text">${e.text}</span>`}
+              <span class="msg-time"><ic-relative-time .timestamp=${e.timestamp}></ic-relative-time></span>
+              <span class="msg-actions">
+                <button class="msg-action-btn" title="Reply" @click=${()=>this._handleReplyClick(e.id)}>Reply</button>
+                ${n?t`
+                  <button class="msg-action-btn" title="Edit" @click=${()=>this._handleEditClick(e)}>Edit</button>
+                `:l}
+                ${r?t`
+                  <button class="msg-action-btn msg-action-btn--danger" title="Delete" @click=${()=>this._handleDeleteClick(e.id)}>Delete</button>
+                `:l}
+                ${i?t`
+                  <span class="emoji-picker-anchor">
+                    <button class="msg-action-btn" title="React" data-react-id=${e.id} @click=${()=>this._handleReactClick(e.id)}>React</button>
+                    ${this._showEmojiPicker&&this._reactTargetId===e.id?this._renderEmojiPicker():l}
+                  </span>
+                `:l}
+              </span>
+            </div>
+            ${this._replyToId===e.id?this._renderReplyForm(e):l}
+          `)}
+        </div>
+      </div>
+    `}_renderReplyForm(e){return t`
+      <div class="inline-form">
+        <div class="inline-form-label">
+          Replying to ${e.senderId}
+          <button class="inline-form-cancel" title="Cancel reply" @click=${this._handleReplyCancelClick}>X</button>
+        </div>
+        <div class="inline-form-row">
+          <textarea
+            class="inline-form-input reply-input"
+            placeholder="Type your reply..."
+            .value=${this._replyText}
+            @input=${e=>{this._replyText=e.target.value}}
+            @keydown=${this._handleReplyKeydown}
+            ?disabled=${this._actionPending}
+            rows="1"
+          ></textarea>
+          <button
+            class="btn-sm btn-sm-primary"
+            @click=${this._handleReplySendClick}
+            ?disabled=${this._actionPending||!this._replyText.trim()}
+          >Send Reply</button>
+        </div>
+      </div>
+    `}_renderEditForm(e){return t`
+      <span class="msg-text" style="flex:1;min-width:0;">
+        <div class="inline-form" style="margin:0;">
+          <div class="inline-form-row">
+            <textarea
+              class="inline-form-input edit-input"
+              .value=${this._editText}
+              @input=${e=>{this._editText=e.target.value}}
+              @keydown=${this._handleEditKeydown}
+              ?disabled=${this._actionPending}
+              rows="1"
+            ></textarea>
+            <button
+              class="btn-sm btn-sm-primary"
+              @click=${()=>void this._handleEditSave()}
+              ?disabled=${this._actionPending||!this._editText.trim()}
+            >Save</button>
+            <button
+              class="btn-sm btn-sm-ghost"
+              @click=${this._handleEditCancelClick}
+              ?disabled=${this._actionPending}
+            >Cancel</button>
+          </div>
+        </div>
+      </span>
+    `}_renderEmojiPicker(){return t`
+      <div class="emoji-picker">
+        ${d.map(e=>t`
+          <button class="emoji-btn" title=${e} @click=${()=>void this._handleEmojiSelect(e)}>${e}</button>
+        `)}
+      </div>
+    `}_renderSendForm(){let e=this._capabilities?.attachments===!0;return t`
+      <div class="section">
+        <div class="section-title">Send Message</div>
+        <div class="send-form">
+          <textarea
+            class="send-input"
+            placeholder="Type a message to send as ${this._botName||this._effectiveChannel}..."
+            .value=${this._sendText}
+            @input=${e=>{this._sendText=e.target.value}}
+            @keydown=${this._handleKeydown}
+            ?disabled=${this._actionPending}
+            rows="2"
+          ></textarea>
+          <button
+            class="btn btn-primary"
+            @click=${this._handleSendClick}
+            ?disabled=${this._actionPending||!this._sendText.trim()}
+          >
+            ${this._actionPending?`Sending...`:`Send`}
+          </button>
+          ${e?t`
+              <button
+                class="btn-sm btn-sm-ghost"
+                @click=${this._toggleAttachForm}
+                ?disabled=${this._actionPending}
+                title="Attach File"
+              >
+                ${this._showAttachForm?`Close Attach`:`Attach File`}
+              </button>
+            `:t`
+              <button
+                class="btn-sm btn-sm-ghost"
+                disabled
+                title="Attachments not supported on ${this._effectiveChannel}"
+              >Attach File</button>
+            `}
+        </div>
+      </div>
+    `}_renderAttachForm(){return!this._showAttachForm||this._capabilities?.attachments!==!0?l:t`
+      <div class="section">
+        <div class="section-title">Send Attachment</div>
+        <div class="attach-form">
+          <div class="attach-form-row">
+            <input
+              class="attach-input"
+              type="text"
+              placeholder="File URL or Path"
+              .value=${this._attachUrl}
+              @input=${e=>{this._attachUrl=e.target.value}}
+              ?disabled=${this._actionPending}
+            />
+            <select
+              class="attach-select"
+              .value=${this._attachType}
+              @change=${e=>{this._attachType=e.target.value}}
+              ?disabled=${this._actionPending}
+            >
+              <option value="file">File</option>
+              <option value="image">Image</option>
+              <option value="audio">Audio</option>
+              <option value="video">Video</option>
+            </select>
+          </div>
+          <div class="attach-form-row">
+            <input
+              class="attach-input"
+              type="text"
+              placeholder="Caption (optional)"
+              .value=${this._attachCaption}
+              @input=${e=>{this._attachCaption=e.target.value}}
+              ?disabled=${this._actionPending}
+            />
+            <button
+              class="btn-sm btn-sm-primary"
+              @click=${()=>void this._handleAttachSend()}
+              ?disabled=${this._actionPending||!this._attachUrl.trim()}
+            >
+              Send Attachment
+            </button>
+            <button
+              class="btn-sm btn-sm-ghost"
+              @click=${this._toggleAttachForm}
+              ?disabled=${this._actionPending}
+            >Cancel</button>
+          </div>
+        </div>
+      </div>
+    `}_renderPlatformActions(){let e=f[this._effectiveChannel];if(!e)return l;let n=this._effectiveChannel.charAt(0).toUpperCase()+this._effectiveChannel.slice(1);return t`
+      <div class="platform-actions">
+        <div class="platform-actions-title">
+          <ic-platform-icon platform=${this._effectiveChannel}></ic-platform-icon>
+          ${n} Actions
+        </div>
+        ${e.map(e=>t`
+          <div class="action-group-header">${e.group}</div>
+          <div class="action-buttons">
+            ${e.actions.map(e=>{let n=this._getActionInputKey(``,e.action),r=e.needsMessageId&&!this._selectedMessageId;return t`
+                ${e.needsInput?t`
+                  <input
+                    class="action-input"
+                    type="text"
+                    placeholder=${e.needsInput}
+                    .value=${this._actionInputs[n]??``}
+                    @input=${e=>this._handleActionInputChange(n,e.target.value)}
+                    ?disabled=${this._platformActionPending}
+                  />
+                `:l}
+                <button
+                  class="btn-sm btn-sm-ghost"
+                  @click=${()=>void this._handlePlatformAction(e)}
+                  ?disabled=${this._platformActionPending||r}
+                  title=${r?`Select a message first`:e.label}
+                >
+                  ${e.label}
+                </button>
+              `})}
+          </div>
+        `)}
+        ${this._actionResult?t`
+          <div class="action-result">${this._actionResult}</div>
+        `:l}
+      </div>
+    `}_renderSendConfirmDialog(){return this._showSendConfirm?t`
+      <ic-confirm-dialog
+        open
+        title="Send Message"
+        message="This message will be sent as ${this._botName||this._effectiveChannel} on ${this._effectiveChannel}. You are acting as operator."
+        confirmLabel="Send"
+        @confirm=${this._handleSendConfirm}
+        @cancel=${this._handleSendCancel}
+      ></ic-confirm-dialog>
+    `:l}_renderReplyConfirmDialog(){return this._showReplyConfirm?t`
+      <ic-confirm-dialog
+        open
+        title="Send Reply"
+        message="This reply will be sent as ${this._botName||this._effectiveChannel} on ${this._effectiveChannel}. You are acting as operator."
+        confirmLabel="Send Reply"
+        @confirm=${this._handleReplyConfirm}
+        @cancel=${this._handleReplyCancel}
+      ></ic-confirm-dialog>
+    `:l}_renderDeleteConfirmDialog(){return this._showDeleteConfirm?t`
+      <ic-confirm-dialog
+        open
+        title="Delete Message"
+        message="This will permanently delete this message from ${this._effectiveChannel}. This cannot be undone."
+        variant="danger"
+        confirmLabel="Delete"
+        @confirm=${this._handleDeleteConfirm}
+        @cancel=${this._handleDeleteCancel}
+      ></ic-confirm-dialog>
+    `:l}};c([s({attribute:!1})],m.prototype,`rpcClient`,void 0),c([s({attribute:!1})],m.prototype,`eventDispatcher`,void 0),c([s()],m.prototype,`channelType`,void 0),c([a()],m.prototype,`_loadState`,void 0),c([a()],m.prototype,`_error`,void 0),c([a()],m.prototype,`_messages`,void 0),c([a()],m.prototype,`_effectiveChannel`,void 0),c([a()],m.prototype,`_capabilities`,void 0),c([a()],m.prototype,`_channelList`,void 0),c([a()],m.prototype,`_sendText`,void 0),c([a()],m.prototype,`_showSendConfirm`,void 0),c([a()],m.prototype,`_actionPending`,void 0),c([a()],m.prototype,`_botName`,void 0),c([a()],m.prototype,`_replyToId`,void 0),c([a()],m.prototype,`_replyText`,void 0),c([a()],m.prototype,`_showReplyConfirm`,void 0),c([a()],m.prototype,`_editingId`,void 0),c([a()],m.prototype,`_editText`,void 0),c([a()],m.prototype,`_deleteTargetId`,void 0),c([a()],m.prototype,`_showDeleteConfirm`,void 0),c([a()],m.prototype,`_reactTargetId`,void 0),c([a()],m.prototype,`_showEmojiPicker`,void 0),c([a()],m.prototype,`_attachUrl`,void 0),c([a()],m.prototype,`_attachType`,void 0),c([a()],m.prototype,`_attachCaption`,void 0),c([a()],m.prototype,`_showAttachForm`,void 0),c([a()],m.prototype,`_chatList`,void 0),c([a()],m.prototype,`_selectedChatId`,void 0),c([a()],m.prototype,`_platformActionPending`,void 0),c([a()],m.prototype,`_selectedMessageId`,void 0),c([a()],m.prototype,`_actionResult`,void 0),m=c([e(`ic-message-center`)],m);export{m as IcMessageCenter};