comisai 1.0.24 → 1.0.25

package/node_modules/@comis/web/dist/assets/{mcp-management-BNZPnpDn.js → mcp-management-5jyScQis.js}

@@ -1,211 +1,4 @@
-import{a as f,I as v,A as o,b as s,s as b,f as w,i as y,n as m,r as l,t as $}from"./index-CEcM1R_C.js";import"./ic-empty-state-60l2ePhd.js";import"./ic-confirm-dialog-CCDbB04e.js";import"./ic-tag-CPPUnDLF.js";import"./ic-relative-time-3FqpjeAI.js";import"./ic-icon-xeGTVhVG.js";var x=Object.defineProperty,S=Object.getOwnPropertyDescriptor,a=(e,t,i,c)=>{for(var r=c>1?void 0:c?S(t,i):t,p=e.length-1,d;p>=0;p--)(d=e[p])&&(r=(c?d(t,i,r):d(r))||r);return c&&r&&x(t,i,r),r};let n=class extends f{constructor(){super(...arguments),this.rpcClient=null,this.apiClient=null,this.eventDispatcher=null,this._loadState="loading",this._servers=[],this._mcpConfig=[],this._expandedServer=null,this._serverDetail=null,this._showAddForm=!1,this._disconnectTarget=null,this._deleteTarget=null,this._detailLoading=!1,this._showInstructions=!1,this._testingServer=null,this._testResult=null,this._newServerName="",this._newServerTransport="stdio",this._newServerCommand="",this._newServerUrl="",this._newServerHeaders="",this._newServerEnv="",this._rpcStatusUnsub=null}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this._rpcStatusUnsub?.(),this._rpcStatusUnsub=null}willUpdate(e){e.has("rpcClient")&&this.rpcClient&&this._tryLoad()}_tryLoad(){if(!this.rpcClient){this._loadState="loaded";return}this._rpcStatusUnsub?.(),this.rpcClient.status==="connected"?this._loadData():this._rpcStatusUnsub=this.rpcClient.onStatusChange(e=>{e==="connected"&&this._loadData()})}async _loadData(){if(this.rpcClient)try{const[e,t]=await Promise.all([this.rpcClient.call("mcp.list"),this.rpcClient.call("config.read")]);this._servers=e.servers??[],this._mcpConfig=t.config?.integrations?.mcp?.servers??[],this._loadState="loaded"}catch{this._loadState="error"}}async _loadServerDetail(e){if(this.rpcClient){this._detailLoading=!0;try{const t=await this.rpcClient.call("mcp.status",{name:e});this._serverDetail=t,this._expandedServer=e}catch{v.show(`Failed to load tools for ${e}`,"error"),this._expandedServer=null,this._serverDetail=null}finally{this._detailLoading=!1}}}async _patchConfig(e,t,i){if(!this.rpcClient)return!1;try{return await this.rpcClient.call("config.patch",{section:e,key:t,value:i}),!0}catch(c){const r=c instanceof Error?c.message:"Failed to update configuration";return v.show(r,"error"),!1}}_stripRedactedEnv(e){return e.map(t=>{if(!t.env||!Object.values(t.env).some(p=>p==="[REDACTED]"))return t;const{env:c,...r}=t;return r})}_requestDisconnect(e){this._disconnectTarget=e}async _confirmDisconnect(){const e=this._disconnectTarget;if(this._disconnectTarget=null,!(!e||!this.rpcClient))try{await this.rpcClient.call("mcp.disconnect",{name:e}),v.show(`Disconnected ${e}`,"success"),this._expandedServer===e&&(this._expandedServer=null,this._serverDetail=null),this._loadData()}catch{v.show(`Failed to disconnect ${e}`,"error")}}_cancelDisconnect(){this._disconnectTarget=null}async _handleReconnect(e){if(this.rpcClient)try{await this.rpcClient.call("mcp.reconnect",{name:e}),v.show(`Reconnected ${e}`,"success"),this._loadData()}catch{v.show(`Failed to reconnect ${e}`,"error")}}async _handleTest(e){if(this.rpcClient)try{const t=await this.rpcClient.call("mcp.test",{name:e});t.success?v.show(`${e}: test passed`,"success"):v.show(`${e}: test failed${t.message?" — "+t.message:""}`,"error")}catch{v.show(`Failed to test ${e}`,"error")}}_toggleTools(e){this._expandedServer===e?(this._expandedServer=null,this._serverDetail=null,this._showInstructions=!1):(this._showInstructions=!1,this._loadServerDetail(e))}async _toggleServer(e,t){const i=this._mcpConfig.map(r=>r.name===e?{...r,enabled:t}:r);await this._patchConfig("integrations","mcp.servers",this._stripRedactedEnv(i))&&(this._mcpConfig=i)}_removeServer(e){this._deleteTarget=e}async _confirmRemove(){const e=this._deleteTarget;if(this._deleteTarget=null,!e)return;const t=this._mcpConfig.filter(c=>c.name!==e);await this._patchConfig("integrations","mcp.servers",this._stripRedactedEnv(t))&&(this._mcpConfig=t,v.show(`Removed MCP server "${e}"`,"success"),this._loadData())}_cancelRemove(){this._deleteTarget=null}async _addServer(){if(!this._newServerName.trim()){v.show("Server name is required","error");return}const e=this._newServerName.trim();if(this._mcpConfig.some(d=>d.name===e)){v.show(`MCP server "${e}" already exists`,"error");return}if(this._newServerTransport==="stdio"&&!this._newServerCommand.trim()){v.show("Command is required for stdio transport","error");return}if(this._newServerTransport!=="stdio"&&!this._newServerUrl.trim()){v.show("URL is required for remote transport","error");return}const t={name:e,transport:this._newServerTransport,enabled:!0};if(this._newServerTransport==="stdio"){const d=this._newServerCommand.trim().split(/\s+/);t.command=d[0]??"",d.length>1&&(t.args=d.slice(1))}else t.url=this._newServerUrl.trim();const i=this._newServerHeaders.trim();if(i){const d={};for(const h of i.split(`
-`)){const u=h.indexOf(":");if(u>0){const g=h.slice(0,u).trim(),_=h.slice(u+1).trim();g&&(d[g]=_)}}Object.keys(d).length>0&&(t.headers=d)}const c=this._newServerEnv.trim();if(c){const d={};for(const h of c.split(`
-`)){const u=h.indexOf("=");u>0&&(d[h.slice(0,u).trim()]=h.slice(u+1).trim())}Object.keys(d).length>0&&(t.env=d)}const r=[...this._mcpConfig,t];await this._patchConfig("integrations","mcp.servers",this._stripRedactedEnv(r))&&(this._mcpConfig=r,this._newServerName="",this._newServerCommand="",this._newServerUrl="",this._newServerHeaders="",this._newServerEnv="",this._showAddForm=!1,v.show(`Added MCP server "${e}"`,"success"),this._loadData())}async _testServerConfig(e){if(!(!this.rpcClient||this._testingServer)){this._testingServer=e.name,this._testResult=null;try{const t={name:e.name,transport:e.transport};e.transport==="stdio"?(t.command=e.command,t.args=e.args):t.url=e.url,e.env&&Object.keys(e.env).length>0&&(t.env=e.env),e.headers&&Object.keys(e.headers).length>0&&(t.headers=e.headers);const i=await this.rpcClient.call("mcp.test",t);this._testResult={name:e.name,...i}}catch(t){const i=t instanceof Error?t.message:"Test failed",c=i==="Not connected"||i.includes("WebSocket");this._testResult={name:e.name,success:!1,error:c?"Daemon not connected -- wait for reconnection and try again":i}}finally{this._testingServer=null}}}_statusColor(e){switch(e){case"connected":return"green";case"disconnected":return"default";case"connecting":return"yellow";case"reconnecting":return"yellow";case"error":return"red";default:return"default"}}_renderAddServerForm(){return s`
-      <div class="add-server-form">
-        <div class="add-server-title">Add Server</div>
-        <div class="add-server-row">
-          <input
-            class="add-server-input"
-            type="text"
-            placeholder="Server name"
-            .value=${this._newServerName}
-            @input=${e=>{this._newServerName=e.target.value}}
-          />
-          <select
-            class="add-server-select"
-            .value=${this._newServerTransport}
-            @change=${e=>{this._newServerTransport=e.target.value}}
-          >
-            <option value="stdio">stdio</option>
-            <option value="sse">sse</option>
-            <option value="http">http</option>
-          </select>
-        </div>
-        ${this._newServerTransport==="stdio"?s`
-                <input
-                  class="add-server-input"
-                  type="text"
-                  placeholder="Command (e.g., npx -y @mcp/server)"
-                  .value=${this._newServerCommand}
-                  @input=${e=>{this._newServerCommand=e.target.value}}
-                />
-              `:s`
-                <input
-                  class="add-server-input"
-                  type="text"
-                  placeholder=${this._newServerTransport==="sse"?"URL (e.g., http://localhost:3001/sse)":"URL (e.g., http://localhost:3001/mcp)"}
-                  .value=${this._newServerUrl}
-                  @input=${e=>{this._newServerUrl=e.target.value}}
-                />
-              `}
-        ${this._newServerTransport!=="stdio"?s`
-              <textarea
-                class="add-server-input"
-                rows="2"
-                placeholder="Custom headers (one per line: Header-Name: value)"
-                .value=${this._newServerHeaders}
-                @input=${e=>{this._newServerHeaders=e.target.value}}
-                style="resize:vertical;font-family:monospace;font-size:0.85rem"
-              ></textarea>
-            `:o}
-        <textarea
-          class="add-server-input"
-          rows="2"
-          placeholder="Environment variables (one per line: KEY=VALUE)"
-          .value=${this._newServerEnv}
-          @input=${e=>{this._newServerEnv=e.target.value}}
-          style="resize:vertical;font-family:monospace;font-size:0.85rem"
-        ></textarea>
-        <div style="display: flex; gap: var(--ic-space-sm);">
-          <button class="add-server-btn" @click=${()=>this._addServer()}>Add Server</button>
-          <button class="cancel-btn" @click=${()=>{this._showAddForm=!1,this._newServerName="",this._newServerCommand="",this._newServerUrl="",this._newServerHeaders="",this._newServerEnv=""}}>Cancel</button>
-        </div>
-      </div>
-    `}_renderCapabilityBadges(e){if(!e)return o;const t=[];return e.tools&&t.push(s`<ic-tag variant="info">tools</ic-tag>`),e.resources&&t.push(s`<ic-tag variant="accent">resources</ic-tag>`),e.prompts&&t.push(s`<ic-tag variant="success">prompts</ic-tag>`),t.length===0?o:s`<span class="capability-badges">${t}</span>`}_renderServerVersion(e){return e?s`<span class="server-version">${e.name} v${e.version}</span>`:o}_renderInstructions(){return this._serverDetail?.instructions?s`
-      <div class="instructions-section">
-        <button
-          class="instructions-toggle"
-          @click=${()=>{this._showInstructions=!this._showInstructions}}
-        >
-          ${this._showInstructions?"Hide Instructions":"Show Instructions"}
-        </button>
-        ${this._showInstructions?s`<div class="instructions-content">${this._serverDetail.instructions}</div>`:o}
-      </div>
-    `:o}_renderToolList(){return this._detailLoading?s`<div class="tool-loading">Loading tools...</div>`:!this._serverDetail||!this._serverDetail.tools.length?s`<div class="tool-loading">No tools discovered</div>`:s`
-      <div class="tool-list">
-        ${this._serverDetail.tools.map(e=>s`
-            <div class="tool-entry">
-              <div class="tool-name">${e.name}</div>
-              <div class="tool-qualified">${e.qualifiedName}</div>
-              ${e.description?s`<div class="tool-desc">${e.description}</div>`:o}
-            </div>
-          `)}
-      </div>
-      ${this._renderInstructions()}
-    `}_renderTestResult(e){const t=this._testResult?.name===e?this._testResult:null;return t?t.success?s`<div class="server-test-result server-test-success">Connected -- ${t.toolCount} tool(s): ${t.tools?.join(", ")||"none"}</div>`:s`<div class="server-test-result server-test-error">${t.error}</div>`:o}_renderServer(e){const t=this._expandedServer===e.name,i=e.status==="connected",c=e.status==="disconnected"||e.status==="error"||e.status==="reconnecting",r=this._mcpConfig.find(p=>p.name===e.name);return s`
-      <div class="server-card">
-        <div class="server-header">
-          <ic-tag color=${this._statusColor(e.status)}>${e.status==="reconnecting"&&e.reconnectAttempt?`reconnecting (${e.reconnectAttempt})`:e.status}</ic-tag>
-          <span class="server-name">${e.name}</span>
-          ${r?s`
-            <ic-tag variant=${r.transport==="stdio"?"info":"accent"}>${r.transport}</ic-tag>
-          `:o}
-          <span class="server-tools-count">${e.toolCount} tool${e.toolCount!==1?"s":""}</span>
-          ${this._renderCapabilityBadges(e.capabilities)}
-          ${this._renderServerVersion(e.serverVersion)}
-          ${e.lastHealthCheck?s`
-            <span class="server-health">
-              Last check: <ic-relative-time .timestamp=${e.lastHealthCheck}></ic-relative-time>
-            </span>
-          `:o}
-        </div>
-        ${e.status==="error"&&e.error?s`
-          <span class="server-error">${e.error}</span>
-        `:o}
-        ${r?s`
-          <span class="server-command">
-            ${r.transport==="stdio"?`${r.command??""}${r.args?.length?" "+r.args.join(" "):""}`:r.url??""}
-          </span>
-          ${r.env&&Object.keys(r.env).length>0?s`<span class="server-env-badge" title=${Object.keys(r.env).join(", ")}>env: ${Object.keys(r.env).join(", ")}</span>`:o}
-          ${r.headers&&Object.keys(r.headers).length>0?s`<span class="server-env-badge" title=${Object.keys(r.headers).join(", ")}>headers: ${Object.keys(r.headers).join(", ")}</span>`:o}
-        `:o}
-        <div class="server-actions">
-          ${i?s`
-            <button class="action-btn danger" @click=${()=>this._requestDisconnect(e.name)}>Disconnect</button>
-          `:o}
-          ${c?s`
-            <button class="action-btn primary" @click=${()=>this._handleReconnect(e.name)}>Reconnect</button>
-          `:o}
-          <button class="action-btn" @click=${()=>this._handleTest(e.name)}>Test</button>
-          <button class="action-btn" @click=${()=>this._toggleTools(e.name)}>
-            ${t?"Hide Tools":"Tools"}
-          </button>
-          ${r?s`
-            <input
-              type="checkbox"
-              class="toggle-checkbox"
-              .checked=${r.enabled}
-              @change=${p=>{this._toggleServer(e.name,p.target.checked)}}
-              aria-label="Enable ${e.name}"
-            />
-            <button class="action-btn danger" @click=${()=>this._removeServer(e.name)}>Delete</button>
-          `:o}
-        </div>
-        ${this._renderTestResult(e.name)}
-        ${t?this._renderToolList():o}
-      </div>
-    `}_renderConfigOnlyServer(e){const t=this._testingServer===e.name;return s`
-      <div class="server-card">
-        <div class="server-header">
-          <ic-tag color="default">not running</ic-tag>
-          <span class="server-name">${e.name}</span>
-          <ic-tag variant=${e.transport==="stdio"?"info":"accent"}>${e.transport}</ic-tag>
-        </div>
-        <span class="server-command">
-          ${e.transport==="stdio"?`${e.command??""}${e.args?.length?" "+e.args.join(" "):""}`:e.url??""}
-        </span>
-        ${e.env&&Object.keys(e.env).length>0?s`<span class="server-env-badge" title=${Object.keys(e.env).join(", ")}>env: ${Object.keys(e.env).join(", ")}</span>`:o}
-        ${e.headers&&Object.keys(e.headers).length>0?s`<span class="server-env-badge" title=${Object.keys(e.headers).join(", ")}>headers: ${Object.keys(e.headers).join(", ")}</span>`:o}
-        <div class="server-actions">
-          <button
-            class="action-btn"
-            ?disabled=${t}
-            @click=${()=>this._testServerConfig(e)}
-          >${t?"Testing...":"Test"}</button>
-          <input
-            type="checkbox"
-            class="toggle-checkbox"
-            .checked=${e.enabled}
-            @change=${i=>{this._toggleServer(e.name,i.target.checked)}}
-            aria-label="Enable ${e.name}"
-          />
-          <button class="action-btn danger" @click=${()=>this._removeServer(e.name)}>Delete</button>
-        </div>
-        ${this._renderTestResult(e.name)}
-      </div>
-    `}render(){if(this._loadState==="loading")return s`<ic-skeleton-view variant="list"></ic-skeleton-view>`;if(this._loadState==="error")return s`
-        <div class="error-message">
-          Failed to load MCP server data
-          <br />
-          <button class="retry-btn" @click=${()=>{this._loadData()}}>Retry</button>
-        </div>
-      `;const e=this._mcpConfig.filter(i=>!this._servers.some(c=>c.name===i.name)),t=this._servers.length>0||e.length>0;return s`
-      ${this._showAddForm?this._renderAddServerForm():o}
-      ${t?s`
-        <div class="header-row">
-          <span class="header-title">${this._servers.length+e.length} server${this._servers.length+e.length!==1?"s":""}</span>
-          <button class="connect-btn" @click=${()=>{this._showAddForm=!0}}>Add Server</button>
-        </div>
-        <div class="server-list">
-          ${this._servers.map(i=>this._renderServer(i))}
-          ${e.map(i=>this._renderConfigOnlyServer(i))}
-        </div>
-      `:s`
-        <ic-empty-state message="No MCP servers configured. Add a server to extend agent capabilities.">
-          <button class="connect-btn" @click=${()=>{this._showAddForm=!0}}>Add Server</button>
-        </ic-empty-state>
-      `}
-
-      <ic-confirm-dialog
-        ?open=${this._disconnectTarget!==null}
-        title="Disconnect MCP Server"
-        message="This will disconnect the server and its tools will become unavailable."
-        confirmLabel="Disconnect"
-        variant="danger"
-        @confirm=${this._confirmDisconnect}
-        @cancel=${this._cancelDisconnect}
-      ></ic-confirm-dialog>
-
-      <ic-confirm-dialog
-        ?open=${this._deleteTarget!==null}
-        title="Delete MCP Server"
-        message="This will remove the server from configuration. The server will be disconnected if currently running."
-        confirmLabel="Delete"
-        variant="danger"
-        @confirm=${this._confirmRemove}
-        @cancel=${this._cancelRemove}
-      ></ic-confirm-dialog>
-    `}};n.styles=[b,w,y`
+import{c as e,f as t,h as n,l as r,n as i,o as a,r as o,s,t as c,u as l}from"./decorate-BvWYovGE.js";import{a as u}from"./index-FLPhHz8p.js";import"./ic-tag-CvMVQFRR.js";import"./ic-confirm-dialog-DGlPbV1T.js";import"./ic-relative-time-B3UAnTqg.js";import"./ic-empty-state-CM3Wbj2f.js";var d=class extends r{constructor(...e){super(...e),this.rpcClient=null,this.apiClient=null,this.eventDispatcher=null,this._loadState=`loading`,this._servers=[],this._mcpConfig=[],this._expandedServer=null,this._serverDetail=null,this._showAddForm=!1,this._disconnectTarget=null,this._deleteTarget=null,this._detailLoading=!1,this._showInstructions=!1,this._testingServer=null,this._testResult=null,this._newServerName=``,this._newServerTransport=`stdio`,this._newServerCommand=``,this._newServerUrl=``,this._newServerHeaders=``,this._newServerEnv=``,this._rpcStatusUnsub=null}static{this.styles=[o,i,n`
       :host {
         display: block;
       }
@@ -579,4 +372,211 @@ import{a as f,I as v,A as o,b as s,s as b,f as w,i as y,n as m,r as l,t as $}fro
         max-height: 12rem;
         overflow-y: auto;
       }
