@vibesdotdev/workboard 0.0.0-stage → 1.0.0-rc.0

package/dist/svelte/components/StatCard.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatCard.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/StatCard.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGrC,KAAK,gBAAgB,GAAI;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AA+BrH,QAAA,MAAM,QAAQ,sDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/svelte/components/StatusBadge.svelte

@@ -0,0 +1,25 @@
+<script lang="ts">
+	interface Props {
+		status: string | number;
+	}
+
+	let { status }: Props = $props();
+
+	const config = new Map(Object.entries({
+		pending: { label: 'Pending', cls: 'border-warning/30 bg-warning/10 text-warning' },
+		in_progress: { label: 'In Progress', cls: 'border-info/30 bg-info/10 text-info' },
+		blocked: { label: 'Blocked', cls: 'border-destructive/30 bg-destructive/10 text-destructive' },
+		completed: { label: 'Completed', cls: 'border-success/30 bg-success/10 text-success' },
+		approved: { label: 'Approved', cls: 'border-success/30 bg-success/10 text-success' },
+		rejected: { label: 'Rejected', cls: 'border-destructive/30 bg-destructive/10 text-destructive' },
+		expired: { label: 'Expired', cls: 'border-muted bg-muted/50 text-muted-foreground' },
+		cancelled: { label: 'Cancelled', cls: 'border-muted bg-muted/50 text-muted-foreground' }
+	}));
+
+	let s = $derived(String(status));
+	let resolved = $derived(config.get(s) || { label: s.charAt(0).toUpperCase() + s.slice(1).replace(/_/g, ' '), cls: 'border-muted bg-muted/50 text-muted-foreground' });
+</script>
+
+<span class="inline-flex items-center rounded-md border px-2 py-0.5 text-xs font-medium {resolved.cls}">
+	{resolved.label}
+</span>

package/dist/svelte/components/StatusBadge.svelte.d.ts

@@ -0,0 +1,7 @@
+interface Props {
+    status: string | number;
+}
+declare const StatusBadge: import("svelte").Component<Props, {}, "">;
+type StatusBadge = ReturnType<typeof StatusBadge>;
+export default StatusBadge;
+//# sourceMappingURL=StatusBadge.svelte.d.ts.map

package/dist/svelte/components/StatusBadge.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBadge.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/StatusBadge.svelte.ts"],"names":[],"mappings":"AAGC,UAAU,KAAK;IACd,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AA2BF,QAAA,MAAM,WAAW,2CAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/svelte/components/WorkboardBoard.svelte

