@shivaedev/work-board 0.17.1 → 0.18.0

package/src/client/formStatus.ts

@@ -1,5 +1,5 @@
 import { Option } from "effect";
-import type { SaveState } from "@shivaedev/effect-react/save-state.ts";
+import type { SaveState } from "@shivaedev/effect-react/client/saveState.ts";
 import { type SaveFailure, saveFailure } from "./saveFailure.ts";
 
 export type DraftInteraction = "draft" | "cleared" | "submitted";

package/src/client/react/BoardShell.tsx

@@ -2,7 +2,7 @@ import { useRouterState } from "@tanstack/react-router";
 import { Option } from "effect";
 import type * as AtomRegistry from "effect/reactivity/AtomRegistry";
 import { useCallback, useContext, useEffect, useState } from "react";
-import { useQuery } from "@shivaedev/effect-react/result-state.ts";
+import { useQuery } from "@shivaedev/effect-react/client/resultState.ts";
 import type { BrowserClient } from "#client/client.ts";
 import { AgeTicker } from "./Age.tsx";
 import { FleetMain } from "./FleetMain.tsx";

package/src/client/react/DocumentMain.tsx

@@ -1,6 +1,6 @@
 import { Cause, Option } from "effect";
 import { useEffect, useState } from "react";
-import { useQuery } from "@shivaedev/effect-react/result-state.ts";
+import { useQuery } from "@shivaedev/effect-react/client/resultState.ts";
 import type { Document } from "#browser/document/schema.ts";
 import { DocumentPage } from "./DocumentPage.tsx";
 import type { MainLocation } from "./mainLocation.ts";

package/src/client/react/FleetMain.tsx

@@ -1,6 +1,6 @@
 import { Option } from "effect";
 import type { ComponentProps } from "react";
