@phake/lanework 0.1.0

package/dist-local/server/assets/board._owner._repo-BgLMPzjG.js

@@ -0,0 +1,832 @@
+import { a as REVIEW_COLUMNS, c as progressPercent } from "./github-cUIlMgs7.js";
+import { i as getCardContent, r as getBoard, s as cn, t as Skeleton } from "./skeleton-Cpl83ip3.js";
+import { t as Route } from "./board._owner._repo-WPs_mhzX.js";
+import { a as Dialog, c as DialogHeader, l as DialogTitle, n as AppShell, o as DialogContent, r as tagPill, s as DialogDescription, t as STATUS_META } from "./review-status-CdlhgE_Y.js";
+import { useEffect, useMemo, useState } from "react";
+import { useRouter } from "@tanstack/react-router";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AnimatePresence, motion } from "motion/react";
+import { HugeiconsIcon } from "@hugeicons/react";
+import { Calendar03Icon, CheckmarkSquare02Icon, CircleIcon, Clock01Icon, Comment01Icon, Flag02Icon, FolderLibraryIcon, LinkSquare01Icon, Note01Icon, RefreshIcon, Tag01Icon, Tick02Icon, UserGroupIcon } from "@hugeicons/core-free-icons";
+import { create } from "zustand";
+import { MarkdownHooks } from "react-markdown";
+import remarkGfm from "remark-gfm";
+import rehypeShiki from "@shikijs/rehype";
+import { Checkbox } from "@base-ui/react/checkbox";
+//#region ../../packages/shared/src/stores/board-store.ts
+var useBoardStore = create((set) => ({
+	activeCard: null,
+	openCard: (card) => set({ activeCard: card }),
+	closeCard: () => set({ activeCard: null })
+}));
+//#endregion
+//#region ../../packages/shared/src/lib/format.ts
+var MONTHS = [
+	"Jan",
+	"Feb",
+	"Mar",
+	"Apr",
+	"May",
+	"Jun",
+	"Jul",
+	"Aug",
+	"Sep",
+	"Oct",
+	"Nov",
+	"Dec"
+];
+/** "2026-06-21" → "21 Jun 2026". Falls back to the raw string. */
+function formatDate(iso) {
+	if (!iso) return "No date";
+	const m = iso.match(/^(\d{4})-(\d{2})-(\d{2})/);
+	if (!m) return iso;
+	const [, y, mo, d] = m;
+	return `${Number(d)} ${MONTHS[Number(mo) - 1] ?? mo} ${y}`;
+}
+/** Human relative age, e.g. "today", "4d ago", "3w ago". */
+function relativeAge(iso) {
+	if (!iso) return null;
+	const then = new Date(iso).getTime();
+	if (Number.isNaN(then)) return null;
+	const days = Math.floor((Date.now() - then) / 864e5);
+	if (days <= 0) return "today";
+	if (days === 1) return "1d ago";
+	if (days < 7) return `${days}d ago`;
+	if (days < 30) return `${Math.floor(days / 7)}w ago`;
+	if (days < 365) return `${Math.floor(days / 30)}mo ago`;
+	return `${Math.floor(days / 365)}y ago`;
+}
+//#endregion
+//#region ../../packages/shared/src/components/kanban/kanban-card.tsx
+function KanbanCard({ card }) {
+	const openCard = useBoardStore((s) => s.openCard);
+	const pct = progressPercent(card.stats);
+	return /* @__PURE__ */ jsxs("div", {
+		role: "button",
+		tabIndex: 0,
+		onClick: () => openCard(card),
+		onKeyDown: (e) => {
+			if (e.key === "Enter" || e.key === " ") {
+				e.preventDefault();
+				openCard(card);
+			}
+		},
+		className: "group cursor-pointer rounded-xl border bg-card p-3.5 shadow-xs transition-shadow duration-200 hover:shadow-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40",
+		children: [
+			/* @__PURE__ */ jsx("h3", {
+				className: "line-clamp-2 text-sm font-medium leading-snug text-card-foreground",
+				children: card.title
+			}),
+			card.assignees.length > 0 ? /* @__PURE__ */ jsxs("div", {
+				className: "mt-2.5 flex items-center gap-2 text-xs text-muted-foreground",
+				children: [/* @__PURE__ */ jsx("span", { children: "Assignees:" }), /* @__PURE__ */ jsx(Assignees, { logins: card.assignees })]
+			}) : null,
+			/* @__PURE__ */ jsxs("div", {
+				className: "mt-2.5 flex items-center gap-2 text-xs text-muted-foreground",
+				children: [
+					/* @__PURE__ */ jsx(HugeiconsIcon, {
+						icon: Flag02Icon,
+						className: "size-3.5"
+					}),
+					/* @__PURE__ */ jsx("span", { children: formatDate(card.date) }),
+					card.priority ? /* @__PURE__ */ jsx(PriorityBadge, { priority: card.priority }) : null
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "mt-3 flex items-center gap-3 border-t pt-2.5 text-xs text-muted-foreground",
+				children: [
+					/* @__PURE__ */ jsxs("span", {
+						className: "inline-flex items-center gap-1",
+						title: "Checklist items done",
+						children: [
+							/* @__PURE__ */ jsx(HugeiconsIcon, {
+								icon: CheckmarkSquare02Icon,
+								className: "size-3.5"
+							}),
+							card.stats.done,
+							"/",
+							card.stats.total
+						]
+					}),
+					/* @__PURE__ */ jsxs("span", {
+						className: "inline-flex items-center gap-1",
+						title: "Reviewer notes",
+						children: [/* @__PURE__ */ jsx(HugeiconsIcon, {
+							icon: Comment01Icon,
+							className: "size-3.5"
+						}), card.stats.notes]
+					}),
+					pct !== null ? /* @__PURE__ */ jsxs("span", {
+						className: cn("ml-auto rounded-md px-1.5 py-0.5 text-[11px] font-medium", pct === 100 ? "bg-emerald-100 text-emerald-700 dark:bg-emerald-950 dark:text-emerald-300" : pct === 0 ? "bg-muted text-muted-foreground" : "bg-amber-100 text-amber-700 dark:bg-amber-950 dark:text-amber-300"),
+						children: [pct, "%"]
+					}) : null
+				]
+			})
+		]
+	});
+}
+function Assignees({ logins }) {
+	const shown = logins.slice(0, 3);
+	const extra = logins.length - shown.length;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center",
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "flex -space-x-1.5",
+			children: shown.map((login) => /* @__PURE__ */ jsx("img", {
+				src: `https://github.com/${login}.png?size=40`,
+				alt: login,
+				title: login,
+				className: "size-5 rounded-full ring-2 ring-card"
+			}, login))
+		}), extra > 0 ? /* @__PURE__ */ jsxs("span", {
+			className: "ml-1 text-[11px]",
+			children: [extra, "+"]
+		}) : null]
+	});
+}
+var PRIORITY_STYLE$1 = {
+	high: "bg-rose-100 text-rose-700 dark:bg-rose-950 dark:text-rose-300",
+	medium: "bg-amber-100 text-amber-700 dark:bg-amber-950 dark:text-amber-300",
+	low: "bg-muted text-muted-foreground"
+};
+function PriorityBadge({ priority }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: cn("ml-auto rounded-md px-1.5 py-0.5 text-[11px] font-medium capitalize", PRIORITY_STYLE$1[priority]),
+		children: priority
+	});
+}
+//#endregion
+//#region ../../packages/shared/src/components/kanban/kanban-column.tsx
+function KanbanColumn({ meta, cards, index = 0 }) {
+	return /* @__PURE__ */ jsxs(motion.div, {
+		initial: {
+			opacity: 0,
+			y: 14
+		},
+		animate: {
+			opacity: 1,
+			y: 0
+		},
+		transition: {
+			duration: .4,
+			delay: index * .07,
+			ease: [
+				.22,
+				1,
+				.36,
+				1
+			]
+		},
+		className: "flex h-full w-80 shrink-0 flex-col rounded-2xl bg-muted/40",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2 px-4 py-3",
+			children: [
+				/* @__PURE__ */ jsx(HugeiconsIcon, {
+					icon: meta.icon,
+					className: cn("size-4", meta.color)
+				}),
+				/* @__PURE__ */ jsx("h2", {
+					className: "text-sm font-medium text-foreground",
+					children: meta.label
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: "text-sm text-muted-foreground",
+					children: cards.length
+				})
+			]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "flex min-h-0 flex-1 flex-col gap-2.5 overflow-y-auto px-2.5 pb-2.5 pt-0.5",
+			children: cards.length === 0 ? /* @__PURE__ */ jsx("p", {
+				className: "rounded-xl border border-dashed py-8 text-center text-xs text-muted-foreground",
+				children: "No reviews"
+			}) : /* @__PURE__ */ jsx(AnimatePresence, {
+				mode: "popLayout",
+				children: cards.map((card) => /* @__PURE__ */ jsx(motion.div, {
+					layout: true,
+					initial: {
+						opacity: 0,
+						y: 8
+					},
+					animate: {
+						opacity: 1,
+						y: 0
+					},
+					exit: {
+						opacity: 0,
+						scale: .96
+					},
+					transition: {
+						duration: .2,
+						ease: "easeOut"
+					},
+					whileHover: { y: -3 },
+					children: /* @__PURE__ */ jsx(KanbanCard, { card })
+				}, card.path))
+			})
+		})]
+	});
+}
+//#endregion
+//#region ../../packages/shared/src/components/kanban/kanban-board.tsx
+function KanbanBoard({ cards }) {
+	const columns = useMemo(() => {
+		const byColumn = {
+			todo: [],
+			processing: [],
+			done: [],
+			dropped: []
+		};
+		for (const card of cards) byColumn[card.column].push(card);
+		for (const col of REVIEW_COLUMNS) byColumn[col].sort((a, b) => (b.date ?? "").localeCompare(a.date ?? ""));
+		return byColumn;
+	}, [cards]);
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex h-full gap-4 overflow-x-auto px-6 pb-6",
+		children: REVIEW_COLUMNS.map((col, i) => /* @__PURE__ */ jsx(KanbanColumn, {
+			meta: STATUS_META[col],
+			cards: columns[col],
+			index: i
+		}, col))
+	});
+}
+//#endregion
+//#region ../../packages/shared/src/components/kanban/review-list.tsx
+function ReviewList({ cards }) {
+	const grouped = useMemo(() => {
+		const by = {
+			todo: [],
+			processing: [],
+			done: [],
+			dropped: []
+		};
+		for (const c of cards) by[c.column].push(c);
+		for (const col of REVIEW_COLUMNS) by[col].sort((a, b) => (b.date ?? "").localeCompare(a.date ?? ""));
+		return by;
+	}, [cards]);
+	return /* @__PURE__ */ jsx("div", {
+		className: "h-full overflow-y-auto px-6 pb-6",
+		children: /* @__PURE__ */ jsx("div", {
+			className: "flex flex-col gap-6",
+			children: REVIEW_COLUMNS.map((col) => grouped[col].length === 0 ? null : /* @__PURE__ */ jsxs("section", { children: [/* @__PURE__ */ jsxs("div", {
+				className: "mb-2 flex items-center gap-2",
+				children: [
+					/* @__PURE__ */ jsx(HugeiconsIcon, {
+						icon: STATUS_META[col].icon,
+						className: cn("size-4", STATUS_META[col].color)
+					}),
+					/* @__PURE__ */ jsx("h2", {
+						className: "text-sm font-medium",
+						children: STATUS_META[col].label
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: "text-sm text-muted-foreground",
+						children: grouped[col].length
+					})
+				]
+			}), /* @__PURE__ */ jsx("div", {
+				className: "overflow-hidden rounded-xl border",
+				children: grouped[col].map((card, i) => /* @__PURE__ */ jsx(ListRow, {
+					card,
+					first: i === 0
+				}, card.path))
+			})] }, col))
+		})
+	});
+}
+function ListRow({ card, first }) {
+	const openCard = useBoardStore((s) => s.openCard);
+	const pct = progressPercent(card.stats);
+	return /* @__PURE__ */ jsxs("div", {
+		role: "button",
+		tabIndex: 0,
+		onClick: () => openCard(card),
+		onKeyDown: (e) => {
+			if (e.key === "Enter" || e.key === " ") {
+				e.preventDefault();
+				openCard(card);
+			}
+		},
+		className: cn("flex cursor-pointer items-center gap-4 px-4 py-2.5 text-sm transition-colors hover:bg-muted/50 focus-visible:bg-muted/50 focus-visible:outline-none", !first && "border-t"),
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				className: "min-w-0 flex-1 truncate font-medium",
+				children: card.title
+			}),
+			/* @__PURE__ */ jsxs("span", {
+				className: "hidden items-center gap-1.5 text-xs text-muted-foreground sm:inline-flex",
+				children: [/* @__PURE__ */ jsx(HugeiconsIcon, {
+					icon: Flag02Icon,
+					className: "size-3.5"
+				}), formatDate(card.date)]
+			}),
+			/* @__PURE__ */ jsxs("span", {
+				className: "w-16 text-right text-xs text-muted-foreground",
+				children: [
+					card.stats.done,
+					"/",
+					card.stats.total
+				]
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "w-12 text-right text-xs text-muted-foreground",
+				children: pct !== null ? `${pct}%` : ""
+			})
+		]
+	});
+}
+//#endregion
+//#region ../../packages/shared/src/components/ui/checkbox.tsx
+function Checkbox$1({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Checkbox.Root, {
+		"data-slot": "checkbox",
+		className: cn("peer relative flex size-4 shrink-0 items-center justify-center rounded-[5px] border border-transparent bg-input/90 transition-shadow outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/30 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary", className),
+		...props,
+		children: /* @__PURE__ */ jsx(Checkbox.Indicator, {
+			"data-slot": "checkbox-indicator",
+			className: "grid place-content-center text-current transition-none [&>svg]:size-3.5",
+			children: /* @__PURE__ */ jsx(HugeiconsIcon, {
+				icon: Tick02Icon,
+				strokeWidth: 2
+			})
+		})
+	});
+}
+//#endregion
+//#region ../../packages/shared/src/components/kanban/review-dialog.tsx
+var markdownComponents = {
+	input({ type, checked, ...props }) {
+		if (type === "checkbox") return /* @__PURE__ */ jsx(Checkbox$1, {
+			checked: !!checked,
+			disabled: true,
+			className: "relative top-px mr-0.5 inline-grid align-text-bottom disabled:opacity-100 data-checked:bg-primary"
+		});
+		return /* @__PURE__ */ jsx("input", {
+			type,
+			...props
+		});
+	},
+	li({ className, children, ...props }) {
+		const isTask = className?.includes("task-list-item");
+		return /* @__PURE__ */ jsx("li", {
+			className: cn(className, isTask && "list-none marker:content-none"),
+			...props,
+			children
+		});
+	}
+};
+function ReviewDialog({ owner, repo, branch }) {
+	const activeCard = useBoardStore((s) => s.activeCard);
+	const closeCard = useBoardStore((s) => s.closeCard);
+	const [content, setContent] = useState(null);
+	const [error, setError] = useState(null);
+	useEffect(() => {
+		if (!activeCard) return;
+		let cancelled = false;
+		setContent(null);
+		setError(null);
+		getCardContent({ data: {
+			owner,
+			repo,
+			path: activeCard.path,
+			ref: branch
+		} }).then((md) => {
+			if (!cancelled) setContent(md);
+		}).catch((e) => {
+			if (!cancelled) setError(e instanceof Error ? e.message : "Failed to load review.");
+		});
+		return () => {
+			cancelled = true;
+		};
+	}, [
+		activeCard,
+		owner,
+		repo,
+		branch
+	]);
+	const githubUrl = activeCard ? `https://github.com/${owner}/${repo}/blob/${branch}/${activeCard.path}` : "#";
+	return /* @__PURE__ */ jsx(Dialog, {
+		open: !!activeCard,
+		onOpenChange: (open) => !open && closeCard(),
+		children: /* @__PURE__ */ jsxs(DialogContent, {
+			className: "flex h-screen max-h-screen w-screen max-w-none flex-col gap-0 overflow-hidden rounded-none border-0 p-0 sm:max-w-none",
+			children: [/* @__PURE__ */ jsx(DialogHeader, {
+				className: "shrink-0 px-6 pt-6 pb-4",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "mx-auto w-full max-w-3xl",
+					children: [/* @__PURE__ */ jsx(DialogTitle, {
+						className: "pr-8 text-left text-lg",
+						children: activeCard?.title
+					}), /* @__PURE__ */ jsx(DialogDescription, {
+						className: "text-left",
+						children: /* @__PURE__ */ jsxs("a", {
+							href: githubUrl,
+							target: "_blank",
+							rel: "noreferrer",
+							className: "inline-flex items-center gap-1 hover:text-foreground",
+							children: [activeCard?.path, /* @__PURE__ */ jsx(HugeiconsIcon, {
+								icon: LinkSquare01Icon,
+								className: "size-3"
+							})]
+						})
+					})]
+				})
+			}), /* @__PURE__ */ jsx("div", {
+				className: "flex-1 overflow-y-auto",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "mx-auto w-full max-w-3xl px-6 py-5",
+					children: [
+						activeCard ? /* @__PURE__ */ jsx(MetaPanel, { card: activeCard }) : null,
+						/* @__PURE__ */ jsx("hr", { className: "my-6 border-border" }),
+						error ? /* @__PURE__ */ jsx("p", {
+							className: "text-sm text-destructive",
+							children: error
+						}) : content === null ? /* @__PURE__ */ jsxs("div", {
+							className: "space-y-3",
+							children: [
+								/* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-2/3" }),
+								/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full" }),
+								/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full" }),
+								/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4/5" }),
+								/* @__PURE__ */ jsx(Skeleton, { className: "mt-6 h-4 w-1/2" }),
+								/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full" })
+							]
+						}) : /* @__PURE__ */ jsx("article", {
+							className: "prose prose-sm prose-neutral max-w-none dark:prose-invert prose-code:before:content-none prose-code:after:content-none",
+							children: /* @__PURE__ */ jsx(MarkdownHooks, {
+								components: markdownComponents,
+								remarkPlugins: [remarkGfm],
+								rehypePlugins: [[rehypeShiki, { themes: {
+									light: "github-light",
+									dark: "github-dark"
+								} }]],
+								fallback: /* @__PURE__ */ jsxs("div", {
+									className: "space-y-3",
+									children: [
+										/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full" }),
+										/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-5/6" }),
+										/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-2/3" })
+									]
+								}),
+								children: stripFrontmatter(content)
+							})
+						})
+					]
+				})
+			})]
+		})
+	});
+}
+var PRIORITY_STYLE = {
+	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"
+};
+function MetaPanel({ card }) {
+	const col = STATUS_META[card.column];
+	const pct = progressPercent(card.stats);
+	const age = relativeAge(card.date);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col",
+		children: [
+			/* @__PURE__ */ jsx(Row, {
+				icon: CircleIcon,
+				label: "Status",
+				children: /* @__PURE__ */ jsxs("span", {
+					className: "inline-flex items-center gap-1.5 rounded-full bg-muted px-2.5 py-1 text-xs font-medium",
+					children: [/* @__PURE__ */ jsx(HugeiconsIcon, {
+						icon: col.icon,
+						className: cn("size-3.5", col.color)
+					}), col.label]
+				})
+			}),
+			/* @__PURE__ */ jsx(Row, {
+				icon: Flag02Icon,
+				label: "Priority",
+				children: card.priority ? /* @__PURE__ */ jsx("span", {
+					className: cn("rounded-full px-2.5 py-1 text-xs font-medium capitalize", PRIORITY_STYLE[card.priority]),
+					children: card.priority
+				}) : /* @__PURE__ */ jsx("span", {
+					className: "text-muted-foreground",
+					children: "—"
+				})
+			}),
+			/* @__PURE__ */ jsx(Row, {
+				icon: UserGroupIcon,
+				label: "Assignees",
+				children: card.assignees.length > 0 ? card.assignees.map((login) => /* @__PURE__ */ jsxs("span", {
+					className: "inline-flex items-center gap-1.5 rounded-full bg-secondary py-0.5 pr-2.5 pl-0.5 text-xs font-medium",
+					children: [/* @__PURE__ */ jsx("img", {
+						src: `https://github.com/${login}.png?size=40`,
+						alt: login,
+						className: "size-5 rounded-full"
+					}), login]
+				}, login)) : /* @__PURE__ */ jsx("span", {
+					className: "text-muted-foreground",
+					children: "Unassigned"
+				})
+			}),
+			/* @__PURE__ */ jsx(Row, {
+				icon: Calendar03Icon,
+				label: "Created",
+				children: /* @__PURE__ */ jsxs("span", { children: [formatDate(card.date), age ? /* @__PURE__ */ jsxs("span", {
+					className: "text-muted-foreground",
+					children: [
+						" (",
+						age,
+						")"
+					]
+				}) : null] })
+			}),
+			/* @__PURE__ */ jsx(Row, {
+				icon: CheckmarkSquare02Icon,
+				label: "Progress",
+				children: card.stats.total > 0 ? /* @__PURE__ */ jsxs("span", {
+					className: "inline-flex items-center gap-2",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "h-1.5 w-24 overflow-hidden rounded-full bg-muted",
+						children: /* @__PURE__ */ jsx("span", {
+							className: "block h-full rounded-full bg-primary",
+							style: { width: `${pct}%` }
+						})
+					}), /* @__PURE__ */ jsxs("span", {
+						className: "text-muted-foreground",
+						children: [
+							card.stats.done,
+							"/",
+							card.stats.total,
+							" · ",
+							pct,
+							"%"
+						]
+					})]
+				}) : /* @__PURE__ */ jsx("span", {
+					className: "text-muted-foreground",
+					children: "—"
+				})
+			}),
+			/* @__PURE__ */ jsx(Row, {
+				icon: Tag01Icon,
+				label: "Tags",
+				children: card.tags.length > 0 ? card.tags.map((tag) => /* @__PURE__ */ jsx("span", {
+					className: cn("rounded-full px-2.5 py-1 text-xs font-medium", tagPill(tag)),
+					children: tag
+				}, tag)) : /* @__PURE__ */ jsx("span", {
+					className: "text-muted-foreground",
+					children: "No tags"
+				})
+			})
+		]
+	});
+}
+function Row({ icon, label, children }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-start gap-4 py-2",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex w-32 shrink-0 items-center gap-2 pt-1 text-sm text-muted-foreground",
+			children: [/* @__PURE__ */ jsx(HugeiconsIcon, {
+				icon,
+				className: "size-4"
+			}), label]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "flex min-w-0 flex-1 flex-wrap items-center gap-2 text-sm",
+			children
+		})]
+	});
+}
+/** Remove the leading YAML frontmatter block so it isn't rendered in the body. */
+function stripFrontmatter(md) {
+	return md.replace(/^---\r?\n[\s\S]*?\r?\n---\r?\n?/, "");
+}
+//#endregion
+//#region ../../packages/shared/src/hooks/use-local-live.ts
+/**
+* Local-mode live reload: subscribe to the launcher's `/_local/events` SSE
+* stream and re-run route loaders whenever a `.agents/reviews` file changes, so
+* the board updates as your agent writes review files. No-op (and fully
+* dead-code-eliminated) in the Cloudflare build, where `__LANEWORK_LOCAL__` is
+* statically false and there is no watcher.
+*/
+function useLocalLiveReload() {
+	const router = useRouter();
+	useEffect(() => {
+		if (typeof window === "undefined") return;
+		const es = new EventSource("/_local/events");
+		let timer;
+		const onChange = () => {
+			clearTimeout(timer);
+			timer = setTimeout(() => router.invalidate(), 100);
+		};
+		es.addEventListener("change", onChange);
+		return () => {
+			clearTimeout(timer);
+			es.close();
+		};
+	}, [router]);
+}
+//#endregion
+//#region ../../packages/shared/src/routes/board.$owner.$repo.tsx?tsr-split=component
+var TABS = [
+	{
+		key: "board",
+		label: "Board",
+		enabled: true
+	},
+	{
+		key: "list",
+		label: "List",
+		enabled: true
+	},
+	{
+		key: "timeline",
+		label: "Timeline",
+		enabled: false
+	},
+	{
+		key: "due",
+		label: "Due Tasks",
+		enabled: false
+	}
+];
+function BoardPage() {
+	const { user } = Route.useRouteContext();
+	const { board } = Route.useLoaderData();
+	const { mine, tag } = Route.useSearch();
+	Route.useNavigate();
+	const [view, setView] = useState("board");
+	useLocalLiveReload();
+	const { filtered, nav } = useMemo(() => {
+		const tagCounts = /* @__PURE__ */ new Map();
+		let myCount = 0;
+		for (const c of board.cards) {
+			if (c.assignees.includes(board.viewer)) myCount++;
+			for (const t of c.tags) tagCounts.set(t, (tagCounts.get(t) ?? 0) + 1);
+		}
+		const tags = [...tagCounts.entries()].map(([name, count]) => ({
+			name,
+			count
+		})).sort((a, b) => b.count - a.count || a.name.localeCompare(b.name));
+		return {
+			filtered: board.cards.filter((c) => (!mine || c.assignees.includes(board.viewer)) && (!tag || c.tags.includes(tag))),
+			nav: {
+				owner: board.owner,
+				repo: board.repo,
+				mine: !!mine,
+				tag,
+				totalCount: board.cards.length,
+				myCount,
+				tags
+			}
+		};
+	}, [
+		board,
+		mine,
+		tag
+	]);
+	const heading = mine ? "My tasks" : tag ? `#${tag}` : board.repo;
+	return /* @__PURE__ */ jsxs(AppShell, {
+		user,
+		active: {
+			owner: board.owner,
+			repo: board.repo
+		},
+		nav,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "px-6 pt-5",
+				children: [
+					/* @__PURE__ */ jsx("div", {
+						className: "text-sm text-muted-foreground",
+						children: board.owner
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "mt-1 flex items-end justify-between gap-4",
+						children: [/* @__PURE__ */ jsx("h1", {
+							className: "font-heading text-2xl font-semibold tracking-tight",
+							children: heading
+						}), /* @__PURE__ */ jsxs("div", {
+							className: "flex shrink-0 items-center gap-1.5 pb-1",
+							children: [
+								/* @__PURE__ */ jsx(MetaPill, {
+									icon: FolderLibraryIcon,
+									children: /* @__PURE__ */ jsx("span", {
+										className: "font-mono",
+										children: ".agents/reviews"
+									})
+								}),
+								false,
+								/* @__PURE__ */ jsxs(MetaPill, {
+									icon: Note01Icon,
+									accent: true,
+									children: [
+										/* @__PURE__ */ jsx("span", {
+											className: "font-semibold text-foreground tabular-nums",
+											children: filtered.length
+										}),
+										filtered.length !== board.cards.length ? /* @__PURE__ */ jsxs("span", {
+											className: "tabular-nums",
+											children: ["/", board.cards.length]
+										}) : null,
+										/* @__PURE__ */ jsx("span", { children: "reviews" })
+									]
+								}),
+								/* @__PURE__ */ jsx(RefreshControl, {
+									owner: board.owner,
+									repo: board.repo,
+									branch: board.branch,
+									fetchedAt: board.fetchedAt
+								})
+							]
+						})]
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "mt-4 flex items-center gap-1 border-b",
+						children: TABS.map((t) => /* @__PURE__ */ jsx("button", {
+							disabled: !t.enabled,
+							onClick: () => t.enabled && setView(t.key),
+							title: t.enabled ? void 0 : "Coming soon",
+							className: cn("relative -mb-px rounded-t-lg px-3.5 py-2 text-sm transition-colors", view === t.key ? "border border-b-background bg-background font-medium text-foreground" : "text-muted-foreground hover:text-foreground", !t.enabled && "cursor-not-allowed opacity-40 hover:text-muted-foreground"),
+							children: t.label
+						}, t.key))
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "min-h-0 flex-1 pt-5",
+				children: view === "list" ? /* @__PURE__ */ jsx(ReviewList, { cards: filtered }) : /* @__PURE__ */ jsx(KanbanBoard, { cards: filtered })
+			}),
+			/* @__PURE__ */ jsx(ReviewDialog, {
+				owner: board.owner,
+				repo: board.repo,
+				branch: board.branch
+			})
+		]
+	});
+}
+function formatRelativeTime(epochMs) {
+	const secs = Math.max(0, Math.round((Date.now() - epochMs) / 1e3));
+	if (secs < 10) return "just now";
+	if (secs < 60) return `${secs}s ago`;
+	const mins = Math.round(secs / 60);
+	if (mins < 60) return `${mins}m ago`;
+	const hrs = Math.round(mins / 60);
+	if (hrs < 24) return `${hrs}h ago`;
+	return `${Math.round(hrs / 24)}d ago`;
+}
+/** "Updated Xm ago" badge + a button to force-refresh the board from GitHub. */
+function RefreshControl({ owner, repo, branch, fetchedAt }) {
+	const router = useRouter();
+	const [refreshing, setRefreshing] = useState(false);
+	const [, setTick] = useState(0);
+	useEffect(() => {
+		const id = setInterval(() => setTick((t) => t + 1), 3e4);
+		return () => clearInterval(id);
+	}, []);
+	const onRefresh = async () => {
+		if (refreshing) return;
+		setRefreshing(true);
+		try {
+			await getBoard({ data: {
+				owner,
+				repo,
+				branch,
+				refresh: true
+			} });
+			await router.invalidate();
+		} finally {
+			setRefreshing(false);
+		}
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "inline-flex items-center gap-1.5",
+		children: [/* @__PURE__ */ jsx(MetaPill, {
+			icon: Clock01Icon,
+			children: /* @__PURE__ */ jsxs("span", {
+				className: "tabular-nums",
+				children: ["Updated ", formatRelativeTime(fetchedAt)]
+			})
+		}), /* @__PURE__ */ jsx("button", {
+			type: "button",
+			onClick: onRefresh,
+			disabled: refreshing,
+			title: "Refresh from GitHub",
+			"aria-label": "Refresh from GitHub",
+			className: "inline-flex size-7 shrink-0 items-center justify-center rounded-full border border-transparent bg-muted/60 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground disabled:opacity-60",
+			children: /* @__PURE__ */ jsx(HugeiconsIcon, {
+				icon: RefreshIcon,
+				className: cn("size-3.5", refreshing && "animate-spin")
+			})
+		})]
+	});
+}
+/** A small metadata pill in the board header (path / branch / review count). */
+function MetaPill({ icon, accent, children }) {
+	return /* @__PURE__ */ jsxs("span", {
+		className: cn("inline-flex items-center gap-1.5 rounded-full border px-2.5 py-1 text-xs text-muted-foreground transition-colors", accent ? "border-primary/20 bg-primary/5" : "border-transparent bg-muted/60 hover:bg-muted"),
+		children: [/* @__PURE__ */ jsx(HugeiconsIcon, {
+			icon,
+			className: cn("size-3.5 shrink-0", accent ? "text-primary" : "text-muted-foreground/70")
+		}), children]
+	});
+}
+//#endregion
+export { BoardPage as component };