@@ -0,0 +1,467 @@
+<script lang="ts">
+	import { settle } from '@vibesdotdev/kernel';
+	import { ConfirmDialog, Icon } from '@vibesdotdev/kit/components';
+	import EmptyState from '@vibesdotdev/kit/components/layout/EmptyState';
+	import StatusBadge from './StatusBadge.svelte';
+	import PriorityBadge from './PriorityBadge.svelte';
+	import { Button } from '@vibesdotdev/kit/components/ui/button';
+	import { Input } from '@vibesdotdev/kit/components/ui/input';
+	import { NativeSelect, NativeSelectOption } from '@vibesdotdev/kit/components/ui/native-select';
+	import { TabbedMarkdownEditor } from '@vibesdotdev/kit/components/code';
+	import { createRestWorkboardClient } from '../rest-workboard-client.js';
+	import type { WorkboardTaskView } from '../types.js';
+	import { sortTasksByPriorityThenRecency } from '../workboard-utils.js';
+	import { toast } from 'svelte-sonner';
+	import { tick, untrack } from 'svelte';
+
+	/** Minimal id→label lookup for rendering an agent chip on rows/detail. */
+	export type AgentLabelMap = Record<string, string>;
+	type TaskLink = NonNullable<WorkboardTaskView['links']>[number];
+	export type RelatedWorkLink = {
+		href: string;
+		label: string;
+		icon?: string;
+		description?: string;
+	};
+
+	let {
+		tasks,
+		activeAgentId = null,
+		agents = {},
+		resolveRelatedLink = () => null,
+		initialTaskId = null,
+		projectName = null
+	}: {
+		tasks: WorkboardTaskView[];
+		activeAgentId?: string | null;
+		/** Optional id→label map (e.g. from `agentsState`); additive, default = no chips. */
+		agents?: AgentLabelMap;
+		/** App-owned navigation projection for typed cross-domain task links. */
+		resolveRelatedLink?: (link: TaskLink) => RelatedWorkLink | null;
+		/** Expand and reveal this task once when arriving from a contextual deep link. */
+		initialTaskId?: string | null;
+		/** Name of the project these tasks belong to; shown in the header when set. */
+		projectName?: string | null;
+	} = $props();
+
+	type MarshalTask = WorkboardTaskView;
+	let boardTasks = $derived<MarshalTask[]>(
+		tasks ? sortTasksByPriorityThenRecency(structuredClone($state.snapshot(tasks))) : []
+	);
+	let showAddForm = $state(false);
+	let newTitle = $state('');
+	let newDesc = $state('');
+	let newPriority = $state<MarshalTask['priority']>('medium');
+	// Resolve the first deep-linked task during initialization so SSR/client
+	// hydration already agree on the expanded row. The effect below handles a
+	// later in-place query change and performs the reveal scroll.
+	let selectedTask = $state<MarshalTask | null>(
+		untrack(() =>
+			initialTaskId ? (tasks.find((task) => task.id === initialTaskId) ?? null) : null
+		)
+	);
+	let noteText = $state('');
+	let filterStatus = $state('all');
+	let deleteTargetId = $state<string | null>(null);
+	let deleteDialogOpen = $state(false);
+	let lastAutoOpenedTaskId = $state<string | null>(null);
+
+	// Optional within-data narrow: when `activeAgentId` is non-null, show the rows
+	// that belong to that agent — either by server-stamped provenance (`agentId`,
+	// set when an agent/applet produced the task) or by assignment (`assigned_to`,
+	// set when a human added the task while that agent was selected). null = "All
+	// agents" (show all).
+	let agentScopedTasks = $derived(
+		activeAgentId == null
+			? boardTasks
+			: boardTasks.filter(
+					(t) => t.agentId === activeAgentId || t.assigned_to === activeAgentId
+				)
+	);
+
+	let filteredTasks = $derived(
+		filterStatus === 'all'
+			? agentScopedTasks
+			: agentScopedTasks.filter((t) => t.status === filterStatus)
+	);
+
+	$effect(() => {
+		if (!initialTaskId || lastAutoOpenedTaskId === initialTaskId) return;
+		const task = boardTasks.find((candidate) => candidate.id === initialTaskId);
+		if (!task) return;
+		filterStatus = 'all';
+		selectedTask = task;
+		lastAutoOpenedTaskId = initialTaskId;
+		void tick().then(() => {
+			document.getElementById(`workboard-task-${initialTaskId}`)?.scrollIntoView({
+				block: 'center',
+				behavior: 'smooth'
+			});
+		});
+	});
+
+	// Render the prop on the server, then treat mutation assignments below as
+	// optimistic overrides until the next canonical `tasks` prop refresh.
+
+	// Monotonic mutation counter. Every local mutation below bumps it; the poll
+	// captures it before its GET and discards the response if a mutation landed
+	// mid-flight — so a slow poll started before "Start"/"Delete"/"Add" can't
+	// resolve afterward and revert the fresher local state (a real flicker
+	// otherwise, self-healing only on the next tick).
+	let mutationSeq = $state(0);
+
+	// Visibility-aware ~30s poll so agent-driven changes (a task started,
+	// finished, or created by an agent while this tab is open) surface without
+	// a manual reload. Only polls while the tab is visible; it uses the same
+	// canonical client path mutations already use, so it composes with
+	// the resync effect above rather than fighting it.
+	$effect(() => {
+		const POLL_MS = 30_000;
+		let timer: ReturnType<typeof setInterval> | null = null;
+
+		async function poll() {
+			if (document.visibilityState !== 'visible') return;
+			const seqAtStart = mutationSeq;
+			const outcome = await settle(async () => {
+			const fresh = await createRestWorkboardClient().tasks.list();
+			// A mutation resolved while this GET was in flight — its result is
+			// fresher than ours, so drop this stale snapshot.
+			if (mutationSeq !== seqAtStart) return;
+			boardTasks = sortTasksByPriorityThenRecency(fresh);
+			});
+		if (!outcome.ok) toast.error(outcome.cause instanceof Error ? outcome.cause.message : outcome.cause.description);
+		}
+
+		function start() {
+			if (timer) return;
+			timer = setInterval(poll, POLL_MS);
+		}
+		function stop() {
+			if (!timer) return;
+			clearInterval(timer);
+			timer = null;
+		}
+		function onVisibilityChange() {
+			if (document.visibilityState === 'visible') {
+				start();
+				void poll();
+			} else {
+				stop();
+			}
+		}
+
+		if (document.visibilityState === 'visible') start();
+		document.addEventListener('visibilitychange', onVisibilityChange);
+
+		return () => {
+			stop();
+			document.removeEventListener('visibilitychange', onVisibilityChange);
+		};
+	});
+
+	async function addTask() {
+		if (!newTitle.trim()) return;
+		mutationSeq++;
+		const outcome = await settle(async () => {
+			const workboard = createRestWorkboardClient();
+			await workboard.tasks.add({
+				title: newTitle.trim(),
+				description: newDesc.trim() || undefined,
+				priority: newPriority,
+				// Assign the task to whichever agent is currently selected on the board
+				// (so it appears under that agent's filter — see `agentScopedTasks`);
+				// unassigned when viewing "All agents", never stamped to a fixed agent.
+				// `lane` is intentionally omitted — the client defaults it to '' (unassigned).
+				assigned_to: activeAgentId ?? undefined
+			});
+			newTitle = '';
+			newDesc = '';
+			showAddForm = false;
+			boardTasks = sortTasksByPriorityThenRecency(await workboard.tasks.list());
+			if (selectedTask) selectedTask = boardTasks.find(task => task.id === selectedTask?.id) ?? null;
+		});
+		if (!outcome.ok) toast.error(outcome.cause instanceof Error ? outcome.cause.message : outcome.cause.description);
+	}
+
+	async function updateTaskStatus(id: string, status: MarshalTask['status']) {
+		mutationSeq++;
+		const outcome = await settle(async () => {
+			const updated = await createRestWorkboardClient().tasks.update(id, { status });
+
+			boardTasks = sortTasksByPriorityThenRecency(
+				boardTasks.map((t) => (t.id === id ? updated : t))
+			);
+			if (selectedTask?.id === id) selectedTask = updated;
+		});
+		if (!outcome.ok) toast.error(outcome.cause instanceof Error ? outcome.cause.message : outcome.cause.description);
+	}
+
+	function openDeleteDialog(id: string) {
+		deleteTargetId = id;
+		deleteDialogOpen = true;
+	}
+
+	async function confirmDeleteTask() {
+		const id = deleteTargetId;
+		if (!id) return;
+		mutationSeq++;
+		const outcome = await settle(async () => {
+			await createRestWorkboardClient().tasks.remove(id);
+			boardTasks = boardTasks.filter((t) => t.id !== id);
+			selectedTask = null;
+		});
+		if (!outcome.ok) toast.error(outcome.cause instanceof Error ? outcome.cause.message : outcome.cause.description);
+		deleteDialogOpen = false;
+		deleteTargetId = null;
+	}
+
+	async function addNote(id: string) {
+		if (!noteText.trim()) return;
+		mutationSeq++;
+		const outcome = await settle(async () => {
+			const workboard = createRestWorkboardClient();
+			await workboard.tasks.addNote(id, noteText.trim());
+			noteText = '';
+			boardTasks = sortTasksByPriorityThenRecency(await workboard.tasks.list());
+			if (selectedTask) selectedTask = boardTasks.find(task => task.id === selectedTask?.id) ?? null;
+		});
+		if (!outcome.ok) toast.error(outcome.cause instanceof Error ? outcome.cause.message : outcome.cause.description);
+	}
+
+	// Resolve a task's owning agent to a display label — only meaningful in
+	// the "All agents" view (activeAgentId == null), since a single-agent
+	// filter already tells you whose tasks these are. Unresolvable ids
+	// (unknown agent, or no `agents` map passed) render nothing rather than a
+	// raw id.
+	function agentLabelFor(task: MarshalTask): string | null {
+		if (activeAgentId != null) return null;
+		const id = task.agentId ?? task.assigned_to;
+		if (!id) return null;
+		return agents[id] ?? null;
+	}
+
+	function relatedWorkFor(task: MarshalTask): RelatedWorkLink[] {
+		return (task.links ?? []).flatMap((link) => {
+			const resolved = resolveRelatedLink(link);
+			return resolved ? [resolved] : [];
+		});
+	}
+</script>
+
+<div class="space-y-6 p-6 lg:p-8">
+	<section class="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
+		<div>
+			<h1 class="text-2xl font-semibold tracking-tight">Tasks</h1>
+			<p class="text-sm text-muted-foreground">{agentScopedTasks.filter((t) => t.status === 'pending').length} pending &middot; {agentScopedTasks.filter((t) => t.status === 'completed').length} completed{#if projectName}&nbsp;&middot; {projectName}{/if}</p>
+		</div>
+		<div class="flex items-center gap-2">
+			<Button onclick={() => (showAddForm = !showAddForm)}>
+				<Icon icon="lucide:plus" class="size-4" />
+				Add Task
+			</Button>
+		</div>
+	</section>
+
+{#if showAddForm}
+	<div class="rounded-xl border bg-background/60 p-4">
+		<Input
+			bind:value={newTitle}
+			placeholder="Task title"
+		/>
+		<TabbedMarkdownEditor bind:code={newDesc} editorPlaceholder="Description (optional, markdown supported)" editorMinHeight="200px" editorResizable={true} editorWrapperClass="rounded-md border bg-background/80 mt-2" />
+		<div class="mt-3 flex items-center gap-3">
+			<NativeSelect bind:value={newPriority} class="rounded-lg border bg-transparent px-3 py-1.5 text-sm">
+				<NativeSelectOption value="low">Low</NativeSelectOption>
+				<NativeSelectOption value="medium">Medium</NativeSelectOption>
+				<NativeSelectOption value="high">High</NativeSelectOption>
+				<NativeSelectOption value="critical">Critical</NativeSelectOption>
+			</NativeSelect>
+			<Button onclick={addTask} size="sm">Create</Button>
+			<Button variant="outline" size="sm" onclick={() => (showAddForm = false)}>Cancel</Button>
+		</div>
+	</div>
+{/if}
+
+<div class="flex gap-2 text-sm">
+	{#each ['all', 'pending', 'in_progress', 'completed', 'blocked'] as status}
+		<Button
+			variant={filterStatus === status ? 'default' : 'ghost'}
+			size="sm"
+			onclick={() => (filterStatus = status)}
+		>
+			{status === 'in_progress' ? 'In Progress' : status.charAt(0).toUpperCase() + status.slice(1)}
+		</Button>
+	{/each}
+</div>
+
+<!-- Task List -->
+<div class="flex flex-col gap-2">
+	{#each filteredTasks as task (task.id)}
+		<Button
+			id={`workboard-task-${task.id}`}
+			variant="ghost"
+			class="flex h-auto w-full items-start justify-start gap-3 rounded-xl border bg-background/40 p-4 text-left font-normal whitespace-normal hover:bg-white/6"
+			onclick={() => (selectedTask = selectedTask?.id === task.id ? null : task)}
+		>
+			<StatusBadge status={task.status} />
+			<div class="flex-1 min-w-0">
+				<div class="flex flex-wrap items-center gap-2">
+					<span class="font-medium {task.status === 'completed' ? 'line-through opacity-60' : ''}">{task.title}</span>
+					{#if task.displayId}
+						<span class="rounded-full border bg-background/60 px-2 py-0.5 font-mono text-xs text-muted-foreground">{task.displayId}</span>
+					{/if}
+					<PriorityBadge priority={task.priority} />
+					{#if agentLabelFor(task)}
+						<span class="inline-flex items-center gap-1 rounded-full border bg-background/60 px-2 py-0.5 text-xs text-muted-foreground">
+							<Icon icon="lucide:bot" class="size-3" />
+							{agentLabelFor(task)}
+						</span>
+					{/if}
+				</div>
+			</div>
+			<Icon icon="lucide:chevron-down" class="mt-1 size-4 text-muted-foreground {selectedTask?.id === task.id ? 'rotate-180' : ''} transition-transform" />
+		</Button>
+
+		{#if selectedTask?.id === task.id}
+			<div class="ml-8 rounded-xl border bg-background/30 p-4 text-sm">
+				{#if task.description}
+					<div class="mb-3">
+						<span class="font-medium text-muted-foreground">Description</span>
+						<div class="mt-1 prose prose-sm dark:prose-invert max-w-none"><TabbedMarkdownEditor code={task.description || ''} value="preview" editorMinHeight="60px" editorProps={{ readOnly: true }} /></div>
+					</div>
+				{/if}
+				<div class="flex flex-wrap gap-3 text-xs text-muted-foreground">
+					{#if agentLabelFor(task)}
+						<span class="inline-flex items-center gap-1"><Icon icon="lucide:bot" class="size-3" />{agentLabelFor(task)}</span>
+					{/if}
+					<span>Updated: {new Date(task.updated_at).toLocaleString()}</span>
+					{#if task.displayId && task.authorityUrl}
+						<a
+							href={task.authorityUrl}
+							onclick={(e) => e.stopPropagation()}
+							class="inline-flex items-center gap-1 font-mono text-primary transition-colors hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+						>
+							<Icon icon="lucide:external-link" class="size-3" aria-hidden="true" />
+							{task.displayId} in project tracker
+						</a>
+					{/if}
+				</div>
+				{#if task.notes && task.notes.length > 0}
+					<div class="mt-3 border-t pt-3">
+						<span class="font-medium text-muted-foreground">Notes</span>
+						{#each task.notes as note}
+							<div class="mt-1 rounded-lg bg-white/4 p-2 text-xs">
+								<span class="text-muted-foreground">{new Date(note.at).toLocaleString()} — {note.by}</span>
+								<p class="mt-1 whitespace-pre-wrap">{note.text}</p>
+							</div>
+						{/each}
+					</div>
+				{/if}
+
+				{#if relatedWorkFor(task).length > 0}
+					<div class="mt-3 border-t pt-3">
+						<p class="font-medium text-muted-foreground">Related work</p>
+						<div class="mt-2 flex flex-wrap gap-2">
+							{#each relatedWorkFor(task) as related (related.href)}
+								<a
+									href={related.href}
+									class="group inline-flex min-h-10 items-center gap-2 rounded-lg border bg-background/70 px-3 py-2 transition-colors hover:bg-muted/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+								>
+									<Icon
+										icon={related.icon ?? 'lucide:arrow-up-right'}
+										class="size-4 text-primary"
+										aria-hidden="true"
+									/>
+									<span>
+										<span class="block text-xs font-medium text-foreground">{related.label}</span>
+										{#if related.description}
+											<span class="block text-[11px] text-muted-foreground">
+												{related.description}
+											</span>
+										{/if}
+									</span>
+									<Icon
+										icon="lucide:arrow-right"
+										class="size-3 text-muted-foreground transition-transform group-hover:translate-x-0.5"
+										aria-hidden="true"
+									/>
+								</a>
+							{/each}
+						</div>
+					</div>
+				{/if}
+
+				<!-- Actions -->
+				<div class="mt-3 flex flex-wrap gap-2 border-t pt-3">
+					{#if task.status === 'pending'}
+					<Button variant="ghost" size="sm" onclick={(e) => { e.stopPropagation(); updateTaskStatus(task.id, 'in_progress'); }} class="rounded-lg bg-info/12 text-xs text-info-ink hover:bg-info/20">
+						<Icon icon="lucide:play" class="size-3" /> Start
+					</Button>
+					{/if}
+					{#if task.status === 'in_progress'}
+					<Button variant="ghost" size="sm" onclick={(e) => { e.stopPropagation(); updateTaskStatus(task.id, 'completed'); }} class="rounded-lg bg-success/14 text-xs text-success-ink hover:bg-success/22">
+						<Icon icon="lucide:circle-check-big" class="size-3" /> Complete
+					</Button>
+					<Button variant="ghost" size="sm" onclick={(e) => { e.stopPropagation(); updateTaskStatus(task.id, 'blocked'); }} class="rounded-lg bg-destructive/12 text-xs text-destructive-ink hover:bg-destructive/20">
+						<Icon icon="lucide:circle-alert" class="size-3" /> Block
+					</Button>
+					{/if}
+					{#if task.status === 'blocked'}
+					<Button variant="ghost" size="sm" onclick={(e) => { e.stopPropagation(); updateTaskStatus(task.id, 'in_progress'); }} class="rounded-lg bg-info/12 text-xs text-info-ink hover:bg-info/20">
+						<Icon icon="lucide:play" class="size-3" /> Unblock
+					</Button>
+					{/if}
+					{#if task.status === 'completed'}
+					<Button variant="ghost" size="sm" onclick={(e) => { e.stopPropagation(); updateTaskStatus(task.id, 'pending'); }} class="rounded-lg bg-warning/16 text-xs text-warning-ink hover:bg-warning/24">
+						<Icon icon="lucide:pause" class="size-3" /> Reopen
+					</Button>
+					{/if}
+					<Button variant="ghost" size="sm" onclick={(e) => { e.stopPropagation(); openDeleteDialog(task.id); }} class="rounded-lg bg-destructive/8 text-xs text-destructive-ink hover:bg-destructive/16">
+						<Icon icon="lucide:archive" class="size-3" /> Archive
+					</Button>
+				</div>
+
+				<!-- Add Note -->
+				<div class="mt-3 border-t pt-3">
+					<div class="flex gap-2">
+						<Input
+							bind:value={noteText}
+							placeholder="Add a note..."
+							class="flex-1"
+							onclick={(e) => e.stopPropagation()}
+						/>
+					<Button size="sm" aria-label="Send note" onclick={(e) => { e.stopPropagation(); addNote(task.id); }} class="rounded-lg">
+						<Icon icon="lucide:send" class="size-3" />
+					</Button>
+					</div>
+				</div>
+			</div>
+		{/if}
+	{/each}
+	{#if filteredTasks.length === 0}
+		{#if filterStatus !== 'all' && agentScopedTasks.length > 0}
+			<EmptyState
+				title="No tasks match your filters — clear filters"
+				description="Show every task again."
+			/>
+			<div class="flex justify-center">
+				<Button variant="outline" size="sm" onclick={() => (filterStatus = 'all')}>
+					Clear filters
+				</Button>
+			</div>
+		{:else}
+			<EmptyState
+				title="No tasks yet"
+				description="Tasks you and your agents create appear here — add one to get started."
+			/>
+		{/if}
+	{/if}
+</div>
+
+<ConfirmDialog
+	bind:open={deleteDialogOpen}
+	title="Archive Task"
+	description="Archive this task? It leaves the board but stays in your work history."
+	onconfirm={confirmDeleteTask}
+/>
+</div>

package/dist/svelte/components/WorkboardBoard.svelte.d.ts

@@ -0,0 +1,26 @@
+import type { WorkboardTaskView } from '../types.ts';
+/** Minimal id→label lookup for rendering an agent chip on rows/detail. */
+export type AgentLabelMap = Record<string, string>;
+type TaskLink = NonNullable<WorkboardTaskView['links']>[number];
+export type RelatedWorkLink = {
+    href: string;
+    label: string;
+    icon?: string;
+    description?: string;
+};
+type $$ComponentProps = {
+    tasks: WorkboardTaskView[];
+    activeAgentId?: string | null;
+    /** Optional id→label map (e.g. from `agentsState`); additive, default = no chips. */
+    agents?: AgentLabelMap;
+    /** App-owned navigation projection for typed cross-domain task links. */
+    resolveRelatedLink?: (link: TaskLink) => RelatedWorkLink | null;
+    /** Expand and reveal this task once when arriving from a contextual deep link. */
+    initialTaskId?: string | null;
+    /** Name of the project these tasks belong to; shown in the header when set. */
+    projectName?: string | null;
+};
+declare const WorkboardBoard: import("svelte").Component<$$ComponentProps, {}, "">;
+type WorkboardBoard = ReturnType<typeof WorkboardBoard>;
+export default WorkboardBoard;
+//# sourceMappingURL=WorkboardBoard.svelte.d.ts.map

package/dist/svelte/components/WorkboardBoard.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkboardBoard.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/WorkboardBoard.svelte.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAMpD,0EAA0E;AAC1E,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AACnD,KAAK,QAAQ,GAAG,WAAW,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;AAChE,MAAM,MAAM,eAAe,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAGF,KAAK,gBAAgB,GAAI;IACxB,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,qFAAqF;IACrF,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,yEAAyE;IACzE,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,eAAe,GAAG,IAAI,CAAC;IAChE,kFAAkF;IAClF,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,+EAA+E;IAC/E,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B,CAAC;AAyZH,QAAA,MAAM,cAAc,sDAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/svelte/index.d.ts

@@ -0,0 +1,22 @@
+/** Browser components, projections and the host REST adapter. See SPEC.md. */
+export { default as workboardSveltePlugin } from './workboard-svelte.plugin.ts';
+export * from './workboard-svelte.plugin.ts';
+export type { WorkboardTask, WorkboardRequest, WorkboardTaskView, WorkboardRequestView, WorkboardViewer, TaskNote, TaskStatus, TaskPriority, RequestType, RequestStatus } from './types.ts';
+export { timeAgo, formatDate, statusToneClass, laneToneClass, eventToneClass } from './workboard-utils.ts';
+export { default as WorkboardBoard } from './components/WorkboardBoard.svelte';
+export { default as LaneBoard } from './components/LaneBoard.svelte';
+export { default as LaneBoardComposer } from './components/LaneBoardComposer.svelte';
+export { default as LaneBoardFilters } from './components/LaneBoardFilters.svelte';
+export { default as LaneBoardLane } from './components/LaneBoardLane.svelte';
+export { default as LaneBoardSummary } from './components/LaneBoardSummary.svelte';
+export { default as LaneBoardTaskRow } from './components/LaneBoardTaskRow.svelte';
+export { default as RequestsQueue } from './components/RequestsQueue.svelte';
+export { default as StatusBadge } from './components/StatusBadge.svelte';
+export { default as PriorityBadge } from './components/PriorityBadge.svelte';
+export { default as StatCard } from './components/StatCard.svelte';
+export { default as MarshalToolCard } from './tool-widgets/MarshalToolCard.svelte';
+export { default as SupportEscalateToolCard } from './tool-widgets/SupportEscalateToolCard.svelte';
+export * from './lane-board.ts';
+export * from './lane-board-client.ts';
+export { createRestWorkboardClient, type RestWorkboardClient, type RestWorkboardClientOptions } from './rest-workboard-client.ts';
+//# sourceMappingURL=index.d.ts.map

package/dist/svelte/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/svelte/index.ts"],"names":[],"mappings":"AAAA,8EAA8E;AAG9E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAChF,cAAc,8BAA8B,CAAC;AAG7C,YAAY,EACX,aAAa,EACb,gBAAgB,EAChB,iBAAiB,EACjB,oBAAoB,EACpB,eAAe,EACf,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,WAAW,EACX,aAAa,EACb,MAAM,YAAY,CAAC;AAIpB,OAAO,EACN,OAAO,EACP,UAAU,EACV,eAAe,EACf,aAAa,EACb,cAAc,EACd,MAAM,sBAAsB,CAAC;AAG9B,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,+CAA+C,CAAC;AAGnG,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AAEvC,OAAO,EAAE,yBAAyB,EAAE,KAAK,mBAAmB,EAAE,KAAK,0BAA0B,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/svelte/index.js

@@ -0,0 +1,24 @@
+/** Browser components, projections and the host REST adapter. See SPEC.md. */
+// Plugin
+export { default as workboardSveltePlugin } from "./workboard-svelte.plugin.js";
+export * from "./workboard-svelte.plugin.js";
+// Pure formatters / tone helpers
+export { timeAgo, formatDate, statusToneClass, laneToneClass, eventToneClass } from "./workboard-utils.js";
+// Components
+export { default as WorkboardBoard } from './components/WorkboardBoard.svelte';
+export { default as LaneBoard } from './components/LaneBoard.svelte';
+export { default as LaneBoardComposer } from './components/LaneBoardComposer.svelte';
+export { default as LaneBoardFilters } from './components/LaneBoardFilters.svelte';
+export { default as LaneBoardLane } from './components/LaneBoardLane.svelte';
+export { default as LaneBoardSummary } from './components/LaneBoardSummary.svelte';
+export { default as LaneBoardTaskRow } from './components/LaneBoardTaskRow.svelte';
+export { default as RequestsQueue } from './components/RequestsQueue.svelte';
+export { default as StatusBadge } from './components/StatusBadge.svelte';
+export { default as PriorityBadge } from './components/PriorityBadge.svelte';
+export { default as StatCard } from './components/StatCard.svelte';
+export { default as MarshalToolCard } from './tool-widgets/MarshalToolCard.svelte';
+export { default as SupportEscalateToolCard } from './tool-widgets/SupportEscalateToolCard.svelte';
+// Lane board pure helpers & client
+export * from "./lane-board.js";
+export * from "./lane-board-client.js";
+export { createRestWorkboardClient } from "./rest-workboard-client.js";

package/dist/svelte/lane-board-client.d.ts

@@ -0,0 +1,3 @@
+/** Compatibility name for the single package-owned browser host adapter. */
+export { createRestWorkboardClient as createLaneBoardClient, type RestWorkboardClient as LaneBoardClient, type RestWorkboardClientOptions as LaneBoardClientOptions } from './rest-workboard-client.ts';
+//# sourceMappingURL=lane-board-client.d.ts.map

package/dist/svelte/lane-board-client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lane-board-client.d.ts","sourceRoot":"","sources":["../../src/svelte/lane-board-client.ts"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,OAAO,EACN,yBAAyB,IAAI,qBAAqB,EAClD,KAAK,mBAAmB,IAAI,eAAe,EAC3C,KAAK,0BAA0B,IAAI,sBAAsB,EACzD,MAAM,4BAA4B,CAAC"}

package/dist/svelte/lane-board-client.js

@@ -0,0 +1,2 @@
+/** Compatibility name for the single package-owned browser host adapter. */
+export { createRestWorkboardClient as createLaneBoardClient } from "./rest-workboard-client.js";