@pheem49/mint 1.16.0 → 1.18.0

package/out/web/assets/LibraryPage--Qfisp6D.js

@@ -1,2 +0,0 @@
-import{i as e,n as t}from"./chunk-CacB07dV.js";import{n,t as r}from"./jsx-runtime-DN4NhQUK.js";import{$n as i,Dt as a,M as o,N as s,Nt as c,R as l,Tn as u,Un as d,V as f,Y as p,dt as m,hn as h,qr as g,rt as _}from"./index-Ca8cCS4h.js";function v(e){let t={items:[],query:{},nextCursor:null,loading:!1,error:``,actionId:null,actionError:``},n=0,r=1,i=new Set,a=e=>{t={...t,...e},i.forEach(e=>e())},o=async(i=!1)=>{if(i&&(t.loading||!t.nextCursor))return;let o=++n,s={...t.query,cursor:i?t.nextCursor:void 0},c=i?1:r;a({loading:!0,error:``});try{let l=await e.list(s);if(o!==n)return;let u=1,d=[...l.items];for(;!i&&u<c&&l.nextCursor;){if(l=await e.list({...s,cursor:l.nextCursor}),o!==n)return;d.push(...l.items),u++}i||(l={...l,items:d}),r=i?r+1:u,a({items:i?[...new Map([...t.items,...l.items].map(e=>[e.id,e])).values()]:l.items,nextCursor:l.nextCursor})}catch(e){o===n&&a({error:String(e)})}finally{o===n&&a({loading:!1})}},s=async(e,r)=>{if(t.actionId)return;let i=n;a({actionId:e,actionError:``});try{await r(),i===n?(n++,a({items:t.items.filter(t=>t.id!==e),loading:!1})):await o()}catch(e){a({actionError:String(e)})}finally{a({actionId:null})}};return{remove:t=>s(t,()=>e.remove(t)),getSnapshot:()=>t,subscribe:e=>(i.add(e),()=>{i.delete(e)}),setQuery:async e=>{r=1,a({query:{...e,cursor:void 0},items:[],nextCursor:null,actionError:``}),await o()},refresh:()=>o(),loadMore:()=>o(!0),setTrashed:(t,n)=>s(t,()=>e.setTrashed(t,n))}}var y=t((()=>{}));function b(e,t=!1,n=0){let[r,i]=(0,S.useState)({url:``,blob:null,error:``});return(0,S.useEffect)(()=>{let n=!0,r=``;return i({url:``,blob:null,error:``}),e&&s.readLibraryFile(e,t).then(e=>{n&&(r=URL.createObjectURL(e),i({url:r,blob:e,error:``}))}).catch(e=>{n&&i({url:``,blob:null,error:String(e)})}),()=>{n=!1,r&&URL.revokeObjectURL(r)}},[e,t,n]),r}async function x(e,t){let n=await s.readLibraryFile(e),r=URL.createObjectURL(n),i=document.createElement(`a`);i.href=r,i.download=t,document.body.append(i),i.click(),i.remove(),setTimeout(()=>URL.revokeObjectURL(r),1e3)}var S,C=t((()=>{S=e(n()),o()}));function w(e){return e<1024?`${e} B`:e<1024*1024?`${(e/1024).toFixed(1)} KB`:`${(e/1024/1024).toFixed(1)} MB`}function T({item:e}){let t=b(e.thumbnailStatus===`ready`&&!e.deletedAt&&e.availability===`ready`?e.id:null,!0),n=e.kind===`image`?u:e.kind===`video`?p:d;return(0,D.jsx)(`span`,{className:`library-thumbnail is-${e.kind}`,children:t.url?(0,D.jsx)(`img`,{src:t.url,alt:``,loading:`lazy`}):(0,D.jsx)(n,{size:23})})}function E({item:e,linked:t,trashed:n,actionPending:r,downloadPending:a,onPreview:o,onDownload:s,onMove:c,onRemove:l}){let u=e.availability===`missing`,d=u||!!e.deletedAt,f=u?`Original file missing`:e.deletedAt?`In Trash`:e.origin===`generated`?`AI generated`:e.origin===`legacy`?`Imported from Pictures`:`Uploaded`;return(0,D.jsxs)(`article`,{className:`library-item ${t?`is-linked`:``}`,children:[(0,D.jsxs)(`button`,{className:`library-item-preview`,"data-preview":e.id,type:`button`,disabled:d,onClick:()=>o(e),"aria-label":`Preview ${e.name}`,children:[(0,D.jsx)(T,{item:e}),(0,D.jsxs)(`span`,{className:`library-item-copy`,children:[(0,D.jsx)(`strong`,{title:e.name,children:e.name}),(0,D.jsxs)(`small`,{children:[f,` · `,w(e.size)]})]})]}),(0,D.jsx)(`span`,{className:`library-item-date`,children:new Date(e.createdAt).toLocaleDateString(void 0,{day:`numeric`,month:`short`,year:`numeric`})}),(0,D.jsxs)(`div`,{className:`library-item-actions`,children:[!n&&(0,D.jsx)(`button`,{type:`button`,"aria-label":`Download ${e.name}`,disabled:d||a,onClick:()=>s(e),children:(0,D.jsx)(i,{size:16})}),(0,D.jsx)(`button`,{type:`button`,"aria-label":n?`Restore ${e.name}`:`Move ${e.name} to Trash`,"data-trash":n?void 0:e.id,"data-restore":n?e.id:void 0,disabled:r,onClick:()=>c(e),children:n?(0,D.jsx)(_,{size:16}):(0,D.jsx)(m,{size:16})}),n&&(0,D.jsx)(`button`,{type:`button`,"data-remove":e.id,disabled:r,"aria-label":`Remove ${e.name} from Mint`,title:`Remove from Mint and move files to system Trash`,onClick:()=>l(e),children:(0,D.jsx)(m,{size:16})})]})]})}var D,O=t((()=>{l(),C(),D=r()}));function k({item:e,onClose:t,onOpenConversation:n}){let[r,a]=(0,A.useState)(0),o=b(e.id,!1,r),[s,c]=(0,A.useState)(``),l=(0,A.useRef)(null),u=e.message.replace(/^\/chat\s+/,``).replace(/\[(?:Image|Video) #\d+\]/g,``).replace(/\s+/g,` `).trim(),d=e.kind===`file`&&/\.(txt|md|json|toml|ya?ml|rs|tsx?|jsx?|py|html?|css)$/i.test(e.name);return(0,A.useEffect)(()=>{let e=!0;return c(``),d&&o.blob&&o.blob.slice(0,1024*1024).text().then(t=>{e&&c(t)}),()=>{e=!1}},[o.blob,d]),(0,A.useEffect)(()=>{let e=document.activeElement,n=document.body.style.overflow;document.body.style.overflow=`hidden`,l.current?.querySelector(`button`)?.focus();let r=e=>{if(e.key===`Escape`&&(e.preventDefault(),t()),e.key===`Tab`){let t=Array.from(l.current?.querySelectorAll(`button:not([disabled]),a[href],video[controls],iframe,[tabindex="0"]`)??[]),n=t[0],r=t.at(-1);e.shiftKey&&document.activeElement===n?(e.preventDefault(),r?.focus()):!e.shiftKey&&document.activeElement===r&&(e.preventDefault(),n?.focus())}};return document.addEventListener(`keydown`,r),()=>{document.body.style.overflow=n,document.removeEventListener(`keydown`,r),e?.focus()}},[t]),(0,j.createPortal)((0,M.jsx)(`div`,{className:`library-preview-backdrop`,onClick:e=>{e.target===e.currentTarget&&t()},children:(0,M.jsxs)(`div`,{className:`library-preview`,ref:l,role:`dialog`,"aria-modal":`true`,"aria-labelledby":`library-preview-title`,children:[(0,M.jsxs)(`header`,{children:[(0,M.jsx)(`h2`,{id:`library-preview-title`,children:e.name}),(0,M.jsx)(`button`,{type:`button`,onClick:t,"aria-label":`Close preview`,children:(0,M.jsx)(f,{size:18})})]}),u&&(0,M.jsxs)(`section`,{className:`library-preview-source`,"aria-label":`Source message`,children:[(0,M.jsx)(`span`,{children:`Source message`}),(0,M.jsx)(`p`,{children:u})]}),(0,M.jsx)(`div`,{className:`library-preview-body`,children:o.error?(0,M.jsxs)(`div`,{role:`alert`,children:[(0,M.jsx)(`p`,{children:o.error}),(0,M.jsx)(`button`,{type:`button`,onClick:()=>a(e=>e+1),children:`Retry`})]}):o.url?e.kind===`image`?(0,M.jsx)(`img`,{src:o.url,alt:e.name}):e.kind===`video`?(0,M.jsx)(`video`,{src:o.url,controls:!0,autoPlay:!1}):d?(0,M.jsxs)(`pre`,{tabIndex:0,children:[s,o.blob.size>1024*1024?`
-[Preview limited to the first 1 MiB. Download to read the entire file.]`:``]}):/\.pdf$/i.test(e.name)?(0,M.jsx)(`iframe`,{title:e.name,src:o.url,sandbox:``}):(0,M.jsx)(`p`,{children:`This file is ready to download. A preview is not available for this format.`}):(0,M.jsx)(`p`,{role:`status`,children:`Loading file…`})}),(0,M.jsxs)(`footer`,{children:[(0,M.jsxs)(`span`,{children:[e.origin===`generated`?`AI generated`:e.origin===`legacy`?`Imported from Pictures`:`Uploaded`,` · `,e.mimeType]}),(0,M.jsxs)(`div`,{children:[[...new Set(e.references.map(e=>e.chatId))].map(e=>(0,M.jsx)(`button`,{type:`button`,"data-open-chat":!0,onClick:()=>n?.(e),children:`Open source chat`},e)),o.url&&(0,M.jsxs)(`a`,{href:o.url,download:e.name,children:[(0,M.jsx)(i,{size:15}),`Download`]})]})]})]})}),document.body)}var A,j,M,N=t((()=>{A=e(n()),j=g(),l(),C(),M=r()})),P=t((()=>{}));function F({chatId:e,onClose:t,onOpenConversation:n}){let r=(0,I.useMemo)(()=>v({list:s.listLibrary,setTrashed:s.setLibraryTrashed,remove:s.removeLibraryItem}),[]),i=(0,I.useSyncExternalStore)(r.subscribe,r.getSnapshot),[o,l]=(0,I.useState)(``),[u,d]=(0,I.useState)(``),[p,g]=(0,I.useState)(``),[_,y]=(0,I.useState)(`all`),[b,S]=(0,I.useState)(()=>new URLSearchParams(location.search).get(`trash`)===`1`),[C,w]=(0,I.useState)(null),[T,D]=(0,I.useState)(null),[O,A]=(0,I.useState)(``),[j,M]=(0,I.useState)(``),[N,P]=(0,I.useState)(0),F=(0,I.useCallback)(()=>D(null),[]);(0,I.useEffect)(()=>{let e=()=>P(e=>e+1);return window.addEventListener(`popstate`,e),()=>window.removeEventListener(`popstate`,e)},[]),(0,I.useEffect)(()=>{let e=setTimeout(()=>g(u),200);return()=>clearTimeout(e)},[u]),(0,I.useEffect)(()=>{r.setQuery({kind:o||void 0,search:p,chatId:_===`session`?e:void 0,trashed:b})},[o,p,_,e,b,r]),(0,I.useEffect)(()=>{let e=()=>{r.refresh()};return window.addEventListener(`focus`,e),()=>window.removeEventListener(`focus`,e)},[r]),(0,I.useEffect)(()=>{if(!i.items.some(e=>e.thumbnailStatus===`pending`&&!e.deletedAt))return;let e=setTimeout(()=>{r.refresh()},2500);return()=>clearTimeout(e)},[i.items,r]),(0,I.useEffect)(()=>{let e=new URLSearchParams(location.search),t=e.get(`item`),n=!0;return w(null),D(null),A(``),S(e.get(`trash`)===`1`),t&&(l(``),d(``),y(`all`),s.getLibraryItem(t).then(e=>{n&&(w(e),e.deletedAt?S(!0):e.availability===`ready`&&D(e))}).catch(e=>{n&&A(String(e))})),()=>{n=!1}},[N]);async function z(e){M(e.id),A(``);try{await x(e.id,e.name)}catch(e){A(String(e))}finally{M(``)}}async function B(e){await r.setTrashed(e.id,!b),!r.getSnapshot().actionError&&C?.id===e.id&&w(null)}async function V(e){await r.remove(e.id),!r.getSnapshot().actionError&&C?.id===e.id&&w(null)}let H=C&&!!C.deletedAt===b&&!i.items.some(e=>e.id===C.id)&&!u&&!o&&_===`all`?[C,...i.items]:i.items,U=u||o||_===`session`;return(0,L.jsxs)(`section`,{className:`library-page`,"aria-label":`Library`,children:[(0,L.jsxs)(`div`,{className:`library-content`,children:[(0,L.jsxs)(`header`,{className:`library-header`,children:[(0,L.jsxs)(`div`,{children:[(0,L.jsxs)(`div`,{className:`library-eyebrow`,children:[(0,L.jsx)(h,{size:16}),`Your files`]}),(0,L.jsx)(`h1`,{children:`Library`}),(0,L.jsx)(`p`,{children:`Images, videos, and files from your conversations.`})]}),(0,L.jsxs)(`div`,{className:`library-header-actions`,children:[(0,L.jsx)(`button`,{type:`button`,"aria-label":`Refresh library`,disabled:i.loading,onClick:()=>{r.refresh()},children:(0,L.jsx)(c,{size:17})}),t&&(0,L.jsx)(`button`,{type:`button`,"aria-label":`Close library`,onClick:t,children:(0,L.jsx)(f,{size:18})})]})]}),(0,L.jsxs)(`div`,{className:`library-toolbar`,children:[(0,L.jsx)(`div`,{className:`library-filters`,role:`group`,"aria-label":`File type`,children:R.map(([e,t])=>(0,L.jsx)(`button`,{type:`button`,"data-filter":e||`all`,"aria-pressed":o===e,onClick:()=>l(e),children:t},e))}),(0,L.jsxs)(`button`,{type:`button`,className:`library-trash-toggle`,"data-view":b?`active`:`trash`,"aria-pressed":b,onClick:()=>S(e=>!e),children:[b?(0,L.jsx)(h,{size:15}):(0,L.jsx)(m,{size:15}),` `,b?`Back to library`:`Trash`]})]}),(0,L.jsxs)(`div`,{className:`library-search-row`,children:[(0,L.jsxs)(`label`,{className:`library-search`,children:[(0,L.jsx)(a,{size:16}),(0,L.jsx)(`input`,{type:`search`,placeholder:`Search filenames`,"aria-label":`Search filenames`,value:u,onChange:e=>d(e.target.value)})]}),e&&(0,L.jsxs)(`select`,{"aria-label":`Conversation scope`,value:_,onChange:e=>y(e.target.value),children:[(0,L.jsx)(`option`,{value:`all`,children:`All conversations`}),(0,L.jsx)(`option`,{value:`session`,children:`Current conversation`})]})]}),b&&(0,L.jsx)(`p`,{className:`library-trash-note`,children:`Restore files to Library, or remove them from Mint to move them to system Trash on the computer running Mint.`}),i.error&&(0,L.jsxs)(`div`,{className:`library-error`,role:`alert`,children:[(0,L.jsx)(`span`,{children:i.error}),(0,L.jsx)(`button`,{type:`button`,onClick:()=>{r.refresh()},children:`Retry`})]}),(i.actionError||O)&&(0,L.jsx)(`p`,{className:`library-action-error`,role:`alert`,children:i.actionError||O}),i.loading&&!i.items.length?(0,L.jsx)(`p`,{className:`library-empty`,role:`status`,children:`Loading library…`}):!H.length&&!i.error?(0,L.jsxs)(`div`,{className:`library-empty`,children:[(0,L.jsx)(h,{size:30}),(0,L.jsx)(`h2`,{children:U?`No files match these filters`:b?`Trash is empty`:`Your library starts here`}),(0,L.jsx)(`p`,{children:b?`Files you move to Trash can be restored here.`:`Send an image, video, or file in a conversation to keep it here.`})]}):null,(0,L.jsx)(`div`,{className:`library-items ${o===`image`||o===`video`?`is-grid`:``}`,children:H.map(e=>(0,L.jsx)(E,{item:e,linked:C?.id===e.id,trashed:b,actionPending:!!i.actionId,downloadPending:!!j,onPreview:D,onDownload:z,onMove:B,onRemove:V},e.id))}),i.nextCursor&&(0,L.jsx)(`button`,{type:`button`,className:`library-load-more`,disabled:i.loading,onClick:()=>{r.loadMore()},children:i.loading?`Loading…`:`Load more`})]}),T&&(0,L.jsx)(k,{item:T,onClose:F,onOpenConversation:n})]})}var I,L,R;t((()=>{I=e(n()),l(),o(),y(),C(),O(),N(),P(),L=r(),R=[[``,`All`],[`image`,`Images`],[`video`,`Videos`],[`file`,`Files`]]}))();export{F as default};

package/out/web/assets/LibraryPage-DAxUTAg7.css

@@ -1 +0,0 @@
-.library-page{z-index:5;background:var(--bg-gradient);min-width:0;color:var(--text-main);padding:48px clamp(20px,5vw,76px) 40px;position:absolute;inset:0;overflow:auto}.library-content{max-width:1200px;margin:0 auto}.library-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:30px;display:flex}.library-eyebrow{color:var(--text-muted);align-items:center;gap:7px;font-size:12px;display:flex}.library-header h1{margin:8px 0;font-size:28px;font-weight:600}.library-header p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.6}.library-header-actions,.library-item-actions{flex-shrink:0;gap:6px;display:flex}.library-page button,.library-preview button,.library-preview a{border:1px solid var(--border);border-radius:var(--radius-md,8px);background:var(--bg-surface-soft);min-height:34px;color:var(--text-soft,var(--text-main));font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:7px;padding:7px 10px;font-size:12px;text-decoration:none;display:inline-flex}.library-page button:hover:not(:disabled),.library-preview button:hover,.library-preview a:hover{background:var(--bg-surface-hover);color:var(--text-main)}.library-page button:disabled{opacity:.45;cursor:default}.library-page :focus-visible,.library-preview :focus-visible{outline:2px solid var(--accent);outline-offset:3px}.library-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.library-filters{flex-wrap:wrap;gap:4px;display:flex}.library-filters button{background:0 0;border-color:#0000}.library-filters button[aria-pressed=true]{color:var(--text-main);background:var(--bg-surface-hover);border-color:var(--border)}.library-search-row{align-items:center;gap:12px;margin:18px 0;display:flex}.library-search{border:1px solid var(--border);border-radius:var(--radius-md,8px);background:var(--bg-surface-soft);min-width:0;max-width:430px;color:var(--text-muted);flex:1;align-items:center;gap:9px;padding:0 11px;display:flex}.library-search input{width:100%;min-width:0;color:var(--text-main);font:inherit;background:0 0;border:0;outline:none;min-height:38px;font-size:13px}.library-search:focus-within{outline:2px solid var(--accent);outline-offset:1px}.library-search-row select{border:1px solid var(--border);border-radius:var(--radius-md,8px);background:var(--bg-surface-soft);max-width:210px;min-height:38px;color:var(--text-soft,var(--text-main));font:inherit;padding:6px 9px;font-size:12px}.library-trash-note{color:var(--text-muted);font-size:12px;line-height:1.6}.library-items{flex-direction:column;display:flex}.library-item{border-bottom:1px solid var(--border);align-items:center;gap:18px;min-width:0;padding:11px 0;display:flex}.library-page .library-item-preview{text-align:left;min-width:0;color:var(--text-main);background:0 0;border:0;flex:1;justify-content:flex-start;gap:14px;padding:0;display:flex}.library-thumbnail{background:var(--bg-surface-soft);width:48px;height:48px;color:var(--text-muted);border-radius:7px;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.library-thumbnail img{object-fit:cover;width:100%;height:100%}.library-item-copy{min-width:0}.library-item-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;line-height:1.5;display:block;overflow:hidden}.library-item-copy small{color:var(--text-muted);margin-top:4px;font-size:11px;display:block}.library-item-date{color:var(--text-muted);flex-shrink:0;font-size:11px}.library-page .library-item-actions button{background:0 0;border-color:#0000;padding:7px}.library-empty{text-align:center;color:var(--text-muted);padding:70px 15px;font-size:13px}.library-empty h2{color:var(--text-main);font-size:17px;font-weight:500}.library-empty p{line-height:1.6}.library-error{border:1px solid var(--border);overflow-wrap:anywhere;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:12px;font-size:12px;display:flex}.library-action-error{overflow-wrap:anywhere;color:var(--text-main);font-size:12px}.library-load-more{margin:22px auto;display:flex!important}.library-items.is-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:20px;display:grid}.is-grid .library-item{flex-wrap:wrap;align-content:start;gap:8px;padding:0 0 10px;display:flex}.is-grid .library-item-preview{flex-direction:column;flex-basis:100%;align-items:stretch;gap:10px}.is-grid .library-thumbnail{aspect-ratio:8/5;width:100%;height:auto}.is-grid .library-item-date{flex:1}.is-grid .library-item-copy small{margin-top:2px}.library-preview-backdrop{z-index:10000;color:var(--text-main);background:#000000bf;justify-content:center;align-items:center;padding:28px;display:flex;position:fixed;inset:0}.library-preview{border:1px solid var(--border);background:var(--bg-overlay,var(--bg-surface-soft));border-radius:12px;flex-direction:column;width:min(1050px,100%);min-width:0;max-height:calc(100dvh - 56px);display:flex;overflow:hidden}.library-preview header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;padding:16px 20px;display:flex}.library-preview h2{overflow-wrap:anywhere;min-width:0;margin:0;font-size:15px;font-weight:500}.library-preview-body{place-items:center;min-height:180px;max-height:70dvh;padding:18px;display:grid;overflow:auto}.library-preview-source{padding:12px 20px 0}.library-preview-source>span{color:var(--text-muted);font-size:11px}.library-preview-source p{-webkit-line-clamp:2;overflow-wrap:anywhere;color:var(--text-soft,var(--text-main));-webkit-box-orient:vertical;margin:4px 0 0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.library-preview-body img,.library-preview-body video{object-fit:contain;max-width:100%;max-height:60dvh}.library-preview-body pre{white-space:pre-wrap;overflow-wrap:anywhere;width:100%;font-family:var(--font-mono,monospace);margin:0;font-size:13px;line-height:1.6}.library-preview-body iframe{border:0;width:100%;height:60dvh}.library-preview-body p{font-size:13px;line-height:1.7}.library-preview footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 20px;display:flex}.library-preview footer>span{color:var(--text-muted);overflow-wrap:anywhere;font-size:11px}.library-preview footer>div{flex-wrap:wrap;gap:8px;display:flex}@media (width<=600px){.library-page{padding:24px 16px 35px}.library-header{gap:12px;margin-bottom:24px}.library-header h1{font-size:24px}.library-header-actions{gap:4px}.library-header-actions button{padding:7px}.library-toolbar{align-items:flex-start;gap:8px}.library-filters{gap:0}.library-filters button{padding:7px 9px}.library-trash-toggle{padding:7px!important}.library-search-row{flex-wrap:wrap}.library-search{flex-basis:100%;width:100%;max-width:none}.library-search-row select{width:100%;max-width:none}.library-item{gap:8px}.library-item-date{display:none}.library-thumbnail{width:40px;height:44px}.library-page .library-item-preview{gap:10px}.library-item-copy strong{font-size:12px}.library-item-copy small{font-size:10px}.library-item-actions{gap:0}.library-items.is-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.library-preview-backdrop{padding:12px}.library-preview{max-height:calc(100dvh - 24px)}.library-preview header{padding:12px}.library-preview-source{padding:12px 12px 0}.library-preview footer,.library-preview-body{padding:12px}.library-preview h2{font-size:13px}}.library-item.is-linked{outline:1px solid var(--accent);outline-offset:4px;border-radius:var(--radius-md,8px)}

package/out/web/assets/LinkedFoldersView-2nfZbDgN.js

@@ -1 +0,0 @@
-import{i as e,n as t}from"./chunk-CacB07dV.js";import{n,t as r}from"./jsx-runtime-DN4NhQUK.js";import{F as i,N as a,P as ee,j as o}from"./config-CnvCChUM.js";var s,c,l;t((()=>{s=e(n()),a(),o(),c=r(),l=s.memo(function({listLinkedFolders:e,addLinkedFolder:t,removeLinkedFolder:n,linkedFolderStatus:r,refreshLinkedFolder:a,listLinkedFolderNotes:o,readLinkedFolderNote:l,openLinkedFolderNote:te,canOpenNote:ne,selectFolder:u}){let[d,re]=(0,s.useState)([]),[ie,f]=(0,s.useState)(!1),[p,ae]=(0,s.useState)(``),[oe,se]=(0,s.useState)(``),[m,h]=(0,s.useState)(``),[g,_]=(0,s.useState)(``),[v,y]=(0,s.useState)(``),[b,x]=(0,s.useState)(!1),[S,C]=(0,s.useState)(!1),[w,T]=(0,s.useState)({}),[ce,E]=(0,s.useState)(!1),le=(0,s.useRef)(null),ue=(0,s.useRef)(null),D=(0,s.useRef)(null),O=(0,s.useRef)(null),k=(0,s.useRef)(null),A=(0,s.useRef)(null),[j,M]=(0,s.useState)(null),[N,P]=(0,s.useState)(null),[F,I]=(0,s.useState)([]),[L,R]=(0,s.useState)(``),[z,B]=(0,s.useState)(null),[de,V]=(0,s.useState)(!1),H=(0,s.useRef)(0),[U,W]=(0,s.useState)(``),[G,K]=(0,s.useState)(!1),[q,J]=(0,s.useState)(null),[fe,Y]=(0,s.useState)({}),[pe,me]=(0,s.useState)({}),[he,X]=(0,s.useState)({}),Z=async()=>{f(!0),ae(``);try{let t=await e();re(Object.values(t||{}))}catch(e){console.error(`Failed to fetch linked folders:`,e),ae(`Failed to load linked folders`)}finally{f(!1)}};(0,s.useEffect)(()=>{Z()},[]);let ge=d.map(e=>`${e.name}\u0000${e.path}`).join(`
`),_e=(e,t)=>{if(e.key!==`Tab`||!t)return;let n=Array.from(t.querySelectorAll(`button:not(:disabled), input:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex="-1"])`));if(n.length===0)return;let r=n[0],i=n[n.length-1];e.shiftKey&&(document.activeElement===r||!t.contains(document.activeElement))?(e.preventDefault(),i.focus()):!e.shiftKey&&(document.activeElement===i||!t.contains(document.activeElement))&&(e.preventDefault(),r.focus())};(0,s.useEffect)(()=>{if(d.length===0)return;let e=!0,t=!1,n=async()=>{if(!t){t=!0;try{let t=await Promise.all(d.map(async e=>{let[t,n]=await Promise.allSettled([r(e.name),o(e.name)]);return{name:e.name,statusResult:t,notesResult:n}}));if(!e)return;let n={},i={},a={};for(let e of t)e.statusResult.status===`fulfilled`?n[e.name]=e.statusResult.value:a[e.name]=`Could not load folder status`,e.notesResult.status===`fulfilled`?i[e.name]=e.notesResult.value:a[e.name]=`Could not load recent notes`;Y(n),me(i),X(a)}finally{t=!1}}};n();let i=window.setInterval(n,15e3);return()=>{e=!1,window.clearInterval(i)}},[ge,r,o]),(0,s.useEffect)(()=>{S&&le.current?.focus()},[S]),(0,s.useEffect)(()=>{if(!S)return;let e=e=>{e.key===`Escape`&&!b&&Q(),_e(e,D.current)};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[S,b]);let ve=()=>{ue.current=document.activeElement instanceof HTMLElement?document.activeElement:null,T({}),C(!0)},Q=()=>{C(!1),T({}),window.requestAnimationFrame(()=>ue.current?.focus())},ye=e=>{O.current=document.activeElement instanceof HTMLElement?document.activeElement:null,W(``),M(e)},$=()=>{M(null),window.requestAnimationFrame(()=>O.current?.focus())};(0,s.useEffect)(()=>{if(!j)return;k.current?.focus();let e=e=>{e.key===`Escape`&&$(),_e(e,A.current)};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[j?.name]),(0,s.useEffect)(()=>{if(!j)return;P(null),I([]),R(``),B(null),V(!1),H.current+=1;let e=!0,t=async()=>{try{let[t,n]=await Promise.all([r(j.name),o(j.name)]);e&&(P(t),I(n),W(``))}catch(t){e&&W(t?.message||`Failed to load linked folder details`)}};t();let n=window.setInterval(t,1e4);return()=>{e=!1,window.clearInterval(n)}},[j?.name,r,o]);let be=async()=>{if(j){K(!0);try{let e=await a(j.name);P(e),Y(t=>({...t,[j.name]:e})),W(``)}catch(e){W(e?.message||`Could not refresh folder`)}finally{K(!1)}}},xe=async e=>{if(z===e.id){H.current+=1,B(null),R(``),V(!1);return}let t=++H.current;B(e.id),R(``),V(!0);try{let n=await l(e.folder,e.id);t===H.current&&(R(n),W(``))}catch(e){t===H.current&&W(e?.message||`Could not read note`)}finally{t===H.current&&V(!1)}},Se=async e=>{try{if(navigator.clipboard?.writeText)await navigator.clipboard.writeText(e);else{let t=document.createElement(`textarea`);t.value=e,t.style.position=`fixed`,t.style.opacity=`0`,document.body.appendChild(t),t.select();let n=document.execCommand(`copy`);if(t.remove(),!n)throw Error(`Could not copy path`)}W(``)}catch(e){W(e?.message||`Could not copy path`)}},Ce=async e=>{e.preventDefault();let n={};if(m.trim()?d.some(e=>e.name===m.trim())&&(n.name=`This name is already linked. Choose another name.`):n.name=`Enter a name for this folder.`,g.trim()||(n.path=`Choose or enter a folder path.`),Object.keys(n).length){T(n);return}T({}),x(!0);try{await t({name:m.trim(),path:g.trim(),description:v.trim()||void 0}),h(``),_(``),y(``),E(!1),Q(),await Z()}catch(e){console.error(`Failed to add linked folder:`,e),T({form:e?.message||`Could not link folder. Check that the path exists and Mint can access it.`})}finally{x(!1)}},we=async()=>{if(u)try{let e=await u();e&&(_(e),T(e=>({...e,path:void 0,form:void 0})),(!m.trim()||ce)&&(h(e.replace(/[\\/]+$/,``).split(/[\\/]/).pop()||``),E(!0),T(e=>({...e,name:void 0}))))}catch(e){console.error(`Failed to open folder picker:`,e),T(t=>({...t,path:e?.message||`Could not open folder picker.`}))}},Te=async e=>{J(e);try{let t=await a(e);Y(n=>({...n,[e]:t})),X(t=>({...t,[e]:``}))}catch(t){X(n=>({...n,[e]:t?.message||`Could not refresh folder.`}))}finally{J(null)}},Ee=async e=>{if(window.confirm(`Unlink folder "${e}"? (The folder and its notes are not deleted.)`))try{await n(e),j?.name===e&&$(),Z()}catch(e){console.error(`Failed to remove linked folder:`,e),alert(`Error unlinking folder`)}},De=d.filter(e=>{let t=oe.toLowerCase();return e.name.toLowerCase().includes(t)||e.path.toLowerCase().includes(t)||(e.description||``).toLowerCase().includes(t)});return(0,c.jsxs)(`div`,{className:`management-container`,children:[(0,c.jsxs)(`div`,{className:`management-header`,children:[(0,c.jsxs)(`div`,{className:`management-title-group`,children:[(0,c.jsxs)(`h1`,{className:`management-title`,children:[(0,c.jsx)(`span`,{className:`management-title-icon`,style:{display:`inline-flex`,alignItems:`center`},children:i(22,`var(--accent)`)}),`Linked folders`]}),(0,c.jsxs)(`p`,{className:`management-subtitle`,children:[`Mint reads linked folder files to find relevant chats and saves useful notes into `,(0,c.jsx)(`code`,{children:`mint-notes/`}),`.`]})]}),(0,c.jsxs)(`button`,{type:`button`,className:`management-primary-btn`,onClick:ve,children:[(0,c.jsxs)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,children:[(0,c.jsx)(`line`,{x1:`12`,y1:`5`,x2:`12`,y2:`19`}),(0,c.jsx)(`line`,{x1:`5`,y1:`12`,x2:`19`,y2:`12`})]}),`Link a Folder`]})]}),d.length>0&&(0,c.jsx)(`div`,{className:`management-control-bar`,children:(0,c.jsxs)(`div`,{className:`management-search-wrapper`,children:[(0,c.jsx)(`input`,{type:`text`,className:`management-search-input`,"aria-label":`Search linked folders`,placeholder:`Search linked folders...`,value:oe,onChange:e=>se(e.target.value)}),(0,c.jsxs)(`svg`,{className:`management-search-icon`,width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,children:[(0,c.jsx)(`circle`,{cx:`11`,cy:`11`,r:`8`}),(0,c.jsx)(`line`,{x1:`21`,y1:`21`,x2:`16.65`,y2:`16.65`})]})]})}),p&&d.length>0&&(0,c.jsx)(`div`,{className:`management-error-banner`,role:`alert`,children:p}),ie?(0,c.jsx)(`div`,{className:`mgmt-empty`,children:`Loading…`}):p&&d.length===0?(0,c.jsxs)(`div`,{className:`linked-load-error`,role:`alert`,children:[(0,c.jsx)(`p`,{children:`Could not load linked folders.`}),(0,c.jsx)(`button`,{type:`button`,className:`management-action-btn`,onClick:()=>void Z(),children:`Try again`})]}):d.length===0?(0,c.jsxs)(`section`,{className:`linked-empty`,"aria-labelledby":`linked-empty-title`,children:[(0,c.jsx)(`div`,{className:`linked-empty-icon`,"aria-hidden":`true`,children:i(30,`var(--accent)`)}),(0,c.jsx)(`h2`,{id:`linked-empty-title`,children:`Give a folder a place in your conversations`}),(0,c.jsx)(`p`,{children:`Link a folder so Mint can use its supported files to find relevant context and save useful notes from your chats.`}),(0,c.jsxs)(`div`,{className:`linked-empty-steps`,"aria-label":`How linked folders work`,children:[(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`strong`,{children:`1 · Choose a folder`}),(0,c.jsx)(`span`,{children:`Mint reads supported files in it and its subfolders.`})]}),(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`strong`,{children:`2 · Chat as usual`}),(0,c.jsx)(`span`,{children:`Mint uses relevant content when a conversation matches.`})]}),(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`strong`,{children:`3 · Find your notes`}),(0,c.jsxs)(`span`,{children:[`Saved notes appear inside that folder’s `,(0,c.jsx)(`code`,{children:`mint-notes/`}),`.`]})]})]}),(0,c.jsx)(`button`,{type:`button`,className:`management-primary-btn`,onClick:ve,children:`Link a Folder`}),(0,c.jsxs)(`p`,{className:`linked-empty-cli`,children:[`You can also run `,(0,c.jsx)(`code`,{children:`mint link add`}),` in your terminal.`]})]}):De.length===0?(0,c.jsx)(`div`,{className:`mgmt-empty`,children:`No linked folders match your search.`}):(0,c.jsx)(`div`,{className:`mgmt-list linked-folder-list`,children:De.map(e=>{let t=fe[e.name],n=pe[e.name]?.find(e=>e.status===`saved`),r=he[e.name]||t?.indexError,i=r?`Needs attention`:t?t.indexedAt?`Ready`:`Reading files…`:`Checking…`;return(0,c.jsxs)(`div`,{className:`mgmt-row linked-folder-row`,children:[(0,c.jsxs)(`div`,{className:`mgmt-row-main`,children:[(0,c.jsxs)(`div`,{className:`linked-folder-heading`,children:[(0,c.jsx)(`span`,{className:`mgmt-row-title`,children:e.name}),(0,c.jsx)(`span`,{className:`mgmt-status ${r?`failed`:t?.indexedAt?`ok`:`running`}`,role:`status`,children:i})]}),(0,c.jsx)(`div`,{className:`mgmt-row-sub`,title:e.path,children:e.path}),e.description&&(0,c.jsx)(`div`,{className:`linked-folder-description`,children:e.description}),(0,c.jsxs)(`div`,{className:`linked-folder-meta`,children:[(0,c.jsx)(`span`,{children:t?`${t.indexedFiles} files indexed`:`Checking files…`}),(0,c.jsx)(`span`,{"aria-hidden":`true`,children:`·`}),(0,c.jsx)(`span`,{children:n?`Last note ${new Date(n.createdAt).toLocaleString()}`:`No notes yet`})]}),n&&(0,c.jsx)(`p`,{className:`linked-folder-note-snippet`,children:n.content.slice(0,180)}),r&&(0,c.jsx)(`p`,{className:`linked-folder-error`,role:`alert`,children:r})]}),(0,c.jsxs)(`div`,{className:`linked-folder-actions`,children:[(0,c.jsx)(`button`,{type:`button`,className:`management-action-btn`,onClick:()=>ye(e),children:`View notes`}),(0,c.jsx)(`button`,{type:`button`,className:`management-action-btn`,disabled:q===e.name,onClick:()=>void Te(e.name),children:q===e.name?`Refreshing…`:`Refresh`})]})]},e.name)})}),j&&(0,c.jsx)(`div`,{className:`management-modal-overlay`,onClick:$,children:(0,c.jsxs)(`div`,{ref:A,className:`management-modal linked-detail-modal`,role:`dialog`,"aria-modal":`true`,"aria-labelledby":`linked-detail-title`,onClick:e=>e.stopPropagation(),children:[(0,c.jsxs)(`div`,{className:`management-modal-header`,children:[(0,c.jsxs)(`div`,{className:`management-card-title-group`,children:[ee(44),(0,c.jsx)(`h2`,{id:`linked-detail-title`,className:`management-modal-title`,children:j.name})]}),(0,c.jsx)(`button`,{type:`button`,className:`management-modal-close`,ref:k,"aria-label":`Close folder details`,onClick:$,children:`✕`})]}),(0,c.jsxs)(`div`,{className:`management-modal-body`,children:[(0,c.jsx)(`p`,{style:{color:`var(--text-soft, #d1d1d4)`,lineHeight:1.55,margin:0},children:j.description||`No description`}),(0,c.jsxs)(`div`,{className:`mgmt-detail-grid`,children:[(0,c.jsx)(`span`,{children:`Path`}),(0,c.jsx)(`code`,{children:j.path}),(0,c.jsx)(`span`,{children:`Notes`}),(0,c.jsxs)(`code`,{children:[j.path.replace(/\/$/,``),`/mint-notes/`]}),(0,c.jsx)(`span`,{children:`Indexed files`}),(0,c.jsx)(`span`,{children:N?N.indexedFiles:`Indexing…`}),(0,c.jsx)(`span`,{children:`Last indexed`}),(0,c.jsx)(`span`,{children:N?.indexedAt?new Date(N.indexedAt).toLocaleString():`Pending`}),(0,c.jsx)(`span`,{children:`Background notes (all folders)`}),(0,c.jsx)(`span`,{children:N?`${N.pendingJobs} pending · ${N.failedJobs} failed`:`Loading…`})]}),N?.indexError&&(0,c.jsx)(`p`,{role:`status`,className:`management-error-banner`,children:N.indexError}),N?.lastJobError&&(0,c.jsxs)(`p`,{role:`status`,className:`management-error-banner`,children:[`Last note error: `,N.lastJobError]}),U&&(0,c.jsx)(`p`,{role:`alert`,className:`management-error-banner`,children:U}),(0,c.jsx)(`button`,{type:`button`,className:`management-action-btn`,onClick:be,disabled:G,children:G?`Refreshing…`:`Refresh file index`}),(0,c.jsx)(`h3`,{children:`Recent notes`}),F.length===0?(0,c.jsx)(`p`,{children:`No notes saved yet.`}):(0,c.jsx)(`div`,{className:`mgmt-list`,children:F.map(e=>(0,c.jsx)(`div`,{className:`mgmt-row linked-note-row`,children:(0,c.jsxs)(`div`,{className:`mgmt-row-main`,children:[(0,c.jsxs)(`div`,{className:`mgmt-row-title`,children:[new Date(e.createdAt).toLocaleString(),` · `,e.status]}),(0,c.jsx)(`div`,{className:`mgmt-row-sub`,children:e.content.slice(0,160)}),e.error&&(0,c.jsx)(`p`,{role:`status`,children:e.error}),(0,c.jsx)(`button`,{type:`button`,className:`management-action-btn`,disabled:e.status!==`saved`,"aria-expanded":z===e.id,onClick:()=>void xe(e),children:z===e.id?`Hide note`:`View note`}),ne&&(0,c.jsx)(`button`,{type:`button`,className:`management-action-btn`,disabled:e.status!==`saved`,onClick:()=>void te(e.folder,e.id).catch(e=>W(String(e))),children:`Open file`}),(0,c.jsx)(`button`,{type:`button`,className:`management-action-btn`,onClick:()=>void Se(e.path),children:`Copy path`}),z===e.id&&(0,c.jsx)(`div`,{className:`linked-note-preview`,role:`region`,"aria-label":`Note file for ${new Date(e.createdAt).toLocaleString()}`,children:de?(0,c.jsx)(`p`,{children:`Loading note…`}):L?(0,c.jsx)(`pre`,{children:L}):(0,c.jsx)(`p`,{children:`Could not show this note.`})})]})},e.id))})]}),(0,c.jsxs)(`div`,{className:`management-modal-footer`,children:[(0,c.jsx)(`span`,{}),(0,c.jsx)(`button`,{type:`button`,className:`management-action-btn danger`,onClick:()=>Ee(j.name),children:`Unlink`})]})]})}),S&&(0,c.jsx)(`div`,{className:`management-modal-overlay`,children:(0,c.jsxs)(`div`,{ref:D,className:`management-modal linked-add-modal`,role:`dialog`,"aria-modal":`true`,"aria-labelledby":`linked-add-title`,children:[(0,c.jsxs)(`div`,{className:`management-modal-header`,children:[(0,c.jsx)(`h2`,{id:`linked-add-title`,className:`management-modal-title`,children:`Link a Folder`}),(0,c.jsx)(`button`,{type:`button`,className:`management-modal-close`,"aria-label":`Close`,disabled:b,onClick:Q,children:`✕`})]}),(0,c.jsxs)(`form`,{onSubmit:Ce,noValidate:!0,children:[(0,c.jsxs)(`div`,{className:`management-modal-body`,children:[(0,c.jsxs)(`div`,{className:`management-form-group`,children:[(0,c.jsx)(`label`,{className:`management-label`,htmlFor:`linked-folder-name`,children:`Name`}),(0,c.jsx)(`input`,{ref:le,id:`linked-folder-name`,type:`text`,className:`management-input-field`,placeholder:`e.g. Food`,value:m,"aria-invalid":!!w.name,"aria-describedby":w.name?`linked-name-error`:void 0,onChange:e=>{h(e.target.value),E(!1),T(e=>({...e,name:void 0,form:void 0}))},required:!0}),w.name&&(0,c.jsx)(`span`,{id:`linked-name-error`,className:`linked-field-error`,role:`alert`,children:w.name})]}),(0,c.jsxs)(`div`,{className:`management-form-group`,children:[(0,c.jsx)(`label`,{className:`management-label`,htmlFor:`linked-folder-path`,children:`Folder path`}),(0,c.jsxs)(`div`,{className:`linked-path-row`,children:[(0,c.jsx)(`input`,{id:`linked-folder-path`,type:`text`,className:`management-input-field`,placeholder:`~/notes/food`,value:g,"aria-invalid":!!w.path,"aria-describedby":w.path?`linked-path-error`:void 0,onChange:e=>{_(e.target.value),T(e=>({...e,path:void 0,form:void 0}))},required:!0}),u&&(0,c.jsx)(`button`,{type:`button`,className:`management-action-btn`,onClick:we,children:`Browse...`})]}),w.path&&(0,c.jsx)(`span`,{id:`linked-path-error`,className:`linked-field-error`,role:`alert`,children:w.path})]}),(0,c.jsxs)(`div`,{className:`management-form-group`,children:[(0,c.jsxs)(`label`,{className:`management-label`,htmlFor:`linked-folder-description`,children:[`What should Mint remember here? `,(0,c.jsx)(`span`,{className:`linked-optional`,children:`Optional`})]}),(0,c.jsx)(`textarea`,{id:`linked-folder-description`,className:`management-textarea-field`,placeholder:`e.g. Restaurant reviews, recipes, and places I want to try`,value:v,onChange:e=>y(e.target.value),rows:3}),(0,c.jsx)(`p`,{className:`linked-field-hint`,children:`Describe the topics that belong in this folder. Mint uses this when deciding where a chat note belongs.`})]}),(0,c.jsxs)(`p`,{className:`linked-scope-note`,children:[`Mint reads supported files in this folder and its subfolders (such as Markdown, PDF, Word, spreadsheets and code), then saves useful chat notes in `,(0,c.jsx)(`code`,{children:`mint-notes/`}),` inside the folder.`]}),w.form&&(0,c.jsx)(`p`,{className:`management-error-banner`,role:`alert`,children:w.form})]}),(0,c.jsxs)(`div`,{className:`management-modal-footer`,children:[(0,c.jsx)(`button`,{type:`button`,className:`management-action-btn`,disabled:b,onClick:Q,children:`Cancel`}),(0,c.jsx)(`button`,{type:`submit`,disabled:b,className:`management-primary-btn`,children:b?`Linking...`:`Link Folder`})]})]})]})})]})})}))();export{l as LinkedFoldersView,l as default};

package/out/web/assets/McpRegistryPicker-h9uS8_wT.js

@@ -1 +0,0 @@
-import{i as e,n as t}from"./chunk-CacB07dV.js";import{n,t as r}from"./jsx-runtime-DN4NhQUK.js";import{L as i,N as a,j as o}from"./config-CnvCChUM.js";function s(e,t){let n=e?.allowedMcpTools?.[t];return Array.isArray(n)?n.filter(e=>typeof e==`string`):[]}var c,l,u,d=t((()=>{c=e(n()),o(),l=r(),u=({serverName:e,config:t,updateField:n,listServerTools:r})=>{let i=s(t,e),a=i.includes(`*`),[o,u]=(0,c.useState)(``),[d,f]=(0,c.useState)(null),[p,m]=(0,c.useState)(!1),[h,g]=(0,c.useState)(null),_=r=>{let i={...t?.allowedMcpTools||{}};r.length===0?delete i[e]:i[e]=r,n(`allowedMcpTools`,i)},v=e=>{let t=e.trim();if(t){if(t===`*`)return _([`*`]);a||i.includes(t)||_([...i,t])}},y=e=>_(i.filter(t=>t!==e));return(0,l.jsxs)(`div`,{style:{marginTop:16},children:[(0,l.jsxs)(`div`,{className:`mcp-allowlist-heading`,children:[(0,l.jsx)(`span`,{className:`management-label`,style:{margin:0},children:`Allowed tools`}),(0,l.jsxs)(`label`,{className:`mcp-allowlist-toggle`,children:[(0,l.jsx)(`input`,{type:`checkbox`,className:`mint-custom-checkbox`,checked:a,onChange:()=>_(a?[]:[`*`])}),`Allow all (*)`]})]}),a?(0,l.jsxs)(`p`,{className:`management-plugin-desc`,style:{whiteSpace:`normal`,margin:`4px 0`},children:[`The agent may call every tool on `,(0,l.jsx)(`code`,{children:e}),`.`]}):i.length===0?(0,l.jsx)(`p`,{className:`management-plugin-desc`,style:{whiteSpace:`normal`,margin:`4px 0`},children:`No tools allowed yet — the agent can’t call this server.`}):(0,l.jsx)(`div`,{style:{display:`flex`,flexWrap:`wrap`,gap:6,marginBottom:8},children:i.map(e=>(0,l.jsxs)(`span`,{className:`management-tag`,style:{display:`inline-flex`,alignItems:`center`,gap:4},children:[e,(0,l.jsx)(`button`,{type:`button`,onClick:()=>y(e),"aria-label":`Disallow ${e}`,style:{background:`none`,border:`none`,cursor:`pointer`,color:`inherit`,opacity:.7,padding:0,lineHeight:1},children:`✕`})]},e))}),!a&&(0,l.jsxs)(`div`,{style:{display:`flex`,gap:8,marginBottom:8,flexWrap:`wrap`},children:[(0,l.jsx)(`input`,{type:`text`,className:`management-input-field`,placeholder:`tool name`,value:o,onChange:e=>u(e.target.value),onKeyDown:e=>{e.key===`Enter`&&(e.preventDefault(),v(o),u(``))},style:{flex:`1 1 160px`,minWidth:140}}),(0,l.jsx)(`button`,{type:`button`,className:`management-action-btn`,onClick:()=>{v(o),u(``)},children:`Add`}),r&&(0,l.jsx)(`button`,{type:`button`,className:`management-action-btn`,onClick:async()=>{if(r){m(!0),g(null);try{f(await r(e))}catch(e){g(e?.message||`Could not reach the server`)}finally{m(!1)}}},disabled:p,children:p?`Discovering…`:`Discover tools`})]}),h&&(0,l.jsx)(`p`,{className:`management-plugin-desc`,style:{whiteSpace:`normal`,color:`#f87171`,margin:`4px 0`},children:h}),!a&&d&&(0,l.jsxs)(`div`,{style:{display:`flex`,flexWrap:`wrap`,gap:6},children:[d.length===0&&(0,l.jsx)(`span`,{className:`management-plugin-desc`,children:`Server reported no tools.`}),d.map(e=>{let t=i.includes(e);return(0,l.jsxs)(`button`,{type:`button`,className:`management-action-btn`,onClick:()=>t?y(e):v(e),style:{opacity:t?1:.65},children:[t?`✓ `:`+ `,e]},e)})]})]})}})),f,p=t((()=>{f=[{key:`filesystem`,name:`Filesystem`,desc:`Read and write files under a chosen directory.`,icon:`📁`,command:`npx`,args:[`-y`,`@modelcontextprotocol/server-filesystem`],argInputs:[{label:`Directory`,placeholder:`/home/me/project`}],docs:`https://github.com/modelcontextprotocol/servers/tree/main/src/filesystem`},{key:`memory`,name:`Memory`,desc:`A local knowledge-graph the agent can store and recall facts in.`,icon:`🧠`,command:`npx`,args:[`-y`,`@modelcontextprotocol/server-memory`],docs:`https://github.com/modelcontextprotocol/servers/tree/main/src/memory`},{key:`sequential-thinking`,name:`Sequential Thinking`,desc:`A scratchpad tool for step-by-step reasoning on hard problems.`,icon:`🪜`,command:`npx`,args:[`-y`,`@modelcontextprotocol/server-sequential-thinking`],docs:`https://github.com/modelcontextprotocol/servers/tree/main/src/sequentialthinking`},{key:`everything`,name:`Everything (demo)`,desc:`The reference server — exercises every MCP feature. Good for testing.`,icon:`🧪`,command:`npx`,args:[`-y`,`@modelcontextprotocol/server-everything`],docs:`https://github.com/modelcontextprotocol/servers/tree/main/src/everything`},{key:`fetch`,name:`Fetch`,desc:`Fetch a URL and return its content as Markdown.`,icon:`🌐`,command:`uvx`,args:[`mcp-server-fetch`],docs:`https://github.com/modelcontextprotocol/servers/tree/main/src/fetch`},{key:`git`,name:`Git`,desc:`Inspect and operate on a local git repository.`,icon:`🌿`,command:`uvx`,args:[`mcp-server-git`,`--repository`],argInputs:[{label:`Repository path`,placeholder:`/home/me/project`}],docs:`https://github.com/modelcontextprotocol/servers/tree/main/src/git`},{key:`time`,name:`Time`,desc:`Current time and timezone conversions.`,icon:`🕐`,command:`uvx`,args:[`mcp-server-time`],docs:`https://github.com/modelcontextprotocol/servers/tree/main/src/time`},{key:`sqlite`,name:`SQLite`,desc:`Query and explore a local SQLite database.`,icon:`🗄️`,command:`uvx`,args:[`mcp-server-sqlite`,`--db-path`],argInputs:[{label:`Database file`,placeholder:`/home/me/data.db`}],docs:`https://github.com/modelcontextprotocol/servers/tree/main/src/sqlite`},{key:`github`,name:`GitHub`,desc:`Repositories, issues, pull requests, and code search.`,icon:`🐙`,command:`npx`,args:[`-y`,`@modelcontextprotocol/server-github`],requiredEnv:[{key:`GITHUB_PERSONAL_ACCESS_TOKEN`,label:`GitHub personal access token`,help:`https://github.com/settings/tokens`}],docs:`https://github.com/modelcontextprotocol/servers/tree/main/src/github`},{key:`gitlab`,name:`GitLab`,desc:`Projects, issues, and merge requests.`,icon:`🦊`,command:`npx`,args:[`-y`,`@modelcontextprotocol/server-gitlab`],requiredEnv:[{key:`GITLAB_PERSONAL_ACCESS_TOKEN`,label:`GitLab personal access token`,help:`https://gitlab.com/-/user_settings/personal_access_tokens`}],docs:`https://github.com/modelcontextprotocol/servers/tree/main/src/gitlab`},{key:`slack`,name:`Slack`,desc:`Read channels and post messages in a Slack workspace.`,icon:`💬`,command:`npx`,args:[`-y`,`@modelcontextprotocol/server-slack`],requiredEnv:[{key:`SLACK_BOT_TOKEN`,label:`Slack bot token (xoxb-…)`,help:`https://api.slack.com/apps`},{key:`SLACK_TEAM_ID`,label:`Slack team ID (T…)`}],docs:`https://github.com/modelcontextprotocol/servers/tree/main/src/slack`},{key:`brave-search`,name:`Brave Search`,desc:`Web and local search via the Brave Search API.`,icon:`🔍`,command:`npx`,args:[`-y`,`@modelcontextprotocol/server-brave-search`],requiredEnv:[{key:`BRAVE_API_KEY`,label:`Brave Search API key`,help:`https://brave.com/search/api/`}],docs:`https://github.com/modelcontextprotocol/servers/tree/main/src/brave-search`},{key:`postgres`,name:`PostgreSQL`,desc:`Read-only SQL queries against a Postgres database.`,icon:`🐘`,command:`npx`,args:[`-y`,`@modelcontextprotocol/server-postgres`],argInputs:[{label:`Connection string`,placeholder:`postgresql://user:pass@localhost:5432/db`}],docs:`https://github.com/modelcontextprotocol/servers/tree/main/src/postgres`},{key:`puppeteer`,name:`Puppeteer`,desc:`Drive a headless Chrome — navigate, click, screenshot, scrape.`,icon:`🎭`,command:`npx`,args:[`-y`,`@modelcontextprotocol/server-puppeteer`],docs:`https://github.com/modelcontextprotocol/servers/tree/main/src/puppeteer`}]})),m,h=t((()=>{p(),m=f})),g,_,v,y=t((()=>{g=e(n()),o(),h(),a(),_=r(),v=({configuredNames:e,onPick:t,showManualHint:n=!0,defaultViewMode:r})=>{let[a,o]=(0,g.useState)(``),[s,c]=(0,g.useState)(null),[l,u]=(0,g.useState)([]),[d,f]=(0,g.useState)(()=>{if(r)return r;try{let e=localStorage.getItem(`mint:mcp-catalog-view`);if(e===`list`||e===`grid`)return e}catch{}return`grid`}),p=e=>{f(e);try{localStorage.setItem(`mint:mcp-catalog-view`,e)}catch{}},h=new Set(e),v=m.filter(e=>e.name.toLowerCase().includes(a.toLowerCase())||e.key.toLowerCase().includes(a.toLowerCase())||(e.desc||``).toLowerCase().includes(a.toLowerCase())),y=m.find(e=>e.key===s)||null,b=e=>{c(e.key),u((e.argInputs||[]).map(()=>``))},x=()=>{if(!y)return;let e={};for(let t of y.requiredEnv||[])e[t.key]=``;t(y,l,e),c(null),u([]),o(``)},S=!y||(y.argInputs||[]).every((e,t)=>l[t]?.trim());return(0,_.jsxs)(`div`,{children:[(0,_.jsxs)(`div`,{className:`management-control-bar`,style:{marginBottom:14},children:[(0,_.jsxs)(`div`,{className:`management-search-wrapper`,children:[(0,_.jsx)(`input`,{type:`text`,className:`management-search-input`,placeholder:`Search servers...`,value:a,onChange:e=>o(e.target.value)}),(0,_.jsxs)(`svg`,{className:`management-search-icon`,width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,children:[(0,_.jsx)(`circle`,{cx:`11`,cy:`11`,r:`8`}),(0,_.jsx)(`line`,{x1:`21`,y1:`21`,x2:`16.65`,y2:`16.65`})]})]}),(0,_.jsxs)(`div`,{className:`management-filter-pills`,style:{display:`inline-flex`,gap:2,padding:3,flexShrink:0},children:[(0,_.jsxs)(`button`,{type:`button`,className:`management-pill-btn ${d===`grid`?`active`:``}`,onClick:()=>p(`grid`),title:`Grid view (แนวนอน)`,style:{padding:`6px 10px`,display:`inline-flex`,alignItems:`center`,gap:6},children:[(0,_.jsxs)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,children:[(0,_.jsx)(`rect`,{x:`3`,y:`3`,width:`7`,height:`7`,rx:`1`}),(0,_.jsx)(`rect`,{x:`14`,y:`3`,width:`7`,height:`7`,rx:`1`}),(0,_.jsx)(`rect`,{x:`14`,y:`14`,width:`7`,height:`7`,rx:`1`}),(0,_.jsx)(`rect`,{x:`3`,y:`14`,width:`7`,height:`7`,rx:`1`})]}),(0,_.jsx)(`span`,{style:{fontSize:`0.78rem`},children:`Grid`})]}),(0,_.jsxs)(`button`,{type:`button`,className:`management-pill-btn ${d===`list`?`active`:``}`,onClick:()=>p(`list`),title:`List view (แนวตั้ง)`,style:{padding:`6px 10px`,display:`inline-flex`,alignItems:`center`,gap:6},children:[(0,_.jsxs)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,children:[(0,_.jsx)(`line`,{x1:`8`,y1:`6`,x2:`21`,y2:`6`}),(0,_.jsx)(`line`,{x1:`8`,y1:`12`,x2:`21`,y2:`12`}),(0,_.jsx)(`line`,{x1:`8`,y1:`18`,x2:`21`,y2:`18`}),(0,_.jsx)(`line`,{x1:`3`,y1:`6`,x2:`3.01`,y2:`6`,strokeWidth:`3`}),(0,_.jsx)(`line`,{x1:`3`,y1:`12`,x2:`3.01`,y2:`12`,strokeWidth:`3`}),(0,_.jsx)(`line`,{x1:`3`,y1:`18`,x2:`3.01`,y2:`18`,strokeWidth:`3`})]}),(0,_.jsx)(`span`,{style:{fontSize:`0.78rem`},children:`List`})]})]})]}),(0,_.jsxs)(`div`,{className:d===`grid`?`mcp-catalog-grid`:`mgmt-row-stack`,style:{maxHeight:380,overflowY:`auto`},children:[v.map(e=>{let t=h.has(e.key),n=s===e.key;return d===`grid`?(0,_.jsxs)(`button`,{type:`button`,disabled:t,onClick:()=>b(e),className:`mcp-catalog-card ${n?`selected`:``}`,style:{opacity:t?.55:1,cursor:t?`default`:`pointer`,borderColor:n?`var(--accent, #10b981)`:void 0},children:[(0,_.jsxs)(`div`,{className:`mcp-catalog-card-header`,children:[(0,_.jsx)(`div`,{className:`management-card-icon`,style:{width:34,height:34,fontSize:`1.1rem`},children:i(e.key,e.icon)}),(0,_.jsxs)(`div`,{className:`mcp-catalog-card-title`,children:[(0,_.jsx)(`span`,{className:`name-text`,children:e.name}),t&&(0,_.jsx)(`span`,{className:`management-tag`,children:`Added`}),(e.requiredEnv?.length??0)>0&&!t&&(0,_.jsx)(`span`,{className:`management-tag`,style:{fontSize:`0.65rem`},children:`needs key`})]})]}),(0,_.jsx)(`div`,{className:`mcp-catalog-card-desc`,children:e.desc})]},e.key):(0,_.jsxs)(`button`,{type:`button`,disabled:t,onClick:()=>b(e),className:`management-plugin-row`,style:{width:`100%`,textAlign:`left`,opacity:t?.55:1,cursor:t?`default`:`pointer`,borderColor:n?`var(--accent, #10b981)`:void 0},children:[(0,_.jsx)(`div`,{className:`management-card-icon`,children:i(e.key,e.icon)}),(0,_.jsxs)(`div`,{className:`management-plugin-info`,children:[(0,_.jsxs)(`div`,{className:`management-plugin-name`,children:[e.name,t&&(0,_.jsx)(`span`,{className:`management-tag`,children:`Added`}),(e.requiredEnv?.length??0)>0&&!t&&(0,_.jsx)(`span`,{className:`management-tag`,children:`needs API key`})]}),(0,_.jsx)(`div`,{className:`management-plugin-desc`,children:e.desc})]})]},e.key)}),v.length===0&&(0,_.jsx)(`div`,{className:`mgmt-empty`,style:{gridColumn:`1 / -1`,padding:`32px 16px`},children:(0,_.jsx)(`p`,{children:`No matching MCP servers found.`})})]}),y&&(0,_.jsxs)(`div`,{style:{marginTop:12,padding:`14px 16px`,border:`1px solid var(--border, rgba(255, 255, 255, 0.08))`,borderRadius:`var(--radius-xl, 14px)`,background:`var(--surface-bg, rgba(30, 41, 59, 0.45))`},children:[(0,_.jsxs)(`div`,{className:`management-card-title-group`,style:{marginBottom:10},children:[(0,_.jsx)(`div`,{className:`management-card-icon`,children:i(y.key,y.icon)}),(0,_.jsxs)(`h3`,{className:`management-card-title`,style:{fontSize:`1rem`},children:[y.name,y.docs&&(0,_.jsx)(`a`,{href:y.docs,target:`_blank`,rel:`noreferrer`,style:{marginLeft:8,fontSize:`0.8rem`,fontWeight:400},children:`docs ↗`})]})]}),(y.argInputs||[]).map((e,t)=>(0,_.jsxs)(`div`,{className:`management-form-group`,children:[(0,_.jsx)(`label`,{className:`management-label`,children:e.label}),(0,_.jsx)(`input`,{type:`text`,className:`management-input-field`,placeholder:e.placeholder||``,value:l[t]||``,onChange:e=>{let n=[...l];n[t]=e.target.value,u(n)}})]},e.label)),(y.requiredEnv||[]).length>0&&(0,_.jsxs)(`p`,{className:`management-plugin-desc`,style:{whiteSpace:`normal`,marginTop:4},children:[`You’ll fill in`,` `,(y.requiredEnv||[]).map((e,t)=>(0,_.jsxs)(g.Fragment,{children:[t>0&&`, `,(0,_.jsx)(`code`,{children:e.key}),e.help&&(0,_.jsx)(`a`,{href:e.help,target:`_blank`,rel:`noreferrer`,style:{marginLeft:4},children:`get key ↗`})]},e.key)),` `,`below.`]}),(0,_.jsxs)(`div`,{style:{display:`flex`,gap:8,marginTop:10},children:[(0,_.jsx)(`button`,{type:`button`,className:`management-primary-btn`,onClick:x,disabled:!S,children:`Use this server`}),(0,_.jsx)(`button`,{type:`button`,className:`management-action-btn`,onClick:()=>c(null),children:`Cancel`})]})]}),n&&(0,_.jsx)(`div`,{className:`management-section-title`,style:{margin:`16px 0 4px`,textAlign:`center`,opacity:.5,fontWeight:400},children:`— or add manually —`})]})}}));export{d as i,y as n,u as r,v as t};

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

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