@visulima/vis 1.0.0-alpha.11 → 1.0.0-alpha.13

package/dist/packem_chunks/handler37.js

@@ -1,762 +1,428 @@
-import { createRequire as __cjs_createRequire } from "node:module";
+var oe=Object.defineProperty;var E=(o,e)=>oe(o,"name",{value:e,configurable:!0});import{createRequire as ie}from"node:module";import{dim as k,bold as S,cyan as z}from"@visulima/colorize";import{projectGraphToDot as ce}from"@visulima/task-runner";import{Box as i,Text as t,ScrollView as ae,ScrollBar as pe,useApp as he,useWindowSize as ue,useInput as fe,Dialog as ge,render as me}from"@visulima/tui";import{an as W,k as xe,y as be,s as ye}from"./bin.js";import we,{useSyncExternalStore as ve,useState as O,useRef as q,useMemo as _,useCallback as U,useEffect as Ce}from"react";import{jsx as n,jsxs as r}from"react/jsx-runtime";const le=ie(import.meta.url),I=typeof globalThis<"u"&&typeof globalThis.process<"u"?globalThis.process:process,de=E(o=>{if(typeof I<"u"&&I.versions&&I.versions.node){const[e,l]=I.versions.node.split(".").map(Number);if(e>22||e===22&&l>=3||e===20&&l>=16)return I.getBuiltinModule(o)}return le(o)},"__cjs_getBuiltinModule"),{writeFileSync:se}=de("node:fs");var Ae=Object.defineProperty,$=E((o,e)=>Ae(o,"name",{value:e,configurable:!0}),"n");const ke=$(o=>{const e=new Map;for(const[l,d]of Object.entries(o.dependencies))for(const c of d){const s=e.get(c.target)??[];s.push(l),e.set(c.target,s)}return Object.values(o.nodes).map(l=>({deps:o.dependencies[l.name]??[],name:l.name,reverseDeps:e.get(l.name)??[],type:l.type})).sort((l,d)=>l.type!==d.type?l.type==="application"?-1:1:l.name.localeCompare(d.name))},"buildNodes"),Ee=$((o,e,l)=>{let d=o;if(e==="app"?d=d.filter(c=>c.type==="application"):e==="lib"&&(d=d.filter(c=>c.type!=="application")),l){const c=l.toLowerCase();d=d.filter(s=>s.name.toLowerCase().includes(c))}return d},"filterNodes");class Me{static{E(this,"GraphStore")}static{$(this,"GraphStore")}#e;#n=new Set;#r;constructor(e){this.#r=e;const l=ke(e);this.#e={allNodes:l,filterActive:!1,filterText:"",filterType:"all",focusedPanel:"list",selectedIndex:0}}getSnapshot=$(()=>this.#e,"getSnapshot");subscribe=$(e=>(this.#n.add(e),()=>{this.#n.delete(e)}),"subscribe");getFilteredNodes(){return Ee(this.#e.allNodes,this.#e.filterType,this.#e.filterText)}getStats(){const e=this.#e.allNodes.filter(c=>c.type==="application").length,l=this.#e.allNodes.length,d=Object.values(this.#r.dependencies).reduce((c,s)=>c+s.length,0);return{apps:e,deps:d,libs:l-e,total:l}}setSelectedIndex(e){const l=this.getFilteredNodes(),d=l.length===0?-1:Math.max(0,Math.min(e,l.length-1));d!==this.#e.selectedIndex&&this.#t({...this.#e,selectedIndex:d})}setFocusedPanel(e){e!==this.#e.focusedPanel&&this.#t({...this.#e,focusedPanel:e})}setFilterType(e){e!==this.#e.filterType&&this.#t({...this.#e,filterType:e,selectedIndex:0})}setFilter(e){this.#t({...this.#e,filterText:e,selectedIndex:0})}setFilterActive(e){e!==this.#e.filterActive&&this.#t({...this.#e,filterActive:e,filterText:e?this.#e.filterText:"",selectedIndex:e?this.#e.selectedIndex:0})}#t(e){this.#e=e;for(const l of this.#n)try{l()}catch{}}}var Te=Object.defineProperty,Se=E((o,e)=>Te(o,"name",{value:e,configurable:!0}),"p");const je=Se(({focused:o,node:e,scrollRef:l})=>{const d=o?"white":"gray";if(!e)return n(i,{alignItems:"center",borderColor:"gray",borderStyle:"single",flexDirection:"column",flexGrow:1,justifyContent:"center",children:n(t,{dimColor:!0,children:"No project selected"})});const c=e.type==="application",s=c?"yellow":"cyan",u=c?"Application":"Library";return n(i,{borderColor:d,borderStyle:"single",borderTopRightTitle:` ${u} `,borderTopTitle:` ${e.name} `,flexDirection:"column",flexGrow:1,children:r(ae,{flexGrow:1,flexShrink:1,paddingX:2,ref:l,scrollbar:!0,scrollbarColor:"gray",children:[r(i,{flexDirection:"column",marginTop:1,children:[r(i,{children:[n(t,{dimColor:!0,children:"── "}),n(t,{bold:!0,color:"white",children:"DEPENDS ON"}),r(t,{dimColor:!0,children:[" ","(",e.deps.length,")"]})]}),e.deps.length===0?n(i,{marginTop:1,paddingLeft:2,children:n(t,{dimColor:!0,children:"No dependencies"})}):n(i,{flexDirection:"column",marginTop:1,children:e.deps.map(a=>r(i,{gap:1,paddingLeft:2,children:[n(t,{color:"cyan",children:"→"}),n(t,{children:a.target}),a.type!=="static"&&r(t,{dimColor:!0,children:["(",a.type,")"]})]},a.target))})]}),r(i,{flexDirection:"column",marginTop:1,children:[r(i,{children:[n(t,{dimColor:!0,children:"── "}),n(t,{bold:!0,color:"white",children:"REQUIRED BY"}),r(t,{dimColor:!0,children:[" ","(",e.reverseDeps.length,")"]})]}),e.reverseDeps.length===0?n(i,{marginTop:1,paddingLeft:2,children:n(t,{dimColor:!0,children:"No reverse dependencies"})}):n(i,{flexDirection:"column",marginTop:1,children:e.reverseDeps.map(a=>r(i,{gap:1,paddingLeft:2,children:[n(t,{color:"magenta",children:"←"}),n(t,{children:a})]},a))})]}),r(i,{flexDirection:"column",marginTop:1,children:[r(i,{children:[n(t,{dimColor:!0,children:"── "}),n(t,{bold:!0,color:"white",children:"INFO"})]}),r(i,{flexDirection:"column",marginTop:1,paddingLeft:2,children:[r(i,{children:[n(i,{width:16,children:n(t,{dimColor:!0,children:"Type:"})}),n(t,{color:s,children:u})]}),r(i,{children:[n(i,{width:16,children:n(t,{dimColor:!0,children:"Dependencies:"})}),n(t,{children:String(e.deps.length)})]}),r(i,{children:[n(i,{width:16,children:n(t,{dimColor:!0,children:"Required by:"})}),n(t,{children:String(e.reverseDeps.length)})]}),r(i,{children:[n(i,{width:16,children:n(t,{dimColor:!0,children:"Connectivity:"})}),n(t,{children:String(e.deps.length+e.reverseDeps.length)})]})]})]})]})})},"ProjectDetailPanel");var De=Object.defineProperty,B=E((o,e)=>De(o,"name",{value:e,configurable:!0}),"g");const Ne=[{key:"all",label:"All",shortcut:"1"},{key:"app",label:"Apps",shortcut:"2"},{key:"lib",label:"Libs",shortcut:"3"}],Y=B(({isSelected:o,node:e})=>{const l=e.type==="application",d=l?"yellow":"cyan",c=l?"app":"lib";return r(i,{flexShrink:0,height:1,children:[r(t,{children:[o?"▶":" "," "]}),n(i,{flexGrow:1,children:n(t,{bold:o,inverse:o,wrap:"truncate",children:e.name})}),r(t,{color:d,children:[" ",c]}),r(t,{dimColor:!0,children:[" ","→",e.deps.length," ","←",e.reverseDeps.length]})]})},"ProjectRow"),X=B(({count:o,label:e})=>r(i,{flexShrink:0,height:1,marginTop:1,children:[r(t,{dimColor:!0,children:["▼"," "]}),n(t,{bold:!0,color:"white",children:e.toUpperCase()}),r(t,{dimColor:!0,children:[" ","(",o,")"]})]}),"TypeHeader"),Ie=B(({filterActive:o,filterText:e,filterType:l,focused:d,nodes:c,scrollOffset:s,selectedIndex:u,stats:a,viewportHeight:y})=>{const g=d?"white":"gray",v=c.filter(w=>w.type==="application"),h=c.filter(w=>w.type!=="application"),f=[];let x=0;if(v.length>0){f.push(n(X,{count:v.length,label:"Applications"},"hdr-apps"));for(const w of v){const A=x;f.push(n(Y,{isSelected:A===u,node:w},w.name)),x++}}if(h.length>0){f.push(n(X,{count:h.length,label:"Libraries"},"hdr-libs"));for(const w of h){const A=x;f.push(n(Y,{isSelected:A===u,node:w},w.name)),x++}}let C=0;v.length>0&&(C+=2+v.length),h.length>0&&(C+=2+h.length);const M=C>y&&y>0;return r(i,{borderColor:g,borderStyle:"single",flexDirection:"column",flexGrow:1,children:[r(i,{flexShrink:0,gap:1,paddingX:1,children:[n(t,{bold:!0,inverse:!0,children:" VIS "}),r(t,{wrap:"truncate",children:[a.total," ","packages"]}),r(t,{dimColor:!0,children:["(",a.apps," ","apps,"," ",a.libs," ","libs,"," ",a.deps," ","deps)"]})]}),n(i,{flexShrink:0,gap:1,paddingX:1,paddingY:1,children:Ne.map(w=>{const A=l===w.key;return r(i,{children:[n(t,{dimColor:!A,children:"["}),n(t,{bold:A,color:A?"cyan":"gray",children:w.shortcut}),n(t,{dimColor:!A,children:"]"}),r(t,{color:A?"white":"gray",children:[" ",w.label]})]},w.key)})}),o&&r(i,{flexShrink:0,paddingX:1,children:[n(t,{bold:!0,color:"white",children:"/ "}),n(t,{children:e}),n(t,{inverse:!0,children:" "})]}),r(i,{flexDirection:"row",flexGrow:1,overflow:"hidden",children:[n(i,{flexDirection:"column",flexGrow:1,overflow:"hidden",paddingLeft:1,children:n(i,{flexDirection:"column",marginTop:-s,children:f})}),M&&n(i,{flexShrink:0,marginLeft:1,marginRight:1,children:n(pe,{contentHeight:C,placement:"inset",scrollOffset:s,style:"block",viewportHeight:y})})]})]})},"ProjectListPanel");var $e=Object.defineProperty,Pe=E((o,e)=>$e(o,"name",{value:e,configurable:!0}),"M$1");const Le=100,Oe=40,Be=10,J={1:"all",2:"app",3:"lib"},Re=Pe(({autoExitSeconds:o=0,store:e})=>{const{exit:l}=he(),{columns:d,rows:c}=ue(),s=ve(e.subscribe,e.getSnapshot),[u,a]=O(!1),y=q(null),g=q(null),[v,h]=O(0),[f,x]=O(!1),C=_(()=>e.getFilteredNodes(),[s.allNodes,s.filterType,s.filterText]),M=_(()=>e.getStats(),[s.allNodes]),w=C[s.selectedIndex]??null,A=U(m=>{const p=C.filter(T=>T.type==="application"),b=C.filter(T=>T.type!=="application");let j=0,L=0;if(p.length>0){j+=2;for(let T=0;T<p.length;T++){if(L===m)return j;j+=1,L++}}if(b.length>0){j+=2;for(let T=0;T<b.length;T++){if(L===m)return j;j+=1,L++}}return j},[C]),P=Math.max(1,c-8-(s.filterActive?1:0)),N=U(m=>{const p=A(m);h(b=>p>b+P-2?Math.max(0,p-P+2):p<b+1?Math.max(0,p-1):b)},[A,P]);if(Ce(()=>{g.current?.scrollToTop()},[w?.name]),fe((m,p)=>{if(m==="c"&&p.ctrl){l();return}if(!f){if(u){p.escape||m==="?"?a(!1):m==="q"?(a(!1),x(!0)):p.downArrow||m==="j"?y.current?.scrollBy(1):(p.upArrow||m==="k")&&y.current?.scrollBy(-1);return}if(m==="?"){a(!0);return}if(m==="q"){x(!0);return}if(p.tab){e.setFocusedPanel(s.focusedPanel==="list"?"detail":"list");return}if(J[m]){e.setFilterType(J[m]);return}if(s.filterActive){if(p.escape){e.setFilterActive(!1);return}if(p.return){e.setFilterActive(!1);return}if(p.backspace){e.setFilter(s.filterText.slice(0,-1));return}if(m&&!p.ctrl&&!p.meta){e.setFilter(s.filterText+m);return}return}if(s.focusedPanel==="list"){if(C.length===0){m==="/"&&e.setFilterActive(!0);return}if(p.downArrow||m==="j"){const b=Math.min(s.selectedIndex+1,C.length-1);e.setSelectedIndex(b),N(b);return}if(p.upArrow||m==="k"){const b=Math.max(s.selectedIndex-1,0);e.setSelectedIndex(b),N(b);return}if(p.pageDown){const b=Math.min(s.selectedIndex+10,C.length-1);e.setSelectedIndex(b),N(b);return}if(p.pageUp){const b=Math.max(s.selectedIndex-10,0);e.setSelectedIndex(b),N(b);return}if(p.home){e.setSelectedIndex(0),h(0);return}if(p.end){const b=C.length-1;e.setSelectedIndex(b),N(b);return}if(m==="/"){e.setFilterActive(!0);return}if(p.rightArrow){e.setFocusedPanel("detail");return}return}if(s.focusedPanel==="detail"){if(p.escape||p.leftArrow){e.setFocusedPanel("list");return}if(p.downArrow||m==="j"){g.current?.scrollBy(1);return}if(p.upArrow||m==="k"){g.current?.scrollBy(-1);return}if(p.pageDown){g.current?.scrollBy(10);return}if(p.pageUp){g.current?.scrollBy(-10);return}if(p.home){g.current?.scrollToTop();return}p.end&&g.current?.scrollToBottom()}}},{isActive:!0}),d<Oe||c<Be)return n(i,{alignItems:"center",height:c,justifyContent:"center",width:d,children:r(t,{color:"yellow",children:["Terminal too small (",d,"x",c,")"]})});const ne=d>=Le,R=n(i,{borderBottom:!1,borderColor:"gray",borderLeft:!1,borderRight:!1,borderStyle:"single",flexShrink:0,children:r(i,{flexWrap:"wrap",gap:2,paddingX:1,children:[r(i,{gap:1,children:[n(t,{bold:!0,color:"white",children:"q"}),n(t,{dimColor:!0,children:"QUIT"})]},"q"),r(i,{gap:1,children:[n(t,{bold:!0,color:"white",children:"?"}),n(t,{dimColor:!0,children:"HELP"})]},"?"),r(i,{gap:1,children:[n(t,{bold:!0,color:"white",children:"↑↓"}),n(t,{dimColor:!0,children:"NAV"})]},"nav"),r(i,{gap:1,children:[n(t,{bold:!0,color:"white",children:"1-3 /"}),n(t,{dimColor:!0,children:"FILTER"})]},"f"),r(i,{gap:1,children:[n(t,{bold:!0,color:"white",children:"Tab"}),n(t,{dimColor:!0,children:"PANEL"})]},"t")]})}),F=r(ge,{footer:r(t,{dimColor:!0,children:[n(t,{bold:!0,color:"white",children:"↑↓"})," ","scroll"," ",n(t,{bold:!0,color:"white",children:"?"}),"/",n(t,{bold:!0,color:"white",children:"Esc"})," ","close"]}),scrollRef:y,title:"KEYBOARD SHORTCUTS",visible:u,width:52,children:[r(i,{flexDirection:"column",marginBottom:1,children:[r(i,{marginBottom:1,children:[n(t,{dimColor:!0,children:"── "}),n(t,{bold:!0,color:"white",children:"NAVIGATION"})]}),r(i,{children:[n(i,{width:24,children:r(t,{children:[r(t,{bold:!0,color:"white",children:[" ","↑","/k"]}),n(t,{dimColor:!0,children:" Move up"})]})}),r(t,{children:[r(t,{bold:!0,color:"white",children:[" ","↓","/j"]}),n(t,{dimColor:!0,children:" Move down"})]})]}),r(t,{children:[r(t,{bold:!0,color:"white",children:[" ","Tab"]}),n(t,{dimColor:!0,children:" Switch panel"})]}),r(t,{children:[r(t,{bold:!0,color:"white",children:[" ","→","/","←"]}),n(t,{dimColor:!0,children:" Focus detail/list"})]}),r(t,{children:[r(t,{bold:!0,color:"white",children:[" ","PgUp/PgDn"]}),n(t,{dimColor:!0,children:" Jump 10 items"})]}),r(t,{children:[r(t,{bold:!0,color:"white",children:[" ","Home/End"]}),n(t,{dimColor:!0,children:" Jump to start/end"})]})]}),r(i,{flexDirection:"column",marginBottom:1,children:[r(i,{marginBottom:1,children:[n(t,{dimColor:!0,children:"── "}),n(t,{bold:!0,color:"white",children:"FILTERS"})]}),r(i,{children:[n(i,{width:24,children:r(t,{children:[r(t,{bold:!0,color:"white",children:[" ","1"]}),n(t,{dimColor:!0,children:" All"})]})}),r(t,{children:[r(t,{bold:!0,color:"white",children:[" ","2"]}),n(t,{dimColor:!0,children:" Apps only"})]})]}),r(t,{children:[r(t,{bold:!0,color:"white",children:[" ","3"]}),n(t,{dimColor:!0,children:" Libraries only"})]}),r(t,{children:[r(t,{bold:!0,color:"white",children:[" ","/"]}),n(t,{dimColor:!0,children:" Text filter"})]})]}),r(i,{flexDirection:"column",children:[r(i,{marginBottom:1,children:[n(t,{dimColor:!0,children:"── "}),n(t,{bold:!0,color:"white",children:"ACTIONS"})]}),r(t,{children:[r(t,{bold:!0,color:"white",children:[" ","q"]}),n(t,{dimColor:!0,children:" Quit"})]}),r(t,{children:[r(t,{bold:!0,color:"white",children:[" ","?"]}),n(t,{dimColor:!0,children:" Toggle help"})]})]})]}),H=n(Ie,{filterActive:s.filterActive,filterText:s.filterText,filterType:s.filterType,focused:s.focusedPanel==="list",nodes:C,scrollOffset:v,selectedIndex:s.selectedIndex,stats:M,viewportHeight:P}),G=n(je,{focused:s.focusedPanel==="detail",node:w,scrollRef:g});if(ne){const m=Math.floor(d*.35);return r(i,{flexDirection:"column",height:c,width:d,children:[r(i,{flexDirection:"row",flexGrow:1,children:[n(i,{flexGrow:1,children:H}),n(i,{width:m,children:G})]}),R,n(W,{autoExitSeconds:o??3,onCancel:E(()=>{x(!1)},"onCancel"),visible:f}),F]})}const re=Math.floor(c*.55);return r(i,{flexDirection:"column",height:c,width:d,children:[n(i,{height:re,children:H}),n(i,{flexGrow:1,children:G}),R,n(W,{autoExitSeconds:o??3,onCancel:E(()=>{x(!1)},"onCancel"),visible:f}),F]})},"VisGraphApp");var V=Object.freeze,ee=Object.defineProperty,D=E((o,e)=>ee(o,"name",{value:e,configurable:!0}),"x"),Fe=E((o,e)=>V(ee(o,"raw",{value:V(e||o.slice())})),"C");const te=D((o,e,l,d,c,s,u,a)=>{const y=l?k("└── "):k("├── "),g=c.has(o),v=g?k(" (*)"):"",h=d.get(o),f=h?.type==="application"?S(o):o;if(s.push(`${e}${y}${f}${v}`),g)return;c.add(o);const x=h?.deps??[],C=l?`${e}    `:`${e}${k("│")}   `;if(a>=u&&x.length>0){s.push(`${C}${k(`... ${x.length} more`)}`);return}for(let M=0;M<x.length;M++){const w=x[M];w&&te(w.target,C,M===x.length-1,d,c,s,u,a+1)}},"printDepsTree"),Q=D((o,e,l,d,c,s)=>{const u=e.get(o),a=u?.type==="application"?S(o):o;d.push(`${s}${a}`),l.add(o);const y=u?.deps??[];if(y.length===0){d.push(`${s}  ${k("(no dependencies)")}`);return}if(c<=0){d.push(`${s}  ${k(`... ${y.length} dependencies`)}`);return}for(let g=0;g<y.length;g++){const v=y[g];v&&te(v.target,s,g===y.length-1,e,l,d,c,1)}},"printRootProject"),K=D((o,e)=>{const l=new Map;for(const[h,f]of Object.entries(o.nodes))l.set(h,{deps:(o.dependencies[h]??[]).map(x=>({target:x.target,type:x.type})),name:h,type:f.type});const d=[],c=[];for(const[h,f]of l)f.type==="application"?d.push(h):c.push(h);d.sort(),c.sort();const s=d.length+c.length,u=Object.values(o.dependencies).reduce((h,f)=>h+f.length,0),a=[S("Project Dependency Graph"),""];if(d.length>0){a.push(` ${S(z(`Applications (${d.length})`))}`,"");for(const h of d)Q(h,l,new Set,a,e,"  "),a.push("")}if(c.length>0){a.push(` ${S(z(`Libraries (${c.length})`))}`,"");for(const h of c)Q(h,l,new Set,a,e,"  "),a.push("")}const y=process.stdout.columns||80;a.push(k("─".repeat(Math.min(y,60)))),a.push(`${S(String(s))} packages ${k("·")} ${S(String(u))} dependencies ${k("·")} ${S(String(d.length))} apps${k(",")} ${S(String(c.length))} libraries`);const g=new Set;let v=!1;for(const h of[...d,...c]){const f=l.get(h)?.deps??[];for(const x of f)g.has(x.target)&&(v=!0),g.add(x.target);g.add(h)}return v&&a.push(k("(*) = already shown above")),a.join(`
+`)},"projectGraphToAscii"),He=D(o=>{const e=Object.values(o.nodes).map(l=>({name:l.name,type:l.type}));return{edges:Object.values(o.dependencies).flat(),nodes:e}},"projectGraphToJson");var Z;const Ge=D(o=>{const e=Object.values(o.nodes).map(u=>({name:u.name,type:u.type})),l=[];for(const u of Object.values(o.dependencies))for(const a of u)l.push({source:a.source,target:a.target,type:a.type});const d=e.filter(u=>u.type==="application"),c=e.filter(u=>u.type!=="application"),s={apps:d.length,edges:l,libs:c.length,nodes:e};return String.raw(Z||(Z=Fe([`<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<title>Project Dependency Graph</title>
+<style>
+  * { margin: 0; padding: 0; box-sizing: border-box; }
+  body { font-family: system-ui, -apple-system, sans-serif; background: #0f172a; color: #e2e8f0; overflow: hidden; }
+  svg { width: 100vw; height: 100vh; }
+  .edge { fill: none; marker-end: url(#arrow); }
+  .node rect { rx: 8; ry: 8; cursor: pointer; transition: stroke-width 0.15s; }
+  .node text { font-size: 12px; font-weight: 600; pointer-events: none; }
+  .node:hover rect { stroke-width: 2.5; stroke: #fff; }
+  #info { position: fixed; top: 16px; right: 16px; background: #1e293b; padding: 14px 20px; border-radius: 10px; font-size: 13px; border: 1px solid #334155; box-shadow: 0 4px 12px rgba(0,0,0,0.3); }
+  #info b { font-variant-numeric: tabular-nums; }
+  .app-count { color: #fbbf24; }
+  .lib-count { color: #38bdf8; }
+  .dep-count { color: #a78bfa; }
+  #legend { position: fixed; bottom: 16px; left: 16px; background: #1e293b; padding: 12px 16px; border-radius: 10px; font-size: 12px; border: 1px solid #334155; display: flex; gap: 16px; align-items: center; }
+  .legend-dot { width: 12px; height: 12px; border-radius: 3px; display: inline-block; vertical-align: middle; margin-right: 6px; }
+  #tooltip { position: fixed; display: none; background: #1e293b; border: 1px solid #475569; border-radius: 8px; padding: 12px 16px; font-size: 12px; max-width: 320px; box-shadow: 0 8px 24px rgba(0,0,0,0.4); z-index: 10; pointer-events: none; }
+  #tooltip h3 { font-size: 14px; margin-bottom: 6px; }
+  #tooltip .type-badge { display: inline-block; padding: 1px 8px; border-radius: 4px; font-size: 10px; font-weight: 700; text-transform: uppercase; margin-left: 8px; }
+  #tooltip .dep-section { margin-top: 8px; color: #94a3b8; }
+  #tooltip ul { list-style: none; padding-left: 0; margin-top: 4px; }
+  #tooltip li { padding: 1px 0; color: #cbd5e1; }
+  #tooltip li::before { content: "92 "; color: #64748b; }
+</style>
+</head>
+<body>
+<div id="info">
+  <b class="app-count">`,`</b> apps &middot;
+  <b class="lib-count">`,`</b> libraries &middot;
+  <b class="dep-count">`,`</b> dependencies
+</div>
+<div id="legend">
+  <span><span class="legend-dot" style="background:#fbbf24"></span>Application</span>
+  <span><span class="legend-dot" style="background:#38bdf8"></span>Library</span>
+  <span style="color:#64748b">&mdash; solid = static &nbsp; - - - = implicit</span>
+</div>
+<div id="tooltip"></div>
+<svg id="graph">
+  <defs>
+    <marker id="arrow" viewBox="0 0 10 10" refX="10" refY="5" markerWidth="6" markerHeight="6" orient="auto">
+      <path d="M 0 0 L 10 5 L 0 10 z" fill="#64748b"/>
+    </marker>
+  </defs>
+</svg>
+<script>
+const data = `,`;
+const svg = document.getElementById('graph');
+const tooltip = document.getElementById('tooltip');
+const W = window.innerWidth, H = window.innerHeight;
 
-const __cjs_require = __cjs_createRequire(import.meta.url);
+// Build adjacency
+const depMap = {}, rdepMap = {};
+data.nodes.forEach(n => { depMap[n.name] = []; rdepMap[n.name] = []; });
+data.edges.forEach(e => { depMap[e.source]?.push(e.target); rdepMap[e.target]?.push(e.source); });
 
-const __cjs_getProcess = typeof globalThis !== "undefined" && typeof globalThis.process !== "undefined" ? globalThis.process : process;
+// Escape text for safe DOM insertion
+function esc(s) { const d = document.createElement('div'); d.textContent = s; return d.textContent; }
 
-const __cjs_getBuiltinModule = (module) => {
-    // Check if we're in Node.js and version supports getBuiltinModule
-    if (typeof __cjs_getProcess !== "undefined" && __cjs_getProcess.versions && __cjs_getProcess.versions.node) {
-        const [major, minor] = __cjs_getProcess.versions.node.split(".").map(Number);
-        // Node.js 20.16.0+ and 22.3.0+
-        if (major > 22 || (major === 22 && minor >= 3) || (major === 20 && minor >= 16)) {
-            return __cjs_getProcess.getBuiltinModule(module);
-        }
-    }
-    // Fallback to createRequire
-    return __cjs_require(module);
-};
+// Force-directed layout
+const repulsion = 5000 + data.nodes.length * 150;
+const nodes = data.nodes.map(n => ({
+  ...n, x: W/2 + (Math.random()-0.5)*Math.min(W*0.6, 600),
+  y: H/2 + (Math.random()-0.5)*Math.min(H*0.6, 400), vx: 0, vy: 0
+}));
+const nodeMap = new Map(nodes.map(n => [n.name, n]));
+const edges = data.edges.map(e => ({
+  source: nodeMap.get(e.source), target: nodeMap.get(e.target), type: e.type
+}));
 
-import { dim, bold, cyan } from '@visulima/colorize';
-import { join, dirname, relative, isAbsolute, sep, resolve } from '@visulima/path';
-const {
-  fileURLToPath
-} = __cjs_getBuiltinModule("node:url");
-import { isAccessibleSync, walkSync, ensureDirSync, writeFileSync } from '@visulima/fs';
-const {
-  createInterface
-} = __cjs_getBuiltinModule("node:readline");
-const {
-  mkdtempSync,
-  rmSync
-} = __cjs_getBuiltinModule("node:fs");
-const {
-  tmpdir
-} = __cjs_getBuiltinModule("node:os");
-import { downloadTemplate } from 'giget';
-import { p as pail } from './bin.js';
-const {
-  spawnSync
-} = __cjs_getBuiltinModule("node:child_process");
+for (let iter = 0; iter < 400; iter++) {
+  for (let i = 0; i < nodes.length; i++) {
+    for (let j = i+1; j < nodes.length; j++) {
+      let dx = nodes[j].x - nodes[i].x, dy = nodes[j].y - nodes[i].y;
+      let d = Math.sqrt(dx*dx + dy*dy) || 1;
+      let f = repulsion / (d * d);
+      nodes[i].vx -= dx/d * f; nodes[i].vy -= dy/d * f;
+      nodes[j].vx += dx/d * f; nodes[j].vy += dy/d * f;
+    }
+  }
+  edges.forEach(e => {
+    if (!e.source || !e.target) {
+        return;
+    }
+    let dx = e.target.x - e.source.x, dy = e.target.y - e.source.y;
+    let d = Math.sqrt(dx*dx + dy*dy) || 1;
+    let f = (d - 180) * 0.008;
+    e.source.vx += dx/d * f; e.source.vy += dy/d * f;
+    e.target.vx -= dx/d * f; e.target.vy -= dy/d * f;
+  });
+  nodes.forEach(n => {
+    n.vx += (W/2 - n.x) * 0.001; n.vy += (H/2 - n.y) * 0.001;
+    n.x += n.vx * 0.3; n.y += n.vy * 0.3;
+    n.vx *= 0.75; n.vy *= 0.75;
+    n.x = Math.max(80, Math.min(W-80, n.x));
+    n.y = Math.max(40, Math.min(H-40, n.y));
+  });
+}
 
-const NATIVE_EXTENSIONS = [".ts", ".mts", ".cts", ".js", ".mjs", ".cjs"];
-const TEMPLATE_YML = "template.yml";
-const BLOCKED_BASE_SUFFIXES = [".d", ".test", ".spec", ".config", ".bench", ".stories"];
-const BLOCKED_FULL_EXTENSIONS = [".d.ts", ".d.mts", ".d.cts", ".js.map", ".mjs.map", ".cjs.map", ".ts.map"];
-const stripExtension = (filename) => {
-  for (const ext of NATIVE_EXTENSIONS) {
-    if (filename.endsWith(ext)) {
-      return filename.slice(0, -ext.length);
-    }
-  }
-  return filename;
-};
-const isNativeFile = (filename) => {
-  if (BLOCKED_FULL_EXTENSIONS.some((ext) => filename.endsWith(ext))) {
-    return false;
-  }
-  if (!NATIVE_EXTENSIONS.some((ext) => filename.endsWith(ext))) {
-    return false;
-  }
-  const base = stripExtension(filename);
-  return !BLOCKED_BASE_SUFFIXES.some((suffix) => base.endsWith(suffix));
-};
-const scanNativeDirectory = (directory, source) => {
-  const results = [];
-  if (!isAccessibleSync(directory)) {
-    return results;
-  }
-  for (const entry of walkSync(directory, { includeDirs: false, includeSymlinks: false, maxDepth: 1 })) {
-    if (!isNativeFile(entry.name)) {
-      continue;
-    }
-    const name = stripExtension(entry.name);
-    results.push({
-      // Lazy loader — module is loaded only when the user picks the template.
-      load: () => loadNativeFromPath(entry.path),
-      name,
-      path: entry.path,
-      source
-    });
-  }
-  return results;
-};
-const scanMoonDirectory = (directory, source) => {
-  const results = [];
-  if (!isAccessibleSync(directory)) {
-    return results;
-  }
-  for (const entry of walkSync(directory, { includeFiles: false, includeSymlinks: false, maxDepth: 1 })) {
-    if (entry.path === directory) {
-      continue;
-    }
-    const yamlPath = join(entry.path, TEMPLATE_YML);
-    if (!isAccessibleSync(yamlPath)) {
-      continue;
-    }
-    results.push({
-      load: () => loadMoonFromPath(entry.path, entry.name),
-      name: entry.name,
-      path: entry.path,
-      source
-    });
-  }
-  return results;
-};
-const resolveBuiltinTemplatesDirectory = () => {
-  try {
-    const here = fileURLToPath(import.meta.url);
-    const candidate = join(dirname(here), "..", "..", "templates");
-    return isAccessibleSync(candidate) ? candidate : void 0;
-  } catch {
-    return void 0;
-  }
-};
-const discoverTemplates = (options) => {
-  const { extraDirectories = [], onWarning, workspaceRoot } = options;
-  const results = [];
-  results.push(...scanNativeDirectory(join(workspaceRoot, ".vis", "templates"), "native"));
-  results.push(...scanMoonDirectory(join(workspaceRoot, ".vis", "templates"), "moon"));
-  results.push(...scanMoonDirectory(join(workspaceRoot, ".moon", "templates"), "moon"));
-  for (const directory of extraDirectories) {
-    results.push(...scanMoonDirectory(directory, "config"));
-    results.push(...scanNativeDirectory(directory, "config"));
-  }
-  const builtinDirectory = resolveBuiltinTemplatesDirectory();
-  if (builtinDirectory) {
-    results.push(...scanMoonDirectory(builtinDirectory, "builtin"));
+// Measure text widths
+const measure = document.createElementNS('http://www.w3.org/2000/svg','text');
+measure.setAttribute('font-size','12'); measure.setAttribute('font-weight','600');
+measure.setAttribute('font-family','system-ui');
+svg.appendChild(measure);
+const widths = {};
+nodes.forEach(n => { measure.textContent = n.name; widths[n.name] = measure.getComputedTextLength(); });
+svg.removeChild(measure);
+
+// Render edges
+edges.forEach(e => {
+  if (!e.source || !e.target) {
+      return;
   }
-  const seen = /* @__PURE__ */ new Map();
-  for (const template of results) {
-    const existing = seen.get(template.name);
-    if (!existing) {
-      seen.set(template.name, template);
-      continue;
-    }
-    if (onWarning) {
-      onWarning(
-        `Template "${template.name}" exists in multiple sources — using ${existing.source} (${existing.path}), ignoring ${template.source} (${template.path}).`
-      );
+  const sw = (widths[e.source.name]||80)/2 + 12;
+  const tw = (widths[e.target.name]||80)/2 + 12;
+  const dx = e.target.x - e.source.x, dy = e.target.y - e.source.y;
+  const d = Math.sqrt(dx*dx+dy*dy)||1;
+  const x1 = e.source.x + dx/d*sw, y1 = e.source.y + dy/d*14;
+  const x2 = e.target.x - dx/d*tw, y2 = e.target.y - dy/d*14;
+  const line = document.createElementNS('http://www.w3.org/2000/svg','line');
+  line.setAttribute('x1',x1); line.setAttribute('y1',y1);
+  line.setAttribute('x2',x2); line.setAttribute('y2',y2);
+  line.setAttribute('class','edge');
+  const edgeColors = { implicit: '#475569', devDependency: '#888888', peerDependency: '#CC8800' };
+  line.setAttribute('stroke', edgeColors[e.type] || '#64748b');
+  line.setAttribute('stroke-width', '1.5');
+  if (e.type === 'implicit' || e.type === 'peerDependency') {
+      line.setAttribute('stroke-dasharray', '6,4');
+  }
+  if (e.type === 'devDependency') {
+      line.setAttribute('stroke-dasharray', '3,3');
+  }
+  svg.appendChild(line);
+});
+
+// Render nodes
+nodes.forEach(n => {
+  const w = (widths[n.name]||80) + 24;
+  const h = 32;
+  const isApp = n.type === 'application';
+  const fill = isApp ? '#fbbf24' : '#38bdf8';
+  const textFill = '#0f172a';
+  const stroke = isApp ? '#f59e0b' : '#0284c7';
+
+  const g = document.createElementNS('http://www.w3.org/2000/svg','g');
+  g.setAttribute('class','node');
+  g.setAttribute('transform','translate('+(n.x - w/2)+','+(n.y - h/2)+')');
+  const rect = document.createElementNS('http://www.w3.org/2000/svg','rect');
+  rect.setAttribute('width', w); rect.setAttribute('height', h);
+  rect.setAttribute('fill', fill); rect.setAttribute('stroke', stroke); rect.setAttribute('stroke-width','1.5');
+  g.appendChild(rect);
+  const text = document.createElementNS('http://www.w3.org/2000/svg','text');
+  text.setAttribute('x', w/2); text.setAttribute('y', h/2 + 4.5);
+  text.setAttribute('text-anchor','middle'); text.setAttribute('fill', textFill);
+  text.textContent = n.name;
+  g.appendChild(text);
+
+  g.addEventListener('mouseenter', (ev) => {
+    const deps = depMap[n.name] || [];
+    const rdeps = rdepMap[n.name] || [];
+
+    // Build tooltip using safe DOM methods
+    tooltip.textContent = '';
+
+    const heading = document.createElement('h3');
+    heading.textContent = n.name;
+    const badge = document.createElement('span');
+    badge.className = 'type-badge';
+    badge.style.background = fill;
+    badge.style.color = '#0f172a';
+    badge.textContent = n.type;
+    heading.appendChild(badge);
+    tooltip.appendChild(heading);
+
+    if (deps.length) {
+      const label = document.createElement('div');
+      label.className = 'dep-section';
+      label.textContent = 'Depends on:';
+      tooltip.appendChild(label);
+      const ul = document.createElement('ul');
+      deps.forEach(d => { const li = document.createElement('li'); li.textContent = d; ul.appendChild(li); });
+      tooltip.appendChild(ul);
+    }
+    if (rdeps.length) {
+      const label = document.createElement('div');
+      label.className = 'dep-section';
+      label.textContent = 'Required by:';
+      tooltip.appendChild(label);
+      const ul = document.createElement('ul');
+      rdeps.forEach(d => { const li = document.createElement('li'); li.textContent = d; ul.appendChild(li); });
+      tooltip.appendChild(ul);
+    }
+    if (!deps.length && !rdeps.length) {
+      const empty = document.createElement('div');
+      empty.style.marginTop = '6px';
+      empty.style.color = '#64748b';
+      empty.textContent = 'No dependencies';
+      tooltip.appendChild(empty);
     }
-  }
-  return [...seen.values()].sort((a, b) => a.name.localeCompare(b.name));
-};
-const loadNativeFromPath = async (path) => {
-  const { loadNativeTemplate } = await import('./loader.js');
-  return loadNativeTemplate(path);
-};
-const loadMoonFromPath = async (path, name) => {
-  const { loadMoonTemplate } = await import('./index.js');
-  return loadMoonTemplate(path, name);
-};
 
-const ask = (rl, question) => new Promise((resolve) => {
-  rl.question(question, (answer) => {
-    resolve(answer.trim());
+    tooltip.style.display = 'block';
+    const rect = tooltip.getBoundingClientRect();
+    tooltip.style.left = Math.min(ev.clientX + 12, W - rect.width - 12) + 'px';
+    tooltip.style.top = Math.min(ev.clientY + 12, H - rect.height - 12) + 'px';
   });
+  g.addEventListener('mouseleave', () => { tooltip.style.display = 'none'; });
+  svg.appendChild(g);
 });
-const confirm = async (rl, question, defaultYes) => {
-  const hint = defaultYes ? "[Y/n]" : "[y/N]";
-  const answer = await ask(rl, `  ${question} ${dim(hint)} `);
-  if (answer === "") {
-    return defaultYes;
-  }
-  return answer.toLowerCase() === "y" || answer.toLowerCase() === "yes";
-};
-const selectOne = async (rl, question, choices, defaultValue) => {
-  process.stderr.write(`  ${question}
-`);
-  for (const [index, choice] of choices.entries()) {
-    const prefix = bold(cyan(`  ${String(index + 1)}.`));
-    const star = choice === defaultValue ? dim(" (default)") : "";
-    process.stderr.write(`${prefix} ${choice}${star}
-`);
-  }
-  while (true) {
-    const answer = await ask(rl, `
-  ${dim(`Enter choice (1-${String(choices.length)}):`)} `);
-    if (answer === "" && defaultValue !== void 0) {
-      return defaultValue;
-    }
-    const number_ = Number.parseInt(answer, 10);
-    if (Number.isInteger(number_) && number_ >= 1 && number_ <= choices.length) {
-      return choices[number_ - 1];
-    }
-    const match = choices.find((c) => c === answer);
-    if (match) {
-      return match;
-    }
-    process.stderr.write(`  ${dim("Invalid choice. Try again.")}
-`);
-  }
-};
-const selectMany = async (rl, question, choices, defaultValues) => {
-  process.stderr.write(`  ${question} ${dim("(comma-separated numbers)")}
-`);
-  for (const [index, choice] of choices.entries()) {
-    const prefix = bold(cyan(`  ${String(index + 1)}.`));
-    const star = defaultValues.includes(choice) ? dim(" (default)") : "";
-    process.stderr.write(`${prefix} ${choice}${star}
-`);
-  }
-  while (true) {
-    const answer = await ask(rl, `
-  ${dim(`Enter choices:`)} `);
-    if (answer === "" && defaultValues.length > 0) {
-      return defaultValues;
-    }
-    const indices = answer.split(",").map((part) => Number.parseInt(part.trim(), 10)).filter((n) => Number.isInteger(n) && n >= 1 && n <= choices.length);
-    if (indices.length > 0) {
-      return indices.map((index) => choices[index - 1]);
-    }
-    process.stderr.write(`  ${dim("Invalid choice. Try again.")}
-`);
-  }
-};
-const promptText = (label) => `  ${dim(`${label}:`)} `;
-const variableLabel = (name, variable) => variable.prompt ?? name;
-const sortVariables = (variables) => Object.entries(variables).sort(([nameA, a], [nameB, b]) => {
-  const orderA = a.order ?? 0;
-  const orderB = b.order ?? 0;
-  if (orderA !== orderB) {
-    return orderA - orderB;
-  }
-  return nameA.localeCompare(nameB);
-});
-const parseValue = (variable, raw) => {
-  switch (variable.type) {
-    case "array": {
-      return raw.split(",").map((s) => s.trim()).filter(Boolean);
-    }
-    case "boolean": {
-      return raw === "true" || raw === "1" || raw === "yes" || raw === "y";
-    }
-    case "enum": {
-      if (variable.multiple) {
-        return raw.split(",").map((s) => s.trim()).filter(Boolean);
-      }
-      return raw;
-    }
-    case "number": {
-      const parsed = Number(raw);
-      if (Number.isNaN(parsed)) {
-        throw new TypeError(`Expected a number, got "${raw}"`);
-      }
-      return parsed;
-    }
-    default: {
-      return raw;
-    }
-  }
-};
-const validateValue = (name, variable, value) => {
-  if (variable.type === "enum") {
-    const values = Array.isArray(value) ? value : [value];
-    for (const candidate of values) {
-      if (typeof candidate !== "string" || !variable.values.includes(candidate)) {
-        throw new Error(`Variable "${name}" must be one of: ${variable.values.join(", ")} (got "${String(candidate)}")`);
-      }
-    }
-  }
-};
-const collectOptions = async (collectOptionsArguments) => {
-  const { defaults, interactive, overrides, variables } = collectOptionsArguments;
-  const result = {};
-  const rl = interactive ? createInterface({ input: process.stdin, output: process.stderr }) : null;
-  try {
-    for (const [name, variable] of sortVariables(variables)) {
-      if (Object.hasOwn(overrides, name)) {
-        const value2 = parseValue(variable, overrides[name] ?? "");
-        validateValue(name, variable, value2);
-        result[name] = value2;
-        continue;
-      }
-      if (defaults || !interactive || variable.internal) {
-        if (variable.default !== void 0) {
-          validateValue(name, variable, variable.default);
-          result[name] = variable.default;
-          continue;
-        }
-        if (variable.required) {
-          throw new Error(`Required variable "${name}" not provided. Pass --${name}=<value> or remove --defaults.`);
-        }
-        continue;
-      }
-      const label = variableLabel(name, variable);
-      let value;
-      if (variable.type === "boolean") {
-        value = await confirm(rl, label, Boolean(variable.default ?? false));
-      } else if (variable.type === "enum") {
-        if (variable.multiple) {
-          const defaultValues = Array.isArray(variable.default) ? variable.default : [];
-          value = await selectMany(rl, label, variable.values, defaultValues);
-        } else {
-          const defaultValue = typeof variable.default === "string" ? variable.default : void 0;
-          value = await selectOne(rl, label, variable.values, defaultValue);
-        }
-      } else {
-        const defaultHint = variable.default === void 0 ? "" : ` (${String(variable.default)})`;
-        const raw = await ask(rl, promptText(`${label}${defaultHint}`));
-        if (raw === "" && variable.default !== void 0) {
-          value = variable.default;
-        } else if (raw === "") {
-          if (variable.required) {
-            throw new Error(`Variable "${name}" is required`);
-          }
-          continue;
-        } else {
-          value = parseValue(variable, raw);
-        }
-      }
-      validateValue(name, variable, value);
-      result[name] = value;
-    }
-    return result;
-  } finally {
-    rl?.close();
-  }
-};
+<\/script>
+</body>
+</html>`],[`<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<title>Project Dependency Graph</title>
+<style>
+  * { margin: 0; padding: 0; box-sizing: border-box; }
+  body { font-family: system-ui, -apple-system, sans-serif; background: #0f172a; color: #e2e8f0; overflow: hidden; }
+  svg { width: 100vw; height: 100vh; }
+  .edge { fill: none; marker-end: url(#arrow); }
+  .node rect { rx: 8; ry: 8; cursor: pointer; transition: stroke-width 0.15s; }
+  .node text { font-size: 12px; font-weight: 600; pointer-events: none; }
+  .node:hover rect { stroke-width: 2.5; stroke: #fff; }
+  #info { position: fixed; top: 16px; right: 16px; background: #1e293b; padding: 14px 20px; border-radius: 10px; font-size: 13px; border: 1px solid #334155; box-shadow: 0 4px 12px rgba(0,0,0,0.3); }
+  #info b { font-variant-numeric: tabular-nums; }
+  .app-count { color: #fbbf24; }
+  .lib-count { color: #38bdf8; }
+  .dep-count { color: #a78bfa; }
+  #legend { position: fixed; bottom: 16px; left: 16px; background: #1e293b; padding: 12px 16px; border-radius: 10px; font-size: 12px; border: 1px solid #334155; display: flex; gap: 16px; align-items: center; }
+  .legend-dot { width: 12px; height: 12px; border-radius: 3px; display: inline-block; vertical-align: middle; margin-right: 6px; }
+  #tooltip { position: fixed; display: none; background: #1e293b; border: 1px solid #475569; border-radius: 8px; padding: 12px 16px; font-size: 12px; max-width: 320px; box-shadow: 0 8px 24px rgba(0,0,0,0.4); z-index: 10; pointer-events: none; }
+  #tooltip h3 { font-size: 14px; margin-bottom: 6px; }
+  #tooltip .type-badge { display: inline-block; padding: 1px 8px; border-radius: 4px; font-size: 10px; font-weight: 700; text-transform: uppercase; margin-left: 8px; }
+  #tooltip .dep-section { margin-top: 8px; color: #94a3b8; }
+  #tooltip ul { list-style: none; padding-left: 0; margin-top: 4px; }
+  #tooltip li { padding: 1px 0; color: #cbd5e1; }
+  #tooltip li::before { content: "\\2192 "; color: #64748b; }
+</style>
+</head>
+<body>
+<div id="info">
+  <b class="app-count">`,`</b> apps &middot;
+  <b class="lib-count">`,`</b> libraries &middot;
+  <b class="dep-count">`,`</b> dependencies
+</div>
+<div id="legend">
+  <span><span class="legend-dot" style="background:#fbbf24"></span>Application</span>
+  <span><span class="legend-dot" style="background:#38bdf8"></span>Library</span>
+  <span style="color:#64748b">&mdash; solid = static &nbsp; - - - = implicit</span>
+</div>
+<div id="tooltip"></div>
+<svg id="graph">
+  <defs>
+    <marker id="arrow" viewBox="0 0 10 10" refX="10" refY="5" markerWidth="6" markerHeight="6" orient="auto">
+      <path d="M 0 0 L 10 5 L 0 10 z" fill="#64748b"/>
+    </marker>
+  </defs>
+</svg>
+<script>
+const data = `,`;
+const svg = document.getElementById('graph');
+const tooltip = document.getElementById('tooltip');
+const W = window.innerWidth, H = window.innerHeight;
 
-const REMOTE_PROTOCOLS = ["git://", "npm://", "https://", "github:", "gitlab:", "bitbucket:", "sourcehut:"];
-const isRemoteSource = (input) => REMOTE_PROTOCOLS.some((protocol) => input.startsWith(protocol));
-const fetchRemoteTemplate = async (source, options = {}) => {
-  const ownDirectory = options.targetDirectory === void 0;
-  const directory = options.targetDirectory ?? mkdtempSync(join(tmpdir(), "vis-generate-"));
-  const cleanup = () => {
-    if (!ownDirectory) {
-      return;
-    }
-    try {
-      rmSync(directory, { force: true, recursive: true });
-    } catch {
-    }
-  };
-  pail.info(`Downloading ${source}…`);
-  try {
-    const result = await downloadTemplate(source, {
-      auth: options.auth || process.env.GIGET_AUTH || process.env.GITHUB_TOKEN || process.env.GH_TOKEN || void 0,
-      dir: directory,
-      force: true,
-      preferOffline: options.preferOffline
-    });
-    return { cleanup, directory: result.dir };
-  } catch (error) {
-    cleanup();
-    const message = error instanceof Error ? error.message : String(error);
-    pail.warn(`Failed to download template: ${message}`);
-    throw error;
-  }
-};
+// Build adjacency
+const depMap = {}, rdepMap = {};
+data.nodes.forEach(n => { depMap[n.name] = []; rdepMap[n.name] = []; });
+data.edges.forEach(e => { depMap[e.source]?.push(e.target); rdepMap[e.target]?.push(e.source); });
 
-const flattenTree = (tree, prefix = "") => {
-  const result = [];
-  for (const [key, value] of Object.entries(tree)) {
-    const path = prefix ? `${prefix}/${key}` : key;
-    if (typeof value === "string" || Buffer.isBuffer(value)) {
-      result.push({ content: value, path });
-    } else if (value && typeof value === "object") {
-      result.push(...flattenTree(value, path));
-    }
-  }
-  return result;
-};
-const formatSize = (bytes) => {
-  if (bytes < 1024) {
-    return `${bytes} B`;
-  }
-  if (bytes < 1024 * 1024) {
-    return `${(bytes / 1024).toFixed(1)} KB`;
-  }
-  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
-};
-const safeJoinDestination = (destination, relPath) => {
-  if (isAbsolute(relPath)) {
-    throw new Error(`Refusing to write outside destination: template produced absolute path "${relPath}".`);
-  }
-  const target = join(destination, relPath);
-  const rel = relative(destination, target);
-  if (rel === ".." || rel.startsWith(`..${sep}`) || isAbsolute(rel)) {
-    throw new Error(`Refusing to write outside destination: "${relPath}" resolves to "${target}" which escapes "${destination}".`);
-  }
-  return target;
-};
-const writeOne = (destinationPath, content) => {
-  ensureDirSync(dirname(destinationPath));
-  writeFileSync(destinationPath, content);
-};
-const runScript = (script, cwd, silent = false) => {
-  const commands = typeof script === "string" ? [script] : script.commands;
-  const isSilent = typeof script === "string" ? silent : script.silent ?? silent;
-  for (const command of commands) {
-    if (!isSilent) {
-      pail.info(`$ ${command}`);
-    }
-    const result = spawnSync(command, {
-      cwd,
-      shell: true,
-      stdio: isSilent ? "ignore" : "inherit"
-    });
-    if (result.status !== 0) {
-      pail.warn(`Script failed (exit ${String(result.status)}): ${command}`);
-      return false;
-    }
-  }
-  return true;
-};
-const groupByPhase = (scripts) => {
-  const phases = /* @__PURE__ */ new Map();
-  for (const script of scripts) {
-    const phase = typeof script === "string" ? 0 : script.phase ?? 0;
-    const bucket = phases.get(phase);
-    if (bucket) {
-      bucket.push(script);
-    } else {
-      phases.set(phase, [script]);
-    }
-  }
-  return [...phases.entries()].sort(([a], [b]) => a - b);
-};
-const runTemplate = async (template, options) => {
-  const builtins = {
-    dest_dir: options.destination,
-    dest_rel_dir: relative(options.workspaceRoot, options.destination) || ".",
-    working_dir: options.cwd,
-    workspace_root: options.workspaceRoot
-  };
-  const context = {
-    builtins,
-    options: options.options
-  };
-  const creation = await template.produce(context);
-  const files = creation.files ? flattenTree(creation.files) : [];
-  const filesMeta = creation.filesMeta ?? {};
-  const plans = [];
-  for (const file of files) {
-    const target = safeJoinDestination(options.destination, file.path);
-    plans.push({ file, meta: filesMeta[file.path] ?? {}, target });
-  }
-  if (options.dryRun) {
-    pail.info(`${bold(cyan("Plan"))} ${dim("(dry-run, no files written)")}`);
-    for (const plan of plans) {
-      const size = Buffer.isBuffer(plan.file.content) ? plan.file.content.length : Buffer.byteLength(plan.file.content, "utf8");
-      process.stderr.write(`  ${dim("write")} ${plan.file.path} ${dim(`(${formatSize(size)})`)}
-`);
-    }
-  } else {
-    ensureDirSync(options.destination);
-    let written = 0;
-    let skipped = 0;
-    for (const plan of plans) {
-      const { file, meta, target } = plan;
-      const exists = isAccessibleSync(target);
-      const effectiveForce = options.force || meta.force === true;
-      if (exists && !effectiveForce) {
-        pail.warn(`Skipped existing file: ${file.path} (use --force or set frontmatter force: true to overwrite)`);
-        skipped += 1;
-        continue;
-      }
-      writeOne(target, file.content);
-      written += 1;
-    }
-    pail.success(`Wrote ${String(written)} file${written === 1 ? "" : "s"}${skipped > 0 ? `, skipped ${String(skipped)}` : ""}`);
-  }
-  if (!options.dryRun && !options.skipScripts && creation.scripts && creation.scripts.length > 0) {
-    const phases = groupByPhase(creation.scripts);
-    pail.info(
-      `Running ${String(creation.scripts.length)} script${creation.scripts.length === 1 ? "" : "s"} across ${String(phases.length)} phase${phases.length === 1 ? "" : "s"}…`
-    );
-    for (const [, scripts] of phases) {
-      const results = await Promise.all(scripts.map((script) => Promise.resolve(runScript(script, options.destination))));
-      if (results.includes(false)) {
-        throw new Error("Script failed — aborting.");
-      }
-    }
-  }
-  if (creation.suggestions && creation.suggestions.length > 0) {
-    process.stderr.write("\n");
-    pail.notice("Next steps:");
-    for (const suggestion of creation.suggestions) {
-      process.stderr.write(`  ${dim("•")} ${suggestion}
-`);
-    }
-  }
-};
+// Escape text for safe DOM insertion
+function esc(s) { const d = document.createElement('div'); d.textContent = s; return d.textContent; }
 
-const toListEntry = async (template) => {
-  let description;
-  try {
-    const loaded = await template.load();
-    description = loaded.about?.description;
-  } catch {
-  }
-  return { description, name: template.name, path: template.path, source: template.source };
-};
-const summarizeVariable = (name, variable) => {
-  const summary = {
-    default: variable.default,
-    name,
-    order: variable.order,
-    prompt: variable.prompt,
-    required: variable.required,
-    type: variable.type
-  };
-  if (variable.type === "enum") {
-    summary.multiple = variable.multiple;
-    summary.values = variable.values;
-  }
-  return summary;
-};
-const describeTemplate = async (discovered) => {
-  const loaded = await discovered.load();
-  const variables = Object.entries(loaded.options ?? {}).sort(([nameA, a], [nameB, b]) => {
-    const orderA = a.order ?? 0;
-    const orderB = b.order ?? 0;
-    return orderA === orderB ? nameA.localeCompare(nameB) : orderA - orderB;
-  }).map(([name, variable]) => summarizeVariable(name, variable));
-  return {
-    description: loaded.about?.description ?? "",
-    destination: loaded.destination,
-    name: discovered.name,
-    path: discovered.path,
-    source: discovered.source,
-    variables
-  };
-};
-const printList = (templates) => {
-  if (templates.length === 0) {
-    pail.info("No templates found.");
-    pail.notice("Create one at .vis/templates/<name>.ts (programmatic) or .vis/templates/<name>/ (moon-format with template.yml).");
-    return;
-  }
-  pail.info("Available templates:");
-  for (const template of templates) {
-    const tag = dim(`(${template.source})`);
-    process.stderr.write(`  ${bold(cyan(template.name))} ${tag}
-`);
-  }
-};
-const parsePassthroughOverrides = (extraArguments) => {
-  const overrides = {};
-  const remaining = [];
-  for (const argument of extraArguments) {
-    if (!argument.startsWith("--")) {
-      remaining.push(argument);
-      continue;
-    }
-    const equalsIndex = argument.indexOf("=");
-    if (equalsIndex === -1) {
-      const key2 = argument.slice(2);
-      if (key2.startsWith("no-")) {
-        overrides[key2.slice(3)] = "false";
-      } else {
-        overrides[key2] = "true";
-      }
-      continue;
-    }
-    const key = argument.slice(2, equalsIndex);
-    const value = argument.slice(equalsIndex + 1);
-    overrides[key] = value;
-  }
-  return { overrides, remaining };
-};
-const pickInteractive = async (templates) => {
-  const { createInterface } = await import('node:readline');
-  const rl = createInterface({ input: process.stdin, output: process.stderr });
-  try {
-    process.stderr.write(`  ${bold(cyan("vis generate"))} ${dim("— pick a template")}
+// Force-directed layout
+const repulsion = 5000 + data.nodes.length * 150;
+const nodes = data.nodes.map(n => ({
+  ...n, x: W/2 + (Math.random()-0.5)*Math.min(W*0.6, 600),
+  y: H/2 + (Math.random()-0.5)*Math.min(H*0.6, 400), vx: 0, vy: 0
+}));
+const nodeMap = new Map(nodes.map(n => [n.name, n]));
+const edges = data.edges.map(e => ({
+  source: nodeMap.get(e.source), target: nodeMap.get(e.target), type: e.type
+}));
 
-`);
-    for (const [index, template] of templates.entries()) {
-      const prefix = bold(cyan(`  ${String(index + 1)}.`));
-      process.stderr.write(`${prefix} ${template.name} ${dim(`(${template.source})`)}
-`);
-    }
-    return new Promise((resolveValue, reject) => {
-      rl.question(`
-  ${dim(`Enter choice (1-${String(templates.length)}):`)} `, (answer) => {
-        const number_ = Number.parseInt(answer.trim(), 10);
-        if (Number.isInteger(number_) && number_ >= 1 && number_ <= templates.length) {
-          resolveValue(templates[number_ - 1].name);
-        } else {
-          reject(new Error("Invalid choice."));
-        }
-      });
-    });
-  } finally {
-    rl.close();
-  }
-};
-const execute = async ({ argument, options, rawUnknown, visConfig, workspaceRoot: wsRoot }) => {
-  const cwd = options.cwd || wsRoot || process.cwd();
-  const workspaceRoot = wsRoot ?? cwd;
-  const generatorConfig = visConfig?.generator;
-  const args = Array.isArray(argument) ? argument : argument ? [argument] : [];
-  if (options.list) {
-    const discovered = discoverTemplates({
-      extraDirectories: generatorConfig?.templates ?? [],
-      onWarning: (message) => {
-        pail.warn(message);
-      },
-      workspaceRoot
-    });
-    if (options.json) {
-      const entries = await Promise.all(discovered.map((t) => toListEntry(t)));
-      process.stdout.write(`${JSON.stringify(entries, null, 2)}
-`);
-      return;
-    }
-    printList(discovered);
-    return;
-  }
-  if (options.describe) {
-    const wanted = args[0];
-    if (!wanted) {
-      throw new Error("`--describe` requires a template name. Run `vis generate --list` to see available templates.");
-    }
-    const discovered = discoverTemplates({
-      extraDirectories: generatorConfig?.templates ?? [],
-      onWarning: (message) => {
-        pail.warn(message);
-      },
-      workspaceRoot
-    });
-    const match = discovered.find((t) => t.name === wanted);
-    if (!match) {
-      throw new Error(`Template "${wanted}" not found. Run \`vis generate --list\` to see available templates.`);
-    }
-    const described = await describeTemplate(match);
-    if (options.json) {
-      process.stdout.write(`${JSON.stringify(described, null, 2)}
-`);
+for (let iter = 0; iter < 400; iter++) {
+  for (let i = 0; i < nodes.length; i++) {
+    for (let j = i+1; j < nodes.length; j++) {
+      let dx = nodes[j].x - nodes[i].x, dy = nodes[j].y - nodes[i].y;
+      let d = Math.sqrt(dx*dx + dy*dy) || 1;
+      let f = repulsion / (d * d);
+      nodes[i].vx -= dx/d * f; nodes[i].vy -= dy/d * f;
+      nodes[j].vx += dx/d * f; nodes[j].vy += dy/d * f;
+    }
+  }
+  edges.forEach(e => {
+    if (!e.source || !e.target) {
+        return;
+    }
+    let dx = e.target.x - e.source.x, dy = e.target.y - e.source.y;
+    let d = Math.sqrt(dx*dx + dy*dy) || 1;
+    let f = (d - 180) * 0.008;
+    e.source.vx += dx/d * f; e.source.vy += dy/d * f;
+    e.target.vx -= dx/d * f; e.target.vy -= dy/d * f;
+  });
+  nodes.forEach(n => {
+    n.vx += (W/2 - n.x) * 0.001; n.vy += (H/2 - n.y) * 0.001;
+    n.x += n.vx * 0.3; n.y += n.vy * 0.3;
+    n.vx *= 0.75; n.vy *= 0.75;
+    n.x = Math.max(80, Math.min(W-80, n.x));
+    n.y = Math.max(40, Math.min(H-40, n.y));
+  });
+}
+
+// Measure text widths
+const measure = document.createElementNS('http://www.w3.org/2000/svg','text');
+measure.setAttribute('font-size','12'); measure.setAttribute('font-weight','600');
+measure.setAttribute('font-family','system-ui');
+svg.appendChild(measure);
+const widths = {};
+nodes.forEach(n => { measure.textContent = n.name; widths[n.name] = measure.getComputedTextLength(); });
+svg.removeChild(measure);
+
+// Render edges
+edges.forEach(e => {
+  if (!e.source || !e.target) {
       return;
-    }
-    pail.info(`Template: ${bold(cyan(described.name))} ${dim(`(${described.source})`)}`);
-    if (described.description) {
-      pail.info(described.description);
-    }
-    if (described.destination) {
-      pail.info(`Destination: ${dim(described.destination)}`);
-    }
-    if (described.variables.length === 0) {
-      pail.info("No variables.");
-    } else {
-      pail.info("Variables:");
-      for (const variable of described.variables) {
-        const flags = [variable.type];
-        if (variable.required) flags.push("required");
-        if (variable.default !== void 0) flags.push(`default=${JSON.stringify(variable.default)}`);
-        if (variable.values) flags.push(`values=${variable.values.join("|")}`);
-        process.stderr.write(`  ${bold(cyan(variable.name))} ${dim(`(${flags.join(", ")})`)}
-`);
-      }
-    }
-    return;
-  }
-  let passthrough = [...rawUnknown ?? []];
-  if (passthrough.length === 0) {
-    const rawArgv = process.argv.slice(2);
-    const argvDashIndex = rawArgv.indexOf("--");
-    if (argvDashIndex !== -1) {
-      passthrough = rawArgv.slice(argvDashIndex + 1);
-    }
-  }
-  const legacyDashIndex = args.indexOf("--");
-  const legacyExtras = legacyDashIndex === -1 ? [] : args.slice(legacyDashIndex + 1);
-  const ownArgs = legacyDashIndex === -1 ? args : args.slice(0, legacyDashIndex);
-  const { overrides } = parsePassthroughOverrides([...legacyExtras, ...passthrough]);
-  let template;
-  let templateName;
-  let templateDestination;
-  const input = ownArgs[0];
-  let remoteCleanup;
-  if (input && isRemoteSource(input)) {
-    const fetched = await fetchRemoteTemplate(input, {
-      auth: generatorConfig?.auth,
-      preferOffline: Boolean(options.preferOffline) || generatorConfig?.preferOffline
-    });
-    remoteCleanup = fetched.cleanup;
-    try {
-      const discovered = discoverTemplates({ extraDirectories: [fetched.directory], workspaceRoot });
-      const remoteTemplate = discovered.find((t) => t.path.startsWith(fetched.directory));
-      if (!remoteTemplate) {
-        throw new Error(`Downloaded template at ${fetched.directory} contains no template.yml or *.ts entrypoint.`);
-      }
-      template = await remoteTemplate.load();
-      templateName = remoteTemplate.name;
-      templateDestination = template.destination;
-    } catch (error) {
-      remoteCleanup();
-      remoteCleanup = void 0;
-      throw error;
-    }
-  } else {
-    const discovered = discoverTemplates({
-      extraDirectories: generatorConfig?.templates ?? [],
-      onWarning: (message) => {
-        pail.warn(message);
-      },
-      workspaceRoot
-    });
-    if (discovered.length === 0) {
-      throw new Error("No templates found. Create one at .vis/templates/<name>.ts or .vis/templates/<name>/template.yml.");
-    }
-    let wanted;
-    if (input) {
-      wanted = input;
-    } else if (options.noInteractive || !process.stdin.isTTY) {
-      throw new Error("No template specified. Pass a template name (see `vis generate --list`) or run interactively in a terminal.");
-    } else {
-      wanted = await pickInteractive(discovered);
-    }
-    const match = discovered.find((t) => t.name === wanted);
-    if (!match) {
-      throw new Error(`Template "${wanted}" not found. Run 'vis generate --list' to see available templates.`);
-    }
-    template = await match.load();
-    templateName = match.name;
-    templateDestination = template.destination;
   }
-  const toFlag = options.to;
-  const dryRun = Boolean(options.dryRun);
-  const force = Boolean(options.force);
-  const useDefaults = Boolean(options.defaults);
-  const skipScripts = Boolean(options.skipScripts);
-  const isInteractive = !options.noInteractive && Boolean(process.stdin.isTTY) && !useDefaults;
-  let destinationInput;
-  if (toFlag) {
-    destinationInput = toFlag;
-  } else if (templateDestination) {
-    destinationInput = templateDestination;
-  } else {
-    destinationInput = ".";
-  }
-  const destination = isAbsolute(destinationInput) ? destinationInput : resolve(cwd, destinationInput);
-  pail.info(`Template: ${bold(cyan(templateName))}`);
-  pail.info(`Target:   ${dim(destination)}`);
-  process.stderr.write("\n");
-  const collectedOptions = await collectOptions({
-    defaults: useDefaults,
-    interactive: isInteractive,
-    overrides,
-    variables: template.options ?? {}
-  });
-  try {
-    await runTemplate(template, {
-      cwd,
-      destination,
-      dryRun,
-      force,
-      options: collectedOptions,
-      skipScripts,
-      workspaceRoot
-    });
-    if (!dryRun) {
-      process.stderr.write("\n");
-      pail.success(`Template '${templateName}' applied.`);
+  const sw = (widths[e.source.name]||80)/2 + 12;
+  const tw = (widths[e.target.name]||80)/2 + 12;
+  const dx = e.target.x - e.source.x, dy = e.target.y - e.source.y;
+  const d = Math.sqrt(dx*dx+dy*dy)||1;
+  const x1 = e.source.x + dx/d*sw, y1 = e.source.y + dy/d*14;
+  const x2 = e.target.x - dx/d*tw, y2 = e.target.y - dy/d*14;
+  const line = document.createElementNS('http://www.w3.org/2000/svg','line');
+  line.setAttribute('x1',x1); line.setAttribute('y1',y1);
+  line.setAttribute('x2',x2); line.setAttribute('y2',y2);
+  line.setAttribute('class','edge');
+  const edgeColors = { implicit: '#475569', devDependency: '#888888', peerDependency: '#CC8800' };
+  line.setAttribute('stroke', edgeColors[e.type] || '#64748b');
+  line.setAttribute('stroke-width', '1.5');
+  if (e.type === 'implicit' || e.type === 'peerDependency') {
+      line.setAttribute('stroke-dasharray', '6,4');
+  }
+  if (e.type === 'devDependency') {
+      line.setAttribute('stroke-dasharray', '3,3');
+  }
+  svg.appendChild(line);
+});
+
+// Render nodes
+nodes.forEach(n => {
+  const w = (widths[n.name]||80) + 24;
+  const h = 32;
+  const isApp = n.type === 'application';
+  const fill = isApp ? '#fbbf24' : '#38bdf8';
+  const textFill = '#0f172a';
+  const stroke = isApp ? '#f59e0b' : '#0284c7';
+
+  const g = document.createElementNS('http://www.w3.org/2000/svg','g');
+  g.setAttribute('class','node');
+  g.setAttribute('transform','translate('+(n.x - w/2)+','+(n.y - h/2)+')');
+  const rect = document.createElementNS('http://www.w3.org/2000/svg','rect');
+  rect.setAttribute('width', w); rect.setAttribute('height', h);
+  rect.setAttribute('fill', fill); rect.setAttribute('stroke', stroke); rect.setAttribute('stroke-width','1.5');
+  g.appendChild(rect);
+  const text = document.createElementNS('http://www.w3.org/2000/svg','text');
+  text.setAttribute('x', w/2); text.setAttribute('y', h/2 + 4.5);
+  text.setAttribute('text-anchor','middle'); text.setAttribute('fill', textFill);
+  text.textContent = n.name;
+  g.appendChild(text);
+
+  g.addEventListener('mouseenter', (ev) => {
+    const deps = depMap[n.name] || [];
+    const rdeps = rdepMap[n.name] || [];
+
+    // Build tooltip using safe DOM methods
+    tooltip.textContent = '';
+
+    const heading = document.createElement('h3');
+    heading.textContent = n.name;
+    const badge = document.createElement('span');
+    badge.className = 'type-badge';
+    badge.style.background = fill;
+    badge.style.color = '#0f172a';
+    badge.textContent = n.type;
+    heading.appendChild(badge);
+    tooltip.appendChild(heading);
+
+    if (deps.length) {
+      const label = document.createElement('div');
+      label.className = 'dep-section';
+      label.textContent = 'Depends on:';
+      tooltip.appendChild(label);
+      const ul = document.createElement('ul');
+      deps.forEach(d => { const li = document.createElement('li'); li.textContent = d; ul.appendChild(li); });
+      tooltip.appendChild(ul);
+    }
+    if (rdeps.length) {
+      const label = document.createElement('div');
+      label.className = 'dep-section';
+      label.textContent = 'Required by:';
+      tooltip.appendChild(label);
+      const ul = document.createElement('ul');
+      rdeps.forEach(d => { const li = document.createElement('li'); li.textContent = d; ul.appendChild(li); });
+      tooltip.appendChild(ul);
+    }
+    if (!deps.length && !rdeps.length) {
+      const empty = document.createElement('div');
+      empty.style.marginTop = '6px';
+      empty.style.color = '#64748b';
+      empty.textContent = 'No dependencies';
+      tooltip.appendChild(empty);
     }
-  } finally {
-    remoteCleanup?.();
-  }
-};
 
-export { execute as default };
+    tooltip.style.display = 'block';
+    const rect = tooltip.getBoundingClientRect();
+    tooltip.style.left = Math.min(ev.clientX + 12, W - rect.width - 12) + 'px';
+    tooltip.style.top = Math.min(ev.clientY + 12, H - rect.height - 12) + 'px';
+  });
+  g.addEventListener('mouseleave', () => { tooltip.style.display = 'none'; });
+  svg.appendChild(g);
+});
+<\/script>
+</body>
+</html>`])),s.apps,s.libs,s.edges.length,JSON.stringify(s).replaceAll("</",String.raw`<\/`))},"projectGraphToHtml"),Ve=D(async({logger:o,options:e,visConfig:l,workspaceRoot:d})=>{if(!d)throw new Error("Could not determine workspace root. Run this command inside a monorepo.");const c=d,{packageJsons:s,workspace:u}=xe(c,l),a=be(c,u,s),y=!!process.stdout.isTTY&&!ye,g=e.format??(y?"tui":"ascii"),v=e.output,h=e.depth??1/0;let f;switch(g){case"dot":{f=ce(a);break}case"html":{f=Ge(a);break}case"json":{f=JSON.stringify(He(a),void 0,2);break}case"tui":{if(!y){f=K(a,h);break}const x=l?.tui?.autoExit===!0?3:typeof l?.tui?.autoExit=="number"?l.tui.autoExit:0;process.stdin.isTTY&&typeof process.stdin.setRawMode=="function"&&(process.stdin.setRawMode(!0),process.stdin.ref(),process.stdin.resume());const C=setInterval(()=>{},1e3),M=new Me(a);await me(we.createElement(Re,{autoExitSeconds:x,store:M}),{alternateScreen:!0,exitOnCtrlC:!1,interactive:!0,patchConsole:!0}).waitUntilExit(),clearInterval(C);return}default:f=K(a,h)}v?(se(v,f,"utf8"),o.info(`Graph written to ${v}`)):o.info(f)},"execute");export{Ve as default};