-import { useQuery } from "@shivaedev/effect-react/result-state.ts";
+import { useQuery } from "@shivaedev/effect-react/client/resultState.ts";
 import { BoardMain } from "./BoardMain.tsx";
 import { FleetItemsContext } from "./FleetItemsContext.ts";
 export function FleetMain(props: ComponentProps<typeof BoardMain>) {

package/src/client/react/FormField.tsx

@@ -1,5 +1,5 @@
 import { type ReactNode, useId, useLayoutEffect, useRef } from "react";
-import { useField } from "@shivaedev/effect-form/react.ts";
+import { useField } from "@shivaedev/effect-form/client/react.ts";
 import type { Fields, Form, Name } from "@shivaedev/effect-form/shape.ts";
 
 type Control = HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement;

package/src/client/react/GoalPage.tsx

@@ -1,5 +1,5 @@
 import { Option } from "effect";
-import { useQuery } from "@shivaedev/effect-react/result-state.ts";
+import { useQuery } from "@shivaedev/effect-react/client/resultState.ts";
 import type { Document } from "#browser/document/schema.ts";
 import { GoalCriteria } from "./GoalCriteria.tsx";
 import { GoalWorkTable } from "./GoalWorkTable.tsx";

package/src/client/react/GoalProgressHeader.tsx

@@ -1,6 +1,6 @@
 import { Option } from "effect";
 import { useId } from "react";
-import { useQuery } from "@shivaedev/effect-react/result-state.ts";
+import { useQuery } from "@shivaedev/effect-react/client/resultState.ts";
 import type { Document } from "#browser/document/schema.ts";
 import { GoalProgressSummary } from "./GoalProgressSummary.tsx";
 import { routeQueryOptions } from "./routeQuery.ts";

package/src/client/react/Header.tsx

@@ -3,6 +3,7 @@ import type { ReactNode } from "react";
 import { Badge } from "#client/react/components/ui/Badge.tsx";
 import { Button } from "#client/react/components/ui/Button.tsx";
 import { buttonVariants } from "#client/react/components/ui/buttonVariants.ts";
+import { destinationName } from "#client/react/destinationName.ts";
 import { cn } from "#client/react/lib/cn.ts";
 import { KeyboardHints } from "./KeyboardHints.tsx";
 import type { MainLocation } from "./mainLocation.ts";
@@ -12,7 +13,7 @@ import type { AppearanceControls } from "./useAppearance.ts";
 import type { SidebarControls } from "./useSidebar.ts";
 export function InboxCount({ count, id }: { readonly count: number | null; readonly id: string }) {
 	return (
-		<Badge aria-label={`${count ?? "?"} waiting`} id={id} role="status">
+		<Badge aria-label={count === null ? "Needs you unavailable" : `${count} need you`} id={id} role="status">
 			{count ?? "?"}
 		</Badge>
 	);
@@ -57,7 +58,7 @@ export function Header({
 			<Breadcrumbs file={main.title ?? main.file} />
 			<a
 				aria-current={main.view === "today" ? "page" : undefined}
-				aria-label="Today"
+				aria-label={destinationName("Today", count, "need you")}
 				className={cn(buttonVariants({ size: "sm", variant: "ghost" }), "hidden md:inline-flex")}
 				href="/"
 				id={shellIds.inboxTopbar}

package/src/client/react/LibraryContents.tsx

@@ -1,6 +1,6 @@
 import { Option } from "effect";
 import { useState } from "react";
-import { useQuery } from "@shivaedev/effect-react/result-state.ts";
+import { useQuery } from "@shivaedev/effect-react/client/resultState.ts";
 import type { Library, LibraryFile } from "#browser/navigation/library.ts";
 import { Age } from "./Age.tsx";
 import type { ShellApi } from "./ShellApi.ts";

package/src/client/react/LibraryPage.tsx

@@ -1,6 +1,6 @@
 import { Option } from "effect";
 import { useState } from "react";
-import { useQuery } from "@shivaedev/effect-react/result-state.ts";
+import { useQuery } from "@shivaedev/effect-react/client/resultState.ts";
 import { LibraryContents } from "./LibraryContents.tsx";
 import { routeQueryOptions } from "./routeQuery.ts";
 import type { ShellApi } from "./ShellApi.ts";

package/src/client/react/LiveControls.tsx

@@ -2,7 +2,7 @@ import { useAtomValue } from "@effect/atom-react";
 import { Option } from "effect";
 import * as Atom from "effect/reactivity/Atom";
 import { useMemo } from "react";
-import { useQuery } from "@shivaedev/effect-react/result-state.ts";
+import { useQuery } from "@shivaedev/effect-react/client/resultState.ts";
 import type { BrowserClient } from "#client/client.ts";
 import { activeRead } from "./activeRead.ts";
 import { liveStatus } from "./liveStatus.ts";

package/src/client/react/PromptOption.tsx

@@ -22,7 +22,7 @@ export function PromptOption({
 }) {
 	const source = document.metadata.options?.[choice];
 	const id = useId();
-	const authored = optionText(option.id, option.source, document.requests.find((request) => request.open)?.preview?.reason ?? "");
+	const authored = optionText(option.id, option.source);
 	const label = source?.label ?? authored.label;
 	const description = source?.description ?? authored.description;
 	return (

package/src/client/react/ReadingHistory.tsx

@@ -1,5 +1,5 @@
 import { Option } from "effect";
-import { useQuery } from "@shivaedev/effect-react/result-state.ts";
+import { useQuery } from "@shivaedev/effect-react/client/resultState.ts";
 import type { Item } from "#client/react/LibraryContext.ts";
 import { fileUrl } from "#files/url.ts";
 import type { ShellApi } from "./ShellApi.ts";

package/src/client/react/SearchPalette.tsx

@@ -1,6 +1,6 @@
 import { Option } from "effect";
 import { useEffect, useRef, useState } from "react";
-import { useQuery } from "@shivaedev/effect-react/result-state.ts";
+import { useQuery } from "@shivaedev/effect-react/client/resultState.ts";
 import { SearchResults } from "#client/react/SearchResults.tsx";
 import type { ShellApi } from "#client/react/ShellApi.ts";
 import { matchingCommands, type SearchItem } from "#client/react/searchCommands.ts";

package/src/client/react/Sidebar.tsx

@@ -1,10 +1,11 @@
 import { Option } from "effect";
 import { PanelsTopLeft } from "lucide-react";
 import { useContext, useEffect } from "react";
-import { useQuery } from "@shivaedev/effect-react/result-state.ts";
+import { useQuery } from "@shivaedev/effect-react/client/resultState.ts";
 import type { Navigation } from "#browser/Navigation.ts";
 import { Badge } from "#client/react/components/ui/Badge.tsx";
 import { buttonVariants } from "#client/react/components/ui/buttonVariants.ts";
+import { destinationName } from "#client/react/destinationName.ts";
 import { GoalProgress } from "#client/react/GoalProgress.tsx";
 import { InboxCount } from "#client/react/Header.tsx";
 import { type Item, LibraryContext } from "#client/react/LibraryContext.ts";
@@ -38,6 +39,12 @@ export function Sidebar({
 		today: data?.inboxCount,
 		work: data?.counts.now,
 	};
+	function name(view: (typeof workspaceDestinations)[number]["view"], label: string) {
+		if (view === "today") {
+			return destinationName(label, counts.today, "need you");
+		}
+		return view === "work" ? destinationName(label, counts.work, "open tasks") : label;
+	}
 	useEffect(() => {
 		const sidebar = document.getElementById(shellIds.sidebar);
 		if (controls.narrow && controls.open) {
@@ -66,6 +73,7 @@ export function Sidebar({
 				{workspaceDestinations.map(({ label, href, view, id }) => (
 					<a
 						aria-current={(view === "today" ? home : main.view === view) ? "page" : undefined}
+						aria-label={name(view, label)}
 						className={cn(
 							buttonVariants({ variant: "ghost" }),
 							"justify-between no-underline",
@@ -77,7 +85,7 @@ export function Sidebar({
 					>
 						<span>{label}</span>
 						{view === "today" && <InboxCount count={counts.today ?? null} id={shellIds.inboxCount} />}
-						{view === "work" && <Badge>{counts.work ?? "?"}</Badge>}
+						{view === "work" && counts.work !== undefined && <Badge aria-hidden="true">{counts.work}</Badge>}
 					</a>
 				))}
 			</nav>

package/src/client/react/SystemFleetLane.tsx

@@ -1,4 +1,5 @@
 import type { FleetItemsProjection } from "#browser/views/FleetItemsProjection.ts";
+import { fleetHolder } from "#browser/views/now.ts";
 import { Badge } from "#client/react/components/ui/Badge.tsx";
 import { Card } from "#client/react/components/ui/Card.tsx";
 
@@ -29,7 +30,7 @@ function FleetRow({ item }: { readonly item: Item }) {
 				{title}
 			</a>
 			<Badge variant="outline">{item.stage}</Badge>
-			{Boolean(item.attentionOwner) && <span className="text-muted-foreground text-xs">Waiting on {item.attentionOwner}</span>}
+			<span className="text-muted-foreground text-xs">{fleetHolder(item)}</span>
 			{Boolean(item.prUrl) && (
 				<a aria-label={`Pull request for ${title}`} className="text-sm underline" href={item.prUrl}>
 					PR ↗

package/src/client/react/SystemHealth.tsx

@@ -1,6 +1,17 @@
 import type { FleetHealth } from "#diagnostics/health.ts";
 import { ObservedTime } from "./diagnosticsValues.tsx";
-export function SystemHealth({ value, now }: { readonly value: FleetHealth; readonly now: number }) {
+
+const waitingOn = { automation: "Waiting on Fleet agents", orchestrator: "Waiting on the orchestrator" } as const;
+
+export function SystemHealth({
+	value,
+	now,
+	needsYou,
+}: {
+	readonly value: FleetHealth;
+	readonly now: number;
+	readonly needsYou?: number | null | undefined;
+}) {
 	let freshness = "Current snapshot";
 	if (now < value.observedAt) {
 		freshness = "Publisher clock is ahead";
@@ -26,11 +37,20 @@ export function SystemHealth({ value, now }: { readonly value: FleetHealth; read
 						<strong>{value.queued}</strong>
 					</dd>
 				</div>
-				{Object.entries(value.waiting).map(([owner, count]) => (
+				<div data-needs-you>
+					<dt>Needs you</dt>
+					<dd className="flex flex-wrap items-baseline gap-2">
+						<strong>{needsYou ?? "Unavailable"}</strong>
+						<a className="text-xs" href="/#needs-you">
+							Open Today
+						</a>
+					</dd>
+				</div>
+				{(["orchestrator", "automation"] as const).map((owner) => (
 					<div key={owner}>
-						<dt>Waiting on {owner}</dt>
+						<dt>{waitingOn[owner]}</dt>
 						<dd>
-							<strong>{count}</strong>
+							<strong>{value.waiting[owner]}</strong>
 						</dd>
 					</div>
 				))}

package/src/client/react/SystemMain.tsx

@@ -1,7 +1,9 @@
+import { Option } from "effect";
 import { useContext } from "react";
+import { useQuery } from "@shivaedev/effect-react/client/resultState.ts";
 import type { MainLocation } from "./mainLocation.ts";
 import { ProjectionFrame } from "./ProjectionFrame.tsx";
-import { routeQueryOptions } from "./routeQuery.ts";
+import { navigationQuery, routeQueryOptions } from "./routeQuery.ts";
 import { SessionContext } from "./SessionContext.ts";
 import type { ShellApi } from "./ShellApi.ts";
 import { SystemPage } from "./SystemPage.tsx";
@@ -18,12 +20,14 @@ export function SystemMain({
 }) {
 	const atom = api.diagnostics.query(undefined, routeQueryOptions);
 	useDiagnosticsPolling(useContext(SessionContext), atom, api.fleetItems.query(undefined, routeQueryOptions));
+	const navigation = useQuery(navigationQuery(api), { keepPreviousData: true });
+	const needsYou = Option.getOrUndefined(navigation.data)?.inboxCount;
 	return (
 		<ProjectionFrame
 			atom={atom}
 			location={() => ({ file: "System", status: 200, view: "system" })}
 			onPage={onPage}
-			render={(data) => <SystemPage data={data} />}
+			render={(data) => <SystemPage data={data} needsYou={needsYou} />}
 			route="system"
 			url={url}
 		/>

package/src/client/react/SystemPage.tsx

@@ -7,7 +7,13 @@ import { FleetItemsContext } from "./FleetItemsContext.ts";
 import { githubLimited } from "./githubLimited.ts";
 import { SystemFleetLane } from "./SystemFleetLane.tsx";
 import { SystemHealth } from "./SystemHealth.tsx";
-export function SystemPage({ data: { sources: data, now } }: { readonly data: DiagnosticsProjection }) {
+export function SystemPage({
+	data: { sources: data, now },
+	needsYou,
+}: {
+	readonly data: DiagnosticsProjection;
+	readonly needsYou?: number | null | undefined;
+}) {
 	const items = useContext(FleetItemsContext);
 	const fleet = data.fleet.state === "ready" ? { ...data.fleet, observedAt: data.fleet.value.observedAt } : data.fleet;
 	return (
@@ -38,7 +44,7 @@ export function SystemPage({ data: { sources: data, now } }: { readonly data: Di
 							|| now < fleet.value.observedAt)
 					}
 					name="Fleet"
-					render={(value) => <SystemHealth now={now} value={value} />}
+					render={(value) => <SystemHealth needsYou={needsYou} now={now} value={value} />}
 					source={fleet}
 					stale={fleet.state === "ready" && now - fleet.value.observedAt > fleet.value.staleAfterMs}
 				/>

package/src/client/react/TodayOptionButton.tsx

@@ -5,18 +5,16 @@ export function TodayOptionButton({
 	disabled,
 	onChoose,
 	option,
-	reason,
 	recommended,
 	source,
 }: {
 	readonly disabled: boolean;
 	readonly onChoose: () => void;
 	readonly option: { readonly id: string; readonly source: string };
-	readonly reason: string;
 	readonly recommended: string | undefined;
 	readonly source: { readonly label: string; readonly description: string } | undefined;
 }) {
-	const authored = optionText(option.id, option.source, reason);
+	const authored = optionText(option.id, option.source);
 	const text = source?.label ?? authored.label;
 	const description = source?.description ?? authored.description;
 	return (

package/src/client/react/TodayOptions.tsx

@@ -1,7 +1,7 @@
 import { RegistryContext } from "@effect/atom-react";
 import { Cause, Effect, Option } from "effect";
-import { useContext, useMemo, useState } from "react";
-import { useAction, useQuery } from "@shivaedev/effect-react/result-state.ts";
+import { useContext, useMemo, useRef, useState } from "react";
+import { useAction, useQuery } from "@shivaedev/effect-react/client/resultState.ts";
 import type { Document, DocumentRequest } from "#browser/document/schema.ts";
 import { answerBody } from "#browser/responses/answerBody.ts";
 import { promptHeading } from "#browser/responses/cardContext.ts";
@@ -45,6 +45,8 @@ export function TodayOptions({ api, item }: { readonly api: ShellApi; readonly i
 
 function InlineOptions({ api, document: data, request }: { readonly api: ShellApi; readonly document: Document; readonly request: DocumentRequest }) {
 	const registry = useContext(RegistryContext);
+	const requestRef = useRef(request);
+	requestRef.current = request;
 	const client = useFormClient();
 	const [label] = useState(() => authorLabel(() => localStorage, document.documentElement.dataset.workspace));
 	const [author, setAuthor] = useState(() => label.read("") || "maintainer");
@@ -52,8 +54,8 @@ function InlineOptions({ api, document: data, request }: { readonly api: ShellAp
 		() =>
 			client.runtime.fn(
 				Effect.fn("Board.answerOption")(function* (choice: string) {
-					const preview = request.preview;
-					const prompt = request.prompts?.[0];
+					const preview = requestRef.current.preview;
+					const prompt = requestRef.current.prompts?.[0];
 					if (!(preview && prompt && author.trim())) {
 						return yield* Effect.fail("Add your local author label.");
 					}
@@ -75,7 +77,7 @@ function InlineOptions({ api, document: data, request }: { readonly api: ShellAp
 					return saved;
 				}),
 			),
-		[client, api, registry, request, author, data.file, label.save],
+		[client, api, registry, author, data.file, label.save],
 	);
 	const action = useAction(actionAtom);
 	const failure = Option.getOrUndefined(Option.flatMap(action.cause, Cause.findErrorOption));
@@ -102,7 +104,6 @@ function InlineOptions({ api, document: data, request }: { readonly api: ShellAp
 						key={option.id}
 						onChoose={() => action.dispatch(option.id)}
 						option={option}
-						reason={request.preview?.reason ?? ""}
 						recommended={data.metadata.recommended}
 						source={data.metadata.options?.[index]}
 					/>

package/src/client/react/TodayPage.tsx

@@ -1,5 +1,5 @@
 import { Option } from "effect";
-import { useQuery } from "@shivaedev/effect-react/result-state.ts";
+import { useQuery } from "@shivaedev/effect-react/client/resultState.ts";
 import type { InboxProjection } from "#browser/views/schema.ts";
 import { fileUrl } from "#files/url.ts";
 import { inProgressItems } from "./inProgressItems.ts";
@@ -30,11 +30,11 @@ export function TodayPage({ api, data }: { readonly api: ShellApi; readonly data
 				)}
 			</header>
 			<nav aria-label="Today summary" className="today-strip flex items-center gap-1 whitespace-nowrap text-xs tabular-nums sm:gap-2 sm:text-sm">
-				<a href={`#${todayIds.needs}`}>{data.complete ? data.you.length : "?"} need you</a>
+				<a href={`#${todayIds.needs}`}>{data.complete ? `${data.you.length} need you` : "Needs you unavailable"}</a>
 				<span aria-hidden="true">·</span>
-				<a href={`#${todayIds.progress}`}>{progress?.length ?? "?"} in progress</a>
+				<a href={`#${todayIds.progress}`}>{progressSummary(progress?.length, fleet?.state === "unavailable" || Option.isSome(fleetQuery.cause))}</a>
 				<span aria-hidden="true">·</span>
-				<a href={`#${todayIds.goals}`}>{goals?.goals.length ?? "?"} active goals</a>
+				<a href={`#${todayIds.goals}`}>{goalsSummary(goals?.goals.length, Option.isSome(query.cause))}</a>
 			</nav>
 			<div className="today-grid grid min-w-0 gap-6 xl:grid-cols-[minmax(0,2fr)_minmax(0,1fr)]">
 				<div className="min-w-0 space-y-6">
@@ -82,3 +82,17 @@ function Later({ items }: { readonly items: InboxProjection["later"] }) {
 		</section>
 	);
 }
+
+function progressSummary(count: number | undefined, unavailable: boolean) {
+	if (count !== undefined) {
+		return `${count} in progress`;
+	}
+	return unavailable ? "Fleet unavailable" : "Loading Fleet…";
+}
+
+function goalsSummary(count: number | undefined, failed: boolean) {
+	if (count !== undefined) {
+		return `${count} active goals`;
+	}
+	return failed ? "Goals unavailable" : "Loading goals…";
+}

package/src/client/react/WorkCard.tsx

@@ -1,4 +1,4 @@
-import { cardStatus, type FleetWork, holderOf } from "#browser/views/now.ts";
+import { cardStatus, type FleetWork, holderOf, stageTime } from "#browser/views/now.ts";
 import type { WorkProjection } from "#browser/views/schema.ts";
 import type { State } from "#browser/views/state.ts";
 import { Card } from "#client/react/components/ui/Card.tsx";
@@ -17,9 +17,10 @@ export function WorkCard({
 	readonly fleet: FleetWork | undefined;
 }) {
 	const holder = holderOf(item.metadata, fleet);
+	const kind = item.metadata.kind === "task" ? undefined : item.metadata.kind;
 	return (
 		<Card className="work-card" data-item={item.id} data-selected={item.id === state.item ? "true" : undefined}>
-			<p className="work-kind">{item.metadata.kind ?? ""}</p>
+			{kind !== undefined && <p className="work-kind">{kind}</p>}
 			<h3>
 				<WorkItemTitle item={item} state={state} />
 			</h3>
@@ -27,12 +28,19 @@ export function WorkCard({
 				<StatusChip status={cardStatus(item.metadata, fleet, item.waiting)} title={item.waiting} />
 				<PrChip url={fleet?.prUrl} />
 			</div>
-			{holder && <p className="work-owner">Holder: {holder}</p>}
-			{fleet?.stageEnteredAt !== undefined && fleet.stageEnteredAt !== null && (
-				<p className="work-stage">
-					In {fleet.stage} for <Age modified={fleet.stageEnteredAt} short />
-				</p>
-			)}
+			{holder && <p className="work-owner">{holder}</p>}
+			{fleet?.stageEnteredAt !== undefined && fleet.stageEnteredAt !== null && <StageTime entered={fleet.stageEnteredAt} stage={fleet.stage} />}
 		</Card>
 	);
 }
+
+function StageTime({ stage, entered }: { readonly stage: FleetWork["stage"]; readonly entered: number }) {
+	const { ended, label } = stageTime(stage);
+	return (
+		<p className="work-stage">
+			{label} {ended ? "" : "for "}
+			<Age modified={entered} short />
+			{ended ? " ago" : ""}
+		</p>
+	);
+}

package/src/client/react/WorkLane.tsx

@@ -23,9 +23,15 @@ export function WorkLane({
 	const [open, setOpen] = useState(!collapsed);
 	return (
 		<section aria-label={lane} className="work-column min-w-0">
-			<h2 className="m-0 mb-3 flex min-h-8 items-center justify-between gap-3 whitespace-nowrap font-semibold text-sm">
+			<h2 className="m-0 mb-3 flex min-h-8 items-center justify-between gap-2 font-semibold text-sm">
 				{collapsed ? (
-					<Button aria-expanded={open} onClick={() => setOpen(!open)} size="sm" variant="outline">
+					<Button
+						aria-expanded={open}
+						className="h-auto min-h-8 shrink whitespace-normal text-left"
+						onClick={() => setOpen(!open)}
+						size="sm"
+						variant="outline"
+					>
 						{lane}
 					</Button>
 				) : (

package/src/client/react/WorkNow.tsx

@@ -22,7 +22,7 @@ export function WorkNow({ data }: { readonly data: WorkProjection }) {
 					Fleet is unavailable. Lanes use authored status. {fleet?.state === "unavailable" ? fleet.reason : "Fleet data has not loaded."}
 				</p>
 			)}
-			<div className="work-columns work-now grid auto-cols-[minmax(260px,1fr)] grid-flow-col gap-4 overflow-x-auto pb-2 max-md:auto-cols-auto max-md:grid-flow-row">
+			<div className="work-columns work-now grid grid-cols-[repeat(6,minmax(8.5rem,1fr))] gap-3 overflow-x-auto pb-2">
 				{nowLanes.map((lane, index) => {
 					const rows = (groups.get(lane) ?? []).filter((item) => index !== 5 || recent.has(item.id));
 					return (

package/src/client/react/destinationName.ts

@@ -0,0 +1,3 @@
+export function destinationName(label: string, count: number | null | undefined, unit: string) {
+	return count === null || count === undefined ? label : `${label}, ${count} ${unit}`;
+}

package/src/client/react/loadBoardPage.ts

@@ -1,7 +1,7 @@
 import { isRedirect, type LoaderFnContext, redirect } from "@tanstack/react-router";
 import { Predicate } from "effect";
 import type * as AtomRegistry from "effect/reactivity/AtomRegistry";
-import { loadQuery } from "@shivaedev/effect-react/router.ts";
+import { loadQuery } from "@shivaedev/effect-react/loadQuery.ts";
 import type { ShellOptions } from "./BoardShell.tsx";
 import { documentRoute } from "./documentRoute.ts";
 import { loadProjection } from "./loadProjection.ts";

package/src/client/react/loadProjection.ts

@@ -1,5 +1,5 @@
 import type * as AtomRegistry from "effect/reactivity/AtomRegistry";
-import { loadQuery } from "@shivaedev/effect-react/router.ts";
+import { loadQuery } from "@shivaedev/effect-react/loadQuery.ts";
 import { pageQueries } from "./pageQueries.ts";
 import type { ProjectionRoute } from "./projectionRoute.ts";
 import { routeQueryOptions } from "./routeQuery.ts";

package/src/client/react/loadRemaining.ts

@@ -1,5 +1,5 @@
 import type * as AtomRegistry from "effect/reactivity/AtomRegistry";
-import { loadQuery } from "@shivaedev/effect-react/router.ts";
+import { loadQuery } from "@shivaedev/effect-react/loadQuery.ts";
 import type { RemainingRoute } from "./remainingRoute.ts";
 import { routeQueryOptions } from "./routeQuery.ts";
 import type { ShellApi } from "./ShellApi.ts";

package/src/client/react/useHandoffForm.ts

@@ -1,7 +1,7 @@
 import { useAtomRef } from "@effect/atom-react";
 import { Equal, Option, Schema } from "effect";
 import { useEffect, useState } from "react";
-import { useCreate } from "@shivaedev/effect-react/create.ts";
+import { useCreate } from "@shivaedev/effect-react/client/create.ts";
 import { HandoffInput, type HandoffPreview } from "#browser/handoffs/schema.ts";
 import type { HandoffProjection } from "#browser/views/remaining.ts";
 import { formDraft } from "#client/formDraft.ts";

package/src/client/react/useProjectionData.ts

@@ -2,7 +2,7 @@ import { Cause, Option, Predicate } from "effect";
 import type * as AsyncResult from "effect/reactivity/AsyncResult";
 import type * as Atom from "effect/reactivity/Atom";
 import { useEffect, useState } from "react";
-import { useQuery } from "@shivaedev/effect-react/result-state.ts";
+import { useQuery } from "@shivaedev/effect-react/client/resultState.ts";
 import type { ProjectionRoute } from "./projectionRoute.ts";
 import type { RemainingRoute } from "./remainingRoute.ts";
 

package/src/client/react/useResponseForm.ts

@@ -1,7 +1,7 @@
 import { useAtomRef } from "@effect/atom-react";
 import { Equal, Option, Schema } from "effect";
 import { useEffect, useState } from "react";
-import { useCreate } from "@shivaedev/effect-react/create.ts";
+import { useCreate } from "@shivaedev/effect-react/client/create.ts";
 import type { Prompt } from "#browser/responses/Prompt.ts";
 import type { PromptAnswer, QuestionPreview } from "#browser/responses/schema.ts";
 import { formDraft } from "#client/formDraft.ts";

package/src/client/responses/summary.ts

@@ -31,7 +31,7 @@ export function chosenLabels(prompts: readonly Prompt[], answers: readonly Promp
 	return prompts
 		.flatMap((prompt) => {
 			const selected = answers?.find((answer) => answer.prompt === prompt.id)?.selected ?? [];
-			return prompt.options.filter((option) => selected.includes(option.id)).map((option) => optionText(option.id, option.source, "").label);
+			return prompt.options.filter((option) => selected.includes(option.id)).map((option) => optionText(option.id, option.source).label);
 		})
 		.join(", ");
 }

package/src/diagnostics/source.ts

@@ -1,5 +1,5 @@
 import { Clock, Context, Effect, Schema } from "effect";
-import { defineService } from "@shivaedev/effect-service/define-service.ts";
+import { defineService } from "@shivaedev/effect-service/defineService.ts";
 import * as limits from "#browser/diagnostics/schema.ts";
 import type { FleetHealth } from "./health.ts";
 

package/src/server/Responses.ts

@@ -1,7 +1,7 @@
 import { Clock, Effect, FileSystem, Path, Schema, Semaphore } from "effect";
-import { defineService } from "@shivaedev/effect-service/define-service.ts";
+import { defineService } from "@shivaedev/effect-service/defineService.ts";
 import { Conflict, Forbidden, PreconditionFailed, ServiceUnavailable } from "@shivaedev/platform/errors/taxonomy.ts";
-import { rpcBoundary } from "@shivaedev/platform/rpc-server/boundary.ts";
+import { rpcBoundary } from "@shivaedev/platform/server/rpc-server/boundary.ts";
 import type { DraftInput } from "#browser/responses/schema.ts";
 import { awaitResponse } from "#server/responses/await.ts";
 import { responseHistory } from "#server/responses/history.ts";

package/src/server/board.ts

@@ -2,7 +2,7 @@ import { Effect, type FileSystem, Layer, type Path, type PlatformError } from "e
 import { HttpRouter } from "effect/http";
 import { RpcSerialization, RpcServer } from "effect/rpc";
 import type { InternalServerError } from "@shivaedev/platform/errors/taxonomy.ts";
-import { localRpcGuard } from "@shivaedev/platform/rpc-server/local.ts";
+import { localRpcGuard } from "@shivaedev/platform/server/rpc-server/local.ts";
 import type { RenderFailed } from "#render/Failed.ts";
 import { workRpcs } from "#rpc/contract.ts";
 import { boardRuntime } from "#server/boardRuntime.ts";

package/src/server/document/answerBody.ts

@@ -5,13 +5,14 @@ import type { DocumentRequest } from "#browser/document/schema.ts";
 import { reasonMarkdown } from "#browser/responses/reasonMarkdown.ts";
 import type { MetadataDocument } from "#server/metadata/model.ts";
 import { documentBody } from "./body.ts";
+import { REVIEWED_WORK_HEADING, reviewedWork } from "./reviewedWork.ts";
 
 export function answerBody(document: MetadataDocument, requests: readonly DocumentRequest[]): string {
 	const source = documentBody(document);
 	const cards = requests.filter((request) => request.open && request.preview?.source === document.file);
 	const managed = document.parsed.fields.attention?.some((request) => request.managed);
 	const title = managed ? requests[0]?.title : undefined;
-	if (cards.length === 0 && !title) {
+	if (cards.length === 0 && !title && !managed) {
 		return source;
 	}
 	const tree = unified().use(remarkParse).use(remarkDirective).parse(source);
@@ -28,6 +29,10 @@ export function answerBody(document: MetadataDocument, requests: readonly Docume
 			if (index === 0 && node.type === "heading" && node.depth === 1 && title) {
 				return [`# ${title}`];
 			}
+			const reviewed = managed && node.type === "code" && underReviewedWork(tree.children[index - 1], source) ? reviewedWork(node.value) : undefined;
+			if (reviewed !== undefined) {
+				return [reviewed];
+			}
 			return [source.slice(node.position?.start.offset, node.position?.end.offset)];
 		})
 		.join("\n\n");
@@ -94,3 +99,7 @@ function inCardSection(nodes: import("mdast").RootContent[], index: number, sour
 	}
 	return false;
 }
+
+function underReviewedWork(node: import("mdast").RootContent | undefined, source: string) {
+	return node?.type === "heading" && source.slice(node.position?.start.offset, node.position?.end.offset).trim() === REVIEWED_WORK_HEADING;
+}