npm - @n-dx/core - Versions diffs - 0.1.0 - Mend

@n-dx/core 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1902) hide show

package/packages/web/dist/landing/index.html ADDED Viewed

@@ -0,0 +1,325 @@
+<!DOCTYPE html>
+<html lang="en" data-theme="dark">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="description" content="n-dx: AI-powered development toolkit. Analyze codebases, plan work, execute tasks autonomously." />
+  <title>n-dx — AI-powered development toolkit</title>
+  <link rel="icon" type="image/png" href="/n-dx.png">
+  <!--
+    External dependency manifest — all resources loaded from this HTML shell.
+    No CDN or external URLs are referenced; all assets are local:
+      - /n-dx.png            (favicon)
+      - /SourceVision-F.png  (pipeline icon)
+      - /Rex-F.png           (pipeline icon)
+      - /Hench-F.png         (pipeline icon)
+      - ./landing.css        (landing page stylesheet)
+      - ./landing.ts         (landing page entry point, bundled by Vite)
+      - https://github.com/endash/n-dx  (outbound link only — not a loaded resource)
+      - https://www.npmjs.com/package/n-dx (outbound link only — not a loaded resource)
+    If an external CDN resource is added here, register it in this block
+    so that supply-chain security tooling can audit it alongside pnpm audit.
+  -->
+  <script>
+    (function(){
+      var s = localStorage.getItem("sv-theme");
+      var t = s || (matchMedia("(prefers-color-scheme: light)").matches ? "light" : "dark");
+      document.documentElement.setAttribute("data-theme", t);
+    })();
+  </script>
+  <style>:root{--brand-navy: #001769;--brand-teal: #00E5B9;--brand-purple: #6c41f0;--brand-rose: #d52e66;--brand-green: #00bd81;--brand-orange: #ff5926;--font-xs: 10px;--font-sm: 12px;--font-base: 14px;--font-md: 15px;--font-lg: 16px;--font-xl: 18px;--font-2xl: 22px;--font-3xl: 28px;--font-4xl: 40px;--font-5xl: 56px;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.65;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .02em;--tracking-wider: .06em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--transition-fast: .1s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--max-width: 1120px;--nav-height: 56px}[data-theme=dark]{--bg: #0a0c16;--bg-surface: #131625;--bg-surface-hover: #1a1e34;--bg-elevated: #1e2240;--border: #232848;--border-strong: #3a3f68;--text: #e8eaf0;--text-dim: #9ea3bc;--text-muted: #6b7094;--accent: var(--brand-teal);--accent-hover: #00ffcc;--accent-dim: #008f75;--hero-glow: radial-gradient(ellipse 60% 50% at 50% 0%, rgba(0, 229, 185, .08) 0%, transparent 70%);--card-shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 0 0 1px var(--border);--card-shadow-hover: 0 4px 20px rgba(0, 0, 0, .4), 0 0 0 1px var(--border-strong);--code-bg: #0f1120;--code-text: var(--brand-teal)}[data-theme=light]{--bg: #f5f6fa;--bg-surface: #ffffff;--bg-surface-hover: #f0f1f6;--bg-elevated: #eef0f6;--border: #d8dce6;--border-strong: #bcc2d4;--text: #1a1d2e;--text-dim: #5c6078;--text-muted: #8b90a8;--accent: #008f60;--accent-hover: #007a52;--accent-dim: #007a52;--hero-glow: radial-gradient(ellipse 60% 50% at 50% 0%, rgba(0, 143, 96, .06) 0%, transparent 70%);--card-shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 0 0 1px var(--border);--card-shadow-hover: 0 4px 20px rgba(0, 0, 0, .1), 0 0 0 1px var(--border-strong);--code-bg: #eef0f6;--code-text: #006b48}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-height) + var(--space-6))}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}code{font-family:SF Mono,Cascadia Code,Fira Code,monospace}.skip-link{position:absolute;top:-100px;left:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--accent);color:#000;border-radius:var(--radius-md);font-weight:var(--weight-semibold);font-size:var(--font-sm);z-index:1000;transition:top var(--transition-normal)}.skip-link:focus{top:var(--space-2)}.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:100}.nav-inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6);height:100%;display:flex;align-items:center;gap:var(--space-6)}.nav-brand{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--weight-bold);font-size:var(--font-lg);letter-spacing:var(--tracking-tight);color:var(--text);flex-shrink:0}.nav-logo{border-radius:var(--radius-sm)}.nav-links{display:flex;align-items:center;gap:var(--space-1);margin-left:auto}.nav-link{padding:var(--space-2) var(--space-3);font-size:var(--font-sm);font-weight:var(--weight-medium);color:var(--text-dim);border-radius:var(--radius-md);transition:color var(--transition-normal),background var(--transition-normal)}.nav-link:hover{color:var(--text);background:var(--bg-surface-hover)}.nav-link-dashboard{color:var(--accent)}.nav-link-dashboard:hover{color:var(--accent-hover);background:color-mix(in srgb,var(--accent) 8%,transparent)}.theme-toggle{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;color:var(--text-dim);font-size:var(--font-lg);transition:color var(--transition-normal),border-color var(--transition-normal),background var(--transition-normal);flex-shrink:0}.theme-toggle:hover{color:var(--text);border-color:var(--border-strong);background:var(--bg-surface-hover)}[data-theme=dark] .theme-icon:after{content:"\2600"}[data-theme=light] .theme-icon:after{content:"\263e"}.hero{padding-top:calc(var(--nav-height) + var(--space-24));padding-bottom:var(--space-24);text-align:center;background:var(--hero-glow)}.hero-inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.hero-badge{display:inline-block;padding:var(--space-1) var(--space-4);background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:999px;font-size:var(--font-sm);font-weight:var(--weight-medium);color:var(--accent);letter-spacing:var(--tracking-wide);margin-bottom:var(--space-6)}.hero-title{font-size:var(--font-5xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin-bottom:var(--space-5);color:var(--text)}.hero-subtitle{font-size:var(--font-xl);color:var(--text-dim);line-height:var(--leading-relaxed);max-width:580px;margin:0 auto var(--space-10)}.hero-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-16)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--font-base);font-weight:var(--weight-semibold);border-radius:var(--radius-lg);border:1px solid transparent;cursor:pointer;transition:all var(--transition-normal)}.btn-primary{background:var(--accent);color:#000;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 0 20px color-mix(in srgb,var(--accent) 30%,transparent)}.btn-ghost{background:transparent;color:var(--text-dim);border-color:var(--border)}.btn-ghost:hover{color:var(--text);border-color:var(--border-strong);background:var(--bg-surface-hover)}.btn-ghost svg{opacity:.6;transition:opacity var(--transition-normal)}.btn-ghost:hover svg{opacity:1}.hero-pipeline{display:flex;align-items:center;justify-content:center;gap:var(--space-5)}.pipeline-step{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.pipeline-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);transition:border-color var(--transition-slow),box-shadow var(--transition-slow)}.pipeline-icon img{border-radius:var(--radius-sm)}.pipeline-step[data-product=sourcevision]:hover .pipeline-icon{border-color:var(--brand-teal);box-shadow:0 0 20px color-mix(in srgb,var(--brand-teal) 15%,transparent)}.pipeline-step[data-product=rex]:hover .pipeline-icon{border-color:var(--brand-purple);box-shadow:0 0 20px color-mix(in srgb,var(--brand-purple) 20%,transparent)}.pipeline-step[data-product=hench]:hover .pipeline-icon{border-color:var(--brand-orange);box-shadow:0 0 20px color-mix(in srgb,var(--brand-orange) 20%,transparent)}.pipeline-label{font-size:var(--font-sm);font-weight:var(--weight-semibold);color:var(--text-dim);letter-spacing:var(--tracking-wide)}.pipeline-arrow{color:var(--text-muted);display:flex;align-items:center;margin-bottom:var(--space-6)}.section-inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.packages{padding:var(--space-24) 0}.section-heading{font-size:var(--font-3xl);font-weight:var(--weight-bold);text-align:center;letter-spacing:var(--tracking-tight);margin-bottom:var(--space-3)}.section-subtitle{text-align:center;color:var(--text-dim);font-size:var(--font-lg);max-width:520px;margin:0 auto var(--space-12);line-height:var(--leading-relaxed)}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.package-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--card-shadow);transition:box-shadow var(--transition-slow),border-color var(--transition-slow),transform var(--transition-slow);display:flex;flex-direction:column}.package-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.package-card[data-product=sourcevision]:hover{border-color:color-mix(in srgb,var(--brand-teal) 40%,var(--border))}.package-card[data-product=rex]:hover{border-color:color-mix(in srgb,var(--brand-purple) 40%,var(--border))}.package-card[data-product=hench]:hover{border-color:color-mix(in srgb,var(--brand-orange) 40%,var(--border))}.package-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.package-logo{border-radius:var(--radius-md);flex-shrink:0}.package-name{font-size:var(--font-xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight)}.package-phase{font-size:var(--font-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase}.package-card[data-product=sourcevision] .package-phase{color:var(--brand-teal)}.package-card[data-product=rex] .package-phase{color:var(--brand-purple)}.package-card[data-product=hench] .package-phase{color:var(--brand-orange)}.package-desc{color:var(--text-dim);font-size:var(--font-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-5)}.package-features{list-style:none;display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-6);flex:1}.package-features li{font-size:var(--font-sm);color:var(--text-dim);padding-left:var(--space-5);position:relative;line-height:var(--leading-relaxed)}.package-features li:before{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;border-radius:50%;background:var(--border-strong)}.package-card[data-product=sourcevision] .package-features li:before{background:var(--brand-teal);opacity:.5}.package-card[data-product=rex] .package-features li:before{background:var(--brand-purple);opacity:.5}.package-card[data-product=hench] .package-features li:before{background:var(--brand-orange);opacity:.5}.package-features code{font-size:var(--font-xs);padding:1px 5px;background:var(--code-bg);color:var(--code-text);border-radius:var(--radius-sm)}.package-cmd{padding:var(--space-3) var(--space-4);background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius-md);margin-top:auto}.package-cmd code{font-size:var(--font-sm);color:var(--code-text)}.workflow{padding:var(--space-24) 0;background:var(--bg-surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.workflow-steps{display:flex;align-items:flex-start;justify-content:center;gap:var(--space-6);max-width:900px;margin:0 auto}.workflow-step{flex:1;text-align:center;max-width:260px}.workflow-number{width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);border-radius:50%;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-size:var(--font-lg);font-weight:var(--weight-bold);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent)}.workflow-step-title{font-size:var(--font-lg);font-weight:var(--weight-bold);margin-bottom:var(--space-2)}.workflow-step-desc{font-size:var(--font-base);color:var(--text-dim);line-height:var(--leading-relaxed)}.workflow-connector{width:40px;height:2px;background:var(--border-strong);flex-shrink:0;margin-top:20px;border-radius:1px}.terminal-demo{max-width:620px;margin:var(--space-12) auto 0;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border);box-shadow:var(--card-shadow);position:relative}.terminal-chrome{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border-bottom:1px solid var(--border)}.terminal-dots{display:flex;gap:6px}.terminal-dot{width:10px;height:10px;border-radius:50%}.terminal-dot-red{background:#ff5f57}.terminal-dot-yellow{background:#febc2e}.terminal-dot-green{background:#28c840}.terminal-title{font-size:var(--font-xs);color:var(--text-muted);font-weight:var(--weight-medium);flex:1;text-align:center;margin-right:46px}.terminal-body{background:var(--code-bg);padding:var(--space-5) var(--space-6);min-height:220px;font-family:SF Mono,Cascadia Code,Fira Code,monospace;font-size:var(--font-sm);line-height:1.7;position:relative}.terminal-lines{display:flex;flex-direction:column;gap:2px}.terminal-line{display:flex;flex-wrap:wrap;opacity:0;transform:translateY(4px);animation:terminalLineIn .3s ease forwards}.terminal-prompt{color:var(--accent);margin-right:var(--space-2);user-select:none;flex-shrink:0}.terminal-command{color:var(--text)}.terminal-output{color:var(--text-dim);width:100%;padding-left:0}.terminal-output.success{color:var(--brand-green)}.terminal-output.info{color:var(--brand-teal)}.terminal-output.muted{color:var(--text-muted)}.terminal-cursor{display:inline-block;width:8px;height:16px;background:var(--accent);opacity:0;animation:blink 1s step-end infinite;margin-top:var(--space-1);border-radius:1px}.terminal-cursor.visible{opacity:1}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes terminalLineIn{to{opacity:1;transform:translateY(0)}}.terminal-replay{position:absolute;top:var(--space-3);right:var(--space-3);display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--font-xs);font-weight:var(--weight-medium);color:var(--text-muted);background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:color var(--transition-normal),border-color var(--transition-normal),background var(--transition-normal);z-index:2;font-family:inherit}.terminal-replay:hover{color:var(--text);border-color:var(--border-strong);background:var(--bg-surface-hover)}.terminal-replay svg{display:block}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.package-grid .fade-in:nth-child(2){transition-delay:.1s}.package-grid .fade-in:nth-child(3){transition-delay:.2s}.workflow-steps .fade-in:nth-child(1){transition-delay:0s}.workflow-steps .fade-in:nth-child(3){transition-delay:.1s}.workflow-steps .fade-in:nth-child(5){transition-delay:.2s}.hero .fade-in{opacity:0;transform:translateY(16px)}.hero .fade-in.visible{opacity:1;transform:translateY(0)}.package-card .package-logo{transition:transform var(--transition-slow)}.package-card:hover .package-logo{transform:scale(1.08)}.package-card .package-features li{transition:transform var(--transition-normal),color var(--transition-normal)}.package-card:hover .package-features li{color:var(--text)}.package-card .package-cmd{transition:border-color var(--transition-slow),background var(--transition-slow)}.package-card:hover .package-cmd{border-color:var(--border-strong)}.pipeline-step{transition:transform var(--transition-slow)}.pipeline-step:hover{transform:translateY(-2px)}.pipeline-step.active{transform:translateY(-3px)}.pipeline-step.active .pipeline-icon{box-shadow:0 0 24px color-mix(in srgb,var(--accent) 25%,transparent);border-color:var(--accent)}.pipeline-step[data-product=sourcevision].active .pipeline-icon{border-color:var(--brand-teal);box-shadow:0 0 24px color-mix(in srgb,var(--brand-teal) 25%,transparent)}.pipeline-step[data-product=rex].active .pipeline-icon{border-color:var(--brand-purple);box-shadow:0 0 24px color-mix(in srgb,var(--brand-purple) 30%,transparent)}.pipeline-step[data-product=hench].active .pipeline-icon{border-color:var(--brand-orange);box-shadow:0 0 24px color-mix(in srgb,var(--brand-orange) 30%,transparent)}.pipeline-step.active .pipeline-label{color:var(--text)}.pipeline-arrow svg{transition:transform var(--transition-slow),opacity var(--transition-slow)}.hero-pipeline:hover .pipeline-arrow svg{transform:translate(2px)}.pipeline-arrow.flowing svg{animation:arrowFlow .8s ease-in-out infinite alternate}@keyframes arrowFlow{0%{transform:translate(0);opacity:.5}to{transform:translate(4px);opacity:1}}.workflow-number{transition:transform var(--transition-slow),box-shadow var(--transition-slow)}.workflow-step:hover .workflow-number{transform:scale(1.1);box-shadow:0 0 16px color-mix(in srgb,var(--accent) 20%,transparent)}.package-card[data-product=sourcevision]:hover{box-shadow:var(--card-shadow-hover),0 0 40px color-mix(in srgb,var(--brand-teal) 8%,transparent)}.package-card[data-product=rex]:hover{box-shadow:var(--card-shadow-hover),0 0 40px color-mix(in srgb,var(--brand-purple) 10%,transparent)}.package-card[data-product=hench]:hover{box-shadow:var(--card-shadow-hover),0 0 40px color-mix(in srgb,var(--brand-orange) 10%,transparent)}.package-card .package-features li{transition:transform var(--transition-normal),color var(--transition-normal),opacity var(--transition-normal)}.package-card:hover .package-features li:nth-child(1){transform:translate(3px);transition-delay:0s}.package-card:hover .package-features li:nth-child(2){transform:translate(3px);transition-delay:.04s}.package-card:hover .package-features li:nth-child(3){transform:translate(3px);transition-delay:.08s}.package-card:hover .package-features li:nth-child(4){transform:translate(3px);transition-delay:.12s}.package-card:before{content:"";position:absolute;top:0;left:var(--space-8);right:var(--space-8);height:2px;border-radius:0 0 2px 2px;background:var(--border);transform:scaleX(0);transition:transform .4s ease,background .4s ease}.package-card{position:relative;overflow:hidden}.package-card[data-product=sourcevision]:hover:before{transform:scaleX(1);background:var(--brand-teal)}.package-card[data-product=rex]:hover:before{transform:scaleX(1);background:var(--brand-purple)}.package-card[data-product=hench]:hover:before{transform:scaleX(1);background:var(--brand-orange)}.workflow-connector{transform:scaleX(0);transition:transform .6s ease .3s}.workflow.in-view .workflow-connector{transform:scaleX(1)}.section-heading{opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease}section.in-view .section-heading{opacity:1;transform:translateY(0)}.section-subtitle{opacity:0;transform:translateY(10px);transition:opacity .5s ease .1s,transform .5s ease .1s}section.in-view .section-subtitle{opacity:1;transform:translateY(0)}.hero .section-heading,.hero .section-subtitle,.hero.in-view .section-heading,.hero.in-view .section-subtitle{opacity:1;transform:none}.get-started{padding:var(--space-24) 0;text-align:center}.get-started .section-subtitle{margin-bottom:var(--space-8)}.prereqs{display:flex;align-items:center;justify-content:center;gap:var(--space-6);margin-bottom:var(--space-12)}.prereq{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-sm);color:var(--text-dim)}.prereq svg{flex-shrink:0;color:var(--accent)}.prereq code{font-size:var(--font-xs);padding:1px 5px;background:var(--code-bg);color:var(--code-text);border-radius:var(--radius-sm)}.install-steps{max-width:480px;margin:0 auto var(--space-10);display:flex;flex-direction:column;gap:var(--space-5)}.install-step-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.install-step-number{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-size:var(--font-xs);font-weight:var(--weight-bold);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);flex-shrink:0}.install-step-label{font-size:var(--font-sm);font-weight:var(--weight-medium);color:var(--text-dim)}.install-cmd{display:flex;align-items:center;background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-5);gap:var(--space-4)}.install-cmd code{flex:1;font-size:var(--font-md);color:var(--code-text);text-align:left}.copy-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;color:var(--text-dim);transition:color var(--transition-normal),border-color var(--transition-normal),background var(--transition-normal);flex-shrink:0}.copy-btn:hover{color:var(--text);border-color:var(--border-strong);background:var(--bg-surface-hover)}.copy-btn[data-copied=true]{color:var(--accent);border-color:var(--accent-dim)}.get-started-links{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.gs-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-sm);font-weight:var(--weight-medium);color:var(--text-dim);border:1px solid var(--border);border-radius:var(--radius-lg);transition:color var(--transition-normal),border-color var(--transition-normal),background var(--transition-normal)}.gs-link:hover{color:var(--text);border-color:var(--border-strong);background:var(--bg-surface-hover)}.gs-link-ext{opacity:.4;transition:opacity var(--transition-normal)}.gs-link:hover .gs-link-ext{opacity:.8}.footer{padding:var(--space-8) 0;border-top:1px solid var(--border)}.footer-inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6);display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.footer-brand{font-weight:var(--weight-bold);font-size:var(--font-base);color:var(--text)}.footer-sep{color:var(--text-muted)}.footer-text{color:var(--text-muted);font-size:var(--font-sm)}@media (max-width: 900px){.package-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}.hero-title{font-size:var(--font-4xl)}.workflow-steps{flex-direction:column;align-items:center}.workflow-connector{width:2px;height:24px;margin:0;transform:scaleY(0)}.workflow.in-view .workflow-connector{transform:scaleY(1)}.workflow-step{max-width:360px}}@media (max-width: 640px){:root{--space-24: 64px;--nav-height: 48px}.terminal-body{padding:var(--space-4);min-height:180px;font-size:11px}.terminal-demo{margin-top:var(--space-8)}.hero-title{font-size:var(--font-3xl)}.hero-subtitle{font-size:var(--font-base)}.hero-actions{flex-direction:column;margin-bottom:var(--space-12)}.btn{width:100%;justify-content:center}.hero-pipeline{gap:var(--space-3)}.pipeline-icon{width:48px;height:48px}.pipeline-icon img{width:24px;height:24px}.pipeline-arrow svg{width:18px;height:18px}.nav-links{gap:0}.nav-link{padding:var(--space-2) var(--space-2);font-size:11px}.section-heading{font-size:var(--font-2xl)}.package-card{padding:var(--space-6)}.prereqs{flex-direction:column;gap:var(--space-3)}.get-started-links{flex-direction:column;align-items:stretch}.gs-link{justify-content:center}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}.fade-in{opacity:1!important;transform:none!important}.terminal-line{opacity:1!important;transform:none!important;animation:none!important}.section-heading,.section-subtitle{opacity:1!important;transform:none!important}.workflow-connector{transform:scaleX(1)!important}.package-card:before{display:none!important}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}
+</style>
+</head>
+<body>
+  <!-- Skip link for accessibility -->
+  <a href="#main" class="skip-link">Skip to main content</a>
+  <!-- Navigation -->
+  <nav class="nav" role="navigation" aria-label="Main navigation">
+    <div class="nav-inner">
+      <a href="/" class="nav-brand" aria-label="n-dx home">
+        <img src="/n-dx.png" width="28" height="28" alt="" aria-hidden="true" class="nav-logo" />
+        <span class="nav-brand-text">n-dx</span>
+      </a>
+      <div class="nav-links">
+        <a href="#packages" class="nav-link">Packages</a>
+        <a href="#workflow" class="nav-link">Workflow</a>
+        <a href="#get-started" class="nav-link">Get Started</a>
+        <a href="/overview" class="nav-link nav-link-dashboard">Dashboard</a>
+      </div>
+      <button class="theme-toggle" id="theme-toggle" aria-label="Toggle dark/light theme">
+        <span class="theme-icon" aria-hidden="true"></span>
+      </button>
+    </div>
+  </nav>
+  <main id="main">
+    <!-- Hero Section -->
+    <section class="hero" aria-labelledby="hero-heading">
+      <div class="hero-inner">
+        <div class="hero-badge">AI-powered development toolkit</div>
+        <h1 id="hero-heading" class="hero-title">
+          Analyze. Plan. Execute.
+        </h1>
+        <p class="hero-subtitle">
+          Three tools that chain together to understand your codebase, build a roadmap, and ship autonomously.
+        </p>
+        <div class="hero-actions fade-in">
+          <a href="#get-started" class="btn btn-primary">Get Started</a>
+          <a href="https://github.com/endash/n-dx" class="btn btn-ghost" target="_blank" rel="noopener noreferrer">
+            GitHub
+            <svg width="14" height="14" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M4.5 11.5L11.5 4.5M11.5 4.5H5.5M11.5 4.5V10.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
+          </a>
+        </div>
+        <!-- Pipeline preview -->
+        <div class="hero-pipeline fade-in" aria-label="The n-dx pipeline: sourcevision to rex to hench">
+          <div class="pipeline-step" data-product="sourcevision">
+            <div class="pipeline-icon">
+              <img src="/SourceVision-F.png" width="32" height="32" alt="" aria-hidden="true" />
+            </div>
+            <span class="pipeline-label">sourcevision</span>
+          </div>
+          <div class="pipeline-arrow" aria-hidden="true">
+            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M5 12H19M19 12L13 6M19 12L13 18" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
+          </div>
+          <div class="pipeline-step" data-product="rex">
+            <div class="pipeline-icon">
+              <img src="/Rex-F.png" width="32" height="32" alt="" aria-hidden="true" />
+            </div>
+            <span class="pipeline-label">rex</span>
+          </div>
+          <div class="pipeline-arrow" aria-hidden="true">
+            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M5 12H19M19 12L13 6M19 12L13 18" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
+          </div>
+          <div class="pipeline-step" data-product="hench">
+            <div class="pipeline-icon">
+              <img src="/Hench-F.png" width="32" height="32" alt="" aria-hidden="true" />
+            </div>
+            <span class="pipeline-label">hench</span>
+          </div>
+        </div>
+      </div>
+    </section>
+    <!-- Packages Section -->
+    <section class="packages" id="packages" aria-labelledby="packages-heading">
+      <div class="section-inner">
+        <h2 id="packages-heading" class="section-heading">Three packages, one pipeline</h2>
+        <p class="section-subtitle">Each package solves a distinct problem. Together, they form a complete AI development workflow.</p>
+        <div class="package-grid">
+          <!-- sourcevision -->
+          <article class="package-card fade-in" data-product="sourcevision">
+            <div class="package-header">
+              <img src="/SourceVision-F.png" width="40" height="40" alt="" aria-hidden="true" class="package-logo" />
+              <div>
+                <h3 class="package-name">sourcevision</h3>
+                <span class="package-phase">Analyze</span>
+              </div>
+            </div>
+            <p class="package-desc">
+              Static analysis engine that maps your codebase. File inventory, import graph, architectural zone detection, and React component catalog.
+            </p>
+            <ul class="package-features" role="list">
+              <li>File inventory with roles &amp; metadata</li>
+              <li>Import dependency graph</li>
+              <li>Louvain community detection for zones</li>
+              <li>AI-readable <code>CONTEXT.md</code> output</li>
+            </ul>
+            <div class="package-cmd">
+              <code>ndx plan .</code>
+            </div>
+          </article>
+          <!-- rex -->
+          <article class="package-card fade-in" data-product="rex">
+            <div class="package-header">
+              <img src="/Rex-F.png" width="40" height="40" alt="" aria-hidden="true" class="package-logo" />
+              <div>
+                <h3 class="package-name">rex</h3>
+                <span class="package-phase">Plan</span>
+              </div>
+            </div>
+            <p class="package-desc">
+              PRD management with hierarchical epics, features, tasks, and subtasks. Scan your project to generate proposals, track progress, and validate dependencies.
+            </p>
+            <ul class="package-features" role="list">
+              <li>Hierarchical task tree (epic &rarr; subtask)</li>
+              <li>AI-driven proposal generation</li>
+              <li>Dependency tracking &amp; validation</li>
+              <li>MCP server for Claude integration</li>
+            </ul>
+            <div class="package-cmd">
+              <code>ndx plan --accept .</code>
+            </div>
+          </article>
+          <!-- hench -->
+          <article class="package-card fade-in" data-product="hench">
+            <div class="package-header">
+              <img src="/Hench-F.png" width="40" height="40" alt="" aria-hidden="true" class="package-logo" />
+              <div>
+                <h3 class="package-name">hench</h3>
+                <span class="package-phase">Execute</span>
+              </div>
+            </div>
+            <p class="package-desc">
+              Autonomous agent that picks the next task, builds a brief, and drives Claude in a tool-use loop. Records runs with full transcripts.
+            </p>
+            <ul class="package-features" role="list">
+              <li>Autonomous task execution</li>
+              <li>Tool-use loop with Claude API</li>
+              <li>Run history &amp; transcripts</li>
+              <li>Configurable model &amp; turn limits</li>
+            </ul>
+            <div class="package-cmd">
+              <code>ndx work .</code>
+            </div>
+          </article>
+        </div>
+      </div>
+    </section>
+    <!-- Workflow Section -->
+    <section class="workflow" id="workflow" aria-labelledby="workflow-heading">
+      <div class="section-inner">
+        <h2 id="workflow-heading" class="section-heading">How it works</h2>
+        <p class="section-subtitle">A streamlined loop from analysis to execution.</p>
+        <div class="workflow-steps">
+          <div class="workflow-step fade-in">
+            <div class="workflow-number" aria-hidden="true">1</div>
+            <h3 class="workflow-step-title">Analyze</h3>
+            <p class="workflow-step-desc">sourcevision scans your codebase&mdash;files, imports, zones, components&mdash;and produces a machine-readable context.</p>
+          </div>
+          <div class="workflow-connector" aria-hidden="true"></div>
+          <div class="workflow-step fade-in">
+            <div class="workflow-number" aria-hidden="true">2</div>
+            <h3 class="workflow-step-title">Plan</h3>
+            <p class="workflow-step-desc">rex reads the analysis and generates a structured PRD. Review proposals, accept them, and track progress in a task tree.</p>
+          </div>
+          <div class="workflow-connector" aria-hidden="true"></div>
+          <div class="workflow-step fade-in">
+            <div class="workflow-number" aria-hidden="true">3</div>
+            <h3 class="workflow-step-title">Execute</h3>
+            <p class="workflow-step-desc">hench picks the next task, builds a brief with full context, and ships it&mdash;writing code, running tests, committing results.</p>
+          </div>
+        </div>
+        <!-- Animated Terminal Demo -->
+        <div class="terminal-demo fade-in" aria-label="Animated terminal showing the n-dx workflow">
+          <div class="terminal-chrome">
+            <div class="terminal-dots" aria-hidden="true">
+              <span class="terminal-dot terminal-dot-red"></span>
+              <span class="terminal-dot terminal-dot-yellow"></span>
+              <span class="terminal-dot terminal-dot-green"></span>
+            </div>
+            <span class="terminal-title">terminal</span>
+          </div>
+          <div class="terminal-body" role="log" aria-live="polite" aria-label="CLI workflow demonstration">
+            <div class="terminal-lines" id="terminal-lines"></div>
+            <div class="terminal-cursor" aria-hidden="true"></div>
+          </div>
+          <button class="terminal-replay" id="terminal-replay" aria-label="Replay terminal demo">
+            <svg width="14" height="14" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M2 8C2 4.69 4.69 2 8 2C10.22 2 12.16 3.2 13.2 5M14 8C14 11.31 11.31 14 8 14C5.78 14 3.84 12.8 2.8 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/><path d="M13 2V5.5H9.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 14V10.5H6.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
+            <span>Replay</span>
+          </button>
+        </div>
+      </div>
+    </section>
+    <!-- Get Started Section -->
+    <section class="get-started" id="get-started" aria-labelledby="get-started-heading">
+      <div class="section-inner">
+        <h2 id="get-started-heading" class="section-heading">Get started in seconds</h2>
+        <p class="section-subtitle">Three commands to go from zero to autonomous development.</p>
+        <!-- Prerequisites -->
+        <div class="prereqs fade-in" role="list" aria-label="Prerequisites">
+          <div class="prereq" role="listitem">
+            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M13.5 4.5L6.5 11.5L2.5 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
+            <span>Node.js 18+</span>
+          </div>
+          <div class="prereq" role="listitem">
+            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M13.5 4.5L6.5 11.5L2.5 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
+            <span>Claude API key (<code>ANTHROPIC_API_KEY</code>)</span>
+          </div>
+        </div>
+        <!-- Step-by-step commands -->
+        <div class="install-steps fade-in">
+          <div class="install-step">
+            <div class="install-step-header">
+              <span class="install-step-number" aria-hidden="true">1</span>
+              <span class="install-step-label">Initialize your project</span>
+            </div>
+            <div class="install-cmd" role="group" aria-label="Initialize command">
+              <code class="install-code">npx @n-dx/core init .</code>
+              <button class="copy-btn" aria-label="Copy init command">
+                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><rect x="5" y="5" width="8" height="8" rx="1.5" stroke="currentColor" stroke-width="1.5"/><path d="M3 10V3.5C3 2.67 3.67 2 4.5 2H10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+              </button>
+            </div>
+          </div>
+          <div class="install-step">
+            <div class="install-step-header">
+              <span class="install-step-number" aria-hidden="true">2</span>
+              <span class="install-step-label">Analyze &amp; plan</span>
+            </div>
+            <div class="install-cmd" role="group" aria-label="Plan command">
+              <code class="install-code">ndx plan --accept .</code>
+              <button class="copy-btn" aria-label="Copy plan command">
+                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><rect x="5" y="5" width="8" height="8" rx="1.5" stroke="currentColor" stroke-width="1.5"/><path d="M3 10V3.5C3 2.67 3.67 2 4.5 2H10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+              </button>
+            </div>
+          </div>
+          <div class="install-step">
+            <div class="install-step-header">
+              <span class="install-step-number" aria-hidden="true">3</span>
+              <span class="install-step-label">Start executing</span>
+            </div>
+            <div class="install-cmd" role="group" aria-label="Work command">
+              <code class="install-code">ndx work .</code>
+              <button class="copy-btn" aria-label="Copy work command">
+                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><rect x="5" y="5" width="8" height="8" rx="1.5" stroke="currentColor" stroke-width="1.5"/><path d="M3 10V3.5C3 2.67 3.67 2 4.5 2H10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+              </button>
+            </div>
+          </div>
+        </div>
+        <!-- Links -->
+        <div class="get-started-links fade-in">
+          <a href="https://github.com/endash/n-dx" class="gs-link" target="_blank" rel="noopener noreferrer">
+            <svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"/></svg>
+            <span>GitHub</span>
+            <svg width="12" height="12" viewBox="0 0 16 16" fill="none" aria-hidden="true" class="gs-link-ext"><path d="M4.5 11.5L11.5 4.5M11.5 4.5H5.5M11.5 4.5V10.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
+          </a>
+          <a href="https://github.com/endash/n-dx#readme" class="gs-link" target="_blank" rel="noopener noreferrer">
+            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M2 3.5C2 2.67 2.67 2 3.5 2H9.38C9.77 2 10.15 2.15 10.43 2.44L13.56 5.57C13.84 5.85 14 6.23 14 6.62V12.5C14 13.33 13.33 14 12.5 14H3.5C2.67 14 2 13.33 2 12.5V3.5Z" stroke="currentColor" stroke-width="1.3"/><path d="M5 8H11M5 10.5H9" stroke="currentColor" stroke-width="1.3" stroke-linecap="round"/></svg>
+            <span>Documentation</span>
+            <svg width="12" height="12" viewBox="0 0 16 16" fill="none" aria-hidden="true" class="gs-link-ext"><path d="M4.5 11.5L11.5 4.5M11.5 4.5H5.5M11.5 4.5V10.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
+          </a>
+          <a href="https://www.npmjs.com/package/n-dx" class="gs-link" target="_blank" rel="noopener noreferrer">
+            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><rect x="1" y="4" width="14" height="8" rx="1" stroke="currentColor" stroke-width="1.3"/><path d="M4.5 4.5V11.5M8 4.5V9.5M11.5 4.5V11.5" stroke="currentColor" stroke-width="1.3" stroke-linecap="round"/></svg>
+            <span>npm</span>
+            <svg width="12" height="12" viewBox="0 0 16 16" fill="none" aria-hidden="true" class="gs-link-ext"><path d="M4.5 11.5L11.5 4.5M11.5 4.5H5.5M11.5 4.5V10.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
+          </a>
+        </div>
+      </div>
+    </section>
+  </main>
+  <!-- Footer -->
+  <footer class="footer" role="contentinfo">
+    <div class="footer-inner">
+      <span class="footer-brand">n-dx</span>
+      <span class="footer-sep" aria-hidden="true">&middot;</span>
+      <span class="footer-text">AI-powered development toolkit</span>
+    </div>
+  </footer>
+  <script type="module">function p(){let e=document.getElementById("theme-toggle");e&&e.addEventListener("click",()=>{let t=(document.documentElement.getAttribute("data-theme")||"dark")==="dark"?"light":"dark";document.documentElement.setAttribute("data-theme",t),localStorage.setItem("sv-theme",t),e.setAttribute("aria-label",t==="dark"?"Switch to light mode":"Switch to dark mode")})}function h(){document.querySelectorAll(".copy-btn").forEach(e=>{e.addEventListener("click",async()=>{let i=e.parentElement?.querySelector("code");if(!i)return;let t=i.textContent||"",o=e.getAttribute("aria-label")||"Copy command";try{await navigator.clipboard.writeText(t)}catch{let n=document.createElement("textarea");n.value=t,n.style.position="fixed",n.style.opacity="0",document.body.appendChild(n),n.select(),document.execCommand("copy"),n.remove()}e.setAttribute("data-copied","true"),e.setAttribute("aria-label","Copied!"),setTimeout(()=>{e.removeAttribute("data-copied"),e.setAttribute("aria-label",o)},2e3)})})}function f(){document.querySelectorAll('a[href^="#"]').forEach(e=>{e.addEventListener("click",i=>{let t=e.getAttribute("href");if(!t||t==="#")return;let o=document.querySelector(t);o&&(i.preventDefault(),o.scrollIntoView({behavior:"smooth",block:"start"}),history.pushState(null,"",t))})})}function y(e){if(e){document.querySelectorAll(".fade-in").forEach(n=>{n.classList.add("visible")});return}let i=document.querySelectorAll(".fade-in");document.querySelectorAll(".hero .fade-in").forEach((n,s)=>{setTimeout(()=>n.classList.add("visible"),100+s*150)});let o=new IntersectionObserver(n=>{n.forEach(s=>{s.isIntersecting&&(s.target.classList.add("visible"),o.unobserve(s.target))})},{threshold:.15,rootMargin:"0px 0px -40px 0px"});i.forEach(n=>{n.closest(".hero")||o.observe(n)})}var u=[{type:"command",text:"npx @n-dx/core init .",delay:400,phase:"sourcevision"},{type:"output",text:"  sourcevision initialized",cls:"success",delay:300,phase:"sourcevision"},{type:"output",text:"  rex initialized",cls:"success",delay:200,phase:"rex"},{type:"output",text:"  hench initialized",cls:"success",delay:200,phase:"hench"},{type:"output",text:"",delay:400},{type:"command",text:"ndx plan --accept .",delay:600,phase:"sourcevision"},{type:"output",text:"  Analyzing codebase...",cls:"muted",delay:400,phase:"sourcevision"},{type:"output",text:"  142 files \xB7 12 zones \xB7 38 components",cls:"info",delay:500,phase:"sourcevision"},{type:"output",text:"  Generated 6 epics, 18 tasks",cls:"success",delay:300,phase:"rex"},{type:"output",text:"  PRD saved to .rex/prd.json",cls:"success",delay:200,phase:"rex"},{type:"output",text:"",delay:400},{type:"command",text:"ndx work .",delay:600,phase:"hench"},{type:"output",text:"  Picking next task...",cls:"muted",delay:400,phase:"hench"},{type:"output",text:'  \u25B6 "Add user authentication"',cls:"info",delay:500,phase:"hench"},{type:"output",text:"  Writing code \xB7 Running tests \xB7 Committing",cls:"muted",delay:600,phase:"hench"},{type:"output",text:"  Task completed \u2713",cls:"success",delay:500,phase:"hench"}];function v(e,i,t=32){return new Promise(o=>{let n=0,s=()=>{n<i.length?(e.textContent+=i[n],n++,setTimeout(s,t)):o()};s()})}function m(e,i=!1){let t=document.createElement("div");if(t.className="terminal-line",e.type==="command"){let o=document.createElement("span");o.className="terminal-prompt",o.textContent="$",t.appendChild(o);let n=document.createElement("span");n.className="terminal-command",i||(n.textContent=e.text),t.appendChild(n)}else{let o=document.createElement("span");o.className=`terminal-output${e.cls?" "+e.cls:""}`,o.textContent=e.text,t.appendChild(o)}return t}function E(e){document.querySelectorAll(".pipeline-step").forEach(o=>{e&&o.dataset.product===e?o.classList.add("active"):o.classList.remove("active")}),document.querySelectorAll(".pipeline-arrow").forEach(o=>{e?o.classList.add("flowing"):o.classList.remove("flowing")})}function x(){document.querySelectorAll(".pipeline-step").forEach(e=>e.classList.remove("active")),document.querySelectorAll(".pipeline-arrow").forEach(e=>e.classList.remove("flowing"))}var l=e=>new Promise(i=>setTimeout(i,e)),a=!1;async function d(){let e=document.getElementById("terminal-lines"),i=document.querySelector(".terminal-cursor");if(e){a=!0,await l(50),a=!1,e.innerHTML="",i&&i.classList.add("visible");for(let t of u){if(a||(await l(t.delay||300),a))break;t.phase&&E(t.phase);let o=m(t,t.type==="command");e.appendChild(o);let n=e.parentElement;if(n&&(n.scrollTop=n.scrollHeight),t.type==="command"){let s=o.querySelector(".terminal-command");s&&await v(s,t.text,28)}}await l(800),i&&i.classList.remove("visible"),x()}}function g(e){let i=document.querySelector(".terminal-demo");if(!i)return;if(e){let s=document.getElementById("terminal-lines");s&&u.forEach(r=>{let c=m(r);c.style.opacity="1",c.style.transform="none",c.style.animation="none",s.appendChild(c)});return}let t=!1;new IntersectionObserver(s=>{s.forEach(r=>{r.isIntersecting&&!t&&(t=!0,setTimeout(d,600))})},{threshold:.3}).observe(i);let n=document.getElementById("terminal-replay");n&&n.addEventListener("click",()=>{d()})}function b(e){if(e)return;let i=document.querySelectorAll("section"),t=new IntersectionObserver(o=>{o.forEach(n=>{n.isIntersecting&&n.target.classList.add("in-view")})},{threshold:.1});i.forEach(o=>t.observe(o))}function L(){let e=matchMedia("(prefers-reduced-motion: reduce)").matches;p(),h(),f(),y(e),g(e),b(e)}L();
+</script>
+</body>
+</html>

package/packages/web/dist/landing/landing.d.ts ADDED Viewed

@@ -0,0 +1,38 @@
+/**
+ * Landing page interactions — theme toggle, copy-to-clipboard,
+ * scroll animations, and animated terminal demo.
+ * Vanilla JS (no framework dependency).
+ *
+ * Each concern is isolated in its own init function, called from
+ * the `initLanding()` entry point at the bottom.
+ */
+interface TerminalLine {
+    type: "command" | "output";
+    text: string;
+    cls?: string;
+    delay?: number;
+    phase?: "sourcevision" | "rex" | "hench";
+}
+declare function initThemeToggle(): void;
+declare function initCopyButtons(): void;
+declare function initSmoothScroll(): void;
+declare function initFadeAnimations(prefersReducedMotion: boolean): void;
+declare const terminalScript: TerminalLine[];
+/**
+ * Typewriter effect: types out text character by character into a span.
+ * Returns a promise that resolves when typing is complete.
+ */
+declare function typeText(el: HTMLElement, text: string, speed?: number): Promise<void>;
+declare function createTerminalLine(line: TerminalLine, typed?: boolean): HTMLElement;
+/** Highlight the matching pipeline step in the hero section */
+declare function setPipelinePhase(phase: string | undefined): void;
+/** Clear all pipeline highlights */
+declare function clearPipelinePhase(): void;
+/** Schedule helper: returns a promise that resolves after `ms` milliseconds */
+declare const wait: (ms: number) => Promise<void>;
+/** Track whether a demo run has been cancelled */
+declare let demoAbort: boolean;
+declare function runTerminalDemo(): Promise<void>;
+declare function initTerminalDemo(prefersReducedMotion: boolean): void;
+declare function initSectionTracking(prefersReducedMotion: boolean): void;
+declare function initLanding(): void;