web-mojo 2.4.4 → 2.4.5

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "web-mojo",
-    "version": "2.4.4",
+    "version": "2.4.5",
     "description": "WEB-MOJO - A lightweight JavaScript framework for building data-driven web applications",
     "type": "module",
     "main": "./dist/index.cjs.js",

package/dist/chunks/AssistantPanelView-B3orPoag.js

@@ -1,2 +0,0 @@
-import{V as t}from"./View-gAghvPMN.js";import{C as s}from"./ChatView-B0xHv7Nq.js";import{AssistantConversationList as e,Assistant as n}from"../admin-models.es.js";import{A as i,a,b as o}from"./admin-FvzwR-f7.js";class AssistantPanelView extends t{constructor(t={}){super({className:"assistant-panel-view",...t}),this.app=t.app,this.ws=this.app?.ws,this.conversationId=t.conversationId||this.app?._assistantConversationId||null,this._wsHandlers={},this._messageIdCounter=0,this._hasMessages=!1,this._activePlans={},this._requestStartTime=null,this._showingHistory=!1}getTemplate(){return`\n            <div class="assistant-panel-resize-handle" data-ref="resize-handle"></div>\n            <div class="assistant-panel-layout">\n                <div class="assistant-panel-header">\n                    <button class="assistant-panel-header-btn" data-action="toggle-history" type="button" title="Conversation history">\n                        <i class="bi bi-list"></i>\n                    </button>\n                    <span class="assistant-panel-title text-truncate" data-ref="panel-title">New conversation</span>\n                    <div class="d-flex gap-1 ms-auto">\n                        <button class="assistant-panel-header-btn" data-action="new-conversation" type="button" title="New conversation">\n                            <i class="bi bi-plus-lg"></i>\n                        </button>\n                        <button class="assistant-panel-header-btn" data-action="fullscreen" type="button" title="Open fullscreen">\n                            <i class="bi bi-arrows-fullscreen"></i>\n                        </button>\n                        <button class="assistant-panel-header-btn" data-action="pop-out" type="button" title="Open in popup window">\n                            <i class="bi bi-box-arrow-up-right"></i>\n                        </button>\n                        <button class="assistant-panel-header-btn" data-action="close-panel" type="button" title="Close">\n                            <i class="bi bi-x-lg"></i>\n                        </button>\n                    </div>\n                </div>\n\n                <div class="assistant-panel-history d-none" data-ref="history" data-container="conversation-list"></div>\n\n                <div class="assistant-panel-chat" data-ref="chat-wrapper">\n                    <div class="assistant-welcome" data-ref="welcome">\n                        <div class="assistant-welcome-content">\n                            <div class="assistant-welcome-icon">\n                                <i class="bi bi-stars"></i>\n                            </div>\n                            <h3 class="assistant-welcome-title">Hi ${this._escapeHtml(this.app?.activeUser?.get("first_name")||"there")}</h3>\n                            <p class="assistant-welcome-subtitle">How can I help you today?</p>\n                            <div class="assistant-suggestions">\n                                <button class="assistant-suggestion" data-action="use-suggestion" data-text="Show me a summary of recent activity">\n                                    <i class="bi bi-activity"></i>\n                                    <span>Recent activity summary</span>\n                                </button>\n                                <button class="assistant-suggestion" data-action="use-suggestion" data-text="How many active users are there?">\n                                    <i class="bi bi-people"></i>\n                                    <span>Active user count</span>\n                                </button>\n                            </div>\n                        </div>\n                    </div>\n                    <div class="assistant-chat-area" data-container="chat-area"></div>\n                    <div class="assistant-input-wrapper">\n                        <div class="assistant-input-status d-none" data-ref="input-status"></div>\n                        <div class="assistant-input-box">\n                            <textarea class="assistant-input" placeholder="Message the assistant..." rows="1" data-ref="input"></textarea>\n                            <button class="assistant-send-btn" data-action="send" type="button" title="Send message" data-ref="send-btn">\n                                <i class="bi bi-arrow-up"></i>\n                            </button>\n                            <button class="assistant-stop-btn d-none" data-action="stop" type="button" title="Stop generating" data-ref="stop-btn">\n                                <i class="bi bi-stop-fill"></i>\n                            </button>\n                        </div>\n                        <div class="assistant-input-footer">\n                            <span class="assistant-connection-indicator" data-ref="status">\n                                <span class="status-dot connected"></span>\n                            </span>\n                            <span class="text-muted">Enter to send</span>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        `}async onInit(){this.conversations=new e,this.conversations.params.user=this.app?.activeUser?.id,this.conversationListView=new i({containerId:"conversation-list",collection:this.conversations}),this.addChild(this.conversationListView),this.chatView=new s({containerId:"chat-area",theme:"compact",messageViewClass:a,currentUserId:this.app?.activeUser?.id,showFileInput:!1,showInput:!1,adapter:this._createAdapter()}),this.addChild(this.chatView);const t=this.chatView.addMessage.bind(this.chatView);this.chatView.addMessage=(s,e)=>{t(s,e),"assistant"===s.role&&(s.content||s.blocks?.length)&&(this.chatView.hideThinking(),this._setInputEnabled(!0))},this.conversationListView.on("conversation:select",t=>{this._onConversationSelect(t),this._toggleHistory(!1)}),this.conversationListView.on("conversation:new",()=>{this._onNewConversation(),this._toggleHistory(!1)}),this.conversationListView.on("conversation:deleted",t=>this._onConversationDeleted(t)),this._subscribeWS()}async onAfterRender(){await super.onAfterRender();const t=this.element.querySelector('[data-ref="input"]');t&&(t.addEventListener("input",()=>this._autoResize(t)),t.addEventListener("keydown",t=>this._handleKeydown(t)),setTimeout(()=>t.focus(),100)),this.conversationId&&(this._showChatArea(),await this.chatView.refresh()),this._updateConnectionStatus(),this._updateTitle(),this._setupResizeHandle()}_setupResizeHandle(){const t=this.element?.querySelector('[data-ref="resize-handle"]');if(!t)return;const s="mojo:assistant_panel_width",e=localStorage.getItem(s);if(e){const t=parseInt(e,10);if(t>=300&&t<=700){const s=document.getElementById("assistant-panel");s&&(s.style.width=t+"px")}}let n,i;const a=t=>{const s=n-t.clientX,e=Math.min(700,Math.max(300,i+s)),a=document.getElementById("assistant-panel");a&&(a.style.width=e+"px")},o=()=>{document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",o),document.body.style.cursor="",document.body.style.userSelect="";const t=document.getElementById("assistant-panel");t&&localStorage.setItem(s,parseInt(t.style.width,10))};t.addEventListener("mousedown",t=>{t.preventDefault(),n=t.clientX;const s=document.getElementById("assistant-panel");i=s?s.offsetWidth:500,document.body.style.cursor="col-resize",document.body.style.userSelect="none",document.addEventListener("mousemove",a),document.addEventListener("mouseup",o)})}onActionToggleHistory(){this._toggleHistory(!this._showingHistory)}onActionNewConversation(){this._onNewConversation(),this._showingHistory&&this._toggleHistory(!1)}onActionClosePanel(){this.emit("panel:close")}onActionFullscreen(){this.emit("panel:fullscreen",{conversationId:this.conversationId})}onActionPopOut(){this.emit("panel:popout",{conversationId:this.conversationId})}onActionUseSuggestion(t,s){const e=s.dataset.text||s.closest("[data-text]")?.dataset.text;if(!e)return;const n=this.element.querySelector('[data-ref="input"]');n&&(n.value=e,this._autoResize(n)),this._sendMessage()}onActionSend(){this._sendMessage()}onActionStop(){this.chatView.hideThinking(),this._setInputEnabled(!0),this._showSystemMessage("Response cancelled.");const t=this.element?.querySelector('[data-ref="input"]');t&&t.focus()}_toggleHistory(t){this._showingHistory=t;const s=this.element?.querySelector('[data-ref="history"]'),e=this.element?.querySelector('[data-ref="chat-wrapper"]'),n=this.element?.querySelector('[data-action="toggle-history"] i');s&&s.classList.toggle("d-none",!t),e&&e.classList.toggle("d-none",t),n&&(n.className=t?"bi bi-chat-dots":"bi bi-list"),t&&this.conversationListView.refresh()}_autoResize(t){t.style.height="auto",t.style.height=Math.min(t.scrollHeight,200)+"px"}_handleKeydown(t){"Enter"!==t.key||t.shiftKey||(t.preventDefault(),this._sendMessage())}async _sendMessage(){const t=this.element.querySelector('[data-ref="input"]');if(!t)return;const s=t.value.trim();s&&(t.value="",t.style.height="auto",this._showChatArea(),await this.chatView.adapter.addNote({text:s,files:[]}))}_showChatArea(){if(this._hasMessages)return;this._hasMessages=!0;const t=this.element.querySelector('[data-ref="welcome"]'),s=this.element.querySelector('[data-container="chat-area"]');t&&t.classList.add("d-none"),s&&s.classList.remove("d-none")}_showWelcome(){this._hasMessages=!1;const t=this.element.querySelector('[data-ref="welcome"]'),s=this.element.querySelector('[data-container="chat-area"]');t&&t.classList.remove("d-none"),s&&s.classList.add("d-none")}_setInputEnabled(t,s){const e=this.element?.querySelector('[data-ref="input"]'),n=this.element?.querySelector('[data-ref="send-btn"]'),i=this.element?.querySelector('[data-ref="stop-btn"]');e&&(e.disabled=!t),n&&n.classList.toggle("d-none",!t),i&&i.classList.toggle("d-none",t),this._setInputStatus(t?null:s),this._responseTimeout&&clearTimeout(this._responseTimeout),t?this._requestStartTime=null:this._responseTimeout=setTimeout(()=>this._onResponseTimeout(),6e4)}_setInputStatus(t){const s=this.element?.querySelector('[data-ref="input-status"]');s&&(t?(s.innerHTML=`${this._escapeHtml(t)} <span class="assistant-input-status-dismiss">Click to dismiss</span>`,s.classList.remove("d-none"),s._hasDismiss||(s._hasDismiss=!0,s.addEventListener("click",()=>{this.chatView.hideThinking(),this._setInputEnabled(!0);const t=this.element?.querySelector('[data-ref="input"]');t&&t.focus()}))):(s.classList.add("d-none"),s.innerHTML=""))}_onResponseTimeout(){this._responseTimeout=null,this.chatView.hideThinking(),this._setInputEnabled(!0),this._showSystemMessage("Request timed out. Please try again.")}_updateTitle(t){const s=this.element?.querySelector('[data-ref="panel-title"]');s&&(s.textContent=t||(this.conversationId?"Assistant":"New conversation"))}_createAdapter(){return{fetch:async()=>{if(!this.conversationId)return[];try{const t=new n({id:this.conversationId});await t.fetch({graph:"detail"});const s=t.get("title")||t.get("summary");s&&this._updateTitle(s);const e=(t.get("messages")||[]).map(t=>this._transformMessage(t)).filter(Boolean);return o._collapseMessages(e)}catch(t){return 404===t.status&&(this._onNewConversation(),this._showSystemMessage("Conversation not found.")),[]}},addNote:async t=>{if(!t.text||!t.text.trim())return{success:!1};const s={id:"local-"+ ++this._messageIdCounter,role:"user",author:{id:this.app?.activeUser?.id,name:this.app?.activeUser?.get("display_name")||"You"},content:t.text,timestamp:/* @__PURE__ */(new Date).toISOString()};if(this.chatView.addMessage(s),this.chatView.showThinking("Thinking..."),this._requestStartTime=Date.now(),this._setInputEnabled(!1,"Waiting for response…"),this.ws&&this.ws.isConnected)this.ws.send({type:"assistant_message",message:t.text,conversation_id:this.conversationId});else try{const s=await this.app.rest.post("/api/assistant",{message:t.text,conversation_id:this.conversationId}),e=s?.data?.data||s?.data||s;e.conversation_id&&(this.conversationId=e.conversation_id,this.app._assistantConversationId=this.conversationId),e.response&&this.chatView.addMessage(this._transformMessage(e.response)),this._setInputEnabled(!0)}catch(e){this._handleAPIError(e)}return{success:!0}}}}_subscribeWS(){this.ws&&(this._wsHandlers={thinking:t=>this._onThinking(t),text:t=>this._onText(t),tool_call:t=>this._onToolCall(t),response:t=>this._onResponse(t),error:t=>this._onError(t),plan:t=>this._onPlan(t),plan_update:t=>this._onPlanUpdate(t),message:t=>this._dispatchWSMessage(t),connected:()=>this._updateConnectionStatus(),disconnected:()=>this._updateConnectionStatus(),reconnecting:()=>this._updateConnectionStatus()},this.ws.on("message:assistant_thinking",this._wsHandlers.thinking),this.ws.on("message:assistant_text",this._wsHandlers.text),this.ws.on("message:assistant_tool_call",this._wsHandlers.tool_call),this.ws.on("message:assistant_response",this._wsHandlers.response),this.ws.on("message:assistant_error",this._wsHandlers.error),this.ws.on("message:assistant_plan",this._wsHandlers.plan),this.ws.on("message:assistant_plan_update",this._wsHandlers.plan_update),this.ws.on("message:message",this._wsHandlers.message),this.ws.on("connected",this._wsHandlers.connected),this.ws.on("disconnected",this._wsHandlers.disconnected),this.ws.on("reconnecting",this._wsHandlers.reconnecting))}_unsubscribeWS(){this.ws&&this._wsHandlers&&(this.ws.off("message:assistant_thinking",this._wsHandlers.thinking),this.ws.off("message:assistant_text",this._wsHandlers.text),this.ws.off("message:assistant_tool_call",this._wsHandlers.tool_call),this.ws.off("message:assistant_response",this._wsHandlers.response),this.ws.off("message:assistant_error",this._wsHandlers.error),this.ws.off("message:assistant_plan",this._wsHandlers.plan),this.ws.off("message:assistant_plan_update",this._wsHandlers.plan_update),this.ws.off("message:message",this._wsHandlers.message),this.ws.off("connected",this._wsHandlers.connected),this.ws.off("disconnected",this._wsHandlers.disconnected),this.ws.off("reconnecting",this._wsHandlers.reconnecting),this._wsHandlers={})}_dispatchWSMessage(t){const s=t?.data;if(s?.type)switch(s.type){case"assistant_thinking":this._onThinking(s);break;case"assistant_text":this._onText(s);break;case"assistant_tool_call":this._onToolCall(s);break;case"assistant_response":this._onResponse(s);break;case"assistant_error":this._onError(s);break;case"assistant_plan":this._onPlan(s);break;case"assistant_plan_update":this._onPlanUpdate(s)}}_isMyConversation(t){return!t.conversation_id||!this.conversationId||String(t.conversation_id)===String(this.conversationId)}_adoptConversationId(t){t.conversation_id&&!this.conversationId&&(this.conversationId=t.conversation_id,this.app._assistantConversationId=this.conversationId)}_onThinking(t){this._isMyConversation(t)&&(this._adoptConversationId(t),this._showChatArea(),this.chatView.showThinking("Thinking..."),this._setInputEnabled(!1,"Assistant is thinking…"))}_onText(t){if(!this._isMyConversation(t))return;this._adoptConversationId(t),this._resetResponseTimeout();const s=this._transformMessage({id:t.message_id||"text-"+ ++this._messageIdCounter,role:"assistant",content:t.text||"",blocks:t.blocks||[],tool_calls:[],created:t.created||t.timestamp||/* @__PURE__ */(new Date).toISOString()});s&&(s.content||s.blocks?.length)&&this.chatView.addMessage(s)}_onToolCall(t){this._isMyConversation(t)&&(this.chatView.showThinking(`Using ${t.tool||t.name||"tool"}...`),this._resetResponseTimeout())}_resetResponseTimeout(){if(this._responseTimeout){if(this._requestStartTime&&Date.now()-this._requestStartTime>=3e5)return void this._onResponseTimeout();clearTimeout(this._responseTimeout),this._responseTimeout=setTimeout(()=>this._onResponseTimeout(),6e4)}}_onResponse(t){if(!this._isMyConversation(t))return;this.chatView.hideThinking(),this._setInputEnabled(!0),this._adoptConversationId(t);const s=this.element?.querySelector('[data-ref="input"]');s&&s.focus();const e=this._transformMessage({id:t.message_id||"resp-"+ ++this._messageIdCounter,role:"assistant",content:t.response||t.content||t.message||"",blocks:t.blocks||[],tool_calls:t.tool_calls_made||t.tool_calls||[],created:t.created||t.timestamp||/* @__PURE__ */(new Date).toISOString()});e&&(e.content||e.blocks?.length||e.tool_calls?.length)&&this.chatView.addMessage(e)}_onError(t){if(!this._isMyConversation(t))return;this.chatView.hideThinking(),this._setInputEnabled(!0),this._adoptConversationId(t);const s=t.error||t.message||"An error occurred";this._showSystemMessage(s)}_onPlan(t){if(!this._isMyConversation(t))return;this._adoptConversationId(t),this._showChatArea();const s=t.plan;s&&(this._activePlans[s.plan_id]=s,this.chatView.addMessage({id:`plan-${s.plan_id}`,role:"assistant",author:{name:"Assistant"},content:"",timestamp:/* @__PURE__ */(new Date).toISOString(),blocks:[{type:"progress",...s}],tool_calls:[]}))}_onPlanUpdate(t){if(!this._isMyConversation(t))return;const s=this._activePlans[t.plan_id];if(s){const e=s.steps.find(s=>s.id===t.step_id);e&&(e.status=t.status,e.summary=t.summary)}const e=this.chatView.messageViews.get(`plan-${t.plan_id}`);e?.updateProgressStep&&e.updateProgressStep(t.plan_id,t.step_id,t.status,t.summary),this._resetResponseTimeout()}async _onConversationSelect(t){this.conversationId=t.id,this.app._assistantConversationId=this.conversationId,this.conversationListView.setActive(t.id),this._showChatArea(),this._updateTitle(t.model?.get("title")||t.model?.get("summary")),await this.chatView.refresh()}_onNewConversation(){this.conversationId=null,this.app._assistantConversationId=null,this.conversationListView.setActive(null),this.chatView.clearMessages(),this._setInputEnabled(!0),this._showWelcome(),this._updateTitle();const t=this.element?.querySelector('[data-ref="input"]');t&&t.focus()}_onConversationDeleted(t){String(t.id)===String(this.conversationId)&&this._onNewConversation()}_transformMessage(t){if("tool_result"===t.role)return null;let s=t.content||t.text||"",e=t.blocks||[],n=t.tool_calls||[];if(n.length>0){n=n.map(t=>!t.type&&t.tool?{type:"tool_use",name:t.tool,input:t.input}:t);const t=n.filter(t=>"text"===t.type&&t.text).map(t=>t.text);!s&&t.length>0&&(s=t.join("\n\n")),n=n.filter(t=>"tool_use"===t.type).filter(t=>!o.INTERNAL_TOOLS.has(t.name))}if(0===e.length&&s.includes("assistant_block")){const t=o._parseBlocks(s);s=t.content,e=t.blocks}const i=this.app?.activeUser?.id;return{id:t.id,role:t.role||"user",author:"assistant"===t.role?{name:"Assistant"}:t.author||{name:t.user?.display_name||this.app?.activeUser?.get("display_name")||"You",id:t.user?.id||i},content:s,timestamp:t.created||t.timestamp,blocks:e,tool_calls:n,_conversationId:this.conversationId}}_showSystemMessage(t){this._showChatArea(),this.chatView.addMessage({id:"sys-"+ ++this._messageIdCounter,type:"system_event",content:t,timestamp:/* @__PURE__ */(new Date).toISOString()})}_handleAPIError(t){404===t.status?this._showSystemMessage("Assistant is not enabled on this server."):503===t.status?this._showSystemMessage("LLM API key not configured. Contact your administrator."):this._showSystemMessage("Failed to send message. Please try again."),this._setInputEnabled(!0)}_updateConnectionStatus(){const t=this.element?.querySelector(".status-dot");t&&(this.ws?.isConnected?(t.className="status-dot connected",t.title="Connected",this._responseTimeout?this._setInputEnabled(!1,"Waiting for response…"):this._setInputEnabled(!0)):this.ws?.isReconnecting?(t.className="status-dot reconnecting",t.title="Reconnecting...",this._setInputEnabled(!1,"Reconnecting…"),this._responseTimeout&&(clearTimeout(this._responseTimeout),this._responseTimeout=null)):(t.className="status-dot disconnected",t.title="Disconnected",this._setInputEnabled(!1,"Disconnected — reconnecting…"),this._responseTimeout&&(clearTimeout(this._responseTimeout),this._responseTimeout=null)))}_escapeHtml(t){const s=document.createElement("div");return s.textContent=t,s.innerHTML}focusInput(){const t=this.element?.querySelector('[data-ref="input"]');t&&t.focus()}async onBeforeDestroy(){this._unsubscribeWS(),this._responseTimeout&&(clearTimeout(this._responseTimeout),this._responseTimeout=null)}}export{AssistantPanelView as default};
-//# sourceMappingURL=AssistantPanelView-B3orPoag.js.map

package/dist/chunks/AssistantPanelView-B3orPoag.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AssistantPanelView-B3orPoag.js","sources":["../../src/extensions/admin/assistant/AssistantPanelView.js"],"sourcesContent":["import View from '@core/View.js';\nimport ChatView from '@core/views/chat/ChatView.js';\nimport { AssistantConversation, AssistantConversationList } from '@ext/admin/models/Assistant.js';\nimport AssistantMessageView from './AssistantMessageView.js';\nimport AssistantConversationListView from './AssistantConversationListView.js';\nimport AssistantView from './AssistantView.js';\n\n/**\n * AssistantPanelView - Chat-only sidebar panel for the admin assistant\n *\n * Compact layout for the right sidebar panel. No conversation list by default —\n * a hamburger toggle switches between chat and conversation history.\n *\n * Emits:\n *   panel:close — when the close button is clicked\n */\nclass AssistantPanelView extends View {\n    constructor(options = {}) {\n        super({\n            className: 'assistant-panel-view',\n            ...options\n        });\n\n        this.app = options.app;\n        this.ws = this.app?.ws;\n        this.conversationId = options.conversationId || this.app?._assistantConversationId || null;\n        this._wsHandlers = {};\n        this._messageIdCounter = 0;\n        this._hasMessages = false;\n        this._activePlans = {};\n        this._requestStartTime = null;\n        this._showingHistory = false;\n    }\n\n    getTemplate() {\n        const userName = this._escapeHtml(\n            this.app?.activeUser?.get('first_name') || 'there'\n        );\n\n        return `\n            <div class=\"assistant-panel-resize-handle\" data-ref=\"resize-handle\"></div>\n            <div class=\"assistant-panel-layout\">\n                <div class=\"assistant-panel-header\">\n                    <button class=\"assistant-panel-header-btn\" data-action=\"toggle-history\" type=\"button\" title=\"Conversation history\">\n                        <i class=\"bi bi-list\"></i>\n                    </button>\n                    <span class=\"assistant-panel-title text-truncate\" data-ref=\"panel-title\">New conversation</span>\n                    <div class=\"d-flex gap-1 ms-auto\">\n                        <button class=\"assistant-panel-header-btn\" data-action=\"new-conversation\" type=\"button\" title=\"New conversation\">\n                            <i class=\"bi bi-plus-lg\"></i>\n                        </button>\n                        <button class=\"assistant-panel-header-btn\" data-action=\"fullscreen\" type=\"button\" title=\"Open fullscreen\">\n                            <i class=\"bi bi-arrows-fullscreen\"></i>\n                        </button>\n                        <button class=\"assistant-panel-header-btn\" data-action=\"pop-out\" type=\"button\" title=\"Open in popup window\">\n                            <i class=\"bi bi-box-arrow-up-right\"></i>\n                        </button>\n                        <button class=\"assistant-panel-header-btn\" data-action=\"close-panel\" type=\"button\" title=\"Close\">\n                            <i class=\"bi bi-x-lg\"></i>\n                        </button>\n                    </div>\n                </div>\n\n                <div class=\"assistant-panel-history d-none\" data-ref=\"history\" data-container=\"conversation-list\"></div>\n\n                <div class=\"assistant-panel-chat\" data-ref=\"chat-wrapper\">\n                    <div class=\"assistant-welcome\" data-ref=\"welcome\">\n                        <div class=\"assistant-welcome-content\">\n                            <div class=\"assistant-welcome-icon\">\n                                <i class=\"bi bi-stars\"></i>\n                            </div>\n                            <h3 class=\"assistant-welcome-title\">Hi ${userName}</h3>\n                            <p class=\"assistant-welcome-subtitle\">How can I help you today?</p>\n                            <div class=\"assistant-suggestions\">\n                                <button class=\"assistant-suggestion\" data-action=\"use-suggestion\" data-text=\"Show me a summary of recent activity\">\n                                    <i class=\"bi bi-activity\"></i>\n                                    <span>Recent activity summary</span>\n                                </button>\n                                <button class=\"assistant-suggestion\" data-action=\"use-suggestion\" data-text=\"How many active users are there?\">\n                                    <i class=\"bi bi-people\"></i>\n                                    <span>Active user count</span>\n                                </button>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"assistant-chat-area\" data-container=\"chat-area\"></div>\n                    <div class=\"assistant-input-wrapper\">\n                        <div class=\"assistant-input-status d-none\" data-ref=\"input-status\"></div>\n                        <div class=\"assistant-input-box\">\n                            <textarea class=\"assistant-input\" placeholder=\"Message the assistant...\" rows=\"1\" data-ref=\"input\"></textarea>\n                            <button class=\"assistant-send-btn\" data-action=\"send\" type=\"button\" title=\"Send message\" data-ref=\"send-btn\">\n                                <i class=\"bi bi-arrow-up\"></i>\n                            </button>\n                            <button class=\"assistant-stop-btn d-none\" data-action=\"stop\" type=\"button\" title=\"Stop generating\" data-ref=\"stop-btn\">\n                                <i class=\"bi bi-stop-fill\"></i>\n                            </button>\n                        </div>\n                        <div class=\"assistant-input-footer\">\n                            <span class=\"assistant-connection-indicator\" data-ref=\"status\">\n                                <span class=\"status-dot connected\"></span>\n                            </span>\n                            <span class=\"text-muted\">Enter to send</span>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        `;\n    }\n\n    async onInit() {\n        // Conversation list for history panel\n        this.conversations = new AssistantConversationList();\n        this.conversations.params.user = this.app?.activeUser?.id;\n        this.conversationListView = new AssistantConversationListView({\n            containerId: 'conversation-list',\n            collection: this.conversations\n        });\n        this.addChild(this.conversationListView);\n\n        // Chat view\n        this.chatView = new ChatView({\n            containerId: 'chat-area',\n            theme: 'compact',\n            messageViewClass: AssistantMessageView,\n            currentUserId: this.app?.activeUser?.id,\n            showFileInput: false,\n            showInput: false,\n            adapter: this._createAdapter()\n        });\n        this.addChild(this.chatView);\n\n        // Safety net: re-enable input on assistant message\n        const origAddMessage = this.chatView.addMessage.bind(this.chatView);\n        this.chatView.addMessage = (msg, scroll) => {\n            origAddMessage(msg, scroll);\n            if (msg.role === 'assistant' && (msg.content || msg.blocks?.length)) {\n                this.chatView.hideThinking();\n                this._setInputEnabled(true);\n            }\n        };\n\n        // Wire conversation list events\n        this.conversationListView.on('conversation:select', (data) => {\n            this._onConversationSelect(data);\n            this._toggleHistory(false);\n        });\n        this.conversationListView.on('conversation:new', () => {\n            this._onNewConversation();\n            this._toggleHistory(false);\n        });\n        this.conversationListView.on('conversation:deleted', (data) => this._onConversationDeleted(data));\n\n        this._subscribeWS();\n    }\n\n    async onAfterRender() {\n        await super.onAfterRender();\n\n        const textarea = this.element.querySelector('[data-ref=\"input\"]');\n        if (textarea) {\n            textarea.addEventListener('input', () => this._autoResize(textarea));\n            textarea.addEventListener('keydown', (e) => this._handleKeydown(e));\n            setTimeout(() => textarea.focus(), 100);\n        }\n\n        // Load existing conversation after DOM is ready\n        if (this.conversationId) {\n            this._showChatArea();\n            await this.chatView.refresh();\n        }\n\n        this._updateConnectionStatus();\n        this._updateTitle();\n        this._setupResizeHandle();\n    }\n\n    // ── Resize Handle ────────────────────────────────────────\n\n    _setupResizeHandle() {\n        const handle = this.element?.querySelector('[data-ref=\"resize-handle\"]');\n        if (!handle) return;\n\n        const MIN_WIDTH = 300;\n        const MAX_WIDTH = 700;\n        const STORAGE_KEY = 'mojo:assistant_panel_width';\n\n        // Restore saved width\n        const saved = localStorage.getItem(STORAGE_KEY);\n        if (saved) {\n            const w = parseInt(saved, 10);\n            if (w >= MIN_WIDTH && w <= MAX_WIDTH) {\n                const panelEl = document.getElementById('assistant-panel');\n                if (panelEl) panelEl.style.width = w + 'px';\n            }\n        }\n\n        let startX, startWidth;\n\n        const onMouseMove = (e) => {\n            const delta = startX - e.clientX;\n            const newWidth = Math.min(MAX_WIDTH, Math.max(MIN_WIDTH, startWidth + delta));\n            const panelEl = document.getElementById('assistant-panel');\n            if (panelEl) panelEl.style.width = newWidth + 'px';\n        };\n\n        const onMouseUp = () => {\n            document.removeEventListener('mousemove', onMouseMove);\n            document.removeEventListener('mouseup', onMouseUp);\n            document.body.style.cursor = '';\n            document.body.style.userSelect = '';\n\n            // Save width\n            const panelEl = document.getElementById('assistant-panel');\n            if (panelEl) {\n                localStorage.setItem(STORAGE_KEY, parseInt(panelEl.style.width, 10));\n            }\n        };\n\n        handle.addEventListener('mousedown', (e) => {\n            e.preventDefault();\n            startX = e.clientX;\n            const panelEl = document.getElementById('assistant-panel');\n            startWidth = panelEl ? panelEl.offsetWidth : 500;\n            document.body.style.cursor = 'col-resize';\n            document.body.style.userSelect = 'none';\n            document.addEventListener('mousemove', onMouseMove);\n            document.addEventListener('mouseup', onMouseUp);\n        });\n    }\n\n    // ── Actions ──────────────────────────────────────────────\n\n    onActionToggleHistory() {\n        this._toggleHistory(!this._showingHistory);\n    }\n\n    onActionNewConversation() {\n        this._onNewConversation();\n        if (this._showingHistory) this._toggleHistory(false);\n    }\n\n    onActionClosePanel() {\n        this.emit('panel:close');\n    }\n\n    onActionFullscreen() {\n        this.emit('panel:fullscreen', { conversationId: this.conversationId });\n    }\n\n    onActionPopOut() {\n        this.emit('panel:popout', { conversationId: this.conversationId });\n    }\n\n    onActionUseSuggestion(_event, element) {\n        const text = element.dataset.text || element.closest('[data-text]')?.dataset.text;\n        if (!text) return;\n\n        const textarea = this.element.querySelector('[data-ref=\"input\"]');\n        if (textarea) {\n            textarea.value = text;\n            this._autoResize(textarea);\n        }\n        this._sendMessage();\n    }\n\n    onActionSend() {\n        this._sendMessage();\n    }\n\n    onActionStop() {\n        this.chatView.hideThinking();\n        this._setInputEnabled(true);\n        this._showSystemMessage('Response cancelled.');\n        const textarea = this.element?.querySelector('[data-ref=\"input\"]');\n        if (textarea) textarea.focus();\n    }\n\n    // ── History Toggle ───────────────────────────────────────\n\n    _toggleHistory(show) {\n        this._showingHistory = show;\n        const history = this.element?.querySelector('[data-ref=\"history\"]');\n        const chat = this.element?.querySelector('[data-ref=\"chat-wrapper\"]');\n        const toggleBtn = this.element?.querySelector('[data-action=\"toggle-history\"] i');\n\n        if (history) history.classList.toggle('d-none', !show);\n        if (chat) chat.classList.toggle('d-none', show);\n        if (toggleBtn) toggleBtn.className = show ? 'bi bi-chat-dots' : 'bi bi-list';\n\n        if (show) {\n            this.conversationListView.refresh();\n        }\n    }\n\n    // ── Input Handling ───────────────────────────────────────\n\n    _autoResize(textarea) {\n        textarea.style.height = 'auto';\n        textarea.style.height = Math.min(textarea.scrollHeight, 200) + 'px';\n    }\n\n    _handleKeydown(e) {\n        if (e.key === 'Enter' && !e.shiftKey) {\n            e.preventDefault();\n            this._sendMessage();\n        }\n    }\n\n    async _sendMessage() {\n        const textarea = this.element.querySelector('[data-ref=\"input\"]');\n        if (!textarea) return;\n\n        const text = textarea.value.trim();\n        if (!text) return;\n\n        textarea.value = '';\n        textarea.style.height = 'auto';\n        this._showChatArea();\n        await this.chatView.adapter.addNote({ text, files: [] });\n    }\n\n    _showChatArea() {\n        if (this._hasMessages) return;\n        this._hasMessages = true;\n\n        const welcome = this.element.querySelector('[data-ref=\"welcome\"]');\n        const chatArea = this.element.querySelector('[data-container=\"chat-area\"]');\n        if (welcome) welcome.classList.add('d-none');\n        if (chatArea) chatArea.classList.remove('d-none');\n    }\n\n    _showWelcome() {\n        this._hasMessages = false;\n\n        const welcome = this.element.querySelector('[data-ref=\"welcome\"]');\n        const chatArea = this.element.querySelector('[data-container=\"chat-area\"]');\n        if (welcome) welcome.classList.remove('d-none');\n        if (chatArea) chatArea.classList.add('d-none');\n    }\n\n    _setInputEnabled(enabled, reason) {\n        const textarea = this.element?.querySelector('[data-ref=\"input\"]');\n        const sendBtn = this.element?.querySelector('[data-ref=\"send-btn\"]');\n        const stopBtn = this.element?.querySelector('[data-ref=\"stop-btn\"]');\n\n        if (textarea) textarea.disabled = !enabled;\n        if (sendBtn) sendBtn.classList.toggle('d-none', !enabled);\n        if (stopBtn) stopBtn.classList.toggle('d-none', enabled);\n\n        this._setInputStatus(enabled ? null : reason);\n\n        if (this._responseTimeout) clearTimeout(this._responseTimeout);\n        if (!enabled) {\n            this._responseTimeout = setTimeout(() => this._onResponseTimeout(), 60000);\n        } else {\n            this._requestStartTime = null;\n        }\n    }\n\n    _setInputStatus(message) {\n        const el = this.element?.querySelector('[data-ref=\"input-status\"]');\n        if (!el) return;\n        if (message) {\n            el.innerHTML = `${this._escapeHtml(message)} <span class=\"assistant-input-status-dismiss\">Click to dismiss</span>`;\n            el.classList.remove('d-none');\n            if (!el._hasDismiss) {\n                el._hasDismiss = true;\n                el.addEventListener('click', () => {\n                    this.chatView.hideThinking();\n                    this._setInputEnabled(true);\n                    const textarea = this.element?.querySelector('[data-ref=\"input\"]');\n                    if (textarea) textarea.focus();\n                });\n            }\n        } else {\n            el.classList.add('d-none');\n            el.innerHTML = '';\n        }\n    }\n\n    _onResponseTimeout() {\n        this._responseTimeout = null;\n        this.chatView.hideThinking();\n        this._setInputEnabled(true);\n        this._showSystemMessage('Request timed out. Please try again.');\n    }\n\n    // ── Title ────────────────────────────────────────────────\n\n    _updateTitle(title) {\n        const el = this.element?.querySelector('[data-ref=\"panel-title\"]');\n        if (!el) return;\n        el.textContent = title || (this.conversationId ? 'Assistant' : 'New conversation');\n    }\n\n    // ── Chat Adapter ─────────────────────────────────────────\n\n    _createAdapter() {\n        return {\n            fetch: async () => {\n                if (!this.conversationId) return [];\n                try {\n                    const conversation = new AssistantConversation({ id: this.conversationId });\n                    await conversation.fetch({ graph: 'detail' });\n                    const title = conversation.get('title') || conversation.get('summary');\n                    if (title) this._updateTitle(title);\n                    const messages = conversation.get('messages') || [];\n                    const transformed = messages.map(msg => this._transformMessage(msg)).filter(Boolean);\n                    return AssistantView._collapseMessages(transformed);\n                } catch (_err) {\n                    if (_err.status === 404) {\n                        this._onNewConversation();\n                        this._showSystemMessage('Conversation not found.');\n                    }\n                    return [];\n                }\n            },\n            addNote: async (data) => {\n                if (!data.text || !data.text.trim()) return { success: false };\n\n                const userMsg = {\n                    id: `local-${++this._messageIdCounter}`,\n                    role: 'user',\n                    author: {\n                        id: this.app?.activeUser?.id,\n                        name: this.app?.activeUser?.get('display_name') || 'You'\n                    },\n                    content: data.text,\n                    timestamp: new Date().toISOString()\n                };\n                this.chatView.addMessage(userMsg);\n\n                this.chatView.showThinking('Thinking...');\n                this._requestStartTime = Date.now();\n                this._setInputEnabled(false, 'Waiting for response…');\n\n                if (this.ws && this.ws.isConnected) {\n                    this.ws.send({\n                        type: 'assistant_message',\n                        message: data.text,\n                        conversation_id: this.conversationId\n                    });\n                } else {\n                    try {\n                        const resp = await this.app.rest.post('/api/assistant', {\n                            message: data.text,\n                            conversation_id: this.conversationId\n                        });\n                        const respData = resp?.data?.data || resp?.data || resp;\n                        if (respData.conversation_id) {\n                            this.conversationId = respData.conversation_id;\n                            this.app._assistantConversationId = this.conversationId;\n                        }\n                        if (respData.response) {\n                            this.chatView.addMessage(this._transformMessage(respData.response));\n                        }\n                        this._setInputEnabled(true);\n                    } catch (_err) {\n                        this._handleAPIError(_err);\n                    }\n                }\n\n                return { success: true };\n            }\n        };\n    }\n\n    // ── WebSocket Subscriptions ───────────────────────────────\n\n    _subscribeWS() {\n        if (!this.ws) return;\n\n        this._wsHandlers = {\n            thinking: (data) => this._onThinking(data),\n            text: (data) => this._onText(data),\n            tool_call: (data) => this._onToolCall(data),\n            response: (data) => this._onResponse(data),\n            error: (data) => this._onError(data),\n            plan: (data) => this._onPlan(data),\n            plan_update: (data) => this._onPlanUpdate(data),\n            message: (envelope) => this._dispatchWSMessage(envelope),\n            connected: () => this._updateConnectionStatus(),\n            disconnected: () => this._updateConnectionStatus(),\n            reconnecting: () => this._updateConnectionStatus()\n        };\n\n        this.ws.on('message:assistant_thinking', this._wsHandlers.thinking);\n        this.ws.on('message:assistant_text', this._wsHandlers.text);\n        this.ws.on('message:assistant_tool_call', this._wsHandlers.tool_call);\n        this.ws.on('message:assistant_response', this._wsHandlers.response);\n        this.ws.on('message:assistant_error', this._wsHandlers.error);\n        this.ws.on('message:assistant_plan', this._wsHandlers.plan);\n        this.ws.on('message:assistant_plan_update', this._wsHandlers.plan_update);\n        this.ws.on('message:message', this._wsHandlers.message);\n        this.ws.on('connected', this._wsHandlers.connected);\n        this.ws.on('disconnected', this._wsHandlers.disconnected);\n        this.ws.on('reconnecting', this._wsHandlers.reconnecting);\n    }\n\n    _unsubscribeWS() {\n        if (!this.ws || !this._wsHandlers) return;\n\n        this.ws.off('message:assistant_thinking', this._wsHandlers.thinking);\n        this.ws.off('message:assistant_text', this._wsHandlers.text);\n        this.ws.off('message:assistant_tool_call', this._wsHandlers.tool_call);\n        this.ws.off('message:assistant_response', this._wsHandlers.response);\n        this.ws.off('message:assistant_error', this._wsHandlers.error);\n        this.ws.off('message:assistant_plan', this._wsHandlers.plan);\n        this.ws.off('message:assistant_plan_update', this._wsHandlers.plan_update);\n        this.ws.off('message:message', this._wsHandlers.message);\n        this.ws.off('connected', this._wsHandlers.connected);\n        this.ws.off('disconnected', this._wsHandlers.disconnected);\n        this.ws.off('reconnecting', this._wsHandlers.reconnecting);\n\n        this._wsHandlers = {};\n    }\n\n    // ── WS Event Handlers ────────────────────────────────────\n\n    _dispatchWSMessage(envelope) {\n        const inner = envelope?.data;\n        if (!inner?.type) return;\n\n        switch (inner.type) {\n            case 'assistant_thinking':    this._onThinking(inner); break;\n            case 'assistant_text':        this._onText(inner); break;\n            case 'assistant_tool_call':   this._onToolCall(inner); break;\n            case 'assistant_response':    this._onResponse(inner); break;\n            case 'assistant_error':       this._onError(inner); break;\n            case 'assistant_plan':        this._onPlan(inner); break;\n            case 'assistant_plan_update': this._onPlanUpdate(inner); break;\n        }\n    }\n\n    _isMyConversation(data) {\n        if (!data.conversation_id) return true;\n        if (!this.conversationId) return true;\n        return String(data.conversation_id) === String(this.conversationId);\n    }\n\n    _adoptConversationId(data) {\n        if (data.conversation_id && !this.conversationId) {\n            this.conversationId = data.conversation_id;\n            this.app._assistantConversationId = this.conversationId;\n        }\n    }\n\n    _onThinking(data) {\n        if (!this._isMyConversation(data)) return;\n        this._adoptConversationId(data);\n        this._showChatArea();\n        this.chatView.showThinking('Thinking...');\n        this._setInputEnabled(false, 'Assistant is thinking…');\n    }\n\n    /**\n     * Intermediate prose alongside tool calls in the same turn. Renders as\n     * an assistant bubble, but does NOT clear the thinking indicator or\n     * re-enable input — `assistant_response` remains the terminal signal.\n     * @private\n     */\n    _onText(data) {\n        if (!this._isMyConversation(data)) return;\n        this._adoptConversationId(data);\n        // Server is still working — refresh the safety timeout.\n        this._resetResponseTimeout();\n\n        const msg = this._transformMessage({\n            id: data.message_id || `text-${++this._messageIdCounter}`,\n            role: 'assistant',\n            content: data.text || '',\n            blocks: data.blocks || [],\n            tool_calls: [],\n            created: data.created || data.timestamp || new Date().toISOString()\n        });\n\n        if (msg && (msg.content || msg.blocks?.length)) {\n            this.chatView.addMessage(msg);\n        }\n    }\n\n    _onToolCall(data) {\n        if (!this._isMyConversation(data)) return;\n        this.chatView.showThinking(`Using ${data.tool || data.name || 'tool'}...`);\n        this._resetResponseTimeout();\n    }\n\n    _resetResponseTimeout() {\n        if (this._responseTimeout) {\n            if (this._requestStartTime && (Date.now() - this._requestStartTime) >= 300000) {\n                this._onResponseTimeout();\n                return;\n            }\n            clearTimeout(this._responseTimeout);\n            this._responseTimeout = setTimeout(() => this._onResponseTimeout(), 60000);\n        }\n    }\n\n    _onResponse(data) {\n        if (!this._isMyConversation(data)) return;\n\n        this.chatView.hideThinking();\n        this._setInputEnabled(true);\n        this._adoptConversationId(data);\n\n        const textarea = this.element?.querySelector('[data-ref=\"input\"]');\n        if (textarea) textarea.focus();\n\n        const msg = this._transformMessage({\n            id: data.message_id || `resp-${++this._messageIdCounter}`,\n            role: 'assistant',\n            content: data.response || data.content || data.message || '',\n            blocks: data.blocks || [],\n            tool_calls: data.tool_calls_made || data.tool_calls || [],\n            created: data.created || data.timestamp || new Date().toISOString()\n        });\n\n        if (msg && (msg.content || msg.blocks?.length || msg.tool_calls?.length)) {\n            this.chatView.addMessage(msg);\n        }\n    }\n\n    _onError(data) {\n        if (!this._isMyConversation(data)) return;\n\n        this.chatView.hideThinking();\n        this._setInputEnabled(true);\n        this._adoptConversationId(data);\n\n        const errorText = data.error || data.message || 'An error occurred';\n        this._showSystemMessage(errorText);\n    }\n\n    _onPlan(data) {\n        if (!this._isMyConversation(data)) return;\n        this._adoptConversationId(data);\n        this._showChatArea();\n\n        const plan = data.plan;\n        if (!plan) return;\n\n        this._activePlans[plan.plan_id] = plan;\n\n        this.chatView.addMessage({\n            id: `plan-${plan.plan_id}`,\n            role: 'assistant',\n            author: { name: 'Assistant' },\n            content: '',\n            timestamp: new Date().toISOString(),\n            blocks: [{ type: 'progress', ...plan }],\n            tool_calls: []\n        });\n    }\n\n    _onPlanUpdate(data) {\n        if (!this._isMyConversation(data)) return;\n\n        const plan = this._activePlans[data.plan_id];\n        if (plan) {\n            const step = plan.steps.find(s => s.id === data.step_id);\n            if (step) {\n                step.status = data.status;\n                step.summary = data.summary;\n            }\n        }\n\n        const msgView = this.chatView.messageViews.get(`plan-${data.plan_id}`);\n        if (msgView?.updateProgressStep) {\n            msgView.updateProgressStep(data.plan_id, data.step_id, data.status, data.summary);\n        }\n        this._resetResponseTimeout();\n    }\n\n    // ── Conversation Management ──────────────────────────────\n\n    async _onConversationSelect(data) {\n        this.conversationId = data.id;\n        this.app._assistantConversationId = this.conversationId;\n        this.conversationListView.setActive(data.id);\n        this._showChatArea();\n        this._updateTitle(data.model?.get('title') || data.model?.get('summary'));\n        await this.chatView.refresh();\n    }\n\n    _onNewConversation() {\n        this.conversationId = null;\n        this.app._assistantConversationId = null;\n        this.conversationListView.setActive(null);\n        this.chatView.clearMessages();\n        this._setInputEnabled(true);\n        this._showWelcome();\n        this._updateTitle();\n\n        const textarea = this.element?.querySelector('[data-ref=\"input\"]');\n        if (textarea) textarea.focus();\n    }\n\n    _onConversationDeleted(data) {\n        if (String(data.id) === String(this.conversationId)) {\n            this._onNewConversation();\n        }\n    }\n\n    // ── Helpers ──────────────────────────────────────────────\n\n    _transformMessage(msg) {\n        if (msg.role === 'tool_result') return null;\n\n        let content = msg.content || msg.text || '';\n        let blocks = msg.blocks || [];\n        let toolCalls = msg.tool_calls || [];\n\n        if (toolCalls.length > 0) {\n            // Normalize WS `tool_calls_made` shape `{ tool, input }` → Anthropic `{ type, name, input }`\n            toolCalls = toolCalls.map(tc =>\n                (!tc.type && tc.tool)\n                    ? { type: 'tool_use', name: tc.tool, input: tc.input }\n                    : tc\n            );\n            const textParts = toolCalls\n                .filter(tc => tc.type === 'text' && tc.text)\n                .map(tc => tc.text);\n            if (!content && textParts.length > 0) {\n                content = textParts.join('\\n\\n');\n            }\n            toolCalls = toolCalls\n                .filter(tc => tc.type === 'tool_use')\n                .filter(tc => !AssistantView.INTERNAL_TOOLS.has(tc.name));\n        }\n\n        if (blocks.length === 0 && content.includes('assistant_block')) {\n            const parsed = AssistantView._parseBlocks(content);\n            content = parsed.content;\n            blocks = parsed.blocks;\n        }\n\n        const currentUserId = this.app?.activeUser?.id;\n\n        return {\n            id: msg.id,\n            role: msg.role || 'user',\n            author: msg.role === 'assistant'\n                ? { name: 'Assistant' }\n                : msg.author || {\n                    name: msg.user?.display_name || this.app?.activeUser?.get('display_name') || 'You',\n                    id: msg.user?.id || currentUserId\n                },\n            content,\n            timestamp: msg.created || msg.timestamp,\n            blocks,\n            tool_calls: toolCalls,\n            _conversationId: this.conversationId\n        };\n    }\n\n    _showSystemMessage(text) {\n        this._showChatArea();\n        this.chatView.addMessage({\n            id: `sys-${++this._messageIdCounter}`,\n            type: 'system_event',\n            content: text,\n            timestamp: new Date().toISOString()\n        });\n    }\n\n    _handleAPIError(_err) {\n        if (_err.status === 404) {\n            this._showSystemMessage('Assistant is not enabled on this server.');\n        } else if (_err.status === 503) {\n            this._showSystemMessage('LLM API key not configured. Contact your administrator.');\n        } else {\n            this._showSystemMessage('Failed to send message. Please try again.');\n        }\n        this._setInputEnabled(true);\n    }\n\n    _updateConnectionStatus() {\n        const dot = this.element?.querySelector('.status-dot');\n        if (!dot) return;\n\n        if (this.ws?.isConnected) {\n            dot.className = 'status-dot connected';\n            dot.title = 'Connected';\n            if (!this._responseTimeout) {\n                this._setInputEnabled(true);\n            } else {\n                this._setInputEnabled(false, 'Waiting for response…');\n            }\n        } else if (this.ws?.isReconnecting) {\n            dot.className = 'status-dot reconnecting';\n            dot.title = 'Reconnecting...';\n            this._setInputEnabled(false, 'Reconnecting…');\n            if (this._responseTimeout) {\n                clearTimeout(this._responseTimeout);\n                this._responseTimeout = null;\n            }\n        } else {\n            dot.className = 'status-dot disconnected';\n            dot.title = 'Disconnected';\n            this._setInputEnabled(false, 'Disconnected — reconnecting…');\n            if (this._responseTimeout) {\n                clearTimeout(this._responseTimeout);\n                this._responseTimeout = null;\n            }\n        }\n    }\n\n    _escapeHtml(text) {\n        const div = document.createElement('div');\n        div.textContent = text;\n        return div.innerHTML;\n    }\n\n    /**\n     * Focus the input textarea — called externally when reopening the panel.\n     */\n    focusInput() {\n        const textarea = this.element?.querySelector('[data-ref=\"input\"]');\n        if (textarea) textarea.focus();\n    }\n\n    async onBeforeDestroy() {\n        this._unsubscribeWS();\n        if (this._responseTimeout) {\n            clearTimeout(this._responseTimeout);\n            this._responseTimeout = null;\n        }\n    }\n}\n\nexport default AssistantPanelView;\n"],"names":["AssistantPanelView","View","constructor","options","super","className","this","app","ws","conversationId","_assistantConversationId","_wsHandlers","_messageIdCounter","_hasMessages","_activePlans","_requestStartTime","_showingHistory","getTemplate","_escapeHtml","activeUser","get","onInit","conversations","AssistantConversationList","params","user","id","conversationListView","AssistantConversationListView","containerId","collection","addChild","chatView","ChatView","theme","messageViewClass","AssistantMessageView","currentUserId","showFileInput","showInput","adapter","_createAdapter","origAddMessage","addMessage","bind","msg","scroll","role","content","blocks","length","hideThinking","_setInputEnabled","on","data","_onConversationSelect","_toggleHistory","_onNewConversation","_onConversationDeleted","_subscribeWS","onAfterRender","textarea","element","querySelector","addEventListener","_autoResize","e","_handleKeydown","setTimeout","focus","_showChatArea","refresh","_updateConnectionStatus","_updateTitle","_setupResizeHandle","handle","STORAGE_KEY","saved","localStorage","getItem","w","parseInt","panelEl","document","getElementById","style","width","startX","startWidth","onMouseMove","delta","clientX","newWidth","Math","min","max","onMouseUp","removeEventListener","body","cursor","userSelect","setItem","preventDefault","offsetWidth","onActionToggleHistory","onActionNewConversation","onActionClosePanel","emit","onActionFullscreen","onActionPopOut","onActionUseSuggestion","_event","text","dataset","closest","value","_sendMessage","onActionSend","onActionStop","_showSystemMessage","show","history","chat","toggleBtn","classList","toggle","height","scrollHeight","key","shiftKey","trim","addNote","files","welcome","chatArea","add","remove","_showWelcome","enabled","reason","sendBtn","stopBtn","disabled","_setInputStatus","_responseTimeout","clearTimeout","_onResponseTimeout","message","el","innerHTML","_hasDismiss","title","textContent","fetch","async","conversation","AssistantConversation","graph","transformed","map","_transformMessage","filter","Boolean","AssistantView","_collapseMessages","_err","status","success","userMsg","author","name","timestamp","Date","toISOString","showThinking","now","isConnected","send","type","conversation_id","resp","rest","post","respData","response","_handleAPIError","thinking","_onThinking","_onText","tool_call","_onToolCall","_onResponse","error","_onError","plan","_onPlan","plan_update","_onPlanUpdate","envelope","_dispatchWSMessage","connected","disconnected","reconnecting","_unsubscribeWS","off","inner","_isMyConversation","String","_adoptConversationId","_resetResponseTimeout","message_id","tool_calls","created","tool","tool_calls_made","errorText","plan_id","step","steps","find","s","step_id","summary","msgView","messageViews","updateProgressStep","setActive","model","clearMessages","toolCalls","tc","input","textParts","join","INTERNAL_TOOLS","has","includes","parsed","_parseBlocks","display_name","_conversationId","dot","isReconnecting","div","createElement","focusInput","onBeforeDestroy"],"mappings":"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"}

package/dist/chunks/AssistantPanelView-GeIHDvyN.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./View-IgBQlwd0.js"),s=require("./ChatView-CUmRTKna.js"),e=require("../admin-models.cjs.js"),n=require("./admin-yjCkhxvU.js");class AssistantPanelView extends t.View{constructor(t={}){super({className:"assistant-panel-view",...t}),this.app=t.app,this.ws=this.app?.ws,this.conversationId=t.conversationId||this.app?._assistantConversationId||null,this._wsHandlers={},this._messageIdCounter=0,this._hasMessages=!1,this._activePlans={},this._requestStartTime=null,this._showingHistory=!1}getTemplate(){return`\n            <div class="assistant-panel-resize-handle" data-ref="resize-handle"></div>\n            <div class="assistant-panel-layout">\n                <div class="assistant-panel-header">\n                    <button class="assistant-panel-header-btn" data-action="toggle-history" type="button" title="Conversation history">\n                        <i class="bi bi-list"></i>\n                    </button>\n                    <span class="assistant-panel-title text-truncate" data-ref="panel-title">New conversation</span>\n                    <div class="d-flex gap-1 ms-auto">\n                        <button class="assistant-panel-header-btn" data-action="new-conversation" type="button" title="New conversation">\n                            <i class="bi bi-plus-lg"></i>\n                        </button>\n                        <button class="assistant-panel-header-btn" data-action="fullscreen" type="button" title="Open fullscreen">\n                            <i class="bi bi-arrows-fullscreen"></i>\n                        </button>\n                        <button class="assistant-panel-header-btn" data-action="pop-out" type="button" title="Open in popup window">\n                            <i class="bi bi-box-arrow-up-right"></i>\n                        </button>\n                        <button class="assistant-panel-header-btn" data-action="close-panel" type="button" title="Close">\n                            <i class="bi bi-x-lg"></i>\n                        </button>\n                    </div>\n                </div>\n\n                <div class="assistant-panel-history d-none" data-ref="history" data-container="conversation-list"></div>\n\n                <div class="assistant-panel-chat" data-ref="chat-wrapper">\n                    <div class="assistant-welcome" data-ref="welcome">\n                        <div class="assistant-welcome-content">\n                            <div class="assistant-welcome-icon">\n                                <i class="bi bi-stars"></i>\n                            </div>\n                            <h3 class="assistant-welcome-title">Hi ${this._escapeHtml(this.app?.activeUser?.get("first_name")||"there")}</h3>\n                            <p class="assistant-welcome-subtitle">How can I help you today?</p>\n                            <div class="assistant-suggestions">\n                                <button class="assistant-suggestion" data-action="use-suggestion" data-text="Show me a summary of recent activity">\n                                    <i class="bi bi-activity"></i>\n                                    <span>Recent activity summary</span>\n                                </button>\n                                <button class="assistant-suggestion" data-action="use-suggestion" data-text="How many active users are there?">\n                                    <i class="bi bi-people"></i>\n                                    <span>Active user count</span>\n                                </button>\n                            </div>\n                        </div>\n                    </div>\n                    <div class="assistant-chat-area" data-container="chat-area"></div>\n                    <div class="assistant-input-wrapper">\n                        <div class="assistant-input-status d-none" data-ref="input-status"></div>\n                        <div class="assistant-input-box">\n                            <textarea class="assistant-input" placeholder="Message the assistant..." rows="1" data-ref="input"></textarea>\n                            <button class="assistant-send-btn" data-action="send" type="button" title="Send message" data-ref="send-btn">\n                                <i class="bi bi-arrow-up"></i>\n                            </button>\n                            <button class="assistant-stop-btn d-none" data-action="stop" type="button" title="Stop generating" data-ref="stop-btn">\n                                <i class="bi bi-stop-fill"></i>\n                            </button>\n                        </div>\n                        <div class="assistant-input-footer">\n                            <span class="assistant-connection-indicator" data-ref="status">\n                                <span class="status-dot connected"></span>\n                            </span>\n                            <span class="text-muted">Enter to send</span>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        `}async onInit(){this.conversations=new e.AssistantConversationList,this.conversations.params.user=this.app?.activeUser?.id,this.conversationListView=new n.AssistantConversationListView({containerId:"conversation-list",collection:this.conversations}),this.addChild(this.conversationListView),this.chatView=new s.ChatView({containerId:"chat-area",theme:"compact",messageViewClass:n.AssistantMessageView,currentUserId:this.app?.activeUser?.id,showFileInput:!1,showInput:!1,adapter:this._createAdapter()}),this.addChild(this.chatView);const t=this.chatView.addMessage.bind(this.chatView);this.chatView.addMessage=(s,e)=>{t(s,e),"assistant"===s.role&&(s.content||s.blocks?.length)&&(this.chatView.hideThinking(),this._setInputEnabled(!0))},this.conversationListView.on("conversation:select",t=>{this._onConversationSelect(t),this._toggleHistory(!1)}),this.conversationListView.on("conversation:new",()=>{this._onNewConversation(),this._toggleHistory(!1)}),this.conversationListView.on("conversation:deleted",t=>this._onConversationDeleted(t)),this._subscribeWS()}async onAfterRender(){await super.onAfterRender();const t=this.element.querySelector('[data-ref="input"]');t&&(t.addEventListener("input",()=>this._autoResize(t)),t.addEventListener("keydown",t=>this._handleKeydown(t)),setTimeout(()=>t.focus(),100)),this.conversationId&&(this._showChatArea(),await this.chatView.refresh()),this._updateConnectionStatus(),this._updateTitle(),this._setupResizeHandle()}_setupResizeHandle(){const t=this.element?.querySelector('[data-ref="resize-handle"]');if(!t)return;const s="mojo:assistant_panel_width",e=localStorage.getItem(s);if(e){const t=parseInt(e,10);if(t>=300&&t<=700){const s=document.getElementById("assistant-panel");s&&(s.style.width=t+"px")}}let n,i;const a=t=>{const s=n-t.clientX,e=Math.min(700,Math.max(300,i+s)),a=document.getElementById("assistant-panel");a&&(a.style.width=e+"px")},o=()=>{document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",o),document.body.style.cursor="",document.body.style.userSelect="";const t=document.getElementById("assistant-panel");t&&localStorage.setItem(s,parseInt(t.style.width,10))};t.addEventListener("mousedown",t=>{t.preventDefault(),n=t.clientX;const s=document.getElementById("assistant-panel");i=s?s.offsetWidth:500,document.body.style.cursor="col-resize",document.body.style.userSelect="none",document.addEventListener("mousemove",a),document.addEventListener("mouseup",o)})}onActionToggleHistory(){this._toggleHistory(!this._showingHistory)}onActionNewConversation(){this._onNewConversation(),this._showingHistory&&this._toggleHistory(!1)}onActionClosePanel(){this.emit("panel:close")}onActionFullscreen(){this.emit("panel:fullscreen",{conversationId:this.conversationId})}onActionPopOut(){this.emit("panel:popout",{conversationId:this.conversationId})}onActionUseSuggestion(t,s){const e=s.dataset.text||s.closest("[data-text]")?.dataset.text;if(!e)return;const n=this.element.querySelector('[data-ref="input"]');n&&(n.value=e,this._autoResize(n)),this._sendMessage()}onActionSend(){this._sendMessage()}onActionStop(){this.chatView.hideThinking(),this._setInputEnabled(!0),this._showSystemMessage("Response cancelled.");const t=this.element?.querySelector('[data-ref="input"]');t&&t.focus()}_toggleHistory(t){this._showingHistory=t;const s=this.element?.querySelector('[data-ref="history"]'),e=this.element?.querySelector('[data-ref="chat-wrapper"]'),n=this.element?.querySelector('[data-action="toggle-history"] i');s&&s.classList.toggle("d-none",!t),e&&e.classList.toggle("d-none",t),n&&(n.className=t?"bi bi-chat-dots":"bi bi-list"),t&&this.conversationListView.refresh()}_autoResize(t){t.style.height="auto",t.style.height=Math.min(t.scrollHeight,200)+"px"}_handleKeydown(t){"Enter"!==t.key||t.shiftKey||(t.preventDefault(),this._sendMessage())}async _sendMessage(){const t=this.element.querySelector('[data-ref="input"]');if(!t)return;const s=t.value.trim();s&&(t.value="",t.style.height="auto",this._showChatArea(),await this.chatView.adapter.addNote({text:s,files:[]}))}_showChatArea(){if(this._hasMessages)return;this._hasMessages=!0;const t=this.element.querySelector('[data-ref="welcome"]'),s=this.element.querySelector('[data-container="chat-area"]');t&&t.classList.add("d-none"),s&&s.classList.remove("d-none")}_showWelcome(){this._hasMessages=!1;const t=this.element.querySelector('[data-ref="welcome"]'),s=this.element.querySelector('[data-container="chat-area"]');t&&t.classList.remove("d-none"),s&&s.classList.add("d-none")}_setInputEnabled(t,s){const e=this.element?.querySelector('[data-ref="input"]'),n=this.element?.querySelector('[data-ref="send-btn"]'),i=this.element?.querySelector('[data-ref="stop-btn"]');e&&(e.disabled=!t),n&&n.classList.toggle("d-none",!t),i&&i.classList.toggle("d-none",t),this._setInputStatus(t?null:s),this._responseTimeout&&clearTimeout(this._responseTimeout),t?this._requestStartTime=null:this._responseTimeout=setTimeout(()=>this._onResponseTimeout(),6e4)}_setInputStatus(t){const s=this.element?.querySelector('[data-ref="input-status"]');s&&(t?(s.innerHTML=`${this._escapeHtml(t)} <span class="assistant-input-status-dismiss">Click to dismiss</span>`,s.classList.remove("d-none"),s._hasDismiss||(s._hasDismiss=!0,s.addEventListener("click",()=>{this.chatView.hideThinking(),this._setInputEnabled(!0);const t=this.element?.querySelector('[data-ref="input"]');t&&t.focus()}))):(s.classList.add("d-none"),s.innerHTML=""))}_onResponseTimeout(){this._responseTimeout=null,this.chatView.hideThinking(),this._setInputEnabled(!0),this._showSystemMessage("Request timed out. Please try again.")}_updateTitle(t){const s=this.element?.querySelector('[data-ref="panel-title"]');s&&(s.textContent=t||(this.conversationId?"Assistant":"New conversation"))}_createAdapter(){return{fetch:async()=>{if(!this.conversationId)return[];try{const t=new e.Assistant({id:this.conversationId});await t.fetch({graph:"detail"});const s=t.get("title")||t.get("summary");s&&this._updateTitle(s);const i=(t.get("messages")||[]).map(t=>this._transformMessage(t)).filter(Boolean);return n.AssistantView._collapseMessages(i)}catch(t){return 404===t.status&&(this._onNewConversation(),this._showSystemMessage("Conversation not found.")),[]}},addNote:async t=>{if(!t.text||!t.text.trim())return{success:!1};const s={id:"local-"+ ++this._messageIdCounter,role:"user",author:{id:this.app?.activeUser?.id,name:this.app?.activeUser?.get("display_name")||"You"},content:t.text,timestamp:/* @__PURE__ */(new Date).toISOString()};if(this.chatView.addMessage(s),this.chatView.showThinking("Thinking..."),this._requestStartTime=Date.now(),this._setInputEnabled(!1,"Waiting for response…"),this.ws&&this.ws.isConnected)this.ws.send({type:"assistant_message",message:t.text,conversation_id:this.conversationId});else try{const s=await this.app.rest.post("/api/assistant",{message:t.text,conversation_id:this.conversationId}),e=s?.data?.data||s?.data||s;e.conversation_id&&(this.conversationId=e.conversation_id,this.app._assistantConversationId=this.conversationId),e.response&&this.chatView.addMessage(this._transformMessage(e.response)),this._setInputEnabled(!0)}catch(e){this._handleAPIError(e)}return{success:!0}}}}_subscribeWS(){this.ws&&(this._wsHandlers={thinking:t=>this._onThinking(t),text:t=>this._onText(t),tool_call:t=>this._onToolCall(t),response:t=>this._onResponse(t),error:t=>this._onError(t),plan:t=>this._onPlan(t),plan_update:t=>this._onPlanUpdate(t),message:t=>this._dispatchWSMessage(t),connected:()=>this._updateConnectionStatus(),disconnected:()=>this._updateConnectionStatus(),reconnecting:()=>this._updateConnectionStatus()},this.ws.on("message:assistant_thinking",this._wsHandlers.thinking),this.ws.on("message:assistant_text",this._wsHandlers.text),this.ws.on("message:assistant_tool_call",this._wsHandlers.tool_call),this.ws.on("message:assistant_response",this._wsHandlers.response),this.ws.on("message:assistant_error",this._wsHandlers.error),this.ws.on("message:assistant_plan",this._wsHandlers.plan),this.ws.on("message:assistant_plan_update",this._wsHandlers.plan_update),this.ws.on("message:message",this._wsHandlers.message),this.ws.on("connected",this._wsHandlers.connected),this.ws.on("disconnected",this._wsHandlers.disconnected),this.ws.on("reconnecting",this._wsHandlers.reconnecting))}_unsubscribeWS(){this.ws&&this._wsHandlers&&(this.ws.off("message:assistant_thinking",this._wsHandlers.thinking),this.ws.off("message:assistant_text",this._wsHandlers.text),this.ws.off("message:assistant_tool_call",this._wsHandlers.tool_call),this.ws.off("message:assistant_response",this._wsHandlers.response),this.ws.off("message:assistant_error",this._wsHandlers.error),this.ws.off("message:assistant_plan",this._wsHandlers.plan),this.ws.off("message:assistant_plan_update",this._wsHandlers.plan_update),this.ws.off("message:message",this._wsHandlers.message),this.ws.off("connected",this._wsHandlers.connected),this.ws.off("disconnected",this._wsHandlers.disconnected),this.ws.off("reconnecting",this._wsHandlers.reconnecting),this._wsHandlers={})}_dispatchWSMessage(t){const s=t?.data;if(s?.type)switch(s.type){case"assistant_thinking":this._onThinking(s);break;case"assistant_text":this._onText(s);break;case"assistant_tool_call":this._onToolCall(s);break;case"assistant_response":this._onResponse(s);break;case"assistant_error":this._onError(s);break;case"assistant_plan":this._onPlan(s);break;case"assistant_plan_update":this._onPlanUpdate(s)}}_isMyConversation(t){return!t.conversation_id||!this.conversationId||String(t.conversation_id)===String(this.conversationId)}_adoptConversationId(t){t.conversation_id&&!this.conversationId&&(this.conversationId=t.conversation_id,this.app._assistantConversationId=this.conversationId)}_onThinking(t){this._isMyConversation(t)&&(this._adoptConversationId(t),this._showChatArea(),this.chatView.showThinking("Thinking..."),this._setInputEnabled(!1,"Assistant is thinking…"))}_onText(t){if(!this._isMyConversation(t))return;this._adoptConversationId(t),this._resetResponseTimeout();const s=this._transformMessage({id:t.message_id||"text-"+ ++this._messageIdCounter,role:"assistant",content:t.text||"",blocks:t.blocks||[],tool_calls:[],created:t.created||t.timestamp||/* @__PURE__ */(new Date).toISOString()});s&&(s.content||s.blocks?.length)&&this.chatView.addMessage(s)}_onToolCall(t){this._isMyConversation(t)&&(this.chatView.showThinking(`Using ${t.tool||t.name||"tool"}...`),this._resetResponseTimeout())}_resetResponseTimeout(){if(this._responseTimeout){if(this._requestStartTime&&Date.now()-this._requestStartTime>=3e5)return void this._onResponseTimeout();clearTimeout(this._responseTimeout),this._responseTimeout=setTimeout(()=>this._onResponseTimeout(),6e4)}}_onResponse(t){if(!this._isMyConversation(t))return;this.chatView.hideThinking(),this._setInputEnabled(!0),this._adoptConversationId(t);const s=this.element?.querySelector('[data-ref="input"]');s&&s.focus();const e=this._transformMessage({id:t.message_id||"resp-"+ ++this._messageIdCounter,role:"assistant",content:t.response||t.content||t.message||"",blocks:t.blocks||[],tool_calls:t.tool_calls_made||t.tool_calls||[],created:t.created||t.timestamp||/* @__PURE__ */(new Date).toISOString()});e&&(e.content||e.blocks?.length||e.tool_calls?.length)&&this.chatView.addMessage(e)}_onError(t){if(!this._isMyConversation(t))return;this.chatView.hideThinking(),this._setInputEnabled(!0),this._adoptConversationId(t);const s=t.error||t.message||"An error occurred";this._showSystemMessage(s)}_onPlan(t){if(!this._isMyConversation(t))return;this._adoptConversationId(t),this._showChatArea();const s=t.plan;s&&(this._activePlans[s.plan_id]=s,this.chatView.addMessage({id:`plan-${s.plan_id}`,role:"assistant",author:{name:"Assistant"},content:"",timestamp:/* @__PURE__ */(new Date).toISOString(),blocks:[{type:"progress",...s}],tool_calls:[]}))}_onPlanUpdate(t){if(!this._isMyConversation(t))return;const s=this._activePlans[t.plan_id];if(s){const e=s.steps.find(s=>s.id===t.step_id);e&&(e.status=t.status,e.summary=t.summary)}const e=this.chatView.messageViews.get(`plan-${t.plan_id}`);e?.updateProgressStep&&e.updateProgressStep(t.plan_id,t.step_id,t.status,t.summary),this._resetResponseTimeout()}async _onConversationSelect(t){this.conversationId=t.id,this.app._assistantConversationId=this.conversationId,this.conversationListView.setActive(t.id),this._showChatArea(),this._updateTitle(t.model?.get("title")||t.model?.get("summary")),await this.chatView.refresh()}_onNewConversation(){this.conversationId=null,this.app._assistantConversationId=null,this.conversationListView.setActive(null),this.chatView.clearMessages(),this._setInputEnabled(!0),this._showWelcome(),this._updateTitle();const t=this.element?.querySelector('[data-ref="input"]');t&&t.focus()}_onConversationDeleted(t){String(t.id)===String(this.conversationId)&&this._onNewConversation()}_transformMessage(t){if("tool_result"===t.role)return null;let s=t.content||t.text||"",e=t.blocks||[],i=t.tool_calls||[];if(i.length>0){i=i.map(t=>!t.type&&t.tool?{type:"tool_use",name:t.tool,input:t.input}:t);const t=i.filter(t=>"text"===t.type&&t.text).map(t=>t.text);!s&&t.length>0&&(s=t.join("\n\n")),i=i.filter(t=>"tool_use"===t.type).filter(t=>!n.AssistantView.INTERNAL_TOOLS.has(t.name))}if(0===e.length&&s.includes("assistant_block")){const t=n.AssistantView._parseBlocks(s);s=t.content,e=t.blocks}const a=this.app?.activeUser?.id;return{id:t.id,role:t.role||"user",author:"assistant"===t.role?{name:"Assistant"}:t.author||{name:t.user?.display_name||this.app?.activeUser?.get("display_name")||"You",id:t.user?.id||a},content:s,timestamp:t.created||t.timestamp,blocks:e,tool_calls:i,_conversationId:this.conversationId}}_showSystemMessage(t){this._showChatArea(),this.chatView.addMessage({id:"sys-"+ ++this._messageIdCounter,type:"system_event",content:t,timestamp:/* @__PURE__ */(new Date).toISOString()})}_handleAPIError(t){404===t.status?this._showSystemMessage("Assistant is not enabled on this server."):503===t.status?this._showSystemMessage("LLM API key not configured. Contact your administrator."):this._showSystemMessage("Failed to send message. Please try again."),this._setInputEnabled(!0)}_updateConnectionStatus(){const t=this.element?.querySelector(".status-dot");t&&(this.ws?.isConnected?(t.className="status-dot connected",t.title="Connected",this._responseTimeout?this._setInputEnabled(!1,"Waiting for response…"):this._setInputEnabled(!0)):this.ws?.isReconnecting?(t.className="status-dot reconnecting",t.title="Reconnecting...",this._setInputEnabled(!1,"Reconnecting…"),this._responseTimeout&&(clearTimeout(this._responseTimeout),this._responseTimeout=null)):(t.className="status-dot disconnected",t.title="Disconnected",this._setInputEnabled(!1,"Disconnected — reconnecting…"),this._responseTimeout&&(clearTimeout(this._responseTimeout),this._responseTimeout=null)))}_escapeHtml(t){const s=document.createElement("div");return s.textContent=t,s.innerHTML}focusInput(){const t=this.element?.querySelector('[data-ref="input"]');t&&t.focus()}async onBeforeDestroy(){this._unsubscribeWS(),this._responseTimeout&&(clearTimeout(this._responseTimeout),this._responseTimeout=null)}}exports.default=AssistantPanelView;
-//# sourceMappingURL=AssistantPanelView-GeIHDvyN.js.map

package/dist/chunks/AssistantPanelView-GeIHDvyN.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AssistantPanelView-GeIHDvyN.js","sources":["../../src/extensions/admin/assistant/AssistantPanelView.js"],"sourcesContent":["import View from '@core/View.js';\nimport ChatView from '@core/views/chat/ChatView.js';\nimport { AssistantConversation, AssistantConversationList } from '@ext/admin/models/Assistant.js';\nimport AssistantMessageView from './AssistantMessageView.js';\nimport AssistantConversationListView from './AssistantConversationListView.js';\nimport AssistantView from './AssistantView.js';\n\n/**\n * AssistantPanelView - Chat-only sidebar panel for the admin assistant\n *\n * Compact layout for the right sidebar panel. No conversation list by default —\n * a hamburger toggle switches between chat and conversation history.\n *\n * Emits:\n *   panel:close — when the close button is clicked\n */\nclass AssistantPanelView extends View {\n    constructor(options = {}) {\n        super({\n            className: 'assistant-panel-view',\n            ...options\n        });\n\n        this.app = options.app;\n        this.ws = this.app?.ws;\n        this.conversationId = options.conversationId || this.app?._assistantConversationId || null;\n        this._wsHandlers = {};\n        this._messageIdCounter = 0;\n        this._hasMessages = false;\n        this._activePlans = {};\n        this._requestStartTime = null;\n        this._showingHistory = false;\n    }\n\n    getTemplate() {\n        const userName = this._escapeHtml(\n            this.app?.activeUser?.get('first_name') || 'there'\n        );\n\n        return `\n            <div class=\"assistant-panel-resize-handle\" data-ref=\"resize-handle\"></div>\n            <div class=\"assistant-panel-layout\">\n                <div class=\"assistant-panel-header\">\n                    <button class=\"assistant-panel-header-btn\" data-action=\"toggle-history\" type=\"button\" title=\"Conversation history\">\n                        <i class=\"bi bi-list\"></i>\n                    </button>\n                    <span class=\"assistant-panel-title text-truncate\" data-ref=\"panel-title\">New conversation</span>\n                    <div class=\"d-flex gap-1 ms-auto\">\n                        <button class=\"assistant-panel-header-btn\" data-action=\"new-conversation\" type=\"button\" title=\"New conversation\">\n                            <i class=\"bi bi-plus-lg\"></i>\n                        </button>\n                        <button class=\"assistant-panel-header-btn\" data-action=\"fullscreen\" type=\"button\" title=\"Open fullscreen\">\n                            <i class=\"bi bi-arrows-fullscreen\"></i>\n                        </button>\n                        <button class=\"assistant-panel-header-btn\" data-action=\"pop-out\" type=\"button\" title=\"Open in popup window\">\n                            <i class=\"bi bi-box-arrow-up-right\"></i>\n                        </button>\n                        <button class=\"assistant-panel-header-btn\" data-action=\"close-panel\" type=\"button\" title=\"Close\">\n                            <i class=\"bi bi-x-lg\"></i>\n                        </button>\n                    </div>\n                </div>\n\n                <div class=\"assistant-panel-history d-none\" data-ref=\"history\" data-container=\"conversation-list\"></div>\n\n                <div class=\"assistant-panel-chat\" data-ref=\"chat-wrapper\">\n                    <div class=\"assistant-welcome\" data-ref=\"welcome\">\n                        <div class=\"assistant-welcome-content\">\n                            <div class=\"assistant-welcome-icon\">\n                                <i class=\"bi bi-stars\"></i>\n                            </div>\n                            <h3 class=\"assistant-welcome-title\">Hi ${userName}</h3>\n                            <p class=\"assistant-welcome-subtitle\">How can I help you today?</p>\n                            <div class=\"assistant-suggestions\">\n                                <button class=\"assistant-suggestion\" data-action=\"use-suggestion\" data-text=\"Show me a summary of recent activity\">\n                                    <i class=\"bi bi-activity\"></i>\n                                    <span>Recent activity summary</span>\n                                </button>\n                                <button class=\"assistant-suggestion\" data-action=\"use-suggestion\" data-text=\"How many active users are there?\">\n                                    <i class=\"bi bi-people\"></i>\n                                    <span>Active user count</span>\n                                </button>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"assistant-chat-area\" data-container=\"chat-area\"></div>\n                    <div class=\"assistant-input-wrapper\">\n                        <div class=\"assistant-input-status d-none\" data-ref=\"input-status\"></div>\n                        <div class=\"assistant-input-box\">\n                            <textarea class=\"assistant-input\" placeholder=\"Message the assistant...\" rows=\"1\" data-ref=\"input\"></textarea>\n                            <button class=\"assistant-send-btn\" data-action=\"send\" type=\"button\" title=\"Send message\" data-ref=\"send-btn\">\n                                <i class=\"bi bi-arrow-up\"></i>\n                            </button>\n                            <button class=\"assistant-stop-btn d-none\" data-action=\"stop\" type=\"button\" title=\"Stop generating\" data-ref=\"stop-btn\">\n                                <i class=\"bi bi-stop-fill\"></i>\n                            </button>\n                        </div>\n                        <div class=\"assistant-input-footer\">\n                            <span class=\"assistant-connection-indicator\" data-ref=\"status\">\n                                <span class=\"status-dot connected\"></span>\n                            </span>\n                            <span class=\"text-muted\">Enter to send</span>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        `;\n    }\n\n    async onInit() {\n        // Conversation list for history panel\n        this.conversations = new AssistantConversationList();\n        this.conversations.params.user = this.app?.activeUser?.id;\n        this.conversationListView = new AssistantConversationListView({\n            containerId: 'conversation-list',\n            collection: this.conversations\n        });\n        this.addChild(this.conversationListView);\n\n        // Chat view\n        this.chatView = new ChatView({\n            containerId: 'chat-area',\n            theme: 'compact',\n            messageViewClass: AssistantMessageView,\n            currentUserId: this.app?.activeUser?.id,\n            showFileInput: false,\n            showInput: false,\n            adapter: this._createAdapter()\n        });\n        this.addChild(this.chatView);\n\n        // Safety net: re-enable input on assistant message\n        const origAddMessage = this.chatView.addMessage.bind(this.chatView);\n        this.chatView.addMessage = (msg, scroll) => {\n            origAddMessage(msg, scroll);\n            if (msg.role === 'assistant' && (msg.content || msg.blocks?.length)) {\n                this.chatView.hideThinking();\n                this._setInputEnabled(true);\n            }\n        };\n\n        // Wire conversation list events\n        this.conversationListView.on('conversation:select', (data) => {\n            this._onConversationSelect(data);\n            this._toggleHistory(false);\n        });\n        this.conversationListView.on('conversation:new', () => {\n            this._onNewConversation();\n            this._toggleHistory(false);\n        });\n        this.conversationListView.on('conversation:deleted', (data) => this._onConversationDeleted(data));\n\n        this._subscribeWS();\n    }\n\n    async onAfterRender() {\n        await super.onAfterRender();\n\n        const textarea = this.element.querySelector('[data-ref=\"input\"]');\n        if (textarea) {\n            textarea.addEventListener('input', () => this._autoResize(textarea));\n            textarea.addEventListener('keydown', (e) => this._handleKeydown(e));\n            setTimeout(() => textarea.focus(), 100);\n        }\n\n        // Load existing conversation after DOM is ready\n        if (this.conversationId) {\n            this._showChatArea();\n            await this.chatView.refresh();\n        }\n\n        this._updateConnectionStatus();\n        this._updateTitle();\n        this._setupResizeHandle();\n    }\n\n    // ── Resize Handle ────────────────────────────────────────\n\n    _setupResizeHandle() {\n        const handle = this.element?.querySelector('[data-ref=\"resize-handle\"]');\n        if (!handle) return;\n\n        const MIN_WIDTH = 300;\n        const MAX_WIDTH = 700;\n        const STORAGE_KEY = 'mojo:assistant_panel_width';\n\n        // Restore saved width\n        const saved = localStorage.getItem(STORAGE_KEY);\n        if (saved) {\n            const w = parseInt(saved, 10);\n            if (w >= MIN_WIDTH && w <= MAX_WIDTH) {\n                const panelEl = document.getElementById('assistant-panel');\n                if (panelEl) panelEl.style.width = w + 'px';\n            }\n        }\n\n        let startX, startWidth;\n\n        const onMouseMove = (e) => {\n            const delta = startX - e.clientX;\n            const newWidth = Math.min(MAX_WIDTH, Math.max(MIN_WIDTH, startWidth + delta));\n            const panelEl = document.getElementById('assistant-panel');\n            if (panelEl) panelEl.style.width = newWidth + 'px';\n        };\n\n        const onMouseUp = () => {\n            document.removeEventListener('mousemove', onMouseMove);\n            document.removeEventListener('mouseup', onMouseUp);\n            document.body.style.cursor = '';\n            document.body.style.userSelect = '';\n\n            // Save width\n            const panelEl = document.getElementById('assistant-panel');\n            if (panelEl) {\n                localStorage.setItem(STORAGE_KEY, parseInt(panelEl.style.width, 10));\n            }\n        };\n\n        handle.addEventListener('mousedown', (e) => {\n            e.preventDefault();\n            startX = e.clientX;\n            const panelEl = document.getElementById('assistant-panel');\n            startWidth = panelEl ? panelEl.offsetWidth : 500;\n            document.body.style.cursor = 'col-resize';\n            document.body.style.userSelect = 'none';\n            document.addEventListener('mousemove', onMouseMove);\n            document.addEventListener('mouseup', onMouseUp);\n        });\n    }\n\n    // ── Actions ──────────────────────────────────────────────\n\n    onActionToggleHistory() {\n        this._toggleHistory(!this._showingHistory);\n    }\n\n    onActionNewConversation() {\n        this._onNewConversation();\n        if (this._showingHistory) this._toggleHistory(false);\n    }\n\n    onActionClosePanel() {\n        this.emit('panel:close');\n    }\n\n    onActionFullscreen() {\n        this.emit('panel:fullscreen', { conversationId: this.conversationId });\n    }\n\n    onActionPopOut() {\n        this.emit('panel:popout', { conversationId: this.conversationId });\n    }\n\n    onActionUseSuggestion(_event, element) {\n        const text = element.dataset.text || element.closest('[data-text]')?.dataset.text;\n        if (!text) return;\n\n        const textarea = this.element.querySelector('[data-ref=\"input\"]');\n        if (textarea) {\n            textarea.value = text;\n            this._autoResize(textarea);\n        }\n        this._sendMessage();\n    }\n\n    onActionSend() {\n        this._sendMessage();\n    }\n\n    onActionStop() {\n        this.chatView.hideThinking();\n        this._setInputEnabled(true);\n        this._showSystemMessage('Response cancelled.');\n        const textarea = this.element?.querySelector('[data-ref=\"input\"]');\n        if (textarea) textarea.focus();\n    }\n\n    // ── History Toggle ───────────────────────────────────────\n\n    _toggleHistory(show) {\n        this._showingHistory = show;\n        const history = this.element?.querySelector('[data-ref=\"history\"]');\n        const chat = this.element?.querySelector('[data-ref=\"chat-wrapper\"]');\n        const toggleBtn = this.element?.querySelector('[data-action=\"toggle-history\"] i');\n\n        if (history) history.classList.toggle('d-none', !show);\n        if (chat) chat.classList.toggle('d-none', show);\n        if (toggleBtn) toggleBtn.className = show ? 'bi bi-chat-dots' : 'bi bi-list';\n\n        if (show) {\n            this.conversationListView.refresh();\n        }\n    }\n\n    // ── Input Handling ───────────────────────────────────────\n\n    _autoResize(textarea) {\n        textarea.style.height = 'auto';\n        textarea.style.height = Math.min(textarea.scrollHeight, 200) + 'px';\n    }\n\n    _handleKeydown(e) {\n        if (e.key === 'Enter' && !e.shiftKey) {\n            e.preventDefault();\n            this._sendMessage();\n        }\n    }\n\n    async _sendMessage() {\n        const textarea = this.element.querySelector('[data-ref=\"input\"]');\n        if (!textarea) return;\n\n        const text = textarea.value.trim();\n        if (!text) return;\n\n        textarea.value = '';\n        textarea.style.height = 'auto';\n        this._showChatArea();\n        await this.chatView.adapter.addNote({ text, files: [] });\n    }\n\n    _showChatArea() {\n        if (this._hasMessages) return;\n        this._hasMessages = true;\n\n        const welcome = this.element.querySelector('[data-ref=\"welcome\"]');\n        const chatArea = this.element.querySelector('[data-container=\"chat-area\"]');\n        if (welcome) welcome.classList.add('d-none');\n        if (chatArea) chatArea.classList.remove('d-none');\n    }\n\n    _showWelcome() {\n        this._hasMessages = false;\n\n        const welcome = this.element.querySelector('[data-ref=\"welcome\"]');\n        const chatArea = this.element.querySelector('[data-container=\"chat-area\"]');\n        if (welcome) welcome.classList.remove('d-none');\n        if (chatArea) chatArea.classList.add('d-none');\n    }\n\n    _setInputEnabled(enabled, reason) {\n        const textarea = this.element?.querySelector('[data-ref=\"input\"]');\n        const sendBtn = this.element?.querySelector('[data-ref=\"send-btn\"]');\n        const stopBtn = this.element?.querySelector('[data-ref=\"stop-btn\"]');\n\n        if (textarea) textarea.disabled = !enabled;\n        if (sendBtn) sendBtn.classList.toggle('d-none', !enabled);\n        if (stopBtn) stopBtn.classList.toggle('d-none', enabled);\n\n        this._setInputStatus(enabled ? null : reason);\n\n        if (this._responseTimeout) clearTimeout(this._responseTimeout);\n        if (!enabled) {\n            this._responseTimeout = setTimeout(() => this._onResponseTimeout(), 60000);\n        } else {\n            this._requestStartTime = null;\n        }\n    }\n\n    _setInputStatus(message) {\n        const el = this.element?.querySelector('[data-ref=\"input-status\"]');\n        if (!el) return;\n        if (message) {\n            el.innerHTML = `${this._escapeHtml(message)} <span class=\"assistant-input-status-dismiss\">Click to dismiss</span>`;\n            el.classList.remove('d-none');\n            if (!el._hasDismiss) {\n                el._hasDismiss = true;\n                el.addEventListener('click', () => {\n                    this.chatView.hideThinking();\n                    this._setInputEnabled(true);\n                    const textarea = this.element?.querySelector('[data-ref=\"input\"]');\n                    if (textarea) textarea.focus();\n                });\n            }\n        } else {\n            el.classList.add('d-none');\n            el.innerHTML = '';\n        }\n    }\n\n    _onResponseTimeout() {\n        this._responseTimeout = null;\n        this.chatView.hideThinking();\n        this._setInputEnabled(true);\n        this._showSystemMessage('Request timed out. Please try again.');\n    }\n\n    // ── Title ────────────────────────────────────────────────\n\n    _updateTitle(title) {\n        const el = this.element?.querySelector('[data-ref=\"panel-title\"]');\n        if (!el) return;\n        el.textContent = title || (this.conversationId ? 'Assistant' : 'New conversation');\n    }\n\n    // ── Chat Adapter ─────────────────────────────────────────\n\n    _createAdapter() {\n        return {\n            fetch: async () => {\n                if (!this.conversationId) return [];\n                try {\n                    const conversation = new AssistantConversation({ id: this.conversationId });\n                    await conversation.fetch({ graph: 'detail' });\n                    const title = conversation.get('title') || conversation.get('summary');\n                    if (title) this._updateTitle(title);\n                    const messages = conversation.get('messages') || [];\n                    const transformed = messages.map(msg => this._transformMessage(msg)).filter(Boolean);\n                    return AssistantView._collapseMessages(transformed);\n                } catch (_err) {\n                    if (_err.status === 404) {\n                        this._onNewConversation();\n                        this._showSystemMessage('Conversation not found.');\n                    }\n                    return [];\n                }\n            },\n            addNote: async (data) => {\n                if (!data.text || !data.text.trim()) return { success: false };\n\n                const userMsg = {\n                    id: `local-${++this._messageIdCounter}`,\n                    role: 'user',\n                    author: {\n                        id: this.app?.activeUser?.id,\n                        name: this.app?.activeUser?.get('display_name') || 'You'\n                    },\n                    content: data.text,\n                    timestamp: new Date().toISOString()\n                };\n                this.chatView.addMessage(userMsg);\n\n                this.chatView.showThinking('Thinking...');\n                this._requestStartTime = Date.now();\n                this._setInputEnabled(false, 'Waiting for response…');\n\n                if (this.ws && this.ws.isConnected) {\n                    this.ws.send({\n                        type: 'assistant_message',\n                        message: data.text,\n                        conversation_id: this.conversationId\n                    });\n                } else {\n                    try {\n                        const resp = await this.app.rest.post('/api/assistant', {\n                            message: data.text,\n                            conversation_id: this.conversationId\n                        });\n                        const respData = resp?.data?.data || resp?.data || resp;\n                        if (respData.conversation_id) {\n                            this.conversationId = respData.conversation_id;\n                            this.app._assistantConversationId = this.conversationId;\n                        }\n                        if (respData.response) {\n                            this.chatView.addMessage(this._transformMessage(respData.response));\n                        }\n                        this._setInputEnabled(true);\n                    } catch (_err) {\n                        this._handleAPIError(_err);\n                    }\n                }\n\n                return { success: true };\n            }\n        };\n    }\n\n    // ── WebSocket Subscriptions ───────────────────────────────\n\n    _subscribeWS() {\n        if (!this.ws) return;\n\n        this._wsHandlers = {\n            thinking: (data) => this._onThinking(data),\n            text: (data) => this._onText(data),\n            tool_call: (data) => this._onToolCall(data),\n            response: (data) => this._onResponse(data),\n            error: (data) => this._onError(data),\n            plan: (data) => this._onPlan(data),\n            plan_update: (data) => this._onPlanUpdate(data),\n            message: (envelope) => this._dispatchWSMessage(envelope),\n            connected: () => this._updateConnectionStatus(),\n            disconnected: () => this._updateConnectionStatus(),\n            reconnecting: () => this._updateConnectionStatus()\n        };\n\n        this.ws.on('message:assistant_thinking', this._wsHandlers.thinking);\n        this.ws.on('message:assistant_text', this._wsHandlers.text);\n        this.ws.on('message:assistant_tool_call', this._wsHandlers.tool_call);\n        this.ws.on('message:assistant_response', this._wsHandlers.response);\n        this.ws.on('message:assistant_error', this._wsHandlers.error);\n        this.ws.on('message:assistant_plan', this._wsHandlers.plan);\n        this.ws.on('message:assistant_plan_update', this._wsHandlers.plan_update);\n        this.ws.on('message:message', this._wsHandlers.message);\n        this.ws.on('connected', this._wsHandlers.connected);\n        this.ws.on('disconnected', this._wsHandlers.disconnected);\n        this.ws.on('reconnecting', this._wsHandlers.reconnecting);\n    }\n\n    _unsubscribeWS() {\n        if (!this.ws || !this._wsHandlers) return;\n\n        this.ws.off('message:assistant_thinking', this._wsHandlers.thinking);\n        this.ws.off('message:assistant_text', this._wsHandlers.text);\n        this.ws.off('message:assistant_tool_call', this._wsHandlers.tool_call);\n        this.ws.off('message:assistant_response', this._wsHandlers.response);\n        this.ws.off('message:assistant_error', this._wsHandlers.error);\n        this.ws.off('message:assistant_plan', this._wsHandlers.plan);\n        this.ws.off('message:assistant_plan_update', this._wsHandlers.plan_update);\n        this.ws.off('message:message', this._wsHandlers.message);\n        this.ws.off('connected', this._wsHandlers.connected);\n        this.ws.off('disconnected', this._wsHandlers.disconnected);\n        this.ws.off('reconnecting', this._wsHandlers.reconnecting);\n\n        this._wsHandlers = {};\n    }\n\n    // ── WS Event Handlers ────────────────────────────────────\n\n    _dispatchWSMessage(envelope) {\n        const inner = envelope?.data;\n        if (!inner?.type) return;\n\n        switch (inner.type) {\n            case 'assistant_thinking':    this._onThinking(inner); break;\n            case 'assistant_text':        this._onText(inner); break;\n            case 'assistant_tool_call':   this._onToolCall(inner); break;\n            case 'assistant_response':    this._onResponse(inner); break;\n            case 'assistant_error':       this._onError(inner); break;\n            case 'assistant_plan':        this._onPlan(inner); break;\n            case 'assistant_plan_update': this._onPlanUpdate(inner); break;\n        }\n    }\n\n    _isMyConversation(data) {\n        if (!data.conversation_id) return true;\n        if (!this.conversationId) return true;\n        return String(data.conversation_id) === String(this.conversationId);\n    }\n\n    _adoptConversationId(data) {\n        if (data.conversation_id && !this.conversationId) {\n            this.conversationId = data.conversation_id;\n            this.app._assistantConversationId = this.conversationId;\n        }\n    }\n\n    _onThinking(data) {\n        if (!this._isMyConversation(data)) return;\n        this._adoptConversationId(data);\n        this._showChatArea();\n        this.chatView.showThinking('Thinking...');\n        this._setInputEnabled(false, 'Assistant is thinking…');\n    }\n\n    /**\n     * Intermediate prose alongside tool calls in the same turn. Renders as\n     * an assistant bubble, but does NOT clear the thinking indicator or\n     * re-enable input — `assistant_response` remains the terminal signal.\n     * @private\n     */\n    _onText(data) {\n        if (!this._isMyConversation(data)) return;\n        this._adoptConversationId(data);\n        // Server is still working — refresh the safety timeout.\n        this._resetResponseTimeout();\n\n        const msg = this._transformMessage({\n            id: data.message_id || `text-${++this._messageIdCounter}`,\n            role: 'assistant',\n            content: data.text || '',\n            blocks: data.blocks || [],\n            tool_calls: [],\n            created: data.created || data.timestamp || new Date().toISOString()\n        });\n\n        if (msg && (msg.content || msg.blocks?.length)) {\n            this.chatView.addMessage(msg);\n        }\n    }\n\n    _onToolCall(data) {\n        if (!this._isMyConversation(data)) return;\n        this.chatView.showThinking(`Using ${data.tool || data.name || 'tool'}...`);\n        this._resetResponseTimeout();\n    }\n\n    _resetResponseTimeout() {\n        if (this._responseTimeout) {\n            if (this._requestStartTime && (Date.now() - this._requestStartTime) >= 300000) {\n                this._onResponseTimeout();\n                return;\n            }\n            clearTimeout(this._responseTimeout);\n            this._responseTimeout = setTimeout(() => this._onResponseTimeout(), 60000);\n        }\n    }\n\n    _onResponse(data) {\n        if (!this._isMyConversation(data)) return;\n\n        this.chatView.hideThinking();\n        this._setInputEnabled(true);\n        this._adoptConversationId(data);\n\n        const textarea = this.element?.querySelector('[data-ref=\"input\"]');\n        if (textarea) textarea.focus();\n\n        const msg = this._transformMessage({\n            id: data.message_id || `resp-${++this._messageIdCounter}`,\n            role: 'assistant',\n            content: data.response || data.content || data.message || '',\n            blocks: data.blocks || [],\n            tool_calls: data.tool_calls_made || data.tool_calls || [],\n            created: data.created || data.timestamp || new Date().toISOString()\n        });\n\n        if (msg && (msg.content || msg.blocks?.length || msg.tool_calls?.length)) {\n            this.chatView.addMessage(msg);\n        }\n    }\n\n    _onError(data) {\n        if (!this._isMyConversation(data)) return;\n\n        this.chatView.hideThinking();\n        this._setInputEnabled(true);\n        this._adoptConversationId(data);\n\n        const errorText = data.error || data.message || 'An error occurred';\n        this._showSystemMessage(errorText);\n    }\n\n    _onPlan(data) {\n        if (!this._isMyConversation(data)) return;\n        this._adoptConversationId(data);\n        this._showChatArea();\n\n        const plan = data.plan;\n        if (!plan) return;\n\n        this._activePlans[plan.plan_id] = plan;\n\n        this.chatView.addMessage({\n            id: `plan-${plan.plan_id}`,\n            role: 'assistant',\n            author: { name: 'Assistant' },\n            content: '',\n            timestamp: new Date().toISOString(),\n            blocks: [{ type: 'progress', ...plan }],\n            tool_calls: []\n        });\n    }\n\n    _onPlanUpdate(data) {\n        if (!this._isMyConversation(data)) return;\n\n        const plan = this._activePlans[data.plan_id];\n        if (plan) {\n            const step = plan.steps.find(s => s.id === data.step_id);\n            if (step) {\n                step.status = data.status;\n                step.summary = data.summary;\n            }\n        }\n\n        const msgView = this.chatView.messageViews.get(`plan-${data.plan_id}`);\n        if (msgView?.updateProgressStep) {\n            msgView.updateProgressStep(data.plan_id, data.step_id, data.status, data.summary);\n        }\n        this._resetResponseTimeout();\n    }\n\n    // ── Conversation Management ──────────────────────────────\n\n    async _onConversationSelect(data) {\n        this.conversationId = data.id;\n        this.app._assistantConversationId = this.conversationId;\n        this.conversationListView.setActive(data.id);\n        this._showChatArea();\n        this._updateTitle(data.model?.get('title') || data.model?.get('summary'));\n        await this.chatView.refresh();\n    }\n\n    _onNewConversation() {\n        this.conversationId = null;\n        this.app._assistantConversationId = null;\n        this.conversationListView.setActive(null);\n        this.chatView.clearMessages();\n        this._setInputEnabled(true);\n        this._showWelcome();\n        this._updateTitle();\n\n        const textarea = this.element?.querySelector('[data-ref=\"input\"]');\n        if (textarea) textarea.focus();\n    }\n\n    _onConversationDeleted(data) {\n        if (String(data.id) === String(this.conversationId)) {\n            this._onNewConversation();\n        }\n    }\n\n    // ── Helpers ──────────────────────────────────────────────\n\n    _transformMessage(msg) {\n        if (msg.role === 'tool_result') return null;\n\n        let content = msg.content || msg.text || '';\n        let blocks = msg.blocks || [];\n        let toolCalls = msg.tool_calls || [];\n\n        if (toolCalls.length > 0) {\n            // Normalize WS `tool_calls_made` shape `{ tool, input }` → Anthropic `{ type, name, input }`\n            toolCalls = toolCalls.map(tc =>\n                (!tc.type && tc.tool)\n                    ? { type: 'tool_use', name: tc.tool, input: tc.input }\n                    : tc\n            );\n            const textParts = toolCalls\n                .filter(tc => tc.type === 'text' && tc.text)\n                .map(tc => tc.text);\n            if (!content && textParts.length > 0) {\n                content = textParts.join('\\n\\n');\n            }\n            toolCalls = toolCalls\n                .filter(tc => tc.type === 'tool_use')\n                .filter(tc => !AssistantView.INTERNAL_TOOLS.has(tc.name));\n        }\n\n        if (blocks.length === 0 && content.includes('assistant_block')) {\n            const parsed = AssistantView._parseBlocks(content);\n            content = parsed.content;\n            blocks = parsed.blocks;\n        }\n\n        const currentUserId = this.app?.activeUser?.id;\n\n        return {\n            id: msg.id,\n            role: msg.role || 'user',\n            author: msg.role === 'assistant'\n                ? { name: 'Assistant' }\n                : msg.author || {\n                    name: msg.user?.display_name || this.app?.activeUser?.get('display_name') || 'You',\n                    id: msg.user?.id || currentUserId\n                },\n            content,\n            timestamp: msg.created || msg.timestamp,\n            blocks,\n            tool_calls: toolCalls,\n            _conversationId: this.conversationId\n        };\n    }\n\n    _showSystemMessage(text) {\n        this._showChatArea();\n        this.chatView.addMessage({\n            id: `sys-${++this._messageIdCounter}`,\n            type: 'system_event',\n            content: text,\n            timestamp: new Date().toISOString()\n        });\n    }\n\n    _handleAPIError(_err) {\n        if (_err.status === 404) {\n            this._showSystemMessage('Assistant is not enabled on this server.');\n        } else if (_err.status === 503) {\n            this._showSystemMessage('LLM API key not configured. Contact your administrator.');\n        } else {\n            this._showSystemMessage('Failed to send message. Please try again.');\n        }\n        this._setInputEnabled(true);\n    }\n\n    _updateConnectionStatus() {\n        const dot = this.element?.querySelector('.status-dot');\n        if (!dot) return;\n\n        if (this.ws?.isConnected) {\n            dot.className = 'status-dot connected';\n            dot.title = 'Connected';\n            if (!this._responseTimeout) {\n                this._setInputEnabled(true);\n            } else {\n                this._setInputEnabled(false, 'Waiting for response…');\n            }\n        } else if (this.ws?.isReconnecting) {\n            dot.className = 'status-dot reconnecting';\n            dot.title = 'Reconnecting...';\n            this._setInputEnabled(false, 'Reconnecting…');\n            if (this._responseTimeout) {\n                clearTimeout(this._responseTimeout);\n                this._responseTimeout = null;\n            }\n        } else {\n            dot.className = 'status-dot disconnected';\n            dot.title = 'Disconnected';\n            this._setInputEnabled(false, 'Disconnected — reconnecting…');\n            if (this._responseTimeout) {\n                clearTimeout(this._responseTimeout);\n                this._responseTimeout = null;\n            }\n        }\n    }\n\n    _escapeHtml(text) {\n        const div = document.createElement('div');\n        div.textContent = text;\n        return div.innerHTML;\n    }\n\n    /**\n     * Focus the input textarea — called externally when reopening the panel.\n     */\n    focusInput() {\n        const textarea = this.element?.querySelector('[data-ref=\"input\"]');\n        if (textarea) textarea.focus();\n    }\n\n    async onBeforeDestroy() {\n        this._unsubscribeWS();\n        if (this._responseTimeout) {\n            clearTimeout(this._responseTimeout);\n            this._responseTimeout = null;\n        }\n    }\n}\n\nexport default AssistantPanelView;\n"],"names":["AssistantPanelView","View","constructor","options","super","className","this","app","ws","conversationId","_assistantConversationId","_wsHandlers","_messageIdCounter","_hasMessages","_activePlans","_requestStartTime","_showingHistory","getTemplate","_escapeHtml","activeUser","get","onInit","conversations","AssistantConversationList","params","user","id","conversationListView","AssistantConversationListView","containerId","collection","addChild","chatView","ChatView","theme","messageViewClass","AssistantMessageView","currentUserId","showFileInput","showInput","adapter","_createAdapter","origAddMessage","addMessage","bind","msg","scroll","role","content","blocks","length","hideThinking","_setInputEnabled","on","data","_onConversationSelect","_toggleHistory","_onNewConversation","_onConversationDeleted","_subscribeWS","onAfterRender","textarea","element","querySelector","addEventListener","_autoResize","e","_handleKeydown","setTimeout","focus","_showChatArea","refresh","_updateConnectionStatus","_updateTitle","_setupResizeHandle","handle","STORAGE_KEY","saved","localStorage","getItem","w","parseInt","panelEl","document","getElementById","style","width","startX","startWidth","onMouseMove","delta","clientX","newWidth","Math","min","max","onMouseUp","removeEventListener","body","cursor","userSelect","setItem","preventDefault","offsetWidth","onActionToggleHistory","onActionNewConversation","onActionClosePanel","emit","onActionFullscreen","onActionPopOut","onActionUseSuggestion","_event","text","dataset","closest","value","_sendMessage","onActionSend","onActionStop","_showSystemMessage","show","history","chat","toggleBtn","classList","toggle","height","scrollHeight","key","shiftKey","trim","addNote","files","welcome","chatArea","add","remove","_showWelcome","enabled","reason","sendBtn","stopBtn","disabled","_setInputStatus","_responseTimeout","clearTimeout","_onResponseTimeout","message","el","innerHTML","_hasDismiss","title","textContent","fetch","async","conversation","AssistantConversation","graph","transformed","map","_transformMessage","filter","Boolean","AssistantView","_collapseMessages","_err","status","success","userMsg","author","name","timestamp","Date","toISOString","showThinking","now","isConnected","send","type","conversation_id","resp","rest","post","respData","response","_handleAPIError","thinking","_onThinking","_onText","tool_call","_onToolCall","_onResponse","error","_onError","plan","_onPlan","plan_update","_onPlanUpdate","envelope","_dispatchWSMessage","connected","disconnected","reconnecting","_unsubscribeWS","off","inner","_isMyConversation","String","_adoptConversationId","_resetResponseTimeout","message_id","tool_calls","created","tool","tool_calls_made","errorText","plan_id","step","steps","find","s","step_id","summary","msgView","messageViews","updateProgressStep","setActive","model","clearMessages","toolCalls","tc","input","textParts","join","INTERNAL_TOOLS","has","includes","parsed","_parseBlocks","display_name","_conversationId","dot","isReconnecting","div","createElement","focusInput","onBeforeDestroy"],"mappings":"+NAgBA,MAAMA,2BAA2BC,EAAAA,KAC7B,WAAAC,CAAYC,EAAU,IAClBC,MAAM,CACFC,UAAW,0BACRF,IAGPG,KAAKC,IAAMJ,EAAQI,IACnBD,KAAKE,GAAKF,KAAKC,KAAKC,GACpBF,KAAKG,eAAiBN,EAAQM,gBAAkBH,KAAKC,KAAKG,0BAA4B,KACtFJ,KAAKK,YAAc,CAAA,EACnBL,KAAKM,kBAAoB,EACzBN,KAAKO,cAAe,EACpBP,KAAKQ,aAAe,CAAA,EACpBR,KAAKS,kBAAoB,KACzBT,KAAKU,iBAAkB,CAC3B,CAEA,WAAAC,GAKI,MAAO,slEAJUX,KAAKY,YAClBZ,KAAKC,KAAKY,YAAYC,IAAI,eAAiB,szEAuEnD,CAEA,YAAMC,GAEFf,KAAKgB,cAAgB,IAAIC,4BACzBjB,KAAKgB,cAAcE,OAAOC,KAAOnB,KAAKC,KAAKY,YAAYO,GACvDpB,KAAKqB,qBAAuB,IAAIC,gCAA8B,CAC1DC,YAAa,oBACbC,WAAYxB,KAAKgB,gBAErBhB,KAAKyB,SAASzB,KAAKqB,sBAGnBrB,KAAK0B,SAAW,IAAIC,WAAS,CACzBJ,YAAa,YACbK,MAAO,UACPC,iBAAkBC,EAAAA,qBAClBC,cAAe/B,KAAKC,KAAKY,YAAYO,GACrCY,eAAe,EACfC,WAAW,EACXC,QAASlC,KAAKmC,mBAElBnC,KAAKyB,SAASzB,KAAK0B,UAGnB,MAAMU,EAAiBpC,KAAK0B,SAASW,WAAWC,KAAKtC,KAAK0B,UAC1D1B,KAAK0B,SAASW,WAAa,CAACE,EAAKC,KAC7BJ,EAAeG,EAAKC,GACH,cAAbD,EAAIE,OAAyBF,EAAIG,SAAWH,EAAII,QAAQC,UACxD5C,KAAK0B,SAASmB,eACd7C,KAAK8C,kBAAiB,KAK9B9C,KAAKqB,qBAAqB0B,GAAG,sBAAwBC,IACjDhD,KAAKiD,sBAAsBD,GAC3BhD,KAAKkD,gBAAe,KAExBlD,KAAKqB,qBAAqB0B,GAAG,mBAAoB,KAC7C/C,KAAKmD,qBACLnD,KAAKkD,gBAAe,KAExBlD,KAAKqB,qBAAqB0B,GAAG,uBAAyBC,GAAShD,KAAKoD,uBAAuBJ,IAE3FhD,KAAKqD,cACT,CAEA,mBAAMC,SACIxD,MAAMwD,gBAEZ,MAAMC,EAAWvD,KAAKwD,QAAQC,cAAc,sBACxCF,IACAA,EAASG,iBAAiB,QAAS,IAAM1D,KAAK2D,YAAYJ,IAC1DA,EAASG,iBAAiB,UAAYE,GAAM5D,KAAK6D,eAAeD,IAChEE,WAAW,IAAMP,EAASQ,QAAS,MAInC/D,KAAKG,iBACLH,KAAKgE,sBACChE,KAAK0B,SAASuC,WAGxBjE,KAAKkE,0BACLlE,KAAKmE,eACLnE,KAAKoE,oBACT,CAIA,kBAAAA,GACI,MAAMC,EAASrE,KAAKwD,SAASC,cAAc,8BAC3C,IAAKY,EAAQ,OAEb,MAEMC,EAAc,6BAGdC,EAAQC,aAAaC,QAAQH,GACnC,GAAIC,EAAO,CACP,MAAMG,EAAIC,SAASJ,EAAO,IAC1B,GAAIG,GARU,KAQQA,GAPR,IAOwB,CAClC,MAAME,EAAUC,SAASC,eAAe,mBACpCF,IAASA,EAAQG,MAAMC,MAAQN,EAAI,KAC3C,CACJ,CAEA,IAAIO,EAAQC,EAEZ,MAAMC,EAAevB,IACjB,MAAMwB,EAAQH,EAASrB,EAAEyB,QACnBC,EAAWC,KAAKC,IAjBR,IAiBuBD,KAAKE,IAlB5B,IAkB2CP,EAAaE,IAChER,EAAUC,SAASC,eAAe,mBACpCF,IAASA,EAAQG,MAAMC,MAAQM,EAAW,OAG5CI,EAAY,KACdb,SAASc,oBAAoB,YAAaR,GAC1CN,SAASc,oBAAoB,UAAWD,GACxCb,SAASe,KAAKb,MAAMc,OAAS,GAC7BhB,SAASe,KAAKb,MAAMe,WAAa,GAGjC,MAAMlB,EAAUC,SAASC,eAAe,mBACpCF,GACAJ,aAAauB,QAAQzB,EAAaK,SAASC,EAAQG,MAAMC,MAAO,MAIxEX,EAAOX,iBAAiB,YAAcE,IAClCA,EAAEoC,iBACFf,EAASrB,EAAEyB,QACX,MAAMT,EAAUC,SAASC,eAAe,mBACxCI,EAAaN,EAAUA,EAAQqB,YAAc,IAC7CpB,SAASe,KAAKb,MAAMc,OAAS,aAC7BhB,SAASe,KAAKb,MAAMe,WAAa,OACjCjB,SAASnB,iBAAiB,YAAayB,GACvCN,SAASnB,iBAAiB,UAAWgC,IAE7C,CAIA,qBAAAQ,GACIlG,KAAKkD,gBAAgBlD,KAAKU,gBAC9B,CAEA,uBAAAyF,GACInG,KAAKmD,qBACDnD,KAAKU,iBAAiBV,KAAKkD,gBAAe,EAClD,CAEA,kBAAAkD,GACIpG,KAAKqG,KAAK,cACd,CAEA,kBAAAC,GACItG,KAAKqG,KAAK,mBAAoB,CAAElG,eAAgBH,KAAKG,gBACzD,CAEA,cAAAoG,GACIvG,KAAKqG,KAAK,eAAgB,CAAElG,eAAgBH,KAAKG,gBACrD,CAEA,qBAAAqG,CAAsBC,EAAQjD,GAC1B,MAAMkD,EAAOlD,EAAQmD,QAAQD,MAAQlD,EAAQoD,QAAQ,gBAAgBD,QAAQD,KAC7E,IAAKA,EAAM,OAEX,MAAMnD,EAAWvD,KAAKwD,QAAQC,cAAc,sBACxCF,IACAA,EAASsD,MAAQH,EACjB1G,KAAK2D,YAAYJ,IAErBvD,KAAK8G,cACT,CAEA,YAAAC,GACI/G,KAAK8G,cACT,CAEA,YAAAE,GACIhH,KAAK0B,SAASmB,eACd7C,KAAK8C,kBAAiB,GACtB9C,KAAKiH,mBAAmB,uBACxB,MAAM1D,EAAWvD,KAAKwD,SAASC,cAAc,sBACzCF,KAAmBQ,OAC3B,CAIA,cAAAb,CAAegE,GACXlH,KAAKU,gBAAkBwG,EACvB,MAAMC,EAAUnH,KAAKwD,SAASC,cAAc,wBACtC2D,EAAOpH,KAAKwD,SAASC,cAAc,6BACnC4D,EAAYrH,KAAKwD,SAASC,cAAc,oCAE1C0D,GAASA,EAAQG,UAAUC,OAAO,UAAWL,GAC7CE,GAAMA,EAAKE,UAAUC,OAAO,SAAUL,GACtCG,IAAWA,EAAUtH,UAAYmH,EAAO,kBAAoB,cAE5DA,GACAlH,KAAKqB,qBAAqB4C,SAElC,CAIA,WAAAN,CAAYJ,GACRA,EAASwB,MAAMyC,OAAS,OACxBjE,EAASwB,MAAMyC,OAASjC,KAAKC,IAAIjC,EAASkE,aAAc,KAAO,IACnE,CAEA,cAAA5D,CAAeD,GACG,UAAVA,EAAE8D,KAAoB9D,EAAE+D,WACxB/D,EAAEoC,iBACFhG,KAAK8G,eAEb,CAEA,kBAAMA,GACF,MAAMvD,EAAWvD,KAAKwD,QAAQC,cAAc,sBAC5C,IAAKF,EAAU,OAEf,MAAMmD,EAAOnD,EAASsD,MAAMe,OACvBlB,IAELnD,EAASsD,MAAQ,GACjBtD,EAASwB,MAAMyC,OAAS,OACxBxH,KAAKgE,sBACChE,KAAK0B,SAASQ,QAAQ2F,QAAQ,CAAEnB,OAAMoB,MAAO,KACvD,CAEA,aAAA9D,GACI,GAAIhE,KAAKO,aAAc,OACvBP,KAAKO,cAAe,EAEpB,MAAMwH,EAAU/H,KAAKwD,QAAQC,cAAc,wBACrCuE,EAAWhI,KAAKwD,QAAQC,cAAc,gCACxCsE,GAASA,EAAQT,UAAUW,IAAI,UAC/BD,GAAUA,EAASV,UAAUY,OAAO,SAC5C,CAEA,YAAAC,GACInI,KAAKO,cAAe,EAEpB,MAAMwH,EAAU/H,KAAKwD,QAAQC,cAAc,wBACrCuE,EAAWhI,KAAKwD,QAAQC,cAAc,gCACxCsE,GAASA,EAAQT,UAAUY,OAAO,UAClCF,GAAUA,EAASV,UAAUW,IAAI,SACzC,CAEA,gBAAAnF,CAAiBsF,EAASC,GACtB,MAAM9E,EAAWvD,KAAKwD,SAASC,cAAc,sBACvC6E,EAAUtI,KAAKwD,SAASC,cAAc,yBACtC8E,EAAUvI,KAAKwD,SAASC,cAAc,yBAExCF,IAAUA,EAASiF,UAAYJ,GAC/BE,GAASA,EAAQhB,UAAUC,OAAO,UAAWa,GAC7CG,GAASA,EAAQjB,UAAUC,OAAO,SAAUa,GAEhDpI,KAAKyI,gBAAgBL,EAAU,KAAOC,GAElCrI,KAAK0I,kBAAkBC,aAAa3I,KAAK0I,kBACxCN,EAGDpI,KAAKS,kBAAoB,KAFzBT,KAAK0I,iBAAmB5E,WAAW,IAAM9D,KAAK4I,qBAAsB,IAI5E,CAEA,eAAAH,CAAgBI,GACZ,MAAMC,EAAK9I,KAAKwD,SAASC,cAAc,6BAClCqF,IACDD,GACAC,EAAGC,UAAY,GAAG/I,KAAKY,YAAYiI,0EACnCC,EAAGxB,UAAUY,OAAO,UACfY,EAAGE,cACJF,EAAGE,aAAc,EACjBF,EAAGpF,iBAAiB,QAAS,KACzB1D,KAAK0B,SAASmB,eACd7C,KAAK8C,kBAAiB,GACtB,MAAMS,EAAWvD,KAAKwD,SAASC,cAAc,sBACzCF,KAAmBQ,aAI/B+E,EAAGxB,UAAUW,IAAI,UACjBa,EAAGC,UAAY,IAEvB,CAEA,kBAAAH,GACI5I,KAAK0I,iBAAmB,KACxB1I,KAAK0B,SAASmB,eACd7C,KAAK8C,kBAAiB,GACtB9C,KAAKiH,mBAAmB,uCAC5B,CAIA,YAAA9C,CAAa8E,GACT,MAAMH,EAAK9I,KAAKwD,SAASC,cAAc,4BAClCqF,IACLA,EAAGI,YAAcD,IAAUjJ,KAAKG,eAAiB,YAAc,oBACnE,CAIA,cAAAgC,GACI,MAAO,CACHgH,MAAOC,UACH,IAAKpJ,KAAKG,eAAgB,MAAO,GACjC,IACI,MAAMkJ,EAAe,IAAIC,EAAAA,UAAsB,CAAElI,GAAIpB,KAAKG,uBACpDkJ,EAAaF,MAAM,CAAEI,MAAO,WAClC,MAAMN,EAAQI,EAAavI,IAAI,UAAYuI,EAAavI,IAAI,WACxDmI,GAAOjJ,KAAKmE,aAAa8E,GAC7B,MACMO,GADWH,EAAavI,IAAI,aAAe,IACpB2I,IAAIlH,GAAOvC,KAAK0J,kBAAkBnH,IAAMoH,OAAOC,SAC5E,OAAOC,EAAAA,cAAcC,kBAAkBN,EAC3C,OAASO,GAKL,OAJoB,MAAhBA,EAAKC,SACLhK,KAAKmD,qBACLnD,KAAKiH,mBAAmB,4BAErB,EACX,GAEJY,QAASuB,MAAOpG,IACZ,IAAKA,EAAK0D,OAAS1D,EAAK0D,KAAKkB,OAAQ,MAAO,CAAEqC,SAAS,GAEvD,MAAMC,EAAU,CACZ9I,GAAI,YAAWpB,KAAKM,kBACpBmC,KAAM,OACN0H,OAAQ,CACJ/I,GAAIpB,KAAKC,KAAKY,YAAYO,GAC1BgJ,KAAMpK,KAAKC,KAAKY,YAAYC,IAAI,iBAAmB,OAEvD4B,QAASM,EAAK0D,KACd2D,0BAAA,IAAeC,MAAOC,eAQ1B,GANAvK,KAAK0B,SAASW,WAAW6H,GAEzBlK,KAAK0B,SAAS8I,aAAa,eAC3BxK,KAAKS,kBAAoB6J,KAAKG,MAC9BzK,KAAK8C,kBAAiB,EAAO,yBAEzB9C,KAAKE,IAAMF,KAAKE,GAAGwK,YACnB1K,KAAKE,GAAGyK,KAAK,CACTC,KAAM,oBACN/B,QAAS7F,EAAK0D,KACdmE,gBAAiB7K,KAAKG,sBAG1B,IACI,MAAM2K,QAAa9K,KAAKC,IAAI8K,KAAKC,KAAK,iBAAkB,CACpDnC,QAAS7F,EAAK0D,KACdmE,gBAAiB7K,KAAKG,iBAEpB8K,EAAWH,GAAM9H,MAAMA,MAAQ8H,GAAM9H,MAAQ8H,EAC/CG,EAASJ,kBACT7K,KAAKG,eAAiB8K,EAASJ,gBAC/B7K,KAAKC,IAAIG,yBAA2BJ,KAAKG,gBAEzC8K,EAASC,UACTlL,KAAK0B,SAASW,WAAWrC,KAAK0J,kBAAkBuB,EAASC,WAE7DlL,KAAK8C,kBAAiB,EAC1B,OAASiH,GACL/J,KAAKmL,gBAAgBpB,EACzB,CAGJ,MAAO,CAAEE,SAAS,IAG9B,CAIA,YAAA5G,GACSrD,KAAKE,KAEVF,KAAKK,YAAc,CACf+K,SAAWpI,GAAShD,KAAKqL,YAAYrI,GACrC0D,KAAO1D,GAAShD,KAAKsL,QAAQtI,GAC7BuI,UAAYvI,GAAShD,KAAKwL,YAAYxI,GACtCkI,SAAWlI,GAAShD,KAAKyL,YAAYzI,GACrC0I,MAAQ1I,GAAShD,KAAK2L,SAAS3I,GAC/B4I,KAAO5I,GAAShD,KAAK6L,QAAQ7I,GAC7B8I,YAAc9I,GAAShD,KAAK+L,cAAc/I,GAC1C6F,QAAUmD,GAAahM,KAAKiM,mBAAmBD,GAC/CE,UAAW,IAAMlM,KAAKkE,0BACtBiI,aAAc,IAAMnM,KAAKkE,0BACzBkI,aAAc,IAAMpM,KAAKkE,2BAG7BlE,KAAKE,GAAG6C,GAAG,6BAA8B/C,KAAKK,YAAY+K,UAC1DpL,KAAKE,GAAG6C,GAAG,yBAA0B/C,KAAKK,YAAYqG,MACtD1G,KAAKE,GAAG6C,GAAG,8BAA+B/C,KAAKK,YAAYkL,WAC3DvL,KAAKE,GAAG6C,GAAG,6BAA8B/C,KAAKK,YAAY6K,UAC1DlL,KAAKE,GAAG6C,GAAG,0BAA2B/C,KAAKK,YAAYqL,OACvD1L,KAAKE,GAAG6C,GAAG,yBAA0B/C,KAAKK,YAAYuL,MACtD5L,KAAKE,GAAG6C,GAAG,gCAAiC/C,KAAKK,YAAYyL,aAC7D9L,KAAKE,GAAG6C,GAAG,kBAAmB/C,KAAKK,YAAYwI,SAC/C7I,KAAKE,GAAG6C,GAAG,YAAa/C,KAAKK,YAAY6L,WACzClM,KAAKE,GAAG6C,GAAG,eAAgB/C,KAAKK,YAAY8L,cAC5CnM,KAAKE,GAAG6C,GAAG,eAAgB/C,KAAKK,YAAY+L,cAChD,CAEA,cAAAC,GACSrM,KAAKE,IAAOF,KAAKK,cAEtBL,KAAKE,GAAGoM,IAAI,6BAA8BtM,KAAKK,YAAY+K,UAC3DpL,KAAKE,GAAGoM,IAAI,yBAA0BtM,KAAKK,YAAYqG,MACvD1G,KAAKE,GAAGoM,IAAI,8BAA+BtM,KAAKK,YAAYkL,WAC5DvL,KAAKE,GAAGoM,IAAI,6BAA8BtM,KAAKK,YAAY6K,UAC3DlL,KAAKE,GAAGoM,IAAI,0BAA2BtM,KAAKK,YAAYqL,OACxD1L,KAAKE,GAAGoM,IAAI,yBAA0BtM,KAAKK,YAAYuL,MACvD5L,KAAKE,GAAGoM,IAAI,gCAAiCtM,KAAKK,YAAYyL,aAC9D9L,KAAKE,GAAGoM,IAAI,kBAAmBtM,KAAKK,YAAYwI,SAChD7I,KAAKE,GAAGoM,IAAI,YAAatM,KAAKK,YAAY6L,WAC1ClM,KAAKE,GAAGoM,IAAI,eAAgBtM,KAAKK,YAAY8L,cAC7CnM,KAAKE,GAAGoM,IAAI,eAAgBtM,KAAKK,YAAY+L,cAE7CpM,KAAKK,YAAc,CAAA,EACvB,CAIA,kBAAA4L,CAAmBD,GACf,MAAMO,EAAQP,GAAUhJ,KACxB,GAAKuJ,GAAO3B,KAEZ,OAAQ2B,EAAM3B,MACV,IAAK,qBAAyB5K,KAAKqL,YAAYkB,GAAQ,MACvD,IAAK,iBAAyBvM,KAAKsL,QAAQiB,GAAQ,MACnD,IAAK,sBAAyBvM,KAAKwL,YAAYe,GAAQ,MACvD,IAAK,qBAAyBvM,KAAKyL,YAAYc,GAAQ,MACvD,IAAK,kBAAyBvM,KAAK2L,SAASY,GAAQ,MACpD,IAAK,iBAAyBvM,KAAK6L,QAAQU,GAAQ,MACnD,IAAK,wBAAyBvM,KAAK+L,cAAcQ,GAEzD,CAEA,iBAAAC,CAAkBxJ,GACd,OAAKA,EAAK6H,kBACL7K,KAAKG,gBACHsM,OAAOzJ,EAAK6H,mBAAqB4B,OAAOzM,KAAKG,eACxD,CAEA,oBAAAuM,CAAqB1J,GACbA,EAAK6H,kBAAoB7K,KAAKG,iBAC9BH,KAAKG,eAAiB6C,EAAK6H,gBAC3B7K,KAAKC,IAAIG,yBAA2BJ,KAAKG,eAEjD,CAEA,WAAAkL,CAAYrI,GACHhD,KAAKwM,kBAAkBxJ,KAC5BhD,KAAK0M,qBAAqB1J,GAC1BhD,KAAKgE,gBACLhE,KAAK0B,SAAS8I,aAAa,eAC3BxK,KAAK8C,kBAAiB,EAAO,0BACjC,CAQA,OAAAwI,CAAQtI,GACJ,IAAKhD,KAAKwM,kBAAkBxJ,GAAO,OACnChD,KAAK0M,qBAAqB1J,GAE1BhD,KAAK2M,wBAEL,MAAMpK,EAAMvC,KAAK0J,kBAAkB,CAC/BtI,GAAI4B,EAAK4J,YAAc,WAAU5M,KAAKM,kBACtCmC,KAAM,YACNC,QAASM,EAAK0D,MAAQ,GACtB/D,OAAQK,EAAKL,QAAU,GACvBkK,WAAY,GACZC,QAAS9J,EAAK8J,SAAW9J,EAAKqH,+BAAiBC,MAAOC,gBAGtDhI,IAAQA,EAAIG,SAAWH,EAAII,QAAQC,SACnC5C,KAAK0B,SAASW,WAAWE,EAEjC,CAEA,WAAAiJ,CAAYxI,GACHhD,KAAKwM,kBAAkBxJ,KAC5BhD,KAAK0B,SAAS8I,aAAa,SAASxH,EAAK+J,MAAQ/J,EAAKoH,MAAQ,aAC9DpK,KAAK2M,wBACT,CAEA,qBAAAA,GACI,GAAI3M,KAAK0I,iBAAkB,CACvB,GAAI1I,KAAKS,mBAAsB6J,KAAKG,MAAQzK,KAAKS,mBAAsB,IAEnE,YADAT,KAAK4I,qBAGTD,aAAa3I,KAAK0I,kBAClB1I,KAAK0I,iBAAmB5E,WAAW,IAAM9D,KAAK4I,qBAAsB,IACxE,CACJ,CAEA,WAAA6C,CAAYzI,GACR,IAAKhD,KAAKwM,kBAAkBxJ,GAAO,OAEnChD,KAAK0B,SAASmB,eACd7C,KAAK8C,kBAAiB,GACtB9C,KAAK0M,qBAAqB1J,GAE1B,MAAMO,EAAWvD,KAAKwD,SAASC,cAAc,sBACzCF,KAAmBQ,QAEvB,MAAMxB,EAAMvC,KAAK0J,kBAAkB,CAC/BtI,GAAI4B,EAAK4J,YAAc,WAAU5M,KAAKM,kBACtCmC,KAAM,YACNC,QAASM,EAAKkI,UAAYlI,EAAKN,SAAWM,EAAK6F,SAAW,GAC1DlG,OAAQK,EAAKL,QAAU,GACvBkK,WAAY7J,EAAKgK,iBAAmBhK,EAAK6J,YAAc,GACvDC,QAAS9J,EAAK8J,SAAW9J,EAAKqH,+BAAiBC,MAAOC,gBAGtDhI,IAAQA,EAAIG,SAAWH,EAAII,QAAQC,QAAUL,EAAIsK,YAAYjK,SAC7D5C,KAAK0B,SAASW,WAAWE,EAEjC,CAEA,QAAAoJ,CAAS3I,GACL,IAAKhD,KAAKwM,kBAAkBxJ,GAAO,OAEnChD,KAAK0B,SAASmB,eACd7C,KAAK8C,kBAAiB,GACtB9C,KAAK0M,qBAAqB1J,GAE1B,MAAMiK,EAAYjK,EAAK0I,OAAS1I,EAAK6F,SAAW,oBAChD7I,KAAKiH,mBAAmBgG,EAC5B,CAEA,OAAApB,CAAQ7I,GACJ,IAAKhD,KAAKwM,kBAAkBxJ,GAAO,OACnChD,KAAK0M,qBAAqB1J,GAC1BhD,KAAKgE,gBAEL,MAAM4H,EAAO5I,EAAK4I,KACbA,IAEL5L,KAAKQ,aAAaoL,EAAKsB,SAAWtB,EAElC5L,KAAK0B,SAASW,WAAW,CACrBjB,GAAI,QAAQwK,EAAKsB,UACjBzK,KAAM,YACN0H,OAAQ,CAAEC,KAAM,aAChB1H,QAAS,GACT2H,0BAAA,IAAeC,MAAOC,cACtB5H,OAAQ,CAAC,CAAEiI,KAAM,cAAegB,IAChCiB,WAAY,KAEpB,CAEA,aAAAd,CAAc/I,GACV,IAAKhD,KAAKwM,kBAAkBxJ,GAAO,OAEnC,MAAM4I,EAAO5L,KAAKQ,aAAawC,EAAKkK,SACpC,GAAItB,EAAM,CACN,MAAMuB,EAAOvB,EAAKwB,MAAMC,QAAUC,EAAElM,KAAO4B,EAAKuK,SAC5CJ,IACAA,EAAKnD,OAAShH,EAAKgH,OACnBmD,EAAKK,QAAUxK,EAAKwK,QAE5B,CAEA,MAAMC,EAAUzN,KAAK0B,SAASgM,aAAa5M,IAAI,QAAQkC,EAAKkK,WACxDO,GAASE,oBACTF,EAAQE,mBAAmB3K,EAAKkK,QAASlK,EAAKuK,QAASvK,EAAKgH,OAAQhH,EAAKwK,SAE7ExN,KAAK2M,uBACT,CAIA,2BAAM1J,CAAsBD,GACxBhD,KAAKG,eAAiB6C,EAAK5B,GAC3BpB,KAAKC,IAAIG,yBAA2BJ,KAAKG,eACzCH,KAAKqB,qBAAqBuM,UAAU5K,EAAK5B,IACzCpB,KAAKgE,gBACLhE,KAAKmE,aAAanB,EAAK6K,OAAO/M,IAAI,UAAYkC,EAAK6K,OAAO/M,IAAI,kBACxDd,KAAK0B,SAASuC,SACxB,CAEA,kBAAAd,GACInD,KAAKG,eAAiB,KACtBH,KAAKC,IAAIG,yBAA2B,KACpCJ,KAAKqB,qBAAqBuM,UAAU,MACpC5N,KAAK0B,SAASoM,gBACd9N,KAAK8C,kBAAiB,GACtB9C,KAAKmI,eACLnI,KAAKmE,eAEL,MAAMZ,EAAWvD,KAAKwD,SAASC,cAAc,sBACzCF,KAAmBQ,OAC3B,CAEA,sBAAAX,CAAuBJ,GACfyJ,OAAOzJ,EAAK5B,MAAQqL,OAAOzM,KAAKG,iBAChCH,KAAKmD,oBAEb,CAIA,iBAAAuG,CAAkBnH,GACd,GAAiB,gBAAbA,EAAIE,KAAwB,OAAO,KAEvC,IAAIC,EAAUH,EAAIG,SAAWH,EAAImE,MAAQ,GACrC/D,EAASJ,EAAII,QAAU,GACvBoL,EAAYxL,EAAIsK,YAAc,GAElC,GAAIkB,EAAUnL,OAAS,EAAG,CAEtBmL,EAAYA,EAAUtE,IAAIuE,IACpBA,EAAGpD,MAAQoD,EAAGjB,KACV,CAAEnC,KAAM,WAAYR,KAAM4D,EAAGjB,KAAMkB,MAAOD,EAAGC,OAC7CD,GAEV,MAAME,EAAYH,EACbpE,OAAOqE,GAAkB,SAAZA,EAAGpD,MAAmBoD,EAAGtH,MACtC+C,IAAIuE,GAAMA,EAAGtH,OACbhE,GAAWwL,EAAUtL,OAAS,IAC/BF,EAAUwL,EAAUC,KAAK,SAE7BJ,EAAYA,EACPpE,OAAOqE,GAAkB,aAAZA,EAAGpD,MAChBjB,OAAOqE,IAAOnE,EAAAA,cAAcuE,eAAeC,IAAIL,EAAG5D,MAC3D,CAEA,GAAsB,IAAlBzH,EAAOC,QAAgBF,EAAQ4L,SAAS,mBAAoB,CAC5D,MAAMC,EAAS1E,EAAAA,cAAc2E,aAAa9L,GAC1CA,EAAU6L,EAAO7L,QACjBC,EAAS4L,EAAO5L,MACpB,CAEA,MAAMZ,EAAgB/B,KAAKC,KAAKY,YAAYO,GAE5C,MAAO,CACHA,GAAImB,EAAInB,GACRqB,KAAMF,EAAIE,MAAQ,OAClB0H,OAAqB,cAAb5H,EAAIE,KACN,CAAE2H,KAAM,aACR7H,EAAI4H,QAAU,CACZC,KAAM7H,EAAIpB,MAAMsN,cAAgBzO,KAAKC,KAAKY,YAAYC,IAAI,iBAAmB,MAC7EM,GAAImB,EAAIpB,MAAMC,IAAMW,GAE5BW,UACA2H,UAAW9H,EAAIuK,SAAWvK,EAAI8H,UAC9B1H,SACAkK,WAAYkB,EACZW,gBAAiB1O,KAAKG,eAE9B,CAEA,kBAAA8G,CAAmBP,GACf1G,KAAKgE,gBACLhE,KAAK0B,SAASW,WAAW,CACrBjB,GAAI,UAASpB,KAAKM,kBAClBsK,KAAM,eACNlI,QAASgE,EACT2D,0BAAA,IAAeC,MAAOC,eAE9B,CAEA,eAAAY,CAAgBpB,GACQ,MAAhBA,EAAKC,OACLhK,KAAKiH,mBAAmB,4CACD,MAAhB8C,EAAKC,OACZhK,KAAKiH,mBAAmB,2DAExBjH,KAAKiH,mBAAmB,6CAE5BjH,KAAK8C,kBAAiB,EAC1B,CAEA,uBAAAoB,GACI,MAAMyK,EAAM3O,KAAKwD,SAASC,cAAc,eACnCkL,IAED3O,KAAKE,IAAIwK,aACTiE,EAAI5O,UAAY,uBAChB4O,EAAI1F,MAAQ,YACPjJ,KAAK0I,iBAGN1I,KAAK8C,kBAAiB,EAAO,yBAF7B9C,KAAK8C,kBAAiB,IAInB9C,KAAKE,IAAI0O,gBAChBD,EAAI5O,UAAY,0BAChB4O,EAAI1F,MAAQ,kBACZjJ,KAAK8C,kBAAiB,EAAO,iBACzB9C,KAAK0I,mBACLC,aAAa3I,KAAK0I,kBAClB1I,KAAK0I,iBAAmB,QAG5BiG,EAAI5O,UAAY,0BAChB4O,EAAI1F,MAAQ,eACZjJ,KAAK8C,kBAAiB,EAAO,gCACzB9C,KAAK0I,mBACLC,aAAa3I,KAAK0I,kBAClB1I,KAAK0I,iBAAmB,OAGpC,CAEA,WAAA9H,CAAY8F,GACR,MAAMmI,EAAMhK,SAASiK,cAAc,OAEnC,OADAD,EAAI3F,YAAcxC,EACXmI,EAAI9F,SACf,CAKA,UAAAgG,GACI,MAAMxL,EAAWvD,KAAKwD,SAASC,cAAc,sBACzCF,KAAmBQ,OAC3B,CAEA,qBAAMiL,GACFhP,KAAKqM,iBACDrM,KAAK0I,mBACLC,aAAa3I,KAAK0I,kBAClB1I,KAAK0I,iBAAmB,KAEhC"}

package/dist/chunks/Modal-BRKy85bz.js

@@ -1,3 +0,0 @@
-"use strict";const e=require("./View-IgBQlwd0.js"),t=require("./Collection-7F3lsq4z.js"),i=require("./User-BmS8zImI.js");class ToastService{constructor(e={}){this.options={containerId:"toast-container",position:"top-end",autohide:!0,defaultDelay:3e3,maxToasts:5,...e},this.toasts=/* @__PURE__ */new Map,this.toastCounter=0,this.init()}init(){this.createContainer()}createContainer(){let e=document.getElementById(this.options.containerId);e||(e=document.createElement("div"),e.id=this.options.containerId,e.className=`toast-container position-fixed ${this.getPositionClasses()}`,e.style.zIndex="1070",e.setAttribute("aria-live","polite"),e.setAttribute("aria-atomic","true"),document.body.appendChild(e)),this.container=e}getPositionClasses(){const e={"top-start":"top-0 start-0 p-3","top-center":"top-0 start-50 translate-middle-x p-3","top-end":"top-0 end-0 p-3","middle-start":"top-50 start-0 translate-middle-y p-3","middle-center":"top-50 start-50 translate-middle p-3","middle-end":"top-50 end-0 translate-middle-y p-3","bottom-start":"bottom-0 start-0 p-3","bottom-center":"bottom-0 start-50 translate-middle-x p-3","bottom-end":"bottom-0 end-0 p-3"};return e[this.options.position]||e["top-end"]}success(e,t={}){return this.show(e,"success",{icon:"bi-check-circle-fill",...t})}error(e,t={}){return this.show(e,"error",{icon:"bi-exclamation-triangle-fill",autohide:!0,...t})}info(e,t={}){return this.show(e,"info",{icon:"bi-info-circle-fill",...t})}warning(e,t={}){return this.show(e,"warning",{icon:"bi-exclamation-triangle-fill",...t})}plain(e,t={}){return this.show(e,"plain",{...t})}show(e,t="info",i={}){this.enforceMaxToasts();const o="toast-"+ ++this.toastCounter,s={title:this.getDefaultTitle(t),icon:this.getDefaultIcon(t),autohide:this.options.autohide,delay:this.options.defaultDelay,dismissible:!0,...i},n=this.createToastElement(o,e,t,s);if(this.container.appendChild(n),"undefined"==typeof bootstrap)throw new Error("Bootstrap is required for ToastService. Make sure Bootstrap 5 is loaded.");const a=new bootstrap.Toast(n,{autohide:s.autohide,delay:s.delay});return this.toasts.set(o,{element:n,bootstrap:a,type:t,message:e}),n.addEventListener("hidden.bs.toast",()=>{this.cleanup(o)}),a.show(),{id:o,hide:()=>{try{a.hide()}catch(e){console.warn("Error hiding toast:",e)}},dispose:()=>this.cleanup(o),updateProgress:i.updateProgress||null}}showView(e,t="info",i={}){this.enforceMaxToasts();const o="toast-"+ ++this.toastCounter,s={title:i.title||this.getDefaultTitle(t),icon:i.icon||this.getDefaultIcon(t),autohide:this.options.autohide,delay:this.options.defaultDelay,dismissible:!0,size:"md",...i},n=this.createViewToastElement(o,e,t,s);if(this.container.appendChild(n),"undefined"==typeof bootstrap)throw new Error("Bootstrap is required for ToastService. Make sure Bootstrap 5 is loaded.");const a=new bootstrap.Toast(n,{autohide:s.autohide,delay:s.delay});this.toasts.set(o,{element:n,bootstrap:a,type:t,view:e,message:"View toast"}),n.addEventListener("hidden.bs.toast",()=>{this.cleanupView(o)});const r=n.querySelector(".toast-view-body");return r&&e&&e.render(!0,r),a.show(),{id:o,view:e,hide:()=>{try{a.hide()}catch(e){console.warn("Error hiding view toast:",e)}},dispose:()=>this.cleanupView(o),updateProgress:t=>{e&&"function"==typeof e.updateProgress&&e.updateProgress(t)}}}createToastElement(e,t,i,o){const s=document.createElement("div");s.id=e,s.className=`toast toast-service-${i}${o.size?` toast-${o.size}`:""}`,s.setAttribute("role","alert"),s.setAttribute("aria-live","assertive"),s.setAttribute("aria-atomic","true");const n=o.title||o.icon?this.createToastHeader(o,i):"",a=this.createToastBody(t,o.icon&&!o.title);return s.innerHTML=`\n      ${n}\n      ${a}\n    `,s}createViewToastElement(e,t,i,o){const s=document.createElement("div");s.id=e,s.className=`toast toast-service-${i}${o.size?` toast-${o.size}`:""}`,s.setAttribute("role","alert"),s.setAttribute("aria-live","assertive"),s.setAttribute("aria-atomic","true");const n=o.title||o.icon?this.createToastHeader(o,i):"",a=this.createViewToastBody();return s.innerHTML=`\n      ${n}\n      ${a}\n    `,s}createViewToastBody(){return'\n      <div class="toast-body p-0">\n        <div class="toast-view-body p-3"></div>\n      </div>\n    '}createToastHeader(e,t){const i=e.icon?`<i class="${e.icon} toast-service-icon me-2"></i>`:"",o=e.title?`<strong class="me-auto">${i}${this.escapeHtml(e.title)}</strong>`:"",s=e.showTime?`<small class="text-muted">${this.getTimeString()}</small>`:"",n=e.dismissible?'<button type="button" class="btn-close toast-service-close" data-bs-dismiss="toast" aria-label="Close"></button>':"";return o||s||n?`\n      <div class="toast-header">\n        ${o}\n        ${s}\n        ${n}\n      </div>\n    `:""}createToastBody(e,t=!1){return`\n      <div class="toast-body d-flex align-items-center">\n        ${t?`<i class="${this.getDefaultIcon("info")} toast-service-icon me-2"></i>`:""}\n        <span>${this.escapeHtml(e)}</span>\n      </div>\n    `}getDefaultTitle(e){return{success:"Success",error:"Error",warning:"Warning",info:"Information",plain:""}[e]||"Notification"}getDefaultIcon(e){return{success:"bi-check-circle-fill",error:"bi-exclamation-triangle-fill",warning:"bi-exclamation-triangle-fill",info:"bi-info-circle-fill",plain:""}[e]||"bi-info-circle-fill"}enforceMaxToasts(){if(Array.from(this.toasts.values()).length>=this.options.maxToasts){const e=this.toasts.keys().next().value,t=this.toasts.get(e);t&&t.bootstrap.hide()}}cleanup(e){const t=this.toasts.get(e);if(t){try{t.bootstrap.dispose()}catch(i){console.warn("Error disposing toast:",i)}t.element&&t.element.parentNode&&t.element.parentNode.removeChild(t.element),this.toasts.delete(e)}}cleanupView(e){const t=this.toasts.get(e);if(t){if(t.view&&"function"==typeof t.view.dispose)try{t.view.dispose()}catch(i){console.warn("Error disposing view in toast:",i)}try{t.bootstrap.dispose()}catch(i){console.warn("Error disposing toast:",i)}t.element&&t.element.parentNode&&t.element.parentNode.removeChild(t.element),this.toasts.delete(e)}}hideAll(){this.toasts.forEach((e,t)=>{e.bootstrap.hide()})}clearAll(){this.toasts.forEach((e,t)=>{this.cleanup(t)})}getTimeString(){/* @__PURE__ */
-return(new Date).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}escapeHtml(e){const t=document.createElement("div");return t.textContent=e,t.innerHTML}dispose(){this.clearAll(),this.container&&this.container.parentNode&&this.container.parentNode.removeChild(this.container)}getStats(){const e={total:this.toasts.size,byType:{}};return this.toasts.forEach(t=>{e.byType[t.type]=(e.byType[t.type]||0)+1}),e}setOptions(e){this.options={...this.options,...e},e.position&&this.container&&(this.container.className=`toast-container position-fixed ${this.getPositionClasses()}`)}}class ProgressView extends e.View{constructor(e={}){super({template:"progress-view-template",...e}),this.filename=e.filename||"Unknown file",this.filesize=e.filesize||0,this.filesizeFormatted=t.dataFormatter.pipe(this.filesize,"filesize"),this.progress=0,this.percentage=0,this.loaded=0,this.total=this.filesize,this.loadedFormatted="0 B",this.totalFormatted=this.filesizeFormatted,this.status="Starting upload...",this.showCancel=!1!==e.showCancel,this.onCancel=e.onCancel||null,this.cancelled=!1,this.completed=!1}getTemplate(){return'\n            <div class="progress-view">\n                <div class="d-flex justify-content-between align-items-start mb-2">\n                    <div class="flex-grow-1 min-width-0">\n                        <div class="fw-medium text-truncate" title="{{filename}}">\n                            <i class="bi bi-file-earmark me-1"></i>\n                            {{filename}}\n                        </div>\n                        <small class="text-muted">{{status}}</small>\n                    </div>\n                    {{#showCancel}}\n                    <button type="button" \n                            class="btn btn-sm btn-outline-secondary ms-2" \n                            data-action="cancel"\n                            {{#cancelled}}disabled{{/cancelled}}>\n                        <i class="bi bi-x"></i>\n                    </button>\n                    {{/showCancel}}\n                </div>\n                \n                <div class="progress mb-2" style="height: 8px;">\n                    <div class="progress-bar" \n                         role="progressbar" \n                         style="width: {{percentage}}%"\n                         aria-valuenow="{{percentage}}" \n                         aria-valuemin="0" \n                         aria-valuemax="100">\n                    </div>\n                </div>\n                \n                <div class="d-flex justify-content-between">\n                    <small class="text-muted">\n                        {{loadedFormatted}} / {{totalFormatted}}\n                    </small>\n                    <small class="text-muted">\n                        {{percentage}}%\n                    </small>\n                </div>\n            </div>\n        '}updateProgress(e){this.cancelled||this.completed||(this.progress=e.progress,this.percentage=e.percentage,this.loaded=e.loaded,this.total=e.total||this.filesize,this.loadedFormatted=t.dataFormatter.pipe(this.loaded,"filesize"),this.totalFormatted=t.dataFormatter.pipe(this.total,"filesize"),this.percentage<100?this.status=`Uploading... ${this.percentage}%`:this.status="Finalizing upload...",this.render())}markCompleted(e="Upload completed!"){this.completed=!0,this.progress=1,this.percentage=100,this.status=e,this.render()}markFailed(e="Upload failed"){this.status=e,this.render()}markCancelled(){this.cancelled=!0,this.status="Upload cancelled",this.render()}async onActionCancel(e,t,i){if(!this.cancelled&&!this.completed&&(i.disabled=!0,this.markCancelled(),this.emit("cancel"),"function"==typeof this.onCancel))try{await this.onCancel()}catch(o){console.error("Error in cancel callback:",o)}}setFilename(e){this.filename=e,this.render()}setFilesize(e){this.filesize=e,this.filesizeFormatted=t.dataFormatter.pipe(e,"filesize"),this.total=e,this.totalFormatted=this.filesizeFormatted,this.render()}getPercentage(){return this.percentage}isCompleted(){return this.completed}isCancelled(){return this.cancelled}getStats(){return{filename:this.filename,filesize:this.filesize,progress:this.progress,percentage:this.percentage,loaded:this.loaded,total:this.total,cancelled:this.cancelled,completed:this.completed,status:this.status}}}class FileUpload{constructor(e,t={}){if(this.fileModel=e,this.options={file:null,name:null,group:null,description:null,onProgress:null,onComplete:null,onError:null,showToast:!0,...t},!(this.options.file&&this.options.file instanceof File))throw new Error("FileUpload requires a valid File object");this.cancelled=!1,this.uploadRequest=null,this.progressToast=null,this.progressView=null,this.toastService=null,this.options.showToast&&(this.toastService=new ToastService),this.promise=this._startUpload()}async _startUpload(){try{let t,i,o;this.options.showToast&&this._showProgressToast();try{t=await this._initiateUpload()}catch(e){throw new Error(`Failed to initiate upload: ${e.message}`)}if(this.cancelled)throw new Error("Upload cancelled");if(!t||!t.upload_url)throw new Error("Invalid upload response: missing upload URL");if("string"==typeof t.upload_url)i={url:t.upload_url,method:"PUT",fields:null,headers:{}};else{if(!t.upload_url||"object"!=typeof t.upload_url||!t.upload_url.upload_url)throw new Error(`Invalid upload response: unrecognised upload_url format. Server returned: ${JSON.stringify(t.upload_url)}`);i={url:t.upload_url.upload_url,method:t.upload_url.method||"POST",fields:t.upload_url.fields||null,headers:t.upload_url.headers||{}}}try{o=await this._performUpload(i)}catch(e){throw new Error(`File upload failed: ${e.message}`)}if(this.cancelled)throw new Error("Upload cancelled");try{await this._completeUpload()}catch(e){console.warn("Failed to mark upload as completed:",e)}return this._onComplete(this.fileModel),this.fileModel}catch(e){throw"Upload cancelled"!==e.message&&this._onError(e),e}}async _initiateUpload(){try{const e={filename:this.options.name||this.options.file.name,file_size:this.options.file.size,content_type:this.options.file.type};this.options.group&&(e.group=this.options.group),this.options.description&&(e.description=this.options.description);const t=await this.fileModel.rest.POST("/api/fileman/upload/initiate",e);if(!t)throw new Error("No response from upload initiation API");if(!t.data)throw new Error("Upload initiation response missing data");if(!t.data.status){const e=t.data.error||"Upload initiation failed";throw new Error(e)}if(!t.data.data)throw new Error("Upload initiation response missing data payload");return t.data.data.id&&this.fileModel.set("id",t.data.data.id),t.data.data}catch(e){if("Network Error"===e.message||"TypeError"===e.name)throw new Error("Network error during upload initiation. Please check your connection.");throw e}}async _performUpload(e){return new Promise((t,i)=>{if(!(this.options.file instanceof File))return void i(new Error("Only single File objects are supported"));const{url:o,method:s,fields:n,headers:a}=e,r="POST"===s&&null!==n,l=new XMLHttpRequest;this.uploadRequest=l,l.upload.onprogress=e=>{this.cancelled||this._onProgress({progress:e.loaded/e.total,loaded:e.loaded,total:e.total,percentage:Math.round(e.loaded/e.total*100)})},l.onload=()=>{l.status>=200&&l.status<300?t({data:l.response,status:l.status,statusText:l.statusText,xhr:l}):i(new Error(`Upload failed: ${l.status} ${l.statusText}`))},l.onerror=()=>i(new Error("Upload failed: Network error")),l.ontimeout=()=>i(new Error("Upload timed out — file may be too large or connection too slow")),l.onabort=()=>i(new Error("Upload cancelled"));let d=o;o.startsWith("/")&&!o.startsWith("/api/")&&(d="/api"+o);const c=this.fileModel.rest.buildUrl(d);if(l.open(s,c),l.timeout=3e4,r){for(const[t,i]of Object.entries(a||{}))"content-type"!==t.toLowerCase()&&l.setRequestHeader(t,i);const e=new FormData;for(const[t,i]of Object.entries(n))e.append(t,i);e.append("file",this.options.file),l.send(e)}else{l.setRequestHeader("Content-Type",this.options.file.type);for(const[e,t]of Object.entries(a||{}))"content-type"!==e.toLowerCase()&&l.setRequestHeader(e,t);l.send(this.options.file)}})}async _completeUpload(){try{const e=await this.fileModel.save({action:"mark_as_completed"});if(!e)throw new Error("No response from upload completion API");if(e.data&&!e.data.status){const t=e.data.error||"Failed to mark upload as completed";throw new Error(t)}return e}catch(e){if("Network Error"===e.message||"TypeError"===e.name)throw new Error("Network error during upload completion. The file may have uploaded successfully.");throw e}}_onProgress(e){this.progressToast&&this.progressToast.updateProgress&&this.progressToast.updateProgress(e),"function"==typeof this.options.onProgress&&this.options.onProgress(e)}_onComplete(e){this.progressView&&this.progressView.markCompleted("Upload completed successfully!"),this.progressToast&&setTimeout(()=>{try{this.progressToast&&"function"==typeof this.progressToast.hide&&this.progressToast.hide()}catch(e){console.warn("Error hiding progress toast:",e)}},2e3),"function"==typeof this.options.onComplete&&this.options.onComplete(e)}_onError(e){if(this.progressToast)try{this.progressToast.hide()}catch(t){console.warn("Error hiding progress toast on error:",t)}this.toastService&&this.toastService.error(`Upload failed: ${e.message}`),"function"==typeof this.options.onError&&this.options.onError(e)}_showProgressToast(){this.progressView=new ProgressView({filename:this.options.name||this.options.file.name,filesize:this.options.file.size,showCancel:!0,onCancel:()=>this.cancel()}),this.progressToast=this.toastService.showView(this.progressView,"info",{title:"File Upload",autohide:!1,dismissible:!1})}cancel(){return!this.cancelled&&(this.cancelled=!0,this.uploadRequest&&"function"==typeof this.uploadRequest.abort&&this.uploadRequest.abort(),this.progressView&&this.progressView.markCancelled(),this.progressToast&&setTimeout(()=>{try{this.progressToast&&"function"==typeof this.progressToast.hide&&this.progressToast.hide()}catch(e){console.warn("Error hiding progress toast on cancel:",e)}},1500),!0)}isCancelled(){return this.cancelled}then(e,t){return this.promise.then(e,t)}catch(e){return this.promise.catch(e)}finally(e){return this.promise.finally(e)}getStats(){return{filename:this.options.file.name,size:this.options.file.size,type:this.options.file.type,cancelled:this.cancelled,group:this.options.group,description:this.options.description}}}class FileManager extends t.Model{constructor(e={}){super(e,{endpoint:"/api/fileman/manager"})}}class FileManagerList extends t.Collection{constructor(e={}){super({ModelClass:FileManager,endpoint:"/api/fileman/manager",size:10,...e})}}const o={create:{title:"Add Storage Backend",fields:[{name:"name",type:"text",label:"Display Name",placeholder:"Enter Display Name",cols:12},{name:"use",type:"text",label:"Use",placeholder:"Enter User or Leave Blank",cols:12},{name:"backend_url",type:"text",label:"Backend URL",required:!0,value:"s3://BUCKET_NAME/OPTION_FOLDER",placeholder:"s3://bucket_name/optional folder",help:"Format: service://path. Valid services: s3",cols:12},{name:"aws_region",type:"select",label:"AWS Region (optional)",value:"us-east-1",options:[{value:"",text:"System Default"},{value:"us-east-1",text:"US East (N. Virginia)"},{value:"us-east-2",text:"US East (Ohio)"},{value:"us-west-1",text:"US West (N. California)"},{value:"us-west-2",text:"US West (Oregon)"},{value:"ca-central-1",text:"Canada (Central)"},{value:"eu-west-1",text:"Europe (Ireland)"},{value:"eu-west-2",text:"Europe (London)"},{value:"eu-west-3",text:"Europe (Paris)"},{value:"eu-central-1",text:"Europe (Frankfurt)"},{value:"eu-north-1",text:"Europe (Stockholm)"},{value:"eu-south-1",text:"Europe (Milan)"},{value:"ap-southeast-2",text:"Asia Pacific (Sydney)"}],columns:12,help:"Optional. Defaults to project AWS_REGION if omitted."},{name:"aws_key",type:"text",label:"AWS Key (optional)",placeholder:"enter your AWS Key with S3 permissions",columns:12,help:"Optional, AWS Key with S3 permissions"},{name:"aws_secret",type:"text",label:"AWS Secret (optional)",placeholder:"enter your AWS Secret with S3 permissions",columns:12,help:"Optional, AWS Secret with S3 permissions"},{name:"is_default",type:"switch",label:"Is Default",cols:6},{name:"is_active",type:"switch",label:"Is Active",default:!0,cols:6}]},edit:{title:"Edit Storage Backend",fields:[{name:"name",type:"text",label:"Display Name",placeholder:"Enter Display Name",cols:12},{name:"use",type:"text",label:"Use",placeholder:"Enter User or Leave Blank",cols:12},{name:"backend_url",type:"text",label:"Backend URL",required:!0,placeholder:"s3://bucket_name/optional folder",help:"Format: service://path. Valid services: s3",cols:12},{name:"allowed_origins",type:"text",label:"Domains Who Can Upload",cols:12},{name:"is_default",type:"switch",label:"Is Default",cols:6},{name:"is_active",type:"switch",label:"Is Active",default:!0,cols:6},{name:"is_public",type:"switch",label:"Is Public",default:!0,cols:6}]},owners:{fields:[{type:"collection",name:"group",label:"Group (Owner)",Collection:i.GroupList,labelField:"name",valueField:"id",maxItems:10,placeholder:"Search groups...",emptyFetch:!1,debounceMs:300},{type:"collection",name:"user",label:"User (Owner)",Collection:i.UserList,labelField:"display_name",valueField:"id",maxItems:10,placeholder:"Search users...",emptyFetch:!1,debounceMs:300}]},credentials:{fields:[{name:"aws_region",type:"select",label:"AWS Region (optional)",value:"us-east-1",options:[{value:"",text:"System Default"},{value:"us-east-1",text:"US East (N. Virginia)"},{value:"us-east-2",text:"US East (Ohio)"},{value:"us-west-1",text:"US West (N. California)"},{value:"us-west-2",text:"US West (Oregon)"},{value:"ca-central-1",text:"Canada (Central)"},{value:"eu-west-1",text:"Europe (Ireland)"},{value:"eu-west-2",text:"Europe (London)"},{value:"eu-west-3",text:"Europe (Paris)"},{value:"eu-central-1",text:"Europe (Frankfurt)"},{value:"eu-north-1",text:"Europe (Stockholm)"},{value:"eu-south-1",text:"Europe (Milan)"},{value:"ap-southeast-2",text:"Asia Pacific (Sydney)"}],columns:12,help:"Optional. Defaults to project AWS_REGION if omitted."},{name:"aws_key",type:"text",label:"AWS Key (optional)",placeholder:"enter your AWS Key with S3 permissions",columns:12,help:"Optional, AWS Key with S3 permissions"},{name:"aws_secret",type:"text",label:"AWS Secret (optional)",placeholder:"enter your AWS Secret with S3 permissions",columns:12,help:"Optional, AWS Secret with S3 permissions"}]}};let s=class extends t.Model{constructor(e={}){super(e,{endpoint:"/api/fileman/file"})}isImage(){return"image"===this.get("category")}getCategory(){return this.get("category")||this._inferCategoryFromContentType()}_inferCategoryFromContentType(){const e=(this.get("content_type")||"").toLowerCase();return e?e.startsWith("image/")?"image":e.startsWith("video/")?"video":e.startsWith("audio/")?"audio":"application/pdf"===e?"pdf":e.startsWith("text/")||"application/msword"===e||e.startsWith("application/vnd.openxmlformats-officedocument.wordprocessingml")||"application/vnd.oasis.opendocument.text"===e?"document":"application/vnd.ms-excel"===e||e.startsWith("application/vnd.openxmlformats-officedocument.spreadsheetml")||"application/vnd.oasis.opendocument.spreadsheet"===e?"spreadsheet":"application/vnd.ms-powerpoint"===e||e.startsWith("application/vnd.openxmlformats-officedocument.presentationml")||"application/vnd.oasis.opendocument.presentation"===e?"presentation":"application/zip"===e||"application/x-rar-compressed"===e||"application/x-7z-compressed"===e||"application/x-tar"===e||"application/gzip"===e?"archive":"other":"other"}hasRenditions(){const e=this.get("renditions");return!(!e||!Object.keys(e).length)}isUploadPending(){const e=this.get("upload_status");return!(!e||"completed"===e||"failed"===e)}regenerateRenditions(e){const t=this.id||this.get("id");if(!t)return Promise.reject(new Error("Cannot regenerate renditions on an unsaved file"));const i=Array.isArray(e)&&e.length?{regenerate_renditions:e}:{regenerate_renditions:!0};return this.rest.POST(`${this.endpoint}/${t}`,i)}share(e=!0){const t=this.id||this.get("id");return t?this.rest.POST(`${this.endpoint}/${t}`,{share:e}):Promise.reject(new Error("Cannot share an unsaved file"))}getRenditions(){const e=this.get("renditions");return e?Object.values(e):[]}getBestImageRendition(){const e=this.getRenditions().filter(e=>e&&"string"==typeof e.content_type&&e.content_type.startsWith("image/"));return e.length?e.reduce((e,t)=>{const i=(parseInt(e.width)||0)*(parseInt(e.height)||0);return(parseInt(t.width)||0)*(parseInt(t.height)||0)>i?t:e}):null}getThumbnailUrl(){const e=this.get("renditions")||{};if(e.thumbnail&&e.thumbnail.url)return e.thumbnail.url;const t=this.getBestImageRendition();return t?t.url:null}upload(e={}){return new FileUpload(this,e)}};class FileList extends t.Collection{constructor(e={}){super({ModelClass:s,endpoint:"/api/fileman/file",size:10,...e})}}class ModalView extends e.View{static _openDialogs=[];static _baseZIndex={backdrop:1050,modal:1055};static getFullscreenAwareZIndex(){return document.querySelector(".table-fullscreen")?{backdrop:10040,modal:10050}:ModalView._baseZIndex}static fixAllBackdropStacking(){const e=document.querySelectorAll(".modal-backdrop"),t=ModalView._openDialogs;if(0===e.length||0===t.length)return;const i=[...t].sort((e,t)=>(e._dialogZIndex||0)-(t._dialogZIndex||0)),o=document.querySelector(".table-fullscreen")||document.body;e.forEach((e,t)=>{if(t>=i.length)return;const s=i[t];e.style.zIndex=s._dialogZIndex-5,e.parentNode!==o&&o.appendChild(e)})}static updateAllBackdropStacking(){ModalView.fixAllBackdropStacking()}static getMountTarget(){return document.querySelector(".table-fullscreen")||document.body}constructor(e={}){const t=e.id||`modal-${Date.now()}-${Math.random().toString(36).slice(2,7)}`;super({...e,id:t,tagName:"div",className:`modal ${!1!==e.fade?"fade":""} ${e.className||""}`.trim().replace(/\s+/g," "),attributes:{tabindex:"-1","aria-hidden":"true","aria-labelledby":e.labelledBy||`${t}-label`,"aria-describedby":e.describedBy||null,...e.attributes}}),this.modalId=t,this.title=e.title||"",this.titleId=`${this.modalId}-label`,this.size=e.size||"",this.centered=void 0!==e.centered&&e.centered,this.scrollable=void 0!==e.scrollable&&e.scrollable,this.autoSize=e.autoSize||"auto"===e.size,this.backdrop=void 0===e.backdrop||e.backdrop,this.keyboard=void 0===e.keyboard||e.keyboard,this.focus=void 0===e.focus||e.focus,this.header=void 0===e.header||e.header,this.headerContent=e.headerContent||null,this.headerView=null,this.closeButton=void 0===e.closeButton||e.closeButton,this.contextMenu=e.contextMenu||null,this._processHeaderContent(this.headerContent),this.body=e.body??e.view??e.message??e.content??"",this.bodyView=null,this.bodyClass=e.bodyClass||"",this.noBodyPadding=e.noBodyPadding||!1,this.minWidth=e.minWidth||300,this.minHeight=e.minHeight||200,e.maxHeight&&(this.maxHeight=e.maxHeight),this.maxWidthPercent=e.maxWidthPercent||.9,this.maxHeightPercent=e.maxHeightPercent||.8,this._processBodyContent(this.body),this.footer=e.footer||null,this.footerView=null,this.footerClass=e.footerClass||"",this._processFooterContent(this.footer),this.buttons=e.buttons||null,this.onShow=e.onShow||null,this.onShown=e.onShown||null,this.onHide=e.onHide||null,this.onHidden=e.onHidden||null,this.onHidePrevented=e.onHidePrevented||null,this.autoShow=void 0!==e.autoShow&&e.autoShow,this.modal=null,this.relatedTarget=e.relatedTarget||null}_processBodyContent(t){if(t instanceof e.View||t&&"object"==typeof t&&"function"==typeof t.render)this.bodyView=t,this.body="",this.addChild(this.bodyView);else if("function"==typeof t)try{const i=t();i instanceof e.View?(this.bodyView=i,this.body="",this.addChild(this.bodyView)):i instanceof Promise?(this.bodyPromise=i,this.body='<div class="text-center"><div class="spinner-border spinner-border-sm"></div></div>'):this.body=i}catch(i){console.error("ModalView: error processing body function:",i),this.body=t}else this.body=t}_processHeaderContent(t){if(t instanceof e.View)this.headerView=t,this.headerContent=null,this.addChild(this.headerView);else if("function"==typeof t)try{const i=t();i instanceof e.View?(this.headerView=i,this.headerContent=null,this.addChild(this.headerView)):i instanceof Promise?(this.headerPromise=i,this.headerContent='<div class="text-center"><div class="spinner-border spinner-border-sm"></div></div>'):this.headerContent=i}catch(i){console.error("ModalView: error processing headerContent function:",i),this.headerContent=t}else this.headerContent=t}_processFooterContent(t){if(t instanceof e.View)this.footerView=t,this.footer=null,this.addChild(this.footerView);else if("function"==typeof t)try{const i=t();i instanceof e.View?(this.footerView=i,this.footer=null,this.addChild(this.footerView)):i instanceof Promise?(this.footerPromise=i,this.footer='<div class="text-center"><div class="spinner-border spinner-border-sm"></div></div>'):this.footer=i}catch(i){console.error("ModalView: error processing footer function:",i),this.footer=t}else this.footer=t}async getTemplate(){const e=["modal-dialog"];return this.size&&"auto"!==this.size&&(this.size.startsWith("fullscreen")?e.push(`modal-${this.size}`):["sm","lg","xl","xxl"].includes(this.size)&&(e.push(`modal-${this.size}`),["lg","xl","xxl"].includes(this.size)&&e.push("modal-fullscreen-sm-down"))),this.centered&&e.push("modal-dialog-centered"),this.scrollable&&(this.maxHeight?e.push("overflow-hidden"):e.push("modal-dialog-scrollable")),`\n      <div class="${e.join(" ")}">\n        <div class="modal-content">\n          ${await this.buildHeader()}\n          ${await this.buildBody()}\n          ${await this.buildFooter()}\n        </div>\n      </div>\n    `}async buildHeader(){if(!this.header)return"";if(this.headerView)return this.headerView.replaceById=!0,`<div class="modal-header" data-view-container="header">\n        <div id="${this.headerView.id}"></div>\n      </div>`;if(this.headerContent)return`<div class="modal-header">${this.headerContent}</div>`;let e="";return this.contextMenu&&this.contextMenu.items&&this.contextMenu.items.length>0?e=await this.buildContextMenu():this.closeButton&&(e='<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>'),`\n      <div class="modal-header">\n        ${this.title?`<h5 class="modal-title" id="${this.titleId}">${this.title}</h5>`:""}\n        ${e}\n      </div>\n    `}async buildContextMenu(){const e=await this.filterContextMenuItems();if(0===e.length)return this.closeButton?'<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>':"";const t=this.contextMenu.icon||"bi-three-dots-vertical";return`\n      <div class="dropdown">\n        <button class="${this.contextMenu.buttonClass||"btn btn-link p-1 mojo-modal-context-menu-btn"}" type="button" data-bs-toggle="dropdown" aria-expanded="false">\n          <i class="${t}"></i>\n        </button>\n        <ul class="dropdown-menu dropdown-menu-end">\n          ${e.map(e=>{if("divider"===e.type)return'<li><hr class="dropdown-divider"></li>';const t=e.icon?`<i class="${e.icon} me-2"></i>`:"",i=e.label||"";if(e.href)return`<li><a class="dropdown-item" href="${e.href}"${e.target?` target="${e.target}"`:""}>${t}${i}</a></li>`;if(e.action){const o=Object.keys(e).filter(e=>e.startsWith("data-")).map(t=>`${t}="${e[t]}"`).join(" ");return`<li><a class="dropdown-item" data-action="${e.action}" ${o}>${t}${i}</a></li>`}return""}).join("")}\n        </ul>\n      </div>\n    `}async filterContextMenuItems(){if(!this.contextMenu||!this.contextMenu.items)return[];const e=[];for(const i of this.contextMenu.items)if("divider"!==i.type){if(i.permissions)try{const e=this.getApp?.();let t=e?.activeUser||e?.getState?.("activeUser")||null;if(!t&&"undefined"!=typeof window&&window.getApp)try{t=window.getApp()?.activeUser}catch{}if(!t?.hasPermission)continue;if(!t.hasPermission(i.permissions))continue}catch(t){console.warn("ModalView: error checking permissions for context menu item:",t);continue}e.push(i)}else e.push(i);return e}async buildBody(){const e=`modal-body ${this.noBodyPadding?"modal-body-flush":""} ${this.bodyClass}`.replace(/\s+/g," ").trim();return this.bodyView?(this.bodyView.replaceById=!0,`<div class="${e}" data-view-container="body">\n        <div id="${this.bodyView.id}"></div>\n      </div>`):this.body||""===this.body?`<div class="${e}">${this.body}</div>`:""}async buildFooter(){if(this.footerView)return`<div class="modal-footer ${this.footerClass}" data-view-container="footer"></div>`;if(null!==this.footer&&"string"==typeof this.footer)return`<div class="modal-footer ${this.footerClass}">${this.footer}</div>`;if(this.buttons&&this.buttons.length>0){const e=this.buttons.map(e=>{const t=e.dismiss?'data-bs-dismiss="modal"':"",i=e.action?`data-action="${e.action}"`:"",o=e.id?`id="${e.id}"`:"",s=e.disabled?"disabled":"";return`\n          <button type="${e.type||"button"}"\n                  class="btn ${e.class||"btn-secondary"}"\n                  ${o} ${t} ${i} ${s}>\n            ${e.icon?`<i class="bi ${e.icon} me-1"></i>`:""}\n            ${e.text||"Button"}\n          </button>\n        `}).join("");return`<div class="modal-footer ${this.footerClass}">${e}</div>`}return""}async mount(e=null){if(!this.mounted&&!this.destroyed){if(!this.element)throw new Error("Cannot mount modal without element");return await this.onBeforeMount(),ModalView.getMountTarget().appendChild(this.element),this.bindEvents(),this.mounted=!0,await this.onAfterMount(),this.emit("mounted",{view:this}),this}}async onAfterRender(){if(await super.onAfterRender(),window.Prism&&this.element&&this.element.querySelectorAll("pre code").length>0&&window.Prism.highlightAllUnder(this.element),this.autoSize)this.setupAutoSizing();else if(this.maxHeight){const e=this.element.querySelector(".modal-body");e&&(e.style.maxHeight=`${this.maxHeight}px`)}}async onAfterMount(){await super.onAfterMount(),"undefined"!=typeof window&&window.bootstrap?.Modal&&("static"===this.backdrop&&this.element.setAttribute("data-bs-backdrop","static"),this.keyboard||this.element.setAttribute("data-bs-keyboard","false"),this.modal=new window.bootstrap.Modal(this.element,{backdrop:this.backdrop,keyboard:this.keyboard,focus:this.focus}),this.bindBootstrapEvents(),this.autoShow&&this.show(this.relatedTarget))}setupAutoSizing(){this.element&&(this.element.addEventListener("shown.bs.modal",()=>{this.applyAutoSizing()},{once:!0}),setTimeout(()=>{this.isShown()&&this.applyAutoSizing()},100))}applyAutoSizing(){if(this.element)try{const e=this.element.querySelector(".modal-dialog"),t=this.element.querySelector(".modal-content"),i=this.element.querySelector(".modal-body");if(!e||!t||!i)return void console.warn("ModalView auto-sizing: required elements not found");if(this.bodyView&&!this.bodyView.element)return void setTimeout(()=>this.applyAutoSizing(),50);const o={dialogMaxWidth:e.style.maxWidth,dialogWidth:e.style.width,contentWidth:t.style.width,contentMaxHeight:t.style.maxHeight,hadScrollableClass:e.classList.contains("modal-dialog-scrollable")};e.style.maxWidth="none",e.style.width="auto",t.style.width="auto",t.style.maxHeight="none",t.offsetHeight;const s=t.getBoundingClientRect(),n=40,a=Math.min(window.innerWidth*this.maxWidthPercent,window.innerWidth-n);let r=Math.min(window.innerHeight*this.maxHeightPercent,window.innerHeight-n),l=Math.max(this.minWidth,Math.ceil(s.width+20)),d=Math.max(this.minHeight,Math.ceil(s.height));this.maxHeight&&(r=Math.min(this.maxHeight,r),e.style.maxHeight=`${r}px`),l=Math.min(l,a);const c=s.height>r;e.style.maxWidth=`${l}px`,e.style.width=`${l}px`,c&&(e.classList.contains("modal-dialog-scrollable")||e.classList.add("modal-dialog-scrollable"),t.style.maxHeight=`${r}px`,d=r),this.autoSizedWidth=l,this.autoSizedHeight=d,this._originalStyles=o}catch(e){console.error("ModalView: error in auto-sizing:",e);const t=this.element?.querySelector(".modal-dialog");t&&(t.style.maxWidth="")}}resetAutoSizing(){if(this.autoSize&&this._originalStyles&&this.element)try{const e=this.element.querySelector(".modal-dialog"),t=this.element.querySelector(".modal-content"),i=this.element.querySelector(".modal-body");e&&t&&i&&(e.style.maxWidth=this._originalStyles.dialogMaxWidth||"",e.style.width=this._originalStyles.dialogWidth||"",t.style.width=this._originalStyles.contentWidth||"",t.style.maxHeight=this._originalStyles.contentMaxHeight||"",!this._originalStyles.hadScrollableClass&&e.classList.contains("modal-dialog-scrollable")&&e.classList.remove("modal-dialog-scrollable"),delete this.autoSizedWidth,delete this.autoSizedHeight,delete this._originalStyles)}catch(e){console.error("ModalView: error resetting auto-sizing:",e)}}bindBootstrapEvents(){this.element.addEventListener("show.bs.modal",e=>{const t=ModalView._openDialogs.length,i=ModalView.getFullscreenAwareZIndex().modal+20*t;this.element.style.zIndex=i,this._dialogZIndex=i,this._backdropZIndex=i-10,ModalView._openDialogs.push(this),this.onShow&&this.onShow(e),this.emit("show",{dialog:this,relatedTarget:e.relatedTarget})}),this.element.addEventListener("shown.bs.modal",e=>{if(setTimeout(()=>ModalView.fixAllBackdropStacking(),50),this.onShown&&this.onShown(e),this.emit("shown",{dialog:this,relatedTarget:e.relatedTarget}),this.focus){const e=this.element.querySelector('input:not([type="hidden"]), textarea, select');e&&e.focus()}}),this.element.addEventListener("hide.bs.modal",e=>{const t=this.element.querySelector(":focus");t&&t.blur(),this.onHide&&!1===this.onHide(e)?e.preventDefault():this.emit("hide",{dialog:this})}),this.element.addEventListener("hidden.bs.modal",e=>{const t=ModalView._openDialogs.indexOf(this);t>-1&&ModalView._openDialogs.splice(t,1),ModalView._openDialogs.length>0&&(document.body.classList.add("modal-open"),setTimeout(()=>ModalView.fixAllBackdropStacking(),50)),this.previousFocus&&document.body.contains(this.previousFocus)&&this.previousFocus.focus(),this.onHidden&&this.onHidden(e),this.emit("hidden",{dialog:this})}),this.element.addEventListener("hidePrevented.bs.modal",e=>{this.onHidePrevented&&this.onHidePrevented(e),this.emit("hidePrevented",{dialog:this})})}show(e=null){this.previousFocus=document.activeElement,window.lastDialog=this,this.modal&&this.modal.show(e)}hide(){const e=this.element?.querySelector(":focus");e&&e.blur(),this.modal&&this.modal.hide()}toggle(e=null){this.modal&&this.modal.toggle(e)}isShown(){return this.element?.classList.contains("show")||!1}getModal(){return this.modal}handleUpdate(){this.modal&&this.modal.handleUpdate()}async setContent(t){if(t instanceof e.View){this.bodyView&&(await this.bodyView.destroy(),this.removeChild(this.bodyView)),this.bodyView=t,this.body="",this.addChild(this.bodyView);const e=this.element?.querySelector(".modal-body");e&&(e.innerHTML="",await this.bodyView.render(e))}else{this.body=t;const e=this.element?.querySelector(".modal-body");e&&(e.innerHTML=t)}this.handleUpdate()}setTitle(e){this.title=e;const t=this.element?.querySelector(".modal-title");t&&(t.textContent=e)}setLoading(e=!0,t="Loading..."){const i=this.element?.querySelector(".modal-body");i&&(e?i.innerHTML=`\n        <div class="text-center py-4">\n          <div class="spinner-border text-primary mb-3" role="status">\n            <span class="visually-hidden">Loading...</span>\n          </div>\n          <p>${t}</p>\n        </div>\n      `:this.bodyView&&i.replaceChildren(this.bodyView.element))}async destroy(){if(this.modal){const e=this.element?.querySelector(":focus");e&&e.blur(),this.modal.dispose(),this.modal=null}this.previousFocus&&document.body.contains(this.previousFocus)&&(this.previousFocus.focus(),this.previousFocus=null),this.autoSize&&this.resetAutoSizing(),await super.destroy()}async onBeforeDestroy(){this.headerView&&await this.headerView.destroy(),this.bodyView&&await this.bodyView.destroy(),this.footerView&&await this.footerView.destroy(),await super.onBeforeDestroy(),this.modal&&(this.modal.dispose(),this.modal=null)}}let n=null,a=0,r=null;const l={show(e){"string"==typeof e&&(e={message:e});const{message:t="Loading...",timeout:i=3e4}=e||{};if(a++,1===a){r&&clearTimeout(r);const e=ModalView.getFullscreenAwareZIndex().modal+1e3;n||(n=document.createElement("div"),n.className="mojo-loading-overlay",n.innerHTML=`\n                    <div class="mojo-loading-card">\n                        <div class="mojo-loading-spinner"></div>\n                        <div class="mojo-loading-message">${t}</div>\n                    </div>\n                    <style>\n  .mojo-loading-overlay {\n    position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;\n    background: rgba(255, 255, 255, 0.4);\n    backdrop-filter: blur(2px);\n    -webkit-backdrop-filter: blur(2px);\n    display: flex; align-items: center; justify-content: center;\n    opacity: 0; transition: opacity 0.2s ease;\n  }\n  .mojo-loading-overlay.show { opacity: 1; }\n  .mojo-loading-card {\n    display: flex; align-items: center; gap: 0.85rem;\n    background: #fff;\n    border: 1px solid #e9ecef;\n    border-radius: 12px;\n    padding: 1rem 1.5rem;\n    box-shadow: 0 4px 24px rgba(0,0,0,0.08), 0 1px 4px rgba(0,0,0,0.04);\n  }\n  .mojo-loading-spinner {\n    width: 22px; height: 22px;\n    border: 2.5px solid #e9ecef;\n    border-top-color: #0d6efd;\n    border-radius: 50%;\n    animation: mojo-spin 0.7s linear infinite;\n    flex-shrink: 0;\n  }\n  .mojo-loading-message {\n    font-size: 0.88rem;\n    font-weight: 500;\n    color: #495057;\n    white-space: nowrap;\n  }\n  @keyframes mojo-spin { to { transform: rotate(360deg); } }\n</style>\n                `,document.body.appendChild(n)),n.style.zIndex=String(e);const o=n.querySelector(".mojo-loading-message");o&&(o.textContent=t),requestAnimationFrame(()=>{n&&n.classList.add("show")}),i>0&&(r=setTimeout(()=>{console.error("BusyIndicator timed out."),l.hide(!0)},i))}else if(n){const e=n.querySelector(".mojo-loading-message");e&&(e.textContent=t)}},hide(e=!1){e?a=0:a--,a>0||(a=0,r&&(clearTimeout(r),r=null),n&&(n.classList.remove("show"),setTimeout(()=>{n&&0===a&&(n.remove(),n=null)},200)))},isShown:()=>null!==n&&a>0},d="\n  max-height: 60vh;\n  overflow-y: auto;\n  background: #1e1e1e;\n  color: #d4d4d4;\n  padding: 1.25rem;\n  border-radius: 0.5rem;\n  margin: 0;\n  font-family: 'Cascadia Code', 'Fira Code', 'JetBrains Mono', 'Consolas', 'Monaco', monospace;\n  font-size: 0.9rem;\n  line-height: 1.6;\n  border: 1px solid #2d2d30;\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);\n".replace(/\s+/g," ").trim();class CodeViewer extends e.View{constructor(e={}){super({tagName:"div",className:"mojo-code-viewer",...e}),this.code=e.code||"",this.language=e.language||"javascript"}async getTemplate(){return CodeViewer.formatCode(this.code,this.language)}static formatCode(e,t="javascript"){let i;i=window.Prism&&window.Prism.languages[t]?window.Prism.highlight(e,window.Prism.languages[t],t):String(e).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;");const o=window.Prism?`language-${t}`:"";return`\n      <style>\n  .dialog-code-block .token.comment { color: #6a9955; }\n  .dialog-code-block .token.string { color: #ce9178; }\n  .dialog-code-block .token.keyword { color: #569cd6; }\n  .dialog-code-block .token.function { color: #dcdcaa; }\n  .dialog-code-block .token.number { color: #b5cea8; }\n  .dialog-code-block .token.operator { color: #d4d4d4; }\n  .dialog-code-block .token.class-name { color: #4ec9b0; }\n  .dialog-code-block .token.punctuation { color: #d4d4d4; }\n  .dialog-code-block .token.boolean { color: #569cd6; }\n  .dialog-code-block .token.property { color: #9cdcfe; }\n  .dialog-code-block .token.tag { color: #569cd6; }\n  .dialog-code-block .token.attr-name { color: #9cdcfe; }\n  .dialog-code-block .token.attr-value { color: #ce9178; }\n  .dialog-code-block ::selection { background: #264f78; }\n</style>\n      <pre class="${o} dialog-code-block" style="${d}">\n        <code class="${o}" style="color: inherit; background: transparent; text-shadow: none;">${i}</code>\n      </pre>\n    `}static highlightCodeBlocks(e=document){window.Prism&&window.Prism.highlightAllUnder&&window.Prism.highlightAllUnder(e)}}class HtmlPreview extends e.View{constructor(e={}){super({tagName:"div",className:"mojo-html-preview",...e}),this.html=e.html||e.content||"",this.height=e.height||500}async getTemplate(){return`\n      <div class="html-preview-container">\n        <div class="d-flex justify-content-between align-items-center mb-2">\n          <small class="text-muted">Preview (sandboxed)</small>\n          <button type="button" class="btn btn-sm btn-outline-secondary" data-action="refresh">\n            <i class="bi bi-arrow-clockwise"></i> Refresh\n          </button>\n        </div>\n        <iframe\n          class="border rounded w-100 mojo-html-preview-frame"\n          style="height: ${this.height}px; background: white;"\n          sandbox="allow-same-origin"\n          frameborder="0"\n        ></iframe>\n      </div>\n    `}async onAfterMount(){await super.onAfterMount(),this._writeIframe()}onActionRefresh(){this._writeIframe()}_writeIframe(){const e=this.element?.querySelector(".mojo-html-preview-frame");if(!e)return;const t=e.contentDocument||e.contentWindow?.document;t&&(t.open(),t.write(this.html),t.close())}setHtml(e){this.html=e,this._writeIframe()}}class Modal{static _renderAndAwait(e,{buttons:t=null,rejectOnDismiss:i=!1,onAction:o=null,cleanup:s=null}={}){const n=ModalView.getMountTarget();return new Promise((a,r)=>{let l=!1;const d=e=>{l||(l=!0,a(e))},c=e=>{l||(l=!0,r(e))};(async()=>{try{await e.render(!0,n)}catch(a){return void c(a)}t&&t.length>0&&e.element&&e.element.querySelectorAll(".modal-footer button").forEach((i,s)=>{const n=t[s];n&&i.addEventListener("click",async t=>{if(l)return;const i=void 0!==n.value?n.value:n.action??s;if("function"!=typeof n.handler)if("function"==typeof o&&n.action)try{const a=await o(n.action,{dialog:e,button:n,index:s,event:t});if(null===a||!1===a)return;const r=!0===a||void 0===a?i:a;n.dismiss||e.hide(),d(r)}catch(a){console.error("Modal onAction error:",a)}else n.dismiss||e.hide(),d(i);else try{const o=await n.handler({dialog:e,button:n,index:s,event:t});if(null===o||!1===o)return;const a=!0===o||void 0===o?i:o;n.dismiss||e.hide(),d(a)}catch(a){console.error("Modal button handler error:",a)}})}),e.on("hidden",()=>{l||(i?c(new Error("Dialog dismissed")):d(null)),setTimeout(async()=>{try{"function"==typeof s&&await s(e)}catch(a){console.error("Modal cleanup error:",a)}try{await e.destroy()}catch(a){console.error("Modal destroy error:",a)}e.element?.parentNode&&e.element.parentNode.removeChild(e.element)},100)}),e.show()})()})}static async dialog(e={}){"string"==typeof e&&(e={...arguments[2]||{},body:arguments[0],title:arguments[1]||"Alert"});const{title:t="Dialog",content:i,body:o,view:s,message:n,size:a="md",centered:r=!0,buttons:l=[{text:"OK",class:"btn-primary",value:!0}],rejectOnDismiss:d=!1,...c}=e,h=new ModalView({title:t,body:o??s??n??i??"",size:a,centered:r,buttons:l,...c});return Modal._renderAndAwait(h,{buttons:l,rejectOnDismiss:d})}static async drawer(t={}){const{eyebrow:i,title:o,meta:s=[],view:n,body:a,size:r="lg",...l}=t,d=s.length?`\n            <div class="modal-drawer-meta">\n                ${s.map(e=>"string"==typeof e?`<span>${Modal._esc(e)}</span>`:`<span>${e.icon?`<i class="${Modal._esc(e.icon)} me-1"></i>`:""}${Modal._esc(e.text||"")}</span>`).join("")}\n            </div>`:"",c=`\n            <div class="modal-drawer-head">\n                ${i?`<span class="modal-drawer-eyebrow">${Modal._esc(i)}</span>`:""}\n                <h2 class="modal-drawer-title">${Modal._esc(o||"")}</h2>\n                ${d}\n            </div>\n        `;let h;return h=n&&"object"==typeof n&&"function"==typeof n.render?new class extends e.View{async getTemplate(){return`${c}<div class="modal-drawer-body" data-container="drawer-body"></div>`}async onInit(){n.containerId="drawer-body",this.addChild(n)}}:`${c}<div class="modal-drawer-body">${a||""}</div>`,Modal.dialog({header:!1,body:h,size:r,centered:!1,buttons:[{text:"Close",class:"btn-secondary",dismiss:!0}],...l})}static _esc(e){const t="undefined"!=typeof document?document.createElement("div"):null;return t?(t.textContent=String(e??""),t.innerHTML):String(e??"")}static async show(e,t={}){return Modal.dialog({header:void 0!==t.title&&!!t.title,title:t.title||void 0,body:e,size:"lg",centered:!1,buttons:[{text:"Close",class:"btn-secondary",dismiss:!0}],...t})}static async showModel(e,t={}){const i=e.constructor,o=i?.VIEW_CLASS;if(!o)throw new Error(`Modal.showModel: No VIEW_CLASS defined on ${i?.name||"model"}. Set ${i?.name||"Model"}.VIEW_CLASS = YourView to use this method.`);const s=new o({model:e});return Modal.show(s,t)}static async showModelById(e,t,i={}){const o=new e({id:t});return await o.fetch(),o.id?Modal.showModel(o,i):(Modal.alert({message:`Could not find ${e.name||"record"} with ID: ${t}`,type:"warning"}),null)}static async showModelView(e,t={}){const i=e.constructor,o=i?.VIEW_CLASS;if(!o)throw new Error(`Modal.showModelView: No VIEW_CLASS defined on ${i?.name||"model"}.`);const s=new o({model:e});return Modal.dialog({header:!1,body:s,size:"lg",centered:!1,...t})}static async alert(e={},t,i){let o;o="string"==typeof e?{message:e,...void 0!==t?{title:t}:{},...i||{}}:{...e};const{message:s="",title:n="Alert",type:a="info",icon:r,className:l,...d}=o,c="danger"===a?"error":a,h=[`modal-alert modal-alert-${c}`,l].filter(Boolean).join(" "),u=void 0!==r?r:{info:"bi-info-circle",success:"bi-check-circle",warning:"bi-exclamation-triangle",error:"bi-x-circle"}[c],p=u?`<i class="bi ${u} modal-alert-icon"></i>`:"",m=`<span class="modal-alert-headline">${n}</span>`;return Modal.dialog({title:`${p}${m}`,body:`<p class="modal-alert-message">${s}</p>`,size:"sm",centered:!0,className:h,buttons:[{text:"OK",class:"btn-primary",value:!0}],...d})}static async confirm(e,t="Confirm",i={}){let o;"object"==typeof e&&null!==e?(o=(i=e).message,t=i.title||t):o=e;const s=[{text:i.cancelText||"Cancel",class:"btn-secondary",dismiss:!0,action:"cancel"},{text:i.confirmText||"Confirm",class:i.confirmClass||"btn-primary",action:"confirm"}],n=new ModalView({title:t,body:`<p>${o}</p>`,size:i.size||"sm",centered:!0,backdrop:"static",buttons:s,...i});return"confirm"===await Modal._renderAndAwait(n,{buttons:s})}static async prompt(e,t="Input",i={}){const o=`prompt-input-${Date.now()}`,s=i.defaultValue||"",n=i.inputType||"text",a=i.placeholder||"",r=[{text:"Cancel",class:"btn-secondary",dismiss:!0},{text:"OK",class:"btn-primary",action:"ok"}],l=new ModalView({title:t,body:`\n                <p>${e}</p>\n                <input type="${n}"\n                       class="form-control"\n                       id="${o}"\n                       value="${s}"\n                       placeholder="${a}">\n            `,size:i.size||"sm",centered:!0,backdrop:"static",buttons:r,...i});return l.on("shown",()=>{const e=l.element.querySelector(`#${o}`);e&&(e.focus(),e.select())}),Modal._renderAndAwait(l,{buttons:r,onAction:async e=>{if("ok"!==e)return null;const t=l.element.querySelector(`#${o}`);return t?t.value:null}})}static showError(e){return Modal.alert(e,"Error",{type:"error"})}static async form(e={}){const{title:t="Form",formConfig:i={},size:o="md",centered:s=!0,submitText:n="Submit",cancelText:a="Cancel",...r}=e,l=new(0,(await Promise.resolve().then(()=>require("./FormView-LRb8scDI.js")).then(e=>e.FormView$1)).default)({fileHandling:e.fileHandling||"base64",data:e.data,defaults:e.defaults,model:e.model,formConfig:{fields:i.fields||e.fields,...i,submitButton:!1,resetButton:!1}}),d=[{text:a,class:"btn-secondary",action:"cancel"},{text:n,class:"btn-primary",action:"submit"}],c=new ModalView({title:t,body:l,size:o,centered:s,buttons:d,...r});return Modal._renderAndAwait(c,{buttons:d,onAction:async t=>{if("cancel"===t)return c.hide(),null;if("submit"!==t)return null;if(!l.validate())return l.focusFirstError(),!1;if(e.autoSave&&e.model){c.setLoading(!0);const e=await l.saveModel();return e.success?e:(c.setLoading(!1),await c.render(),c.getApp()?.toast?.error(e.message),!1)}try{return await l.getFormData()}catch(i){return console.error("Modal.form: error collecting form data:",i),l.showError("Error collecting form data"),!1}},cleanup:async()=>{try{await l.destroy()}catch{}}})}static async modelForm(e={}){const{title:t="Edit",formConfig:i={},size:o="md",centered:s=!0,submitText:n="Save",cancelText:a="Cancel",model:r,fields:l,...d}=e;if(!r)throw new Error("Modal.modelForm requires a model");const c=new(0,(await Promise.resolve().then(()=>require("./FormView-LRb8scDI.js")).then(e=>e.FormView$1)).default)({fileHandling:e.fileHandling||"base64",model:r,data:e.data,defaults:e.defaults,formConfig:{fields:l||i.fields||[],...i,submitButton:!1,resetButton:!1}}),h=[{text:a,class:"btn-secondary",action:"cancel"},{text:n,class:"btn-primary",action:"submit"}],u=new ModalView({title:t,body:c,size:o,centered:s,buttons:h,...d});return Modal._renderAndAwait(u,{buttons:h,onAction:async e=>{if("cancel"===e)return u.hide(),null;if("submit"!==e)return null;u.setLoading(!0,"Saving...");try{const e=await c.handleSubmit();if(e.success)return e;u.setLoading(!1);let t=e.error;return e.data?.error&&(t=e.data.error),u.getApp()?.toast?.error(t),!1}catch(t){return console.error("Modal.modelForm: error saving:",t),await u.setContent(c),c.showError(t.message||"An error occurred while saving"),!1}},cleanup:async()=>{try{await c.destroy()}catch{}}})}static async data(e={}){const{title:t="Data View",data:i={},model:o=null,fields:s=[],columns:n=2,responsive:a=!0,showEmptyValues:r=!1,emptyValueText:l="—",size:d="lg",centered:c=!0,closeText:h="Close",...u}=e,p=new(0,(await Promise.resolve().then(()=>require("./DataView-DFGIE3wK.js"))).default)({data:i,model:o,fields:s,columns:n,responsive:a,showEmptyValues:r,emptyValueText:l}),m=[{text:h,class:"btn-secondary",value:"close"}],w=new ModalView({title:t,body:p,size:d,centered:c,buttons:m,...u});return p.on("field:click",e=>w.emit("dataview:field:click",e)),p.on("error",e=>w.emit("dataview:error",e)),Modal._renderAndAwait(w,{buttons:m,cleanup:async()=>{try{await p.destroy()}catch{}}})}static async code(e={}){const{code:t="",language:i="javascript",title:o="Source Code",size:s="lg",...n}=e,a=new CodeViewer({code:t,language:i}),r=[{text:"Copy to Clipboard",class:"btn-primary",icon:"bi-clipboard",action:"copy"},{text:"Close",class:"btn-secondary",dismiss:!0}],l=new ModalView({title:o,body:a,size:s,scrollable:!0,buttons:r,...n});return Modal._renderAndAwait(l,{buttons:r,onAction:async e=>{if("copy"!==e)return null;if(!navigator.clipboard)return!1;try{await navigator.clipboard.writeText(t),Modal._showCopySuccess(l)}catch(i){console.error("Modal.code: clipboard write failed:",i)}return!1}})}static _showCopySuccess(e){const t=e.element?.querySelector('[data-action="copy"]');if(!t)return;const i=t.innerHTML;t.innerHTML='<i class="bi bi-check me-1"></i>Copied!',t.classList.remove("btn-primary"),t.classList.add("btn-success"),t.disabled=!0,setTimeout(()=>{t.innerHTML=i,t.classList.remove("btn-success"),t.classList.add("btn-primary"),t.disabled=!1},2e3)}static async htmlPreview(e={}){const{html:t=e.content||"",title:i="HTML Preview",size:o="lg",height:s=500,...n}=e,a=new HtmlPreview({html:t,height:s}),r=[{text:"Close",class:"btn-secondary",dismiss:!0}],l=new ModalView({title:i,body:a,size:o,scrollable:!1,buttons:r,...n});return Modal._renderAndAwait(l,{buttons:r})}static async updateModelImage(e={},t={}){const i=e.upload||!1,o=t.name||e.field||"image",n={title:"Upload Your Avatar",model:null,autoSave:!i,size:"sm",fields:[{type:"image",name:o,size:"lg",imageSize:{width:200,height:200},placeholder:"Upload your image",...t}],...e},a=await Modal.form(n);if(!i||!a||!e.model)return a;const r=a[o];if(!r||!r.startsWith("data:"))return a;const l=r.split(","),d=l[0]?.match(/:(.*?);/),c=d?.[1]||"image/png",h=atob(l[1]);let u=h.length;const p=new Uint8Array(u);for(;u--;)p[u]=h.charCodeAt(u);const m=c.split("/")[1]||"png",w="undefined"!=typeof window&&window.File||globalThis.File;if(!w)throw new Error("File API is not available in this environment");const g=new w([p],`${o}.${m}`,{type:c}),f=new s;return await f.upload({file:g,name:`${o}.${m}`,description:e.uploadDescription||`${o} upload`,showToast:!0}),e.model.save({[o]:f.id})}static loading(e){l.show(e)}static hideLoading(e){l.hide(e)}static showBusy(e){return Modal.loading(e)}static hideBusy(e){return Modal.hideLoading(e)}}const c=/* @__PURE__ */Object.freeze(/* @__PURE__ */Object.defineProperty({__proto__:null,default:Modal},Symbol.toStringTag,{value:"Module"}));exports.CodeViewer=CodeViewer,exports.File=s,exports.FileForms={create:{title:"Add File",fields:[]},edit:{title:"Edit File Backend",fields:[]}},exports.FileList=FileList,exports.FileManager=FileManager,exports.FileManagerForms=o,exports.FileManagerList=FileManagerList,exports.FileUpload=FileUpload,exports.Modal=Modal,exports.Modal$1=c,exports.ModalView=ModalView,exports.ProgressView=ProgressView,exports.ToastService=ToastService;
-//# sourceMappingURL=Modal-BRKy85bz.js.map