@mcp-graph-workflow/mcp-graph 5.22.0 → 5.25.0

package/dist/web/dashboard/dist/assets/memories-tab-BHOvEW0o.js

@@ -1 +0,0 @@
-import{r as i,a as j,j as e}from"./index-DSPPavjF.js";function b(s){const c=[];for(const l of s){const r=l.name.split("/");let a=c;for(let o=0;o<r.length;o++){const t=r[o],d=r.slice(0,o+1).join("/"),x=o===r.length-1;let n=a.find(u=>u.name===t);n||(n={name:t,path:d,children:[]},x&&(n.memory=l),a.push(n)),x&&!n.memory&&(n.memory=l),a=n.children}}return c}function C(){const[s,c]=i.useState([]),[l,r]=i.useState(null),[a,o]=i.useState(null),[t,d]=i.useState(!0),x=i.useCallback(async()=>{try{d(!0);const n=await j.getMemories().catch(()=>[]);c(n)}catch(n){o(n instanceof Error?n.message:"Failed to load")}finally{d(!1)}},[]);return i.useEffect(()=>{x()},[x]),t?e.jsxs("div",{className:"h-full flex",children:[e.jsxs("div",{className:"w-64 border-r border-edge bg-surface-alt p-2 space-y-2",children:[e.jsx("div",{className:"h-4 w-16 rounded bg-surface animate-pulse"}),e.jsx("div",{className:"h-6 w-full rounded bg-surface animate-pulse"}),Array.from({length:6}).map((n,u)=>e.jsx("div",{className:"h-4 rounded bg-surface animate-pulse",style:{width:`${50+Math.random()*40}%`,marginLeft:`${u%3*12}px`}},u))]}),e.jsx("div",{className:"flex-1 flex items-center justify-center text-muted text-xs",children:"Loading memories..."})]}):a?e.jsxs("div",{className:"flex items-center justify-center h-full text-danger",children:["Failed to load: ",a]}):e.jsxs("div",{className:"h-full flex flex-col",children:[e.jsxs("div",{className:"flex items-center gap-3 px-4 py-2 border-b border-edge bg-surface-alt",children:[e.jsx("h2",{className:"text-sm font-semibold",children:"Memories"}),e.jsx(N,{label:"Memories",active:s.length>0}),e.jsxs("span",{className:"text-[10px] text-muted",children:[s.length," memories"]})]}),e.jsxs("div",{className:"flex flex-1 min-h-0",children:[e.jsx(v,{memories:s,selectedMemory:l,onSelect:r}),e.jsx("div",{className:"flex-1 min-w-0 overflow-auto",children:e.jsx(y,{selectedMemory:l})})]})]})}function N({label:s,active:c}){const l=c?"var(--color-success)":"var(--color-text-muted)",r=c?"Active":"No data";return e.jsxs("span",{className:"text-[10px] font-medium px-2 py-0.5 rounded-full",style:{background:`${l}20`,color:l},children:[s,": ",r]})}function v({memories:s,selectedMemory:c,onSelect:l}){const[r,a]=i.useState(""),[o,t]=i.useState(!1),[d,x]=i.useState(new Set),n=i.useMemo(()=>{if(!r.trim())return s;const m=r.toLowerCase();return s.filter(p=>p.name.toLowerCase().includes(m))},[s,r]),u=i.useMemo(()=>b(n),[n]),g=i.useCallback(m=>{x(p=>{const f=new Set(p);return f.has(m)?f.delete(m):f.add(m),f})},[]);return o?e.jsx("div",{className:"w-8 border-r border-edge bg-surface-alt flex flex-col items-center pt-2",children:e.jsx("button",{onClick:()=>t(!1),className:"text-[10px] text-muted hover:text-foreground rotate-90",title:"Expand file explorer",children:"Files"})}):e.jsxs("div",{className:"w-64 border-r border-edge bg-surface-alt flex flex-col overflow-hidden",children:[e.jsxs("div",{className:"flex items-center justify-between px-2 py-1.5 border-b border-edge",children:[e.jsx("span",{className:"text-[10px] font-semibold text-muted uppercase tracking-wider",children:"Files"}),e.jsx("button",{onClick:()=>t(!0),className:"text-[10px] text-muted hover:text-foreground",title:"Collapse",children:"✕"})]}),e.jsx("div",{className:"px-2 py-1.5 border-b border-edge",children:e.jsx("input",{type:"text",value:r,onChange:m=>a(m.target.value),placeholder:"Search files...",className:"w-full text-[11px] px-2 py-1 rounded bg-surface border border-edge focus:outline-none focus:border-accent"})}),e.jsx("div",{className:"flex-1 overflow-y-auto text-[11px]",children:s.length===0?e.jsx("div",{className:"px-2 py-4 text-center text-muted",children:"No memories"}):e.jsx(h,{nodes:u,depth:0,expandedPaths:d,onToggle:g,selectedMemory:c,onSelect:l})})]})}function h({nodes:s,depth:c,expandedPaths:l,onToggle:r,selectedMemory:a,onSelect:o}){return e.jsx(e.Fragment,{children:s.map(t=>{const d=t.children.length>0,x=l.has(t.path),n=t.memory!=null&&(a==null?void 0:a.name)===t.memory.name;return e.jsxs("div",{children:[e.jsxs("button",{onClick:()=>{d&&r(t.path),t.memory&&o(t.memory)},className:`w-full text-left px-2 py-0.5 flex items-center gap-1 hover:bg-surface-elevated transition-colors cursor-pointer ${n?"bg-accent15 text-accent":"text-foreground"}`,style:{paddingLeft:`${c*12+8}px`},children:[d?e.jsx("span",{className:"w-3 text-[9px] text-muted",children:x?"▾":"▸"}):e.jsx("span",{className:"w-3 text-[9px] text-muted",children:"·"}),e.jsx("span",{className:"truncate",children:t.name})]}),d&&x&&e.jsx(h,{nodes:t.children,depth:c+1,expandedPaths:l,onToggle:r,selectedMemory:a,onSelect:o})]},t.path)})})}function y({selectedMemory:s}){const[c,l]=i.useState(!1);if(!s)return e.jsx("div",{className:"flex items-center justify-center h-full text-muted",children:e.jsxs("div",{className:"text-center",children:[e.jsx("p",{className:"text-sm mb-1",children:"Select a memory from the explorer"}),e.jsx("p",{className:"text-xs text-muted/60",children:"Project memories appear as navigable files"})]})});const r=()=>{navigator.clipboard.writeText(s.content),l(!0),setTimeout(()=>l(!1),2e3)},a=s.name.split("/");return e.jsxs("div",{className:"p-4",children:[e.jsxs("div",{className:"flex items-center gap-1 mb-2 text-[10px] text-muted",children:[e.jsx("span",{children:"memories"}),a.map((o,t)=>e.jsxs("span",{className:"flex items-center gap-1",children:[e.jsx("span",{children:"/"}),e.jsx("span",{className:t===a.length-1?"text-foreground font-medium":"",children:o})]},t))]}),e.jsxs("div",{className:"flex items-center justify-between mb-3 pb-2 border-b border-edge",children:[e.jsx("span",{className:"text-sm font-semibold",children:a[a.length-1]}),e.jsx("button",{onClick:r,className:`text-[10px] px-2 py-0.5 rounded border transition-all cursor-pointer ${c?"border-green-500/30 text-green-500 bg-green-500/5":"border-edge text-muted hover:text-foreground"}`,children:c?"Copied!":"Copy"})]}),e.jsx("pre",{className:"text-xs whitespace-pre-wrap text-muted font-mono leading-relaxed",children:s.content})]})}export{C as MemoriesTab};