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

package/dist/packem_chunks/handler36.js

@@ -1,428 +1,542 @@
-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{M as W,r as xe,s as be,d 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),$=typeof globalThis<"u"&&typeof globalThis.process<"u"?globalThis.process:process,de=E(o=>{if(typeof $<"u"&&$.versions&&$.versions.node){const[e,l]=$.versions.node.split(".").map(Number);if(e>22||e===22&&l>=3||e===20&&l>=16)return $.getBuiltinModule(o)}return le(o)},"__cjs_getBuiltinModule"),{writeFileSync:se}=de("node:fs");var Ae=Object.defineProperty,I=E((o,e)=>Ae(o,"name",{value:e,configurable:!0}),"n");const ke=I(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=I((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{I(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=I(()=>this.#e,"getSnapshot");subscribe=I(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"),$e=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 Ie=Object.defineProperty,Pe=E((o,e)=>Ie(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($e,{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=[];if(a.push(S("Project Dependency Graph"),""),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;
+import { createRequire as __cjs_createRequire } from "node:module";
 
-// 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_require = __cjs_createRequire(import.meta.url);
 
-// Escape text for safe DOM insertion
-function esc(s) { const d = document.createElement('div'); d.textContent = s; return d.textContent; }
+const __cjs_getProcess = typeof globalThis !== "undefined" && typeof globalThis.process !== "undefined" ? globalThis.process : process;
 
-// 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 (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;
+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);
+        }
     }
-    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));
-  });
-}
+    // Fallback to createRequire
+    return __cjs_require(module);
+};
 
-// 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);
+const {
+  open,
+  stat,
+  watch
+} = __cjs_getBuiltinModule("node:fs/promises");
+import { isAccessible } from '@visulima/fs';
+import { p as pail, Y as loadVisTaskConfigsForWorkspace, d as discoverWorkspace, Z as loadEnvFile } from './bin.js';
+import { join } from '@visulima/path';
+import { R as REGISTRY_FILE_MODE, w as withServiceLock, r as readEntry, i as isAlive, d as deleteEntry, g as getRegistryDir, s as slugify, a as writeEntry, b as runReadiness, p as pruneDead, S as ServiceReadinessError, c as readAllEntries } from '../packem_shared/registry-CbqXI0rc.js';
+const {
+  spawn
+} = __cjs_getBuiltinModule("node:child_process");
+import { formatAge } from './handler14.js';
 