-    `];a([m({attribute:!1})],n.prototype,"rpcClient",2);a([m({attribute:!1})],n.prototype,"apiClient",2);a([m({attribute:!1})],n.prototype,"eventDispatcher",2);a([l()],n.prototype,"_loadState",2);a([l()],n.prototype,"_servers",2);a([l()],n.prototype,"_mcpConfig",2);a([l()],n.prototype,"_expandedServer",2);a([l()],n.prototype,"_serverDetail",2);a([l()],n.prototype,"_showAddForm",2);a([l()],n.prototype,"_disconnectTarget",2);a([l()],n.prototype,"_deleteTarget",2);a([l()],n.prototype,"_detailLoading",2);a([l()],n.prototype,"_showInstructions",2);a([l()],n.prototype,"_testingServer",2);a([l()],n.prototype,"_testResult",2);a([l()],n.prototype,"_newServerName",2);a([l()],n.prototype,"_newServerTransport",2);a([l()],n.prototype,"_newServerCommand",2);a([l()],n.prototype,"_newServerUrl",2);a([l()],n.prototype,"_newServerHeaders",2);a([l()],n.prototype,"_newServerEnv",2);n=a([$("ic-mcp-management")],n);export{n as IcMcpManagement};
+    `]}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this._rpcStatusUnsub?.(),this._rpcStatusUnsub=null}willUpdate(e){e.has(`rpcClient`)&&this.rpcClient&&this._tryLoad()}_tryLoad(){if(!this.rpcClient){this._loadState=`loaded`;return}this._rpcStatusUnsub?.(),this.rpcClient.status===`connected`?this._loadData():this._rpcStatusUnsub=this.rpcClient.onStatusChange(e=>{e===`connected`&&this._loadData()})}async _loadData(){if(this.rpcClient)try{let[e,t]=await Promise.all([this.rpcClient.call(`mcp.list`),this.rpcClient.call(`config.read`)]);this._servers=e.servers??[],this._mcpConfig=t.config?.integrations?.mcp?.servers??[],this._loadState=`loaded`}catch{this._loadState=`error`}}async _loadServerDetail(e){if(this.rpcClient){this._detailLoading=!0;try{let t=await this.rpcClient.call(`mcp.status`,{name:e});this._serverDetail=t,this._expandedServer=e}catch{u.show(`Failed to load tools for ${e}`,`error`),this._expandedServer=null,this._serverDetail=null}finally{this._detailLoading=!1}}}async _patchConfig(e,t,n){if(!this.rpcClient)return!1;try{return await this.rpcClient.call(`config.patch`,{section:e,key:t,value:n}),!0}catch(e){let t=e instanceof Error?e.message:`Failed to update configuration`;return u.show(t,`error`),!1}}_stripRedactedEnv(e){return e.map(e=>{if(!e.env||!Object.values(e.env).some(e=>e===`[REDACTED]`))return e;let{env:t,...n}=e;return n})}_requestDisconnect(e){this._disconnectTarget=e}async _confirmDisconnect(){let e=this._disconnectTarget;if(this._disconnectTarget=null,!(!e||!this.rpcClient))try{await this.rpcClient.call(`mcp.disconnect`,{name:e}),u.show(`Disconnected ${e}`,`success`),this._expandedServer===e&&(this._expandedServer=null,this._serverDetail=null),this._loadData()}catch{u.show(`Failed to disconnect ${e}`,`error`)}}_cancelDisconnect(){this._disconnectTarget=null}async _handleReconnect(e){if(this.rpcClient)try{await this.rpcClient.call(`mcp.reconnect`,{name:e}),u.show(`Reconnected ${e}`,`success`),this._loadData()}catch{u.show(`Failed to reconnect ${e}`,`error`)}}async _handleTest(e){if(this.rpcClient)try{let t=await this.rpcClient.call(`mcp.test`,{name:e});t.success?u.show(`${e}: test passed`,`success`):u.show(`${e}: test failed${t.message?` — `+t.message:``}`,`error`)}catch{u.show(`Failed to test ${e}`,`error`)}}_toggleTools(e){this._expandedServer===e?(this._expandedServer=null,this._serverDetail=null,this._showInstructions=!1):(this._showInstructions=!1,this._loadServerDetail(e))}async _toggleServer(e,t){let n=this._mcpConfig.map(n=>n.name===e?{...n,enabled:t}:n);await this._patchConfig(`integrations`,`mcp.servers`,this._stripRedactedEnv(n))&&(this._mcpConfig=n)}_removeServer(e){this._deleteTarget=e}async _confirmRemove(){let e=this._deleteTarget;if(this._deleteTarget=null,!e)return;let t=this._mcpConfig.filter(t=>t.name!==e);await this._patchConfig(`integrations`,`mcp.servers`,this._stripRedactedEnv(t))&&(this._mcpConfig=t,u.show(`Removed MCP server "${e}"`,`success`),this._loadData())}_cancelRemove(){this._deleteTarget=null}async _addServer(){if(!this._newServerName.trim()){u.show(`Server name is required`,`error`);return}let e=this._newServerName.trim();if(this._mcpConfig.some(t=>t.name===e)){u.show(`MCP server "${e}" already exists`,`error`);return}if(this._newServerTransport===`stdio`&&!this._newServerCommand.trim()){u.show(`Command is required for stdio transport`,`error`);return}if(this._newServerTransport!==`stdio`&&!this._newServerUrl.trim()){u.show(`URL is required for remote transport`,`error`);return}let t={name:e,transport:this._newServerTransport,enabled:!0};if(this._newServerTransport===`stdio`){let e=this._newServerCommand.trim().split(/\s+/);t.command=e[0]??``,e.length>1&&(t.args=e.slice(1))}else t.url=this._newServerUrl.trim();let n=this._newServerHeaders.trim();if(n){let e={};for(let t of n.split(`
+`)){let n=t.indexOf(`:`);if(n>0){let r=t.slice(0,n).trim(),i=t.slice(n+1).trim();r&&(e[r]=i)}}Object.keys(e).length>0&&(t.headers=e)}let r=this._newServerEnv.trim();if(r){let e={};for(let t of r.split(`
+`)){let n=t.indexOf(`=`);n>0&&(e[t.slice(0,n).trim()]=t.slice(n+1).trim())}Object.keys(e).length>0&&(t.env=e)}let i=[...this._mcpConfig,t];await this._patchConfig(`integrations`,`mcp.servers`,this._stripRedactedEnv(i))&&(this._mcpConfig=i,this._newServerName=``,this._newServerCommand=``,this._newServerUrl=``,this._newServerHeaders=``,this._newServerEnv=``,this._showAddForm=!1,u.show(`Added MCP server "${e}"`,`success`),this._loadData())}async _testServerConfig(e){if(!(!this.rpcClient||this._testingServer)){this._testingServer=e.name,this._testResult=null;try{let t={name:e.name,transport:e.transport};e.transport===`stdio`?(t.command=e.command,t.args=e.args):t.url=e.url,e.env&&Object.keys(e.env).length>0&&(t.env=e.env),e.headers&&Object.keys(e.headers).length>0&&(t.headers=e.headers);let n=await this.rpcClient.call(`mcp.test`,t);this._testResult={name:e.name,...n}}catch(t){let n=t instanceof Error?t.message:`Test failed`,r=n===`Not connected`||n.includes(`WebSocket`);this._testResult={name:e.name,success:!1,error:r?`Daemon not connected -- wait for reconnection and try again`:n}}finally{this._testingServer=null}}}_statusColor(e){switch(e){case`connected`:return`green`;case`disconnected`:return`default`;case`connecting`:return`yellow`;case`reconnecting`:return`yellow`;case`error`:return`red`;default:return`default`}}_renderAddServerForm(){return t`
+      <div class="add-server-form">
+        <div class="add-server-title">Add Server</div>
+        <div class="add-server-row">
+          <input
+            class="add-server-input"
+            type="text"
+            placeholder="Server name"
+            .value=${this._newServerName}
+            @input=${e=>{this._newServerName=e.target.value}}
+          />
+          <select
+            class="add-server-select"
+            .value=${this._newServerTransport}
+            @change=${e=>{this._newServerTransport=e.target.value}}
+          >
+            <option value="stdio">stdio</option>
+            <option value="sse">sse</option>
+            <option value="http">http</option>
+          </select>
+        </div>
+        ${this._newServerTransport===`stdio`?t`
+                <input
+                  class="add-server-input"
+                  type="text"
+                  placeholder="Command (e.g., npx -y @mcp/server)"
+                  .value=${this._newServerCommand}
+                  @input=${e=>{this._newServerCommand=e.target.value}}
+                />
+              `:t`
+                <input
+                  class="add-server-input"
+                  type="text"
+                  placeholder=${this._newServerTransport===`sse`?`URL (e.g., http://localhost:3001/sse)`:`URL (e.g., http://localhost:3001/mcp)`}
+                  .value=${this._newServerUrl}
+                  @input=${e=>{this._newServerUrl=e.target.value}}
+                />
+              `}
+        ${this._newServerTransport===`stdio`?l:t`
+              <textarea
+                class="add-server-input"
+                rows="2"
+                placeholder="Custom headers (one per line: Header-Name: value)"
+                .value=${this._newServerHeaders}
+                @input=${e=>{this._newServerHeaders=e.target.value}}
+                style="resize:vertical;font-family:monospace;font-size:0.85rem"
+              ></textarea>
+            `}
+        <textarea
+          class="add-server-input"
+          rows="2"
+          placeholder="Environment variables (one per line: KEY=VALUE)"
+          .value=${this._newServerEnv}
+          @input=${e=>{this._newServerEnv=e.target.value}}
+          style="resize:vertical;font-family:monospace;font-size:0.85rem"
+        ></textarea>
+        <div style="display: flex; gap: var(--ic-space-sm);">
+          <button class="add-server-btn" @click=${()=>this._addServer()}>Add Server</button>
+          <button class="cancel-btn" @click=${()=>{this._showAddForm=!1,this._newServerName=``,this._newServerCommand=``,this._newServerUrl=``,this._newServerHeaders=``,this._newServerEnv=``}}>Cancel</button>
+        </div>
+      </div>
+    `}_renderCapabilityBadges(e){if(!e)return l;let n=[];return e.tools&&n.push(t`<ic-tag variant="info">tools</ic-tag>`),e.resources&&n.push(t`<ic-tag variant="accent">resources</ic-tag>`),e.prompts&&n.push(t`<ic-tag variant="success">prompts</ic-tag>`),n.length===0?l:t`<span class="capability-badges">${n}</span>`}_renderServerVersion(e){return e?t`<span class="server-version">${e.name} v${e.version}</span>`:l}_renderInstructions(){return this._serverDetail?.instructions?t`
+      <div class="instructions-section">
+        <button
+          class="instructions-toggle"
+          @click=${()=>{this._showInstructions=!this._showInstructions}}
+        >
+          ${this._showInstructions?`Hide Instructions`:`Show Instructions`}
+        </button>
+        ${this._showInstructions?t`<div class="instructions-content">${this._serverDetail.instructions}</div>`:l}
+      </div>
+    `:l}_renderToolList(){return this._detailLoading?t`<div class="tool-loading">Loading tools...</div>`:!this._serverDetail||!this._serverDetail.tools.length?t`<div class="tool-loading">No tools discovered</div>`:t`
+      <div class="tool-list">
+        ${this._serverDetail.tools.map(e=>t`
+            <div class="tool-entry">
+              <div class="tool-name">${e.name}</div>
+              <div class="tool-qualified">${e.qualifiedName}</div>
+              ${e.description?t`<div class="tool-desc">${e.description}</div>`:l}
+            </div>
+          `)}
+      </div>
+      ${this._renderInstructions()}
+    `}_renderTestResult(e){let n=this._testResult?.name===e?this._testResult:null;return n?n.success?t`<div class="server-test-result server-test-success">Connected -- ${n.toolCount} tool(s): ${n.tools?.join(`, `)||`none`}</div>`:t`<div class="server-test-result server-test-error">${n.error}</div>`:l}_renderServer(e){let n=this._expandedServer===e.name,r=e.status===`connected`,i=e.status===`disconnected`||e.status===`error`||e.status===`reconnecting`,a=this._mcpConfig.find(t=>t.name===e.name);return t`
+      <div class="server-card">
+        <div class="server-header">
+          <ic-tag color=${this._statusColor(e.status)}>${e.status===`reconnecting`&&e.reconnectAttempt?`reconnecting (${e.reconnectAttempt})`:e.status}</ic-tag>
+          <span class="server-name">${e.name}</span>
+          ${a?t`
+            <ic-tag variant=${a.transport===`stdio`?`info`:`accent`}>${a.transport}</ic-tag>
+          `:l}
+          <span class="server-tools-count">${e.toolCount} tool${e.toolCount===1?``:`s`}</span>
+          ${this._renderCapabilityBadges(e.capabilities)}
+          ${this._renderServerVersion(e.serverVersion)}
+          ${e.lastHealthCheck?t`
+            <span class="server-health">
+              Last check: <ic-relative-time .timestamp=${e.lastHealthCheck}></ic-relative-time>
+            </span>
+          `:l}
+        </div>
+        ${e.status===`error`&&e.error?t`
+          <span class="server-error">${e.error}</span>
+        `:l}
+        ${a?t`
+          <span class="server-command">
+            ${a.transport===`stdio`?`${a.command??``}${a.args?.length?` `+a.args.join(` `):``}`:a.url??``}
+          </span>
+          ${a.env&&Object.keys(a.env).length>0?t`<span class="server-env-badge" title=${Object.keys(a.env).join(`, `)}>env: ${Object.keys(a.env).join(`, `)}</span>`:l}
+          ${a.headers&&Object.keys(a.headers).length>0?t`<span class="server-env-badge" title=${Object.keys(a.headers).join(`, `)}>headers: ${Object.keys(a.headers).join(`, `)}</span>`:l}
+        `:l}
+        <div class="server-actions">
+          ${r?t`
+            <button class="action-btn danger" @click=${()=>this._requestDisconnect(e.name)}>Disconnect</button>
+          `:l}
+          ${i?t`
+            <button class="action-btn primary" @click=${()=>this._handleReconnect(e.name)}>Reconnect</button>
+          `:l}
+          <button class="action-btn" @click=${()=>this._handleTest(e.name)}>Test</button>
+          <button class="action-btn" @click=${()=>this._toggleTools(e.name)}>
+            ${n?`Hide Tools`:`Tools`}
+          </button>
+          ${a?t`
+            <input
+              type="checkbox"
+              class="toggle-checkbox"
+              .checked=${a.enabled}
+              @change=${t=>{this._toggleServer(e.name,t.target.checked)}}
+              aria-label="Enable ${e.name}"
+            />
+            <button class="action-btn danger" @click=${()=>this._removeServer(e.name)}>Delete</button>
+          `:l}
+        </div>
+        ${this._renderTestResult(e.name)}
+        ${n?this._renderToolList():l}
+      </div>
+    `}_renderConfigOnlyServer(e){let n=this._testingServer===e.name;return t`
+      <div class="server-card">
+        <div class="server-header">
+          <ic-tag color="default">not running</ic-tag>
+          <span class="server-name">${e.name}</span>
+          <ic-tag variant=${e.transport===`stdio`?`info`:`accent`}>${e.transport}</ic-tag>
+        </div>
+        <span class="server-command">
+          ${e.transport===`stdio`?`${e.command??``}${e.args?.length?` `+e.args.join(` `):``}`:e.url??``}
+        </span>
+        ${e.env&&Object.keys(e.env).length>0?t`<span class="server-env-badge" title=${Object.keys(e.env).join(`, `)}>env: ${Object.keys(e.env).join(`, `)}</span>`:l}
+        ${e.headers&&Object.keys(e.headers).length>0?t`<span class="server-env-badge" title=${Object.keys(e.headers).join(`, `)}>headers: ${Object.keys(e.headers).join(`, `)}</span>`:l}
+        <div class="server-actions">
+          <button
+            class="action-btn"
+            ?disabled=${n}
+            @click=${()=>this._testServerConfig(e)}
+          >${n?`Testing...`:`Test`}</button>
+          <input
+            type="checkbox"
+            class="toggle-checkbox"
+            .checked=${e.enabled}
+            @change=${t=>{this._toggleServer(e.name,t.target.checked)}}
+            aria-label="Enable ${e.name}"
+          />
+          <button class="action-btn danger" @click=${()=>this._removeServer(e.name)}>Delete</button>
+        </div>
+        ${this._renderTestResult(e.name)}
+      </div>
+    `}render(){if(this._loadState===`loading`)return t`<ic-skeleton-view variant="list"></ic-skeleton-view>`;if(this._loadState===`error`)return t`
+        <div class="error-message">
+          Failed to load MCP server data
+          <br />
+          <button class="retry-btn" @click=${()=>void this._loadData()}>Retry</button>
+        </div>
+      `;let e=this._mcpConfig.filter(e=>!this._servers.some(t=>t.name===e.name)),n=this._servers.length>0||e.length>0;return t`
+      ${this._showAddForm?this._renderAddServerForm():l}
+      ${n?t`
+        <div class="header-row">
+          <span class="header-title">${this._servers.length+e.length} server${this._servers.length+e.length===1?``:`s`}</span>
+          <button class="connect-btn" @click=${()=>{this._showAddForm=!0}}>Add Server</button>
+        </div>
+        <div class="server-list">
+          ${this._servers.map(e=>this._renderServer(e))}
+          ${e.map(e=>this._renderConfigOnlyServer(e))}
+        </div>
+      `:t`
+        <ic-empty-state message="No MCP servers configured. Add a server to extend agent capabilities.">
+          <button class="connect-btn" @click=${()=>{this._showAddForm=!0}}>Add Server</button>
+        </ic-empty-state>
+      `}
+
+      <ic-confirm-dialog
+        ?open=${this._disconnectTarget!==null}
+        title="Disconnect MCP Server"
+        message="This will disconnect the server and its tools will become unavailable."
+        confirmLabel="Disconnect"
+        variant="danger"
+        @confirm=${this._confirmDisconnect}
+        @cancel=${this._cancelDisconnect}
+      ></ic-confirm-dialog>
+
+      <ic-confirm-dialog
+        ?open=${this._deleteTarget!==null}
+        title="Delete MCP Server"
+        message="This will remove the server from configuration. The server will be disconnected if currently running."
+        confirmLabel="Delete"
+        variant="danger"
+        @confirm=${this._confirmRemove}
+        @cancel=${this._cancelRemove}
+      ></ic-confirm-dialog>
+    `}};c([s({attribute:!1})],d.prototype,`rpcClient`,void 0),c([s({attribute:!1})],d.prototype,`apiClient`,void 0),c([s({attribute:!1})],d.prototype,`eventDispatcher`,void 0),c([a()],d.prototype,`_loadState`,void 0),c([a()],d.prototype,`_servers`,void 0),c([a()],d.prototype,`_mcpConfig`,void 0),c([a()],d.prototype,`_expandedServer`,void 0),c([a()],d.prototype,`_serverDetail`,void 0),c([a()],d.prototype,`_showAddForm`,void 0),c([a()],d.prototype,`_disconnectTarget`,void 0),c([a()],d.prototype,`_deleteTarget`,void 0),c([a()],d.prototype,`_detailLoading`,void 0),c([a()],d.prototype,`_showInstructions`,void 0),c([a()],d.prototype,`_testingServer`,void 0),c([a()],d.prototype,`_testResult`,void 0),c([a()],d.prototype,`_newServerName`,void 0),c([a()],d.prototype,`_newServerTransport`,void 0),c([a()],d.prototype,`_newServerCommand`,void 0),c([a()],d.prototype,`_newServerUrl`,void 0),c([a()],d.prototype,`_newServerHeaders`,void 0),c([a()],d.prototype,`_newServerEnv`,void 0),d=c([e(`ic-mcp-management`)],d);export{d as IcMcpManagement};