@webappwiz/arbor 0.0.30 → 0.0.32

package/dev/styles.css

@@ -1,107 +0,0 @@
-@import "tailwindcss";
-@import "tw-animate-css";
-@import "./shadcn.css";
-
-/* Tailwind only emits the utilities it can actually see, and its automatic
-   detection does not find them from here. Every file holding a class the page
-   renders has to be listed: one that nobody lists comes out of the compiler as
-   nothing at all. */
-@source "./app.tsx";
-@source "./todos.tsx";
-@source "./tasks.tsx";
-@source "./markdown.tsx";
-@source "./files.tsx";
-@source "./mentions.tsx";
-@source "./tags.tsx";
-@source "./components/ui";
-
-@custom-variant dark (&:is(.dark *));
-
-/* shadcn's neutral theme. The page follows whatever the device it is opened
-   on is set to, so `dark` is toggled by main.tsx off prefers-color-scheme. */
-:root {
-	color-scheme: light;
-	--radius: 0.625rem;
-	--background: oklch(1 0 0);
-	--foreground: oklch(0.145 0 0);
-	--card: oklch(1 0 0);
-	--card-foreground: oklch(0.145 0 0);
-	--popover: oklch(1 0 0);
-	--popover-foreground: oklch(0.145 0 0);
-	--primary: oklch(0.205 0 0);
-	--primary-foreground: oklch(0.985 0 0);
-	--secondary: oklch(0.97 0 0);
-	--secondary-foreground: oklch(0.205 0 0);
-	--muted: oklch(0.97 0 0);
-	--muted-foreground: oklch(0.556 0 0);
-	--accent: oklch(0.97 0 0);
-	--accent-foreground: oklch(0.205 0 0);
-	--destructive: oklch(0.577 0.245 27.325);
-	--success: oklch(0.627 0.17 149.2);
-	--warning: oklch(0.666 0.157 58.3);
-	--border: oklch(0.922 0 0);
-	--input: oklch(0.922 0 0);
-	--ring: oklch(0.708 0 0);
-}
-
-.dark {
-	color-scheme: dark;
-	--background: oklch(0.145 0 0);
-	--foreground: oklch(0.985 0 0);
-	--card: oklch(0.205 0 0);
-	--card-foreground: oklch(0.985 0 0);
-	--popover: oklch(0.205 0 0);
-	--popover-foreground: oklch(0.985 0 0);
-	--primary: oklch(0.922 0 0);
-	--primary-foreground: oklch(0.205 0 0);
-	--secondary: oklch(0.269 0 0);
-	--secondary-foreground: oklch(0.985 0 0);
-	--muted: oklch(0.269 0 0);
-	--muted-foreground: oklch(0.708 0 0);
-	--accent: oklch(0.269 0 0);
-	--accent-foreground: oklch(0.985 0 0);
-	--destructive: oklch(0.704 0.191 22.216);
-	--success: oklch(0.723 0.192 149.6);
-	--warning: oklch(0.769 0.165 70.1);
-	--border: oklch(1 0 0 / 10%);
-	--input: oklch(1 0 0 / 15%);
-	--ring: oklch(0.556 0 0);
-}
-
-@theme inline {
-	--color-background: var(--background);
-	--color-foreground: var(--foreground);
-	--color-card: var(--card);
-	--color-card-foreground: var(--card-foreground);
-	--color-popover: var(--popover);
-	--color-popover-foreground: var(--popover-foreground);
-	--color-primary: var(--primary);
-	--color-primary-foreground: var(--primary-foreground);
-	--color-secondary: var(--secondary);
-	--color-secondary-foreground: var(--secondary-foreground);
-	--color-muted: var(--muted);
-	--color-muted-foreground: var(--muted-foreground);
-	--color-accent: var(--accent);
-	--color-accent-foreground: var(--accent-foreground);
-	--color-destructive: var(--destructive);
-	--color-success: var(--success);
-	--color-warning: var(--warning);
-	--color-border: var(--border);
-	--color-input: var(--input);
-	--color-ring: var(--ring);
-	--radius-sm: calc(var(--radius) - 4px);
-	--radius-md: calc(var(--radius) - 2px);
-	--radius-lg: var(--radius);
-	--radius-xl: calc(var(--radius) + 4px);
-}
-
-@layer base {
-	* {
-		@apply border-border outline-ring/50;
-	}
-	/* A long URL or path breaks rather than pushing the page wider; lines
-	   meant to stay on one line truncate instead. */
-	body {
-		@apply bg-background text-foreground antialiased wrap-anywhere;
-	}
-}

package/dev/tags.tsx

@@ -1,44 +0,0 @@
-import { TagIcon } from "lucide-react";
-import type { JSX } from "react";
-import { cn } from "#dev/lib/utils.ts";
-
-/**
- * A row of tags over the list, the way a mail client filters by label: All,
- * then every tag a todo has. Tapping one shows only its todos.
- */
-export function TagFilter({
-	tags,
-	selected,
-	onSelect,
-}: {
-	tags: string[];
-	selected: string | null;
-	onSelect: (tag: string | null) => void;
-}): JSX.Element {
-	const chip = (label: string, value: string | null) => (
-		<button
-			key={label}
-			type="button"
-			aria-pressed={selected === value}
-			onClick={() => onSelect(value)}
-			className={cn(
-				"inline-flex cursor-pointer items-center gap-1 rounded-full border px-2.5 py-0.5 text-xs outline-none focus-visible:ring-2 focus-visible:ring-ring",
-				selected === value
-					? "border-primary bg-primary text-primary-foreground"
-					: "text-muted-foreground hover:bg-muted hover:text-foreground",
-			)}
-		>
-			{value !== null && <TagIcon aria-hidden className="size-3" />}
-			{label}
-		</button>
-	);
-	return (
-		<fieldset
-			aria-label="filter by tag"
-			className="m-0 flex flex-wrap gap-1.5 border-0 p-0"
-		>
-			{chip("All", null)}
-			{tags.map((tag) => chip(tag, tag))}
-		</fieldset>
-	);
-}