-// Render edges
-edges.forEach(e => {
-  if (!e.source || !e.target) {
-      return;
+const isWindows = process.platform === "win32";
+const spawnDetached = async (input) => {
+  const { command, cwd, env, logFile } = input;
+  const logHandle = await open(logFile, "a", REGISTRY_FILE_MODE);
+  let child;
+  try {
+    const shell = isWindows ? "cmd" : "/bin/sh";
+    const args = isWindows ? ["/d", "/s", "/c", command] : ["-c", command];
+    child = spawn(shell, args, {
+      cwd,
+      detached: true,
+      env: { ...process.env, ...env },
+      stdio: ["ignore", logHandle.fd, logHandle.fd],
+      // Windows: spawn in a new console so the child isn't tied
+      // to this terminal's lifetime.
+      windowsHide: true
+    });
+  } finally {
+    await logHandle.close().catch(() => {
+    });
   }
-  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 (child.pid === void 0) {
+    await new Promise((resolve, reject) => {
+      child.once("spawn", () => resolve());
+      child.once("error", (error) => reject(error));
+    });
+  }
+  if (child.pid === void 0) {
+    throw new Error(`Failed to spawn detached process for command: ${command}`);
+  }
+  child.unref();
+  return { pid: child.pid };
+};
 
-    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);
+const DEFAULT_KILL_GRACE_MS = 5e3;
+const startService = async (input) => withServiceLock(input.workspaceRoot, input.id, async () => {
+  const existing = await readEntry(input.workspaceRoot, input.id);
+  if (existing && isAlive(existing.pid)) {
+    throw new Error(`Service ${input.id} is already running (pid ${String(existing.pid)})`);
+  }
+  if (existing) {
+    await deleteEntry(input.workspaceRoot, input.id, existing);
+  }
+  const registryDirectory = await getRegistryDir(input.workspaceRoot);
+  const slug = slugify(input.id);
+  const logFile = join(registryDirectory, `${slug}.log`);
+  const { pid } = await spawnDetached({
+    command: input.command,
+    cwd: input.cwd,
+    env: input.env,
+    logFile
+  });
+  const entry = {
+    command: input.command,
+    config: input.config,
+    cwd: input.cwd,
+    env: input.config.env ?? {},
+    id: input.id,
+    logFile,
+    pid,
+    slug,
+    startedAt: (/* @__PURE__ */ new Date()).toISOString(),
+    visVersion: process.env["VIS_VERSION"] ?? "0.0.0"
+  };
+  await writeEntry(input.workspaceRoot, entry);
+  if (input.skipReadiness !== true) {
+    try {
+      await runReadiness(input.config, { timeoutMs: input.readinessTimeoutMs });
+    } catch (error) {
+      await stopServiceByPid(pid, input.config.killGracePeriodMs ?? DEFAULT_KILL_GRACE_MS).catch(() => {
+      });
+      await deleteEntry(input.workspaceRoot, input.id, entry).catch(() => {
+      });
+      throw error;
+    }
+  }
+  return { entry };
+});
+const stopService = async (input) => withServiceLock(input.workspaceRoot, input.id, async () => {
+  const entry = await readEntry(input.workspaceRoot, input.id);
+  if (!entry) {
+    return { stopped: false };
+  }
+  if (!isAlive(entry.pid)) {
+    await deleteEntry(input.workspaceRoot, input.id, entry);
+    return { stopped: false };
+  }
+  const graceMs = input.graceMs ?? entry.config.killGracePeriodMs ?? DEFAULT_KILL_GRACE_MS;
+  await stopServiceByPid(entry.pid, graceMs);
+  await deleteEntry(input.workspaceRoot, input.id, entry);
+  return { stopped: true };
+});
+const stopServiceByPid = async (pid, graceMs) => {
+  sendSignalToServiceGroup(pid, "SIGTERM");
+  const start = Date.now();
+  while (Date.now() - start < graceMs) {
+    if (!isAlive(pid)) {
+      return;
     }
-    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);
+    await new Promise((resolve) => {
+      setTimeout(resolve, 100);
+    });
+  }
+  if (isAlive(pid)) {
+    sendSignalToServiceGroup(pid, "SIGKILL");
+  }
+};
+const sendSignalToServiceGroup = (pid, signal) => {
+  try {
+    if (process.platform === "win32") {
+      process.kill(pid, signal);
+    } else {
+      process.kill(-pid, signal);
     }
-    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);
+  } catch (error) {
+    if (error.code === "ESRCH") {
+      return;
     }
+    throw error;
+  }
+};
 
