@visulima/vis 1.0.0-alpha.22 → 1.0.0-alpha.23

package/dist/packem_chunks/handler39.js

@@ -1,61 +1,708 @@
-var H=Object.defineProperty;var j=(e,t)=>H(e,"name",{value:t,configurable:!0});import{createRequire as K}from"node:module";import{$ as V,K as A,z as D,M as C,b as X,B as T,w as Y}from"./config.js";import{o as Z}from"../packem_shared/index-DH-5hsrC.js";import{aW as P,C as ee,aX as te,ae as oe}from"./bin.js";import{i as re}from"../packem_shared/glob-MHJQjR39-CQ2GC0b_.js";import{n as ne}from"../packem_shared/manifests-B0fMp872.js";const z=K(import.meta.url),O=typeof globalThis<"u"&&typeof globalThis.process<"u"?globalThis.process:process,Q=j(e=>{if(typeof O<"u"&&O.versions&&O.versions.node){const[t,o]=O.versions.node.split(".").map(Number);if(t>22||t===22&&o>=3||t===20&&o>=16)return O.getBuiltinModule(e)}return z(e)},"__cjs_getBuiltinModule"),{readFileSync:F}=Q("node:fs");var se=Object.defineProperty,y=j((e,t)=>se(e,"name",{value:t,configurable:!0}),"c");const ie=y((e,t)=>{const o=t.replace(/^\.?\//,"");return o===""||o==="."?`/${e}/`:e===""||e==="."?`/${o}`:`/${e}/${o}`},"toWorkspacePath"),_=y((e,t,o=[])=>{const s=[],r=new Set;for(const[i,n]of Object.entries(t?.globalPaths??{}))s.push({owners:n,path:i,source:"project-json"}),r.add(i);for(const[i,n]of Object.entries(e.projects)){const a=n.owners??[];for(const c of a){const l=ie(n.root??i,c.path);s.push({channel:c.channel,owners:c.owners,path:l,projectId:i,source:"project-json"}),r.add(l)}}for(const i of o)r.has(i.path)||(s.push(i),r.add(i.path));return(t?.orderBy??"file-source")==="project-id"?s.sort((i,n)=>(i.projectId??"").localeCompare(n.projectId??"")||i.path.localeCompare(n.path)):s.sort((i,n)=>i.path.localeCompare(n.path)),s},"buildCodeownersLines"),ae="Update each project's project.json `owners` field and re-run the command.",ce=y(e=>["# CODEOWNERS — generated by `vis sync codeowners`. Do not edit by hand.",e?`# Re-run with: ${e}`:`# ${ae}`,""],"buildHeader"),M=y(e=>{const t=[];for(const o of e){const s=o.owners.join(" "),r=o.channel?`    # notify: ${o.channel}`:"";t.push(`${o.path} ${s}${r}`)}return t},"renderEntries"),de=y((e,t={})=>[...ce(t.regenerationCommand),...M(e),""].join(`
-`),"renderCodeowners"),W={begin:"# BEGIN vis-codeowners",end:"# END vis-codeowners"},le=y((e,t=W,o={})=>{const s=o.regenerationCommand?`# Generated by vis sync codeowners — re-run with: ${o.regenerationCommand}`:"# Generated by `vis sync codeowners` — do not edit by hand.";return[t.begin,s,...M(e),t.end].join(`
-`)},"renderCodeownersBlock"),ue=y((e,t,o=W)=>{const s=e.indexOf(o.begin),r=e.indexOf(o.end);if(s!==-1&&r!==-1&&r>s){const n=e.slice(0,s),a=r+o.end.length,c=e.slice(a);return`${n}${t}${c}`}const i=e.replace(/\s+$/u,"");return`${i.length===0?"":`${i}
-
-`}${t}
-`},"mergeIntoExisting");var fe=Object.defineProperty,N=j((e,t)=>fe(e,"name",{value:t,configurable:!0}),"f$1");const pe=["**/CODEOWNERS"],he=["**/node_modules/**","**/dist/**","**/build/**","**/coverage/**","**/.git/**","**/.next/**","**/.nuxt/**"],ge=N(e=>{const t=[];for(const o of e.split(/\r?\n/u)){const s=o.indexOf("#"),r=(s===-1?o:o.slice(0,s)).trim();if(r.length===0)continue;const i=r.split(/\s+/u);if(i.length<2)continue;const[n,...a]=i,c=a.filter(l=>l.length>0);!n||c.length===0||t.push({owners:c,path:n})}return t},"parseCodeownersFile"),me=N((e,t)=>{const o=t.replace(/^\.\/?/,"").replace(/\/$/,"");return e.startsWith("/")?o===""?e:`/${o}${e}`:o===""?`/${e}`:`/${o}/${e}`},"rewriteNestedPath"),we=N(async(e,t,o)=>{const s=t&&t.length>0?[...t]:[...pe],r=[...he];if(o){const a=o.replace(/^\.\/?/,"").replace(/^\/+/,"");a.length>0&&r.push(a)}const i=await re(s,{absolute:!0,cwd:e,ignore:r}),n=[];for(const a of i){let c;try{c=V(a)}catch{continue}const l=A(a),p=D(e,l);for(const m of ge(c))n.push({owners:m.owners,path:me(m.path,p)})}return n},"collectNestedCodeownersLines"),be=/^(?:https?:\/\/)?(?:www\.)?github\.com\/([^/?#]+)/iu,$e=N(e=>{if(!e)return;const t=e.match(be);if(!t?.[1])return;const o=t[1].trim();if(!(o===""||o.includes(" ")))return`@${o.replace(/^@/,"")}`},"extractGitHubHandle"),je=N((e,t)=>{const o=[];for(const[s,r]of Object.entries(e.projects)){if(r.owners&&r.owners.length>0)continue;const i=r.root??s,n=C(t,i,"package.json"),a=P(n);if(!a)continue;const c=ne(a.maintainers);if(!c||c.length===0)continue;const l=[],p=new Set;for(const m of c){const w=$e(m.url);w&&!p.has(w)&&(p.add(w),l.push(w))}l.length!==0&&o.push({owners:l,path:i===""||i==="."?"/":`/${i}/`,projectId:s})}return o},"collectMaintainerLines");var ye=Object.defineProperty,v=j((e,t)=>ye(e,"name",{value:t,configurable:!0}),"s");const ke=["author","bugs","homepage","license","repository","engines"],I=v(e=>typeof e=="object"&&e!==null&&!Array.isArray(e),"isPlainObject"),R=v((e,t)=>{if(e===t)return!0;if(typeof e!=typeof t||e===null||t===null)return!1;if(Array.isArray(e)){if(!Array.isArray(t)||e.length!==t.length)return!1;for(const[o,s]of e.entries())if(!R(s,t[o]))return!1;return!0}if(typeof e=="object"&&typeof t=="object"){const o=Object.keys(e),s=Object.keys(t);if(o.length!==s.length)return!1;for(const r of o)if(!R(e[r],t[r]))return!1;return!0}return!1},"deepEqual"),x=v(e=>e===void 0?e:structuredClone(e),"cloneJson"),Ce=v((e,t,o)=>{if(e==="repository"&&I(t)&&I(o)){const s={};for(const[r,i]of Object.entries(t))r!=="directory"&&(s[r]=x(i));return typeof o.directory=="string"&&(s.directory=o.directory),s}return x(t)},"buildTargetValue"),ve=v((e,t,o)=>{const s=[];for(const r of o.fields){if(!Object.hasOwn(e,r))continue;const i=e[r],n=t[r],a=Ce(r,i,n);R(a,n)||s.push({after:a,before:n,field:r,packageJsonPath:""})}return s},"computeFieldChanges"),Ee=v((e,t)=>{for(const o of t)e[o.field]=o.after},"applyFieldChanges");var Oe=Object.defineProperty,G=j((e,t)=>Oe(e,"name",{value:t,configurable:!0}),"n");const U="Generated by `vis sync codeowners --write-guard`. Do not edit by hand.",Ne=G(e=>{const t=e.replace(/^\.?\/+/u,"").replace(/\/+$/u,"");return t===""||t==="."?"**":`${t}/**`},"toPathGlob"),q=G(e=>{const t=new Set,o=[];for(const s of[...e].sort((r,i)=>r.name.localeCompare(i.name))){const r=Ne(s.root);t.has(r)||(t.add(r),o.push(r))}return o},"resolveGlobs"),Ge=G(e=>{const t=q(e),o=t.map(r=>`      - "${r}"`).join(`
-`),s=t.map(r=>`            ${r}`).join(`
-`);return`# ${U}
-name: Write Guard
-
-on:
-  pull_request:
-    paths:
-${o}
-
-permissions:
-  contents: read
-  pull-requests: read
-
-jobs:
-  write-guard:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-        with:
-          fetch-depth: 0
-      - uses: geritol/write-guard@v1
-        with:
-          codeowners: CODEOWNERS
-          paths: |
-${s}
-`},"renderGithubWriteGuard"),Pe=G(e=>{const t=q(e).map(o=>`        - "${o}/*"`).join(`
-`);return`# ${U}
-#
-# SOFT GUARD ONLY — this job does NOT block a merge by itself.
-# It verifies the generated CODEOWNERS is in sync and flags that a
-# restricted path changed. GitLab CI cannot portably gate a merge on
-# code-owner *approval* from a job, so REAL ENFORCEMENT REQUIRES the
-# native GitLab setting:
-#   Settings -> Repository -> Protected branches ->
-#   "Require approval from Code Owners"  (GitLab Premium / Ultimate)
-#   https://docs.gitlab.com/ee/user/project/codeowners/
-# Without that setting enabled, this job is advisory only.
-write-guard:
-  stage: test
-  image: node:22-alpine
-  rules:
-    - if: '$CI_PIPELINE_SOURCE == "merge_request_event"'
-      changes:
-${t}
-  script:
-    - corepack enable
-    - pnpm install --frozen-lockfile
-    - pnpm vis sync codeowners --check
-    - >-
-      echo "SOFT GUARD: a restricted path changed. This job does NOT enforce
-      code-owner approval. Enable 'Require approval from Code Owners' on the
-      protected branch (GitLab Premium/Ultimate) for a real merge gate:
-      https://docs.gitlab.com/ee/user/project/codeowners/"
-`},"renderGitlabWriteGuard"),Re=G(e=>e.length===0?[]:[{content:Ge(e),path:".github/workflows/write-guard.yml"},{content:Pe(e),path:".gitlab/write-guard.gitlab-ci.yml"}],"buildWriteGuardArtifacts");var We=Object.defineProperty,k=j((e,t)=>We(e,"name",{value:t,configurable:!0}),"m");const B=new Set(["nested-codeowners","package-json-maintainers","project-json"]),J=k((e,t,o)=>{const s=new Set,r=[];for(const i of e??[])for(const n of i.split(",")){const a=n.trim();if(a.length===0)continue;if(o&&!o(a))throw new Error(`Unknown codeowners source: "${a}". Known: ${[...B].join(", ")}.`);const c=a;s.has(c)||(s.add(c),r.push(c))}return r.length>0?r:[...t]},"parseCsvOption"),Se=k(e=>B.has(e),"isCodeownersSource"),L=["codeowners","package-json-fields"],_e=k((e,t)=>t.some(o=>Z(o,e)),"matchesAnyGlob"),Ie=k((e,t,o,s)=>{const r=Object.entries(o.projects).filter(([,n])=>n.restricted===!0).map(([n,a])=>({name:n,root:a.root??n})),i=Re(r);if(i.length===0){e.info("No projects flagged `restricted: true` in project.json. Skipping Write Guard.");return}if(s){let n=!1;for(const a of i){const c=C(t,a.path);let l="";try{l=F(c,"utf8")}catch(p){if(p.code!=="ENOENT")throw p}l.trim()!==a.content.trim()&&(e.error(`${a.path} is out of date. Run \`vis sync codeowners --write-guard\` to update it.`),n=!0)}n?process.exitCode=1:e.info(`Write Guard CI is up to date (${i.length} files, ${r.length} restricted projects).`);return}for(const n of i){const a=C(t,n.path);X(A(a)),T(a,n.content),e.info(`Wrote ${n.path}`)}e.info(`Write Guard CI scoped to ${r.length} restricted project${r.length===1?"":"s"}.`)},"handleWriteGuard"),xe=k(async({logger:e,options:t,visConfig:o,workspaceRoot:s})=>{const r=s,{workspace:i}=ee(r,o),n=o?.codeowners;t.writeGuard===!0&&Ie(e,r,i,t.check===!0);const a=J(t.from,n?.sources??["project-json"],Se),c=t.regenerationCommand??n?.regenerationCommand,l=t.preserveBlock===!0||n?.preserveBlock===!0,p=n?.blockMarker??W,m=t.nestedIncludes??n?.nestedIncludes,w=t.out??"CODEOWNERS",f=[];if(a.includes("nested-codeowners")){const g=await we(r,m,w);for(const $ of g)f.push({...$,source:"nested"})}if(a.includes("package-json-maintainers")){const g=je(i,r);for(const $ of g)f.push({...$,source:"maintainers"})}const b=a.includes("project-json")?_(i,n,f):_({projects:{}},n,f);if(b.length===0){e.info("No `owners` entries found in any source. Nothing to sync.");return}const u=C(r,w);let E="";try{E=F(u,"utf8")}catch(g){if(g.code!=="ENOENT")throw g}const d={regenerationCommand:c},h=l?ue(E,le(b,p,d),p):de(b,d);if(t.check){if(E.trim()!==h.trim()){e.error(`${u} is out of date. Run \`vis sync codeowners\` to update it.`),process.exitCode=1;return}e.info(`${u} is up to date.`);return}T(u,h),e.info(`Wrote ${b.length} entries to ${u}`)},"runCodeowners"),Le=k(({logger:e,options:t,visConfig:o,workspaceRoot:s})=>{const r=s,i=o?.editorconfig??!0,n=P(C(r,"package.json"));if(!n){e.error("Could not read root package.json. Nothing to sync."),process.exitCode=1;return}const a=J(t.fields,ke),c=t.ignorePackageName??[],l=t.check===!0,p=(t.format??"human").toLowerCase(),m=t.quiet===!0,w=te(r).filter(d=>d!=="."),f=[];let b=0;for(const d of w){const h=C(r,d,"package.json"),g=P(h);if(!g)continue;const $=typeof g.name=="string"?g.name:void 0;if($!==void 0&&c.length>0&&_e($,c))continue;b+=1;const S=ve(n,g,{fields:a});S.length!==0&&f.push({filePath:h,packageJsonPath:D(r,h),packageName:$,pkg:g,pkgChanges:S})}if(!l)for(const d of f)Ee(d.pkg,d.pkgChanges),Y(d.filePath,d.pkg,{indent:oe(d.filePath,{useEditorconfig:i}),overwrite:!0});const u=f.flatMap(d=>d.pkgChanges.map(h=>({after:h.after,before:h.before,field:h.field,packageJsonPath:d.packageJsonPath,packageName:d.packageName}))),E={changes:u,fields:a,kind:"package-json-fields",mode:l?"check":"write",totalChanges:u.length,totalPackages:b};if(p==="json")process.stdout.write(`${JSON.stringify(E,null,4)}
-`);else if(u.length===0)e.info(`All ${b} package${b===1?"":"s"} in sync (fields: ${a.join(", ")}).`);else if(l){if(!m)for(const d of u)e.error(`${d.packageJsonPath}: ${d.field} drifts from root`);e.error(`Found ${u.length} field drift${u.length===1?"":"s"} across ${f.length} package${f.length===1?"":"s"}. Run \`vis sync package-json-fields\` to fix.`)}else{if(!m)for(const d of f)e.info(`${d.packageJsonPath}: synced ${d.pkgChanges.map(h=>h.field).join(", ")}`);e.info(`Synced ${u.length} field${u.length===1?"":"s"} across ${f.length} package${f.length===1?"":"s"}.`)}l&&u.length>0&&(process.exitCode=1)},"runPackageJsonFields"),Be=k(async e=>{const t=e.argument[0];if(!t)throw new Error(`Missing sync kind. Usage: vis sync <kind> (known kinds: ${L.join(", ")})`);if(!e.workspaceRoot)throw new Error("Could not determine workspace root. Run inside a monorepo.");if(t==="codeowners"){await xe(e);return}if(t==="package-json-fields"){Le(e);return}throw new Error(`Unknown sync kind: "${t}". Known kinds: ${L.join(", ")}.`)},"execute");export{Be as default};
+var le=Object.defineProperty;var T=(a,e)=>le(a,"name",{value:e,configurable:!0});import{createRequire as se}from"node:module";import{E as S,j as I,q as H}from"../packem_shared/index.server-B7ETiT4C.js";import{projectGraphToDot as he}from"@visulima/task-runner";import{render as fe}from"@visulima/tui";import{aE as V,C as ge,O as me,s as ue}from"./bin.js";import be,{useSyncExternalStore as we,useState as j,useRef as Q,useMemo as P,useCallback as X,useEffect as ve}from"react";import Ce from"graphology";import W from"graphology-layout-forceatlas2";import{d as Se}from"../packem_shared/anolilab-text-CAM_E6uK.js";import{jsx as r,jsxs as o}from"react/jsx-runtime";import{Box as s}from"@visulima/tui/components/box";import{Dialog as Te}from"@visulima/tui/components/dialog";import{Text as t}from"@visulima/tui/components/text";import{useApp as Ee}from"@visulima/tui/hooks/use-app";import{useInput as Ne}from"@visulima/tui/hooks/use-input";import{useWindowSize as Ie}from"@visulima/tui/hooks/use-window-size";import{ScrollView as Me}from"@visulima/tui/components/scroll-view";import{ScrollBar as Ae}from"@visulima/tui/components/scroll-bar";const ce=se(import.meta.url),F=typeof globalThis<"u"&&typeof globalThis.process<"u"?globalThis.process:process,D=T(a=>{if(typeof F<"u"&&F.versions&&F.versions.node){const[e,n]=F.versions.node.split(".").map(Number);if(e>22||e===22&&n>=3||e===20&&n>=16)return F.getBuiltinModule(a)}return ce(a)},"__cjs_getBuiltinModule"),{readFileSync:de,writeFileSync:pe}=D("node:fs"),{createRequire:xe}=D("node:module"),{join:ye,dirname:ke}=D("node:path");var Re=`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-content:""}}}@layer theme{:root,:host{--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-light:300;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-normal:0em;--leading-tight:1.25;--leading-snug:1.375;--radius-sm:.25rem;--ease-out:cubic-bezier(0, 0, .2, 1);--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--sans);--default-mono-font-family:var(--mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--bg:#f5f5f5;--panel:#fff;--panel2:#f0f0f0;--fg:#000;--muted:#555;--faint:#707070;--border:#e0e0e0;--border2:#bdbdbd;--row-hover:#f0f0f0;--accent:#d71921;--accent-soft:#d719210d;--link:#0050c0;--node-app:#000;--node-lib:#707070;--edge:#bdbdbd;--edge-faint:#e0e0e0;--mono:ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Mono", "Roboto Mono", Menlo, Consolas, monospace;--sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#141414;--panel:#1c1c1c;--panel2:#242424;--fg:#fff;--muted:#b8b8b8;--faint:#8a8a8a;--border:#2e2e2e;--border2:#3e3e3e;--row-hover:#1f1f1f;--accent:#ff4d54;--accent-soft:#ff4d5414;--link:#7eb0f9;--node-app:#fff;--node-lib:#8a8a8a;--edge:#3e3e3e;--edge-faint:#2e2e2e}}html[data-theme=light]{--bg:#f5f5f5;--panel:#fff;--panel2:#f0f0f0;--fg:#000;--muted:#555;--faint:#707070;--border:#e0e0e0;--border2:#bdbdbd;--row-hover:#f0f0f0;--accent:#d71921;--accent-soft:#d719210d;--link:#0050c0;--node-app:#000;--node-lib:#707070;--edge:#bdbdbd;--edge-faint:#e0e0e0}html[data-theme=dark]{--bg:#141414;--panel:#1c1c1c;--panel2:#242424;--fg:#fff;--muted:#b8b8b8;--faint:#8a8a8a;--border:#2e2e2e;--border2:#3e3e3e;--row-hover:#1f1f1f;--accent:#ff4d54;--accent-soft:#ff4d5414;--link:#7eb0f9;--node-app:#fff;--node-lib:#8a8a8a;--edge:#3e3e3e;--edge-faint:#2e2e2e}body{background-image:radial-gradient(circle, var(--border) .5px, transparent .5px);font-feature-settings:"ss01";background-size:14px 14px}}@layer components{.tbtn-theme [data-icon=moon]{display:inline-flex}.tbtn-theme [data-icon=sun]{display:none}@media (prefers-color-scheme:dark){.tbtn-theme [data-icon=moon]{display:none}.tbtn-theme [data-icon=sun]{display:inline-flex}}html[data-theme=light] .tbtn-theme [data-icon=moon]{display:inline-flex}html[data-theme=light] .tbtn-theme [data-icon=sun],html[data-theme=dark] .tbtn-theme [data-icon=moon]{display:none}html[data-theme=dark] .tbtn-theme [data-icon=sun]{display:inline-flex}.anolilab-logo{width:auto;height:13px;fill:var(--fg)}.anolilab-accent{fill:#dfff1b}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.top-0{top:calc(var(--spacing) * 0)}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.top-full{top:100%}.right-0{right:calc(var(--spacing) * 0)}.right-4{right:calc(var(--spacing) * 4)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-5{bottom:calc(var(--spacing) * 5)}.left-0{left:calc(var(--spacing) * 0)}.left-4{left:calc(var(--spacing) * 4)}.isolate{isolation:isolate}.z-20{z-index:20}.z-30{z-index:30}.z-\\[2\\]{z-index:2}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mx-12{margin-inline:calc(var(--spacing) * 12)}.mx-\\[0\\.12em\\]{margin-inline:.12em}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-8{margin-left:calc(var(--spacing) * 8)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.size-\\[7px\\]{width:7px;height:7px}.h-2{height:calc(var(--spacing) * 2)}.h-5{height:calc(var(--spacing) * 5)}.h-7{height:calc(var(--spacing) * 7)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-\\[6px\\]{height:6px}.h-\\[7px\\]{height:7px}.h-\\[8px\\]{height:8px}.h-\\[10px\\]{height:10px}.h-\\[18px\\]{height:18px}.h-full{height:100%}.h-px{height:1px}.max-h-72{max-height:calc(var(--spacing) * 72)}.min-h-\\[400px\\]{min-height:400px}.min-h-\\[480px\\]{min-height:480px}.min-h-screen{min-height:100vh}.w-2{width:calc(var(--spacing) * 2)}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-7{width:calc(var(--spacing) * 7)}.w-9{width:calc(var(--spacing) * 9)}.w-\\[7px\\]{width:7px}.w-\\[8px\\]{width:8px}.w-full{width:100%}.w-px{width:1px}.max-w-\\[380px\\]{max-width:380px}.max-w-\\[1080px\\]{max-width:1080px}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-\\[200px\\]{min-width:200px}.min-w-\\[220px\\]{min-width:220px}.min-w-\\[260px\\]{min-width:260px}.flex-1{flex:1}.flex-\\[1_1_280px\\]{flex:280px}.flex-auto{flex:auto}.flex-none{flex:none}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-move{cursor:move}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\\[72px_1fr\\]{grid-template-columns:72px 1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0{gap:calc(var(--spacing) * 0)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-16{gap:calc(var(--spacing) * 16)}.gap-\\[0\\.65rem\\]{gap:.65rem}.gap-\\[2px\\]{gap:2px}.gap-\\[7px\\]{gap:7px}.gap-px{gap:1px}:where(.space-y-0\\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-y-1{row-gap:calc(var(--spacing) * 1)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-3{row-gap:calc(var(--spacing) * 3)}.self-center{align-self:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-\\[3px\\]{border-radius:3px}.rounded-\\[4px\\]{border-radius:4px}.rounded-full{border-radius:3.40282e38px}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-accent,.border-accent\\/60{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.border-accent\\/60{border-color:color-mix(in oklab, var(--accent) 60%, transparent)}}.border-border{border-color:var(--border)}.border-border2{border-color:var(--border2)}.border-fg{border-color:var(--fg)}.border-link{border-color:var(--link)}.bg-accent{background-color:var(--accent)}.bg-accent-soft{background-color:var(--accent-soft)}.bg-accent\\/40{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.bg-accent\\/40{background-color:color-mix(in oklab, var(--accent) 40%, transparent)}}.bg-bg,.bg-bg\\/40{background-color:var(--bg)}@supports (color:color-mix(in lab, red, red)){.bg-bg\\/40{background-color:color-mix(in oklab, var(--bg) 40%, transparent)}}.bg-border{background-color:var(--border)}.bg-border2{background-color:var(--border2)}.bg-edge{background-color:var(--edge)}.bg-edge-faint{background-color:var(--edge-faint)}.bg-fg{background-color:var(--fg)}.bg-node-app{background-color:var(--node-app)}.bg-node-lib{background-color:var(--node-lib)}.bg-panel,.bg-panel\\/95{background-color:var(--panel)}@supports (color:color-mix(in lab, red, red)){.bg-panel\\/95{background-color:color-mix(in oklab, var(--panel) 95%, transparent)}}.bg-panel2{background-color:var(--panel2)}.bg-transparent{background-color:#0000}.p-0{padding:calc(var(--spacing) * 0)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-0{padding-inline:calc(var(--spacing) * 0)}.px-0\\.5{padding-inline:calc(var(--spacing) * .5)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-12{padding-inline:calc(var(--spacing) * 12)}.px-\\[5px\\]{padding-inline:5px}.px-\\[6px\\]{padding-inline:6px}.py-0\\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-\\[3px\\]{padding-block:3px}.py-px{padding-block:1px}.pt-0\\.5{padding-top:calc(var(--spacing) * .5)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-7{padding-top:calc(var(--spacing) * 7)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pr-0{padding-right:calc(var(--spacing) * 0)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-6{padding-right:calc(var(--spacing) * 6)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-1\\.5{padding-bottom:calc(var(--spacing) * 1.5)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pl-0{padding-left:calc(var(--spacing) * 0)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-\\[7px\\]{padding-left:7px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.align-top{vertical-align:top}.font-mono{font-family:var(--mono)}.font-sans{font-family:var(--sans)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-\\[9px\\]{font-size:9px}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.text-\\[12px\\]{font-size:12px}.text-\\[13px\\]{font-size:13px}.text-\\[14px\\]{font-size:14px}.text-\\[15px\\]{font-size:15px}.text-\\[22px\\]{font-size:22px}.text-\\[28px\\]{font-size:28px}.text-\\[44px\\]{font-size:44px}.text-\\[72px\\]{font-size:72px}.text-\\[clamp\\(28px\\,5vw\\,52px\\)\\]{font-size:clamp(28px,5vw,52px)}.leading-\\[0\\.9\\]{--tw-leading:.9;line-height:.9}.leading-none{--tw-leading:1;line-height:1}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\\[-0\\.02em\\]{--tw-tracking:-.02em;letter-spacing:-.02em}.tracking-\\[0\\.1em\\]{--tw-tracking:.1em;letter-spacing:.1em}.tracking-\\[0\\.05em\\]{--tw-tracking:.05em;letter-spacing:.05em}.tracking-\\[0\\.08em\\]{--tw-tracking:.08em;letter-spacing:.08em}.tracking-\\[0\\.11em\\]{--tw-tracking:.11em;letter-spacing:.11em}.tracking-\\[0\\.12em\\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\\[0\\.15em\\]{--tw-tracking:.15em;letter-spacing:.15em}.tracking-\\[0\\.16em\\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-\\[0\\.22em\\]{--tw-tracking:.22em;letter-spacing:.22em}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-accent{color:var(--accent)}.text-bg{color:var(--bg)}.text-faint{color:var(--faint)}.text-fg{color:var(--fg)}.text-link{color:var(--link)}.text-muted{color:var(--muted)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.italic{font-style:italic}.no-underline{text-decoration-line:none}.opacity-40{opacity:.4}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_4px_12px_rgba\\(0\\,0\\,0\\,0\\.08\\)\\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_8px_24px_rgba\\(0\\,0\\,0\\,0\\.12\\)\\]{--tw-shadow:0 8px 24px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-0{outline-style:var(--tw-outline-style);outline-width:0}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.select-none{-webkit-user-select:none;user-select:none}.group-data-\\[state\\=off\\]\\:opacity-30:is(:where(.group)[data-state=off] *){opacity:.3}.placeholder\\:text-faint::placeholder{color:var(--faint)}.before\\:absolute:before{content:var(--tw-content);position:absolute}.before\\:left-0:before{content:var(--tw-content);left:calc(var(--spacing) * 0)}.before\\:text-faint:before{content:var(--tw-content);color:var(--faint)}.before\\:content-\\[\\'→\\'\\]:before{--tw-content:"→";content:var(--tw-content)}.after\\:ml-auto:after{content:var(--tw-content);margin-left:auto}.after\\:font-mono:after{content:var(--tw-content);font-family:var(--mono)}.after\\:text-\\[9px\\]:after{content:var(--tw-content);font-size:9px}.after\\:tracking-\\[0\\.1em\\]:after{content:var(--tw-content);--tw-tracking:.1em;letter-spacing:.1em}.after\\:text-accent:after{content:var(--tw-content);color:var(--accent)}.after\\:content-\\[\\'ON\\'\\]:after{--tw-content:"ON";content:var(--tw-content)}.last\\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.focus-within\\:border-fg:focus-within{border-color:var(--fg)}@media (hover:hover){.hover\\:border-fg:hover{border-color:var(--fg)}.hover\\:bg-accent:hover{background-color:var(--accent)}.hover\\:bg-row-hover:hover{background-color:var(--row-hover)}.hover\\:text-accent:hover{color:var(--accent)}.hover\\:text-fg:hover{color:var(--fg)}.hover\\:text-white:hover{color:var(--color-white)}.hover\\:opacity-90:hover{opacity:.9}}.focus-visible\\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\\:ring-fg:focus-visible{--tw-ring-color:var(--fg)}.focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:opacity-40:disabled{opacity:.4}.aria-selected\\:bg-row-hover[aria-selected=true]{background-color:var(--row-hover)}.data-\\[open\\=false\\]\\:hidden[data-open=false]{display:none}.data-\\[pinned\\=true\\]\\:pointer-events-auto[data-pinned=true]{pointer-events:auto}.data-\\[pinned\\=true\\]\\:border-accent[data-pinned=true]{border-color:var(--accent)}.data-\\[state\\=off\\]\\:text-faint[data-state=off]{color:var(--faint)}.data-\\[state\\=off\\]\\:line-through[data-state=off]{text-decoration-line:line-through}.data-\\[state\\=off\\]\\:after\\:text-faint[data-state=off]:after{content:var(--tw-content);color:var(--faint)}.data-\\[state\\=off\\]\\:after\\:content-\\[\\'OFF\\'\\][data-state=off]:after{--tw-content:"OFF";content:var(--tw-content)}.data-\\[state\\=selected\\]\\:bg-row-hover[data-state=selected]{background-color:var(--row-hover)}.data-\\[state\\=zero\\]\\:text-accent[data-state=zero]{color:var(--accent)}@media (min-width:40rem){.sm\\:min-w-\\[320px\\]{min-width:320px}}@media (min-width:48rem){.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\\:grid-cols-\\[1\\.4fr_1fr\\]{grid-template-columns:1.4fr 1fr}}.\\[\\&_svg\\]\\:size-\\[14px\\] svg{width:14px;height:14px}.\\[\\&_svg\\]\\:shrink-0 svg{flex-shrink:0}.\\[\\&_tr\\]\\:border-b-0 tr{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.\\[\\&\\>\\*\\+\\*\\]\\:ml-6>*+*{margin-left:calc(var(--spacing) * 6)}.\\[\\&\\>\\*\\+\\*\\]\\:border-l>*+*{border-left-style:var(--tw-border-style);border-left-width:1px}.\\[\\&\\>\\*\\+\\*\\]\\:border-border>*+*{border-color:var(--border)}.\\[\\&\\>\\*\\+\\*\\]\\:pl-6>*+*{padding-left:calc(var(--spacing) * 6)}.\\[\\&\\>td\\]\\:border-b>td{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\\[\\&\\>td\\]\\:border-border>td{border-color:var(--border)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}`,Fe=Object.defineProperty,$=T((a,e)=>Fe(a,"name",{value:e,configurable:!0}),"d$1");const ze=Re,$e=xe(import.meta.url),L=$((a,e)=>{const n=$e.resolve(a);return de(ye(ke(n),e),"utf8")},"readUmd"),Le=L("sigma","sigma.min.js"),je=L("graphology","graphology.umd.min.js"),Pe=L("@floating-ui/core","floating-ui.core.umd.min.js"),De=L("@floating-ui/dom","floating-ui.dom.umd.min.js"),Oe='<svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/></svg>',_e='<svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="4"/><path d="M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32 1.41 1.41M2 12h2m16 0h2M4.93 19.07l1.41-1.41m11.32-11.32 1.41-1.41"/></svg>',N=$(a=>a.replaceAll("&","&amp;").replaceAll("<","&lt;").replaceAll(">","&gt;").replaceAll('"',"&quot;").replaceAll("'","&#39;"),"escapeHtml"),Be=9,Ue=4,Ge=$((a,e)=>{if(a.length===0)return[];const n=new Ce({multi:!0,type:"directed"});for(const i of a){const g=n.order/a.length*Math.PI*2;n.addNode(i.name,{type:i.type,path:i.path,x:Math.cos(g),y:Math.sin(g),size:i.type==="application"?Be:Ue})}for(const i of e)n.hasNode(i.source)&&n.hasNode(i.target)&&n.addEdge(i.source,i.target,{type:i.type});const l=W.inferSettings(n);W.assign(n,{iterations:600,settings:{...l,adjustSizes:!0,barnesHutOptimize:n.order>100,gravity:1.2,linLogMode:!0,scalingRatio:8,slowDown:4}});const c=[];return n.forEachNode((i,g)=>{c.push({name:i,path:g.path,type:g.type,x:g.x,y:g.y,size:g.size})}),c},"computeLayout"),qe=$(a=>{const e=a.now??new Date,n=a.nodes.filter(m=>m.type==="application").length,l=a.nodes.length-n,c=Ge(a.nodes,a.edges),i=new Set(c.map(m=>m.name)),g=a.edges.filter(m=>i.has(m.source)&&i.has(m.target)),d={nodes:c,edges:g},v=a.nodes.length===0,h={chip:"font-mono tracking-[0.08em] text-muted border border-border2 inline-flex h-7 items-center justify-center rounded-[4px] px-3 text-[11px] font-medium uppercase",labelMono:"font-mono text-[10px] uppercase tracking-[0.15em] text-faint",dvNum:"font-mono text-[22px] font-medium text-fg leading-none"};return`<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>${N(a.tool.name)} graph · ${N(e.toISOString().slice(0,10))}</title>
+<style>${ze}</style>
+</head>
+<body class="bg-bg text-fg">
+<div class="min-h-screen flex flex-col">
+<header class="flex flex-wrap items-end gap-4 px-8 pt-8 pb-5">
+  <div class="font-sans text-[clamp(28px,5vw,52px)] font-semibold text-fg leading-none tracking-tight">${(()=>{const[m,...f]=a.tool.name.split("-");return f.length>0?`${N(m??a.tool.name)}<span class="text-accent mx-[0.12em] font-light">/</span>${N(f.join("-"))}`:N(a.tool.name)})()}<span class="font-mono tracking-[0.22em] text-faint mt-3 block text-[10px] font-medium uppercase">dependency graph</span></div>
+  <span class="flex-auto"></span>
+  <span class="${h.chip}">v${N(a.tool.version)}</span>
+  <button id="theme" class="tbtn-theme font-mono text-muted border border-border2 inline-flex h-7 w-9 cursor-pointer items-center justify-center rounded-[4px] bg-transparent transition-colors duration-150 hover:text-fg hover:border-fg" type="button" aria-label="Toggle color theme" title="Toggle color theme"><span data-icon="moon" class="items-center justify-center">${Oe}</span><span data-icon="sun" class="items-center justify-center">${_e}</span></button>
+</header>
+<div class="flex flex-wrap items-end gap-6 px-8 pt-5 pb-5 border-b border-border">
+  <div class="flex flex-wrap items-stretch gap-0 [&>*+*]:pl-6 [&>*+*]:ml-6 [&>*+*]:border-l [&>*+*]:border-border">
+    <div class="flex items-baseline gap-[0.65rem]"><span class="${h.labelMono}">apps</span><span class="${h.dvNum}">${String(n)}</span></div>
+    <div class="flex items-baseline gap-[0.65rem]"><span class="${h.labelMono}">libraries</span><span class="${h.dvNum}">${String(l)}</span></div>
+    <div class="flex items-baseline gap-[0.65rem]"><span class="${h.labelMono}">dependencies</span><span class="${h.dvNum}">${String(g.length)}</span></div>
+  </div>
+  <span class="flex-auto"></span>
+  <div class="relative min-w-[260px] sm:min-w-[320px] ml-auto">
+    <label class="flex items-center gap-3 border-b border-border2 transition-colors duration-150 hover:border-fg focus-within:border-fg pb-1.5">
+      <span class="${h.labelMono} select-none">find:</span>
+      <input id="filter" type="search" class="w-full min-w-0 border-0 bg-transparent py-0.5 text-fg text-[12px] font-mono outline-0 placeholder:text-faint" placeholder="package name…" aria-label="Filter packages" autocomplete="off" spellcheck="false" />
+      <span id="filter-count" data-state="" class="font-mono text-faint text-[10px] tracking-[0.05em] shrink-0 select-none data-[state=zero]:text-accent" aria-live="polite"></span>
+    </label>
+    <div id="filter-results" data-open="false" class="data-[open=false]:hidden absolute z-20 top-full left-0 right-0 mt-2 bg-panel border border-border max-h-72 overflow-y-auto shadow-[0_4px_12px_rgba(0,0,0,0.08)]" role="listbox" aria-label="Matching packages"></div>
+  </div>
+</div>
+<main class="relative flex-1 min-h-[480px]">${v?'<div class="flex flex-col items-center justify-center min-h-[400px] gap-4 text-center"><div class="font-sans text-[72px] font-semibold text-fg leading-none tracking-tight">NONE</div><div class="font-mono text-faint text-[12px] uppercase tracking-[0.15em]">No projects discovered in this workspace.</div></div>':`<div id="graph" class="absolute inset-0"></div>
+<div id="tooltip" data-pinned="false" class="fixed z-30 top-0 left-0 hidden bg-panel border border-border2 px-4 py-3 max-w-[380px] pointer-events-none font-sans shadow-[0_8px_24px_rgba(0,0,0,0.12)] data-[pinned=true]:pointer-events-auto data-[pinned=true]:border-accent"></div>
+<div id="legend" class="absolute top-4 right-4 bg-panel/95 backdrop-blur-sm border border-border px-4 py-3 min-w-[200px]">
+  <div class="${h.labelMono} mb-2">Filter</div>
+  <div data-toggle="app" data-state="on" class="group flex items-center gap-3 py-1 cursor-pointer text-[12px] text-fg select-none transition-colors hover:text-accent data-[state=off]:line-through data-[state=off]:text-faint after:content-['ON'] after:font-mono after:text-[9px] after:tracking-[0.1em] after:ml-auto after:text-accent data-[state=off]:after:content-['OFF'] data-[state=off]:after:text-faint" role="switch" aria-checked="true" tabindex="0"><span class="inline-block w-2 h-2 rounded-full bg-node-app shrink-0 group-data-[state=off]:opacity-30"></span>Application</div>
+  <div data-toggle="lib" data-state="on" class="group flex items-center gap-3 py-1 cursor-pointer text-[12px] text-fg select-none transition-colors hover:text-accent data-[state=off]:line-through data-[state=off]:text-faint after:content-['ON'] after:font-mono after:text-[9px] after:tracking-[0.1em] after:ml-auto after:text-accent data-[state=off]:after:content-['OFF'] data-[state=off]:after:text-faint" role="switch" aria-checked="true" tabindex="0"><span class="inline-block w-2 h-2 rounded-full bg-node-lib shrink-0 group-data-[state=off]:opacity-30"></span>Library</div>
+  <div data-toggle="prod" data-state="on" class="group flex items-center gap-3 py-1 cursor-pointer text-[12px] text-fg select-none transition-colors hover:text-accent data-[state=off]:line-through data-[state=off]:text-faint after:content-['ON'] after:font-mono after:text-[9px] after:tracking-[0.1em] after:ml-auto after:text-accent data-[state=off]:after:content-['OFF'] data-[state=off]:after:text-faint" role="switch" aria-checked="true" tabindex="0"><span class="inline-block w-4 h-px bg-edge shrink-0 group-data-[state=off]:opacity-30"></span>Static dep</div>
+  <div data-toggle="dev" data-state="on" class="group flex items-center gap-3 py-1 cursor-pointer text-[12px] text-fg select-none transition-colors hover:text-accent data-[state=off]:line-through data-[state=off]:text-faint after:content-['ON'] after:font-mono after:text-[9px] after:tracking-[0.1em] after:ml-auto after:text-accent data-[state=off]:after:content-['OFF'] data-[state=off]:after:text-faint" role="switch" aria-checked="true" tabindex="0"><span class="inline-block w-4 h-px bg-edge-faint shrink-0 group-data-[state=off]:opacity-30"></span>Dev / implicit</div>
+  <div data-toggle="peer" data-state="on" class="group flex items-center gap-3 py-1 cursor-pointer text-[12px] text-fg select-none transition-colors hover:text-accent data-[state=off]:line-through data-[state=off]:text-faint after:content-['ON'] after:font-mono after:text-[9px] after:tracking-[0.1em] after:ml-auto after:text-accent data-[state=off]:after:content-['OFF'] data-[state=off]:after:text-faint" role="switch" aria-checked="true" tabindex="0"><span class="inline-block w-4 h-px bg-accent shrink-0 group-data-[state=off]:opacity-30"></span>Peer</div>
+</div>
+<div class="absolute bottom-4 left-4 flex flex-wrap items-center gap-x-6 gap-y-2 bg-panel/95 backdrop-blur-sm border border-border px-4 py-2 font-mono text-[10px] uppercase tracking-[0.15em] text-faint">
+  <div class="flex items-center gap-2"><span class="inline-flex h-5 min-w-5 items-center justify-center px-1.5 border border-border2 rounded text-fg bg-panel2 normal-case tracking-normal text-[10px]">/</span><span>Search</span></div>
+  <div class="flex items-center gap-2"><span class="inline-flex h-5 min-w-5 items-center justify-center px-1.5 border border-border2 rounded text-fg bg-panel2 normal-case tracking-normal text-[10px]">R</span><span>Fit view</span></div>
+  <div class="flex items-center gap-2"><span class="inline-flex h-5 min-w-5 items-center justify-center px-1.5 border border-border2 rounded text-fg bg-panel2 normal-case tracking-normal text-[10px]">Click</span><span>Pin · click empty to unpin</span></div>
+</div>`}</main>
+<footer class="flex flex-wrap items-center justify-between gap-x-6 gap-y-3 px-8 py-4 text-[10px] uppercase border-t border-border font-mono text-faint tracking-[0.1em]">
+  <span><b class="text-fg font-semibold">${N(a.tool.name)}</b> ${N(a.tool.version)} · generated ${N(e.toISOString())}</span>
+  <span class="inline-flex items-center gap-2"><span>built by</span><a class="sig-by-link inline-flex items-center" href="https://anolilab.com" rel="noreferrer noopener" target="_blank" aria-label="Anolilab">${Se}</a></span>
+</footer>
+</div>
+<script>${je}<\/script>
+<script>${Le}<\/script>
+<script>${Pe}<\/script>
+<script>${De}<\/script>
+<script>
+(() => {
+  const root = document.documentElement;
+  const themeBtn = document.getElementById('theme');
+  const mql = window.matchMedia('(prefers-color-scheme: dark)');
+
+  try {
+    const stored = localStorage.getItem('vis-graph-theme');
+    if (stored === 'light' || stored === 'dark') {
+      root.dataset.theme = stored;
+    }
+  } catch {}
+
+  const data = ${JSON.stringify(d).replaceAll("</",String.raw`<\/`)};
+  if (!data.nodes.length || !window.graphology || !window.Sigma) {
+    return;
+  }
+
+  // Reusable Tailwind utility-class strings for dynamically-created elements.
+  // Inline-everywhere is the system of record; these strings only exist
+  // because the JS DOM API can't read Tailwind from the markup.
+  const CLS = {
+    ttlName: 'font-sans text-fg text-[13px] font-semibold leading-tight mb-1 break-words',
+    ttlType: 'font-mono text-faint text-[10px] uppercase tracking-[0.15em]',
+    ttlPath: 'font-mono text-muted text-[10px] mt-2 break-all',
+    ttlSection: 'font-mono text-faint text-[10px] uppercase tracking-[0.15em] mt-3 mb-1',
+    ttlEmpty: 'font-mono text-faint text-[10px] italic mt-2',
+    ttlMore: 'font-mono text-faint text-[10px] italic pl-3 mt-1',
+    ttlUl: 'mt-1 space-y-0.5',
+    ttlLi: "font-mono text-fg text-[11px] leading-snug pl-3 relative before:content-['→'] before:text-faint before:absolute before:left-0",
+    matchItem: 'flex items-center justify-between gap-3 px-3 py-2 cursor-pointer text-[12px] hover:bg-row-hover aria-selected:bg-row-hover',
+    miName: 'font-sans text-fg truncate',
+    miMark: 'bg-accent-soft text-accent rounded-sm px-0.5',
+    miKind: 'font-mono text-faint text-[10px] uppercase tracking-[0.15em] shrink-0',
+    matchEmpty: 'font-mono text-faint text-[10px] uppercase tracking-[0.15em] px-3 py-3',
+  };
+
+  // Read live colors from the rendered CSS so theme switches stay in one
+  // place: change vars → call sigma.refresh() and node/edge colors update.
+  const css = () => {
+    const s = getComputedStyle(root);
+    return {
+      app: s.getPropertyValue('--node-app').trim(),
+      lib: s.getPropertyValue('--node-lib').trim(),
+      edge: s.getPropertyValue('--edge').trim(),
+      edgeFaint: s.getPropertyValue('--edge-faint').trim(),
+      accent: s.getPropertyValue('--accent').trim(),
+      fg: s.getPropertyValue('--fg').trim(),
+      muted: s.getPropertyValue('--muted').trim(),
+    };
+  };
+
+  let theme = css();
+
+  const Graph = window.graphology.Graph || window.graphology;
+  const graph = new Graph({ multi: true, type: 'directed' });
+
+  const colorForNode = (type) => type === 'application' ? theme.app : theme.lib;
+  const colorForEdge = (type) => {
+    if (type === 'peerDependency') return theme.accent;
+    if (type === 'devDependency' || type === 'implicit') return theme.edgeFaint;
+    return theme.edge;
+  };
+
+  // Attribute is named "kind", not "type": sigma reads node.type as its
+  // program-class name and bails when it sees "application" / "library".
+  for (const n of data.nodes) {
+    graph.addNode(n.name, {
+      x: n.x,
+      y: n.y,
+      size: n.size,
+      label: n.name,
+      kind: n.type,
+      path: n.path,
+      color: colorForNode(n.type),
+    });
+  }
+
+  for (const e of data.edges) {
+    graph.addEdge(e.source, e.target, {
+      color: colorForEdge(e.type),
+      depType: e.type,
+      size: 1,
+    });
+  }
+
+  // Adjacency for tooltip & hover-emphasis.
+  const depMap = {}, rdepMap = {};
+  for (const n of data.nodes) { depMap[n.name] = []; rdepMap[n.name] = []; }
+  for (const e of data.edges) {
+    depMap[e.source].push(e.target);
+    rdepMap[e.target].push(e.source);
+  }
+
+  const container = document.getElementById('graph');
+  const tooltip = document.getElementById('tooltip');
+  const filterInput = document.getElementById('filter');
+  const filterCount = document.getElementById('filter-count');
+  const filterResults = document.getElementById('filter-results');
+
+  const renderer = new window.Sigma(graph, container, {
+    renderEdgeLabels: false,
+    labelColor: { color: theme.fg },
+    labelFont: 'system-ui, -apple-system, sans-serif',
+    labelSize: 11,
+    labelWeight: '500',
+    labelDensity: 0.7,
+    labelGridCellSize: 80,
+    defaultEdgeColor: theme.edge,
+    defaultNodeColor: theme.lib,
+    defaultEdgeType: 'arrow',
+    minCameraRatio: 0.05,
+    maxCameraRatio: 8,
+    // Suppress sigma's built-in hover label panel. We render our own tooltip,
+    // so its empty label box (the small rectangle near the cursor) is noise.
+    defaultDrawNodeHover: () => undefined,
+  });
+
+  // State: hover follows the mouse, focus is sticky (set by clicking a node
+  // or selecting a search result), pin keeps the tooltip locked in place.
+  let hoveredNode = null;
+  let focusedNode = null;
+  let pinned = false;
+  let filterTerm = '';
+  let matches = [];
+  let activeMatchIndex = -1;
+
+  // Legend filter state: each key toggles the visibility of a category.
+  // previewCategory is set transiently while hovering a legend row so the
+  // user can sneak-peek which lines/nodes belong to that category without
+  // committing to a toggle.
+  const visible = { app: true, lib: true, prod: true, dev: true, peer: true };
+  let previewCategory = null;
+  const isNodeCat = (k) => k === 'app' || k === 'lib';
+  const isEdgeCat = (k) => k === 'prod' || k === 'dev' || k === 'peer';
+  const edgeCategory = (depType) => {
+    if (depType === 'peerDependency') return 'peer';
+    if (depType === 'devDependency' || depType === 'implicit') return 'dev';
+    return 'prod';
+  };
+  const nodeVisible = (kind) => visible[kind === 'application' ? 'app' : 'lib'];
+
+  const activeNode = () => focusedNode || hoveredNode;
+
+  renderer.setSetting('nodeReducer', (node, attrs) => {
+    if (!nodeVisible(attrs.kind)) {
+      return { ...attrs, hidden: true, label: '' };
+    }
+    // Legend-row preview takes precedence over normal focus/hover emphasis:
+    // hovering a category gives an unambiguous "show me what's in this set".
+    if (previewCategory) {
+      const nodeCat = attrs.kind === 'application' ? 'app' : 'lib';
+      const inPreview = isNodeCat(previewCategory) ? nodeCat === previewCategory : false;
+      return {
+        ...attrs,
+        color: inPreview ? attrs.color : theme.edgeFaint,
+        label: inPreview ? attrs.label : '',
+        zIndex: inPreview ? 1 : 0,
+      };
+    }
+    const active = activeNode();
+    const matchedFilter = !filterTerm || node.toLowerCase().includes(filterTerm);
+    const isActive = active === node;
+    const isRelated = active && (depMap[active]?.includes(node) || rdepMap[active]?.includes(node));
+    const dim = (filterTerm && !matchedFilter) || (active && !isActive && !isRelated);
+    return {
+      ...attrs,
+      color: isActive ? theme.accent : attrs.color,
+      label: dim ? '' : attrs.label,
+      zIndex: isActive ? 2 : isRelated ? 1 : 0,
+    };
+  });
+
+  renderer.setSetting('edgeReducer', (edge, attrs) => {
+    if (!visible[edgeCategory(attrs.depType)]) {
+      return { ...attrs, hidden: true };
+    }
+    const ext = graph.extremities(edge);
+    if (!nodeVisible(graph.getNodeAttribute(ext[0], 'kind')) || !nodeVisible(graph.getNodeAttribute(ext[1], 'kind'))) {
+      return { ...attrs, hidden: true };
+    }
+    if (previewCategory) {
+      if (isEdgeCat(previewCategory)) {
+        const inPreview = edgeCategory(attrs.depType) === previewCategory;
+        return { ...attrs, color: inPreview ? theme.accent : theme.edgeFaint, size: inPreview ? 1.5 : 0.3, zIndex: inPreview ? 1 : 0 };
+      }
+      // Previewing a node category dims every edge — the focus is on the dots.
+      return { ...attrs, color: theme.edgeFaint, size: 0.3 };
+    }
+    const active = activeNode();
+    const touchesActive = active && (ext[0] === active || ext[1] === active);
+    if (active && !touchesActive) {
+      return { ...attrs, color: theme.edgeFaint, hidden: false, size: 0.5 };
+    }
+    if (touchesActive) {
+      return { ...attrs, color: theme.accent, size: 1.5, zIndex: 1 };
+    }
+    return attrs;
+  });
+
+  // Tooltip body assembled with safe DOM methods (createElement +
+  // textContent) — no innerHTML, no template strings of user data.
+  const MAX_TOOLTIP_ITEMS = 8;
+  const setTooltipContent = (name) => {
+    const node = graph.getNodeAttributes(name);
+    const deps = depMap[name] || [];
+    const rdeps = rdepMap[name] || [];
+    tooltip.textContent = '';
+
+    const nameEl = document.createElement('div');
+    nameEl.className = CLS.ttlName;
+    nameEl.textContent = name;
+    tooltip.appendChild(nameEl);
+
+    const typeEl = document.createElement('div');
+    typeEl.className = CLS.ttlType;
+    typeEl.textContent = node.kind + (pinned ? ' · pinned' : '');
+    tooltip.appendChild(typeEl);
+
+    if (node.path) {
+      const pathEl = document.createElement('div');
+      pathEl.className = CLS.ttlPath;
+      pathEl.textContent = node.path;
+      tooltip.appendChild(pathEl);
+    }
+
+    const addSection = (label, items) => {
+      const heading = document.createElement('div');
+      heading.className = CLS.ttlSection;
+      heading.textContent = label + ' (' + items.length + ')';
+      tooltip.appendChild(heading);
+      const ul = document.createElement('ul');
+      ul.className = CLS.ttlUl;
+      const shown = items.slice(0, MAX_TOOLTIP_ITEMS);
+      for (const item of shown) {
+        const li = document.createElement('li');
+        li.className = CLS.ttlLi;
+        li.textContent = item;
+        ul.appendChild(li);
+      }
+      if (items.length > MAX_TOOLTIP_ITEMS) {
+        const more = document.createElement('li');
+        more.className = CLS.ttlMore;
+        more.textContent = (items.length - MAX_TOOLTIP_ITEMS) + ' more';
+        ul.appendChild(more);
+      }
+      tooltip.appendChild(ul);
+    };
+
+    if (deps.length) addSection('Depends on', deps);
+    if (rdeps.length) addSection('Required by', rdeps);
+    if (!deps.length && !rdeps.length) {
+      const empty = document.createElement('div');
+      empty.className = CLS.ttlEmpty;
+      empty.textContent = 'No dependencies';
+      tooltip.appendChild(empty);
+    }
+  };
+
+  // Tooltip placement delegated to Floating UI. We build a virtual reference
+  // element that either follows the cursor (hover) or anchors to a node's
+  // viewport position (pinned), then run computePosition with flip + shift +
+  // size middleware so the tooltip always fits the viewport.
+  const FUI = window.FloatingUIDOM;
+  let lastMouse = null;
+  let anchorMode = 'cursor';  // 'cursor' (follows mouse) or 'node' (sticky to node)
+  let anchorNode = null;
+  let cleanupAutoUpdate = null;
+
+  const cursorRef = {
+    getBoundingClientRect() {
+      const x = lastMouse ? lastMouse.clientX : 0;
+      const y = lastMouse ? lastMouse.clientY : 0;
+      return { width: 0, height: 0, x, y, top: y, left: x, right: x, bottom: y };
+    },
+  };
+
+  const nodeRef = {
+    getBoundingClientRect() {
+      if (!anchorNode || !graph.hasNode(anchorNode)) {
+        return { width: 0, height: 0, x: 0, y: 0, top: 0, left: 0, right: 0, bottom: 0 };
+      }
+      const pos = renderer.getNodeDisplayData(anchorNode);
+      const vp = renderer.graphToViewport({ x: pos.x, y: pos.y });
+      const rect = container.getBoundingClientRect();
+      const r = (pos.size || 4) + 4;
+      const cx = rect.left + vp.x;
+      const cy = rect.top + vp.y;
+      return { width: r * 2, height: r * 2, x: cx - r, y: cy - r, top: cy - r, left: cx - r, right: cx + r, bottom: cy + r };
+    },
+  };
+
+  const updatePosition = async () => {
+    if (tooltip.style.display !== 'block') return;
+    const ref = anchorMode === 'node' ? nodeRef : cursorRef;
+    const { x, y } = await FUI.computePosition(ref, tooltip, {
+      placement: 'right-start',
+      strategy: 'fixed',
+      middleware: [
+        FUI.offset(12),
+        FUI.flip({ fallbackPlacements: ['left-start', 'right-end', 'left-end', 'top', 'bottom'] }),
+        FUI.shift({ padding: 12 }),
+        FUI.size({
+          padding: 12,
+          apply({ availableWidth, availableHeight, elements }) {
+            const maxW = Math.min(380, Math.max(220, availableWidth));
+            const maxH = Math.max(160, availableHeight);
+            Object.assign(elements.floating.style, {
+              maxWidth: maxW + 'px',
+              maxHeight: maxH + 'px',
+              overflowY: 'auto',
+            });
+          },
+        }),
+      ],
+    });
+    Object.assign(tooltip.style, { left: x + 'px', top: y + 'px' });
+  };
+
+  const stopAutoUpdate = () => {
+    if (cleanupAutoUpdate) { cleanupAutoUpdate(); cleanupAutoUpdate = null; }
+  };
+
+  // Auto-update is only used for the node-anchored (pinned) mode, where the
+  // reference is stable across events but its viewport position changes when
+  // the user pans, zooms, or resizes. In cursor mode we drive recomputation
+  // ourselves from the mousemove handler.
+  const startAutoUpdate = () => {
+    stopAutoUpdate();
+    if (anchorMode === 'node') {
+      cleanupAutoUpdate = FUI.autoUpdate(nodeRef, tooltip, updatePosition);
+    }
+  };
+
+  const showTooltipFor = (name, mode = 'cursor') => {
+    anchorMode = mode;
+    anchorNode = mode === 'node' ? name : null;
+    setTooltipContent(name);
+    tooltip.style.display = 'block';
+    startAutoUpdate();
+    updatePosition();
+  };
+
+  const hideTooltip = () => {
+    stopAutoUpdate();
+    tooltip.style.display = 'none';
+    tooltip.dataset.pinned = 'false';
+    anchorNode = null;
+  };
+
+  renderer.on('enterNode', (e) => {
+    hoveredNode = e.node;
+    if (!pinned) showTooltipFor(e.node, 'cursor');
+    renderer.refresh({ skipIndexation: true });
+  });
+
+  renderer.on('leaveNode', () => {
+    hoveredNode = null;
+    if (!pinned) hideTooltip();
+    renderer.refresh({ skipIndexation: true });
+  });
+
+  // Click a node to pin it; the anchor switches from the cursor to the node
+  // so the tooltip stays attached even when the mouse moves away.
+  renderer.on('clickNode', (e) => {
+    focusedNode = e.node;
+    pinned = true;
+    tooltip.dataset.pinned = 'true';
+    showTooltipFor(e.node, 'node');
+    renderer.refresh({ skipIndexation: true });
+  });
+
+  renderer.on('clickStage', () => {
+    if (pinned || focusedNode) {
+      focusedNode = null;
+      pinned = false;
+      tooltip.dataset.pinned = 'false';
+      if (hoveredNode) {
+        showTooltipFor(hoveredNode, 'cursor');
+      } else {
+        hideTooltip();
+      }
+      renderer.refresh({ skipIndexation: true });
+    }
+  });
+
+  let posRafQueued = false;
+  container.addEventListener('mousemove', (e) => {
+    lastMouse = { clientX: e.clientX, clientY: e.clientY };
+    if (anchorMode === 'cursor' && tooltip.style.display === 'block' && !posRafQueued) {
+      posRafQueued = true;
+      requestAnimationFrame(() => {
+        posRafQueued = false;
+        updatePosition();
+      });
+    }
+  });
+
+  const focusOnNode = (name, { pin = true } = {}) => {
+    if (!graph.hasNode(name)) return;
+    const pos = renderer.getNodeDisplayData(name);
+    if (pos) renderer.getCamera().animate({ x: pos.x, y: pos.y, ratio: 0.3 }, { duration: 600 });
+    focusedNode = name;
+    pinned = pin;
+    if (pin) tooltip.dataset.pinned = 'true';
+    showTooltipFor(name, pin ? 'node' : 'cursor');
+    renderer.refresh({ skipIndexation: true });
+  };
+
+  // ── Search results ───────────────────────────────────────────────────
+  const totalNodes = data.nodes.length;
+  const renderResults = () => {
+    filterResults.textContent = '';
+    if (!filterTerm) {
+      filterResults.dataset.open = 'false';
+      filterCount.textContent = '';
+      filterCount.dataset.state = '';
+      activeMatchIndex = -1;
+      return;
+    }
+    filterCount.textContent = matches.length + ' / ' + totalNodes;
+    filterCount.dataset.state = matches.length === 0 ? 'zero' : '';
+    if (matches.length === 0) {
+      const empty = document.createElement('div');
+      empty.className = CLS.matchEmpty;
+      const b = document.createElement('b'); b.textContent = 'No matches'; b.className = 'text-fg';
+      empty.appendChild(b);
+      empty.appendChild(document.createTextNode(' for "' + filterTerm + '"'));
+      filterResults.appendChild(empty);
+      filterResults.dataset.open = 'true';
+      activeMatchIndex = -1;
+      return;
+    }
+    const limit = Math.min(matches.length, 24);
+    for (let i = 0; i < limit; i++) {
+      const m = matches[i];
+      const row = document.createElement('div');
+      row.className = CLS.matchItem;
+      row.setAttribute('role', 'option');
+      row.dataset.index = String(i);
+      if (i === activeMatchIndex) row.setAttribute('aria-selected', 'true');
+
+      const nameEl = document.createElement('span');
+      nameEl.className = CLS.miName;
+      const idx = m.name.toLowerCase().indexOf(filterTerm);
+      if (idx >= 0) {
+        nameEl.appendChild(document.createTextNode(m.name.slice(0, idx)));
+        const mark = document.createElement('mark');
+        mark.className = CLS.miMark;
+        mark.textContent = m.name.slice(idx, idx + filterTerm.length);
+        nameEl.appendChild(mark);
+        nameEl.appendChild(document.createTextNode(m.name.slice(idx + filterTerm.length)));
+      } else {
+        nameEl.textContent = m.name;
+      }
+      row.appendChild(nameEl);
+
+      const kindEl = document.createElement('span');
+      kindEl.className = CLS.miKind;
+      kindEl.textContent = m.type === 'application' ? 'app' : 'lib';
+      row.appendChild(kindEl);
+
+      row.addEventListener('mousedown', (ev) => {
+        ev.preventDefault();
+        focusOnNode(m.name);
+        filterResults.dataset.open = 'false';
+      });
+      filterResults.appendChild(row);
+    }
+    if (matches.length > limit) {
+      const more = document.createElement('div');
+      more.className = CLS.matchEmpty;
+      more.textContent = '+ ' + (matches.length - limit) + ' more — refine to see';
+      filterResults.appendChild(more);
+    }
+    filterResults.dataset.open = 'true';
+  };
+
+  const recomputeMatches = () => {
+    if (!filterTerm) { matches = []; return; }
+    matches = [];
+    for (const n of data.nodes) {
+      if (n.name.toLowerCase().includes(filterTerm)) matches.push(n);
+    }
+    matches.sort((a, b) => {
+      // Apps first, then by closeness of match position, then by name.
+      if (a.type !== b.type) return a.type === 'application' ? -1 : 1;
+      const ai = a.name.toLowerCase().indexOf(filterTerm);
+      const bi = b.name.toLowerCase().indexOf(filterTerm);
+      if (ai !== bi) return ai - bi;
+      return a.name.localeCompare(b.name);
+    });
+  };
+
+  let rafQueued = false;
+  filterInput.addEventListener('input', () => {
+    filterTerm = filterInput.value.toLowerCase().trim();
+    recomputeMatches();
+    activeMatchIndex = matches.length ? 0 : -1;
+    renderResults();
+    if (!rafQueued) {
+      rafQueued = true;
+      requestAnimationFrame(() => {
+        rafQueued = false;
+        renderer.refresh({ skipIndexation: true });
+      });
+    }
+  });
+
+  filterInput.addEventListener('focus', () => {
+    if (filterTerm) filterResults.dataset.open = 'true';
+  });
+
+  document.addEventListener('mousedown', (e) => {
+    if (!filterResults.contains(e.target) && e.target !== filterInput) {
+      filterResults.dataset.open = 'false';
+    }
+  });
+
+  filterInput.addEventListener('keydown', (e) => {
+    if (e.key === 'ArrowDown') {
+      if (matches.length) {
+        e.preventDefault();
+        activeMatchIndex = (activeMatchIndex + 1) % matches.length;
+        renderResults();
+      }
+    } else if (e.key === 'ArrowUp') {
+      if (matches.length) {
+        e.preventDefault();
+        activeMatchIndex = (activeMatchIndex - 1 + matches.length) % matches.length;
+        renderResults();
+      }
+    } else if (e.key === 'Enter') {
+      if (matches.length && activeMatchIndex >= 0) {
+        e.preventDefault();
+        focusOnNode(matches[activeMatchIndex].name);
+        filterResults.dataset.open = 'false';
+      }
+    }
+  });
+
+  // ── Legend / category filter ─────────────────────────────────────────
+  const legend = document.getElementById('legend');
+  const toggleCategory = (key) => {
+    if (!(key in visible)) return;
+    visible[key] = !visible[key];
+    const row = legend?.querySelector('[data-toggle="' + key + '"]');
+    if (row) {
+      row.dataset.state = visible[key] ? 'on' : 'off';
+      row.setAttribute('aria-checked', String(visible[key]));
+    }
+    renderer.refresh({ skipIndexation: true });
+  };
+  let previewRafQueued = false;
+  const queuePreviewRefresh = () => {
+    if (previewRafQueued) return;
+    previewRafQueued = true;
+    requestAnimationFrame(() => {
+      previewRafQueued = false;
+      renderer.refresh({ skipIndexation: true });
+    });
+  };
+  legend?.querySelectorAll('[data-toggle]').forEach((row) => {
+    row.addEventListener('click', () => toggleCategory(row.dataset.toggle));
+    row.addEventListener('mouseenter', () => {
+      previewCategory = row.dataset.toggle;
+      queuePreviewRefresh();
+    });
+    row.addEventListener('mouseleave', () => {
+      previewCategory = null;
+      queuePreviewRefresh();
+    });
+    row.addEventListener('focus', () => {
+      previewCategory = row.dataset.toggle;
+      queuePreviewRefresh();
+    });
+    row.addEventListener('blur', () => {
+      previewCategory = null;
+      queuePreviewRefresh();
+    });
+    row.addEventListener('keydown', (e) => {
+      if (e.key === ' ' || e.key === 'Enter') {
+        e.preventDefault();
+        toggleCategory(row.dataset.toggle);
+      }
+    });
+  });
+
+  // ── Camera controls ──────────────────────────────────────────────────
+  const resetView = () => {
+    renderer.getCamera().animatedReset({ duration: 600 });
+  };
+
+  const applyTheme = () => {
+    theme = css();
+    graph.forEachNode((node, attrs) => {
+      graph.setNodeAttribute(node, 'color', colorForNode(attrs.kind));
+    });
+    graph.forEachEdge((edge, attrs) => {
+      graph.setEdgeAttribute(edge, 'color', colorForEdge(attrs.depType));
+    });
+    renderer.setSetting('labelColor', { color: theme.fg });
+    renderer.setSetting('defaultEdgeColor', theme.edge);
+    renderer.setSetting('defaultNodeColor', theme.lib);
+    renderer.refresh();
+  };
+
+  themeBtn?.addEventListener('click', () => {
+    const isDark = root.dataset.theme ? root.dataset.theme === 'dark' : mql.matches;
+    const next = isDark ? 'light' : 'dark';
+    root.dataset.theme = next;
+    try { localStorage.setItem('vis-graph-theme', next); } catch {}
+    applyTheme();
+  });
+
+  mql.addEventListener('change', () => {
+    if (!root.dataset.theme) applyTheme();
+  });
+
+  // Keyboard shortcuts: '/' focuses search, 'R' fits view, Esc clears + unpins.
+  window.addEventListener('keydown', (e) => {
+    const inField = document.activeElement === filterInput;
+    if (e.key === '/' && !inField) {
+      e.preventDefault();
+      filterInput.focus();
+      filterInput.select();
+    } else if ((e.key === 'r' || e.key === 'R') && !inField) {
+      e.preventDefault();
+      resetView();
+    } else if (e.key === 'Escape') {
+      if (inField) {
+        filterInput.value = '';
+        filterTerm = '';
+        matches = [];
+        renderResults();
+        renderer.refresh({ skipIndexation: true });
+        filterInput.blur();
+      } else if (pinned || focusedNode) {
+        focusedNode = null;
+        pinned = false;
+        tooltip.dataset.pinned = 'false';
+        if (!hoveredNode) hideTooltip();
+        renderer.refresh({ skipIndexation: true });
+      }
+    }
+  });
+})();
+<\/script>
+</body>
+</html>`},"emitGraphHtml");var He=Object.defineProperty,M=T((a,e)=>He(a,"name",{value:e,configurable:!0}),"l");const Ve={application:0,library:3,service:1,tool:2},J=M(a=>Ve[a]??Number.MAX_SAFE_INTEGER,"typeRank"),Qe=M(a=>{const e=new Map;for(const[n,l]of Object.entries(a.dependencies))for(const c of l){const i=e.get(c.target)??[];i.push(n),e.set(c.target,i)}return Object.values(a.nodes).map(n=>({deps:a.dependencies[n.name]??[],name:n.name,reverseDeps:e.get(n.name)??[],type:n.type})).sort((n,l)=>n.type!==l.type?J(n.type)-J(l.type):n.name.localeCompare(l.name))},"buildNodes"),Xe=M((a,e,n)=>{let l=a;if(e==="app"?l=l.filter(c=>c.type==="application"):e==="lib"&&(l=l.filter(c=>c.type!=="application")),n){const c=n.toLowerCase();l=l.filter(i=>i.name.toLowerCase().includes(c))}return l},"filterNodes");class We{static{T(this,"GraphStore")}static{M(this,"GraphStore")}#e;#r=new Set;#a;constructor(e){this.#a=e;const n=Qe(e);this.#e={allNodes:n,filterActive:!1,filterText:"",filterType:"all",focusedPanel:"list",selectedIndex:0}}getSnapshot=M(()=>this.#e,"getSnapshot");subscribe=M(e=>(this.#r.add(e),()=>{this.#r.delete(e)}),"subscribe");getFilteredNodes(){return Xe(this.#e.allNodes,this.#e.filterType,this.#e.filterText)}getStats(){const e=this.#e.allNodes.filter(c=>c.type==="application").length,n=this.#e.allNodes.length,l=Object.values(this.#a.dependencies).reduce((c,i)=>c+i.length,0);return{apps:e,deps:l,libs:n-e,total:n}}setSelectedIndex(e){const n=this.getFilteredNodes(),l=n.length===0?-1:Math.max(0,Math.min(e,n.length-1));l!==this.#e.selectedIndex&&this.#t({...this.#e,selectedIndex:l})}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 n of this.#r)try{n()}catch{}}}var Je=Object.defineProperty,Ye=T((a,e)=>Je(a,"name",{value:e,configurable:!0}),"p");const Ke=Ye(({focused:a,node:e,scrollRef:n})=>{const l=a?"white":"gray";if(!e)return r(s,{alignItems:"center",borderColor:"gray",borderStyle:"single",flexDirection:"column",flexGrow:1,justifyContent:"center",children:r(t,{dimColor:!0,children:"No project selected"})});const c=e.type==="application",i=c?"yellow":"cyan",g=c?"Application":"Library";return r(s,{borderColor:l,borderStyle:"single",borderTopRightTitle:` ${g} `,borderTopTitle:` ${e.name} `,flexDirection:"column",flexGrow:1,children:o(Me,{flexGrow:1,flexShrink:1,paddingX:2,ref:n,scrollbar:!0,scrollbarColor:"gray",children:[o(s,{flexDirection:"column",marginTop:1,children:[o(s,{children:[r(t,{dimColor:!0,children:"── "}),r(t,{bold:!0,color:"white",children:"DEPENDS ON"}),o(t,{dimColor:!0,children:[" ","(",e.deps.length,")"]})]}),e.deps.length===0?r(s,{marginTop:1,paddingLeft:2,children:r(t,{dimColor:!0,children:"No dependencies"})}):r(s,{flexDirection:"column",marginTop:1,children:e.deps.map(d=>o(s,{gap:1,paddingLeft:2,children:[r(t,{color:"cyan",children:"→"}),r(t,{children:d.target}),d.type!=="static"&&o(t,{dimColor:!0,children:["(",d.type,")"]})]},d.target))})]}),o(s,{flexDirection:"column",marginTop:1,children:[o(s,{children:[r(t,{dimColor:!0,children:"── "}),r(t,{bold:!0,color:"white",children:"REQUIRED BY"}),o(t,{dimColor:!0,children:[" ","(",e.reverseDeps.length,")"]})]}),e.reverseDeps.length===0?r(s,{marginTop:1,paddingLeft:2,children:r(t,{dimColor:!0,children:"No reverse dependencies"})}):r(s,{flexDirection:"column",marginTop:1,children:e.reverseDeps.map(d=>o(s,{gap:1,paddingLeft:2,children:[r(t,{color:"magenta",children:"←"}),r(t,{children:d})]},d))})]}),o(s,{flexDirection:"column",marginTop:1,children:[o(s,{children:[r(t,{dimColor:!0,children:"── "}),r(t,{bold:!0,color:"white",children:"INFO"})]}),o(s,{flexDirection:"column",marginTop:1,paddingLeft:2,children:[o(s,{children:[r(s,{width:16,children:r(t,{dimColor:!0,children:"Type:"})}),r(t,{color:i,children:g})]}),o(s,{children:[r(s,{width:16,children:r(t,{dimColor:!0,children:"Dependencies:"})}),r(t,{children:String(e.deps.length)})]}),o(s,{children:[r(s,{width:16,children:r(t,{dimColor:!0,children:"Required by:"})}),r(t,{children:String(e.reverseDeps.length)})]}),o(s,{children:[r(s,{width:16,children:r(t,{dimColor:!0,children:"Connectivity:"})}),r(t,{children:String(e.deps.length+e.reverseDeps.length)})]})]})]})]})})},"ProjectDetailPanel");var Ze=Object.defineProperty,O=T((a,e)=>Ze(a,"name",{value:e,configurable:!0}),"m");const et=[{key:"all",label:"All",shortcut:"1"},{key:"app",label:"Apps",shortcut:"2"},{key:"lib",label:"Libs",shortcut:"3"}],Y=O(({isSelected:a,node:e})=>{const n=e.type==="application",l=n?"yellow":"cyan",c=n?"app":"lib";return o(s,{flexShrink:0,height:1,children:[o(t,{children:[a?"▶":" "," "]}),r(s,{flexGrow:1,children:r(t,{bold:a,inverse:a,wrap:"truncate",children:e.name})}),o(t,{color:l,children:[" ",c]}),o(t,{dimColor:!0,children:[" ","→",e.deps.length," ","←",e.reverseDeps.length]})]})},"ProjectRow"),K=O(({count:a,label:e})=>o(s,{flexShrink:0,height:1,marginTop:1,children:[o(t,{dimColor:!0,children:["▼"," "]}),r(t,{bold:!0,color:"white",children:e.toUpperCase()}),o(t,{dimColor:!0,children:[" ","(",a,")"]})]}),"TypeHeader"),tt=O(({filterActive:a,filterText:e,filterType:n,focused:l,nodes:c,scrollOffset:i,selectedIndex:g,stats:d,viewportHeight:v})=>{const h=l?"white":"gray",m=c.filter(y=>y.type==="application"),f=c.filter(y=>y.type!=="application"),b=[];let w=0;if(m.length>0){b.push(r(K,{count:m.length,label:"Applications"},"hdr-apps"));for(const y of m){const C=w;b.push(r(Y,{isSelected:C===g,node:y},y.name)),w++}}if(f.length>0){b.push(r(K,{count:f.length,label:"Libraries"},"hdr-libs"));for(const y of f){const C=w;b.push(r(Y,{isSelected:C===g,node:y},y.name)),w++}}let k=0;m.length>0&&(k+=2+m.length),f.length>0&&(k+=2+f.length);const E=k>v&&v>0;return o(s,{borderColor:h,borderStyle:"single",flexDirection:"column",flexGrow:1,children:[o(s,{flexShrink:0,gap:1,paddingX:1,children:[r(t,{bold:!0,inverse:!0,children:" VIS "}),o(t,{wrap:"truncate",children:[d.total," ","packages"]}),o(t,{dimColor:!0,children:["(",d.apps," ","apps,"," ",d.libs," ","libs,"," ",d.deps," ","deps)"]})]}),r(s,{flexShrink:0,gap:1,paddingX:1,paddingY:1,children:et.map(y=>{const C=n===y.key;return o(s,{children:[r(t,{dimColor:!C,children:"["}),r(t,{bold:C,color:C?"cyan":"gray",children:y.shortcut}),r(t,{dimColor:!C,children:"]"}),o(t,{color:C?"white":"gray",children:[" ",y.label]})]},y.key)})}),a&&o(s,{flexShrink:0,paddingX:1,children:[r(t,{bold:!0,color:"white",children:"/ "}),r(t,{children:e}),r(t,{inverse:!0,children:" "})]}),o(s,{flexDirection:"row",flexGrow:1,overflow:"hidden",children:[r(s,{flexDirection:"column",flexGrow:1,overflow:"hidden",paddingLeft:1,children:r(s,{flexDirection:"column",marginTop:-i,children:b})}),E&&r(s,{flexShrink:0,marginLeft:1,marginRight:1,children:r(Ae,{contentHeight:k,placement:"inset",scrollOffset:i,style:"block",viewportHeight:v})})]})]})},"ProjectListPanel");var rt=Object.defineProperty,at=T((a,e)=>rt(a,"name",{value:e,configurable:!0}),"E");const ot=100,nt=40,it=10,Z={1:"all",2:"app",3:"lib"},lt=at(({autoExitSeconds:a=0,store:e})=>{const{exit:n}=Ee(),{columns:l,rows:c}=Ie(),i=we(e.subscribe,e.getSnapshot),[g,d]=j(!1),v=Q(null),h=Q(null),[m,f]=j(0),[b,w]=j(!1),k=P(()=>e.getFilteredNodes(),[i.allNodes,i.filterType,i.filterText]),E=P(()=>e.getStats(),[i.allNodes]),y=k[i.selectedIndex]??null,C=P(()=>{let u=0,p=0;for(const x of k)x.type==="application"?u+=1:p+=1;return{appsCount:u,libsCount:p}},[k]),_=X(u=>{const{appsCount:p,libsCount:x}=C;if(u<p)return(p>0?2:0)+u;const ne=p>0?2+p:0,ie=x>0?2:0;return ne+ie+(u-p)},[C]),z=Math.max(1,c-8-(i.filterActive?1:0)),R=X(u=>{const p=_(u);f(x=>p>x+z-2?Math.max(0,p-z+2):p<x+1?Math.max(0,p-1):x)},[_,z]);if(ve(()=>{h.current?.scrollToTop()},[y?.name]),Ne((u,p)=>{if(u==="c"&&p.ctrl){n();return}if(!b){if(g){p.escape||u==="?"?d(!1):u==="q"?(d(!1),w(!0)):p.downArrow||u==="j"?v.current?.scrollBy(1):(p.upArrow||u==="k")&&v.current?.scrollBy(-1);return}if(u==="?"){d(!0);return}if(u==="q"){w(!0);return}if(p.tab){e.setFocusedPanel(i.focusedPanel==="list"?"detail":"list");return}if(Z[u]){e.setFilterType(Z[u]);return}if(i.filterActive){if(p.escape){e.setFilterActive(!1);return}if(p.return){e.setFilterActive(!1);return}if(p.backspace){e.setFilter(i.filterText.slice(0,-1));return}if(u&&!p.ctrl&&!p.meta){e.setFilter(i.filterText+u);return}return}if(i.focusedPanel==="list"){if(k.length===0){u==="/"&&e.setFilterActive(!0);return}if(p.downArrow||u==="j"){const x=Math.min(i.selectedIndex+1,k.length-1);e.setSelectedIndex(x),R(x);return}if(p.upArrow||u==="k"){const x=Math.max(i.selectedIndex-1,0);e.setSelectedIndex(x),R(x);return}if(p.pageDown){const x=Math.min(i.selectedIndex+10,k.length-1);e.setSelectedIndex(x),R(x);return}if(p.pageUp){const x=Math.max(i.selectedIndex-10,0);e.setSelectedIndex(x),R(x);return}if(p.home){e.setSelectedIndex(0),f(0);return}if(p.end){const x=k.length-1;e.setSelectedIndex(x),R(x);return}if(u==="/"){e.setFilterActive(!0);return}if(p.rightArrow){e.setFocusedPanel("detail");return}return}if(i.focusedPanel==="detail"){if(p.escape||p.leftArrow){e.setFocusedPanel("list");return}if(p.downArrow||u==="j"){h.current?.scrollBy(1);return}if(p.upArrow||u==="k"){h.current?.scrollBy(-1);return}if(p.pageDown){h.current?.scrollBy(10);return}if(p.pageUp){h.current?.scrollBy(-10);return}if(p.home){h.current?.scrollToTop();return}p.end&&h.current?.scrollToBottom()}}},{isActive:!0}),l<nt||c<it)return r(s,{alignItems:"center",height:c,justifyContent:"center",width:l,children:o(t,{color:"yellow",children:["Terminal too small (",l,"x",c,")"]})});const ae=l>=ot,B=r(s,{borderBottom:!1,borderColor:"gray",borderLeft:!1,borderRight:!1,borderStyle:"single",flexShrink:0,children:o(s,{flexWrap:"wrap",gap:2,paddingX:1,children:[o(s,{gap:1,children:[r(t,{bold:!0,color:"white",children:"q"}),r(t,{dimColor:!0,children:"QUIT"})]},"q"),o(s,{gap:1,children:[r(t,{bold:!0,color:"white",children:"?"}),r(t,{dimColor:!0,children:"HELP"})]},"?"),o(s,{gap:1,children:[r(t,{bold:!0,color:"white",children:"↑↓"}),r(t,{dimColor:!0,children:"NAV"})]},"nav"),o(s,{gap:1,children:[r(t,{bold:!0,color:"white",children:"1-3 /"}),r(t,{dimColor:!0,children:"FILTER"})]},"f"),o(s,{gap:1,children:[r(t,{bold:!0,color:"white",children:"Tab"}),r(t,{dimColor:!0,children:"PANEL"})]},"t")]})}),U=o(Te,{footer:o(t,{dimColor:!0,children:[r(t,{bold:!0,color:"white",children:"↑↓"})," ","scroll"," ",r(t,{bold:!0,color:"white",children:"?"}),"/",r(t,{bold:!0,color:"white",children:"Esc"})," ","close"]}),scrollRef:v,title:"KEYBOARD SHORTCUTS",visible:g,width:52,children:[o(s,{flexDirection:"column",marginBottom:1,children:[o(s,{marginBottom:1,children:[r(t,{dimColor:!0,children:"── "}),r(t,{bold:!0,color:"white",children:"NAVIGATION"})]}),o(s,{children:[r(s,{width:24,children:o(t,{children:[o(t,{bold:!0,color:"white",children:[" ","↑","/k"]}),r(t,{dimColor:!0,children:" Move up"})]})}),o(t,{children:[o(t,{bold:!0,color:"white",children:[" ","↓","/j"]}),r(t,{dimColor:!0,children:" Move down"})]})]}),o(t,{children:[o(t,{bold:!0,color:"white",children:[" ","Tab"]}),r(t,{dimColor:!0,children:" Switch panel"})]}),o(t,{children:[o(t,{bold:!0,color:"white",children:[" ","→","/","←"]}),r(t,{dimColor:!0,children:" Focus detail/list"})]}),o(t,{children:[o(t,{bold:!0,color:"white",children:[" ","PgUp/PgDn"]}),r(t,{dimColor:!0,children:" Jump 10 items"})]}),o(t,{children:[o(t,{bold:!0,color:"white",children:[" ","Home/End"]}),r(t,{dimColor:!0,children:" Jump to start/end"})]})]}),o(s,{flexDirection:"column",marginBottom:1,children:[o(s,{marginBottom:1,children:[r(t,{dimColor:!0,children:"── "}),r(t,{bold:!0,color:"white",children:"FILTERS"})]}),o(s,{children:[r(s,{width:24,children:o(t,{children:[o(t,{bold:!0,color:"white",children:[" ","1"]}),r(t,{dimColor:!0,children:" All"})]})}),o(t,{children:[o(t,{bold:!0,color:"white",children:[" ","2"]}),r(t,{dimColor:!0,children:" Apps only"})]})]}),o(t,{children:[o(t,{bold:!0,color:"white",children:[" ","3"]}),r(t,{dimColor:!0,children:" Libraries only"})]}),o(t,{children:[o(t,{bold:!0,color:"white",children:[" ","/"]}),r(t,{dimColor:!0,children:" Text filter"})]})]}),o(s,{flexDirection:"column",children:[o(s,{marginBottom:1,children:[r(t,{dimColor:!0,children:"── "}),r(t,{bold:!0,color:"white",children:"ACTIONS"})]}),o(t,{children:[o(t,{bold:!0,color:"white",children:[" ","q"]}),r(t,{dimColor:!0,children:" Quit"})]}),o(t,{children:[o(t,{bold:!0,color:"white",children:[" ","?"]}),r(t,{dimColor:!0,children:" Toggle help"})]})]})]}),G=r(tt,{filterActive:i.filterActive,filterText:i.filterText,filterType:i.filterType,focused:i.focusedPanel==="list",nodes:k,scrollOffset:m,selectedIndex:i.selectedIndex,stats:E,viewportHeight:z}),q=r(Ke,{focused:i.focusedPanel==="detail",node:y,scrollRef:h});if(ae){const u=Math.floor(l*.35);return o(s,{flexDirection:"column",height:c,width:l,children:[o(s,{flexDirection:"row",flexGrow:1,children:[r(s,{flexGrow:1,children:G}),r(s,{width:u,children:q})]}),B,r(V,{autoExitSeconds:a??3,onCancel:T(()=>{w(!1)},"onCancel"),visible:b}),U]})}const oe=Math.floor(c*.55);return o(s,{flexDirection:"column",height:c,width:l,children:[r(s,{height:oe,children:G}),r(s,{flexGrow:1,children:q}),B,r(V,{autoExitSeconds:a??3,onCancel:T(()=>{w(!1)},"onCancel"),visible:b}),U]})},"VisGraphApp");var st=Object.defineProperty,A=T((a,e)=>st(a,"name",{value:e,configurable:!0}),"y");const re=A((a,e,n,l,c,i,g,d)=>{const v=n?S("└── "):S("├── "),h=c.has(a),m=h?S(" (*)"):"",f=l.get(a),b=f?.type==="application"?I(a):a;if(i.push(`${e}${v}${b}${m}`),h)return;c.add(a);const w=f?.deps??[],k=n?`${e}    `:`${e}${S("│")}   `;if(d>=g&&w.length>0){i.push(`${k}${S(`... ${w.length} more`)}`);return}for(let E=0;E<w.length;E++){const y=w[E];y&&re(y.target,k,E===w.length-1,l,c,i,g,d+1)}},"printDepsTree"),ee=A((a,e,n,l,c,i)=>{const g=e.get(a),d=g?.type==="application"?I(a):a;l.push(`${i}${d}`),n.add(a);const v=g?.deps??[];if(v.length===0){l.push(`${i}  ${S("(no dependencies)")}`);return}if(c<=0){l.push(`${i}  ${S(`... ${v.length} dependencies`)}`);return}for(let h=0;h<v.length;h++){const m=v[h];m&&re(m.target,i,h===v.length-1,e,n,l,c,1)}},"printRootProject"),te=A((a,e)=>{const n=new Map;for(const[f,b]of Object.entries(a.nodes))n.set(f,{deps:(a.dependencies[f]??[]).map(w=>({target:w.target,type:w.type})),name:f,type:b.type});const l=[],c=[];for(const[f,b]of n)b.type==="application"?l.push(f):c.push(f);l.sort(),c.sort();const i=l.length+c.length,g=Object.values(a.dependencies).reduce((f,b)=>f+b.length,0),d=[I("Project Dependency Graph"),""];if(l.length>0){d.push(` ${I(H(`Applications (${l.length})`))}`,"");for(const f of l)ee(f,n,new Set,d,e,"  "),d.push("")}if(c.length>0){d.push(` ${I(H(`Libraries (${c.length})`))}`,"");for(const f of c)ee(f,n,new Set,d,e,"  "),d.push("")}const v=process.stdout.columns||80;d.push(S("─".repeat(Math.min(v,60)))),d.push(`${I(String(i))} packages ${S("·")} ${I(String(g))} dependencies ${S("·")} ${I(String(l.length))} apps${S(",")} ${I(String(c.length))} libraries`);const h=new Set;let m=!1;for(const f of[...l,...c]){const b=n.get(f)?.deps??[];for(const w of b)h.has(w.target)&&(m=!0),h.add(w.target);h.add(f)}return m&&d.push(S("(*) = already shown above")),d.join(`
+`)},"projectGraphToAscii"),ct=A(a=>{const e=Object.values(a.nodes).map(n=>({name:n.name,type:n.type}));return{edges:Object.values(a.dependencies).flat(),nodes:e}},"projectGraphToJson"),dt=A(a=>{const e=Object.values(a.nodes).map(l=>({name:l.name,path:l.data?.root,type:l.type})),n=[];for(const l of Object.values(a.dependencies))for(const c of l)n.push({source:c.source,target:c.target,type:c.type});return qe({edges:n,nodes:e,tool:{name:"vis-graph",version:"alpha"},workspaceRoot:process.cwd()})},"projectGraphToHtml"),At=A(async({logger:a,options:e,visConfig:n,workspaceRoot:l})=>{if(!l)throw new Error("Could not determine workspace root. Run this command inside a monorepo.");const c=l,{packageJsons:i,workspace:g}=ge(c,n),d=me(c,g,i),v=!!process.stdout.isTTY&&!ue,h=e.format??(v?"tui":"ascii"),m=e.output,f=e.depth??1/0;let b;switch(h){case"dot":{b=he(d);break}case"html":{b=dt(d);break}case"json":{b=JSON.stringify(ct(d),void 0,2);break}case"tui":{if(!v){b=te(d,f);break}const w=n?.tui?.autoExit===!0?3:typeof n?.tui?.autoExit=="number"?n.tui.autoExit:0;process.stdin.isTTY&&typeof process.stdin.setRawMode=="function"&&(process.stdin.setRawMode(!0),process.stdin.ref(),process.stdin.resume());const k=setInterval(()=>{},1e3),E=new We(d);await fe(be.createElement(lt,{autoExitSeconds:w,store:E}),{alternateScreen:!0,exitOnCtrlC:!1,interactive:!0,patchConsole:!0}).waitUntilExit(),clearInterval(k);return}default:b=te(d,f)}m?(pe(m,b,"utf8"),a.info(`Graph written to ${m}`)):a.info(b)},"execute");export{At as default};