@pheem49/mint 1.17.0 → 1.18.0

package/out/web/assets/McpServersView-D3wHnuHg.js

@@ -1 +0,0 @@
-import{i as e,n as t}from"./rolldown-runtime-CNOWq4Kh.js";import{n,t as r}from"./jsx-runtime-DmUwWVTj.js";import{An as i,L as a,Mr as o,O as ee,R as te,St as ne,cn as re,ft as ie,j as ae,wr as oe}from"./index-BmpulIkg.js";import{$ as se,J as ce,X as le,et as s}from"./config-CvIO5hkn.js";import{n as c,t as ue}from"./SelectField-DXBQtrUK.js";import{i as l,n as u,r as de,t as fe}from"./McpRegistryPicker-CoS83vtc.js";var d,f,p,m,h,g,_;t((()=>{c(),d=e(n()),ce(),le(),l(),u(),ae(),a(),f=r(),{testMcpConnection:p,detectSystemTools:m,reauthMcpServer:h,listMcpServerTools:g}=ee,_=d.memo(function({config:e,updateField:t,mcpName:n,setMcpName:r,mcpCmd:a,setMcpCmd:ee,mcpArgs:ae,setMcpArgs:ce,mcpEnv:le,setMcpEnv:c,mcpIcon:l,setMcpIcon:u,handleAddMcpServer:_,handleRemoveMcpServer:pe,detectTools:v=m,onReauth:y=h,listServerTools:me=g}){let[he,ge]=(0,d.useState)(``),[_e,ve]=(0,d.useState)(``),[ye,be]=(0,d.useState)(``),[xe,Se]=(0,d.useState)(``),[Ce,we]=(0,d.useState)(``),b=n??he,x=r??ge,S=a??_e,C=ee??ve,w=ae??ye,T=ce??be,E=le??xe,D=c??Se,O=l??Ce,k=u??we,Te=n=>{if(_)return _(n),!0;if(!b.trim()||!S.trim())return alert(`Please provide at least a server name and command.`),!1;let r={};if(E.trim())try{r=JSON.parse(E)}catch{return alert(`Invalid JSON in Environment variable field.`),!1}let i=b.trim(),a=w.split(/\s+/).filter(Boolean);return t(`mcpServers`,{...e.mcpServers||{},[i]:{command:S.trim(),args:a,env:r,icon:O.trim()||void 0}}),n&&t(`allowedMcpTools`,{...e.allowedMcpTools||{},[i]:[`*`]}),x(``),C(``),T(``),D(``),k(``),!0},Ee=n=>{if(pe){pe(n);return}let r={...e.mcpServers||{}};delete r[n],t(`mcpServers`,r)},[A,De]=(0,d.useState)({docker:!1,git:!1,gh:!1,node:!1}),[j,M]=(0,d.useState)(null),[Oe,N]=(0,d.useState)(!1),[ke,P]=(0,d.useState)(!1),[F,I]=(0,d.useState)(!1),[L,Ae]=(0,d.useState)(``),[R,z]=(0,d.useState)({}),[B,V]=(0,d.useState)(`url`),[H,je]=(0,d.useState)(``),[U,Me]=(0,d.useState)(`none`),[W,Ne]=(0,d.useState)(``),[G,K]=(0,d.useState)(``),[q,J]=(0,d.useState)(`idle`),[Pe,Y]=(0,d.useState)(``),[X,Fe]=(0,d.useState)(!1);(0,d.useEffect)(()=>{v&&v().then(e=>e&&De(e)).catch(()=>{})},[v]);let Ie=(n,r,i,a)=>{let o={...e.mcpServers||{}};o[n]?o[n]={...o[n],disabled:!r}:r&&i&&(o[n]={command:i,args:a||[],env:{},disabled:!1}),t(`mcpServers`,o)},Z=(n,r,i)=>{let a={...e.mcpServers||{}};a[n]&&(a[n]={...a[n],[r]:i},t(`mcpServers`,a))},Q=[];Object.entries(e.mcpServers||{}).forEach(([e,t])=>{let n=`plug`;e===`docker`&&(n=`docker`),(e===`git`||e===`github`)&&(n=`git`),t.url&&(n=`globe`);let r=!!t.url,i=r?`URL: ${t.url}`:`Command: ${t.command} ${(t.args||[]).join(` `)}`;Q.push({name:e,command:t.command||``,args:t.args||[],icon:n,customIcon:t.icon,isEnabled:t?.disabled!==!0,isConfigured:!0,isRemote:r,url:t.url,description:i})}),A.docker&&!e.mcpServers?.docker&&Q.push({name:`docker`,command:`npx`,args:[`-y`,`@proxeus/mcp-docker-server`],icon:`🐳`,isEnabled:!1,isConfigured:!1,isRemote:!1,description:`Docker MCP Server (Auto Discovered)`}),A.git&&!e.mcpServers?.git&&Q.push({name:`git`,command:`npx`,args:[`-y`,`@modelcontextprotocol/server-git`],icon:`🐙`,isEnabled:!1,isConfigured:!1,isRemote:!1,description:`Git MCP Server (Auto Discovered)`});let Le=Q.filter(e=>e.name.toLowerCase().includes(L.toLowerCase())||e.command.toLowerCase().includes(L.toLowerCase())||(e.url||``).toLowerCase().includes(L.toLowerCase())||(e.description||``).toLowerCase().includes(L.toLowerCase())),$=Q.filter(e=>e.isEnabled),Re=async e=>{if(y){z(t=>({...t,[e]:`running`}));try{let t=await y(e);z(n=>({...n,[e]:t?`success`:`error`}))}catch{z(t=>({...t,[e]:`error`}))}finally{setTimeout(()=>{z(t=>({...t,[e]:`idle`}))},2500)}}};return(0,f.jsxs)(`div`,{className:`management-container`,children:[(0,f.jsxs)(`div`,{className:`management-header`,children:[(0,f.jsxs)(`div`,{className:`management-title-group`,children:[(0,f.jsxs)(`h1`,{className:`management-title`,children:[(0,f.jsx)(`span`,{className:`management-title-icon`,style:{display:`inline-flex`,alignItems:`center`},children:se(22,`var(--accent)`)}),`MCP servers`]}),(0,f.jsx)(`p`,{className:`management-subtitle`,children:`Connect external tool servers.`})]}),(0,f.jsxs)(`div`,{className:`mcp-management-actions`,children:[(0,f.jsxs)(`button`,{type:`button`,className:`management-action-btn`,onClick:()=>P(!0),children:[(0,f.jsxs)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,children:[(0,f.jsx)(`line`,{x1:`12`,y1:`5`,x2:`12`,y2:`19`}),(0,f.jsx)(`line`,{x1:`5`,y1:`12`,x2:`19`,y2:`12`})]}),`MCP catalog`]}),(0,f.jsxs)(`button`,{type:`button`,className:`management-primary-btn`,onClick:()=>N(!0),children:[(0,f.jsxs)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,children:[(0,f.jsx)(`line`,{x1:`12`,y1:`5`,x2:`12`,y2:`19`}),(0,f.jsx)(`line`,{x1:`5`,y1:`12`,x2:`19`,y2:`12`})]}),`Add MCP Server`]})]})]}),(0,f.jsx)(`div`,{className:`management-control-bar`,children:(0,f.jsxs)(`div`,{className:`management-search-wrapper mcp-search-wrapper`,children:[(0,f.jsx)(`input`,{type:`text`,className:`management-search-input`,placeholder:`Search MCP servers...`,value:L,onChange:e=>Ae(e.target.value)}),(0,f.jsxs)(`svg`,{className:`management-search-icon`,width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,children:[(0,f.jsx)(`circle`,{cx:`11`,cy:`11`,r:`8`}),(0,f.jsx)(`line`,{x1:`21`,y1:`21`,x2:`16.65`,y2:`16.65`})]})]})}),(0,f.jsxs)(`label`,{className:`mcp-image-input-setting`,children:[(0,f.jsx)(`input`,{type:`checkbox`,checked:e.mcpImageInput!==!1,onChange:e=>t(`mcpImageInput`,e.target.checked)}),(0,f.jsxs)(`span`,{children:[`Let the model inspect MCP images `,(0,f.jsx)(`span`,{className:`mcp-image-input-hint`,children:`(disable for models without image input)`})]})]}),$.length>0&&(0,f.jsxs)(`div`,{className:`management-installed-section mcp-installed-section`,children:[(0,f.jsx)(`h2`,{className:`management-section-title`,children:`Installed`}),(0,f.jsx)(`div`,{className:`management-installed-row`,children:$.map(e=>(0,f.jsx)(`button`,{type:`button`,className:`management-plugin-avatar`,title:e.name,onClick:()=>M(e.name),children:s(e.name,e.customIcon)},e.name))})]}),(0,f.jsx)(`h2`,{className:`management-section-title`,children:`All servers`}),Le.length===0?(0,f.jsxs)(`div`,{className:`mgmt-empty`,children:[(0,f.jsx)(`p`,{children:L?`No MCP servers match your search.`:`No MCP servers yet.`}),!L&&(0,f.jsxs)(`p`,{children:[`Add one above, or run `,(0,f.jsx)(`code`,{children:`mint mcp add`}),` in a terminal.`]})]}):(0,f.jsx)(`div`,{className:`mgmt-row-stack`,children:Le.map(e=>(0,f.jsxs)(`div`,{className:`management-plugin-row`,onClick:()=>M(e.name),children:[(0,f.jsx)(`div`,{className:`management-card-icon`,style:{background:`var(--bg-surface-soft)`,borderColor:`var(--border-subtle)`},children:s(e.name,e.customIcon)}),(0,f.jsxs)(`div`,{className:`management-plugin-info`,children:[(0,f.jsxs)(`div`,{className:`management-plugin-name`,children:[e.name,e.isRemote&&(0,f.jsxs)(`span`,{className:`management-badge remote`,style:{fontSize:`0.72rem`,padding:`2px 7px`,display:`inline-flex`,alignItems:`center`,gap:`4px`},children:[(0,f.jsx)(i,{size:11}),` Remote`]}),(0,f.jsx)(`span`,{className:`management-dot ${e.isEnabled?`connected`:``}`,title:e.isEnabled?`Active`:`Inactive`})]}),(0,f.jsx)(`div`,{className:`management-plugin-desc`,style:{fontFamily:`monospace`},children:e.description})]}),e.isEnabled?(0,f.jsx)(`button`,{type:`button`,className:`management-plugin-icon-btn`,title:`View details`,onClick:t=>{t.stopPropagation(),M(e.name)},children:(0,f.jsxs)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`currentColor`,children:[(0,f.jsx)(`circle`,{cx:`5`,cy:`12`,r:`2`}),(0,f.jsx)(`circle`,{cx:`12`,cy:`12`,r:`2`}),(0,f.jsx)(`circle`,{cx:`19`,cy:`12`,r:`2`})]})}):(0,f.jsx)(`button`,{type:`button`,className:`management-plugin-icon-btn`,title:`Enable`,onClick:t=>{t.stopPropagation(),Ie(e.name,!0,e.command,e.args),M(e.name)},children:(0,f.jsxs)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,children:[(0,f.jsx)(`line`,{x1:`12`,y1:`5`,x2:`12`,y2:`19`}),(0,f.jsx)(`line`,{x1:`5`,y1:`12`,x2:`19`,y2:`12`})]})})]},e.name))}),j&&(()=>{let n=Q.find(e=>e.name===j);if(!n)return null;let r=e.mcpServers?.[n.name]||{command:n.command,args:n.args,env:{},icon:n.customIcon};return(0,f.jsx)(`div`,{className:`management-modal-overlay`,onClick:()=>M(null),children:(0,f.jsxs)(`div`,{className:`management-modal`,onClick:e=>e.stopPropagation(),children:[(0,f.jsxs)(`div`,{className:`management-modal-header`,children:[(0,f.jsxs)(`div`,{className:`management-card-title-group`,children:[(0,f.jsx)(`div`,{className:`management-card-icon`,style:{width:44,height:44,background:`var(--bg-surface-soft)`,borderColor:`var(--border-subtle)`},children:s(n.name,n.customIcon)}),(0,f.jsx)(`h2`,{className:`management-modal-title`,children:n.name})]}),(0,f.jsx)(`button`,{type:`button`,className:`management-modal-close`,onClick:()=>M(null),children:`✕`})]}),(0,f.jsxs)(`div`,{className:`management-modal-body`,children:[(0,f.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:`12px`,flexWrap:`wrap`},children:[(0,f.jsxs)(`label`,{className:`settings-toggle-switch`,title:n.isEnabled?`Disable server`:`Enable server`,children:[(0,f.jsx)(`input`,{type:`checkbox`,checked:n.isEnabled,onChange:e=>Ie(n.name,e.target.checked,n.command,n.args)}),(0,f.jsx)(`span`,{className:`settings-toggle-slider`})]}),(0,f.jsx)(`span`,{style:{fontSize:`0.85rem`,color:`var(--text-muted, #94a3b8)`},children:n.isEnabled?`Enabled`:`Disabled`}),!n.isConfigured&&(0,f.jsx)(`span`,{className:`management-tag workspace`,style:{marginLeft:`auto`},children:`Discovered`})]}),n.isConfigured&&(0,f.jsxs)(`div`,{style:{marginTop:`20px`,paddingTop:`16px`,borderTop:`1px solid var(--border, rgba(255, 255, 255, 0.08))`},children:[(0,f.jsx)(`h4`,{style:{fontSize:`0.8rem`,fontWeight:600,color:`var(--interactive-fg)`,textTransform:`none`,letterSpacing:`0.5px`,margin:`0 0 12px`},children:`Server Config`}),(0,f.jsxs)(`label`,{className:`management-form-group`,style:{marginBottom:12},children:[`Tool timeout (seconds)`,(0,f.jsx)(`input`,{className:`management-input-field mcp-timeout-input`,type:`number`,min:1,max:3600,defaultValue:r.timeoutSecs??300,onBlur:e=>{let t=Number(e.currentTarget.value);Number.isInteger(t)&&t>=1&&t<=3600?Z(n.name,`timeoutSecs`,t):e.currentTarget.value=String(r.timeoutSecs??300)}},n.name)]}),r.url?(0,f.jsxs)(`div`,{style:{display:`grid`,gap:`12px`},children:[(0,f.jsxs)(`div`,{className:`management-form-group`,children:[(0,f.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:8},children:[(0,f.jsx)(`label`,{className:`management-label`,children:`Server URL`}),(0,f.jsx)(`span`,{className:`management-badge remote`,style:{fontSize:`0.7rem`},children:`SSE Transport`})]}),(0,f.jsx)(`input`,{type:`text`,className:`management-input-field`,value:r.url||``,onChange:e=>Z(n.name,`url`,e.target.value)})]}),(0,f.jsxs)(`div`,{className:`management-form-group`,children:[(0,f.jsx)(`label`,{className:`management-label`,children:`Custom headers (JSON)`}),(0,f.jsx)(`textarea`,{className:`management-textarea-field`,value:typeof r.headers==`object`?JSON.stringify(r.headers,null,2):r.headers||``,onChange:e=>{try{let t=JSON.parse(e.target.value);Z(n.name,`headers`,t)}catch{}},rows:3,placeholder:`{"Authorization": "Bearer ..."}`})]}),(0,f.jsxs)(`div`,{className:`management-form-group`,children:[(0,f.jsx)(`label`,{className:`management-label`,children:`Icon (preset / URL / SVG)`}),(0,f.jsx)(`input`,{type:`text`,className:`management-input-field`,placeholder:`e.g. globe, search, database`,value:r.icon||``,onChange:e=>Z(n.name,`icon`,e.target.value)})]})]}):(0,f.jsxs)(`div`,{style:{display:`grid`,gap:`12px`},children:[(0,f.jsxs)(`div`,{className:`management-form-group`,children:[(0,f.jsx)(`label`,{className:`management-label`,children:`Command`}),(0,f.jsx)(`input`,{type:`text`,className:`management-input-field`,value:r.command||``,onChange:e=>Z(n.name,`command`,e.target.value)})]}),(0,f.jsxs)(`div`,{className:`management-form-group`,children:[(0,f.jsx)(`label`,{className:`management-label`,children:`Arguments (space-separated)`}),(0,f.jsx)(`input`,{type:`text`,className:`management-input-field`,value:(r.args||[]).join(` `),onChange:e=>Z(n.name,`args`,e.target.value.split(/\s+/).filter(Boolean))})]}),(0,f.jsxs)(`div`,{className:`management-form-group`,children:[(0,f.jsx)(`label`,{className:`management-label`,children:`Icon (preset / URL / SVG)`}),(0,f.jsx)(`input`,{type:`text`,className:`management-input-field`,placeholder:`e.g. search, database, code`,value:r.icon||``,onChange:e=>Z(n.name,`icon`,e.target.value)})]}),(0,f.jsxs)(`div`,{className:`management-form-group`,children:[(0,f.jsx)(`label`,{className:`management-label`,children:`Environment variables (JSON)`}),(0,f.jsx)(`textarea`,{className:`management-textarea-field`,value:typeof r.env==`object`?JSON.stringify(r.env,null,2):r.env||``,onChange:e=>{try{let t=JSON.parse(e.target.value);Z(n.name,`env`,t)}catch{}},rows:3})]})]}),(0,f.jsx)(de,{serverName:n.name,config:e,updateField:t,listServerTools:me})]})]}),(0,f.jsxs)(`div`,{className:`management-modal-footer`,children:[n.isConfigured&&y?(0,f.jsxs)(`span`,{style:{fontSize:`0.8rem`,color:`var(--text-muted, #94a3b8)`},children:[R[n.name]===`success`&&`Done ✓`,R[n.name]===`error`&&`Re-authentication failed`]}):(0,f.jsx)(`span`,{}),(0,f.jsxs)(`div`,{style:{display:`flex`,gap:`8px`},children:[n.isConfigured&&y&&(0,f.jsx)(`button`,{type:`button`,className:`management-action-btn`,disabled:R[n.name]===`running`,onClick:()=>Re(n.name),children:R[n.name]===`running`?`Re-authenticating...`:`Re-authenticate`}),n.isConfigured&&(0,f.jsx)(`button`,{type:`button`,className:`management-action-btn danger`,onClick:()=>{Ee(n.name),M(null)},children:`Remove`})]})]})]})})})(),Oe&&(0,f.jsx)(`div`,{className:`management-modal-overlay`,onClick:()=>N(!1),children:(0,f.jsxs)(`div`,{className:`management-modal`,onClick:e=>e.stopPropagation(),children:[(0,f.jsxs)(`div`,{className:`management-modal-header`,children:[(0,f.jsx)(`h2`,{className:`management-modal-title`,children:`Add new MCP server`}),(0,f.jsx)(`button`,{type:`button`,className:`management-modal-close`,onClick:()=>N(!1),children:`✕`})]}),(0,f.jsxs)(`form`,{onSubmit:n=>{if(n.preventDefault(),B===`url`){if(!b.trim()||!H.trim()){alert(`Please provide a server name and URL.`);return}if(!X){alert(`Please acknowledge the security risks of connecting to a custom remote MCP server.`);return}let n;if(U===`bearer`&&W.trim())n={Authorization:W.trim().startsWith(`Bearer `)?W.trim():`Bearer ${W.trim()}`};else if(U===`custom`&&G.trim())try{n=JSON.parse(G.trim())}catch{alert(`Invalid JSON in Custom headers field.`);return}let r=b.trim(),i={...e.mcpServers||{}};i[r]={url:H.trim(),headers:n,transport:`sse`,disabled:!1,icon:O?.trim()||void 0},t(`mcpServers`,i),F&&t(`allowedMcpTools`,{...e.allowedMcpTools||{},[r]:[`*`]}),x(``),je(``),Ne(``),K(``),J(`idle`),Y(``),Fe(!1),I(!1),N(!1)}else Te(F)&&(I(!1),N(!1))},children:[(0,f.jsxs)(`div`,{className:`management-modal-body`,children:[(0,f.jsxs)(`div`,{className:`mcp-server-type-toggle`,children:[(0,f.jsxs)(`button`,{type:`button`,className:`mcp-toggle-btn ${B===`url`?`active`:``}`,onClick:()=>{V(`url`),J(`idle`),Y(``)},children:[(0,f.jsx)(i,{size:15}),` Remote server (URL / SSE)`]}),(0,f.jsxs)(`button`,{type:`button`,className:`mcp-toggle-btn ${B===`command`?`active`:``}`,onClick:()=>{V(`command`),J(`idle`),Y(``)},children:[(0,f.jsx)(ie,{size:15}),` Local command (stdio)`]})]}),B===`url`?(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(`div`,{style:{display:`grid`,gridTemplateColumns:`1fr 1fr`,gap:`12px`},children:[(0,f.jsxs)(`div`,{className:`management-form-group`,children:[(0,f.jsx)(`label`,{className:`management-label`,children:`Server name`}),(0,f.jsx)(`input`,{type:`text`,className:`management-input-field`,placeholder:`e.g. cloud-mcp`,value:b,onChange:e=>x(e.target.value),required:!0})]}),(0,f.jsxs)(`div`,{className:`management-form-group`,children:[(0,f.jsx)(`label`,{className:`management-label`,children:`Authentication`}),(0,f.jsxs)(ue,{"aria-label":`Authentication`,className:`management-input-field`,value:U,onValueChange:e=>{Me(e),J(`idle`),Y(``)},children:[(0,f.jsx)(`option`,{value:`none`,children:`None (Public)`}),(0,f.jsx)(`option`,{value:`bearer`,children:`Bearer token`}),(0,f.jsx)(`option`,{value:`custom`,children:`Custom headers (JSON)`})]})]})]}),(0,f.jsxs)(`div`,{className:`management-form-group`,children:[(0,f.jsx)(`label`,{className:`management-label`,children:`Server URL`}),(0,f.jsx)(`input`,{type:`url`,className:`management-input-field`,placeholder:`https://example.com/sse or http://localhost:8000/sse`,value:H,onChange:e=>{je(e.target.value),J(`idle`),Y(``)},required:!0})]}),U===`bearer`&&(0,f.jsxs)(`div`,{className:`management-form-group`,children:[(0,f.jsx)(`label`,{className:`management-label`,children:`Bearer token`}),(0,f.jsx)(`input`,{type:`password`,className:`management-input-field`,placeholder:`Paste API token or JWT...`,value:W,onChange:e=>{Ne(e.target.value),J(`idle`),Y(``)}})]}),U===`custom`&&(0,f.jsxs)(`div`,{className:`management-form-group`,children:[(0,f.jsx)(`label`,{className:`management-label`,children:`Custom HTTP Headers (JSON)`}),(0,f.jsx)(`textarea`,{className:`management-textarea-field`,placeholder:`{"Authorization": "Bearer ...", "X-Custom-Auth": "secret"}`,value:G,onChange:e=>{K(e.target.value),J(`idle`),Y(``)},rows:3})]}),(0,f.jsxs)(`div`,{className:`management-form-group`,children:[(0,f.jsx)(`label`,{className:`management-label`,children:`Icon (Optional)`}),(0,f.jsx)(`input`,{type:`text`,className:`management-input-field`,placeholder:`e.g. globe, cloud, database, search`,value:O,onChange:e=>k&&k(e.target.value)})]}),(0,f.jsxs)(`div`,{className:`mcp-test-row`,children:[(0,f.jsx)(`button`,{type:`button`,className:`mcp-test-btn`,onClick:async()=>{if(!H.trim()){J(`error`),Y(`Please enter a server URL first.`);return}let e;if(U===`bearer`)W.trim()&&(e={Authorization:W.trim().startsWith(`Bearer `)?W.trim():`Bearer ${W.trim()}`});else if(U===`custom`&&G.trim())try{e=JSON.parse(G.trim())}catch{J(`error`),Y(`Invalid JSON in Custom headers field.`);return}J(`testing`),Y(`Connecting to MCP server...`);try{let t=await p(H.trim(),e);if(t.ok){J(`success`);let e=t.server_info?.name||`Remote server`,n=t.tools_count??0;Y(`Connected: ${e} (${n} tools discovered)`)}else J(`error`),Y(`Connection failed: ${t.error||`Server unreachable`}`)}catch(e){J(`error`),Y(`Connection failed: ${e?.message||String(e)}`)}},disabled:q===`testing`||!H.trim(),children:q===`testing`?(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(re,{size:13,className:`mcp-spin`}),` Testing...`]}):(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(te,{size:13}),` Test connection`]})}),Pe&&(0,f.jsxs)(`span`,{className:`mcp-test-status ${q}`,children:[q===`success`&&(0,f.jsx)(o,{size:13}),q===`error`&&(0,f.jsx)(oe,{size:13}),Pe]})]}),(0,f.jsxs)(`div`,{className:`mcp-security-notice`,children:[(0,f.jsxs)(`div`,{className:`mcp-security-header`,children:[(0,f.jsx)(ne,{size:16,className:`mcp-security-icon`}),(0,f.jsx)(`span`,{children:`Custom MCP servers introduce security risks`})]}),(0,f.jsx)(`div`,{className:`mcp-security-body`,children:(0,f.jsxs)(`label`,{className:`mcp-security-ack`,children:[(0,f.jsx)(`input`,{type:`checkbox`,className:`mint-custom-checkbox`,checked:X,onChange:e=>Fe(e.target.checked)}),(0,f.jsxs)(`span`,{className:`mcp-security-ack-text`,children:[(0,f.jsx)(`strong`,{children:`I understand the risks and wish to proceed`}),(0,f.jsx)(`span`,{className:`mcp-security-subtext`,children:`External endpoints can execute tools and receive prompt context. Malicious servers could attempt to access sensitive information or trigger unintended actions. Only connect to endpoints you trust.`})]})]})})]})]}):(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(`div`,{style:{display:`grid`,gridTemplateColumns:`1fr 1fr`,gap:`12px`},children:[(0,f.jsxs)(`div`,{className:`management-form-group`,children:[(0,f.jsx)(`label`,{className:`management-label`,children:`Server name`}),(0,f.jsx)(`input`,{type:`text`,className:`management-input-field`,placeholder:`e.g. google-search`,value:b,onChange:e=>x(e.target.value),required:!0})]}),(0,f.jsxs)(`div`,{className:`management-form-group`,children:[(0,f.jsx)(`label`,{className:`management-label`,children:`Command`}),(0,f.jsx)(`input`,{type:`text`,className:`management-input-field`,placeholder:`e.g. npx`,value:S,onChange:e=>C(e.target.value),required:!0})]})]}),(0,f.jsxs)(`div`,{className:`management-form-group`,children:[(0,f.jsx)(`label`,{className:`management-label`,children:`Arguments`}),(0,f.jsx)(`input`,{type:`text`,className:`management-input-field`,placeholder:`e.g. -y @modelcontextprotocol/server-brave-search`,value:w,onChange:e=>T(e.target.value)})]}),(0,f.jsxs)(`div`,{className:`management-form-group`,children:[(0,f.jsx)(`label`,{className:`management-label`,children:`Icon (Optional)`}),(0,f.jsx)(`input`,{type:`text`,className:`management-input-field`,placeholder:`e.g. search, database, cloud, code`,value:O,onChange:e=>k&&k(e.target.value)})]}),(0,f.jsxs)(`div`,{className:`management-form-group`,children:[(0,f.jsx)(`label`,{className:`management-label`,children:`Environment variables (JSON)`}),(0,f.jsx)(`textarea`,{className:`management-textarea-field`,placeholder:`e.g. {"BRAVE_API_KEY": "your_key_here"}`,value:E,onChange:e=>D(e.target.value),rows:3})]})]}),(0,f.jsxs)(`label`,{className:`mcp-allow-all-row`,children:[(0,f.jsx)(`input`,{type:`checkbox`,className:`mint-custom-checkbox`,checked:F,onChange:e=>I(e.target.checked)}),(0,f.jsxs)(`span`,{className:`mcp-allow-all-text`,children:[(0,f.jsx)(`span`,{className:`mcp-allow-all-title`,children:`Allow the agent to call all of this server’s tools (*)`}),(0,f.jsx)(`span`,{className:`mcp-allow-all-desc`,children:`Leave off to approve tools one by one afterwards.`})]})]})]}),(0,f.jsxs)(`div`,{className:`management-modal-footer`,children:[(0,f.jsx)(`button`,{type:`button`,className:`management-action-btn`,onClick:()=>N(!1),children:`Cancel`}),(0,f.jsx)(`button`,{type:`submit`,className:`management-primary-btn`,disabled:B===`url`&&!X,children:`Add Server`})]})]})]})}),ke&&(0,f.jsx)(`div`,{className:`management-modal-overlay`,onClick:()=>P(!1),children:(0,f.jsxs)(`div`,{className:`management-modal mcp-catalog-modal`,onClick:e=>e.stopPropagation(),children:[(0,f.jsxs)(`div`,{className:`management-modal-header`,children:[(0,f.jsx)(`h2`,{className:`management-modal-title`,children:`MCP catalog`}),(0,f.jsx)(`button`,{type:`button`,className:`management-modal-close`,onClick:()=>P(!1),children:`✕`})]}),(0,f.jsx)(`div`,{className:`management-modal-body`,children:(0,f.jsx)(fe,{configuredNames:Object.keys(e.mcpServers||{}),onPick:(e,t,n)=>{V(`command`),x(e.key),C(e.command),T([...e.args||[],...t].join(` `)),D(Object.keys(n).length?JSON.stringify(n,null,2):``),k&&k(e.icon||``),P(!1),N(!0)},showManualHint:!1})}),(0,f.jsxs)(`div`,{className:`management-modal-footer`,children:[(0,f.jsx)(`span`,{}),(0,f.jsx)(`button`,{type:`button`,className:`management-action-btn`,onClick:()=>{P(!1),N(!0)},children:`Add manually instead`})]})]})})]})})}))();export{_ as McpServersView,_ as default};

