comisai 1.0.16 → 1.0.18

package/node_modules/@comis/web/dist/assets/index-CIJFuItj.css

@@ -0,0 +1 @@
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}:root{--ic-bg:#030712;--ic-surface:#111827;--ic-surface-2:#1f2937;--ic-border:#374151;--ic-text:#f9fafb;--ic-text-muted:#9ca3af;--ic-text-dim:#858d9d;--ic-accent:#3b82f6;--ic-accent-hover:#2563eb;--ic-success:#22c55e;--ic-warning:#eab308;--ic-error:#ef4444;--ic-info:#06b6d4;--ic-telegram:#26a5e4;--ic-discord:#5865f2;--ic-slack:#4a154b;--ic-whatsapp:#25d366;--ic-line:#00b900;--ic-signal:#3a76f0;--ic-imessage:#34c759;--ic-irc:#9ca3af;--ic-space-xs:4px;--ic-space-sm:8px;--ic-space-md:16px;--ic-space-lg:24px;--ic-space-xl:32px;--ic-space-2xl:48px;--ic-radius-sm:4px;--ic-radius-md:8px;--ic-radius-lg:12px;--ic-radius-xl:16px;--ic-font-mono:"JetBrains Mono", "Fira Code", monospace;--ic-font-sans:"Inter", system-ui, sans-serif;--ic-text-xs:12px;--ic-text-sm:14px;--ic-text-base:16px;--ic-text-lg:18px;--ic-text-xl:20px;--ic-text-2xl:24px;--ic-shadow-sm:0 1px 2px #0000004d;--ic-shadow-md:0 4px 6px #0000004d;--ic-shadow-lg:0 10px 15px #0000004d;--ic-transition:.15s ease;--ic-transition-slow:.3s ease}:focus-visible{outline:2px solid var(--ic-accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.list-item{display:list-item}.table{display:table}.min-h-screen{min-height:100vh}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.capitalize{text-transform:capitalize}.italic{font-style:italic}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.select-all{-webkit-user-select:all;user-select:all}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}

package/node_modules/@comis/web/dist/assets/mcp-management-BNZPnpDn.js

@@ -0,0 +1,582 @@
+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`
+      :host {
+        display: block;
+      }
+
+      .header-row {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        margin-bottom: var(--ic-space-md);
+      }
+
+      .header-title {
+        font-size: var(--ic-text-lg);
+        font-weight: 600;
+        color: var(--ic-text);
+      }
+
+      .connect-btn {
+        padding: 6px 14px;
+        font-size: var(--ic-text-sm);
+        font-weight: 500;
+        background: var(--ic-accent);
+        color: white;
+        border: none;
+        border-radius: var(--ic-radius-sm);
+        cursor: pointer;
+        font-family: inherit;
+        transition: background var(--ic-transition);
+      }
+
+      .connect-btn:hover {
+        background: var(--ic-accent-hover);
+      }
+
+      .server-list {
+        display: flex;
+        flex-direction: column;
+        gap: var(--ic-space-sm);
+      }
+
+      .server-card {
+        background: var(--ic-surface);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-md);
+        padding: var(--ic-space-md);
+      }
+
+      .server-header {
+        display: flex;
+        align-items: center;
+        gap: var(--ic-space-sm);
+        flex-wrap: wrap;
+      }
+
+      .server-name {
+        font-weight: 600;
+        font-size: var(--ic-text-sm);
+        color: var(--ic-text);
+      }
+
+      .server-tools-count {
+        font-size: 0.75rem;
+        color: var(--ic-text-dim);
+      }
+
+      .server-health {
+        font-size: 0.75rem;
+        color: var(--ic-text-dim);
+        margin-left: auto;
+        display: flex;
+        align-items: center;
+        gap: 4px;
+      }
+
+      .server-actions {
+        display: flex;
+        gap: var(--ic-space-sm);
+        margin-top: var(--ic-space-sm);
+        flex-wrap: wrap;
+        align-items: center;
+      }
+
+      .action-btn {
+        padding: 4px 12px;
+        font-size: 0.75rem;
+        font-weight: 500;
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-sm);
+        background: transparent;
+        color: var(--ic-text-muted);
+        cursor: pointer;
+        font-family: inherit;
+        transition: background var(--ic-transition), color var(--ic-transition), border-color var(--ic-transition);
+      }
+
+      .action-btn:hover {
+        background: var(--ic-surface-2);
+        color: var(--ic-text);
+      }
+
+      .action-btn.danger {
+        border-color: var(--ic-error);
+        color: var(--ic-error);
+      }
+
+      .action-btn.danger:hover {
+        background: var(--ic-error);
+        color: white;
+      }
+
+      .action-btn.primary {
+        border-color: var(--ic-accent);
+        color: var(--ic-accent);
+      }
+
+      .action-btn.primary:hover {
+        background: var(--ic-accent);
+        color: white;
+      }
+
+      .action-btn:disabled {
+        opacity: 0.6;
+        cursor: not-allowed;
+      }
+
+      /* Tool list accordion */
+      .tool-list {
+        margin-top: var(--ic-space-sm);
+        padding-top: var(--ic-space-sm);
+        border-top: 1px solid var(--ic-border);
+        display: flex;
+        flex-direction: column;
+        gap: var(--ic-space-xs);
+      }
+
+      .tool-entry {
+        padding: var(--ic-space-xs) var(--ic-space-sm);
+        background: var(--ic-surface-2);
+        border-radius: var(--ic-radius-sm);
+      }
+
+      .tool-name {
+        font-weight: 600;
+        font-size: var(--ic-text-sm);
+        color: var(--ic-text);
+      }
+
+      .tool-qualified {
+        font-family: var(--ic-font-mono, ui-monospace, monospace);
+        font-size: 0.75rem;
+        color: var(--ic-text-dim);
+      }
+
+      .tool-desc {
+        font-size: 0.75rem;
+        color: var(--ic-text-muted);
+        margin-top: 2px;
+      }
+
+      .tool-loading {
+        font-size: 0.75rem;
+        color: var(--ic-text-dim);
+        padding: var(--ic-space-xs);
+      }
+
+      /* Add server form */
+      .add-server-form {
+        background: var(--ic-surface);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-md);
+        padding: var(--ic-space-md);
+        margin-bottom: var(--ic-space-md);
+        display: flex;
+        flex-direction: column;
+        gap: var(--ic-space-sm);
+        max-width: 32rem;
+      }
+
+      .add-server-title {
+        font-size: var(--ic-text-sm);
+        font-weight: 600;
+        color: var(--ic-text-muted);
+      }
+
+      .add-server-row {
+        display: flex;
+        gap: var(--ic-space-sm);
+        flex-wrap: wrap;
+      }
+
+      .add-server-input {
+        flex: 1;
+        min-width: 10rem;
+        padding: 0.5rem 0.75rem;
+        background: var(--ic-surface-2);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-md);
+        color: var(--ic-text);
+        font-family: inherit;
+        font-size: var(--ic-text-sm);
+      }
+
+      .add-server-input:focus {
+        outline: none;
+        border-color: var(--ic-accent);
+      }
+
+      .add-server-select {
+        padding: 0.5rem 0.75rem;
+        background: var(--ic-surface-2);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-md);
+        color: var(--ic-text);
+        font-family: inherit;
+        font-size: var(--ic-text-sm);
+      }
+
+      .add-server-btn {
+        padding: 0.5rem 1rem;
+        background: var(--ic-accent);
+        color: white;
+        border: none;
+        border-radius: var(--ic-radius-md);
+        font-size: var(--ic-text-sm);
+        cursor: pointer;
+        white-space: nowrap;
+      }
+
+      .add-server-btn:hover {
+        opacity: 0.9;
+      }
+
+      .cancel-btn {
+        padding: 6px 14px;
+        font-size: var(--ic-text-sm);
+        font-weight: 500;
+        background: transparent;
+        color: var(--ic-text-muted);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-sm);
+        cursor: pointer;
+        font-family: inherit;
+        transition: color var(--ic-transition), border-color var(--ic-transition);
+      }
+
+      .cancel-btn:hover {
+        color: var(--ic-text);
+        border-color: var(--ic-text-dim);
+      }
+
+      .error-message {
+        text-align: center;
+        padding: 2rem;
+        color: var(--ic-text-dim);
+      }
+
+      .retry-btn {
+        margin-top: var(--ic-space-sm);
+        padding: 6px 16px;
+        background: var(--ic-accent);
+        color: white;
+        border: none;
+        border-radius: var(--ic-radius-sm);
+        cursor: pointer;
+        font-family: inherit;
+        font-size: var(--ic-text-sm);
+      }
+
+      .retry-btn:hover {
+        background: var(--ic-accent-hover);
+      }
+
+      /* Config detail elements */
+      .server-command {
+        font-family: var(--ic-font-mono, ui-monospace, monospace);
+        font-size: 0.75rem;
+        color: var(--ic-text-dim);
+        word-break: break-all;
+      }
+
+      .server-error {
+        display: block;
+        color: var(--ic-color-error, #dc2626);
+        font-size: 0.8rem;
+        padding: 0.25rem 0.5rem;
+        margin-top: 0.25rem;
+        word-break: break-word;
+      }
+
+      .server-env-badge {
+        display: inline-block;
+        font-family: var(--ic-font-mono, ui-monospace, monospace);
+        font-size: 0.75rem;
+        color: var(--ic-text-dim);
+        background: rgba(147, 130, 220, 0.15);
+        padding: 1px 6px;
+        border-radius: 4px;
+      }
+
+      .toggle-checkbox {
+        cursor: pointer;
+      }
+
+      .config-only-label {
+        font-size: 0.75rem;
+        color: var(--ic-text-dim);
+        font-style: italic;
+      }
+
+      /* Test result display */
+      .server-test-result {
+        font-size: var(--ic-text-xs);
+        padding: 0.25rem 0.5rem;
+        border-radius: var(--ic-radius-sm);
+        margin-top: 0.125rem;
+      }
+
+      .server-test-success {
+        color: var(--ic-success, #22c55e);
+        background: rgba(34, 197, 94, 0.1);
+      }
+
+      .server-test-error {
+        color: var(--ic-error, #ef4444);
+        background: rgba(239, 68, 68, 0.1);
+        word-break: break-word;
+      }
+
+      /* Capability badges, version, and instructions */
+      .capability-badges {
+        display: flex;
+        gap: 4px;
+        flex-wrap: wrap;
+      }
+
+      .server-version {
+        font-size: 0.75rem;
+        color: var(--ic-text-dim);
+        font-family: var(--ic-font-mono, ui-monospace, monospace);
+      }
+
+      .instructions-section {
+        margin-top: var(--ic-space-sm);
+        border-top: 1px solid var(--ic-border);
+        padding-top: var(--ic-space-sm);
+      }
+
+      .instructions-toggle {
+        font-size: 0.75rem;
+        color: var(--ic-accent);
+        background: none;
+        border: none;
+        cursor: pointer;
+        padding: 0;
+        font-family: inherit;
+      }
+
+      .instructions-toggle:hover {
+        text-decoration: underline;
+      }
+
+      .instructions-content {
+        margin-top: var(--ic-space-xs);
+        padding: var(--ic-space-sm);
+        background: var(--ic-surface-2);
+        border-radius: var(--ic-radius-sm);
+        font-size: 0.75rem;
+        color: var(--ic-text-muted);
+        white-space: pre-wrap;
+        word-break: break-word;
+        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};