@pheem49/mint 1.15.0 → 1.17.0

package/out/web/assets/ImageStudioPanel-BP7N4rLr.js

@@ -0,0 +1 @@
+import{i as e,n as t}from"./rolldown-runtime-CNOWq4Kh.js";import{n,t as r}from"./jsx-runtime-DmUwWVTj.js";import{N as i,j as a}from"./index-BmpulIkg.js";import{K as o,R as s}from"./config-CvIO5hkn.js";import{n as c,t as l}from"./SelectField-DXBQtrUK.js";import{a as u,n as d,t as f}from"./studio-BBZQ_-QK.js";var p=t((()=>{}));function m(e){return k[e]??e}function h(e){let t=e.url?.trim();return t&&(/^https?:\/\//i.test(t)||t.startsWith(`/api/`))?t:e.path||t||``}function g(e){return O[e]?.[0]?.value??``}function _(){return(0,b.jsx)(`div`,{className:`img-studio-skeleton`,children:(0,b.jsx)(`div`,{className:`img-studio-skeleton-shine`})})}function v({view:e,onRefreshPictures:t,onSendToChat:n}){let[r,i]=(0,y.useState)(``),[a,o]=(0,y.useState)(``),[s,c]=(0,y.useState)(!1),[u,d]=(0,y.useState)(`1:1`),[f,p]=(0,y.useState)(1),[v,k]=(0,y.useState)(!1),[A,j]=(0,y.useState)(``),[M,N]=(0,y.useState)(null),[P,ee]=(0,y.useState)([]),[F,te]=(0,y.useState)([]),I=(0,y.useCallback)(async()=>{try{let e=await T(),t=[`nanobanana`,`dalle`,`stability`,`ideogram`,`replicate`,`image_gen`],n=[...e.filter(e=>e.source&&t.includes(e.source.toLowerCase()))].sort((e,t)=>{let n=e.createdAt?new Date(e.createdAt).getTime():0;return(t.createdAt?new Date(t.createdAt).getTime():0)-n||t.filename.localeCompare(e.filename)});te(n)}catch(e){console.error(`Failed to load history pictures:`,e)}},[]),[L,R]=(0,y.useState)({active:`nanobanana`,available:[`nanobanana`]}),[z,B]=(0,y.useState)(`nanobanana`),[V,H]=(0,y.useState)(g(`nanobanana`)),[U,W]=(0,y.useState)(``),[ne,re]=(0,y.useState)({}),G=(0,y.useRef)(null);(0,y.useEffect)(()=>{let e=!1;return S().then(t=>{e||(R(t),B(t.active),H(g(t.active)))}).catch(()=>{}),I(),()=>{e=!0}},[I]),(0,y.useEffect)(()=>{let e=!1;return C(z).then(t=>{if(e||!t||t.length===0)return;let n=O[z]??[],r=new Map;for(let e of n)r.set(e.value,e.label);let i=[],a=new Set;for(let e of t)a.has(e)||(a.add(e),i.push({value:e,label:r.get(e)??e}));for(let e of n)a.has(e.value)||(a.add(e.value),i.push(e));re(e=>({...e,[z]:i}))}).catch(()=>{}),()=>{e=!0}},[z]);let ie=e=>{B(e),H(g(e)),W(``)},K=V===`custom`?U.trim():V,[q,J]=(0,y.useState)(null),[ae,Y]=(0,y.useState)(!1),X=(0,y.useRef)(null),oe=e=>{let t=e.target.files?.[0];if(!t)return;let n=new FileReader;n.onload=e=>{typeof e.target?.result==`string`&&J(e.target.result)},n.readAsDataURL(t)},se=e=>{e.preventDefault(),Y(!1);let t=e.dataTransfer.files?.[0];if(!t||!t.type.startsWith(`image/`))return;let n=new FileReader;n.onload=e=>{typeof e.target?.result==`string`&&J(e.target.result)},n.readAsDataURL(t)},Z=(0,y.useCallback)(async()=>{let e=r.trim();if(!e||v)return;k(!0),j(``),N(null);let n={prompt:e,negativePrompt:a.trim()||void 0,aspectRatio:u,numImages:f,model:K||void 0,provider:z,imageDataUri:q||void 0,mode:q?`edit`:`generate`};try{let r=await x(n);N(r),ee(t=>[e,...t.filter(t=>t!==e)].slice(0,8)),t?.(),I()}catch(e){j(e instanceof Error?e.message:String(e))}finally{k(!1)}},[r,a,u,f,v,t,z,K,q]),ce=e=>{(e.metaKey||e.ctrlKey)&&e.key===`Enter`&&(e.preventDefault(),Z())},Q=(e,t)=>{let n=document.createElement(`a`);n.href=e.url||e.path,n.download=`mint-imagine-${t+1}.png`,document.body.appendChild(n),n.click(),document.body.removeChild(n)},$=ne[z]??O[z]??[];return(0,b.jsxs)(`div`,{className:`img-studio ${e===`imagine`?`is-visible`:``}`,id:`image-studio-panel`,role:`main`,"aria-label":`Image Studio`,"aria-hidden":e!==`imagine`,children:[(0,b.jsxs)(`header`,{className:`img-studio-header`,children:[(0,b.jsxs)(`div`,{className:`img-studio-header-title`,children:[(0,b.jsx)(`svg`,{width:`20`,height:`20`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:(0,b.jsx)(`polygon`,{points:`12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2`})}),(0,b.jsx)(`h1`,{children:`Image Studio`}),(0,b.jsx)(`span`,{className:`img-studio-badge`,children:m(z)})]}),(0,b.jsxs)(`p`,{className:`img-studio-subtitle`,children:[`Generate images with`,` `,L.available.length>1?`${L.available.length} configured providers`:m(z)]})]}),(0,b.jsxs)(`div`,{className:`img-studio-content`,children:[(0,b.jsxs)(`section`,{className:`img-studio-controls`,"aria-label":`Generation settings`,children:[(0,b.jsxs)(`div`,{className:`img-studio-field`,style:{display:`flex`,gap:`10px`,width:`100%`},children:[(0,b.jsxs)(`div`,{style:{flex:1,display:`flex`,flexDirection:`column`,gap:`4px`},children:[(0,b.jsx)(`label`,{className:`img-studio-label`,htmlFor:`img-studio-provider`,style:{display:`flex`,alignItems:`center`,width:`100%`,height:`18px`},children:(0,b.jsx)(`span`,{children:`Provider`})}),(0,b.jsx)(l,{"aria-label":`Provider`,id:`img-studio-provider`,className:`img-studio-textarea`,value:z,onValueChange:e=>ie(e),disabled:v,children:L.available.map(e=>(0,b.jsx)(`option`,{value:e,children:m(e).replace(/^[^a-zA-Z0-9]+/,``)},e))})]}),(0,b.jsxs)(`div`,{style:{flex:1,display:`flex`,flexDirection:`column`,gap:`4px`},children:[(0,b.jsx)(`label`,{className:`img-studio-label`,htmlFor:`img-studio-model`,style:{display:`flex`,alignItems:`center`,height:`18px`},children:`Model`}),(0,b.jsxs)(l,{"aria-label":`Model`,id:`img-studio-model`,className:`img-studio-textarea`,value:V,onValueChange:e=>H(e),disabled:v,children:[$.map(({value:e,label:t})=>(0,b.jsx)(`option`,{value:e,children:t},e)),V&&V!==`custom`&&!$.some(e=>e.value===V)&&(0,b.jsx)(`option`,{value:V,children:V},V),(0,b.jsx)(`option`,{value:`custom`,children:`Custom model ID…`})]})]})]}),V===`custom`&&(0,b.jsx)(`div`,{className:`img-studio-field`,style:{marginTop:`-8px`},children:(0,b.jsx)(`input`,{type:`text`,className:`img-studio-textarea img-studio-textarea--sm`,placeholder:z===`replicate`?`e.g. owner/model-name`:z===`dalle`?`e.g. dall-e-3`:`e.g. sd3.5-large`,value:U,onChange:e=>W(e.target.value),disabled:v})}),(0,b.jsxs)(`div`,{className:`img-studio-field`,children:[(0,b.jsxs)(`label`,{className:`img-studio-label`,children:[`Source image (optional for image editing)`,(0,b.jsx)(`span`,{className:`img-studio-label-hint`,children:`Upload an image to edit / inpaint`})]}),q?(0,b.jsxs)(`div`,{className:`img-studio-preview-card`,children:[(0,b.jsx)(`img`,{src:q,alt:`Input source`,className:`img-studio-preview-thumb`}),(0,b.jsxs)(`div`,{className:`img-studio-preview-info`,children:[(0,b.jsx)(`div`,{className:`img-studio-preview-title`,children:(0,b.jsx)(`span`,{children:`Source image attached`})}),(0,b.jsx)(`div`,{className:`img-studio-preview-subtitle`,children:`Ready for image editing`})]}),(0,b.jsx)(`button`,{type:`button`,className:`img-studio-preview-remove`,onClick:()=>J(null),children:`✕ Remove image`})]}):(0,b.jsxs)(`div`,{className:`img-studio-dropzone ${ae?`is-dragging`:``}`,onClick:()=>X.current?.click(),onDragOver:e=>{e.preventDefault(),Y(!0)},onDragLeave:()=>Y(!1),onDrop:se,children:[(0,b.jsx)(`input`,{ref:X,type:`file`,accept:`image/*`,onChange:oe,disabled:v,style:{display:`none`}}),(0,b.jsxs)(`svg`,{className:`img-studio-dropzone-icon`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,b.jsx)(`path`,{d:`M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4`}),(0,b.jsx)(`polyline`,{points:`17 8 12 3 7 8`}),(0,b.jsx)(`line`,{x1:`12`,y1:`3`,x2:`12`,y2:`15`})]}),(0,b.jsx)(`div`,{className:`img-studio-dropzone-text`,children:`Click to choose an image or drag it here`}),(0,b.jsx)(`div`,{className:`img-studio-dropzone-subtext`,children:`PNG, JPG, WEBP up to 10MB`})]})]}),(0,b.jsxs)(`div`,{className:`img-studio-field`,children:[(0,b.jsxs)(`label`,{className:`img-studio-label`,htmlFor:`img-studio-prompt`,children:[q?`Editing instructions`:`Prompt`,(0,b.jsx)(`span`,{className:`img-studio-label-hint`,children:q?`Describe what to edit or remove`:`Describe the image you want`})]}),(0,b.jsx)(`textarea`,{id:`img-studio-prompt`,ref:G,className:`img-studio-textarea`,value:r,onChange:e=>i(e.target.value),onKeyDown:ce,placeholder:`a dragon flying over Bangkok at sunset, golden hour, ultra-detailed...`,rows:4,disabled:v,"aria-required":`true`}),(0,b.jsx)(`div`,{className:`img-studio-prompt-hint`,children:`⌘+Enter to generate`})]}),(0,b.jsxs)(`div`,{className:`img-studio-field`,children:[(0,b.jsx)(`span`,{className:`img-studio-label`,children:`Style suggestions`}),(0,b.jsx)(`div`,{className:`img-studio-chips`,role:`group`,"aria-label":`Style suggestions`,children:D.map(e=>(0,b.jsx)(`button`,{type:`button`,className:`img-studio-chip`,onClick:()=>i(t=>t.trim()?`${t.trim()}, ${e}`:e),disabled:v,title:`Add "${e}" to prompt`,children:e},e))})]}),(0,b.jsxs)(`div`,{className:`img-studio-field`,children:[(0,b.jsxs)(`button`,{type:`button`,className:`img-studio-toggle`,onClick:()=>c(e=>!e),"aria-expanded":s,"aria-controls":`img-studio-negative-wrap`,children:[(0,b.jsx)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,style:{transform:s?`rotate(90deg)`:`none`,transition:`transform 0.2s`},children:(0,b.jsx)(`polyline`,{points:`9 18 15 12 9 6`})}),`Negative prompt`,a.trim()&&(0,b.jsx)(`span`,{className:`img-studio-badge-dot`,"aria-label":`has content`})]}),s&&(0,b.jsx)(`div`,{id:`img-studio-negative-wrap`,children:(0,b.jsx)(`textarea`,{id:`img-studio-negative`,className:`img-studio-textarea img-studio-textarea--sm`,value:a,onChange:e=>o(e.target.value),placeholder:`blurry, low quality, distorted, text, watermark...`,rows:2,disabled:v})})]}),(0,b.jsxs)(`div`,{className:`img-studio-field`,children:[(0,b.jsx)(`span`,{className:`img-studio-label`,children:`Aspect ratio`}),(0,b.jsx)(`div`,{className:`img-studio-aspect-group`,role:`radiogroup`,"aria-label":`Aspect ratio`,children:E.map(({value:e,label:t,icon:n})=>(0,b.jsxs)(`button`,{type:`button`,role:`radio`,"aria-checked":u===e,className:`img-studio-aspect-btn ${u===e?`is-active`:``}`,onClick:()=>d(e),disabled:v,id:`img-studio-aspect-${e.replace(`:`,`x`)}`,children:[(0,b.jsx)(`span`,{className:`img-studio-aspect-icon`,"aria-hidden":`true`,children:n}),(0,b.jsx)(`span`,{children:t})]},e))})]}),(0,b.jsxs)(`div`,{className:`img-studio-field`,children:[(0,b.jsxs)(`span`,{className:`img-studio-label`,children:[`Number of images`,z===`dalle`&&(K===`dall-e-3`||K===`gpt-image-1`)&&(0,b.jsx)(`span`,{className:`img-studio-label-hint`,children:` (DALL·E 3 / GPT-Image-1: max 1)`})]}),(0,b.jsx)(`div`,{className:`img-studio-count-group`,role:`radiogroup`,"aria-label":`Image count`,children:[1,2,3,4].map(e=>(0,b.jsx)(`button`,{type:`button`,role:`radio`,"aria-checked":f===e,className:`img-studio-count-btn ${f===e?`is-active`:``}`,onClick:()=>p(e),disabled:v||z===`dalle`&&(K===`dall-e-3`||K===`gpt-image-1`)&&e>1,id:`img-studio-count-${e}`,children:e},e))})]}),(0,b.jsx)(`button`,{id:`img-studio-generate-btn`,type:`button`,className:`img-studio-generate-btn ${v?`is-loading`:``}`,onClick:Z,disabled:!r.trim()||v,"aria-busy":v,children:v?(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(`span`,{className:`img-studio-spinner`,"aria-hidden":`true`}),`Generating…`]}):(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:(0,b.jsx)(`polygon`,{points:`12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2`})}),`Generate image`]})}),A&&(0,b.jsxs)(`div`,{className:`img-studio-error`,role:`alert`,children:[(0,b.jsxs)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:[(0,b.jsx)(`circle`,{cx:`12`,cy:`12`,r:`10`}),(0,b.jsx)(`line`,{x1:`12`,y1:`8`,x2:`12`,y2:`12`}),(0,b.jsx)(`line`,{x1:`12`,y1:`16`,x2:`12.01`,y2:`16`})]}),(0,b.jsx)(`span`,{children:A}),(0,b.jsx)(`button`,{type:`button`,onClick:()=>j(``),"aria-label":`Dismiss error`,children:`×`})]}),P.length>0&&(0,b.jsxs)(`div`,{className:`img-studio-field`,children:[(0,b.jsx)(`span`,{className:`img-studio-label`,children:`Recent prompts`}),(0,b.jsx)(`div`,{className:`img-studio-history`,children:P.map(e=>(0,b.jsxs)(`button`,{type:`button`,className:`img-studio-history-item`,onClick:()=>{i(e),G.current?.focus()},disabled:v,title:e,children:[(0,b.jsxs)(`svg`,{width:`11`,height:`11`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:[(0,b.jsx)(`circle`,{cx:`12`,cy:`12`,r:`10`}),(0,b.jsx)(`polyline`,{points:`12 6 12 12 16 14`})]}),(0,b.jsx)(`span`,{children:e})]},e))})]})]}),(0,b.jsxs)(`section`,{className:`img-studio-results`,"aria-label":`Generated images`,"aria-live":`polite`,children:[(0,b.jsxs)(`div`,{className:`img-studio-active-workspace`,children:[v&&(0,b.jsxs)(`div`,{className:`img-studio-skeleton-grid`,children:[Array.from({length:f}).map((e,t)=>(0,b.jsx)(_,{},t)),(0,b.jsxs)(`p`,{className:`img-studio-generating-label`,"aria-live":`assertive`,children:[`Creating `,f,` image`,f>1?`s`:``,` with `,m(z),` — this may take a few seconds…`]})]}),!v&&M&&(0,b.jsxs)(b.Fragment,{children:[M.description&&(0,b.jsx)(`p`,{className:`img-studio-description`,children:M.description}),(0,b.jsx)(`div`,{className:`img-studio-grid`,style:{"--img-count":M.images.length},children:M.images.map((e,t)=>(0,b.jsxs)(`article`,{className:`img-studio-card`,"aria-label":`Generated image ${t+1}`,children:[(0,b.jsx)(`div`,{className:`img-studio-card-img-wrap`,children:(0,b.jsx)(`img`,{src:w(e.url||e.path),alt:e.message||r,className:`img-studio-card-img`,loading:`eager`,decoding:`async`})}),(0,b.jsxs)(`div`,{className:`img-studio-card-actions`,children:[(0,b.jsxs)(`button`,{type:`button`,className:`img-studio-action-btn`,onClick:()=>Q(e,t),title:`Download image`,id:`img-studio-download-${t}`,children:[(0,b.jsxs)(`svg`,{width:`13`,height:`13`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:[(0,b.jsx)(`path`,{d:`M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4`}),(0,b.jsx)(`polyline`,{points:`7 10 12 15 17 10`}),(0,b.jsx)(`line`,{x1:`12`,y1:`15`,x2:`12`,y2:`3`})]}),`Download`]}),n&&(0,b.jsxs)(`button`,{type:`button`,className:`img-studio-action-btn img-studio-action-btn--primary`,onClick:()=>n(h(e),r),title:`Send to chat`,id:`img-studio-send-${t}`,children:[(0,b.jsxs)(`svg`,{width:`13`,height:`13`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:[(0,b.jsx)(`line`,{x1:`22`,y1:`2`,x2:`11`,y2:`13`}),(0,b.jsx)(`polygon`,{points:`22 2 15 22 11 13 2 9 22 2`})]}),`Send to chat`]})]})]},e.id))}),(0,b.jsxs)(`p`,{className:`img-studio-meta`,children:[`Provider: `,(0,b.jsx)(`strong`,{children:m(M.provider)}),` · Model: `,(0,b.jsx)(`strong`,{children:M.model}),` · `,M.images.length,` image`,M.images.length>1?`s`:``,` · Saved to gallery`]})]}),!v&&!M&&(0,b.jsxs)(`div`,{className:`img-studio-active-empty`,children:[(0,b.jsx)(`div`,{className:`img-studio-empty-icon`,"aria-hidden":`true`,children:(0,b.jsx)(`svg`,{width:`48`,height:`48`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`1`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,b.jsx)(`polygon`,{points:`12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2`})})}),(0,b.jsx)(`p`,{children:`No active generation`}),(0,b.jsx)(`span`,{children:`Enter a prompt on the left pane and generate new images.`})]})]}),(0,b.jsx)(`div`,{className:`img-studio-history-header`,children:(0,b.jsxs)(`div`,{className:`img-studio-history-title`,children:[(0,b.jsxs)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,b.jsx)(`rect`,{x:`3`,y:`3`,width:`18`,height:`18`,rx:`2`,ry:`2`}),(0,b.jsx)(`circle`,{cx:`8.5`,cy:`8.5`,r:`1.5`}),(0,b.jsx)(`polyline`,{points:`21 15 16 10 5 21`})]}),(0,b.jsx)(`span`,{children:`Gallery & history`}),(0,b.jsx)(`span`,{className:`img-studio-history-badge`,children:(()=>{let e=new Set(M?.images.map(e=>e.id)||[]);return F.filter(t=>!e.has(t.id)).length})()})]})}),(0,b.jsx)(`div`,{className:`img-studio-history-gallery`,children:(()=>{let e=new Set(M?.images.map(e=>e.id)||[]),t=F.filter(t=>!e.has(t.id));return t.length===0?(0,b.jsxs)(`div`,{className:`img-studio-gallery-empty`,children:[(0,b.jsx)(`p`,{children:`Your saved gallery is empty`}),(0,b.jsx)(`span`,{children:`Generated images will be stored here automatically.`})]}):(0,b.jsx)(`div`,{className:`img-studio-grid`,children:t.map((e,t)=>(0,b.jsxs)(`article`,{className:`img-studio-card`,"aria-label":`Saved image ${t+1}`,children:[(0,b.jsx)(`div`,{className:`img-studio-card-img-wrap`,children:(0,b.jsx)(`img`,{src:w(e.thumbnailPath||e.thumbnailUrl||e.url||e.path),alt:e.message||`Generated image`,className:`img-studio-card-img`,loading:`lazy`,decoding:`async`,onError:t=>{let n=t.currentTarget;if(n.dataset.fallback)return;n.dataset.fallback=`true`;let r=e.path||e.url;r&&(n.src=w(r))}})}),(0,b.jsxs)(`div`,{className:`img-studio-card-actions`,children:[(0,b.jsxs)(`button`,{type:`button`,className:`img-studio-action-btn`,onClick:()=>Q(e,t),title:`Download image`,id:`img-studio-gallery-download-${t}`,children:[(0,b.jsxs)(`svg`,{width:`13`,height:`13`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:[(0,b.jsx)(`path`,{d:`M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4`}),(0,b.jsx)(`polyline`,{points:`7 10 12 15 17 10`}),(0,b.jsx)(`line`,{x1:`12`,y1:`15`,x2:`12`,y2:`3`})]}),`Download`]}),n&&(0,b.jsxs)(`button`,{type:`button`,className:`img-studio-action-btn img-studio-action-btn--primary`,onClick:()=>n(h(e),e.message||``),title:`Send to chat`,id:`img-studio-gallery-send-${t}`,children:[(0,b.jsxs)(`svg`,{width:`13`,height:`13`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:[(0,b.jsx)(`line`,{x1:`22`,y1:`2`,x2:`11`,y2:`13`}),(0,b.jsx)(`polygon`,{points:`22 2 15 22 11 13 2 9 22 2`})]}),`Send to chat`]})]})]},e.id))})})()})]})]})]})}var y,b,x,S,C,w,T,E,D,O,k;t((()=>{c(),y=e(n()),p(),a(),b=r(),u(),o(),{generateImages:x,getImageGenProviders:S,fetchImageProviderModels:C,convertFileSrc:w,listSavedPictures:T}=i,E=f,D=d,O=s,k={nanobanana:`✦ NanoBanana (Gemini)`,bfl:`⚡ Black Forest Labs (FLUX API)`,dalle:`⬡ DALL·E (OpenAI)`,stability:`◈ Stability AI`,ideogram:`◉ Ideogram`,replicate:`⬢ Replicate`}}))();export{v as default};

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

@@ -0,0 +1 @@
+.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/LibraryPage-WlviRdR8.js

@@ -0,0 +1,2 @@
+import{i as e,n as t}from"./rolldown-runtime-CNOWq4Kh.js";import{n,t as r}from"./jsx-runtime-DmUwWVTj.js";import{B as i,Bn as a,Et as o,J as s,Jr as c,L as l,M as u,Mt as d,Qn as f,j as p,mn as m,nt as h,ut as g,wn as _}from"./index-BmpulIkg.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;let f=i?[...new Map([...t.items,...l.items].map(e=>[e.id,e])).values()]:l.items;a({items:f,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&&u.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 u.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()),p()}));function w(e){return e<1024?`${e} B`:e<1048576?`${(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`?_:e.kind===`video`?s:a;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:i,onPreview:a,onDownload:o,onMove:s,onRemove:c}){let l=e.availability===`missing`,u=l||!!e.deletedAt,d=l?`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:u,onClick:()=>a(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:[d,` · `,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:u||i,onClick:()=>o(e),children:(0,D.jsx)(f,{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:()=>s(e),children:n?(0,D.jsx)(h,{size:16}):(0,D.jsx)(g,{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:()=>c(e),children:(0,D.jsx)(g,{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,1048576).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)(i,{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>1048576?`
+[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)(f,{size:15}),`Download`]})]})]})]})}),document.body)}var A,j,M,N=t((()=>{A=e(n()),j=c(),l(),C(),M=r()})),P=t((()=>{}));function F({chatId:e,onClose:t,onOpenConversation:n}){let r=(0,I.useMemo)(()=>v({list:u.listLibrary,setTrashed:u.setLibraryTrashed,remove:u.removeLibraryItem}),[]),a=(0,I.useSyncExternalStore)(r.subscribe,r.getSnapshot),[s,c]=(0,I.useState)(``),[l,f]=(0,I.useState)(``),[p,h]=(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(()=>h(l),200);return()=>clearTimeout(e)},[l]),(0,I.useEffect)(()=>{r.setQuery({kind:s||void 0,search:p,chatId:_===`session`?e:void 0,trashed:b})},[s,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(!a.items.some(e=>e.thumbnailStatus===`pending`&&!e.deletedAt))return;let e=setTimeout(()=>{r.refresh()},2500);return()=>clearTimeout(e)},[a.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&&(c(``),f(``),y(`all`),u.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&&!a.items.some(e=>e.id===C.id)&&!l&&!s&&_===`all`?[C,...a.items]:a.items,U=l||s||_===`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)(m,{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:a.loading,onClick:()=>{r.refresh()},children:(0,L.jsx)(d,{size:17})}),t&&(0,L.jsx)(`button`,{type:`button`,"aria-label":`Close library`,onClick:t,children:(0,L.jsx)(i,{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":s===e,onClick:()=>c(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)(m,{size:15}):(0,L.jsx)(g,{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)(o,{size:16}),(0,L.jsx)(`input`,{type:`search`,placeholder:`Search filenames`,"aria-label":`Search filenames`,value:l,onChange:e=>f(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.`}),a.error&&(0,L.jsxs)(`div`,{className:`library-error`,role:`alert`,children:[(0,L.jsx)(`span`,{children:a.error}),(0,L.jsx)(`button`,{type:`button`,onClick:()=>{r.refresh()},children:`Retry`})]}),(a.actionError||O)&&(0,L.jsx)(`p`,{className:`library-action-error`,role:`alert`,children:a.actionError||O}),a.loading&&!a.items.length?(0,L.jsx)(`p`,{className:`library-empty`,role:`status`,children:`Loading library…`}):!H.length&&!a.error?(0,L.jsxs)(`div`,{className:`library-empty`,children:[(0,L.jsx)(m,{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 ${s===`image`||s===`video`?`is-grid`:``}`,children:H.map(e=>(0,L.jsx)(E,{item:e,linked:C?.id===e.id,trashed:b,actionPending:!!a.actionId,downloadPending:!!j,onPreview:D,onDownload:z,onMove:B,onRemove:V},e.id))}),a.nextCursor&&(0,L.jsx)(`button`,{type:`button`,className:`library-load-more`,disabled:a.loading,onClick:()=>{r.loadMore()},children:a.loading?`Loading…`:`Load more`})]}),T&&(0,L.jsx)(k,{item:T,onClose:F,onOpenConversation:n})]})}var I,L,R;t((()=>{I=e(n()),l(),p(),y(),C(),O(),N(),P(),L=r(),R=[[``,`All`],[`image`,`Images`],[`video`,`Videos`],[`file`,`Files`]]}))();export{F as default};

package/out/web/assets/LinkedFoldersView-CKRgroWK.js

@@ -0,0 +1 @@
+import{i as e,n as t}from"./rolldown-runtime-CNOWq4Kh.js";import{n,t as r}from"./jsx-runtime-DmUwWVTj.js";import{J as i,Q as a,X as o,Z as ee}from"./config-CvIO5hkn.js";var s,c,l;t((()=>{s=e(n()),o(),i(),c=r(),l=s.memo(function({listLinkedFolders:e,addLinkedFolder:t,removeLinkedFolder:n,linkedFolderStatus:r,refreshLinkedFolder:i,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 i(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);else{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();if(e&&(_(e),T(e=>({...e,path:void 0,form:void 0})),!m.trim()||ce)){let t=e.replace(/[\\/]+$/,``).split(/[\\/]/).pop()||``;h(t),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 i(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:a(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:a(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-CoS83vtc.js

@@ -0,0 +1 @@
+import{i as e,n as t}from"./rolldown-runtime-CNOWq4Kh.js";import{n,t as r}from"./jsx-runtime-DmUwWVTj.js";import{J as i,X as a,et as o}from"./config-CvIO5hkn.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()),i(),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:`var(--status-error, #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()),i(),h(),a(),_=r(),v=({configuredNames:e,onPick:t,showManualHint:n=!0,defaultViewMode:r})=>{let[i,a]=(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(i.toLowerCase())||e.key.toLowerCase().includes(i.toLowerCase())||(e.desc||``).toLowerCase().includes(i.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([]),a(``)},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:i,onChange:e=>a(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:o(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:o(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:o(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-D3wHnuHg.js

@@ -0,0 +1 @@
+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

@@ -0,0 +1,2 @@
+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};