@pheem49/mint 1.17.0 → 1.18.0

package/out/web/assets/CodeReviewPage-Dp6zHuHu.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{I as i,j as a}from"./index-BocxnrDG.js";import{r as o,t as s}from"./syntaxHighlight-C-wAGT84.js";import{n as c,t as ee}from"./SelectField-Cy6CghrU.js";import{C as l,E as te,T as u,a as d,d as f,i as ne,o as re,p,r as ie,w as m}from"./MintDashboard-C_UYPoNV.js";var h=t((()=>{}));function g(e){switch(e.kind){case`edit`:return e.backup?`Restore the saved content from before this edit.`:`Move the file created by this edit to Trash.`;case`create`:return`Move this created file or folder to Trash.`;case`trash`:return`Restore this file or folder to its original location.`;case`move`:return`Move ${e.destination||e.path} back to ${e.path}.`;default:return e.label}}function _({entry:e}){return(0,C.jsxs)(`dl`,{className:`review-history-details`,children:[(0,C.jsx)(`dt`,{children:`File`}),(0,C.jsx)(`dd`,{children:e.path}),(0,C.jsx)(`dt`,{children:`Action`}),(0,C.jsx)(`dd`,{children:e.label.replace(/^Undo /,``)}),e.destination&&(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(`dt`,{children:`Destination`}),(0,C.jsx)(`dd`,{children:e.destination})]}),(0,C.jsx)(`dt`,{children:`Undo will`}),(0,C.jsx)(`dd`,{children:g(e)})]})}function v({entry:e,busy:t,error:n,onCancel:r,onConfirm:i}){let a=(0,S.useRef)(null);return(0,S.useEffect)(()=>{let e=a.current;return e?.showModal(),()=>e?.close()},[]),(0,C.jsxs)(`dialog`,{ref:a,className:`review-undo-dialog`,"aria-labelledby":`review-undo-title`,onCancel:e=>{e.preventDefault(),t||r()},children:[(0,C.jsx)(`h3`,{id:`review-undo-title`,children:`Confirm Undo`}),(0,C.jsx)(_,{entry:e}),(0,C.jsx)(`p`,{children:`Undo is refused if the file has changed since this action or the destination is occupied.`}),n&&(0,C.jsx)(`p`,{role:`alert`,children:n}),(0,C.jsxs)(`div`,{className:`review-undo-actions`,children:[(0,C.jsx)(`button`,{type:`button`,autoFocus:!0,disabled:t,onClick:r,children:`Cancel`}),(0,C.jsx)(`button`,{type:`button`,disabled:t,onClick:i,children:t?`Undoing…`:`Confirm Undo`})]})]})}function y(e){return e?e.replace(/\n$/,``).split(`
+`):[]}function b(e,t){let n=e.replace(/\\/g,`/`),r=t?.replace(/\\/g,`/`).replace(/\/+$/,``),i=/^(\/|[a-z]:\/)/i.test(n),a=n;if(r&&i){let e=/^[a-z]:\//i.test(r)||r.startsWith(`//`),t=`${r}/`;if(!(e?n.toLowerCase().startsWith(t.toLowerCase()):n.startsWith(t)))return null;a=n.slice(t.length)}else if(!r&&i)return n;let o=[];for(let e of a.split(`/`))if(e&&e!==`.`){if(e===`..`){if(!o.length)return null;o.pop()}else o.push(e)}return o.length?o.join(`/`):null}function ae(e){let t={};for(let n of e){let e=n.path.split(`/`).filter(Boolean),r=t,i=``;for(let t=0;t<e.length;t++){let a=e[t];i=i?`${i}/${a}`:a;let o=t===e.length-1;r[a]||(r[a]={name:a,path:i,isDir:!o,children:o?void 0:{},change:o?n:void 0}),o||(r=r[a].children)}}function n(e){return Object.values(e).map(e=>e.isDir&&e.children?{...e,children:n(e.children)}:e)}return n(t)}function x({changes:e,workspacePath:t,onBack:n,onOpenFiles:r}){let a=(0,S.useRef)(t);a.current=t;let s=(0,S.useRef)(0),[c,d]=(0,S.useState)(`changes`),[f,ne]=(0,S.useState)(0),[m,h]=(0,S.useState)(``),[g,x]=(0,S.useState)(null),[w,T]=(0,S.useState)(``),[E,oe]=(0,S.useState)(new Set),[D,O]=(0,S.useState)([]),[k,A]=(0,S.useState)(!1),[se,ce]=(0,S.useState)(null),j=(0,S.useMemo)(()=>(e||[]).flatMap(e=>{let n=b(e.path,t);return n?[{...e,path:n}]:[]}),[e,t]),M=j.length>0,[N,P]=(0,S.useState)(M?`agent`:`workspace`),[F,le]=(0,S.useState)(``),[ue,de]=(0,S.useState)({}),I=(0,S.useCallback)(async()=>{if(!t)return;let e=++s.current;ne(e=>e+1),A(!0);try{let[n,r]=await Promise.all([i.getWorkspaceGitDiff(t),i.getGitBranchInfo(t).catch(()=>null)]);if(a.current!==t||e!==s.current)return;O((n||[]).flatMap(e=>{let n=b(e.path,t);return n?[{...e,path:n}]:[]})),r&&ce(r)}catch(e){console.error(`Failed to load workspace git diff:`,e)}finally{a.current===t&&e===s.current&&A(!1)}},[t]);(0,S.useEffect)(()=>{I()},[I]);let L=re(t||``,f,()=>{I()});(0,S.useEffect)(()=>{x(null),h(``),T(``),oe(new Set),O([])},[t]);let fe=async()=>{if(g&&g.root===t&&await L.undo(g.entry.id)){if(a.current!==g.root)return;oe(e=>new Set([...e,b(g.entry.path,g.root)||``,b(g.entry.destination||``,g.root)||``])),P(`workspace`),T(`Undone: ${g.entry.label.replace(/^Undo /,``)}`),x(null),I()}},R=(0,S.useMemo)(()=>N===`agent`&&M?j.filter(e=>!E.has(e.path)):D.length>0?D:M?j.filter(e=>!E.has(e.path)):[],[N,M,j,D,E]),z=(0,S.useMemo)(()=>{if(!F.trim())return R;let e=F.toLowerCase();return R.filter(t=>t.path.toLowerCase().includes(e))},[R,F]),[B,V]=(0,S.useState)(z[0]?.path??``);(0,S.useEffect)(()=>{z.length>0&&!z.some(e=>e.path===B)&&V(z[0].path)},[z,B]);let H=Math.max(0,z.findIndex(e=>e.path===B)),U=z[H]||z[0],W=L.entries.find(e=>e.id===m)||L.entries[0],G=U&&L.entries.find(e=>b(e.path,t)===U.path||b(e.destination||``,t)===U.path),K=!!(G&&G.id===L.entries[0]?.id),q=e=>{t&&x({root:t,entry:e})},pe=R.reduce((e,t)=>e+t.additions,0),me=R.reduce((e,t)=>e+t.deletions,0),he=(0,S.useMemo)(()=>ae(z),[z]),J=(0,S.useRef)(null),[Y,X]=(0,S.useState)(250),[ge,_e]=(0,S.useState)(!1),[Z,Q]=(0,S.useState)(!1),ve=e=>{if(e.pointerType===`mouse`&&e.button!==0)return;e.preventDefault(),_e(!0);let t=e.clientX,n=Z?0:Y,r=J.current?.getBoundingClientRect().width??600,i=e=>{let i=t-e.clientX,a=n+i;if(a<70)Q(!0);else{Q(!1);let e=Math.max(100,r-100);X(Math.round(Math.max(100,Math.min(e,a))))}},a=()=>{_e(!1),window.removeEventListener(`pointermove`,i),window.removeEventListener(`pointerup`,a)};window.addEventListener(`pointermove`,i),window.addEventListener(`pointerup`,a,{once:!0})},ye=()=>{Z?(Q(!1),X(250)):X(Y===250?320:250)},be=e=>{e.key===`ArrowLeft`?(Q(!1),X(e=>Math.min(500,e+20))):e.key===`ArrowRight`?X(e=>e<=110?(Q(!0),100):Math.max(100,e-20)):(e.key===`Enter`||e.key===` `)&&ye()},xe=e=>{de(t=>({...t,[e]:!t[e]}))},Se=()=>{H>0&&V(z[H-1].path)},Ce=()=>{H<z.length-1&&V(z[H+1].path)},$=(e,n=0)=>e.map(e=>{if(e.isDir){let r=!!ue[e.path],i=te(e.name,!r)||(r?`data:image/svg+xml,%3csvg%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m6.922%203.768-.644-.536A1%201%200%200%200%205.638%203H2a1%201%200%200%200-1%201v8a1%201%200%200%200%201%201h12a1%201%200%200%200%201-1V5a1%201%200%200%200-1-1H7.562a1%201%200%200%201-.64-.232'%20fill='%2390a4ae'%20/%3e%3c/svg%3e`:`data:image/svg+xml,%3csvg%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.483%206H4.721a1%201%200%200%200-.949.684L2%2012V5h12a1%201%200%200%200-1-1H7.562a1%201%200%200%201-.64-.232l-.644-.536A1%201%200%200%200%205.638%203H2a1%201%200%200%200-1%201v8a1%201%200%200%200%201%201h11l2.403-5.606A1%201%200%200%200%2014.483%206'%20fill='%2390a4ae'%20/%3e%3c/svg%3e`);return(0,C.jsxs)(`div`,{className:`code-review-tree-folder`,children:[(0,C.jsxs)(`button`,{type:`button`,className:`code-review-tree-folder-btn`,style:{paddingLeft:`${n*14+10}px`},onClick:()=>xe(e.path),"aria-expanded":!r,draggable:`true`,onDragStart:n=>{n.stopPropagation(),p(n.dataTransfer,{path:e.path,root:t,kind:`directory`})},title:`${e.path} (Drag to chat)`,children:[(0,C.jsx)(`span`,{className:`code-review-chevron`,children:r?`›`:`⌄`}),(0,C.jsx)(`span`,{className:`code-review-tree-icon material-icon folder`,"aria-hidden":`true`,children:i&&(0,C.jsx)(`img`,{src:i,alt:``,draggable:!1})}),(0,C.jsx)(`span`,{className:`code-review-folder-name`,children:e.name}),(0,C.jsx)(`span`,{className:`code-review-mod-dot`,title:`Modified in this folder`,"aria-hidden":`true`,children:`•`})]}),!r&&e.children&&(0,C.jsx)(`div`,{className:`code-review-tree-sub`,children:$(e.children,n+1)})]},e.path)}let r=e.path===B,i=l(e.name),a=u(e.name,i)||`data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M0%200h24v24H0z'/%3e%3cpath%20fill='%2342a5f5'%20d='M8%2016h8v2H8zm0-4h8v2H8zm6-10H6c-1.1%200-2%20.9-2%202v16c0%201.1.89%202%201.99%202H18c1.1%200%202-.9%202-2V8zm4%2018H6V4h7v5h5z'/%3e%3c/svg%3e`,o=!!e.change?.created,s=e.change?.path||e.path;return(0,C.jsxs)(`button`,{type:`button`,className:`code-review-tree-file${r?` is-selected`:``}`,style:{paddingLeft:`${n*14+12}px`},onClick:()=>V(e.path),title:`${e.path} (Drag to chat)`,draggable:`true`,onDragStart:e=>{e.stopPropagation(),p(e.dataTransfer,{path:s,root:t,kind:`file`})},children:[(0,C.jsx)(`span`,{className:`code-review-tree-icon material-icon file`,"aria-hidden":`true`,children:a&&(0,C.jsx)(`img`,{src:a,alt:``,draggable:!1})}),(0,C.jsx)(`span`,{className:`code-review-tree-file-name`,children:e.name}),(0,C.jsx)(`span`,{className:`code-review-file-status-icon ${o?`is-created`:`is-modified`}`,"aria-hidden":`true`,children:o?`A`:`M`})]},e.path)});return(0,C.jsxs)(`main`,{className:`code-review-page`,children:[(0,C.jsxs)(`header`,{className:`code-review-top-bar`,children:[(0,C.jsxs)(`div`,{className:`code-review-branch-group`,children:[t?(0,C.jsx)(ie,{workspacePath:t,onBranchChanged:I}):(0,C.jsx)(`span`,{className:`code-review-branch-static`,children:se?.currentBranch||`Review`}),(0,C.jsxs)(`span`,{className:`code-review-branch-stat-add`,children:[`+`,pe.toLocaleString()]}),(0,C.jsxs)(`span`,{className:`code-review-branch-stat-del`,children:[`-`,me.toLocaleString()]})]}),(0,C.jsxs)(`div`,{className:`code-review-top-actions`,children:[(0,C.jsx)(`button`,{type:`button`,className:`code-review-icon-btn`,onClick:I,disabled:k,title:`Refresh changes`,"aria-label":`Refresh changes`,children:(0,C.jsx)(`svg`,{className:k?`code-review-spin`:``,width:`15`,height:`15`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,C.jsx)(`path`,{d:`M21.5 2v6h-6M21.34 15.57a10 10 0 1 1-.57-8.38l5.67-5.67`})})}),r&&(0,C.jsx)(`button`,{type:`button`,className:`code-review-icon-btn`,onClick:r,title:`Open workspace files (Ctrl+P)`,"aria-label":`Open workspace files`,children:(0,C.jsxs)(`svg`,{width:`15`,height:`15`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,C.jsx)(`path`,{d:`M3 6h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z`}),(0,C.jsx)(`path`,{d:`M3 6v12`})]})}),(0,C.jsx)(`button`,{type:`button`,className:`code-review-icon-btn ${Z?``:`is-active`}`,onClick:()=>Q(e=>!e),"aria-label":Z?`Show file tree`:`Hide file tree`,title:Z?`Show file tree`:`Hide file tree`,children:(0,C.jsxs)(`svg`,{width:`15`,height:`15`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.8`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,C.jsx)(`rect`,{x:`3`,y:`3`,width:`18`,height:`18`,rx:`2`}),(0,C.jsx)(`path`,{d:`M15 3v18`})]})}),(0,C.jsx)(`button`,{type:`button`,className:`code-review-close-btn`,onClick:n,"aria-label":`Close review`,title:`Close review`,children:`×`})]})]}),(0,C.jsxs)(`div`,{className:`review-tabs`,role:`tablist`,"aria-label":`Review views`,children:[(0,C.jsx)(`button`,{type:`button`,role:`tab`,id:`review-changes-tab`,"aria-selected":c===`changes`,"aria-controls":`review-changes`,onClick:()=>d(`changes`),children:`Changes`}),(0,C.jsxs)(`button`,{type:`button`,role:`tab`,id:`review-history-tab`,"aria-selected":c===`history`,"aria-controls":`review-history`,onClick:()=>d(`history`),children:[`File history (`,L.entries.length,`)`]})]}),L.error&&(0,C.jsx)(`p`,{className:`review-feedback`,role:`alert`,children:L.error}),w&&(0,C.jsx)(`p`,{className:`review-feedback`,role:`status`,children:w}),c===`history`&&(0,C.jsx)(`section`,{id:`review-history`,role:`tabpanel`,"aria-labelledby":`review-history-tab`,className:`review-history-panel`,children:t?L.loading&&L.entries.length===0?(0,C.jsx)(`p`,{children:`Loading file history…`}):L.entries.length===0?(0,C.jsx)(`p`,{children:`No saved file history in this workspace.`}):(0,C.jsxs)(C.Fragment,{children:[(0,C.jsxs)(`label`,{className:`review-history-picker`,children:[`Saved action`,(0,C.jsx)(ee,{"aria-label":`Saved action`,value:W?.id||``,onValueChange:e=>h(e),children:L.entries.map((e,t)=>(0,C.jsxs)(`option`,{value:e.id,children:[t===0?`Latest · `:``,e.label.replace(/^Undo /,``)]},e.id))})]}),W&&(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(_,{entry:W}),(0,C.jsx)(`button`,{type:`button`,className:`review-undo-button`,disabled:L.busy||W.id!==L.entries[0]?.id,onClick:()=>q(W),children:`Undo action…`}),W.id!==L.entries[0]?.id&&(0,C.jsx)(`p`,{children:`Undo newer actions first. History is restored in reverse order.`})]})]}):(0,C.jsx)(`p`,{children:`Select a workspace to view file history.`})}),c===`changes`&&(0,C.jsxs)(`div`,{id:`review-changes`,role:`tabpanel`,"aria-labelledby":`review-changes-tab`,className:`review-changes-panel`,children:[(0,C.jsxs)(`div`,{className:`code-review-banner`,children:[(0,C.jsxs)(`div`,{className:`code-review-banner-left`,children:[(0,C.jsxs)(`svg`,{className:`code-review-banner-info-icon`,width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:[(0,C.jsx)(`circle`,{cx:`12`,cy:`12`,r:`10`}),(0,C.jsx)(`path`,{d:`M12 16v-4M12 8h.01`})]}),M&&D.length>0?(0,C.jsxs)(`div`,{className:`code-review-scope-group`,children:[(0,C.jsxs)(`button`,{type:`button`,className:`code-review-scope-btn ${N===`workspace`?`is-active`:``}`,onClick:()=>P(`workspace`),children:[`Workspace Git (`,D.length,`)`]}),(0,C.jsxs)(`button`,{type:`button`,className:`code-review-scope-btn ${N===`agent`?`is-active`:``}`,onClick:()=>P(`agent`),children:[`AI Edits (`,j.length,`)`]})]}):(0,C.jsx)(`span`,{children:k?`Scanning workspace Git changes...`:z.length>0?`${z.length} changed file${z.length===1?``:`s`} in workspace`:`Working tree is clean · No uncommitted changes`})]}),z.length>1&&(0,C.jsxs)(`div`,{className:`code-review-pagination`,children:[(0,C.jsx)(`button`,{type:`button`,className:`code-review-page-arrow`,onClick:Se,disabled:H<=0,"aria-label":`Previous file`,title:`Previous file`,children:`‹`}),(0,C.jsx)(`button`,{type:`button`,className:`code-review-page-arrow`,onClick:Ce,disabled:H>=z.length-1,"aria-label":`Next file`,title:`Next file`,children:`›`})]})]}),(0,C.jsxs)(`div`,{className:`code-review-split ${ge?`is-resizing`:``}`,ref:J,children:[(0,C.jsx)(`section`,{className:`code-review-diff-pane`,"aria-label":`Diff viewer`,children:U?(0,C.jsxs)(`article`,{className:`code-review-file-view`,children:[(0,C.jsxs)(`div`,{className:`code-review-file-bar`,children:[(0,C.jsx)(`span`,{className:`code-review-tree-icon material-icon file`,"aria-hidden":`true`,children:(0,C.jsx)(`img`,{src:u(U.path.split(`/`).pop()||``,l(U.path))||`data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M0%200h24v24H0z'/%3e%3cpath%20fill='%2342a5f5'%20d='M8%2016h8v2H8zm0-4h8v2H8zm6-10H6c-1.1%200-2%20.9-2%202v16c0%201.1.89%202%201.99%202H18c1.1%200%202-.9%202-2V8zm4%2018H6V4h7v5h5z'/%3e%3c/svg%3e`,alt:``,draggable:!1})}),(0,C.jsx)(`span`,{className:`code-review-file-bar-status ${U.created?`is-created`:`is-modified`}`,children:U.created?`A`:`M`}),(0,C.jsx)(`span`,{className:`code-review-file-bar-path`,title:`${U.path} (Drag to chat)`,draggable:`true`,onDragStart:e=>{e.stopPropagation(),p(e.dataTransfer,{path:U.path,root:t,kind:`file`})},children:U.path}),(0,C.jsx)(`button`,{type:`button`,className:`review-undo-button`,disabled:!K||L.busy,title:K?G?.label:G?`Undo newer workspace actions first in File history.`:`No saved undo action for this file.`,onClick:()=>G&&q(G),children:`Undo edit…`}),(0,C.jsxs)(`span`,{className:`code-review-file-bar-stat-add`,children:[`+`,U.additions]}),(0,C.jsxs)(`span`,{className:`code-review-file-bar-stat-del`,children:[`-`,U.deletions]})]}),(0,C.jsx)(`div`,{className:`code-review-code-container`,children:U.hunks&&U.hunks.length>0?U.hunks.map((e,t)=>{let n=l(U.path),r=y(e.oldText),i=y(e.newText),a=1;return(0,C.jsxs)(`div`,{className:`code-review-hunk-block`,children:[r.map((e,t)=>{let r=o(e,n);return(0,C.jsxs)(`div`,{className:`code-review-line is-del`,children:[(0,C.jsx)(`span`,{className:`code-review-gutter`,children:a++}),(0,C.jsx)(`span`,{className:`code-review-sign`,children:`−`}),(0,C.jsx)(`code`,{className:`code-review-code-text`,children:r.length===0?` `:r.map((e,t)=>(0,C.jsx)(`span`,{className:e.type,children:e.text},t))})]},`del-${t}`)}),i.map((e,t)=>{let r=o(e,n);return(0,C.jsxs)(`div`,{className:`code-review-line is-add`,children:[(0,C.jsx)(`span`,{className:`code-review-gutter`,children:a++}),(0,C.jsx)(`span`,{className:`code-review-sign`,children:`+`}),(0,C.jsx)(`code`,{className:`code-review-code-text`,children:r.length===0?` `:r.map((e,t)=>(0,C.jsx)(`span`,{className:e.type,children:e.text},t))})]},`add-${t}`)})]},`${U.path}-hunk-${t}`)}):(0,C.jsx)(`div`,{className:`code-review-empty-diff`,children:`No diff hunks available for this file.`})})]},U.path):(0,C.jsxs)(`div`,{className:`code-review-clean-state`,children:[(0,C.jsxs)(`svg`,{width:`44`,height:`44`,viewBox:`0 0 24 24`,fill:`none`,stroke:`var(--status-success, #22c55e)`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:[(0,C.jsx)(`path`,{d:`M22 11.08V12a10 10 0 1 1-5.93-9.14`}),(0,C.jsx)(`polyline`,{points:`22 4 12 14.01 9 11.01`})]}),(0,C.jsx)(`h3`,{children:`Working tree is clean`}),(0,C.jsx)(`p`,{children:`No uncommitted changes found in this workspace.`}),(0,C.jsx)(`button`,{type:`button`,className:`code-review-clean-refresh-btn`,onClick:I,children:`↻ Refresh Git status`})]})}),z.length>0&&(0,C.jsxs)(`div`,{className:`code-review-resizer ${ge?`is-dragging`:``} ${Z?`is-collapsed`:``}`,onPointerDown:ve,onDoubleClick:ye,onKeyDown:be,role:`separator`,tabIndex:0,"aria-orientation":`vertical`,"aria-valuenow":Z?0:Y,"aria-label":`Resize panel divider`,title:Z?`Drag or double-click to expand file list`:`Drag to resize file list / Double click to reset`,children:[(0,C.jsx)(`div`,{className:`code-review-resizer-line`}),(0,C.jsx)(`div`,{className:`code-review-resizer-handle`})]}),z.length>0&&!Z&&(0,C.jsxs)(`aside`,{className:`code-review-tree-pane`,style:{width:`${Y}px`},"aria-label":`Changed files tree`,children:[(0,C.jsxs)(`div`,{className:`code-review-search-wrap`,children:[(0,C.jsxs)(`svg`,{className:`code-review-search-icon`,width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:[(0,C.jsx)(`circle`,{cx:`11`,cy:`11`,r:`8`}),(0,C.jsx)(`path`,{d:`m21 21-4.3-4.3`})]}),(0,C.jsx)(`input`,{type:`text`,className:`code-review-search-input`,placeholder:`Filter files...`,value:F,onChange:e=>le(e.target.value),spellCheck:!1}),(0,C.jsx)(`button`,{type:`button`,className:`code-review-tree-collapse-btn`,onClick:()=>Q(!0),title:`Collapse file list`,"aria-label":`Collapse file list`,children:`›`})]}),(0,C.jsx)(`div`,{className:`code-review-tree-list`,role:`tree`,children:$(he)})]})]})]}),g&&g.root===t&&(0,C.jsx)(v,{entry:g.entry,busy:L.busy,error:L.error,onCancel:()=>x(null),onConfirm:()=>{fe()}})]})}var S,C;t((()=>{c(),S=e(n()),a(),d(),ne(),m(),s(),f(),h(),C=r()}))();export{_ as HistoryDetails,v as UndoConfirmation,x as default,g as undoDescription};

package/out/web/assets/{CommandPalette-BD8SlTE5.js → CommandPalette-DaKlzbKs.js}

@@ -1 +1 @@
-import{i as e,n as t}from"./rolldown-runtime-CNOWq4Kh.js";import{n,t as r}from"./jsx-runtime-DmUwWVTj.js";function i({isOpen:e,onClose:t,onSelectChat:n,onNewChat:r,onSelectWorkspace:i,onOpenSettings:s,onChangeView:c,onChangeModel:l,onChangeProvider:u,onExecuteSlash:d,chatSessions:f,currentChatId:p,workspacePath:m}){let[h,g]=(0,a.useState)(``),[_,v]=(0,a.useState)(0),y=(0,a.useRef)(null),b=(0,a.useRef)(null);(0,a.useEffect)(()=>{e&&(g(``),v(0),setTimeout(()=>y.current?.focus(),50))},[e]);let x=(0,a.useMemo)(()=>{let e=[];e.push({id:`cmd-new-chat`,title:`New chat`,subtitle:`Start a clean conversation session`,category:`Commands`,icon:`+`,action:()=>{r(),t()}}),d&&(e.push({id:`cmd-rewind`,title:`/rewind - Git Checkpoint Time Machine`,subtitle:`Roll back workspace to a previous checkpoint`,category:`Commands`,icon:`↺`,action:()=>{d(`/rewind`),t()}}),e.push({id:`cmd-repomap`,title:`/repomap - Codebase AST Map`,subtitle:`Generate hierarchical tree-sitter map of workspace`,category:`Commands`,icon:`AST`,action:()=>{d(`/repomap`),t()}}),e.push({id:`cmd-init`,title:`/init - Initialize AGENTS.md`,subtitle:`Generate project instructions and guidelines file`,category:`Commands`,icon:`DOC`,action:()=>{d(`/init`),t()}})),c&&(e.push({id:`cmd-skills`,title:`Manage Skills (/skills)`,subtitle:`Browse and customize agent skills`,category:`Commands`,icon:`SKL`,action:()=>{c(`skills`),t()}}),e.push({id:`cmd-mcp`,title:`MCP catalog & Tools (/mcp)`,subtitle:`Configure Model Context Protocol servers`,category:`Commands`,icon:`MCP`,action:()=>{c(`mcp`),t()}}),e.push({id:`cmd-cron`,title:`Scheduled tasks (/cron)`,subtitle:`View and manage recurring background tasks`,category:`Commands`,icon:`CRN`,action:()=>{c(`cron`),t()}}),e.push({id:`cmd-link`,title:`Linked folders (/link)`,subtitle:`Connect external notes and doc directories`,category:`Commands`,icon:`DIR`,action:()=>{c(`link`),t()}})),s&&e.push({id:`cmd-settings`,title:`Settings`,subtitle:`Configure API keys, models, and preferences`,category:`Commands`,icon:`SET`,action:()=>{s(),t()}}),i&&e.push({id:`ws-switch`,title:`Switch Workspace Directory`,subtitle:m?`Current: ${m}`:`Select a project folder`,category:`Workspace`,icon:`DIR`,action:()=>{i(),t()}}),u&&l&&(e.push({id:`model-claude-37`,title:`Claude 3.7 Sonnet`,subtitle:`Anthropic • Hybrid reasoning and fast coding`,category:`Models`,icon:`CL`,action:()=>{u(`anthropic`),l(`claude-3-7-sonnet-20250219`),t()}}),e.push({id:`model-claude-35`,title:`Claude 3.5 Sonnet`,subtitle:`Anthropic • High precision coding agent`,category:`Models`,icon:`CL`,action:()=>{u(`anthropic`),l(`claude-3-5-sonnet-20240620`),t()}}),e.push({id:`model-deepseek-v3`,title:`DeepSeek-V3`,subtitle:`DeepSeek • Fast reasoning and cost efficiency`,category:`Models`,icon:`DS`,action:()=>{u(`deepseek`),l(`deepseek-chat`),t()}}),e.push({id:`model-gpt-4o`,title:`GPT-4o`,subtitle:`OpenAI • Multimodal flagship model`,category:`Models`,icon:`AI`,action:()=>{u(`openai`),l(`gpt-4o`),t()}}),e.push({id:`model-gemini-flash`,title:`Gemini 2.0 Flash`,subtitle:`Google • Ultra-fast multi-turn assistant`,category:`Models`,icon:`GM`,action:()=>{u(`gemini`),l(`gemini-2.0-flash`),t()}}),e.push({id:`model-gemini-pro`,title:`Gemini 1.5 Pro`,subtitle:`Google • 2M token deep context reasoning`,category:`Models`,icon:`GM`,action:()=>{u(`gemini`),l(`gemini-1.5-pro`),t()}}),e.push({id:`model-ollama`,title:`Local Ollama model`,subtitle:`Ollama • 100% offline private inference`,category:`Models`,icon:`OL`,action:()=>{u(`ollama`),t()}}));for(let r of f||[])e.push({id:`chat-${r.id}`,title:r.title||`Untitled Chat`,subtitle:`Chat session • ${r.id===p?`Active`:`Previous`}`,category:`Chats`,icon:`#`,action:()=>{n(r.id),t()}});return e},[r,t,d,c,s,i,m,u,l,f,p,n]),S=(0,a.useMemo)(()=>{let e=h.trim().toLowerCase();return e?x.filter(t=>{let n=t.title.toLowerCase().includes(e),r=t.subtitle?t.subtitle.toLowerCase().includes(e):!1,i=t.category.toLowerCase().includes(e);return n||r||i}):x},[x,h]);(0,a.useEffect)(()=>{v(0)},[S]);let C=e=>{if(e.key===`ArrowDown`)e.preventDefault(),v(e=>e+1<S.length?e+1:0);else if(e.key===`ArrowUp`)e.preventDefault(),v(e=>e-1>=0?e-1:S.length-1);else if(e.key===`Enter`){e.preventDefault();let t=S[_];t&&t.action()}else e.key===`Escape`&&(e.preventDefault(),t())};if((0,a.useEffect)(()=>{if(b.current){let e=b.current.querySelector(`.palette-item.is-selected`);e&&e.scrollIntoView({block:`nearest`})}},[_]),!e)return null;let w=S.reduce((e,t)=>(e[t.category]||(e[t.category]=[]),e[t.category].push(t),e),{}),T=0;return(0,o.jsx)(`div`,{className:`command-palette-backdrop`,onClick:t,style:{position:`fixed`,top:0,left:0,right:0,bottom:0,background:`var(--bg-backdrop)`,backdropFilter:`blur(8px)`,zIndex:9999,display:`flex`,alignItems:`flex-start`,justifyContent:`center`,paddingTop:`12vh`},children:(0,o.jsxs)(`div`,{className:`command-palette-dialog`,onClick:e=>e.stopPropagation(),style:{width:`100%`,maxWidth:`620px`,background:`var(--bg-overlay)`,border:`1px solid var(--border-default)`,borderRadius:`14px`,boxShadow:`var(--shadow-lg)`,overflow:`hidden`,display:`flex`,flexDirection:`column`,maxHeight:`70vh`,animation:`paletteIn 0.15s cubic-bezier(0.16, 1, 0.3, 1)`},children:[(0,o.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,padding:`14px 18px`,borderBottom:`1px solid var(--border-subtle)`,gap:`12px`,background:`var(--bg-surface-raised)`},children:[(0,o.jsxs)(`svg`,{width:`18`,height:`18`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,style:{color:`var(--interactive-fg)`,flexShrink:0},children:[(0,o.jsx)(`circle`,{cx:`11`,cy:`11`,r:`8`}),(0,o.jsx)(`line`,{x1:`21`,y1:`21`,x2:`16.65`,y2:`16.65`})]}),(0,o.jsx)(`input`,{ref:y,type:`text`,placeholder:`Type a command, model, chat, or / for slash actions...`,value:h,onChange:e=>g(e.target.value),onKeyDown:C,style:{flex:1,background:`transparent`,border:`none`,outline:`none`,color:`var(--text-primary)`,fontSize:`1rem`,fontWeight:500}}),(0,o.jsx)(`kbd`,{style:{padding:`2px 7px`,borderRadius:`4px`,background:`var(--bg-surface-soft)`,color:`var(--text-muted)`,fontSize:`0.7rem`,fontWeight:600,border:`1px solid var(--border-default)`},children:`ESC`})]}),(0,o.jsx)(`div`,{ref:b,style:{flex:1,overflowY:`auto`,padding:`10px`,display:`flex`,flexDirection:`column`,gap:`6px`},children:S.length===0?(0,o.jsx)(`div`,{style:{padding:`32px 16px`,textAlign:`center`,color:`var(--text-muted)`,fontSize:`0.88rem`},children:`No matching commands, models, or chats found`}):Object.entries(w).map(([e,t])=>(0,o.jsxs)(`div`,{style:{display:`flex`,flexDirection:`column`,gap:`2px`},children:[(0,o.jsx)(`div`,{style:{fontSize:`0.68rem`,fontWeight:700,textTransform:`none`,letterSpacing:`0.06em`,color:`var(--text-muted)`,padding:`8px 10px 4px 10px`},children:e}),t.map(e=>{let t=T++,n=t===_;return(0,o.jsxs)(`div`,{className:`palette-item ${n?`is-selected`:``}`,onClick:()=>e.action(),onMouseEnter:()=>v(t),style:{display:`flex`,alignItems:`center`,justifyContent:`space-between`,padding:`9px 12px`,borderRadius:`8px`,cursor:`pointer`,background:n?`var(--accent-subtle)`:`transparent`,border:`1px solid ${n?`var(--accent-border)`:`transparent`}`,transition:`all 0.1s ease`},children:[(0,o.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:`10px`,minWidth:0},children:[(0,o.jsx)(`span`,{style:{fontSize:`0.68rem`,fontWeight:700,padding:`2px 5px`,borderRadius:`4px`,background:`var(--bg-surface-soft)`,color:n?`var(--interactive-fg)`:`var(--text-muted)`,fontFamily:`monospace`,flexShrink:0,minWidth:`22px`,textAlign:`center`},children:e.icon}),(0,o.jsxs)(`div`,{style:{display:`flex`,flexDirection:`column`,minWidth:0},children:[(0,o.jsx)(`span`,{style:{fontSize:`0.85rem`,fontWeight:600,color:`var(--text-primary)`,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`},children:e.title}),e.subtitle&&(0,o.jsx)(`span`,{style:{fontSize:`0.72rem`,color:`var(--text-muted)`,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`},children:e.subtitle})]})]}),n&&(0,o.jsx)(`span`,{style:{fontSize:`0.7rem`,color:`var(--interactive-fg)`,fontWeight:600,padding:`2px 6px`,borderRadius:`4px`,background:`var(--accent-subtle)`},children:`↵ Select`})]},e.id)})]},e))}),(0,o.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,justifyContent:`space-between`,padding:`8px 16px`,borderTop:`1px solid var(--border-subtle)`,background:`var(--bg-surface-raised)`,fontSize:`0.72rem`,color:`var(--text-muted)`},children:[(0,o.jsxs)(`div`,{style:{display:`flex`,gap:`12px`},children:[(0,o.jsxs)(`span`,{children:[(0,o.jsx)(`kbd`,{style:{background:`var(--bg-surface-soft)`,border:`1px solid var(--border-subtle)`,padding:`1px 4px`,borderRadius:`3px`},children:`↑`}),` `,(0,o.jsx)(`kbd`,{style:{background:`var(--bg-surface-soft)`,border:`1px solid var(--border-subtle)`,padding:`1px 4px`,borderRadius:`3px`},children:`↓`}),` to navigate`]}),(0,o.jsxs)(`span`,{children:[(0,o.jsx)(`kbd`,{style:{background:`var(--bg-surface-soft)`,border:`1px solid var(--border-subtle)`,padding:`1px 4px`,borderRadius:`3px`},children:`↵`}),` to select`]})]}),(0,o.jsx)(`span`,{children:`Universal command palette`})]})]})})}var a,o;t((()=>{a=e(n()),o=r()}))();export{i as CommandPalette};
+import{i as e,n as t}from"./rolldown-runtime-CNOWq4Kh.js";import{n,t as r}from"./jsx-runtime-DmUwWVTj.js";function i({isOpen:e,onClose:t,onSelectChat:n,onNewChat:r,onSelectWorkspace:i,onOpenSettings:s,onChangeView:c,onChangeModel:l,onChangeProvider:u,onExecuteSlash:d,chatSessions:f,currentChatId:p,workspacePath:m}){let[h,g]=(0,a.useState)(``),[_,v]=(0,a.useState)(0),y=(0,a.useRef)(null),b=(0,a.useRef)(null);(0,a.useEffect)(()=>{e&&(g(``),v(0),setTimeout(()=>y.current?.focus(),50))},[e]);let x=(0,a.useMemo)(()=>{let e=[];e.push({id:`cmd-new-chat`,title:`New chat`,subtitle:`Start a clean conversation session`,category:`Commands`,icon:`+`,action:()=>{r(),t()}}),d&&(e.push({id:`cmd-rewind`,title:`/rewind - Git Checkpoint Time Machine`,subtitle:`Roll back workspace to a previous checkpoint`,category:`Commands`,icon:`↺`,action:()=>{d(`/rewind`),t()}}),e.push({id:`cmd-repomap`,title:`/repomap - Codebase AST Map`,subtitle:`Generate hierarchical tree-sitter map of workspace`,category:`Commands`,icon:`AST`,action:()=>{d(`/repomap`),t()}}),e.push({id:`cmd-init`,title:`/init - Initialize AGENTS.md`,subtitle:`Generate project instructions and guidelines file`,category:`Commands`,icon:`DOC`,action:()=>{d(`/init`),t()}})),c&&(e.push({id:`cmd-skills`,title:`Manage Skills (/skills)`,subtitle:`Browse and customize agent skills`,category:`Commands`,icon:`SKL`,action:()=>{c(`skills`),t()}}),e.push({id:`cmd-mcp`,title:`MCP catalog & Tools (/mcp)`,subtitle:`Configure Model Context Protocol servers`,category:`Commands`,icon:`MCP`,action:()=>{c(`mcp`),t()}}),e.push({id:`cmd-cron`,title:`Scheduled tasks (/cron)`,subtitle:`View and manage recurring background tasks`,category:`Commands`,icon:`CRN`,action:()=>{c(`cron`),t()}}),e.push({id:`cmd-link`,title:`Linked folders (/link)`,subtitle:`Connect external notes and doc directories`,category:`Commands`,icon:`DIR`,action:()=>{c(`link`),t()}})),s&&e.push({id:`cmd-settings`,title:`Settings`,subtitle:`Configure API keys, models, and preferences`,category:`Commands`,icon:`SET`,action:()=>{s(),t()}}),i&&e.push({id:`ws-switch`,title:`Switch Workspace Directory`,subtitle:m?`Current: ${m}`:`Select a project folder`,category:`Workspace`,icon:`DIR`,action:()=>{i(),t()}}),u&&l&&(e.push({id:`model-claude-37`,title:`Claude 3.7 Sonnet`,subtitle:`Anthropic • Hybrid reasoning and fast coding`,category:`Models`,icon:`CL`,action:()=>{u(`anthropic`),l(`claude-3-7-sonnet-20250219`),t()}}),e.push({id:`model-claude-35`,title:`Claude 3.5 Sonnet`,subtitle:`Anthropic • High precision coding agent`,category:`Models`,icon:`CL`,action:()=>{u(`anthropic`),l(`claude-3-5-sonnet-20240620`),t()}}),e.push({id:`model-deepseek-v3`,title:`DeepSeek-V3`,subtitle:`DeepSeek • Fast reasoning and cost efficiency`,category:`Models`,icon:`DS`,action:()=>{u(`deepseek`),l(`deepseek-chat`),t()}}),e.push({id:`model-gpt-4o`,title:`GPT-4o`,subtitle:`OpenAI • Multimodal flagship model`,category:`Models`,icon:`AI`,action:()=>{u(`openai`),l(`gpt-4o`),t()}}),e.push({id:`model-gemini-flash`,title:`Gemini 2.0 Flash`,subtitle:`Google • Ultra-fast multi-turn assistant`,category:`Models`,icon:`GM`,action:()=>{u(`gemini`),l(`gemini-2.0-flash`),t()}}),e.push({id:`model-gemini-pro`,title:`Gemini 1.5 Pro`,subtitle:`Google • 2M token deep context reasoning`,category:`Models`,icon:`GM`,action:()=>{u(`gemini`),l(`gemini-1.5-pro`),t()}}),e.push({id:`model-ollama`,title:`Local Ollama model`,subtitle:`Ollama • 100% offline private inference`,category:`Models`,icon:`OL`,action:()=>{u(`ollama`),t()}}));for(let r of f||[])e.push({id:`chat-${r.id}`,title:r.title||`Untitled Chat`,subtitle:`Chat session • ${r.id===p?`Active`:`Previous`}`,category:`Chats`,icon:`#`,action:()=>{n(r.id),t()}});return e},[r,t,d,c,s,i,m,u,l,f,p,n]),S=(0,a.useMemo)(()=>{let e=h.trim().toLowerCase();return e?x.filter(t=>{let n=t.title.toLowerCase().includes(e),r=t.subtitle?t.subtitle.toLowerCase().includes(e):!1,i=t.category.toLowerCase().includes(e);return n||r||i}):x},[x,h]);(0,a.useEffect)(()=>{v(0)},[S]);let C=e=>{if(e.key===`ArrowDown`)e.preventDefault(),v(e=>e+1<S.length?e+1:0);else if(e.key===`ArrowUp`)e.preventDefault(),v(e=>e-1>=0?e-1:S.length-1);else if(e.key===`Enter`){e.preventDefault();let t=S[_];t&&t.action()}else e.key===`Escape`&&(e.preventDefault(),t())};if((0,a.useEffect)(()=>{if(b.current){let e=b.current.querySelector(`.palette-item.is-selected`);e&&e.scrollIntoView({block:`nearest`})}},[_]),!e)return null;let w=S.reduce((e,t)=>(e[t.category]||(e[t.category]=[]),e[t.category].push(t),e),{}),T=0;return(0,o.jsx)(`div`,{className:`command-palette-backdrop`,onClick:t,style:{position:`fixed`,top:0,left:0,right:0,bottom:0,background:`var(--bg-backdrop)`,backdropFilter:`blur(8px)`,zIndex:9999,display:`flex`,alignItems:`flex-start`,justifyContent:`center`,paddingTop:`12vh`},children:(0,o.jsxs)(`div`,{className:`command-palette-dialog`,onClick:e=>e.stopPropagation(),style:{width:`100%`,maxWidth:`620px`,background:`var(--bg-overlay)`,border:`1px solid var(--border-default)`,borderRadius:`var(--radius-2xl, 22px)`,boxShadow:`var(--shadow-lg)`,overflow:`hidden`,display:`flex`,flexDirection:`column`,maxHeight:`70vh`,animation:`paletteIn 0.15s cubic-bezier(0.16, 1, 0.3, 1)`},children:[(0,o.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,padding:`14px 18px`,borderBottom:`1px solid var(--border-subtle)`,gap:`12px`,background:`var(--bg-surface-raised)`},children:[(0,o.jsxs)(`svg`,{width:`18`,height:`18`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,style:{color:`var(--interactive-fg)`,flexShrink:0},children:[(0,o.jsx)(`circle`,{cx:`11`,cy:`11`,r:`8`}),(0,o.jsx)(`line`,{x1:`21`,y1:`21`,x2:`16.65`,y2:`16.65`})]}),(0,o.jsx)(`input`,{ref:y,type:`text`,placeholder:`Type a command, model, chat, or / for slash actions...`,value:h,onChange:e=>g(e.target.value),onKeyDown:C,style:{flex:1,background:`transparent`,border:`none`,outline:`none`,color:`var(--text-primary)`,fontSize:`1rem`,fontWeight:500}}),(0,o.jsx)(`kbd`,{style:{padding:`2px 7px`,borderRadius:`var(--radius-2xs, 4px)`,background:`var(--bg-surface-soft)`,color:`var(--text-muted)`,fontSize:`0.7rem`,fontWeight:600,border:`1px solid var(--border-default)`},children:`ESC`})]}),(0,o.jsx)(`div`,{ref:b,style:{flex:1,overflowY:`auto`,padding:`10px`,display:`flex`,flexDirection:`column`,gap:`6px`},children:S.length===0?(0,o.jsx)(`div`,{style:{padding:`32px 16px`,textAlign:`center`,color:`var(--text-muted)`,fontSize:`0.88rem`},children:`No matching commands, models, or chats found`}):Object.entries(w).map(([e,t])=>(0,o.jsxs)(`div`,{style:{display:`flex`,flexDirection:`column`,gap:`2px`},children:[(0,o.jsx)(`div`,{style:{fontSize:`0.68rem`,fontWeight:700,textTransform:`none`,letterSpacing:`0.06em`,color:`var(--text-muted)`,padding:`8px 10px 4px 10px`},children:e}),t.map(e=>{let t=T++,n=t===_;return(0,o.jsxs)(`div`,{className:`palette-item ${n?`is-selected`:``}`,onClick:()=>e.action(),onMouseEnter:()=>v(t),style:{display:`flex`,alignItems:`center`,justifyContent:`space-between`,padding:`9px 12px`,borderRadius:`var(--radius-sm, 8px)`,cursor:`pointer`,background:n?`var(--accent-subtle)`:`transparent`,border:`1px solid ${n?`var(--accent-border)`:`transparent`}`,transition:`all 0.1s ease`},children:[(0,o.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:`10px`,minWidth:0},children:[(0,o.jsx)(`span`,{style:{fontSize:`0.68rem`,fontWeight:700,padding:`2px 5px`,borderRadius:`var(--radius-2xs, 4px)`,background:`var(--bg-surface-soft)`,color:n?`var(--interactive-fg)`:`var(--text-muted)`,fontFamily:`monospace`,flexShrink:0,minWidth:`22px`,textAlign:`center`},children:e.icon}),(0,o.jsxs)(`div`,{style:{display:`flex`,flexDirection:`column`,minWidth:0},children:[(0,o.jsx)(`span`,{style:{fontSize:`0.85rem`,fontWeight:600,color:`var(--text-primary)`,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`},children:e.title}),e.subtitle&&(0,o.jsx)(`span`,{style:{fontSize:`0.72rem`,color:`var(--text-muted)`,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`},children:e.subtitle})]})]}),n&&(0,o.jsx)(`span`,{style:{fontSize:`0.7rem`,color:`var(--interactive-fg)`,fontWeight:600,padding:`2px 6px`,borderRadius:`var(--radius-2xs, 4px)`,background:`var(--accent-subtle)`},children:`↵ Select`})]},e.id)})]},e))}),(0,o.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,justifyContent:`space-between`,padding:`8px 16px`,borderTop:`1px solid var(--border-subtle)`,background:`var(--bg-surface-raised)`,fontSize:`0.72rem`,color:`var(--text-muted)`},children:[(0,o.jsxs)(`div`,{style:{display:`flex`,gap:`12px`},children:[(0,o.jsxs)(`span`,{children:[(0,o.jsx)(`kbd`,{style:{background:`var(--bg-surface-soft)`,border:`1px solid var(--border-subtle)`,padding:`1px 4px`,borderRadius:`var(--radius-2xs, 4px)`},children:`↑`}),` `,(0,o.jsx)(`kbd`,{style:{background:`var(--bg-surface-soft)`,border:`1px solid var(--border-subtle)`,padding:`1px 4px`,borderRadius:`var(--radius-2xs, 4px)`},children:`↓`}),` to navigate`]}),(0,o.jsxs)(`span`,{children:[(0,o.jsx)(`kbd`,{style:{background:`var(--bg-surface-soft)`,border:`1px solid var(--border-subtle)`,padding:`1px 4px`,borderRadius:`var(--radius-2xs, 4px)`},children:`↵`}),` to select`]})]}),(0,o.jsx)(`span`,{children:`Universal command palette`})]})]})})}var a,o;t((()=>{a=e(n()),o=r()}))();export{i as CommandPalette};

