@vibedeckx/darwin-arm64 0.1.28 → 0.1.31

package/dist/ui/_next/static/chunks/1d14cce84c33e71d.js

@@ -0,0 +1,1182 @@
+(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,573751,e=>{"use strict";var a=e.i(813443),r=e.i(629109),s=e.i(247755),n=e.i(642098),i=e.i(943445),l=e.i(553154),d=e.i(165512),o=e.i(423917),t=e.i(331053),c=e.i(710307),p=e.i(454267),x=e.i(183663);let v="npm install -g vibedeckx";function m({onSignIn:e}){let[s,n]=(0,r.useState)(!1);return(0,a.jsxs)("div",{className:"vdx-lp",children:[(0,a.jsx)("style",{children:h}),(0,a.jsx)("header",{className:"nav",children:(0,a.jsxs)("div",{className:"wrap nav-inner",children:[(0,a.jsxs)("a",{href:"#",className:"brand",onClick:e=>e.preventDefault(),children:[(0,a.jsx)(x.Logo,{size:24}),(0,a.jsx)("span",{children:"vibedeckx"})]}),(0,a.jsxs)("nav",{className:"nav-links",children:[(0,a.jsx)("a",{href:"#commander",children:"Commander"}),(0,a.jsx)("a",{href:"#features",children:"Features"}),(0,a.jsx)("a",{href:"#how",children:"How it works"}),(0,a.jsx)("a",{href:"https://github.com/vibedeckx-dev/vibedeckx",target:"_blank",rel:"noopener noreferrer",children:"Source"}),(0,a.jsx)("a",{href:"https://github.com/vibedeckx-dev/vibedeckx/releases",target:"_blank",rel:"noopener noreferrer",children:"Changelog"})]}),(0,a.jsxs)("div",{className:"nav-right",children:[(0,a.jsx)("button",{onClick:e,className:"btn btn-ghost",children:"Sign in"}),(0,a.jsxs)("button",{onClick:e,className:"btn btn-primary",children:["Open cockpit",(0,a.jsx)("span",{className:"kbd",children:"⏎"})]})]})]})}),(0,a.jsxs)("section",{className:"hero",children:[(0,a.jsxs)("div",{className:"wrap hero-inner",children:[(0,a.jsxs)("span",{className:"eyebrow",children:[(0,a.jsx)("span",{className:"dot"}),"v0.1.6 · now cloud-hosted · mobile app coming"]}),(0,a.jsxs)("h1",{children:["Mission control for your ",(0,a.jsx)("em",{children:"coding agents."})]}),(0,a.jsx)("p",{className:"lede",children:"Run a fleet of AI coding agents — Claude Code, Codex, your own — that write, test, and ship code for you. Vibedeckx is the cockpit you command them all from: every agent in its own workspace, live status at a glance, and a ping the moment one’s done."}),(0,a.jsxs)("div",{className:"hero-cta",children:[(0,a.jsx)("button",{onClick:e,className:"btn btn-primary btn-lg",children:"Enter the cockpit"}),(0,a.jsx)("a",{href:"#how",className:"btn btn-lg",children:"See it in action"})]}),(0,a.jsxs)("div",{className:"install",children:[(0,a.jsx)("span",{className:"dollar",children:"$"}),(0,a.jsx)("span",{children:v}),(0,a.jsx)("button",{className:"copy","aria-label":"Copy",onClick:()=>{navigator.clipboard.writeText(v),n(!0),setTimeout(()=>n(!1),1600)},children:s?(0,a.jsx)(p.Check,{width:13,height:13}):(0,a.jsx)(c.Copy,{width:13,height:13})})]})]}),(0,a.jsxs)("div",{className:"wrap preview-wrap",children:[(0,a.jsxs)("div",{className:"preview-frame",children:[(0,a.jsxs)("div",{className:"preview-chrome",children:[(0,a.jsxs)("div",{className:"traffic",children:[(0,a.jsx)("span",{})," ",(0,a.jsx)("span",{})," ",(0,a.jsx)("span",{})]}),(0,a.jsxs)("div",{className:"preview-url",children:[(0,a.jsxs)("svg",{className:"lock",viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",strokeWidth:"1.4",children:[(0,a.jsx)("rect",{x:"3.5",y:"7.5",width:"9",height:"6",rx:"1"}),(0,a.jsx)("path",{d:"M5.5 7.5V5a2.5 2.5 0 0 1 5 0v2.5"})]}),"vibedeckx.local"]}),(0,a.jsx)("div",{style:{width:36}})]}),(0,a.jsxs)("div",{className:"mini-app",children:[(0,a.jsxs)("div",{className:"mini-topbar",children:[(0,a.jsx)("span",{className:"brand",children:(0,a.jsx)(x.Logo,{size:20,live:!1,stripes:"off"})}),(0,a.jsxs)("span",{className:"crumb",children:[(0,a.jsx)("b",{children:"orchestrator-core"})," ·"," ",(0,a.jsx)("span",{className:"mono",style:{color:"var(--vdx-accent)"},children:"feat/parallel-streams"})]}),(0,a.jsx)("div",{className:"right",children:(0,a.jsxs)("div",{className:"mini-search",children:[(0,a.jsxs)("svg",{width:"11",height:"11",viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",strokeWidth:"1.4",children:[(0,a.jsx)("circle",{cx:"7",cy:"7",r:"4.5"}),(0,a.jsx)("path",{d:"m13 13-2.5-2.5"})]}),(0,a.jsx)("span",{children:"Search…"}),(0,a.jsx)("span",{className:"kbd",children:"⌘K"})]})})]}),(0,a.jsxs)("div",{className:"mini-sidebar",children:[(0,a.jsx)("div",{className:"mini-section-label",children:"Workspace"}),(0,a.jsxs)("div",{className:"mini-nav-item active",children:[(0,a.jsxs)("svg",{width:"13",height:"13",viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",strokeWidth:"1.5",children:[(0,a.jsx)("rect",{x:"2",y:"2",width:"5",height:"5",rx:"1"}),(0,a.jsx)("rect",{x:"9",y:"2",width:"5",height:"5",rx:"1"}),(0,a.jsx)("rect",{x:"2",y:"9",width:"5",height:"5",rx:"1"}),(0,a.jsx)("rect",{x:"9",y:"9",width:"5",height:"5",rx:"1"})]}),"Sessions ",(0,a.jsx)("span",{className:"count",children:"6"})]}),(0,a.jsxs)("div",{className:"mini-nav-item",children:[(0,a.jsx)("svg",{width:"13",height:"13",viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",strokeWidth:"1.5",children:(0,a.jsx)("path",{d:"M2 4h12M2 8h12M2 12h8"})}),"Tasks ",(0,a.jsx)("span",{className:"count",children:"11"})]}),(0,a.jsxs)("div",{className:"mini-nav-item",children:[(0,a.jsxs)("svg",{width:"13",height:"13",viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",strokeWidth:"1.5",children:[(0,a.jsx)("rect",{x:"2",y:"3",width:"12",height:"10",rx:"1.5"}),(0,a.jsx)("path",{d:"M2 6h12"})]}),"Files"]}),(0,a.jsx)("div",{className:"mini-section-label",style:{marginTop:10},children:"Branches"}),(0,a.jsx)("div",{className:"tree-project",children:"▾ orchestrator-core"}),(0,a.jsxs)("div",{className:"branch-row active",children:[(0,a.jsx)("span",{className:"bdot green"}),"feat/parallel-streams"]}),(0,a.jsxs)("div",{className:"branch-row",children:[(0,a.jsx)("span",{className:"bdot"}),"chore/upgrade-vercel-ai-sdk"]}),(0,a.jsx)("div",{className:"tree-project",children:"▾ web-ui"}),(0,a.jsxs)("div",{className:"branch-row",children:[(0,a.jsx)("span",{className:"bdot amber"}),"fix/diff-virtualization"]}),(0,a.jsxs)("div",{className:"branch-row",children:[(0,a.jsx)("span",{className:"bdot"}),"feat/command-palette"]}),(0,a.jsx)("div",{className:"tree-project",children:"▾ edge-runner"}),(0,a.jsxs)("div",{className:"branch-row",children:[(0,a.jsx)("span",{className:"bdot green"}),"main"]})]}),(0,a.jsxs)("div",{className:"mini-main",children:[(0,a.jsxs)("div",{className:"mini-page-head",children:[(0,a.jsxs)("h2",{children:["Sessions ",(0,a.jsx)("span",{className:"count",children:"6 active"})]}),(0,a.jsx)("button",{className:"btn",style:{padding:"4px 10px",fontSize:"11.5px"},children:"+ New session"})]}),(0,a.jsxs)("div",{className:"mini-filter",children:[(0,a.jsxs)("span",{className:"mini-chip active",children:["All ",(0,a.jsx)("span",{className:"count",children:"6"})]}),(0,a.jsxs)("span",{className:"mini-chip",children:["Working ",(0,a.jsx)("span",{className:"count",children:"2"})]}),(0,a.jsxs)("span",{className:"mini-chip",children:["Review ",(0,a.jsx)("span",{className:"count",children:"1"})]}),(0,a.jsxs)("span",{className:"mini-chip",children:["Done ",(0,a.jsx)("span",{className:"count",children:"1"})]}),(0,a.jsxs)("span",{className:"mini-chip",children:["Failed ",(0,a.jsx)("span",{className:"count",children:"1"})]})]}),(0,a.jsxs)("div",{className:"mini-grid",children:[(0,a.jsxs)("div",{className:"mini-card working",children:[(0,a.jsxs)("div",{className:"mini-card-head",children:[(0,a.jsx)("span",{className:"bdot green"}),(0,a.jsxs)("div",{className:"meta",children:[(0,a.jsx)("span",{className:"project",children:"orchestrator-core"}),(0,a.jsx)("span",{className:"branch",children:"feat/parallel-streams"})]}),(0,a.jsx)("span",{className:"mini-host",children:"local"})]}),(0,a.jsxs)("div",{className:"mini-card-body",children:[(0,a.jsx)("div",{className:"mini-task",children:"Refactor session multiplexer — per-stream write locks to stop torn JSON."}),(0,a.jsxs)("div",{className:"mini-tools",children:[(0,a.jsx)("span",{className:"mini-tool",children:"edit multiplex.ts"}),(0,a.jsx)("span",{className:"mini-tool",children:"pnpm test"})]})]}),(0,a.jsxs)("div",{className:"mini-card-foot",children:[(0,a.jsxs)("span",{children:[(0,a.jsx)("span",{className:"add",children:"+124"})," ",(0,a.jsx)("span",{className:"del",children:"−37"})]}),(0,a.jsx)("span",{className:"grow"}),(0,a.jsx)("span",{children:"12m 04s"})]})]}),(0,a.jsxs)("div",{className:"mini-card review",children:[(0,a.jsxs)("div",{className:"mini-card-head",children:[(0,a.jsx)("span",{className:"bdot amber"}),(0,a.jsxs)("div",{className:"meta",children:[(0,a.jsx)("span",{className:"project",children:"web-ui"}),(0,a.jsx)("span",{className:"branch",children:"fix/diff-virtualization"})]}),(0,a.jsx)("span",{className:"mini-host",children:"local"})]}),(0,a.jsxs)("div",{className:"mini-card-body",children:[(0,a.jsx)("div",{className:"mini-task",children:"Virtualize diff rows so scroll anchors on the line under the cursor."}),(0,a.jsxs)("div",{className:"mini-tools",children:[(0,a.jsx)("span",{className:"mini-tool",children:"edit useDiffRows.ts"}),(0,a.jsx)("span",{className:"mini-tool",children:"rm -rf …"})]})]}),(0,a.jsxs)("div",{className:"mini-card-foot",children:[(0,a.jsxs)("span",{children:[(0,a.jsx)("span",{className:"add",children:"+88"})," ",(0,a.jsx)("span",{className:"del",children:"−14"})]}),(0,a.jsx)("span",{className:"grow"}),(0,a.jsx)("span",{children:"Approval ↑"})]})]}),(0,a.jsxs)("div",{className:"mini-card working",children:[(0,a.jsxs)("div",{className:"mini-card-head",children:[(0,a.jsx)("span",{className:"bdot green"}),(0,a.jsxs)("div",{className:"meta",children:[(0,a.jsx)("span",{className:"project",children:"edge-runner"}),(0,a.jsx)("span",{className:"branch",children:"main"})]}),(0,a.jsx)("span",{className:"mini-host",children:"gpu-01"})]}),(0,a.jsxs)("div",{className:"mini-card-body",children:[(0,a.jsx)("div",{className:"mini-task",children:"Reproduce CUDA OOM at batch=16 and downshift to batch=8 instead of crashing."}),(0,a.jsx)("div",{className:"mini-tools",children:(0,a.jsx)("span",{className:"mini-tool",children:"bash bench.long_ctx"})})]}),(0,a.jsxs)("div",{className:"mini-card-foot",children:[(0,a.jsxs)("span",{children:[(0,a.jsx)("span",{className:"add",children:"+0"})," ",(0,a.jsx)("span",{className:"del",children:"−0"})]}),(0,a.jsx)("span",{className:"grow"}),(0,a.jsx)("span",{children:"38m 12s"})]})]})]})]})]})]}),(0,a.jsxs)("div",{className:"annot a1",children:[(0,a.jsx)("span",{className:"badge",children:"01"})," Live status at a glance"]}),(0,a.jsxs)("div",{className:"annot a2",children:[(0,a.jsx)("span",{className:"badge",children:"02"})," Live tool calls, streamed"]}),(0,a.jsxs)("div",{className:"annot a3",children:[(0,a.jsx)("span",{className:"badge",children:"03"})," Diff-first review · approve to merge"]})]})]}),(0,a.jsx)("section",{id:"commander",className:"commander",children:(0,a.jsxs)("div",{className:"wrap",children:[(0,a.jsxs)("div",{className:"section-head",children:[(0,a.jsx)("span",{className:"kicker",children:"The commander"}),(0,a.jsxs)("h2",{children:["Set the goal. Approve the plan.",(0,a.jsx)("br",{}),(0,a.jsx)("em",{children:"It runs the rest."})]}),(0,a.jsx)("p",{children:"Main Chat isn’t just another agent — it’s the commander. Hand it a goal and it breaks the work into a plan you approve, then dispatches and drives a fleet of agents to carry it out — looping you in only when a call is yours to make."})]}),(0,a.jsxs)("div",{className:"cmd-deck",children:[(0,a.jsxs)("div",{className:"cmd-deck-head",children:[(0,a.jsx)(x.Logo,{size:16,live:!1,stripes:"off"}),(0,a.jsxs)("span",{children:["main chat · ",(0,a.jsx)("span",{className:"star",children:"commander"})]}),(0,a.jsxs)("span",{className:"right",children:[(0,a.jsx)("span",{className:"bdot green"})," plan approved · running"]})]}),(0,a.jsxs)("div",{className:"cmd-body",children:[(0,a.jsxs)("div",{className:"cmd-goal",children:[(0,a.jsx)("span",{className:"who",children:"YOU"}),(0,a.jsxs)("span",{className:"msg",children:["Ship ",(0,a.jsx)("b",{children:"dark mode"})," across the web app — theme tokens, every component, and a settings toggle that persists."]})]}),(0,a.jsxs)("div",{className:"cmd-plan",children:[(0,a.jsxs)("div",{className:"cmd-plan-head",children:[(0,a.jsx)("span",{children:"Mission plan"}),(0,a.jsx)("span",{className:"count",children:"5 steps · 3 agents"})]}),(0,a.jsxs)("div",{className:"cmd-step done",children:[(0,a.jsx)("span",{className:"ck",children:"✓"}),(0,a.jsx)("span",{className:"txt",children:"Audit styles & extract theme tokens"}),(0,a.jsx)("span",{className:"who-pill",children:"done"})]}),(0,a.jsxs)("div",{className:"cmd-step work",children:[(0,a.jsx)("span",{className:"ck"}),(0,a.jsx)("span",{className:"txt",children:"Refactor 18 components onto tokens"}),(0,a.jsx)("span",{className:"who-pill green",children:"web-ui · sonnet-4.5"})]}),(0,a.jsxs)("div",{className:"cmd-step work",children:[(0,a.jsx)("span",{className:"ck"}),(0,a.jsx)("span",{className:"txt",children:"Wire the settings toggle + persistence"}),(0,a.jsx)("span",{className:"who-pill green",children:"web-ui · codex-1"})]}),(0,a.jsxs)("div",{className:"cmd-step ask",children:[(0,a.jsx)("span",{className:"ck",children:"!"}),(0,a.jsxs)("div",{className:"txt",children:["Drop legacy ",(0,a.jsx)("code",{children:"theme.css"})," ",(0,a.jsx)("span",{className:"del",children:"−420"}),(0,a.jsxs)("div",{className:"ask-row",children:[(0,a.jsx)("span",{className:"ask-label",children:"Destructive — your call"}),(0,a.jsx)("button",{className:"btn cmd-approve",children:"Approve"}),(0,a.jsx)("button",{className:"btn cmd-deny",children:"Deny"})]})]})]}),(0,a.jsxs)("div",{className:"cmd-step queued",children:[(0,a.jsx)("span",{className:"ck"}),(0,a.jsx)("span",{className:"txt",children:"Visual-regression sweep across breakpoints"}),(0,a.jsx)("span",{className:"who-pill",children:"queued"})]})]})]})]}),(0,a.jsxs)("div",{className:"cmd-promises",children:[(0,a.jsxs)("div",{className:"cmd-promise",children:[(0,a.jsx)("span",{className:"n",children:"01"}),(0,a.jsx)("h4",{children:"Set the goal. Approve the plan."}),(0,a.jsx)("p",{children:"Describe the outcome. The commander decomposes it into a plan you can see and sign off on — never a black box."})]}),(0,a.jsxs)("div",{className:"cmd-promise",children:[(0,a.jsx)("span",{className:"n",children:"02"}),(0,a.jsx)("h4",{children:"From one agent to a whole team."}),(0,a.jsx)("p",{children:"It dispatches and drives a fleet of agents in parallel — each in its own workspace — and keeps them on track."})]}),(0,a.jsxs)("div",{className:"cmd-promise",children:[(0,a.jsx)("span",{className:"n",children:"03"}),(0,a.jsx)("h4",{children:"It only interrupts you when it matters."}),(0,a.jsx)("p",{children:"It runs on its own and surfaces just the decisions that are yours — an approval, a failure, a fork in the road."})]})]})]})}),(0,a.jsx)("section",{id:"features",className:"features",children:(0,a.jsxs)("div",{className:"wrap",children:[(0,a.jsxs)("div",{className:"section-head",children:[(0,a.jsx)("span",{className:"kicker",children:"Built for the way agents actually work"}),(0,a.jsx)("h2",{children:"Mission control for a fleet of agents."}),(0,a.jsx)("p",{children:"Stop tab-juggling a dozen terminal windows. Vibedeckx gives every agent a named workspace, its own model, and one dashboard to see, steer, and ship them all."})]}),(0,a.jsxs)("div",{className:"feature-grid",children:[(0,a.jsxs)("div",{className:"feature f-wide",children:[(0,a.jsx)("span",{className:"kicker",children:"At a glance"}),(0,a.jsx)("h3",{children:"Know what every agent is doing — at a glance."}),(0,a.jsx)("p",{children:"Every agent runs in its own named workspace with a live status you can read in a second: working, waiting on you, done, or failed. No more squinting at four cramped windows trying to remember which is which."}),(0,a.jsxs)("div",{className:"branch-graph",children:[(0,a.jsxs)("div",{className:"bg-row",children:[(0,a.jsx)("span",{className:"gutter",children:"●"}),(0,a.jsx)("span",{className:"label",children:"main"}),(0,a.jsx)("span",{className:"pill",children:"protected"})]}),(0,a.jsxs)("div",{className:"bg-row",children:[(0,a.jsx)("span",{className:"gutter",children:"├╴●"}),(0,a.jsx)("span",{className:"label",children:"feat/parallel-streams"}),(0,a.jsx)("span",{className:"pill green",children:"working · sonnet-4.5"})]}),(0,a.jsxs)("div",{className:"bg-row",children:[(0,a.jsx)("span",{className:"gutter",children:"├╴●"}),(0,a.jsx)("span",{className:"label",children:"fix/diff-virtualization"}),(0,a.jsx)("span",{className:"pill amber",children:"review · codex-1"})]}),(0,a.jsxs)("div",{className:"bg-row",children:[(0,a.jsx)("span",{className:"gutter",children:"├╴●"}),(0,a.jsx)("span",{className:"label",children:"feat/command-palette"}),(0,a.jsx)("span",{className:"pill",children:"idle · sonnet-4.5"})]}),(0,a.jsxs)("div",{className:"bg-row",children:[(0,a.jsx)("span",{className:"gutter",children:"└╴●"}),(0,a.jsx)("span",{className:"label",children:"chore/upgrade-vercel-ai-sdk"}),(0,a.jsx)("span",{className:"pill accent",children:"pushed"})]})]})]}),(0,a.jsxs)("div",{className:"feature f-third",children:[(0,a.jsx)("span",{className:"kicker",children:"Live"}),(0,a.jsx)("h3",{children:"Stream every tool call."}),(0,a.jsx)("p",{children:"Tail an agent's terminal, reads, writes, and grep results without leaving the dashboard."}),(0,a.jsxs)("div",{className:"term",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{className:"p",children:"~/orchestrator-core"})," ",(0,a.jsx)("span",{className:"o",children:"(feat/parallel-streams)"})]}),(0,a.jsx)("div",{children:(0,a.jsx)("span",{className:"o",children:"$ pnpm test multiplex"})}),(0,a.jsx)("div",{className:"ok",children:"✓ interleaves two streams (124ms)"}),(0,a.jsx)("div",{className:"ok",children:"✓ holds per-stream order (88ms)"}),(0,a.jsx)("div",{className:"o",children:"Tests: 24 passed"}),(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{className:"p",children:"$"})," ",(0,a.jsx)("span",{className:"cursor",children:"▌"})]})]})]}),(0,a.jsxs)("div",{className:"feature f-half",children:[(0,a.jsx)("span",{className:"kicker",children:"Diff-first review"}),(0,a.jsx)("h3",{children:"Approve at the line, not the PR."}),(0,a.jsx)("p",{children:"Inspect every hunk in a real diff viewer with syntax highlighting and line-by-line accept/reject. Merge only what you trust."}),(0,a.jsxs)("div",{className:"diff",children:[(0,a.jsxs)("div",{className:"diff-head",children:[(0,a.jsx)("span",{children:"multiplex.ts"}),(0,a.jsx)("span",{className:"add",children:"+12"}),(0,a.jsx)("span",{className:"del",children:"−4"})]}),(0,a.jsxs)("div",{className:"diff-row",children:[(0,a.jsx)("span",{className:"ln",children:"88"}),(0,a.jsx)("span",{className:"code",children:"  write(streamId, chunk) {"})]}),(0,a.jsxs)("div",{className:"diff-row del",children:[(0,a.jsx)("span",{className:"ln",children:"89"}),(0,a.jsx)("span",{className:"code",children:"    const lock = WriteLock.shared()"})]}),(0,a.jsxs)("div",{className:"diff-row add",children:[(0,a.jsx)("span",{className:"ln",children:"89"}),(0,a.jsx)("span",{className:"code",children:"    // Per-stream lock prevents torn JSON"})]}),(0,a.jsxs)("div",{className:"diff-row add",children:[(0,a.jsx)("span",{className:"ln",children:"90"}),(0,a.jsx)("span",{className:"code",children:"    const lock = WriteLock.perStream(id)"})]}),(0,a.jsxs)("div",{className:"diff-row",children:[(0,a.jsx)("span",{className:"ln",children:"91"}),(0,a.jsx)("span",{className:"code",children:"    lock.acquire()"})]})]})]}),(0,a.jsxs)("div",{className:"feature f-half",children:[(0,a.jsx)("span",{className:"kicker",children:"Human-in-the-loop"}),(0,a.jsx)("h3",{children:"Approval gates for the scary stuff."}),(0,a.jsxs)("p",{children:["Mark commands as ",(0,a.jsx)("span",{className:"mono",children:"requires-approval"})," per project. The agent pauses, surfaces what it wants to run, and waits for your tap."]}),(0,a.jsxs)("div",{className:"approval",children:[(0,a.jsxs)("div",{className:"h",children:[(0,a.jsxs)("svg",{width:"11",height:"11",viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",strokeWidth:"1.6",children:[(0,a.jsx)("path",{d:"M8 1.5 14.5 13.5h-13z"}),(0,a.jsx)("path",{d:"M8 6v3.5"}),(0,a.jsx)("circle",{cx:"8",cy:"11.5",r:"0.6",fill:"currentColor"})]}),"Approval required"]}),"web-ui · codex-1 wants to run"," ",(0,a.jsx)("code",{children:"rm -rf node_modules/.cache"}),(0,a.jsxs)("div",{className:"acts",children:[(0,a.jsx)("button",{className:"btn",style:{padding:"4px 10px",fontSize:"11.5px",background:"var(--vdx-fg)",color:"var(--vdx-bg)",borderColor:"var(--vdx-fg)"},children:"Approve"}),(0,a.jsx)("button",{className:"btn btn-deny",children:"Deny"})]})]})]}),(0,a.jsxs)("div",{className:"feature f-third",children:[(0,a.jsx)("span",{className:"kicker",children:"Model agnostic"}),(0,a.jsx)("h3",{children:"Use the right model per branch."}),(0,a.jsx)("p",{children:"Claude for refactors, Codex for tight loops, your own model over OpenAI-compat."}),(0,a.jsxs)("div",{className:"models",children:[(0,a.jsxs)("div",{className:"model-row active",children:[(0,a.jsx)("span",{className:"mark",children:"CL"}),(0,a.jsx)("span",{className:"name",children:"claude-sonnet-4.5"}),(0,a.jsx)("span",{className:"desc",children:"200K · $3/M"})]}),(0,a.jsxs)("div",{className:"model-row",children:[(0,a.jsx)("span",{className:"mark",children:"CX"}),(0,a.jsx)("span",{className:"name",children:"codex-1"}),(0,a.jsx)("span",{className:"desc",children:"128K · $2/M"})]}),(0,a.jsxs)("div",{className:"model-row",children:[(0,a.jsx)("span",{className:"mark",children:"LL"}),(0,a.jsx)("span",{className:"name",children:"llama-3.3-70b"}),(0,a.jsx)("span",{className:"desc",children:"local · ollama"})]})]})]}),(0,a.jsxs)("div",{className:"feature f-third",children:[(0,a.jsx)("span",{className:"kicker",children:"Cross-environment"}),(0,a.jsx)("h3",{children:"Edit here, test there."}),(0,a.jsx)("p",{children:"Wire up as many run environments as you like and route work between them — build on one, run the suite on your GPU box, deploy from a third."}),(0,a.jsxs)("div",{className:"branch-graph",children:[(0,a.jsxs)("div",{className:"bg-row",children:[(0,a.jsx)("span",{className:"gutter",children:"▣"}),(0,a.jsx)("span",{className:"label",children:"local"}),(0,a.jsx)("span",{className:"pill green",children:"4 sessions"})]}),(0,a.jsxs)("div",{className:"bg-row",children:[(0,a.jsx)("span",{className:"gutter",children:"▣"}),(0,a.jsx)("span",{className:"label",children:"gpu-01"}),(0,a.jsx)("span",{className:"pill green",children:"1 session"})]}),(0,a.jsxs)("div",{className:"bg-row",children:[(0,a.jsx)("span",{className:"gutter",children:"▣"}),(0,a.jsx)("span",{className:"label",children:"vps-fr-3"}),(0,a.jsx)("span",{className:"pill",children:"idle"})]})]})]}),(0,a.jsxs)("div",{className:"feature f-third",children:[(0,a.jsx)("span",{className:"kicker",children:"Alerts"}),(0,a.jsx)("h3",{children:"Get pinged when it’s done."}),(0,a.jsx)("p",{children:"Stop babysitting the dashboard. Vibedeckx notifies you the moment an agent finishes, needs approval, or fails — on the web now, your phone soon."}),(0,a.jsxs)("div",{className:"branch-graph",children:[(0,a.jsxs)("div",{className:"bg-row",children:[(0,a.jsx)("span",{className:"gutter",children:"✓"}),(0,a.jsx)("span",{className:"label",children:"feat/parallel-streams"}),(0,a.jsx)("span",{className:"pill green",children:"done"})]}),(0,a.jsxs)("div",{className:"bg-row",children:[(0,a.jsx)("span",{className:"gutter",children:"!"}),(0,a.jsx)("span",{className:"label",children:"fix/diff-virtualization"}),(0,a.jsx)("span",{className:"pill amber",children:"needs approval"})]}),(0,a.jsxs)("div",{className:"bg-row",children:[(0,a.jsx)("span",{className:"gutter",children:"✕"}),(0,a.jsx)("span",{className:"label",children:"edge-runner/main"}),(0,a.jsx)("span",{className:"pill rose",children:"failed"})]}),(0,a.jsxs)("div",{className:"bg-row",style:{borderTop:"1px dashed var(--vdx-line)",paddingTop:6,marginTop:4},children:[(0,a.jsx)("span",{className:"gutter",children:"♪"}),(0,a.jsx)("span",{className:"label",children:"today"}),(0,a.jsx)("span",{className:"pill accent",children:"3 alerts"})]})]})]})]})]})}),(0,a.jsx)("section",{id:"how",className:"steps",children:(0,a.jsxs)("div",{className:"wrap",children:[(0,a.jsxs)("div",{className:"section-head",children:[(0,a.jsx)("span",{className:"kicker",children:"How it works"}),(0,a.jsx)("h2",{children:"Sign in. Spin up a fleet. Stay on top."})]}),(0,a.jsxs)("div",{className:"steps-grid",children:[(0,a.jsxs)("div",{className:"step",children:[(0,a.jsx)("div",{className:"num",children:"STEP 01"}),(0,a.jsx)("h4",{children:"Connect your repos."}),(0,a.jsx)("p",{children:"Sign in from any device and point Vibedeckx at your repos and run environments — local, a GPU box, a remote VPS. Each agent works in its own isolated worktree."}),(0,a.jsxs)("div",{className:"stub",children:[(0,a.jsx)("span",{className:"dollar",children:"$"})," vibedeckx add ~/code/orchestrator-core"]})]}),(0,a.jsxs)("div",{className:"step",children:[(0,a.jsx)("div",{className:"num",children:"STEP 02"}),(0,a.jsx)("h4",{children:"Spawn a fleet."}),(0,a.jsx)("p",{children:"Open a workspace per task, pick a model, and hit go. Agents run in parallel and in isolation — install dependencies, run tests, mutate the lockfile freely."}),(0,a.jsxs)("div",{className:"stub",children:[(0,a.jsx)("span",{className:"dollar",children:"$"})," vibedeckx run feat/parallel-streams --model sonnet-4.5"]})]}),(0,a.jsxs)("div",{className:"step",children:[(0,a.jsx)("div",{className:"num",children:"STEP 03"}),(0,a.jsx)("h4",{children:"Stay on top & ship."}),(0,a.jsx)("p",{children:"Watch live status, get pinged the moment an agent finishes, then review the diff, approve, and push. Rejected hunks roll back without a stash."}),(0,a.jsxs)("div",{className:"stub",children:[(0,a.jsx)("span",{className:"dollar",children:"$"})," vibedeckx review ·"," ",(0,a.jsx)("span",{style:{color:"var(--vdx-green)"},children:"accept"})," 12 hunks · push"]})]})]})]})}),(0,a.jsx)("section",{className:"faq",children:(0,a.jsxs)("div",{className:"wrap",children:[(0,a.jsxs)("div",{className:"section-head",children:[(0,a.jsx)("span",{className:"kicker",children:"FAQ"}),(0,a.jsx)("h2",{children:"The honest answers."})]}),(0,a.jsxs)("div",{className:"faq-list",children:[(0,a.jsxs)("details",{className:"faq-item",open:!0,children:[(0,a.jsx)("summary",{children:"Cloud-hosted or self-hosted?"}),(0,a.jsx)("div",{className:"body",children:"Both. Vibedeckx runs as a hosted service so you can sign in and command your agents from any device — or self-host it on your own machines if you'd rather keep everything in-house. Either way, model traffic goes straight to your chosen provider with your own keys."})]}),(0,a.jsxs)("details",{className:"faq-item",children:[(0,a.jsx)("summary",{children:"Which models are supported?"}),(0,a.jsxs)("div",{className:"body",children:["Anthropic (Claude 3.5/4/4.5), OpenAI (Codex, GPT-4 family), any OpenAI-compatible endpoint, and local ",(0,a.jsx)("code",{children:"llama.cpp"})," /"," ",(0,a.jsx)("code",{children:"ollama"}),". Switch per session."]})]}),(0,a.jsxs)("details",{className:"faq-item",children:[(0,a.jsx)("summary",{children:"How are worktrees isolated?"}),(0,a.jsxs)("div",{className:"body",children:["We use git's native worktree feature to check each branch out into"," ",(0,a.jsx)("code",{children:"~/.vibedeckx/work/<project>/<branch>"}),". Agents only see their own copy — their ",(0,a.jsx)("code",{children:"node_modules"}),", their venv, their build artifacts. Nothing leaks back to your editor's checkout."]})]}),(0,a.jsxs)("details",{className:"faq-item",children:[(0,a.jsx)("summary",{children:"What about approval policies?"}),(0,a.jsxs)("div",{className:"body",children:["Per-project rules in ",(0,a.jsx)("code",{children:".vibedeckx/policy.yaml"}),". Match commands by regex, declare what auto-approves, what asks, what's banned. Defaults block ",(0,a.jsx)("code",{children:"rm -rf"}),", force pushes, and anything outside the worktree."]})]}),(0,a.jsxs)("details",{className:"faq-item",children:[(0,a.jsx)("summary",{children:"Linux? Windows? Mobile?"}),(0,a.jsxs)("div",{className:"body",children:["Use the hosted app from any modern browser. To self-host, macOS and Linux today via ",(0,a.jsx)("code",{children:"npm install -g vibedeckx"}),"; Windows via WSL works but isn't officially supported yet. A native mobile app is on the way."]})]})]})]})}),(0,a.jsx)("section",{className:"wrap",children:(0,a.jsxs)("div",{className:"cta-banner",children:[(0,a.jsxs)("h2",{children:["Stop juggling tabs. ",(0,a.jsx)("em",{children:"Take command."})]}),(0,a.jsxs)("div",{className:"row",children:[(0,a.jsx)("button",{onClick:e,className:"btn btn-lg btn-light",children:"Enter the cockpit"}),(0,a.jsx)("a",{href:"https://github.com/vibedeckx-dev/vibedeckx",target:"_blank",rel:"noopener noreferrer",className:"btn btn-lg btn-dark",children:"Read the docs"})]})]})}),(0,a.jsx)("footer",{children:(0,a.jsxs)("div",{className:"wrap",children:[(0,a.jsxs)("div",{className:"foot-grid",children:[(0,a.jsxs)("div",{children:[(0,a.jsxs)("a",{href:"#",className:"brand",onClick:e=>e.preventDefault(),style:{marginBottom:12},children:[(0,a.jsx)(x.Logo,{size:24}),(0,a.jsx)("span",{children:"vibedeckx"})]}),(0,a.jsx)("div",{className:"foot-brand",style:{marginTop:10},children:"Mission control for your coding agents."})]}),(0,a.jsxs)("div",{className:"foot-col",children:[(0,a.jsx)("h5",{children:"Product"}),(0,a.jsxs)("ul",{children:[(0,a.jsx)("li",{children:(0,a.jsx)("button",{onClick:e,children:"Download"})}),(0,a.jsx)("li",{children:(0,a.jsx)("a",{href:"https://github.com/vibedeckx-dev/vibedeckx/releases",target:"_blank",rel:"noopener noreferrer",children:"Changelog"})}),(0,a.jsx)("li",{children:(0,a.jsx)("a",{href:"#features",children:"Features"})})]})]}),(0,a.jsxs)("div",{className:"foot-col",children:[(0,a.jsx)("h5",{children:"Developers"}),(0,a.jsxs)("ul",{children:[(0,a.jsx)("li",{children:(0,a.jsx)("a",{href:"https://github.com/vibedeckx-dev/vibedeckx",target:"_blank",rel:"noopener noreferrer",children:"Source"})}),(0,a.jsx)("li",{children:(0,a.jsx)("a",{href:"https://github.com/vibedeckx-dev/vibedeckx#readme",target:"_blank",rel:"noopener noreferrer",children:"Docs"})}),(0,a.jsx)("li",{children:(0,a.jsx)("a",{href:"#how",children:"CLI reference"})}),(0,a.jsx)("li",{children:(0,a.jsx)("a",{href:"#features",children:"Policy DSL"})})]})]}),(0,a.jsxs)("div",{className:"foot-col",children:[(0,a.jsx)("h5",{children:"Company"}),(0,a.jsxs)("ul",{children:[(0,a.jsx)("li",{children:(0,a.jsx)("a",{href:"#",children:"About"})}),(0,a.jsx)("li",{children:(0,a.jsx)("a",{href:"#",children:"Blog"})}),(0,a.jsx)("li",{children:(0,a.jsx)("a",{href:"mailto:hello@vibedeckx.dev",children:"Contact"})})]})]}),(0,a.jsxs)("div",{className:"foot-col",children:[(0,a.jsx)("h5",{children:"Legal"}),(0,a.jsxs)("ul",{children:[(0,a.jsx)("li",{children:(0,a.jsx)("a",{href:"#",children:"Privacy"})}),(0,a.jsx)("li",{children:(0,a.jsx)("a",{href:"#",children:"Terms"})}),(0,a.jsx)("li",{children:(0,a.jsx)("a",{href:"#",children:"Security"})})]})]})]}),(0,a.jsxs)("div",{className:"foot-bottom",children:[(0,a.jsx)("span",{children:"© 2026 vibedeckx"}),(0,a.jsxs)("span",{className:"status",children:[(0,a.jsx)("span",{className:"sdot"}),"All systems normal · v0.1.6"]})]})]})})]})}let h=`
+  .vdx-lp {
+    /* Scoped design tokens — avoid clashing with the app shell */
+    --vdx-bg: oklch(0.99 0.003 250);
+    --vdx-bg-2: oklch(0.975 0.004 250);
+    --vdx-surface: oklch(1 0 0);
+    --vdx-surface-2: oklch(0.985 0.003 250);
+    --vdx-surface-hover: oklch(0.97 0.004 250);
+
+    --vdx-fg: oklch(0.18 0.014 260);
+    --vdx-fg-2: oklch(0.32 0.012 260);
+    --vdx-fg-muted: oklch(0.52 0.012 260);
+    --vdx-fg-subtle: oklch(0.66 0.010 260);
+
+    --vdx-line: oklch(0.92 0.005 260);
+    --vdx-line-2: oklch(0.945 0.004 260);
+    --vdx-line-strong: oklch(0.86 0.006 260);
+
+    --vdx-accent: oklch(0.52 0.18 268);
+    --vdx-accent-hover: oklch(0.46 0.19 268);
+    --vdx-accent-tint: oklch(0.96 0.025 268);
+    --vdx-accent-tint-2: oklch(0.93 0.04 268);
+
+    --vdx-green: oklch(0.62 0.14 152);
+    --vdx-green-tint: oklch(0.95 0.04 152);
+    --vdx-amber: oklch(0.72 0.14 75);
+    --vdx-amber-tint: oklch(0.96 0.05 80);
+    --vdx-rose: oklch(0.6 0.19 22);
+    --vdx-rose-tint: oklch(0.96 0.04 22);
+
+    --vdx-shadow-sm: 0 1px 2px oklch(0.2 0.02 260 / 0.04), 0 0 0 1px oklch(0.2 0.02 260 / 0.04);
+    --vdx-shadow-md: 0 4px 12px oklch(0.2 0.02 260 / 0.06), 0 1px 2px oklch(0.2 0.02 260 / 0.04);
+    --vdx-shadow-xl: 0 40px 80px -20px oklch(0.2 0.04 260 / 0.20), 0 12px 24px -8px oklch(0.2 0.02 260 / 0.08);
+
+    font-family: var(--font-inter), ui-sans-serif, system-ui, sans-serif;
+    font-feature-settings: 'cv11', 'ss01', 'ss03';
+    background: var(--vdx-bg);
+    color: var(--vdx-fg);
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    font-size: 14px;
+    line-height: 1.5;
+    letter-spacing: -0.005em;
+    min-height: 100vh;
+  }
+  .vdx-lp *, .vdx-lp *::before, .vdx-lp *::after { box-sizing: border-box; }
+  .vdx-lp a { color: inherit; text-decoration: none; }
+  .vdx-lp button {
+    font-family: inherit; cursor: pointer; border: none; background: none;
+    padding: 0; color: inherit;
+  }
+  .vdx-lp .mono {
+    font-family: var(--font-jetbrains-mono), ui-monospace, monospace;
+    font-feature-settings: 'ss01', 'cv02';
+  }
+
+  /* Layout */
+  .vdx-lp .wrap { max-width: 1200px; margin: 0 auto; padding: 0 28px; }
+  .vdx-lp section { position: relative; }
+
+  /* Nav */
+  .vdx-lp .nav {
+    position: sticky; top: 0; z-index: 50;
+    background: oklch(0.99 0.003 250 / 0.85);
+    backdrop-filter: saturate(160%) blur(10px);
+    -webkit-backdrop-filter: saturate(160%) blur(10px);
+    border-bottom: 1px solid var(--vdx-line);
+  }
+  .vdx-lp .nav-inner {
+    display: flex; align-items: center; gap: 28px;
+    height: 56px;
+  }
+  .vdx-lp .brand {
+    display: inline-flex; align-items: center; gap: 9px;
+    font-weight: 600; font-size: 14px; letter-spacing: -0.01em;
+    color: var(--vdx-fg);
+  }
+  .vdx-lp .brand-mark {
+    width: 24px; height: 24px;
+    border-radius: 6px;
+    background: var(--vdx-fg);
+    color: var(--vdx-bg);
+    display: grid; place-items: center;
+    font-family: var(--font-jetbrains-mono), monospace;
+    font-size: 11px;
+    font-weight: 700;
+    flex-shrink: 0;
+  }
+  .vdx-lp .brand-x { color: var(--vdx-accent); }
+  .vdx-lp .nav-links { display: flex; align-items: center; gap: 22px; margin-left: 12px; }
+  .vdx-lp .nav-links a {
+    font-size: 13px; color: var(--vdx-fg-2); font-weight: 450;
+    transition: color 0.15s;
+  }
+  .vdx-lp .nav-links a:hover { color: var(--vdx-fg); }
+  .vdx-lp .nav-right { margin-left: auto; display: flex; align-items: center; gap: 8px; }
+
+  .vdx-lp .btn {
+    display: inline-flex; align-items: center; gap: 6px;
+    padding: 6px 12px;
+    border: 1px solid var(--vdx-line);
+    border-radius: 7px;
+    background: var(--vdx-surface);
+    color: var(--vdx-fg-2);
+    font-size: 13px; font-weight: 500;
+    line-height: 1.4;
+    font-family: inherit;
+    transition: background 0.15s, border-color 0.15s, color 0.15s;
+  }
+  .vdx-lp .btn:hover { background: var(--vdx-surface-hover); border-color: var(--vdx-line-strong); color: var(--vdx-fg); }
+  .vdx-lp .btn-ghost { border-color: transparent; background: transparent; }
+  .vdx-lp .btn-ghost:hover { background: var(--vdx-surface-hover); border-color: transparent; }
+  .vdx-lp .btn-primary {
+    background: var(--vdx-fg); border-color: var(--vdx-fg); color: var(--vdx-bg);
+  }
+  .vdx-lp .btn-primary:hover {
+    background: oklch(0.28 0.014 260); border-color: oklch(0.28 0.014 260); color: var(--vdx-bg);
+  }
+  .vdx-lp .btn-lg { padding: 9px 16px; font-size: 13.5px; border-radius: 8px; }
+  .vdx-lp .btn .kbd { font-family: var(--font-jetbrains-mono), monospace; font-size: 10.5px; opacity: 0.7; }
+
+  .vdx-lp .kbd {
+    font-family: var(--font-jetbrains-mono), monospace;
+    font-size: 10.5px;
+    color: var(--vdx-fg-muted);
+    padding: 1px 5px;
+    border: 1px solid var(--vdx-line);
+    border-bottom-width: 2px;
+    border-radius: 4px;
+    background: var(--vdx-surface-2);
+    line-height: 1.4;
+  }
+
+  /* Eyebrow pill */
+  .vdx-lp .eyebrow {
+    display: inline-flex; align-items: center; gap: 8px;
+    padding: 3px 9px 3px 7px;
+    border: 1px solid var(--vdx-line);
+    border-radius: 999px;
+    font-family: var(--font-jetbrains-mono), monospace;
+    font-size: 11px;
+    color: var(--vdx-fg-2);
+    background: var(--vdx-surface);
+    box-shadow: var(--vdx-shadow-sm);
+  }
+  .vdx-lp .eyebrow .dot {
+    width: 6px; height: 6px; border-radius: 999px;
+    background: var(--vdx-green); position: relative;
+  }
+  .vdx-lp .eyebrow .dot::after {
+    content: ''; position: absolute; inset: -2px;
+    border-radius: 999px; background: var(--vdx-green); opacity: 0.45;
+    animation: vdx-pulse 1.8s ease-out infinite;
+  }
+  @keyframes vdx-pulse {
+    0% { transform: scale(1); opacity: 0.45; }
+    100% { transform: scale(2.4); opacity: 0; }
+  }
+
+  /* Hero */
+  .vdx-lp .hero { padding: 80px 0 28px; position: relative; overflow: hidden; }
+  .vdx-lp .hero::before {
+    content: '';
+    position: absolute; inset: 0;
+    background-image:
+      linear-gradient(to right, oklch(0.18 0.014 260 / 0.04) 1px, transparent 1px),
+      linear-gradient(to bottom, oklch(0.18 0.014 260 / 0.04) 1px, transparent 1px);
+    background-size: 56px 56px;
+    mask-image: radial-gradient(ellipse 80% 60% at 50% 0%, black 30%, transparent 75%);
+    -webkit-mask-image: radial-gradient(ellipse 80% 60% at 50% 0%, black 30%, transparent 75%);
+    pointer-events: none;
+  }
+  .vdx-lp .hero-inner { position: relative; text-align: center; }
+  .vdx-lp .hero h1 {
+    font-size: clamp(40px, 6vw, 68px);
+    line-height: 1.02;
+    letter-spacing: -0.035em;
+    font-weight: 600;
+    margin: 18px auto 0;
+    max-width: 880px;
+    color: var(--vdx-fg);
+    text-wrap: balance;
+  }
+  .vdx-lp .hero h1 em {
+    font-style: normal;
+    font-family: var(--font-jetbrains-mono), monospace;
+    font-weight: 500;
+    font-size: 0.82em;
+    color: var(--vdx-accent);
+    letter-spacing: -0.02em;
+    background: var(--vdx-accent-tint);
+    padding: 0.05em 0.18em;
+    border-radius: 8px;
+    vertical-align: 0.04em;
+  }
+  .vdx-lp .hero p.lede {
+    font-size: 17px;
+    color: var(--vdx-fg-muted);
+    max-width: 600px;
+    margin: 20px auto 0;
+    text-wrap: pretty;
+    line-height: 1.55;
+  }
+  .vdx-lp .hero-cta { display: flex; justify-content: center; gap: 10px; margin-top: 28px; flex-wrap: wrap; }
+
+  .vdx-lp .install {
+    margin: 18px auto 0;
+    display: inline-flex; align-items: center; gap: 10px;
+    padding: 6px 10px 6px 12px;
+    border: 1px solid var(--vdx-line);
+    border-radius: 8px;
+    background: var(--vdx-surface);
+    font-family: var(--font-jetbrains-mono), monospace;
+    font-size: 12px;
+    color: var(--vdx-fg-2);
+    box-shadow: var(--vdx-shadow-sm);
+  }
+  .vdx-lp .install .dollar { color: var(--vdx-fg-subtle); }
+  .vdx-lp .install .copy {
+    width: 22px; height: 22px; border-radius: 5px;
+    display: grid; place-items: center;
+    color: var(--vdx-fg-muted);
+    transition: background 0.15s, color 0.15s;
+  }
+  .vdx-lp .install .copy:hover { background: var(--vdx-surface-hover); color: var(--vdx-fg); }
+
+  /* Product preview */
+  .vdx-lp .preview-wrap { margin-top: 56px; padding: 0 0 4px; position: relative; }
+  .vdx-lp .preview-frame {
+    max-width: 1180px;
+    margin: 0 auto;
+    border: 1px solid var(--vdx-line-strong);
+    border-radius: 14px;
+    background: var(--vdx-bg);
+    overflow: hidden;
+    box-shadow: var(--vdx-shadow-xl);
+    position: relative;
+  }
+  .vdx-lp .preview-chrome {
+    display: flex; align-items: center; gap: 10px;
+    padding: 9px 14px;
+    border-bottom: 1px solid var(--vdx-line);
+    background: var(--vdx-surface-2);
+  }
+  .vdx-lp .traffic { display: flex; gap: 6px; }
+  .vdx-lp .traffic span {
+    width: 10px; height: 10px; border-radius: 999px;
+    background: var(--vdx-line-strong);
+  }
+  .vdx-lp .preview-url {
+    flex: 1;
+    display: flex; align-items: center; gap: 8px;
+    justify-content: center;
+    font-family: var(--font-jetbrains-mono), monospace;
+    font-size: 11.5px;
+    color: var(--vdx-fg-muted);
+  }
+  .vdx-lp .preview-url .lock { width: 11px; height: 11px; }
+
+  .vdx-lp .mini-app {
+    display: grid;
+    grid-template-columns: 180px 1fr;
+    grid-template-rows: 38px 1fr;
+    height: 540px;
+    background: var(--vdx-bg);
+  }
+  .vdx-lp .mini-topbar {
+    grid-column: 1 / -1;
+    display: flex; align-items: center; gap: 14px;
+    padding: 0 14px 0 12px;
+    border-bottom: 1px solid var(--vdx-line);
+    background: var(--vdx-surface);
+    font-size: 12px;
+  }
+  .vdx-lp .mini-topbar .crumb {
+    font-family: var(--font-jetbrains-mono), monospace;
+    color: var(--vdx-fg-muted);
+    font-size: 11.5px;
+  }
+  .vdx-lp .mini-topbar .crumb b { color: var(--vdx-fg); font-weight: 500; }
+  .vdx-lp .mini-topbar .right { margin-left: auto; display: flex; gap: 6px; align-items: center; }
+  .vdx-lp .mini-search {
+    display: flex; align-items: center; gap: 8px;
+    padding: 3px 8px 3px 10px;
+    border: 1px solid var(--vdx-line);
+    border-radius: 7px;
+    background: var(--vdx-surface-2);
+    color: var(--vdx-fg-muted);
+    font-size: 11.5px;
+    min-width: 180px;
+  }
+  .vdx-lp .mini-search .kbd { margin-left: auto; }
+
+  .vdx-lp .mini-sidebar {
+    background: var(--vdx-bg-2);
+    border-right: 1px solid var(--vdx-line);
+    padding: 12px 8px;
+    overflow: hidden;
+    font-size: 12px;
+  }
+  .vdx-lp .mini-section-label {
+    padding: 4px 8px;
+    font-size: 9.5px;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.06em;
+    color: var(--vdx-fg-subtle);
+  }
+  .vdx-lp .mini-nav-item {
+    display: flex; align-items: center; gap: 8px;
+    padding: 5px 8px;
+    border-radius: 6px;
+    color: var(--vdx-fg-2);
+    font-size: 12px;
+  }
+  .vdx-lp .mini-nav-item.active {
+    background: var(--vdx-surface);
+    box-shadow: var(--vdx-shadow-sm);
+    color: var(--vdx-fg);
+    font-weight: 500;
+    position: relative;
+  }
+  .vdx-lp .mini-nav-item.active::before {
+    content: ''; position: absolute; left: -8px; top: 6px; bottom: 6px;
+    width: 2px; background: var(--vdx-accent); border-radius: 999px;
+  }
+  .vdx-lp .mini-nav-item .count { margin-left: auto; font-family: var(--font-jetbrains-mono), monospace; font-size: 10px; color: var(--vdx-fg-subtle); }
+  .vdx-lp .branch-row {
+    display: flex; align-items: center; gap: 7px;
+    padding: 3px 8px 3px 22px;
+    font-family: var(--font-jetbrains-mono), monospace;
+    font-size: 11px;
+    color: var(--vdx-fg-2);
+    border-radius: 5px;
+  }
+  .vdx-lp .branch-row.active { background: var(--vdx-accent-tint); color: var(--vdx-accent); }
+  .vdx-lp .bdot { width: 6px; height: 6px; border-radius: 999px; background: var(--vdx-fg-subtle); flex-shrink: 0; }
+  .vdx-lp .bdot.green { background: var(--vdx-green); }
+  .vdx-lp .bdot.amber { background: var(--vdx-amber); }
+  .vdx-lp .bdot.rose  { background: var(--vdx-rose); }
+  .vdx-lp .tree-project {
+    display: flex; align-items: center; gap: 6px;
+    padding: 6px 8px 2px;
+    font-family: var(--font-jetbrains-mono), monospace;
+    font-size: 10.5px;
+    color: var(--vdx-fg-muted);
+  }
+
+  .vdx-lp .mini-main { overflow: hidden; display: flex; flex-direction: column; }
+  .vdx-lp .mini-page-head {
+    display: flex; align-items: center; justify-content: space-between;
+    padding: 12px 16px 10px;
+    border-bottom: 1px solid var(--vdx-line);
+  }
+  .vdx-lp .mini-page-head h2 {
+    margin: 0; font-size: 15px; font-weight: 600;
+    letter-spacing: -0.015em;
+    display: flex; align-items: baseline; gap: 8px;
+  }
+  .vdx-lp .mini-page-head h2 .count {
+    font-family: var(--font-jetbrains-mono), monospace;
+    font-size: 11px; color: var(--vdx-fg-subtle); font-weight: 500;
+  }
+  .vdx-lp .mini-filter {
+    display: flex; gap: 4px; padding: 7px 16px;
+    border-bottom: 1px solid var(--vdx-line);
+    font-size: 11.5px;
+  }
+  .vdx-lp .mini-chip {
+    padding: 2px 8px; border-radius: 999px;
+    color: var(--vdx-fg-muted);
+    border: 1px solid transparent;
+  }
+  .vdx-lp .mini-chip.active {
+    background: var(--vdx-surface);
+    border-color: var(--vdx-line);
+    color: var(--vdx-fg);
+    font-weight: 500;
+    box-shadow: var(--vdx-shadow-sm);
+  }
+  .vdx-lp .mini-chip .count { font-family: var(--font-jetbrains-mono), monospace; font-size: 10px; color: var(--vdx-fg-subtle); margin-left: 3px; }
+
+  .vdx-lp .mini-grid {
+    flex: 1;
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 12px;
+    padding: 14px 16px;
+    overflow: hidden;
+  }
+  .vdx-lp .mini-card {
+    background: var(--vdx-surface);
+    border: 1px solid var(--vdx-line);
+    border-radius: 9px;
+    display: flex; flex-direction: column;
+    overflow: hidden;
+  }
+  .vdx-lp .mini-card.working { border-color: oklch(from var(--vdx-green) l c h / 0.4); }
+  .vdx-lp .mini-card.review { border-color: oklch(from var(--vdx-amber) l c h / 0.45); }
+  .vdx-lp .mini-card-head {
+    padding: 9px 11px 7px;
+    border-bottom: 1px solid var(--vdx-line-2);
+    display: flex; align-items: center; gap: 7px;
+  }
+  .vdx-lp .mini-card-head .meta { display: flex; flex-direction: column; gap: 1px; min-width: 0; flex: 1; }
+  .vdx-lp .mini-card-head .project { font-family: var(--font-jetbrains-mono), monospace; font-size: 10px; color: var(--vdx-fg-muted); }
+  .vdx-lp .mini-card-head .branch { font-family: var(--font-jetbrains-mono), monospace; font-size: 11px; color: var(--vdx-fg); font-weight: 500; }
+  .vdx-lp .mini-host {
+    font-family: var(--font-jetbrains-mono), monospace; font-size: 9.5px; color: var(--vdx-fg-subtle);
+    padding: 1px 5px; background: var(--vdx-surface-2); border-radius: 4px;
+  }
+  .vdx-lp .mini-card-body {
+    padding: 9px 11px; flex: 1;
+    display: flex; flex-direction: column; gap: 8px;
+  }
+  .vdx-lp .mini-task {
+    font-size: 11.5px;
+    color: var(--vdx-fg-2);
+    line-height: 1.4;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+  }
+  .vdx-lp .mini-tools { display: flex; gap: 3px; flex-wrap: wrap; }
+  .vdx-lp .mini-tool {
+    font-family: var(--font-jetbrains-mono), monospace;
+    font-size: 9.5px;
+    padding: 1px 5px;
+    background: var(--vdx-surface-2);
+    border: 1px solid var(--vdx-line);
+    border-radius: 4px;
+    color: var(--vdx-fg-2);
+  }
+  .vdx-lp .mini-card-foot {
+    padding: 7px 11px;
+    border-top: 1px solid var(--vdx-line-2);
+    background: var(--vdx-surface-2);
+    display: flex; align-items: center; gap: 10px;
+    font-family: var(--font-jetbrains-mono), monospace;
+    font-size: 9.5px;
+    color: var(--vdx-fg-muted);
+  }
+  .vdx-lp .mini-card-foot .add { color: var(--vdx-green); }
+  .vdx-lp .mini-card-foot .del { color: var(--vdx-rose); }
+  .vdx-lp .mini-card-foot .grow { flex: 1; }
+
+  /* Floating annotations */
+  .vdx-lp .annot {
+    position: absolute;
+    display: flex; align-items: center; gap: 8px;
+    font-family: var(--font-jetbrains-mono), monospace;
+    font-size: 11px;
+    color: var(--vdx-fg);
+    background: var(--vdx-surface);
+    border: 1px solid var(--vdx-line);
+    padding: 5px 9px 5px 8px;
+    border-radius: 7px;
+    box-shadow: var(--vdx-shadow-md);
+    white-space: nowrap;
+  }
+  .vdx-lp .annot .badge {
+    font-family: var(--font-jetbrains-mono), monospace;
+    font-size: 10px;
+    color: var(--vdx-accent);
+    background: var(--vdx-accent-tint);
+    padding: 1px 5px;
+    border-radius: 4px;
+    font-weight: 600;
+  }
+  .vdx-lp .annot.a1 { top: 88px; left: -10px; }
+  .vdx-lp .annot.a2 { top: 220px; right: -8px; }
+  .vdx-lp .annot.a3 { bottom: 56px; left: 100px; }
+
+  /* Logos */
+  .vdx-lp .logos { padding: 60px 0 20px; text-align: center; }
+  .vdx-lp .logos-label {
+    font-family: var(--font-jetbrains-mono), monospace;
+    font-size: 11.5px;
+    color: var(--vdx-fg-muted);
+    letter-spacing: 0.04em;
+  }
+  .vdx-lp .logos-row {
+    margin-top: 22px;
+    display: flex; flex-wrap: wrap; align-items: center; justify-content: center;
+    gap: 36px 56px;
+    opacity: 0.78;
+  }
+  .vdx-lp .logo-mark {
+    font-family: var(--font-jetbrains-mono), monospace;
+    font-size: 14px;
+    letter-spacing: -0.02em;
+    font-weight: 600;
+    color: var(--vdx-fg-2);
+    display: inline-flex; align-items: center; gap: 7px;
+  }
+  .vdx-lp .logo-mark .glyph {
+    width: 14px; height: 14px;
+    border: 1.5px solid var(--vdx-fg-2);
+    border-radius: 3px;
+  }
+  .vdx-lp .logo-mark .glyph.round { border-radius: 999px; }
+  .vdx-lp .logo-mark .glyph.solid { background: var(--vdx-fg-2); border-color: var(--vdx-fg-2); }
+  .vdx-lp .logo-mark .glyph.tri {
+    width: 0; height: 0; border: none;
+    border-left: 7px solid transparent;
+    border-right: 7px solid transparent;
+    border-bottom: 12px solid var(--vdx-fg-2);
+    border-radius: 0;
+  }
+
+  /* Section head */
+  .vdx-lp .section-head {
+    display: flex; flex-direction: column; gap: 14px;
+    max-width: 720px;
+    margin: 0 auto 48px;
+    text-align: center;
+    align-items: center;
+  }
+  .vdx-lp .section-head h2 {
+    margin: 0;
+    font-size: clamp(28px, 3.6vw, 42px);
+    letter-spacing: -0.028em;
+    font-weight: 600;
+    line-height: 1.08;
+    text-wrap: balance;
+    color: var(--vdx-fg);
+  }
+  .vdx-lp .section-head p {
+    margin: 0;
+    color: var(--vdx-fg-muted);
+    font-size: 15.5px;
+    line-height: 1.55;
+    text-wrap: pretty;
+    max-width: 560px;
+  }
+  .vdx-lp .kicker {
+    font-family: var(--font-jetbrains-mono), monospace;
+    font-size: 11.5px;
+    color: var(--vdx-accent);
+    letter-spacing: 0.04em;
+    text-transform: uppercase;
+  }
+
+  /* The commander */
+  .vdx-lp .commander { padding: 96px 0 24px; position: relative; }
+  .vdx-lp .commander .section-head { margin-bottom: 42px; }
+  .vdx-lp .commander .section-head h2 em {
+    font-style: normal;
+    font-family: var(--font-jetbrains-mono), monospace;
+    font-weight: 500;
+    font-size: 0.86em;
+    color: var(--vdx-accent);
+    letter-spacing: -0.02em;
+  }
+
+  .vdx-lp .cmd-deck {
+    max-width: 720px;
+    margin: 0 auto;
+    border: 1px solid var(--vdx-line-strong);
+    border-radius: 14px;
+    background: var(--vdx-surface);
+    box-shadow: var(--vdx-shadow-xl);
+    overflow: hidden;
+  }
+  .vdx-lp .cmd-deck-head {
+    display: flex; align-items: center; gap: 9px;
+    padding: 10px 14px;
+    border-bottom: 1px solid var(--vdx-line);
+    background: var(--vdx-surface-2);
+    font-family: var(--font-jetbrains-mono), monospace;
+    font-size: 11.5px;
+    color: var(--vdx-fg-muted);
+  }
+  .vdx-lp .cmd-deck-head .star { color: var(--vdx-accent); font-weight: 600; }
+  .vdx-lp .cmd-deck-head .right {
+    margin-left: auto; display: inline-flex; align-items: center; gap: 6px;
+    color: var(--vdx-green); font-size: 11px;
+  }
+
+  .vdx-lp .cmd-body { padding: 16px; display: flex; flex-direction: column; gap: 14px; }
+
+  /* goal bubble */
+  .vdx-lp .cmd-goal { display: flex; gap: 10px; align-items: flex-start; }
+  .vdx-lp .cmd-goal .who {
+    flex-shrink: 0;
+    width: 26px; height: 26px; border-radius: 7px;
+    background: var(--vdx-fg); color: var(--vdx-bg);
+    display: grid; place-items: center;
+    font-family: var(--font-jetbrains-mono), monospace;
+    font-size: 8.5px; font-weight: 700; letter-spacing: 0.02em;
+  }
+  .vdx-lp .cmd-goal .msg {
+    background: var(--vdx-bg-2);
+    border: 1px solid var(--vdx-line);
+    border-radius: 9px;
+    padding: 9px 12px;
+    font-size: 13.5px;
+    color: var(--vdx-fg);
+    line-height: 1.5;
+  }
+  .vdx-lp .cmd-goal .msg b { font-weight: 600; }
+
+  /* plan */
+  .vdx-lp .cmd-plan {
+    border: 1px solid var(--vdx-line);
+    border-radius: 10px;
+    overflow: hidden;
+    background: var(--vdx-surface);
+  }
+  .vdx-lp .cmd-plan-head {
+    display: flex; align-items: center; gap: 8px;
+    padding: 9px 12px;
+    border-bottom: 1px solid var(--vdx-line-2);
+    background: var(--vdx-bg-2);
+    font-size: 10.5px; font-weight: 600;
+    text-transform: uppercase; letter-spacing: 0.06em;
+    color: var(--vdx-fg-muted);
+  }
+  .vdx-lp .cmd-plan-head .count {
+    margin-left: auto;
+    font-family: var(--font-jetbrains-mono), monospace;
+    font-size: 10px; letter-spacing: 0; text-transform: none;
+    color: var(--vdx-fg-subtle);
+  }
+  .vdx-lp .cmd-step {
+    display: flex; align-items: center; gap: 11px;
+    padding: 10px 12px;
+    border-bottom: 1px solid var(--vdx-line-2);
+    font-size: 12.5px;
+    color: var(--vdx-fg-2);
+  }
+  .vdx-lp .cmd-step:last-child { border-bottom: none; }
+  .vdx-lp .cmd-step .ck {
+    width: 16px; height: 16px; border-radius: 999px; flex-shrink: 0;
+    border: 1.5px solid var(--vdx-line-strong);
+    display: grid; place-items: center;
+    font-size: 9px; line-height: 1; color: transparent;
+    align-self: flex-start; margin-top: 1px;
+  }
+  .vdx-lp .cmd-step .txt { flex: 1; line-height: 1.45; }
+  .vdx-lp .cmd-step .txt code {
+    font-family: var(--font-jetbrains-mono), monospace;
+    font-size: 11px; background: var(--vdx-surface-2);
+    padding: 0 4px; border-radius: 4px; border: 1px solid var(--vdx-line-2);
+  }
+  .vdx-lp .cmd-step .txt .del { color: var(--vdx-rose); font-family: var(--font-jetbrains-mono), monospace; font-size: 10.5px; margin-left: 4px; }
+  .vdx-lp .cmd-step .who-pill {
+    flex-shrink: 0;
+    font-family: var(--font-jetbrains-mono), monospace;
+    font-size: 9.5px;
+    padding: 2px 6px; border-radius: 5px;
+    background: var(--vdx-surface-2);
+    border: 1px solid var(--vdx-line);
+    color: var(--vdx-fg-muted);
+  }
+  .vdx-lp .cmd-step .who-pill.green { background: var(--vdx-green-tint); border-color: transparent; color: var(--vdx-green); }
+
+  .vdx-lp .cmd-step.done .ck { background: var(--vdx-green); border-color: var(--vdx-green); color: #fff; }
+  .vdx-lp .cmd-step.done .txt { color: var(--vdx-fg-muted); text-decoration: line-through; text-decoration-color: var(--vdx-line-strong); }
+  .vdx-lp .cmd-step.work .ck { border-color: var(--vdx-green); position: relative; }
+  .vdx-lp .cmd-step.work .ck::after {
+    content: ''; position: absolute; inset: 2.5px; border-radius: 999px;
+    background: var(--vdx-green); animation: vdx-blink 1.3s steps(1) infinite;
+  }
+  .vdx-lp .cmd-step.ask {
+    background: var(--vdx-amber-tint);
+    border-color: transparent;
+  }
+  .vdx-lp .cmd-step.ask .ck {
+    background: var(--vdx-amber); border-color: var(--vdx-amber);
+    color: oklch(0.25 0.04 75); font-weight: 700;
+  }
+  .vdx-lp .cmd-step.ask .txt { color: var(--vdx-fg); }
+  .vdx-lp .cmd-step .ask-row {
+    display: flex; align-items: center; gap: 7px; margin-top: 8px;
+  }
+  .vdx-lp .cmd-step .ask-label {
+    font-family: var(--font-jetbrains-mono), monospace;
+    font-size: 10px; text-transform: uppercase; letter-spacing: 0.05em;
+    color: oklch(from var(--vdx-amber) 0.42 c h);
+    margin-right: auto;
+  }
+  .vdx-lp .cmd-step .btn.cmd-approve {
+    padding: 3px 10px; font-size: 11px;
+    background: var(--vdx-fg); border-color: var(--vdx-fg); color: var(--vdx-bg);
+  }
+  .vdx-lp .cmd-step .btn.cmd-deny {
+    padding: 3px 10px; font-size: 11px;
+    background: transparent; border-color: transparent;
+    color: oklch(from var(--vdx-amber) 0.42 c h);
+  }
+  .vdx-lp .cmd-step.queued .txt { color: var(--vdx-fg-muted); }
+
+  /* three promises */
+  .vdx-lp .cmd-promises {
+    max-width: 720px; margin: 26px auto 0;
+    display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px;
+  }
+  .vdx-lp .cmd-promise {
+    border: 1px solid var(--vdx-line);
+    border-radius: 11px;
+    background: var(--vdx-surface);
+    padding: 18px 16px 16px;
+  }
+  .vdx-lp .cmd-promise .n {
+    font-family: var(--font-jetbrains-mono), monospace;
+    font-size: 11px; font-weight: 600;
+    color: var(--vdx-accent);
+    background: var(--vdx-accent-tint);
+    padding: 2px 6px; border-radius: 5px;
+  }
+  .vdx-lp .cmd-promise h4 {
+    margin: 12px 0 6px;
+    font-size: 14.5px; font-weight: 600;
+    letter-spacing: -0.012em; line-height: 1.25;
+    color: var(--vdx-fg);
+  }
+  .vdx-lp .cmd-promise p {
+    margin: 0; font-size: 12.5px; line-height: 1.5;
+    color: var(--vdx-fg-muted); text-wrap: pretty;
+  }
+  @media (max-width: 760px) {
+    .vdx-lp .cmd-promises { grid-template-columns: 1fr; }
+  }
+
+  /* Feature grid */
+  .vdx-lp .features { padding: 100px 0 40px; }
+  .vdx-lp .feature-grid {
+    display: grid;
+    grid-template-columns: repeat(6, 1fr);
+    gap: 14px;
+  }
+  .vdx-lp .feature {
+    border: 1px solid var(--vdx-line);
+    border-radius: 12px;
+    background: var(--vdx-surface);
+    padding: 22px 22px 0;
+    display: flex; flex-direction: column;
+    gap: 8px;
+    overflow: hidden;
+    position: relative;
+    min-height: 320px;
+  }
+  .vdx-lp .feature.f-wide { grid-column: span 4; }
+  .vdx-lp .feature.f-half { grid-column: span 3; }
+  .vdx-lp .feature.f-third { grid-column: span 2; }
+  .vdx-lp .feature h3 {
+    margin: 0;
+    font-size: 17px;
+    font-weight: 600;
+    letter-spacing: -0.015em;
+    color: var(--vdx-fg);
+  }
+  .vdx-lp .feature p {
+    margin: 0;
+    color: var(--vdx-fg-muted);
+    font-size: 13.5px;
+    line-height: 1.55;
+    max-width: 460px;
+    text-wrap: pretty;
+  }
+
+  /* Visual: branch graph */
+  .vdx-lp .branch-graph {
+    margin: 18px -22px -1px;
+    padding: 18px 22px 22px;
+    border-top: 1px solid var(--vdx-line-2);
+    background: var(--vdx-bg-2);
+    font-family: var(--font-jetbrains-mono), monospace;
+    font-size: 11.5px;
+    color: var(--vdx-fg-2);
+    display: flex; flex-direction: column; gap: 6px;
+  }
+  .vdx-lp .bg-row { display: flex; align-items: center; gap: 8px; }
+  .vdx-lp .bg-row .gutter { width: 22px; display: inline-flex; justify-content: center; color: var(--vdx-fg-subtle); }
+  .vdx-lp .bg-row .label { color: var(--vdx-fg); }
+  .vdx-lp .bg-row .pill {
+    font-size: 9.5px;
+    padding: 1px 5px;
+    border-radius: 4px;
+    background: var(--vdx-surface);
+    border: 1px solid var(--vdx-line);
+    color: var(--vdx-fg-muted);
+    margin-left: auto;
+  }
+  .vdx-lp .bg-row .pill.green { background: var(--vdx-green-tint); border-color: transparent; color: var(--vdx-green); }
+  .vdx-lp .bg-row .pill.amber { background: var(--vdx-amber-tint); border-color: transparent; color: oklch(from var(--vdx-amber) 0.42 c h); }
+  .vdx-lp .bg-row .pill.accent { background: var(--vdx-accent-tint); border-color: transparent; color: var(--vdx-accent); }
+  .vdx-lp .bg-row .pill.rose { background: var(--vdx-rose-tint); border-color: transparent; color: var(--vdx-rose); }
+
+  /* Visual: terminal */
+  .vdx-lp .term {
+    margin: 18px -22px -1px;
+    padding: 14px 18px 16px;
+    border-top: 1px solid var(--vdx-line-2);
+    background: oklch(0.16 0.012 260);
+    color: oklch(0.88 0.005 260);
+    font-family: var(--font-jetbrains-mono), monospace;
+    font-size: 11.5px;
+    line-height: 1.6;
+  }
+  .vdx-lp .term .p { color: oklch(0.72 0.14 268); }
+  .vdx-lp .term .o { color: oklch(0.7 0.008 260); }
+  .vdx-lp .term .ok { color: oklch(0.72 0.14 152); }
+  .vdx-lp .term .er { color: oklch(0.72 0.18 22); }
+  .vdx-lp .term .cursor {
+    background: oklch(0.88 0.005 260);
+    color: oklch(0.16 0.012 260);
+    padding: 0 2px;
+    animation: vdx-blink 1.1s steps(1) infinite;
+  }
+  @keyframes vdx-blink {
+    50% { opacity: 0; }
+  }
+
+  /* Visual: diff */
+  .vdx-lp .diff {
+    margin: 18px -22px -1px;
+    border-top: 1px solid var(--vdx-line-2);
+    font-family: var(--font-jetbrains-mono), monospace;
+    font-size: 11px;
+    line-height: 1.6;
+    background: var(--vdx-surface);
+  }
+  .vdx-lp .diff .diff-head {
+    display: flex; gap: 8px;
+    padding: 7px 14px;
+    background: var(--vdx-bg-2);
+    border-bottom: 1px solid var(--vdx-line-2);
+    color: var(--vdx-fg-2);
+  }
+  .vdx-lp .diff .diff-head .add { color: var(--vdx-green); }
+  .vdx-lp .diff .diff-head .del { color: var(--vdx-rose); }
+  .vdx-lp .diff .diff-row {
+    display: grid; grid-template-columns: 28px 1fr;
+    align-items: stretch;
+  }
+  .vdx-lp .diff .diff-row .ln { text-align: right; padding: 0 6px; color: var(--vdx-fg-subtle); font-size: 10px; background: var(--vdx-surface-2); border-right: 1px solid var(--vdx-line-2); }
+  .vdx-lp .diff .diff-row .code { padding: 0 10px; white-space: pre; overflow: hidden; color: var(--vdx-fg-2); }
+  .vdx-lp .diff .diff-row.add .code { background: oklch(from var(--vdx-green) l c h / 0.07); color: var(--vdx-fg); }
+  .vdx-lp .diff .diff-row.add .ln   { background: oklch(from var(--vdx-green) l c h / 0.10); color: var(--vdx-green); }
+  .vdx-lp .diff .diff-row.del .code { background: oklch(from var(--vdx-rose) l c h / 0.07); color: var(--vdx-fg); }
+  .vdx-lp .diff .diff-row.del .ln   { background: oklch(from var(--vdx-rose) l c h / 0.10); color: var(--vdx-rose); }
+
+  /* Visual: approval */
+  .vdx-lp .approval {
+    margin: 18px 0 22px;
+    border: 1px solid var(--vdx-amber);
+    background: var(--vdx-amber-tint);
+    border-radius: 8px;
+    padding: 11px 12px;
+    font-size: 12px;
+    color: var(--vdx-fg-2);
+  }
+  .vdx-lp .approval .h {
+    font-weight: 600;
+    color: oklch(from var(--vdx-amber) 0.4 c h);
+    font-size: 11px; text-transform: uppercase; letter-spacing: 0.06em;
+    margin-bottom: 5px;
+    display: flex; align-items: center; gap: 6px;
+  }
+  .vdx-lp .approval code {
+    font-family: var(--font-jetbrains-mono), monospace;
+    background: oklch(1 0 0 / 0.6);
+    padding: 1px 5px;
+    border-radius: 4px;
+    font-size: 11px;
+  }
+  .vdx-lp .approval .acts { display: flex; gap: 6px; margin-top: 9px; }
+  .vdx-lp .approval .acts .btn { padding: 4px 9px; font-size: 11.5px; }
+  .vdx-lp .approval .acts .btn-deny { background: transparent; border-color: transparent; color: oklch(from var(--vdx-amber) 0.4 c h); }
+
+  /* Visual: model picker */
+  .vdx-lp .models { margin: 18px 0 22px; display: flex; flex-direction: column; gap: 6px; }
+  .vdx-lp .model-row {
+    display: flex; align-items: center; gap: 10px;
+    padding: 8px 10px;
+    border: 1px solid var(--vdx-line);
+    border-radius: 8px;
+    background: var(--vdx-surface);
+    font-size: 12px;
+  }
+  .vdx-lp .model-row.active { border-color: var(--vdx-accent); box-shadow: 0 0 0 2px var(--vdx-accent-tint); }
+  .vdx-lp .model-row .mark {
+    width: 22px; height: 22px; border-radius: 5px;
+    background: var(--vdx-surface-2); border: 1px solid var(--vdx-line);
+    display: grid; place-items: center;
+    font-family: var(--font-jetbrains-mono), monospace;
+    font-size: 9.5px; font-weight: 600;
+    color: var(--vdx-fg-2);
+  }
+  .vdx-lp .model-row .name { font-weight: 500; color: var(--vdx-fg); }
+  .vdx-lp .model-row .desc { font-size: 10.5px; color: var(--vdx-fg-muted); font-family: var(--font-jetbrains-mono), monospace; margin-left: auto; }
+
+  /* How it works */
+  .vdx-lp .steps { padding: 80px 0; }
+  .vdx-lp .steps-grid {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 14px;
+    margin-top: 8px;
+  }
+  .vdx-lp .step {
+    padding: 26px 24px;
+    border: 1px solid var(--vdx-line);
+    border-radius: 12px;
+    background: var(--vdx-surface);
+    position: relative;
+  }
+  .vdx-lp .step .num {
+    font-family: var(--font-jetbrains-mono), monospace;
+    font-size: 11px;
+    color: var(--vdx-accent);
+    letter-spacing: 0.04em;
+    margin-bottom: 12px;
+  }
+  .vdx-lp .step h4 {
+    margin: 0 0 6px;
+    font-size: 16px;
+    font-weight: 600;
+    letter-spacing: -0.012em;
+    color: var(--vdx-fg);
+  }
+  .vdx-lp .step p {
+    margin: 0;
+    color: var(--vdx-fg-muted);
+    font-size: 13.5px;
+    line-height: 1.55;
+    text-wrap: pretty;
+  }
+  .vdx-lp .step .stub {
+    margin-top: 16px;
+    padding: 9px 11px;
+    border: 1px solid var(--vdx-line);
+    border-radius: 7px;
+    background: var(--vdx-bg-2);
+    font-family: var(--font-jetbrains-mono), monospace;
+    font-size: 11.5px;
+    color: var(--vdx-fg-2);
+    display: flex; align-items: center; gap: 8px;
+  }
+  .vdx-lp .step .stub .dollar { color: var(--vdx-fg-subtle); }
+
+  /* Pricing */
+  .vdx-lp .pricing { padding: 80px 0; }
+  .vdx-lp .price-grid {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 14px;
+  }
+  .vdx-lp .price {
+    padding: 26px 26px 22px;
+    border: 1px solid var(--vdx-line);
+    border-radius: 12px;
+    background: var(--vdx-surface);
+    display: flex; flex-direction: column;
+  }
+  .vdx-lp .price.featured {
+    border-color: var(--vdx-fg);
+    box-shadow: var(--vdx-shadow-md);
+    position: relative;
+  }
+  .vdx-lp .price.featured::before {
+    content: 'Recommended';
+    position: absolute;
+    top: -10px; left: 24px;
+    font-family: var(--font-jetbrains-mono), monospace;
+    font-size: 10px;
+    letter-spacing: 0.04em;
+    text-transform: uppercase;
+    font-weight: 600;
+    background: var(--vdx-fg); color: var(--vdx-bg);
+    padding: 3px 8px;
+    border-radius: 999px;
+  }
+  .vdx-lp .price h4 {
+    margin: 0;
+    font-size: 14px;
+    font-weight: 600;
+    letter-spacing: -0.005em;
+    color: var(--vdx-fg);
+    font-family: var(--font-jetbrains-mono), monospace;
+    text-transform: uppercase;
+  }
+  .vdx-lp .price .amount { margin-top: 12px; display: flex; align-items: baseline; gap: 5px; }
+  .vdx-lp .price .amount .num {
+    font-size: 38px;
+    font-weight: 600;
+    letter-spacing: -0.03em;
+    line-height: 1;
+    color: var(--vdx-fg);
+  }
+  .vdx-lp .price .amount .per { font-size: 13px; color: var(--vdx-fg-muted); }
+  .vdx-lp .price .blurb {
+    margin: 8px 0 18px;
+    color: var(--vdx-fg-muted);
+    font-size: 13px;
+    line-height: 1.5;
+    min-height: 38px;
+  }
+  .vdx-lp .price ul {
+    list-style: none; padding: 0; margin: 0 0 22px;
+    display: flex; flex-direction: column; gap: 7px;
+    font-size: 13px;
+    color: var(--vdx-fg-2);
+  }
+  .vdx-lp .price ul li {
+    display: flex; gap: 9px; align-items: flex-start;
+    line-height: 1.45;
+  }
+  .vdx-lp .price ul li::before {
+    content: '';
+    width: 14px; height: 14px;
+    flex-shrink: 0;
+    margin-top: 2px;
+    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23606b7a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><polyline points='3.5,8.5 6.5,11.5 12.5,4.5'/></svg>");
+    background-size: contain; background-repeat: no-repeat;
+  }
+  .vdx-lp .price .cta { margin-top: auto; justify-content: center; }
+  .vdx-lp .price.featured .cta {
+    background: var(--vdx-fg); color: var(--vdx-bg); border-color: var(--vdx-fg);
+  }
+  .vdx-lp .price.featured .cta:hover {
+    background: oklch(0.28 0.014 260); border-color: oklch(0.28 0.014 260); color: var(--vdx-bg);
+  }
+
+  /* FAQ */
+  .vdx-lp .faq { padding: 80px 0; }
+  .vdx-lp .faq-list {
+    max-width: 760px; margin: 0 auto;
+    border-top: 1px solid var(--vdx-line);
+  }
+  .vdx-lp details.faq-item {
+    border-bottom: 1px solid var(--vdx-line);
+    padding: 16px 4px;
+  }
+  .vdx-lp details.faq-item summary {
+    cursor: pointer;
+    list-style: none;
+    display: flex; align-items: center; justify-content: space-between;
+    gap: 16px;
+    font-size: 15px;
+    font-weight: 500;
+    letter-spacing: -0.012em;
+    color: var(--vdx-fg);
+  }
+  .vdx-lp details.faq-item summary::-webkit-details-marker { display: none; }
+  .vdx-lp details.faq-item summary::after {
+    content: '+';
+    font-family: var(--font-jetbrains-mono), monospace;
+    font-size: 18px;
+    color: var(--vdx-fg-muted);
+    transition: transform 0.18s;
+  }
+  .vdx-lp details.faq-item[open] summary::after { content: '−'; }
+  .vdx-lp details.faq-item .body {
+    margin-top: 10px;
+    color: var(--vdx-fg-muted);
+    font-size: 13.5px;
+    line-height: 1.6;
+    max-width: 640px;
+    text-wrap: pretty;
+  }
+  .vdx-lp details.faq-item .body code {
+    font-family: var(--font-jetbrains-mono), monospace;
+    font-size: 12px; background: var(--vdx-surface-2);
+    padding: 0 5px; border-radius: 4px; border: 1px solid var(--vdx-line-2);
+  }
+
+  /* CTA banner */
+  .vdx-lp .cta-banner {
+    margin: 60px 0;
+    padding: 60px 48px;
+    background: var(--vdx-fg);
+    color: var(--vdx-bg);
+    border-radius: 16px;
+    position: relative; overflow: hidden;
+    display: flex; flex-direction: column; align-items: center;
+    text-align: center;
+    gap: 22px;
+  }
+  .vdx-lp .cta-banner::before {
+    content: '';
+    position: absolute; inset: 0;
+    background-image:
+      linear-gradient(to right, oklch(1 0 0 / 0.04) 1px, transparent 1px),
+      linear-gradient(to bottom, oklch(1 0 0 / 0.04) 1px, transparent 1px);
+    background-size: 40px 40px;
+    mask-image: radial-gradient(ellipse 70% 80% at 50% 50%, black 30%, transparent 80%);
+    -webkit-mask-image: radial-gradient(ellipse 70% 80% at 50% 50%, black 30%, transparent 80%);
+    pointer-events: none;
+  }
+  .vdx-lp .cta-banner h2 {
+    margin: 0;
+    font-size: clamp(28px, 3.6vw, 40px);
+    letter-spacing: -0.028em;
+    font-weight: 600;
+    line-height: 1.08;
+    max-width: 620px;
+    position: relative;
+    text-wrap: balance;
+  }
+  .vdx-lp .cta-banner h2 em {
+    font-style: normal;
+    font-family: var(--font-jetbrains-mono), monospace;
+    font-weight: 500;
+    font-size: 0.86em;
+    color: oklch(0.72 0.14 268);
+  }
+  .vdx-lp .cta-banner .row { display: flex; gap: 10px; position: relative; flex-wrap: wrap; justify-content: center; }
+  .vdx-lp .cta-banner .btn-light {
+    background: var(--vdx-bg); color: var(--vdx-fg); border-color: var(--vdx-bg);
+  }
+  .vdx-lp .cta-banner .btn-light:hover {
+    background: oklch(0.96 0.003 250); border-color: oklch(0.96 0.003 250); color: var(--vdx-fg);
+  }
+  .vdx-lp .cta-banner .btn-dark {
+    background: transparent; color: var(--vdx-bg); border-color: oklch(1 0 0 / 0.25);
+  }
+  .vdx-lp .cta-banner .btn-dark:hover {
+    background: oklch(1 0 0 / 0.08); border-color: oklch(1 0 0 / 0.4); color: var(--vdx-bg);
+  }
+
+  /* Footer */
+  .vdx-lp footer {
+    border-top: 1px solid var(--vdx-line);
+    padding: 44px 0 32px;
+    color: var(--vdx-fg-muted);
+    font-size: 12.5px;
+  }
+  .vdx-lp .foot-grid {
+    display: grid;
+    grid-template-columns: 1.4fr repeat(4, 1fr);
+    gap: 28px;
+  }
+  .vdx-lp .foot-brand { font-size: 13px; color: var(--vdx-fg-2); line-height: 1.5; max-width: 280px; }
+  .vdx-lp .foot-col h5 {
+    margin: 0 0 12px;
+    font-size: 10.5px;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.06em;
+    color: var(--vdx-fg-subtle);
+  }
+  .vdx-lp .foot-col ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }
+  .vdx-lp .foot-col ul a,
+  .vdx-lp .foot-col ul button {
+    color: var(--vdx-fg-2);
+    font-size: 12.5px;
+    text-align: left;
+    font-family: inherit;
+  }
+  .vdx-lp .foot-col ul a:hover,
+  .vdx-lp .foot-col ul button:hover { color: var(--vdx-fg); }
+  .vdx-lp .foot-bottom {
+    margin-top: 36px;
+    padding-top: 18px;
+    border-top: 1px solid var(--vdx-line-2);
+    display: flex; justify-content: space-between; align-items: center;
+    font-family: var(--font-jetbrains-mono), monospace;
+    font-size: 11px;
+    color: var(--vdx-fg-subtle);
+    gap: 12px;
+    flex-wrap: wrap;
+  }
+  .vdx-lp .foot-bottom .status { display: inline-flex; align-items: center; gap: 7px; }
+  .vdx-lp .foot-bottom .status .sdot { width: 6px; height: 6px; border-radius: 999px; background: var(--vdx-green); }
+
+  /* Responsive */
+  @media (max-width: 980px) {
+    .vdx-lp .feature-grid { grid-template-columns: repeat(2, 1fr); }
+    .vdx-lp .feature.f-wide, .vdx-lp .feature.f-half, .vdx-lp .feature.f-third { grid-column: span 2; }
+    .vdx-lp .price-grid, .vdx-lp .steps-grid { grid-template-columns: 1fr; }
+    .vdx-lp .foot-grid { grid-template-columns: 1fr 1fr; }
+    .vdx-lp .annot { display: none; }
+    .vdx-lp .nav-links { display: none; }
+    .vdx-lp .mini-app { grid-template-columns: 1fr; grid-template-rows: 38px 1fr; }
+    .vdx-lp .mini-sidebar { display: none; }
+    .vdx-lp .mini-grid { grid-template-columns: 1fr; }
+  }
+`;function g({children:e}){let{getToken:s,isSignedIn:n}=(0,i.useAuth)();return(0,r.useEffect)(()=>{if(!n){(0,d.setTokenGetter)(null),(0,d.setAuthToken)(null);return}return(0,d.setTokenGetter)(e=>s(e)),(0,d.getFreshToken)(),()=>(0,d.setTokenGetter)(null)},[n,s]),(0,a.jsx)(a.Fragment,{children:e})}function f({children:e}){let{isSignedIn:s,isLoaded:d}=(0,i.useAuth)(),[o,c]=(0,r.useState)(!1);return((0,r.useEffect)(()=>{let e=window.location.hash;(e.includes("/sso-callback")||e.includes("/factor"))&&c(!0)},[]),d)?s?(0,a.jsx)(a.Fragment,{children:e}):o?(0,a.jsx)("div",{className:"h-screen flex flex-col items-center justify-center bg-background",children:(0,a.jsxs)("div",{className:"w-full max-w-md",children:[(0,a.jsxs)(t.Button,{variant:"ghost",className:"mb-4 text-muted-foreground hover:text-foreground",onClick:()=>c(!1),children:[(0,a.jsx)(l.ArrowLeft,{className:"mr-2 h-4 w-4"}),"Back"]}),(0,a.jsx)(n.SignIn,{routing:"hash",appearance:{elements:{rootBox:"mx-auto",card:"shadow-lg"}}})]})}):(0,a.jsx)(m,{onSignIn:()=>c(!0)}):(0,a.jsx)("div",{className:"h-screen flex items-center justify-center",children:(0,a.jsx)("div",{className:"animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full"})})}function b({children:e}){let{config:r,loading:n}=(0,o.useAppConfig)();return n?(0,a.jsx)("div",{className:"h-screen flex items-center justify-center",children:(0,a.jsx)("div",{className:"animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full"})}):r?.authEnabled&&r.clerkPublishableKey?(0,a.jsx)(s.ClerkProvider,{publishableKey:r.clerkPublishableKey,clerkJSVersion:"5.125.13",children:(0,a.jsx)(g,{children:(0,a.jsx)(f,{children:e})})}):(0,a.jsx)(a.Fragment,{children:e})}var u=e.i(254824),j=e.i(276949),k=e.i(909596),w=e.i(112683),N=e.i(371263);function y(){return(0,r.useEffect)(()=>{let e=new WeakMap,a=a=>{let r=a.target;if(!(r instanceof Element))return;r.classList.add("scrolling");let s=e.get(r);s&&clearTimeout(s),e.set(r,setTimeout(()=>r.classList.remove("scrolling"),600))},r={capture:!0,passive:!0};return window.addEventListener("scroll",a,r),()=>window.removeEventListener("scroll",a,r)},[]),null}function z({children:e}){return(0,a.jsxs)(N.ThemeProvider,{children:[(0,a.jsx)(y,{}),(0,a.jsx)(b,{children:(0,a.jsx)(j.TerminalSettingsProvider,{children:(0,a.jsx)(k.ConversationSettingsProvider,{children:(0,a.jsx)(u.BrowserFramesProvider,{children:(0,a.jsx)(w.GlobalEventStreamProvider,{children:e})})})})})]})}e.s(["ClientProviders",()=>z],573751)},888030,e=>{"use strict";var a=e.i(813443),r=e.i(754219),s=e.i(371263);function n(){let{theme:e}=(0,s.useTheme)();return(0,a.jsx)(r.Toaster,{theme:e})}e.s(["ThemedToaster",()=>n])}]);