package/dev/tasks.tsx

@@ -1,151 +0,0 @@
-import { type JSX, type ReactNode, useState } from "react";
-import { Badge } from "#dev/components/ui/badge.tsx";
-import {
-	Dialog,
-	DialogContent,
-	DialogDescription,
-	DialogHeader,
-	DialogTitle,
-} from "#dev/components/ui/dialog.tsx";
-import { Progress as Bar } from "#dev/components/ui/progress.tsx";
-import { type Progress as Counted, progress } from "../progress";
-import type { Details } from "../show";
-import { Markdown } from "./markdown";
-
-/** A tree in one of these needs fixing rather than driving. */
-const BROKEN = new Set(["orphaned", "stray", "unrecorded", "unknown"]);
-
-/**
- * Every task in a line: its name, a bar for how far along its plan is, and a status only
- * when the status is news. The rest (branch, paths, the whole plan) waits
- * behind a tap.
- */
-export function Tasks({ tasks }: { tasks: Details[] }): JSX.Element {
-	const [opened, setOpened] = useState<Details | null>(null);
-
-	// One line, not a big empty state: the todos below it are the page then.
-	if (tasks.length === 0) {
-		return (
-			<p className="text-muted-foreground text-sm">
-				No tasks: <code>arbor add &lt;task&gt;</code> starts one.
-			</p>
-		);
-	}
-
-	return (
-		<>
-			<ul className="flex flex-col">
-				{tasks.map((task) => (
-					<li key={task.task}>
-						<button
-							type="button"
-							onClick={() => setOpened(task)}
-							className="-mx-2 flex w-[calc(100%+1rem)] items-center gap-3 rounded-lg px-2 py-2 text-left hover:bg-muted"
-						>
-							<span className="min-w-0 flex-1 truncate text-sm">
-								{task.task}
-							</span>
-							<Status status={task.status} />
-							<PlanProgress plan={task.plan} />
-						</button>
-					</li>
-				))}
-			</ul>
-			<Dialog
-				open={opened !== null}
-				onOpenChange={(open) => {
-					if (!open) {
-						setOpened(null);
-					}
-				}}
-			>
-				{opened && <Task task={opened} />}
-			</Dialog>
-		</>
-	);
-}
-
-/** Working and merging are the normal case, so they say nothing. */
-function Status({ status }: { status: string }): JSX.Element | null {
-	if (status === "escalated") {
-		return <Badge variant="secondary">escalated</Badge>;
-	}
-	if (BROKEN.has(status)) {
-		return <Badge variant="destructive">{status}</Badge>;
-	}
-	return null;
-}
-
-function PlanProgress({ plan }: { plan: string | null }): JSX.Element | null {
-	const counted = plan === null ? null : progress(plan);
-	return counted && <Progress {...counted} />;
-}
-
-/** A bar and its count, the end of a task's or a tag's row. */
-export function Progress({ done, total }: Counted): JSX.Element {
-	return (
-		<span className="flex w-28 shrink-0 items-center gap-2">
-			<Bar value={done} max={total} aria-label="progress" className="flex-1" />
-			<span className="w-8 text-right text-muted-foreground text-xs tabular-nums">
-				{done}/{total}
-			</span>
-		</span>
-	);
-}
-
-/** One task, all of it, in a dialog over the task list or a todo that names it. */
-export function Task({ task }: { task: Details }): JSX.Element {
-	const fields: [string, ReactNode][] = [
-		["status", task.status],
-		["branch", task.branch],
-		["base", task.base],
-		["worktree", task.worktree],
-		["lease", task.lease],
-		["commits", String(task.ahead ?? "?")],
-
-		[
-			"diff",
-			task.added === null ? (
-				"?"
-			) : (
-				<span key="diff" className="tabular-nums">
-					<span className="text-success">+{task.added}</span>{" "}
-					<span className="text-destructive">-{task.removed ?? 0}</span>
-				</span>
-			),
-		],
-		["age", task.age ?? "?"],
-	];
-	return (
-		<DialogContent className="max-h-[85dvh] grid-cols-[minmax(0,1fr)] overflow-y-auto sm:max-w-xl">
-			<DialogHeader>
-				<DialogTitle>{task.task}</DialogTitle>
-				<DialogDescription>{task.escalation ?? task.status}</DialogDescription>
-			</DialogHeader>
-			<div className="flex min-w-0 flex-col gap-6 text-sm">
-				<dl className="grid grid-cols-[max-content_minmax(0,1fr)] gap-x-4 gap-y-1">
-					{fields.map(([name, value]) => (
-						<div key={name} className="contents">
-							<dt className="text-muted-foreground">{name}</dt>
-							<dd className="truncate">{value}</dd>
-						</div>
-					))}
-				</dl>
-				{task.plan === null ? (
-					<p className="text-muted-foreground">
-						No ARBOR.md: whoever picks this up starts from the diff.
-					</p>
-				) : (
-					<Markdown text={task.plan.replace(/^\s*#\s[^\n]*/, "")} />
-				)}
-				{task.planProblems.length > 0 && (
-					<ul className="flex flex-col gap-1 text-muted-foreground text-xs">
-						{task.planProblems.map((problem) => (
-							<li key={problem}>{problem}</li>
-						))}
-					</ul>
-				)}
-			</div>
-		</DialogContent>
-	);
-}