comisai 1.0.16 → 1.0.18

package/node_modules/@comis/web/dist/assets/message-center-CXefwsUu.js

@@ -0,0 +1,785 @@
+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`
+      :host {
+        display: block;
+      }
+
+      .message-center {
+        display: flex;
+        flex-direction: column;
+        gap: var(--ic-space-md, 1rem);
+      }
+
+      /* Header */
+      .header-row {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        gap: var(--ic-space-md, 1rem);
+        flex-wrap: wrap;
+      }
+
+      .header-left {
+        display: flex;
+        align-items: center;
+        gap: var(--ic-space-sm, 0.5rem);
+      }
+
+      .page-title {
+        font-size: 1.5rem;
+        font-weight: 700;
+        margin: 0;
+      }
+
+      /* Channel selector */
+      .channel-selector {
+        display: flex;
+        align-items: center;
+        gap: var(--ic-space-sm, 0.5rem);
+      }
+
+      .channel-selector label {
+        font-size: var(--ic-text-sm, 0.875rem);
+        color: var(--ic-text-muted, #9ca3af);
+      }
+
+      .channel-select {
+        padding: 0.375rem 0.5rem;
+        background: var(--ic-surface-2, #1f2937);
+        border: 1px solid var(--ic-border, #374151);
+        border-radius: var(--ic-radius-md, 0.5rem);
+        color: var(--ic-text, #f3f4f6);
+        font-size: var(--ic-text-sm, 0.875rem);
+        outline: none;
+        cursor: pointer;
+      }
+
+      .channel-select:focus {
+        border-color: var(--ic-accent, #3b82f6);
+      }
+
+      /* Section card */
+      .section {
+        background: var(--ic-surface, #111827);
+        border: 1px solid var(--ic-border, #374151);
+        border-radius: var(--ic-radius-md, 0.5rem);
+        padding: var(--ic-space-md, 1rem);
+      }
+
+      .section-title {
+        font-size: var(--ic-text-sm, 0.875rem);
+        font-weight: 600;
+        color: var(--ic-text-muted, #9ca3af);
+        margin: 0 0 var(--ic-space-sm, 0.5rem) 0;
+      }
+
+      /* Message list */
+      .message-list {
+        overflow-y: auto;
+        max-height: 60vh;
+        display: flex;
+        flex-direction: column;
+        gap: 2px;
+      }
+
+      .msg-row {
+        display: flex;
+        align-items: baseline;
+        gap: var(--ic-space-sm, 0.5rem);
+        padding: var(--ic-space-xs, 0.25rem) var(--ic-space-sm, 0.5rem);
+        border-radius: var(--ic-radius-sm, 0.25rem);
+        font-size: var(--ic-text-sm, 0.875rem);
+      }
+
+      .msg-row:nth-child(odd) {
+        background: var(--ic-surface-2, #1f2937);
+      }
+
+      .msg-row:nth-child(even) {
+        background: transparent;
+      }
+
+      .msg-sender {
+        color: var(--ic-text-dim, #6b7280);
+        font-size: var(--ic-text-xs, 0.75rem);
+        flex-shrink: 0;
+        min-width: 6rem;
+        max-width: 10rem;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+
+      .msg-text {
+        flex: 1;
+        min-width: 0;
+        color: var(--ic-text, #f3f4f6);
+        word-break: break-word;
+      }
+
+      .msg-time {
+        flex-shrink: 0;
+        font-size: var(--ic-text-xs, 0.75rem);
+        color: var(--ic-text-dim, #6b7280);
+      }
+
+      /* Send form */
+      .send-form {
+        display: flex;
+        gap: var(--ic-space-sm, 0.5rem);
+        align-items: flex-end;
+      }
+
+      .send-input {
+        flex: 1;
+        padding: 0.625rem 0.75rem;
+        background: var(--ic-surface-2, #1f2937);
+        border: 1px solid var(--ic-border, #374151);
+        border-radius: var(--ic-radius-md, 0.5rem);
+        color: var(--ic-text, #f3f4f6);
+        font-size: var(--ic-text-sm, 0.875rem);
+        outline: none;
+        resize: vertical;
+        min-height: 2.5rem;
+        max-height: 8rem;
+        font-family: inherit;
+      }
+
+      .send-input:focus {
+        border-color: var(--ic-accent, #3b82f6);
+      }
+
+      .send-input::placeholder {
+        color: var(--ic-text-dim, #6b7280);
+      }
+
+      .btn {
+        padding: 0.5rem 1rem;
+        font-size: var(--ic-text-sm, 0.875rem);
+        font-weight: 500;
+        border-radius: var(--ic-radius-md, 0.5rem);
+        border: 1px solid transparent;
+        cursor: pointer;
+        transition: background var(--ic-transition, 150ms);
+      }
+
+      .btn:disabled {
+        opacity: 0.5;
+        cursor: not-allowed;
+      }
+
+      .btn-primary {
+        background: var(--ic-accent, #3b82f6);
+        color: white;
+      }
+
+      .btn-primary:hover:not(:disabled) {
+        background: var(--ic-accent-hover, #2563eb);
+      }
+
+      /* Message action buttons (hover-visible) */
+      .msg-actions {
+        display: none;
+        gap: 4px;
+        align-items: center;
+        flex-shrink: 0;
+      }
+
+      .msg-row:hover .msg-actions {
+        display: flex;
+      }
+
+      .msg-action-btn {
+        padding: 2px 6px;
+        font-size: var(--ic-text-xs, 0.75rem);
+        background: transparent;
+        border: 1px solid var(--ic-border, #374151);
+        border-radius: var(--ic-radius-sm, 0.25rem);
+        color: var(--ic-text-dim, #6b7280);
+        cursor: pointer;
+        white-space: nowrap;
+        transition: background var(--ic-transition, 150ms), color var(--ic-transition, 150ms);
+      }
+
+      .msg-action-btn:hover {
+        background: var(--ic-surface-raised, #1e293b);
+        color: var(--ic-text, #f3f4f6);
+      }
+
+      /* Inline reply / edit forms */
+      .inline-form {
+        background: var(--ic-surface-raised, #1e293b);
+        border-radius: var(--ic-radius-sm, 0.25rem);
+        padding: var(--ic-space-sm, 0.5rem);
+        margin: 2px var(--ic-space-sm, 0.5rem);
+      }
+
+      .inline-form-label {
+        font-size: var(--ic-text-xs, 0.75rem);
+        color: var(--ic-text-muted, #9ca3af);
+        margin-bottom: 4px;
+        display: flex;
+        align-items: center;
+        gap: var(--ic-space-sm, 0.5rem);
+      }
+
+      .inline-form-cancel {
+        background: none;
+        border: none;
+        color: var(--ic-text-dim, #6b7280);
+        cursor: pointer;
+        font-size: var(--ic-text-xs, 0.75rem);
+        padding: 0 2px;
+      }
+
+      .inline-form-cancel:hover {
+        color: var(--ic-text, #f3f4f6);
+      }
+
+      .inline-form-row {
+        display: flex;
+        gap: var(--ic-space-sm, 0.5rem);
+        align-items: flex-end;
+      }
+
+      .inline-form-input {
+        flex: 1;
+        padding: 0.375rem 0.5rem;
+        background: var(--ic-surface-2, #1f2937);
+        border: 1px solid var(--ic-border, #374151);
+        border-radius: var(--ic-radius-sm, 0.25rem);
+        color: var(--ic-text, #f3f4f6);
+        font-size: var(--ic-text-sm, 0.875rem);
+        font-family: inherit;
+        outline: none;
+        resize: vertical;
+        min-height: 2rem;
+        max-height: 6rem;
+      }
+
+      .inline-form-input:focus {
+        border-color: var(--ic-accent, #3b82f6);
+      }
+
+      .btn-sm {
+        padding: 0.25rem 0.5rem;
+        font-size: var(--ic-text-xs, 0.75rem);
+        font-weight: 500;
+        border-radius: var(--ic-radius-sm, 0.25rem);
+        border: 1px solid transparent;
+        cursor: pointer;
+        transition: background var(--ic-transition, 150ms);
+      }
+
+      .btn-sm:disabled {
+        opacity: 0.5;
+        cursor: not-allowed;
+      }
+
+      .btn-sm-primary {
+        background: var(--ic-accent, #3b82f6);
+        color: white;
+      }
+
+      .btn-sm-primary:hover:not(:disabled) {
+        background: var(--ic-accent-hover, #2563eb);
+      }
+
+      .btn-sm-ghost {
+        background: transparent;
+        border-color: var(--ic-border, #374151);
+        color: var(--ic-text-muted, #9ca3af);
+      }
+
+      .btn-sm-ghost:hover:not(:disabled) {
+        background: var(--ic-surface-2, #1f2937);
+        color: var(--ic-text, #f3f4f6);
+      }
+
+      /* Danger action button variant */
+      .msg-action-btn--danger:hover {
+        color: var(--ic-error, #f87171);
+        border-color: var(--ic-error, #f87171);
+        background: transparent;
+      }
+
+      /* Emoji picker floating panel */
+      .emoji-picker-anchor {
+        position: relative;
+      }
+
+      .emoji-picker {
+        position: absolute;
+        top: 100%;
+        right: 0;
+        z-index: 100;
+        background: var(--ic-surface, #111827);
+        border: 1px solid var(--ic-border, #374151);
+        border-radius: var(--ic-radius-md, 0.5rem);
+        box-shadow: var(--ic-shadow-lg, 0 10px 15px rgba(0,0,0,0.25));
+        padding: var(--ic-space-sm, 0.5rem);
+        display: grid;
+        grid-template-columns: repeat(6, 1fr);
+        gap: 2px;
+        width: max-content;
+        min-width: 12rem;
+      }
+
+      .emoji-btn {
+        font-size: 1.25rem;
+        padding: 4px;
+        cursor: pointer;
+        border: none;
+        background: none;
+        border-radius: var(--ic-radius-sm, 0.25rem);
+        line-height: 1;
+        text-align: center;
+      }
+
+      .emoji-btn:hover {
+        background: var(--ic-surface-raised, #1e293b);
+      }
+
+      /* Selected message highlight */
+      .msg-row--selected {
+        border-left: 3px solid var(--ic-accent, #3b82f6);
+        cursor: pointer;
+      }
+
+      .msg-row:not(.msg-row--selected) {
+        cursor: pointer;
+        border-left: 3px solid transparent;
+      }
+
+      /* Attachment form */
+      .attach-form {
+        display: flex;
+        flex-direction: column;
+        gap: var(--ic-space-sm, 0.5rem);
+        padding: var(--ic-space-sm, 0.5rem);
+        background: var(--ic-surface-raised, #1e293b);
+        border-radius: var(--ic-radius-sm, 0.25rem);
+        margin-top: var(--ic-space-xs, 0.25rem);
+      }
+
+      .attach-form-row {
+        display: flex;
+        gap: var(--ic-space-sm, 0.5rem);
+        align-items: center;
+        flex-wrap: wrap;
+      }
+
+      .attach-input {
+        flex: 1;
+        min-width: 12rem;
+        padding: 0.375rem 0.5rem;
+        background: var(--ic-surface-2, #1f2937);
+        border: 1px solid var(--ic-border, #374151);
+        border-radius: var(--ic-radius-sm, 0.25rem);
+        color: var(--ic-text, #f3f4f6);
+        font-size: var(--ic-text-sm, 0.875rem);
+        font-family: inherit;
+        outline: none;
+      }
+
+      .attach-input:focus {
+        border-color: var(--ic-accent, #3b82f6);
+      }
+
+      .attach-select {
+        padding: 0.375rem 0.5rem;
+        background: var(--ic-surface-2, #1f2937);
+        border: 1px solid var(--ic-border, #374151);
+        border-radius: var(--ic-radius-sm, 0.25rem);
+        color: var(--ic-text, #f3f4f6);
+        font-size: var(--ic-text-sm, 0.875rem);
+        outline: none;
+        cursor: pointer;
+      }
+
+      .attach-select:focus {
+        border-color: var(--ic-accent, #3b82f6);
+      }
+
+      /* Platform actions */
+      .platform-actions {
+        background: var(--ic-surface, #111827);
+        border: 1px solid var(--ic-border, #374151);
+        border-radius: var(--ic-radius-md, 0.5rem);
+        padding: var(--ic-space-md, 1rem);
+      }
+
+      .platform-actions-title {
+        display: flex;
+        align-items: center;
+        gap: var(--ic-space-sm, 0.5rem);
+        font-size: 1rem;
+        font-weight: 600;
+        color: var(--ic-text, #f3f4f6);
+        margin: 0 0 var(--ic-space-md, 1rem) 0;
+      }
+
+      .action-group-header {
+        font-weight: 600;
+        font-size: var(--ic-text-sm, 0.875rem);
+        color: var(--ic-text-muted, #9ca3af);
+        margin-top: var(--ic-space-md, 1rem);
+        margin-bottom: var(--ic-space-xs, 0.25rem);
+      }
+
+      .action-group-header:first-of-type {
+        margin-top: 0;
+      }
+
+      .action-buttons {
+        display: flex;
+        flex-wrap: wrap;
+        gap: var(--ic-space-xs, 0.25rem);
+        align-items: center;
+      }
+
+      .action-input {
+        padding: 0.25rem 0.5rem;
+        background: var(--ic-surface-2, #1f2937);
+        border: 1px solid var(--ic-border, #374151);
+        border-radius: var(--ic-radius-sm, 0.25rem);
+        color: var(--ic-text, #f3f4f6);
+        font-size: var(--ic-text-xs, 0.75rem);
+        outline: none;
+        width: 8rem;
+      }
+
+      .action-input:focus {
+        border-color: var(--ic-accent, #3b82f6);
+      }
+
+      .action-input::placeholder {
+        color: var(--ic-text-dim, #6b7280);
+      }
+
+      .action-result {
+        margin-top: var(--ic-space-sm, 0.5rem);
+        padding: var(--ic-space-sm, 0.5rem);
+        background: var(--ic-surface-2, #1f2937);
+        border: 1px solid var(--ic-border, #374151);
+        border-radius: var(--ic-radius-sm, 0.25rem);
+        font-size: var(--ic-text-xs, 0.75rem);
+        color: var(--ic-text-muted, #9ca3af);
+        max-height: 8rem;
+        overflow-y: auto;
+        white-space: pre-wrap;
+        word-break: break-word;
+      }
+
+      /* Error retry */
+      .error-container {
+        text-align: center;
+        padding: var(--ic-space-lg, 1.5rem);
+      }
+
+      .error-text {
+        color: var(--ic-error, #f87171);
+        margin-bottom: var(--ic-space-sm, 0.5rem);
+      }
+
+      .retry-btn {
+        padding: 0.375rem 0.75rem;
+        background: var(--ic-surface-2, #1f2937);
+        border: 1px solid var(--ic-border, #374151);
+        border-radius: var(--ic-radius-md, 0.5rem);
+        color: var(--ic-text, #f3f4f6);
+        cursor: pointer;
+        font-size: var(--ic-text-sm, 0.875rem);
+      }
+
+      .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};