-    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>`],[`<!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;
-
-// 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); });
-
-// Escape text for safe DOM insertion
-function esc(s) { const d = document.createElement('div'); d.textContent = s; return d.textContent; }
-
-// 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 (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;
+const splitTargetId = (raw) => {
+  const id = raw.trim();
+  const idx = id.lastIndexOf(":");
+  if (idx <= 0 || idx === id.length - 1) {
+    return void 0;
+  }
+  return { project: id.slice(0, idx), target: id.slice(idx + 1) };
+};
+const resolveCwd = (workspaceRoot, projectRoot, runFromWorkspaceRoot) => {
+  if (runFromWorkspaceRoot || !projectRoot) {
+    return workspaceRoot;
+  }
+  return projectRoot.startsWith("/") ? projectRoot : `${workspaceRoot}/${projectRoot}`;
+};
+const resolveTarget = async (workspaceRoot, visConfig, targetId) => {
+  const split = splitTargetId(targetId);
+  if (!split) {
+    pail.error(`Invalid target id "${targetId}". Expected "<project>:<target>", e.g. "@my/api:db".`);
+    return void 0;
+  }
+  const taskConfigs = await loadVisTaskConfigsForWorkspace(workspaceRoot);
+  const { projectOptions, workspace } = discoverWorkspace(workspaceRoot, visConfig, taskConfigs);
+  const project = workspace.projects[split.project];
+  const target = projectOptions.get(split.project)?.[split.target];
+  if (!project || !target) {
+    pail.error(`Target "${targetId}" not found in this workspace.`);
+    return void 0;
+  }
+  const service = target.options?.service;
+  if (!service) {
+    pail.error(`Target "${targetId}" is not a service. Add an \`options.service\` block to make it eligible for \`vis service\`.`);
+    return void 0;
+  }
+  if (!target.command) {
+    pail.error(`Target "${targetId}" has no command — services must be runnable.`);
+    return void 0;
+  }
+  const cwd = resolveCwd(workspaceRoot, project.root, target.options?.runFromWorkspaceRoot === true);
+  const envFromFiles = target.options?.envFile ? loadEnvFile(cwd, target.options.envFile) : {};
+  return {
+    command: target.command,
+    cwd,
+    env: { ...envFromFiles, ...service.env },
+    service,
+    target,
+    targetId
+  };
+};
+const requireWorkspace = (wsRoot) => {
+  if (!wsRoot) {
+    throw new Error("Could not determine workspace root. Run `vis service` inside a workspace.");
+  }
+  return wsRoot;
+};
+const serviceStartExecute = async ({ argument, options, visConfig, workspaceRoot: wsRoot }) => {
+  const workspaceRoot = requireWorkspace(wsRoot);
+  const targetId = argument[0]?.trim();
+  if (!targetId) {
+    pail.error("Missing target id. Usage: vis service start <project>:<target>");
+    process.exitCode = 1;
+    return;
+  }
+  const resolved = await resolveTarget(workspaceRoot, visConfig, targetId);
+  if (!resolved) {
+    process.exitCode = 1;
+    return;
+  }
+  try {
+    const { entry } = await startService({
+      command: resolved.command,
+      config: resolved.service,
+      cwd: resolved.cwd,
+      env: resolved.env,
+      id: targetId,
+      readinessTimeoutMs: options.timeout,
+      skipReadiness: options.noReadiness === true,
+      workspaceRoot
+    });
+    pail.success(`Started ${targetId} (pid ${String(entry.pid)})`);
+    pail.info(`  log: ${entry.logFile}`);
+  } catch (error) {
+    const message = error instanceof Error ? error.message : String(error);
+    if (error instanceof ServiceReadinessError) {
+      pail.error(`Readiness probe failed for ${targetId}: ${message}`);
+    } else {
+      pail.error(`Failed to start ${targetId}: ${message}`);
     }
+    process.exitCode = 1;
   }
-  edges.forEach(e => {
-    if (!e.source || !e.target) {
-        return;
+};
+const stopOne = async (workspaceRoot, id, graceMs) => {
+  const { stopped } = await stopService({ graceMs, id, workspaceRoot });
+  if (stopped) {
+    pail.success(`Stopped ${id}`);
+    return true;
+  }
+  pail.info(`No running service registered for ${id}`);
+  return false;
+};
+const serviceStopExecute = async ({ argument, options, workspaceRoot: wsRoot }) => {
+  const workspaceRoot = requireWorkspace(wsRoot);
+  const { graceMs } = options;
+  const targetId = argument[0]?.trim();
+  if (options.all === true) {
+    if (targetId) {
+      pail.error("Cannot combine --all with a target id. Use one or the other.");
+      process.exitCode = 1;
+      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) {
+    const entries = await readAllEntries(workspaceRoot);
+    if (entries.length === 0) {
+      pail.info("No running services registered for this workspace.");
       return;
+    }
+    for (const entry of entries) {
+      await stopOne(workspaceRoot, entry.id, graceMs);
+    }
+    return;
   }
-  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 (!targetId) {
+    pail.error("Missing target id. Usage: vis service stop <project>:<target> | --all");
+    process.exitCode = 1;
+    return;
+  }
+  const stopped = await stopOne(workspaceRoot, targetId, graceMs);
+  if (!stopped) {
+    process.exitCode = 1;
+  }
+};
+const formatPort = (entry) => {
+  const port = entry.config.readiness?.tcp.port ?? entry.config.port;
+  return port === void 0 ? "—" : String(port);
+};
+const VALID_LIST_FORMATS = /* @__PURE__ */ new Set(["json", "table"]);
+const serviceListExecute = async ({ logger, options, workspaceRoot: wsRoot }) => {
+  const workspaceRoot = requireWorkspace(wsRoot);
+  const format = options.format ?? "table";
+  if (!VALID_LIST_FORMATS.has(format)) {
+    pail.error(`Invalid --format "${format}". Expected one of: ${[...VALID_LIST_FORMATS].sort().join(", ")}.`);
+    process.exitCode = 1;
+    return;
+  }
+  const { surviving: entries } = await pruneDead(workspaceRoot);
+  if (format === "json") {
+    const now = Date.now();
+    process.stdout.write(
+      `${JSON.stringify(
+        entries.map((entry) => {
+          const startedMs = Date.parse(entry.startedAt);
+          return {
+            ageMs: Number.isFinite(startedMs) ? now - startedMs : null,
+            alive: isAlive(entry.pid),
+            command: entry.command,
+            cwd: entry.cwd,
+            env: entry.env,
+            id: entry.id,
+            logFile: entry.logFile,
+            pid: entry.pid,
+            port: entry.config.readiness?.tcp.port ?? entry.config.port ?? null,
+            startedAt: entry.startedAt,
+            visVersion: entry.visVersion
+          };
+        }),
+        void 0,
+        2
+      )}
+`
+    );
+    return;
+  }
+  if (entries.length === 0) {
+    pail.info("No running services registered for this workspace.");
+    return;
+  }
+  const renderedAt = Date.now();
+  const rows = entries.map((entry) => {
+    const startedMs = Date.parse(entry.startedAt);
+    return {
+      age: Number.isFinite(startedMs) ? formatAge(startedMs, renderedAt) : "?",
+      id: entry.id,
+      log: entry.logFile,
+      pid: String(entry.pid),
+      port: formatPort(entry)
+    };
+  });
+  const idWidth = Math.max(2, ...rows.map((r) => r.id.length));
+  const pidWidth = Math.max(3, ...rows.map((r) => r.pid.length));
+  const portWidth = Math.max(4, ...rows.map((r) => r.port.length));
+  const ageWidth = Math.max(3, ...rows.map((r) => r.age.length));
+  logger.info(`  ${"id".padEnd(idWidth)}  ${"pid".padEnd(pidWidth)}  ${"port".padEnd(portWidth)}  ${"age".padEnd(ageWidth)}  log`);
+  logger.info(`  ${"-".repeat(idWidth)}  ${"-".repeat(pidWidth)}  ${"-".repeat(portWidth)}  ${"-".repeat(ageWidth)}  ---`);
+  for (const row of rows) {
+    logger.info(`  ${row.id.padEnd(idWidth)}  ${row.pid.padEnd(pidWidth)}  ${row.port.padEnd(portWidth)}  ${row.age.padEnd(ageWidth)}  ${row.log}`);
+  }
+};
+const serviceStatusExecute = async ({ argument, options, workspaceRoot: wsRoot }) => {
+  const workspaceRoot = requireWorkspace(wsRoot);
+  const targetId = argument[0]?.trim();
+  if (!targetId) {
+    pail.error("Missing target id. Usage: vis service status <project>:<target>");
+    process.exitCode = 1;
+    return;
+  }
+  const entry = await readEntry(workspaceRoot, targetId);
+  if (!entry) {
+    pail.error(`No service registered for ${targetId}.`);
+    process.exitCode = 1;
+    return;
+  }
+  if (!isAlive(entry.pid)) {
+    pail.error(`Service ${targetId} is not running (pid ${String(entry.pid)} is dead). Run \`vis service start ${targetId}\` to recover.`);
+    process.exitCode = 1;
+    return;
+  }
+  try {
+    await runReadiness(entry.config, { timeoutMs: options.timeout });
+    pail.success(`${targetId} healthy (pid ${String(entry.pid)})`);
+  } catch (error) {
+    const message = error instanceof Error ? error.message : String(error);
+    pail.error(`${targetId} probe failed: ${message}`);
+    process.exitCode = 1;
+  }
+};
+const serviceRestartExecute = async ({
+  argument,
+  options,
+  visConfig,
+  workspaceRoot: wsRoot
+}) => {
+  const workspaceRoot = requireWorkspace(wsRoot);
+  const targetId = argument[0]?.trim();
+  if (!targetId) {
+    pail.error("Missing target id. Usage: vis service restart <project>:<target>");
+    process.exitCode = 1;
+    return;
+  }
+  await stopService({ graceMs: options.graceMs, id: targetId, workspaceRoot });
+  const resolved = await resolveTarget(workspaceRoot, visConfig, targetId);
+  if (!resolved) {
+    process.exitCode = 1;
+    return;
+  }
+  try {
+    const { entry } = await startService({
+      command: resolved.command,
+      config: resolved.service,
+      cwd: resolved.cwd,
+      env: resolved.env,
+      id: targetId,
+      readinessTimeoutMs: options.timeout,
+      skipReadiness: options.noReadiness === true,
+      workspaceRoot
+    });
+    pail.success(`Restarted ${targetId} (pid ${String(entry.pid)})`);
+  } catch (error) {
+    const message = error instanceof Error ? error.message : String(error);
+    pail.error(`Failed to restart ${targetId}: ${message}`);
+    process.exitCode = 1;
+  }
+};
+const TAIL_POLL_MS = 200;
+const TAIL_MAX_CHUNK_BYTES = 1024 * 1024;
+const tailLog = async (logFile) => {
+  let position = 0;
+  try {
+    const initial = await stat(logFile);
+    position = initial.size;
+  } catch {
+    position = 0;
+  }
+  const controller = new AbortController();
+  let sigintReceived = false;
+  const onSigint = () => {
+    sigintReceived = true;
+    controller.abort();
+  };
+  const onSigterm = () => {
+    controller.abort();
+  };
+  process.on("SIGINT", onSigint);
+  process.on("SIGTERM", onSigterm);
+  let tickInFlight = false;
+  const tickOnce = async () => {
+    if (tickInFlight) {
+      return;
     }
-    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);
+    tickInFlight = true;
+    try {
+      const stats = await stat(logFile).catch(() => void 0);
+      if (!stats) {
+        return;
+      }
+      if (stats.size < position) {
+        position = 0;
+      }
+      if (stats.size === position) {
+        return;
+      }
+      const available = stats.size - position;
+      const chunkSize = Math.min(available, TAIL_MAX_CHUNK_BYTES);
+      const handle = await open(logFile, "r");
+      try {
+        const buffer = Buffer.alloc(chunkSize);
+        await handle.read(buffer, 0, chunkSize, position);
+        process.stdout.write(buffer);
+        position += chunkSize;
+      } finally {
+        await handle.close().catch(() => {
+        });
+      }
+    } finally {
+      tickInFlight = false;
     }
-    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);
+  };
+  try {
+    const watcher = (async () => {
+      try {
+        for await (const _event of watch(logFile, { signal: controller.signal })) {
+          await tickOnce();
+        }
+      } catch {
+      }
+    })();
+    while (!controller.signal.aborted) {
+      await tickOnce();
+      await new Promise((resolve) => {
+        const timer = setTimeout(resolve, TAIL_POLL_MS);
+        controller.signal.addEventListener(
+          "abort",
+          () => {
+            clearTimeout(timer);
+            resolve();
+          },
+          { once: true }
+        );
+      });
     }
+    await watcher.catch(() => {
+    });
+    await tickOnce().catch(() => {
+    });
+  } finally {
+    process.off("SIGINT", onSigint);
+    process.off("SIGTERM", onSigterm);
+  }
+  if (sigintReceived) {
+    process.exitCode = 130;
+  }
+};
+const serviceLogsExecute = async ({ argument, options, workspaceRoot: wsRoot }) => {
+  const workspaceRoot = requireWorkspace(wsRoot);
+  const targetId = argument[0]?.trim();
+  if (!targetId) {
+    pail.error("Missing target id. Usage: vis service logs <project>:<target>");
+    process.exitCode = 1;
+    return;
+  }
+  const entry = await readEntry(workspaceRoot, targetId);
+  if (!entry) {
+    pail.error(`No service registered for ${targetId}.`);
+    process.exitCode = 1;
+    return;
+  }
+  if (!await isAccessible(entry.logFile)) {
+    pail.warn(`Log file is missing for ${targetId}: ${entry.logFile}`);
+    process.exitCode = 1;
+    return;
+  }
+  if (options.follow === true) {
+    await tailLog(entry.logFile);
+    return;
+  }
+  const handle = await open(entry.logFile, "r");
+  try {
+    const stream = handle.createReadStream();
+    await new Promise((resolve, reject) => {
+      stream.on("end", resolve);
+      stream.on("error", reject);
+      stream.pipe(process.stdout, { end: false });
+    });
+  } finally {
+    await handle.close().catch(() => {
+    });
+  }
+};
 
-    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};
+export { serviceListExecute, serviceLogsExecute, serviceRestartExecute, serviceStartExecute, serviceStatusExecute, serviceStopExecute };