@phake/lanework 0.1.0

package/dist-local/server/assets/routes-BBbg2JyL.js

@@ -0,0 +1,1036 @@
+import { s as cn, t as Skeleton } from "./skeleton-Cpl83ip3.js";
+import { t as Route } from "./routes-BlJSk7OV.js";
+import { i as useRepoStore, n as AppShell, r as tagPill, t as STATUS_META, u as Button } from "./review-status-CdlhgE_Y.js";
+import { a as CodexLight, c as CardAction, d as CardFooter, f as CardHeader, g as Wordmark, h as SiteHeader, i as CodexDark, l as CardContent, m as GitHubLoginButton, n as CursorDark, o as ClaudeAiIcon, p as CardTitle, r as CursorLight, s as Card, t as Gemini, u as CardDescription } from "./gemini-DkmTawm4.js";
+import { useEffect, useState } from "react";
+import { Link } from "@tanstack/react-router";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { motion } from "motion/react";
+import { HugeiconsIcon } from "@hugeicons/react";
+import { ArrowDown01Icon, ArrowLeft01Icon, ArrowRight01Icon, CheckmarkSquare02Icon, DashboardSquare01Icon, FileEditIcon, Flag02Icon, Folder01Icon, GitBranchIcon, Github01Icon, Rocket01Icon, SparklesIcon, SquareLock01Icon, Tag01Icon } from "@hugeicons/core-free-icons";
+import { cva } from "class-variance-authority";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+//#region ../../packages/shared/src/components/marketing/landing.tsx
+function MarketingLanding() {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "relative min-h-screen overflow-x-hidden bg-background text-foreground",
+		children: [
+			/* @__PURE__ */ jsx(LaneLines, {}),
+			/* @__PURE__ */ jsx(Nav, {}),
+			/* @__PURE__ */ jsx(Hero, {}),
+			/* @__PURE__ */ jsx(Trusted, {}),
+			/* @__PURE__ */ jsx(HowItWorks, {}),
+			/* @__PURE__ */ jsx(Features, {}),
+			/* @__PURE__ */ jsx(Convention, {}),
+			/* @__PURE__ */ jsx(CallToAction, {}),
+			/* @__PURE__ */ jsx(Footer, {})
+		]
+	});
+}
+function LaneLines() {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "pointer-events-none absolute inset-0 -z-10 overflow-hidden",
+		children: [/* @__PURE__ */ jsx("div", { className: "absolute inset-x-0 top-0 h-[900px] bg-[linear-gradient(90deg,var(--border)_1px,transparent_1px)] bg-[size:140px_100%] opacity-50 [mask-image:linear-gradient(to_bottom,black,transparent_85%)]" }), /* @__PURE__ */ jsx("div", { className: "absolute -top-44 left-1/2 h-[28rem] w-[46rem] -translate-x-1/2 rounded-full bg-primary/15 blur-[130px]" })]
+	});
+}
+function Nav() {
+	return /* @__PURE__ */ jsx(SiteHeader, {
+		center: /* @__PURE__ */ jsxs("nav", {
+			className: "hidden items-center gap-8 font-mono text-xs tracking-wide text-muted-foreground md:flex",
+			children: [
+				/* @__PURE__ */ jsx("a", {
+					href: "#how",
+					className: "transition-colors hover:text-foreground",
+					children: "how it works"
+				}),
+				/* @__PURE__ */ jsx("a", {
+					href: "#features",
+					className: "transition-colors hover:text-foreground",
+					children: "features"
+				}),
+				/* @__PURE__ */ jsx(Link, {
+					to: "/guide",
+					className: "transition-colors hover:text-foreground",
+					children: "guide"
+				})
+			]
+		}),
+		actions: /* @__PURE__ */ jsx(GitHubLoginButton, {
+			size: "sm",
+			children: "Sign in"
+		})
+	});
+}
+function Hero() {
+	return /* @__PURE__ */ jsxs("section", {
+		className: "mx-auto max-w-6xl px-6 pb-10 pt-20 sm:pt-28",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "mx-auto max-w-3xl text-center",
+			children: [
+				/* @__PURE__ */ jsxs(motion.p, {
+					initial: {
+						opacity: 0,
+						y: 10
+					},
+					animate: {
+						opacity: 1,
+						y: 0
+					},
+					transition: { duration: .4 },
+					className: "inline-flex items-center gap-2 rounded-full border border-border/70 bg-muted/40 px-3 py-1 font-mono text-xs tracking-wide text-muted-foreground",
+					children: [
+						/* @__PURE__ */ jsx("span", { className: "size-1.5 rounded-full bg-primary" }),
+						".agents/reviews",
+						/* @__PURE__ */ jsx(HugeiconsIcon, {
+							icon: ArrowRight01Icon,
+							className: "size-3.5"
+						}),
+						"kanban"
+					]
+				}),
+				/* @__PURE__ */ jsxs(motion.h1, {
+					initial: {
+						opacity: 0,
+						y: 16
+					},
+					animate: {
+						opacity: 1,
+						y: 0
+					},
+					transition: {
+						duration: .5,
+						delay: .05,
+						ease: [
+							.22,
+							1,
+							.36,
+							1
+						]
+					},
+					className: "mt-6 font-heading text-5xl font-semibold leading-[1.05] tracking-tight sm:text-6xl",
+					children: [
+						"Every agent review,",
+						/* @__PURE__ */ jsx("br", {}),
+						/* @__PURE__ */ jsxs("span", {
+							className: "relative whitespace-nowrap",
+							children: [
+								"in its",
+								/* @__PURE__ */ jsx("span", {
+									className: "text-primary",
+									children: " lane"
+								}),
+								".",
+								/* @__PURE__ */ jsx(Underline, {})
+							]
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs(motion.p, {
+					initial: {
+						opacity: 0,
+						y: 16
+					},
+					animate: {
+						opacity: 1,
+						y: 0
+					},
+					transition: {
+						duration: .5,
+						delay: .12
+					},
+					className: "mx-auto mt-6 max-w-xl text-lg leading-relaxed text-muted-foreground",
+					children: [
+						"Your AI coding agent writes review checklists before it ships. Lanework turns that ",
+						/* @__PURE__ */ jsx("code", {
+							className: "rounded bg-muted px-1.5 py-0.5 font-mono text-sm",
+							children: ".agents/reviews"
+						}),
+						" folder into a live Kanban board — so you can see, approve, and track every change across a repo."
+					]
+				}),
+				/* @__PURE__ */ jsxs(motion.div, {
+					initial: {
+						opacity: 0,
+						y: 16
+					},
+					animate: {
+						opacity: 1,
+						y: 0
+					},
+					transition: {
+						duration: .5,
+						delay: .18
+					},
+					className: "mt-9 flex flex-col items-center justify-center gap-3 sm:flex-row",
+					children: [/* @__PURE__ */ jsx(GitHubLoginButton, {
+						size: "lg",
+						children: "Continue with GitHub"
+					}), /* @__PURE__ */ jsxs("a", {
+						href: "#how",
+						className: "inline-flex h-12 items-center gap-1.5 rounded-xl px-4 text-sm font-medium text-muted-foreground transition-colors hover:text-foreground",
+						children: ["See how it works", /* @__PURE__ */ jsx(HugeiconsIcon, {
+							icon: ArrowDown01Icon,
+							className: "size-4"
+						})]
+					})]
+				}),
+				/* @__PURE__ */ jsx("p", {
+					className: "mt-4 font-mono text-xs text-muted-foreground",
+					children: "read-only · never writes to your repos"
+				})
+			]
+		}), /* @__PURE__ */ jsx(motion.div, {
+			initial: {
+				opacity: 0,
+				y: 40
+			},
+			animate: {
+				opacity: 1,
+				y: 0
+			},
+			transition: {
+				duration: .7,
+				delay: .25,
+				ease: [
+					.22,
+					1,
+					.36,
+					1
+				]
+			},
+			className: "mt-16",
+			children: /* @__PURE__ */ jsx(BoardMock, {})
+		})]
+	});
+}
+function Underline() {
+	return /* @__PURE__ */ jsx("svg", {
+		className: "absolute -bottom-2 left-0 w-full text-primary/40",
+		viewBox: "0 0 300 12",
+		fill: "none",
+		preserveAspectRatio: "none",
+		"aria-hidden": true,
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M2 9C60 3 120 3 180 6c40 2 80 2 118 -2",
+			stroke: "currentColor",
+			strokeWidth: "3",
+			strokeLinecap: "round"
+		})
+	});
+}
+var MOCK = [
+	{
+		col: "todo",
+		cards: [{
+			title: "Add dark mode toggle",
+			priority: "medium",
+			tags: ["ui"],
+			done: 0,
+			total: 8,
+			people: ["A", "M"]
+		}, {
+			title: "Paginate the search API",
+			priority: "low",
+			tags: ["api"],
+			done: 0,
+			total: 5,
+			people: ["P"]
+		}]
+	},
+	{
+		col: "processing",
+		cards: [{
+			title: "Refactor auth middleware",
+			priority: "high",
+			tags: ["auth", "api"],
+			done: 4,
+			total: 9,
+			people: [
+				"A",
+				"J",
+				"M"
+			]
+		}]
+	},
+	{
+		col: "done",
+		cards: [{
+			title: "Cache homepage queries",
+			priority: "medium",
+			tags: ["perf"],
+			done: 14,
+			total: 14,
+			people: ["P"]
+		}, {
+			title: "Fix flaky checkout test",
+			priority: "low",
+			tags: ["tests"],
+			done: 6,
+			total: 6,
+			people: ["A", "M"]
+		}]
+	}
+];
+function BoardMock() {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "relative mx-auto max-w-5xl rounded-2xl border border-border/70 bg-card/80 p-3 shadow-2xl shadow-black/5 backdrop-blur sm:p-4",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "mb-3 flex items-center gap-1.5 px-2",
+			children: [
+				/* @__PURE__ */ jsx("span", { className: "size-2.5 rounded-full bg-muted-foreground/25" }),
+				/* @__PURE__ */ jsx("span", { className: "size-2.5 rounded-full bg-muted-foreground/25" }),
+				/* @__PURE__ */ jsx("span", { className: "size-2.5 rounded-full bg-muted-foreground/25" }),
+				/* @__PURE__ */ jsx("span", {
+					className: "ml-3 font-mono text-[11px] text-muted-foreground",
+					children: "lanework — acme/web"
+				})
+			]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "grid grid-cols-1 gap-3 sm:grid-cols-3",
+			children: MOCK.map((column, ci) => {
+				const meta = STATUS_META[column.col];
+				return /* @__PURE__ */ jsxs(motion.div, {
+					initial: {
+						opacity: 0,
+						y: 16
+					},
+					animate: {
+						opacity: 1,
+						y: 0
+					},
+					transition: {
+						duration: .45,
+						delay: .35 + ci * .1
+					},
+					className: "rounded-xl bg-muted/40 p-2.5",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "mb-2 flex items-center gap-2 px-1",
+						children: [
+							/* @__PURE__ */ jsx(HugeiconsIcon, {
+								icon: meta.icon,
+								className: cn("size-4", meta.color)
+							}),
+							/* @__PURE__ */ jsx("span", {
+								className: "text-sm font-medium",
+								children: meta.label
+							}),
+							/* @__PURE__ */ jsx("span", {
+								className: "text-sm text-muted-foreground",
+								children: column.cards.length
+							})
+						]
+					}), /* @__PURE__ */ jsx("div", {
+						className: "flex flex-col gap-2",
+						children: column.cards.map((card) => /* @__PURE__ */ jsx(MockCardView, { card }, card.title))
+					})]
+				}, column.col);
+			})
+		})]
+	});
+}
+var PRIORITY = {
+	high: "bg-rose-100 text-rose-700 dark:bg-rose-950/60 dark:text-rose-300",
+	medium: "bg-amber-100 text-amber-700 dark:bg-amber-950/60 dark:text-amber-300",
+	low: "bg-muted text-muted-foreground"
+};
+var AVATAR = [
+	"bg-emerald-500",
+	"bg-sky-500",
+	"bg-violet-500"
+];
+function MockCardView({ card }) {
+	const pct = card.total ? Math.round(card.done / card.total * 100) : 0;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "rounded-lg border bg-card p-3 shadow-xs",
+		children: [
+			/* @__PURE__ */ jsx("p", {
+				className: "text-[13px] font-medium leading-snug",
+				children: card.title
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "mt-2 flex flex-wrap items-center gap-1.5",
+				children: [card.tags.map((t) => /* @__PURE__ */ jsx("span", {
+					className: cn("rounded-full px-1.5 py-0.5 text-[10px] font-medium", tagPill(t)),
+					children: t
+				}, t)), card.priority ? /* @__PURE__ */ jsx("span", {
+					className: cn("ml-auto rounded-full px-1.5 py-0.5 text-[10px] font-medium capitalize", PRIORITY[card.priority]),
+					children: card.priority
+				}) : null]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "mt-2.5 flex items-center gap-2 border-t pt-2 text-[11px] text-muted-foreground",
+				children: [
+					/* @__PURE__ */ jsxs("span", {
+						className: "inline-flex items-center gap-1",
+						children: [
+							/* @__PURE__ */ jsx(HugeiconsIcon, {
+								icon: CheckmarkSquare02Icon,
+								className: "size-3"
+							}),
+							card.done,
+							"/",
+							card.total
+						]
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "flex -space-x-1.5",
+						children: card.people.map((p, i) => /* @__PURE__ */ jsx("span", {
+							className: cn("grid size-4 place-items-center rounded-full text-[8px] font-semibold text-white ring-2 ring-card", AVATAR[i % AVATAR.length]),
+							children: p
+						}, i))
+					}),
+					/* @__PURE__ */ jsxs("span", {
+						className: "ml-auto font-mono",
+						children: [pct, "%"]
+					})
+				]
+			})
+		]
+	});
+}
+function Trusted() {
+	return /* @__PURE__ */ jsx("section", {
+		className: "mx-auto max-w-6xl px-6 py-14",
+		children: /* @__PURE__ */ jsxs(Reveal, {
+			className: "flex flex-col items-center gap-6",
+			children: [/* @__PURE__ */ jsx("p", {
+				className: "font-mono text-xs uppercase tracking-[0.2em] text-muted-foreground",
+				children: "Works with your coding agent"
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-wrap items-center justify-center gap-x-10 gap-y-6 text-foreground/80",
+				children: [
+					/* @__PURE__ */ jsx(Brand, {
+						label: "Claude Code",
+						children: /* @__PURE__ */ jsx(ClaudeAiIcon, { className: "size-6" })
+					}),
+					/* @__PURE__ */ jsxs(Brand, {
+						label: "Codex",
+						children: [/* @__PURE__ */ jsx(CodexLight, { className: "size-6 dark:hidden" }), /* @__PURE__ */ jsx(CodexDark, { className: "hidden size-6 dark:block" })]
+					}),
+					/* @__PURE__ */ jsxs(Brand, {
+						label: "Cursor",
+						children: [/* @__PURE__ */ jsx(CursorLight, { className: "size-6 dark:hidden" }), /* @__PURE__ */ jsx(CursorDark, { className: "hidden size-6 dark:block" })]
+					}),
+					/* @__PURE__ */ jsx(Brand, {
+						label: "Gemini",
+						children: /* @__PURE__ */ jsx(Gemini, { className: "size-6" })
+					})
+				]
+			})]
+		})
+	});
+}
+function Brand({ children, label }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-2.5",
+		children: [children, /* @__PURE__ */ jsx("span", {
+			className: "text-sm font-medium",
+			children: label
+		})]
+	});
+}
+function HowItWorks() {
+	return /* @__PURE__ */ jsxs("section", {
+		id: "how",
+		className: "mx-auto max-w-6xl scroll-mt-20 px-6 py-20",
+		children: [/* @__PURE__ */ jsx(SectionHeading, {
+			eyebrow: "how it works",
+			title: "From folder to flow in three steps"
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "mt-12 grid gap-10 lg:grid-cols-[1.2fr_1fr] lg:items-center",
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "flex flex-col gap-8",
+				children: [
+					{
+						n: "01",
+						title: "Add AGENTS.md",
+						body: "Drop the convention into your repo — one file, works with Claude Code, Codex, Cursor and more. Copy the template from the guide."
+					},
+					{
+						n: "02",
+						title: "Your agent writes reviews",
+						body: "Before changing behavior, it writes a checklist to .agents/reviews/todo/ and waits for you to flip every box to [x]."
+					},
+					{
+						n: "03",
+						title: "Watch the board",
+						body: "Open the repo in Lanework. Cards flow todo → processing → done as work gets approved and ships."
+					}
+				].map((s, i) => /* @__PURE__ */ jsx(Reveal, {
+					delay: i * .08,
+					children: /* @__PURE__ */ jsxs("div", {
+						className: "flex gap-5",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "font-mono text-sm text-primary",
+							children: s.n
+						}), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
+							className: "text-lg font-semibold tracking-tight",
+							children: s.title
+						}), /* @__PURE__ */ jsx("p", {
+							className: "mt-1.5 max-w-md text-sm leading-relaxed text-muted-foreground",
+							children: s.body
+						})] })]
+					})
+				}, s.n))
+			}), /* @__PURE__ */ jsx(Reveal, {
+				delay: .1,
+				children: /* @__PURE__ */ jsx(MappingCard, {})
+			})]
+		})]
+	});
+}
+function MappingCard() {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "rounded-2xl border border-border/70 bg-card p-5 shadow-sm",
+		children: [
+			/* @__PURE__ */ jsx("p", {
+				className: "mb-4 font-mono text-xs text-muted-foreground",
+				children: ".agents/reviews/"
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "flex flex-col gap-2",
+				children: [
+					{
+						folder: "todo/",
+						col: "todo"
+					},
+					{
+						folder: "processing/",
+						col: "processing"
+					},
+					{
+						folder: "done/",
+						col: "done"
+					},
+					{
+						folder: "dropped/",
+						col: "dropped"
+					}
+				].map((r) => {
+					const meta = STATUS_META[r.col];
+					return /* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-3",
+						children: [
+							/* @__PURE__ */ jsx("code", {
+								className: "w-28 font-mono text-sm text-foreground",
+								children: r.folder
+							}),
+							/* @__PURE__ */ jsx(HugeiconsIcon, {
+								icon: ArrowRight01Icon,
+								className: "size-4 text-muted-foreground"
+							}),
+							/* @__PURE__ */ jsxs("span", {
+								className: "inline-flex items-center gap-2 rounded-full bg-muted px-2.5 py-1 text-xs font-medium",
+								children: [/* @__PURE__ */ jsx(HugeiconsIcon, {
+									icon: meta.icon,
+									className: cn("size-3.5", meta.color)
+								}), meta.label]
+							})
+						]
+					}, r.folder);
+				})
+			}),
+			/* @__PURE__ */ jsxs("p", {
+				className: "mt-4 inline-flex flex-wrap items-center gap-x-1.5 gap-y-1 border-t pt-4 font-mono text-[11px] leading-relaxed text-muted-foreground",
+				children: [
+					"frontmatter",
+					/* @__PURE__ */ jsx(HugeiconsIcon, {
+						icon: ArrowRight01Icon,
+						className: "size-3"
+					}),
+					"priority · assignees · tags",
+					/* @__PURE__ */ jsx("span", { className: "w-full" }),
+					"checkboxes",
+					/* @__PURE__ */ jsx(HugeiconsIcon, {
+						icon: ArrowRight01Icon,
+						className: "size-3"
+					}),
+					"progress"
+				]
+			})
+		]
+	});
+}
+function Features() {
+	return /* @__PURE__ */ jsxs("section", {
+		id: "features",
+		className: "mx-auto max-w-6xl scroll-mt-20 px-6 py-20",
+		children: [/* @__PURE__ */ jsx(SectionHeading, {
+			eyebrow: "features",
+			title: "Everything you need to triage agent work"
+		}), /* @__PURE__ */ jsx("div", {
+			className: "mt-12 grid gap-px overflow-hidden rounded-2xl border border-border/70 bg-border/70 sm:grid-cols-2 lg:grid-cols-3",
+			children: [
+				{
+					icon: DashboardSquare01Icon,
+					title: "Board & List",
+					body: "Four columns from your folders, or a dense list view. Your reviews, organized the way you think."
+				},
+				{
+					icon: Tag01Icon,
+					title: "Filter by tag & owner",
+					body: "Slice to My tasks or any tag. The top tags surface right in the sidebar."
+				},
+				{
+					icon: FileEditIcon,
+					title: "Full-screen review",
+					body: "Open a card for the rendered markdown plus a clean metadata panel — status, priority, progress."
+				},
+				{
+					icon: Github01Icon,
+					title: "GitHub-native, read-only",
+					body: "Sign in, pick a repo. Lanework reads your reviews and never writes back — your files stay yours."
+				},
+				{
+					icon: Rocket01Icon,
+					title: "Fast by design",
+					body: "File contents batch over GraphQL with an instant skeleton, so big boards open quick."
+				},
+				{
+					icon: SparklesIcon,
+					title: "Built to feel good",
+					body: "Fluid motion, dark-mode tokens, and a “/” to jump between repos. A tool you’ll want to open."
+				}
+			].map((f, i) => /* @__PURE__ */ jsx(Reveal, {
+				delay: i % 3 * .06,
+				className: "bg-card",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "group h-full p-6 transition-colors hover:bg-muted/30",
+					children: [
+						/* @__PURE__ */ jsx("span", {
+							className: "grid size-10 place-items-center rounded-xl bg-primary/10 text-primary transition-transform group-hover:scale-105",
+							children: /* @__PURE__ */ jsx(HugeiconsIcon, {
+								icon: f.icon,
+								className: "size-5"
+							})
+						}),
+						/* @__PURE__ */ jsx("h3", {
+							className: "mt-4 font-semibold tracking-tight",
+							children: f.title
+						}),
+						/* @__PURE__ */ jsx("p", {
+							className: "mt-1.5 text-sm leading-relaxed text-muted-foreground",
+							children: f.body
+						})
+					]
+				})
+			}, f.title))
+		})]
+	});
+}
+var EXAMPLE = `---
+assignees: ["you"]
+created_at: 2026-06-21
+priority: high
+tags: ["auth", "api"]
+---
+
+# Review: Refactor auth middleware
+
+- [x] Extract token verification into a helper
+- [ ] Add rate-limit headers to 401s
+- [ ] Cover the refresh-token path with tests`;
+function Convention() {
+	return /* @__PURE__ */ jsx("section", {
+		className: "mx-auto max-w-6xl px-6 py-20",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "grid gap-10 lg:grid-cols-2 lg:items-center",
+			children: [/* @__PURE__ */ jsxs(Reveal, { children: [
+				/* @__PURE__ */ jsx(SectionHeading, {
+					align: "left",
+					eyebrow: "the convention",
+					title: "A markdown file your agent already knows how to write"
+				}),
+				/* @__PURE__ */ jsx("p", {
+					className: "mt-5 max-w-md text-sm leading-relaxed text-muted-foreground",
+					children: "No new format to learn. A review is a checklist with a little frontmatter. Lanework reads the folder for the column, the frontmatter for the metadata, and the checkboxes for progress. That’s it."
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "mt-7 flex flex-wrap gap-3",
+					children: [/* @__PURE__ */ jsx(GitHubLoginButton, {
+						size: "lg",
+						children: "Continue with GitHub"
+					}), /* @__PURE__ */ jsxs(Link, {
+						to: "/guide",
+						className: "inline-flex h-12 items-center gap-1.5 rounded-xl border px-5 text-sm font-medium transition-colors hover:bg-muted",
+						children: ["Read the guide", /* @__PURE__ */ jsx(HugeiconsIcon, {
+							icon: ArrowRight01Icon,
+							className: "size-4"
+						})]
+					})]
+				})
+			] }), /* @__PURE__ */ jsx(Reveal, {
+				delay: .1,
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "overflow-hidden rounded-2xl border border-border/70 bg-[#0c0f0d] shadow-xl",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-2 border-b border-white/10 px-4 py-2.5",
+						children: [/* @__PURE__ */ jsx(HugeiconsIcon, {
+							icon: Flag02Icon,
+							className: "size-3.5 text-emerald-400"
+						}), /* @__PURE__ */ jsx("span", {
+							className: "font-mono text-[11px] text-white/50",
+							children: ".agents/reviews/processing/2026-06-21-refactor-auth-middleware.md"
+						})]
+					}), /* @__PURE__ */ jsx("pre", {
+						className: "overflow-x-auto p-5 font-mono text-[12.5px] leading-relaxed text-emerald-50/90",
+						children: EXAMPLE
+					})]
+				})
+			})]
+		})
+	});
+}
+function CallToAction() {
+	return /* @__PURE__ */ jsx("section", {
+		className: "mx-auto max-w-6xl px-6 py-20",
+		children: /* @__PURE__ */ jsx(Reveal, { children: /* @__PURE__ */ jsxs("div", {
+			className: "relative overflow-hidden rounded-[2rem] bg-gradient-to-br from-emerald-600 via-emerald-700 to-emerald-800 px-8 py-20 text-center shadow-2xl shadow-emerald-900/30 ring-1 ring-inset ring-white/10",
+			children: [
+				/* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 bg-[linear-gradient(90deg,rgba(255,255,255,0.07)_1px,transparent_1px)] bg-[size:120px_100%] [mask-image:radial-gradient(ellipse_at_center,black,transparent_75%)]" }),
+				/* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute -top-24 left-1/2 h-72 w-[40rem] -translate-x-1/2 rounded-full bg-emerald-300/30 blur-[120px]" }),
+				/* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute -bottom-28 -right-12 size-72 rounded-full bg-teal-300/20 blur-[110px]" }),
+				/* @__PURE__ */ jsxs("div", {
+					className: "relative mx-auto max-w-xl",
+					children: [
+						/* @__PURE__ */ jsx("img", {
+							src: "/logo.png",
+							alt: "",
+							className: "mx-auto mb-6 size-16 rounded-2xl shadow-lg shadow-emerald-950/30 ring-1 ring-white/20"
+						}),
+						/* @__PURE__ */ jsx("h2", {
+							className: "font-heading text-3xl font-semibold tracking-tight text-white sm:text-[2.5rem] sm:leading-tight",
+							children: "Bring your agent’s reviews to life."
+						}),
+						/* @__PURE__ */ jsx("p", {
+							className: "mx-auto mt-4 max-w-md text-emerald-50/80",
+							children: "Sign in with GitHub and open your first board in under a minute. Free and open source."
+						}),
+						/* @__PURE__ */ jsx("div", {
+							className: "mt-8 flex justify-center",
+							children: /* @__PURE__ */ jsx(GitHubLoginButton, {
+								variant: "invert",
+								size: "lg",
+								children: "Continue with GitHub"
+							})
+						})
+					]
+				})
+			]
+		}) })
+	});
+}
+function Footer() {
+	return /* @__PURE__ */ jsx("footer", {
+		className: "border-t border-border/60",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "mx-auto max-w-6xl px-6 py-10",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col items-center justify-between gap-6 sm:flex-row",
+				children: [/* @__PURE__ */ jsx(Wordmark, {}), /* @__PURE__ */ jsxs("nav", {
+					className: "flex flex-wrap items-center gap-x-7 gap-y-2 font-mono text-xs text-muted-foreground",
+					children: [
+						/* @__PURE__ */ jsx(Link, {
+							to: "/guide",
+							className: "hover:text-foreground",
+							children: "guide"
+						}),
+						/* @__PURE__ */ jsx("a", {
+							href: "https://github.com/fuongz/lanework",
+							className: "hover:text-foreground",
+							children: "github"
+						}),
+						/* @__PURE__ */ jsx("a", {
+							href: "https://github.com/fuongz/lanework#readme",
+							className: "hover:text-foreground",
+							children: "docs"
+						}),
+						/* @__PURE__ */ jsx("span", { children: "MIT" })
+					]
+				})]
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "mt-8 border-t border-border/60 pt-6 text-center text-xs text-muted-foreground",
+				children: [
+					"Made with",
+					" ",
+					/* @__PURE__ */ jsx("span", {
+						className: "text-rose-500",
+						"aria-label": "love",
+						children: "♥"
+					}),
+					" ",
+					"by",
+					" ",
+					/* @__PURE__ */ jsx("a", {
+						href: "https://phuongphung.com",
+						target: "_blank",
+						rel: "noreferrer",
+						className: "font-medium text-foreground underline-offset-2 hover:underline",
+						children: "fuongz"
+					})
+				]
+			})]
+		})
+	});
+}
+function Reveal({ children, delay = 0, className }) {
+	return /* @__PURE__ */ jsx(motion.div, {
+		initial: {
+			opacity: 0,
+			y: 18
+		},
+		whileInView: {
+			opacity: 1,
+			y: 0
+		},
+		viewport: {
+			once: true,
+			margin: "-80px"
+		},
+		transition: {
+			duration: .5,
+			delay,
+			ease: [
+				.22,
+				1,
+				.36,
+				1
+			]
+		},
+		className,
+		children
+	});
+}
+function SectionHeading({ eyebrow, title, align = "center" }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn(align === "center" && "mx-auto max-w-2xl text-center"),
+		children: [/* @__PURE__ */ jsx("p", {
+			className: "font-mono text-xs uppercase tracking-[0.2em] text-primary",
+			children: eyebrow
+		}), /* @__PURE__ */ jsx("h2", {
+			className: "mt-3 font-heading text-3xl font-semibold tracking-tight sm:text-4xl",
+			children: title
+		})]
+	});
+}
+//#endregion
+//#region ../../packages/shared/src/components/ui/badge.tsx
+var badgeVariants = cva("group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-2xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!", {
+	variants: { variant: {
+		default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+		secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
+		destructive: "bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
+		outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
+		ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
+		link: "text-primary underline-offset-4 hover:underline"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function Badge({ className, variant = "default", render, ...props }) {
+	return useRender({
+		defaultTagName: "span",
+		props: mergeProps({ className: cn(badgeVariants({ variant }), className) }, props),
+		render,
+		state: {
+			slot: "badge",
+			variant
+		}
+	});
+}
+//#endregion
+//#region ../../packages/shared/src/routes/index.tsx?tsr-split=component
+var PAGE_SIZE = 12;
+function Home() {
+	const { user } = Route.useLoaderData();
+	if (!user) return /* @__PURE__ */ jsx(MarketingLanding, {});
+	return /* @__PURE__ */ jsx(AppShell, {
+		user,
+		children: /* @__PURE__ */ jsx(ProjectsHome, {})
+	});
+}
+function ProjectsHome() {
+	const { repos, loading, ensureLoaded } = useRepoStore();
+	const [page, setPage] = useState(0);
+	useEffect(() => ensureLoaded(), [ensureLoaded]);
+	const all = repos ?? [];
+	const pageCount = Math.ceil(all.length / PAGE_SIZE);
+	const start = page * PAGE_SIZE;
+	const visible = all.slice(start, start + PAGE_SIZE);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex h-full animate-in flex-col overflow-y-auto px-6 py-6 fade-in duration-500 motion-reduce:animate-none",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "mb-6",
+			children: [/* @__PURE__ */ jsx("h1", {
+				className: "font-heading text-2xl font-semibold tracking-tight",
+				children: "Projects"
+			}), /* @__PURE__ */ jsxs("p", {
+				className: "mt-1 text-sm text-muted-foreground",
+				children: [
+					"Pick a repository to open its review board. Repos without a",
+					" ",
+					/* @__PURE__ */ jsx("code", {
+						className: "rounded bg-muted px-1 py-0.5 text-xs",
+						children: ".agents/reviews"
+					}),
+					" folder show an empty board."
+				]
+			})]
+		}), loading && !repos ? /* @__PURE__ */ jsx("div", {
+			className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3",
+			children: Array.from({ length: PAGE_SIZE }).map((_, i) => /* @__PURE__ */ jsx(Skeleton, { className: "h-40 rounded-xl" }, i))
+		}) : all.length === 0 ? /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col items-center gap-2 rounded-none p-10 text-center ring-1 ring-foreground/10",
+			children: [/* @__PURE__ */ jsx(HugeiconsIcon, {
+				icon: Folder01Icon,
+				className: "size-6 text-muted-foreground"
+			}), /* @__PURE__ */ jsx("p", {
+				className: "text-sm text-muted-foreground",
+				children: "No repositories found."
+			})]
+		}) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
+			className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3",
+			children: visible.map((repo, i) => /* @__PURE__ */ jsx(motion.div, {
+				initial: {
+					opacity: 0,
+					y: 10
+				},
+				animate: {
+					opacity: 1,
+					y: 0
+				},
+				transition: {
+					duration: .35,
+					delay: Math.min(i, 12) * .04,
+					ease: "easeOut"
+				},
+				whileHover: { y: -4 },
+				children: /* @__PURE__ */ jsx(Link, {
+					to: "/board/$owner/$repo",
+					params: {
+						owner: repo.owner,
+						repo: repo.name
+					},
+					className: "group block h-full",
+					children: /* @__PURE__ */ jsxs(Card, {
+						className: "h-full transition-[box-shadow,--tw-ring-color] duration-200 group-hover:shadow-md group-hover:ring-foreground/25",
+						children: [
+							/* @__PURE__ */ jsxs(CardHeader, { children: [
+								/* @__PURE__ */ jsxs(CardTitle, {
+									className: "flex min-w-0 items-center gap-2",
+									children: [/* @__PURE__ */ jsx(RepoIcon, { homepage: repo.homepage }), /* @__PURE__ */ jsx("span", {
+										className: "truncate",
+										children: repo.name
+									})]
+								}),
+								/* @__PURE__ */ jsx(CardDescription, {
+									className: "truncate",
+									children: repo.owner
+								}),
+								/* @__PURE__ */ jsx(CardAction, { children: repo.private ? /* @__PURE__ */ jsxs(Badge, {
+									variant: "secondary",
+									className: "gap-1",
+									children: [/* @__PURE__ */ jsx(HugeiconsIcon, {
+										icon: SquareLock01Icon,
+										className: "size-3"
+									}), "Private"]
+								}) : /* @__PURE__ */ jsx(Badge, {
+									variant: "outline",
+									children: "Public"
+								}) })
+							] }),
+							repo.description ? /* @__PURE__ */ jsx(CardContent, {
+								className: "line-clamp-2 text-muted-foreground",
+								children: repo.description
+							}) : null,
+							/* @__PURE__ */ jsxs(CardFooter, {
+								className: "justify-between",
+								children: [/* @__PURE__ */ jsxs(Badge, {
+									variant: "outline",
+									className: "gap-1",
+									children: [/* @__PURE__ */ jsx(HugeiconsIcon, {
+										icon: GitBranchIcon,
+										className: "size-3"
+									}), repo.defaultBranch]
+								}), /* @__PURE__ */ jsxs("span", {
+									className: "inline-flex items-center gap-1 text-xs font-medium text-muted-foreground transition-colors group-hover:text-foreground",
+									children: ["Open board", /* @__PURE__ */ jsx(HugeiconsIcon, {
+										icon: ArrowRight01Icon,
+										className: "size-3.5 transition-transform group-hover:translate-x-0.5"
+									})]
+								})]
+							})
+						]
+					})
+				})
+			}, repo.id))
+		}), pageCount > 1 && /* @__PURE__ */ jsxs("div", {
+			className: "mt-6 flex items-center justify-between",
+			children: [/* @__PURE__ */ jsxs("p", {
+				className: "text-sm text-muted-foreground",
+				children: [
+					start + 1,
+					"–",
+					Math.min(start + PAGE_SIZE, all.length),
+					" of ",
+					all.length
+				]
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ jsxs(Button, {
+					variant: "outline",
+					size: "sm",
+					disabled: page === 0,
+					onClick: () => setPage((p) => Math.max(0, p - 1)),
+					children: [/* @__PURE__ */ jsx(HugeiconsIcon, {
+						icon: ArrowLeft01Icon,
+						"data-icon": "inline-start"
+					}), "Previous"]
+				}), /* @__PURE__ */ jsxs(Button, {
+					variant: "outline",
+					size: "sm",
+					disabled: page >= pageCount - 1,
+					onClick: () => setPage((p) => Math.min(pageCount - 1, p + 1)),
+					children: ["Next", /* @__PURE__ */ jsx(HugeiconsIcon, {
+						icon: ArrowRight01Icon,
+						"data-icon": "inline-end"
+					})]
+				})]
+			})]
+		})] })]
+	});
+}
+/**
+* Repo icon: the folder icon shows immediately as a placeholder, and the website's
+* favicon (if any) silently replaces it once loaded — so there's no blank gap while
+* the remote image fetches, and the folder stays if there's no site or it errors.
+*/
+function RepoIcon({ homepage }) {
+	const host = faviconHost(homepage);
+	const [loaded, setLoaded] = useState(false);
+	return /* @__PURE__ */ jsxs("span", {
+		className: "relative grid size-4 shrink-0 place-items-center",
+		children: [!loaded && /* @__PURE__ */ jsx(HugeiconsIcon, {
+			icon: Folder01Icon,
+			className: "size-4 text-primary"
+		}), host && /* @__PURE__ */ jsx("img", {
+			src: `https://www.google.com/s2/favicons?sz=64&domain=${host}`,
+			alt: "",
+			width: 16,
+			height: 16,
+			onLoad: () => setLoaded(true),
+			className: `size-4 rounded-sm ${loaded ? "block" : "hidden"}`
+		})]
+	});
+}
+/** Extract a hostname from a repo homepage, normalizing protocol-less URLs. */
+function faviconHost(homepage) {
+	if (!homepage) return null;
+	try {
+		return new URL(/^https?:\/\//.test(homepage) ? homepage : `https://${homepage}`).hostname;
+	} catch {
+		return null;
+	}
+}
+//#endregion
+export { Home as component };