package/out/web/assets/ImageGenCard-BMCJHP9O.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{L as i,mt as a}from"./index-BocxnrDG.js";function o(e){return e?e.startsWith(`data:`)||e.startsWith(`http://`)||e.startsWith(`https://`)?e:e.startsWith(`/api/`)?`${typeof window<`u`&&window.location.port===`9000`?`http://localhost:3000`:typeof window<`u`?window.location.origin:``}${e}`:e:``}function s({url:e,single:t}){let[n,r]=(0,l.useState)(!1),i=o(e);return n||!i?null:(0,u.jsx)(`div`,{style:{position:`relative`,display:`block`,borderRadius:`var(--radius-md, 10px)`,overflow:`hidden`,aspectRatio:t?void 0:`1 / 1`,background:`var(--surface-strong)`,border:`1px solid var(--border)`},children:(0,u.jsx)(`img`,{src:i,alt:`Generated`,loading:`lazy`,onError:()=>r(!0),style:{width:`100%`,height:t?`auto`:`100%`,maxHeight:t?`420px`:void 0,objectFit:`cover`,display:`block`}})})}function c({data:e}){let t=(e?.images??[]).filter(e=>e?.url),n=`var(--text-muted)`;return(0,u.jsxs)(`div`,{style:{background:`var(--bg-surface-soft)`,color:`var(--text-primary)`,borderRadius:`var(--radius-xl, 18px)`,padding:`16px 20px`,margin:`12px 0`,boxShadow:`var(--shadow-md)`,border:`1px solid var(--border-subtle)`,fontFamily:`system-ui, -apple-system, sans-serif`},children:[(0,u.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:`8px`,marginBottom:`12px`},children:[(0,u.jsx)(a,{size:16,strokeWidth:2,style:{opacity:.9,color:n}}),(0,u.jsx)(`span`,{style:{fontSize:`11px`,fontWeight:700,letterSpacing:`0.8px`,color:n},children:`IMAGE GENERATED`}),e?.model&&(0,u.jsxs)(`span`,{style:{fontSize:`11px`,color:`var(--text-muted)`},children:[e.model,e.provider?` · ${e.provider}`:``]})]}),t.length===0?(0,u.jsx)(`div`,{style:{fontSize:`13px`,color:`var(--text-muted)`},children:`No image returned.`}):t.length===1?(0,u.jsx)(s,{url:t[0].url,single:!0}):(0,u.jsx)(`div`,{style:{display:`grid`,gridTemplateColumns:`repeat(auto-fill, minmax(140px, 1fr))`,gap:`8px`},children:t.map((e,t)=>(0,u.jsx)(s,{url:e.url,single:!1},`${e.url}-${t}`))}),e?.prompt&&(0,u.jsxs)(`div`,{style:{marginTop:`10px`,fontSize:`13px`,lineHeight:1.4,color:`var(--text-secondary)`},children:[`“`,e.prompt,`”`]})]})}var l,u;t((()=>{l=e(n()),i(),u=r()}))();export{c as default};

package/out/web/assets/ImageSearchCard-Cld_SOUg.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{L as i,wn as a}from"./index-BocxnrDG.js";import{S as o,b as s}from"./MintDashboard-C_UYPoNV.js";function c({image:e}){let[t,n]=(0,u.useState)(!1),r=o(e.thumbnailUrl||e.imageUrl),[i,a]=(0,u.useState)(r),s=/^https?:\/\//.test(e.sourceUrl)?e.sourceUrl:e.imageUrl;return(0,d.jsxs)(`article`,{style:{display:`flex`,flex:`0 0 116px`,flexDirection:`column`,borderRadius:`var(--radius-md, 10px)`,overflow:`hidden`,background:`var(--surface-strong)`,border:`1px solid var(--border)`},children:[(0,d.jsx)(`a`,{href:s,target:`_blank`,rel:`noopener noreferrer`,title:e.title,style:{display:`block`,width:`100%`,aspectRatio:`1 / 1`,flexShrink:0,textDecoration:`none`},children:t||!i?(0,d.jsx)(`span`,{style:{width:`100%`,height:`100%`,display:`flex`,alignItems:`center`,justifyContent:`center`,padding:`12px`,boxSizing:`border-box`,color:`var(--text-muted, #94a3b8)`,fontSize:`11px`,lineHeight:1.4,textAlign:`center`},children:`Preview unavailable · Open source`}):(0,d.jsx)(`img`,{src:i,alt:e.title,loading:`lazy`,referrerPolicy:`no-referrer`,onError:()=>{let t=o(e.imageUrl);i!==t&&t?a(t):n(!0)},style:{width:`100%`,height:`100%`,objectFit:`cover`,display:`block`}})}),(0,d.jsxs)(`div`,{style:{minWidth:0,padding:`7px 8px`,display:`grid`,gap:`5px`},children:[e.title&&(0,d.jsx)(`div`,{title:e.title,style:{fontSize:`11px`,lineHeight:1.3,color:`var(--text-primary, inherit)`,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`},children:e.title}),(0,d.jsx)(`a`,{href:o(e.imageUrl),target:`_blank`,rel:`noopener noreferrer`,style:{justifySelf:`start`,color:`var(--interactive-fg-hover)`,fontSize:`10px`,lineHeight:1.4,textDecoration:`underline`,textUnderlineOffset:`2px`},children:`View full image`})]})]})}function l({data:e}){let t=(e?.images??[]).filter(e=>e.thumbnailUrl||e.imageUrl),n=`var(--text-muted)`;return(0,d.jsxs)(`div`,{style:{background:`var(--bg-surface-soft)`,color:`var(--text-primary)`,borderRadius:`var(--radius-xl, 18px)`,padding:`16px 20px`,margin:`12px 0`,boxShadow:`var(--shadow-md)`,border:`1px solid var(--border-subtle)`,fontFamily:`system-ui, -apple-system, sans-serif`},children:[(0,d.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:`8px`,marginBottom:`12px`},children:[(0,d.jsx)(a,{size:16,strokeWidth:2,style:{opacity:.9,color:n}}),(0,d.jsx)(`span`,{style:{fontSize:`11px`,fontWeight:700,letterSpacing:`0.8px`,color:n},children:`IMAGE SEARCH`}),e?.query&&(0,d.jsxs)(`span`,{title:e.query,style:{minWidth:0,fontSize:`13px`,color:`var(--text-secondary)`,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`},children:[`“`,e.query,`”`]})]}),t.length===0?(0,d.jsx)(`div`,{style:{fontSize:`13px`,color:`var(--text-muted)`},children:`No images found.`}):(0,d.jsx)(`div`,{style:{display:`flex`,gap:`8px`,overflowX:`auto`,paddingBottom:`4px`,scrollbarWidth:`thin`},children:t.map((e,t)=>(0,d.jsx)(c,{image:e},`${e.imageUrl}-${t}`))})]})}var u,d;t((()=>{u=e(n()),i(),s(),d=r()}))();export{l as default};

package/out/web/assets/{ImageStudioPanel-BP7N4rLr.js → ImageStudioPanel-B5N7TjeB.js}

@@ -1 +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};
+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-BocxnrDG.js";import{R as o,q as s}from"./config-CkRCdkxn.js";import{n as c,t as l}from"./SelectField-Cy6CghrU.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(),s(),{generateImages:x,getImageGenProviders:S,fetchImageProviderModels:C,convertFileSrc:w,listSavedPictures:T}=i,E=f,D=d,O=o,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-CMB89rJ0.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;transition:left .22s;position:absolute;inset:0;overflow:auto}.app-body .library-page{left:var(--sidebar-expanded-width,264px)}.app-body.sidebar-collapsed .library-page{left:calc(var(--sidebar-collapsed-width,56px) + var(--sidebar-content-gap,10px))}@media (width<=760px){.app-body .library-page,.app-body.sidebar-collapsed .library-page{left:0!important}}.library-content{max-width:1380px;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-toolbar-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.library-grid-sizes{background:var(--bg-surface-soft);border:1px solid var(--border);border-radius:var(--radius-md,8px);align-items:center;gap:2px;padding:2px;display:inline-flex}.library-grid-sizes button.library-size-toggle{border-radius:calc(var(--radius-md,8px) - 2px);height:28px;min-height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;gap:6px;padding:0 9px;font-size:12px;font-weight:500;transition:background .15s,color .15s}.library-grid-sizes button.library-size-toggle:hover:not(:disabled){background:var(--bg-surface-hover);color:var(--text-main)}.library-grid-sizes button.library-size-toggle[aria-pressed=true]{background:var(--bg-surface-hover);color:var(--text-main);box-shadow:0 1px 2px #0003}.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:var(--radius-sm,8px);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);border-radius:var(--radius-sm,8px);overflow-wrap:anywhere;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(260px,1fr));gap:22px;display:grid}.library-items.is-grid.is-grid-large{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:26px}.is-grid .library-item{flex-wrap:wrap;align-content:start;gap:8px;padding:0 0 12px;display:flex}.is-grid .library-item-preview{flex-direction:column;flex-basis:100%;align-items:stretch;gap:10px}.is-grid .library-thumbnail{aspect-ratio:4/3;border-radius:var(--radius-md,8px);border:1px solid #ffffff0d;width:100%;height:auto;transition:border-color .15s,box-shadow .15s}.is-grid .library-thumbnail img{object-position:center 20%}.is-grid .library-item-preview:hover .library-thumbnail{border-color:#ffffff26;box-shadow:0 4px 14px #00000059}.is-grid .library-item-date{flex:1;font-size:11.5px}.is-grid .library-item-copy strong{font-size:13.5px}.is-grid.is-grid-large .library-item-copy strong{font-size:14.5px}.is-grid .library-item-copy small{margin-top:3px;font-size:11.5px}.is-grid.is-grid-large .library-item-copy small{font-size:12px}.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);border-radius:var(--radius-xl,18px);background:var(--bg-overlay,var(--bg-surface-soft));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{flex-wrap:wrap;align-items:flex-start;gap:8px}.library-toolbar-actions{align-items:center;gap:6px;display:flex}.library-grid-sizes button.library-size-toggle{padding:0 7px}.library-grid-sizes button.library-size-toggle span{display:none}.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-items.is-grid.is-grid-large{grid-template-columns:repeat(1,minmax(0,1fr));gap:14px}.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-DbZEi4W_.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,En as a,Et as o,J as s,Jn as c,L as l,M as u,Mn as d,Pn as f,Pt as p,gn as m,j as h,ni as g,nt as _,or as v,ut as y}from"./index-BocxnrDG.js";function b(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 x=t((()=>{}));function S(e,t=!1,n=0){let[r,i]=(0,w.useState)({url:``,blob:null,error:``});return(0,w.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 C(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 w,T=t((()=>{w=e(n()),h()}));function E(e){return e<1024?`${e} B`:e<1048576?`${(e/1024).toFixed(1)} KB`:`${(e/1024/1024).toFixed(1)} MB`}function D({item:e}){let t=S(e.thumbnailStatus===`ready`&&!e.deletedAt&&e.availability===`ready`?e.id:null,!0),n=e.kind===`image`?a:e.kind===`video`?s:c;return(0,k.jsx)(`span`,{className:`library-thumbnail is-${e.kind}`,children:t.url?(0,k.jsx)(`img`,{src:t.url,alt:``,loading:`lazy`}):(0,k.jsx)(n,{size:23})})}function O({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,k.jsxs)(`article`,{className:`library-item ${t?`is-linked`:``}`,children:[(0,k.jsxs)(`button`,{className:`library-item-preview`,"data-preview":e.id,type:`button`,disabled:u,onClick:()=>a(e),"aria-label":`Preview ${e.name}`,children:[(0,k.jsx)(D,{item:e}),(0,k.jsxs)(`span`,{className:`library-item-copy`,children:[(0,k.jsx)(`strong`,{title:e.name,children:e.name}),(0,k.jsxs)(`small`,{children:[d,` · `,E(e.size)]})]})]}),(0,k.jsx)(`span`,{className:`library-item-date`,children:new Date(e.createdAt).toLocaleDateString(void 0,{day:`numeric`,month:`short`,year:`numeric`})}),(0,k.jsxs)(`div`,{className:`library-item-actions`,children:[!n&&(0,k.jsx)(`button`,{type:`button`,"aria-label":`Download ${e.name}`,disabled:u||i,onClick:()=>o(e),children:(0,k.jsx)(v,{size:16})}),(0,k.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,k.jsx)(_,{size:16}):(0,k.jsx)(y,{size:16})}),n&&(0,k.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,k.jsx)(y,{size:16})})]})]})}var k,A=t((()=>{l(),T(),k=r()}));function j({item:e,onClose:t,onOpenConversation:n}){let[r,a]=(0,M.useState)(0),o=S(e.id,!1,r),[s,c]=(0,M.useState)(``),l=(0,M.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,M.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,M.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,N.createPortal)((0,P.jsx)(`div`,{className:`library-preview-backdrop`,onClick:e=>{e.target===e.currentTarget&&t()},children:(0,P.jsxs)(`div`,{className:`library-preview`,ref:l,role:`dialog`,"aria-modal":`true`,"aria-labelledby":`library-preview-title`,children:[(0,P.jsxs)(`header`,{children:[(0,P.jsx)(`h2`,{id:`library-preview-title`,children:e.name}),(0,P.jsx)(`button`,{type:`button`,onClick:t,"aria-label":`Close preview`,children:(0,P.jsx)(i,{size:18})})]}),u&&(0,P.jsxs)(`section`,{className:`library-preview-source`,"aria-label":`Source message`,children:[(0,P.jsx)(`span`,{children:`Source message`}),(0,P.jsx)(`p`,{children:u})]}),(0,P.jsx)(`div`,{className:`library-preview-body`,children:o.error?(0,P.jsxs)(`div`,{role:`alert`,children:[(0,P.jsx)(`p`,{children:o.error}),(0,P.jsx)(`button`,{type:`button`,onClick:()=>a(e=>e+1),children:`Retry`})]}):o.url?e.kind===`image`?(0,P.jsx)(`img`,{src:o.url,alt:e.name}):e.kind===`video`?(0,P.jsx)(`video`,{src:o.url,controls:!0,autoPlay:!1}):d?(0,P.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,P.jsx)(`iframe`,{title:e.name,src:o.url,sandbox:``}):(0,P.jsx)(`p`,{children:`This file is ready to download. A preview is not available for this format.`}):(0,P.jsx)(`p`,{role:`status`,children:`Loading file…`})}),(0,P.jsxs)(`footer`,{children:[(0,P.jsxs)(`span`,{children:[e.origin===`generated`?`AI generated`:e.origin===`legacy`?`Imported from Pictures`:`Uploaded`,` · `,e.mimeType]}),(0,P.jsxs)(`div`,{children:[[...new Set(e.references.map(e=>e.chatId))].map(e=>(0,P.jsx)(`button`,{type:`button`,"data-open-chat":!0,onClick:()=>n?.(e),children:`Open source chat`},e)),o.url&&(0,P.jsxs)(`a`,{href:o.url,download:e.name,children:[(0,P.jsx)(v,{size:15}),`Download`]})]})]})]})}),document.body)}var M,N,P,F=t((()=>{M=e(n()),N=g(),l(),T(),P=r()})),I=t((()=>{}));function L({chatId:e,onClose:t,onOpenConversation:n}){let r=(0,R.useMemo)(()=>b({list:u.listLibrary,setTrashed:u.setLibraryTrashed,remove:u.removeLibraryItem}),[]),a=(0,R.useSyncExternalStore)(r.subscribe,r.getSnapshot),[s,c]=(0,R.useState)(``),[l,h]=(0,R.useState)(``),[g,_]=(0,R.useState)(``),[v,x]=(0,R.useState)(`all`),[S,w]=(0,R.useState)(()=>new URLSearchParams(location.search).get(`trash`)===`1`),[T,E]=(0,R.useState)(()=>{try{let e=localStorage.getItem(`mint:library:grid-size`);if(e===`normal`||e===`large`)return e}catch{}return`normal`}),[D,k]=(0,R.useState)(null),[A,M]=(0,R.useState)(null),[N,P]=(0,R.useState)(``),[F,I]=(0,R.useState)(``),[L,V]=(0,R.useState)(0),H=(0,R.useCallback)(()=>M(null),[]),U=(0,R.useCallback)(e=>{E(e);try{localStorage.setItem(`mint:library:grid-size`,e)}catch{}},[]);(0,R.useEffect)(()=>{let e=()=>V(e=>e+1);return window.addEventListener(`popstate`,e),()=>window.removeEventListener(`popstate`,e)},[]),(0,R.useEffect)(()=>{let e=setTimeout(()=>_(l),200);return()=>clearTimeout(e)},[l]),(0,R.useEffect)(()=>{r.setQuery({kind:s||void 0,search:g,chatId:v===`session`?e:void 0,trashed:S})},[s,g,v,e,S,r]),(0,R.useEffect)(()=>{let e=()=>{r.refresh()};return window.addEventListener(`focus`,e),()=>window.removeEventListener(`focus`,e)},[r]),(0,R.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,R.useEffect)(()=>{let e=new URLSearchParams(location.search),t=e.get(`item`),n=!0;return k(null),M(null),P(``),w(e.get(`trash`)===`1`),t&&(c(``),h(``),x(`all`),u.getLibraryItem(t).then(e=>{n&&(k(e),e.deletedAt?w(!0):e.availability===`ready`&&M(e))}).catch(e=>{n&&P(String(e))})),()=>{n=!1}},[L]);async function W(e){I(e.id),P(``);try{await C(e.id,e.name)}catch(e){P(String(e))}finally{I(``)}}async function G(e){await r.setTrashed(e.id,!S),!r.getSnapshot().actionError&&D?.id===e.id&&k(null)}async function K(e){await r.remove(e.id),!r.getSnapshot().actionError&&D?.id===e.id&&k(null)}let q=D&&!!D.deletedAt===S&&!a.items.some(e=>e.id===D.id)&&!l&&!s&&v===`all`?[D,...a.items]:a.items,J=l||s||v===`session`;return(0,z.jsxs)(`section`,{className:`library-page`,"aria-label":`Library`,children:[(0,z.jsxs)(`div`,{className:`library-content`,children:[(0,z.jsxs)(`header`,{className:`library-header`,children:[(0,z.jsxs)(`div`,{children:[(0,z.jsxs)(`div`,{className:`library-eyebrow`,children:[(0,z.jsx)(m,{size:16}),`Your files`]}),(0,z.jsx)(`h1`,{children:`Library`}),(0,z.jsx)(`p`,{children:`Images, videos, and files from your conversations.`})]}),(0,z.jsxs)(`div`,{className:`library-header-actions`,children:[(0,z.jsx)(`button`,{type:`button`,"aria-label":`Refresh library`,disabled:a.loading,onClick:()=>{r.refresh()},children:(0,z.jsx)(p,{size:17})}),t&&(0,z.jsx)(`button`,{type:`button`,"aria-label":`Close library`,onClick:t,children:(0,z.jsx)(i,{size:18})})]})]}),(0,z.jsxs)(`div`,{className:`library-toolbar`,children:[(0,z.jsx)(`div`,{className:`library-filters`,role:`group`,"aria-label":`File type`,children:B.map(([e,t])=>(0,z.jsx)(`button`,{type:`button`,"data-filter":e||`all`,"aria-pressed":s===e,onClick:()=>c(e),children:t},e))}),(0,z.jsxs)(`div`,{className:`library-toolbar-actions`,children:[(s===`image`||s===`video`)&&(0,z.jsxs)(`div`,{className:`library-grid-sizes`,role:`group`,"aria-label":`Grid size`,children:[(0,z.jsxs)(`button`,{type:`button`,className:`library-size-toggle`,"data-grid-size":`normal`,"aria-pressed":T===`normal`,title:`Normal grid (3-4 columns)`,"aria-label":`Normal grid`,onClick:()=>U(`normal`),children:[(0,z.jsx)(d,{size:15}),(0,z.jsx)(`span`,{children:`Normal`})]}),(0,z.jsxs)(`button`,{type:`button`,className:`library-size-toggle`,"data-grid-size":`large`,"aria-pressed":T===`large`,title:`Large grid (2-3 columns)`,"aria-label":`Large grid`,onClick:()=>U(`large`),children:[(0,z.jsx)(f,{size:15}),(0,z.jsx)(`span`,{children:`Large`})]})]}),(0,z.jsxs)(`button`,{type:`button`,className:`library-trash-toggle`,"data-view":S?`active`:`trash`,"aria-pressed":S,onClick:()=>w(e=>!e),children:[S?(0,z.jsx)(m,{size:15}):(0,z.jsx)(y,{size:15}),` `,S?`Back to library`:`Trash`]})]})]}),(0,z.jsxs)(`div`,{className:`library-search-row`,children:[(0,z.jsxs)(`label`,{className:`library-search`,children:[(0,z.jsx)(o,{size:16}),(0,z.jsx)(`input`,{type:`search`,placeholder:`Search filenames`,"aria-label":`Search filenames`,value:l,onChange:e=>h(e.target.value)})]}),e&&(0,z.jsxs)(`select`,{"aria-label":`Conversation scope`,value:v,onChange:e=>x(e.target.value),children:[(0,z.jsx)(`option`,{value:`all`,children:`All conversations`}),(0,z.jsx)(`option`,{value:`session`,children:`Current conversation`})]})]}),S&&(0,z.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,z.jsxs)(`div`,{className:`library-error`,role:`alert`,children:[(0,z.jsx)(`span`,{children:a.error}),(0,z.jsx)(`button`,{type:`button`,onClick:()=>{r.refresh()},children:`Retry`})]}),(a.actionError||N)&&(0,z.jsx)(`p`,{className:`library-action-error`,role:`alert`,children:a.actionError||N}),a.loading&&!a.items.length?(0,z.jsx)(`p`,{className:`library-empty`,role:`status`,children:`Loading library…`}):!q.length&&!a.error?(0,z.jsxs)(`div`,{className:`library-empty`,children:[(0,z.jsx)(m,{size:30}),(0,z.jsx)(`h2`,{children:J?`No files match these filters`:S?`Trash is empty`:`Your library starts here`}),(0,z.jsx)(`p`,{children:S?`Files you move to Trash can be restored here.`:`Send an image, video, or file in a conversation to keep it here.`})]}):null,(0,z.jsx)(`div`,{className:`library-items ${s===`image`||s===`video`?`is-grid is-grid-${T}`:``}`,children:q.map(e=>(0,z.jsx)(O,{item:e,linked:D?.id===e.id,trashed:S,actionPending:!!a.actionId,downloadPending:!!F,onPreview:M,onDownload:W,onMove:G,onRemove:K},e.id))}),a.nextCursor&&(0,z.jsx)(`button`,{type:`button`,className:`library-load-more`,disabled:a.loading,onClick:()=>{r.loadMore()},children:a.loading?`Loading…`:`Load more`})]}),A&&(0,z.jsx)(j,{item:A,onClose:H,onOpenConversation:n})]})}var R,z,B;t((()=>{R=e(n()),l(),h(),x(),T(),A(),F(),I(),z=r(),B=[[``,`All`],[`image`,`Images`],[`video`,`Videos`],[`file`,`Files`]]}))();export{L as default};

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

package/out/web/assets/{McpRegistryPicker-CoS83vtc.js → McpRegistryPicker-DnXPlzI7.js}

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

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

@@ -0,0 +1,2 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/mermaid.core-CsDDodN8.js","assets/rolldown-runtime-CNOWq4Kh.js","assets/index-BocxnrDG.js","assets/jsx-runtime-DmUwWVTj.js","assets/index-yeh_r55a.css","assets/chunk-Y2CYZVJY-BxCWjNVG.js","assets/src-CRDfRlHM.js","assets/chunk-DU6HZSFF-DK-As3rk.js","assets/chunk-PWAF6VOD-CrEgDsxh.js","assets/chunk-75Z2AOVW-BszTQoM4.js","assets/dist-9ISJ7r-g.js","assets/chunk-GMAD6QVW-DSQ_sDRJ.js","assets/chunk-P2QGCYS3-_066ndhH.js","assets/chunk-4HAMMTFA-Dx5fk1_0.js","assets/rough.esm-CNnFptCR.js","assets/chunk-GVQU2GXP-Cno3ulje.js","assets/chunk-OSK3NFVY-BaUGJ-cM.js","assets/graphlib-Bh9gHply.js","assets/chunk-L3NEJ4N5-Dl6eOa0D.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-BocxnrDG.js";import{N as c,P as l}from"./MintDashboard-C_UYPoNV.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,l]=(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-CsDDodN8.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)(c,{code:e,language:`mermaid`}):(0,_.jsxs)(`div`,{style:{background:`var(--bg-surface-soft)`,color:`var(--text-primary)`,borderRadius:`var(--radius-xl, 18px)`,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),l(!0),setTimeout(()=>l(!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(),l(),_=r(),o(),v=0,y=Promise.resolve(),b=new Map,x=null,S=new Set}))();export{h as default,m as subscribeThemeChanges};