package/out/web/assets/MermaidCard-NqrHdyJW.js

@@ -1,2 +0,0 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/mermaid.core-DTEjLUA1.js","assets/rolldown-runtime-CNOWq4Kh.js","assets/index-BmpulIkg.js","assets/jsx-runtime-DmUwWVTj.js","assets/index-CkvBwhX_.css","assets/chunk-Y2CYZVJY-BxCWjNVG.js","assets/src-CRDfRlHM.js","assets/chunk-DU6HZSFF-vIhsiW6n.js","assets/chunk-PWAF6VOD-Dwh6_Lnt.js","assets/chunk-75Z2AOVW-BSKfSKSA.js","assets/dist-9ISJ7r-g.js","assets/chunk-GMAD6QVW-BIBz_Ug5.js","assets/chunk-P2QGCYS3-D1I4xFHN.js","assets/chunk-4HAMMTFA-BYFkZwNj.js","assets/rough.esm-CNnFptCR.js","assets/chunk-GVQU2GXP-NPSHxeqC.js","assets/chunk-OSK3NFVY-Begd3-jA.js","assets/graphlib-Bh9gHply.js","assets/chunk-L3NEJ4N5-DMYi4-af.js"])))=>i.map(i=>d[i]);
-import{i as e,n as t}from"./rolldown-runtime-CNOWq4Kh.js";import{n,t as r}from"./jsx-runtime-DmUwWVTj.js";import{L as i,W as a,g as o,h as s}from"./index-BmpulIkg.js";import{M as c,j as l}from"./MintDashboard-COw_xol7.js";function u(e){let t=y.then(e,e);return y=t.then(()=>void 0,()=>void 0),t}function d(e){return`${document.documentElement.getAttribute(`data-theme`)||`dark`}::${document.documentElement.getAttribute(`data-accent`)||`mint`}::${document.documentElement.getAttribute(`data-accent-mode`)||``}::${e}`}function f(){let e=getComputedStyle(document.documentElement),t=(t,n)=>e.getPropertyValue(t).trim()||n;return{background:t(`--panel-bg`,`#1e1e20`),primaryColor:t(`--accent`,`#10b981`),primaryTextColor:t(`--text-main`,`#e8e8ea`),primaryBorderColor:t(`--border`,`rgba(255,255,255,0.15)`),lineColor:t(`--text-muted`,`#8f8f94`),textColor:t(`--text-main`,`#e8e8ea`),secondaryColor:t(`--panel-raised`,`#2a2a2d`),tertiaryColor:t(`--panel-soft`,`#242426`)}}function p(){document.querySelectorAll(`[id^="dmermaid-diagram-"], [id^="mermaid-diagram-"]`).forEach(e=>{e.parentElement===document.body&&e.remove()})}function m(e){return S.add(e),!x&&typeof MutationObserver<`u`&&typeof document<`u`&&document.documentElement&&(x=new MutationObserver(()=>{S.forEach(e=>e())}),x.observe(document.documentElement,{attributeFilter:[`data-theme`,`data-accent`,`data-accent-mode`]})),()=>{S.delete(e),S.size===0&&x&&(x.disconnect(),x=null)}}function h({code:e}){let[t,n]=(0,g.useState)(`loading`),[r,i]=(0,g.useState)(``),[o,c]=(0,g.useState)(!1);return(0,g.useEffect)(()=>{let t=!1,r=null;async function a(){let r=b.get(d(e));if(r!==void 0)i(r),n(`ready`);else if(await new Promise(e=>requestAnimationFrame(()=>requestAnimationFrame(e))),!t)try{let r=await u(async()=>{let t=(await s(async()=>{let{default:e}=await import(`./mermaid.core-DTEjLUA1.js`);return{default:e}},__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18]))).default;if(t.initialize({startOnLoad:!1,securityLevel:`strict`,theme:`base`,themeVariables:f(),suppressErrorRendering:!0}),!await t.parse(e,{suppressErrors:!0}))throw Error(`Invalid mermaid syntax`);return t.render(`mermaid-diagram-${++v}`,e)});if(t)return;b.set(d(e),r.svg),i(r.svg),n(`ready`)}catch(e){console.error(`Mermaid render failed:`,e),p(),t||n(`error`)}}let o=b.get(d(e));o===void 0?(n(`loading`),r=setTimeout(a,400)):(i(o),n(`ready`));let c=m(()=>{a()});return()=>{t=!0,r&&clearTimeout(r),c(),p()}},[e]),t===`error`?(0,_.jsx)(l,{code:e,language:`mermaid`}):(0,_.jsxs)(`div`,{style:{background:`var(--bg-surface-soft)`,color:`var(--text-primary)`,borderRadius:`12px`,padding:`16px 20px`,margin:`12px 0`,boxShadow:`var(--shadow-md)`,border:`1px solid var(--border-subtle)`,fontFamily:`system-ui, -apple-system, sans-serif`,minWidth:0,maxWidth:`100%`},children:[(0,_.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:`8px`,marginBottom:`12px`},children:[(0,_.jsx)(a,{size:16,strokeWidth:2,style:{opacity:.9,color:`var(--text-muted)`}}),(0,_.jsx)(`span`,{style:{fontSize:`11px`,fontWeight:700,letterSpacing:`0.8px`,color:`var(--text-muted)`},children:`DIAGRAM`}),t===`ready`&&(0,_.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:`4px`,marginLeft:`auto`},children:[(0,_.jsx)(`button`,{type:`button`,onClick:()=>{try{let e=new Blob([r],{type:`image/svg+xml`}),t=URL.createObjectURL(e),n=document.createElement(`a`);n.href=t,n.download=`diagram.svg`,n.click(),URL.revokeObjectURL(t)}catch(e){console.error(`Failed to download diagram:`,e)}},title:`Download SVG`,className:`chat-code-action-btn`,children:(0,_.jsxs)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,_.jsx)(`path`,{d:`M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4`}),(0,_.jsx)(`polyline`,{points:`7 10 12 15 17 10`}),(0,_.jsx)(`line`,{x1:`12`,y1:`15`,x2:`12`,y2:`3`})]})}),(0,_.jsx)(`button`,{type:`button`,onClick:async()=>{try{await navigator.clipboard.writeText(e),c(!0),setTimeout(()=>c(!1),2e3)}catch(e){console.error(`Failed to copy diagram source:`,e)}},title:`Copy diagram source`,className:`chat-code-action-btn`,children:o?(0,_.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`var(--interactive-fg)`,strokeWidth:`2.2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,_.jsx)(`polyline`,{points:`20 6 9 17 4 12`})}):(0,_.jsxs)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,_.jsx)(`rect`,{x:`9`,y:`9`,width:`13`,height:`13`,rx:`2`,ry:`2`}),(0,_.jsx)(`path`,{d:`M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1`})]})})]})]}),t===`loading`?(0,_.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,justifyContent:`center`,padding:`32px 0`},children:[(0,_.jsx)(`div`,{style:{width:`20px`,height:`20px`,borderRadius:`50%`,border:`2px solid var(--border-default)`,borderTopColor:`var(--accent)`,animation:`mermaid-card-spin 0.8s linear infinite`}}),(0,_.jsx)(`style`,{children:`@keyframes mermaid-card-spin { to { transform: rotate(360deg) } }`})]}):(0,_.jsx)(`div`,{style:{overflowX:`auto`,display:`flex`,justifyContent:`center`,minWidth:0},dangerouslySetInnerHTML:{__html:r}})]})}var g,_,v,y,b,x,S;t((()=>{g=e(n()),i(),c(),_=r(),o(),v=0,y=Promise.resolve(),b=new Map,x=null,S=new Set}))();export{h as default,m as subscribeThemeChanges};