@vibesdotdev/platform 0.0.0-stage → 1.0.0-rc.1

package/dist/svelte/fleets/MachineCard.svelte

@@ -0,0 +1,161 @@
+<script lang="ts">
+	/**
+	 * MachineCard — one machine in the fleet grid.
+	 *
+	 * Renders name, status dot, OS, last-seen, and quick actions:
+	 *   - "Open terminal" when online/degraded (if terminalHref is provided)
+	 *   - "Reporting in" pill when active
+	 *   - "Waiting" pill when pending
+	 *   - Details button (always)
+	 *   - Remove button (always)
+	 *
+	 * Uses vibeskit Card, Badge, Button. No raw HTML primitives.
+	 */
+	import * as Card from '@vibesdotdev/kit/components/ui/card';
+	import { Button } from '@vibesdotdev/kit/components/ui/button';
+	import { Badge } from '@vibesdotdev/kit/components/ui/badge';
+	import { Icon } from '@vibesdotdev/kit/components';
+	import {
+		statusDotClass,
+		statusLabel,
+		statusBadgeClass,
+		statusTooltip,
+		formatLastSeen
+	} from './helpers.js';
+	import type { MachineCardProps } from './types.js';
+
+	let { host, terminalHref, editorHref, desktopHref, onRetire, onDetails }: MachineCardProps = $props();
+</script>
+
+<Card.Root class="group transition-shadow hover:shadow-md">
+	<Card.Content class="p-4">
+		<!-- Header row: icon + status dot, name/addedBy, status badge -->
+		<div class="flex items-start justify-between gap-2">
+			<div class="flex min-w-0 items-center gap-2.5">
+				<div class="relative shrink-0">
+					<div class="rounded-lg bg-muted p-2">
+						<Icon icon="lucide:server" class="size-5 text-muted-foreground" />
+					</div>
+					<span
+						class={`absolute -bottom-0.5 -right-0.5 size-3 rounded-full border-2 border-background ${statusDotClass(host.displayStatus)}`}
+					></span>
+				</div>
+				<div class="min-w-0">
+					<p class="truncate font-semibold leading-tight">{host.name}</p>
+					<p class="mt-0.5 text-xs text-muted-foreground">{host.addedBy}</p>
+				</div>
+			</div>
+			<Badge
+				variant="outline"
+				title={statusTooltip(host.displayStatus)}
+				class={`shrink-0 text-xs ${statusBadgeClass(host.displayStatus)}`}
+			>
+				{statusLabel(host.displayStatus)}
+			</Badge>
+		</div>
+
+		<!-- Meta row: OS + last seen -->
+		<div class="mt-3 flex items-center gap-3 text-xs text-muted-foreground">
+			{#if host.os}
+				<span class="flex items-center gap-1">
+					<Icon icon="lucide:monitor" class="size-3" />
+					{host.os}
+				</span>
+			{/if}
+			<span class="flex items-center gap-1">
+				<Icon icon="lucide:clock" class="size-3" />
+				{formatLastSeen(host.lastSeen)}
+			</span>
+		</div>
+
+		<!-- Action row -->
+		<div class="mt-4 flex items-center gap-2">
+			{#if host.displayStatus === 'online' && terminalHref}
+				<Button
+					href={terminalHref(host.hostId)}
+					size="sm"
+					class="flex-1"
+					data-sveltekit-preload-data="off"
+				>
+					<Icon icon="lucide:terminal" class="mr-1.5 size-3.5" />
+					Open terminal
+				</Button>
+			{:else if host.displayStatus === 'degraded'}
+				<div
+					class="flex flex-1 items-center justify-center gap-1.5 rounded-md border border-dashed px-3 py-1.5 text-xs text-muted-foreground"
+					title="Machine is disconnected from relay — start vibes daemon to reconnect"
+				>
+					<Icon icon="lucide:terminal" class="size-3.5" />
+					Relay offline
+				</div>
+			{:else if host.displayStatus === 'active'}
+				<div
+					class="flex flex-1 items-center gap-1.5 rounded-md border border-emerald-500/30 bg-emerald-50 px-3 py-1.5 text-xs text-emerald-700 dark:bg-emerald-950/20 dark:text-emerald-300"
+					title="Reporting in — connect remote access to open a terminal"
+				>
+					<Icon icon="lucide:radio" class="size-3.5" />
+					Reporting in
+				</div>
+			{:else if host.displayStatus === 'pending'}
+				<div
+					class="flex flex-1 items-center gap-1.5 rounded-md border border-dashed px-3 py-1.5 text-xs text-muted-foreground"
+				>
+					<Icon icon="lucide:loader-circle" class="size-3.5 animate-spin" />
+					Waiting for connection
+				</div>
+			{:else}
+				<div class="flex-1"></div>
+			{/if}
+
+			{#if host.displayStatus === 'online' && editorHref}
+				<Button
+					href={editorHref(host.hostId)}
+					variant="outline"
+					size="sm"
+					class="flex-1"
+					data-sveltekit-preload-data="off"
+				>
+					<Icon icon="lucide:code-2" class="mr-1.5 size-3.5" />
+					Open editor
+				</Button>
+			{/if}
+
+			{#if host.displayStatus === 'online' && desktopHref}
+				<Button
+					href={desktopHref(host.hostId)}
+					variant="outline"
+					size="sm"
+					class="flex-1"
+					data-sveltekit-preload-data="off"
+				>
+					<Icon icon="lucide:monitor" class="mr-1.5 size-3.5" />
+					Open desktop
+				</Button>
+			{/if}
+
+			{#if onDetails}
+				<Button
+					variant="ghost"
+					size="sm"
+					class="px-2"
+					onclick={() => onDetails?.(host)}
+					title="Details"
+				>
+					<Icon icon="lucide:info" class="size-4" />
+				</Button>
+			{/if}
+
+			{#if onRetire}
+				<Button
+					variant="ghost"
+					size="sm"
+					class="px-2 text-destructive hover:text-destructive"
+					onclick={() => onRetire?.(host)}
+					title="Remove this machine"
+				>
+					<Icon icon="lucide:trash-2" class="size-4" />
+				</Button>
+			{/if}
+		</div>
+	</Card.Content>
+</Card.Root>

package/dist/svelte/fleets/MachineCard.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { MachineCardProps } from './types.ts';
+declare const MachineCard: import("svelte").Component<MachineCardProps, {}, "">;
+type MachineCard = ReturnType<typeof MachineCard>;
+export default MachineCard;
+//# sourceMappingURL=MachineCard.svelte.d.ts.map

package/dist/svelte/fleets/MachineCard.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MachineCard.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/fleets/MachineCard.svelte.ts"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AA0GnD,QAAA,MAAM,WAAW,sDAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/svelte/fleets/MachinesPanel.svelte

@@ -0,0 +1,389 @@
+<script lang="ts">
+	import { settle } from '@vibesdotdev/kernel';
+	/**
+	 * MachinesPanel — fleet grid with header, error banner, empty state, and
+	 * machine cards.
+	 *
+	 * Self-contained: filters offline hosts, computes online count, renders
+	 * MachineCard, the details Dialog, the remove ConfirmDialog, and
+	 * AddMachineDialog internally. The caller controls:
+	 *   - hosts array
+	 *   - error string
+	 *   - capability gates (canEnroll / canAddDirect / canPair / platformHostsUrl)
+	 *   - terminalHref builder
+	 *   - register / addDirect / pairByCode / retire callbacks
+	 *
+	 * The retire callback performs the actual removal (SvelteKit form action in
+	 * hq-web, fetch in consumer-apps/hq); the panel owns the kit ConfirmDialog
+	 * around it. `canRemoveHost` gates the Remove action per host (consumer only
+	 * removes direct-address hosts).
+	 */
+	import type { MergedFleetHost } from '@vibesdotdev/platform/fleets';
+	import * as Card from '@vibesdotdev/kit/components/ui/card';
+	import * as Dialog from '@vibesdotdev/kit/components/ui/dialog';
+	import { ConfirmDialog } from '@vibesdotdev/kit/components/ui/confirm-dialog';
+	import { Button } from '@vibesdotdev/kit/components/ui/button';
+	import { Badge } from '@vibesdotdev/kit/components/ui/badge';
+	import { Icon } from '@vibesdotdev/kit/components';
+	import MachineCard from './MachineCard.svelte';
+	import AddMachineDialog from './AddMachineDialog.svelte';
+	import { statusLabel,formatLastSeen } from './helpers.js';
+	import type { MachinesPanelProps } from './types.js';
+
+	let {
+		hosts=[],
+		error=null,
+		terminalHref,
+		editorHref,
+		desktopHref,
+		platformHostsUrl=null,
+		canEnroll=false,
+		canAddDirect=false,
+		canPair=false,
+		register,
+		addDirect,
+		pairByCode,
+		retire,
+		canRemoveHost,
+		removalNotes,
+		onHostAdded,
+		onHostRemoved
+	}: MachinesPanelProps=$props();
+
+	const visibleHosts=$derived(hosts.filter((h) => h.displayStatus!=='offline'));
+	const onlineCount=$derived(
+		hosts.filter((h) => h.displayStatus==='online'||h.displayStatus==='active').length
+	);
+	const staleHosts=$derived(
+		hosts.filter((h) => {
+			if(h.displayStatus==='online'||h.displayStatus==='active'||h.displayStatus==='offline') return false;
+			if(h.platformStatus==='retired'||h.platformStatus==='draining'||h.platformStatus==='orphaned') return false;
+			if(!h.lastSeen) return true;
+			const ms=Date.parse(h.lastSeen);
+			return isNaN(ms)||Date.now()-ms>7*86400*1000;
+		})
+	);
+	let pruningStale=$state(false);
+	let pruneError=$state<string|null>(null);
+
+	async function handlePruneStale() {
+		if(!retire||staleHosts.length===0) return;
+		pruningStale=true;
+		pruneError=null;
+		try {
+			const failures: string[]=[];
+			for(const h of staleHosts) {
+				const operation=await settle(async () => {
+					await retire(h);
+				});
+				if(!operation.ok) {
+					const err=operation.cause;
+					failures.push(`${h.hostId}: ${err instanceof Error? err.message:String(err)}`);
+				}
+			}
+			if(failures.length>0) pruneError=`Could not retire ${failures.length} stale machine(s): ${failures.join('; ')}`;
+			onHostRemoved?.();
+		} finally {
+			pruningStale=false;
+		}
+	}
+
+	const defaultRemovalNotes=[
+		'Any open terminal sessions to this machine will close',
+		'The machine will no longer appear in your fleet',
+		'You can re-add it at any time by installing the daemon again'
+	];
+	const removalBullets=$derived(removalNotes??defaultRemovalNotes);
+
+	function removable(host: MergedFleetHost): boolean {
+		if(!retire) return false;
+		return canRemoveHost? canRemoveHost(host):true;
+	}
+
+	// Details panel state
+	let detailsHost=$state<MergedFleetHost|null>(null);
+	let detailsOpen=$state(false);
+
+	// Remove confirmation state
+	let removeTarget=$state<MergedFleetHost|null>(null);
+	let removeOpen=$state(false);
+	let removeLoading=$state(false);
+	let removeError=$state('');
+
+	function openRemoveConfirm(host: MergedFleetHost) {
+		removeTarget=host;
+		removeError='';
+		removeOpen=true;
+	}
+
+	async function handleRemoveConfirm() {
+		if(!removeTarget||!retire) return;
+		const target=removeTarget;
+		removeLoading=true;
+		removeError='';
+		try {
+			const operation=await settle(async () => {
+				await retire(target);
+				removeOpen=false;
+				removeTarget=null;
+				onHostRemoved?.();
+			});
+			if(!operation.ok) {
+				const err=operation.cause;
+				removeError=
+					err instanceof Error? err.message:'Could not remove this machine. Please try again.';
+				removeOpen=false;
+			}
+		} finally {
+			removeLoading=false;
+		}
+	}
+
+	// Add machine dialog
+	let addDialogOpen=$state(false);
+
+	function openAddDialog() {
+		addDialogOpen=true;
+	}
+
+	function closeAddDialog() {
+		addDialogOpen=false;
+	}
+</script>
+
+<div class="space-y-6">
+	<!-- Header -->
+	<div class="flex items-start justify-between gap-4">
+		<div>
+			<div class="flex items-center gap-2">
+				<h1 class="text-2xl font-semibold">Your Machines</h1>
+				{#if onlineCount > 0}
+					<Badge variant="default" class="bg-emerald-600 text-white">
+						{onlineCount} online
+					</Badge>
+				{/if}
+			</div>
+			<p class="mt-1 text-sm text-muted-foreground">
+				Machines you've connected. Open a terminal on any machine to run commands remotely.
+			</p>
+		</div>
+		<div class="flex items-center gap-2">
+			{#if staleHosts.length > 0 && retire}
+				<Button
+					variant="outline"
+					size="sm"
+					class="text-muted-foreground hover:text-destructive"
+					onclick={handlePruneStale}
+					disabled={pruningStale}
+				>
+					<Icon icon="lucide:trash-2" class="mr-1.5 size-3.5" />
+					{pruningStale
+						? 'Pruning...'
+						: `Prune ${staleHosts.length} dormant machine${staleHosts.length === 1 ? '' : 's'}`}
+				</Button>
+			{/if}
+			{#if visibleHosts.length > 0 && (canEnroll || canAddDirect || canPair || platformHostsUrl)}
+				<Button onclick={openAddDialog} class="shrink-0">
+					<Icon icon="lucide:plus" class="mr-2 size-4" />
+					Add machine
+				</Button>
+			{/if}
+		</div>
+	</div>
+
+	{#if pruneError}
+		<p class="text-xs text-destructive" role="alert">{pruneError}</p>
+	{/if}
+
+	<!-- Error banner -->
+	{#if error}
+		<div
+			class="flex items-start gap-3 rounded-lg border border-amber-500/30 bg-amber-50 p-4 dark:bg-amber-950/20"
+		>
+			<Icon icon="lucide:triangle-alert" class="mt-0.5 size-4 shrink-0 text-amber-600" />
+			<div>
+				<p class="text-sm font-medium text-amber-800 dark:text-amber-200">
+					Could not load machine list
+				</p>
+				<p class="mt-0.5 text-xs text-amber-700 dark:text-amber-300">{error}</p>
+			</div>
+		</div>
+	{/if}
+
+	<!-- Remove failure banner -->
+	{#if removeError}
+		<div
+			class="flex items-start gap-3 rounded-lg border border-destructive/30 bg-destructive/10 p-4"
+		>
+			<Icon icon="lucide:circle-alert" class="mt-0.5 size-4 shrink-0 text-destructive" />
+			<div>
+				<p class="text-sm font-medium text-destructive">Could not remove the machine</p>
+				<p class="mt-0.5 text-xs text-destructive/80">{removeError}</p>
+			</div>
+		</div>
+	{/if}
+
+	<!-- Empty state -->
+	{#if visibleHosts.length === 0 && !error}
+		<Card.Root class="border-dashed">
+			<Card.Content class="flex flex-col items-center px-6 py-16 text-center">
+				<div class="rounded-2xl bg-muted p-4">
+					<Icon icon="lucide:server" class="size-10 text-muted-foreground" />
+				</div>
+				<h2 class="mt-5 text-lg font-semibold">No machines yet</h2>
+				<p class="mt-2 max-w-sm text-sm text-muted-foreground">
+					Connect a machine and you'll be able to open a terminal, run commands, and manage sessions
+					from anywhere — in under a minute.
+				</p>
+				{#if canEnroll || canAddDirect || canPair || platformHostsUrl}
+					<Button onclick={openAddDialog} class="mt-6" size="lg">
+						<Icon icon="lucide:plus" class="mr-2 size-4" />
+						Add your first machine
+					</Button>
+					<p class="mt-4 text-xs text-muted-foreground">
+						Works on macOS, Linux, and any machine where you can run a terminal command.
+					</p>
+				{/if}
+			</Card.Content>
+		</Card.Root>
+	{/if}
+
+	<!-- Machine grid -->
+	{#if visibleHosts.length > 0}
+		<div class="grid gap-3 sm:grid-cols-2 lg:grid-cols-3">
+			{#each visibleHosts as host (host.hostId)}
+				<MachineCard
+					{host}
+					{terminalHref}
+					{editorHref}
+					{desktopHref}
+					onRetire={removable(host) ? openRemoveConfirm : undefined}
+					onDetails={(h) => {
+						detailsHost = h;
+						detailsOpen = true;
+					}}
+				/>
+			{/each}
+		</div>
+	{/if}
+</div>
+
+<!-- Add machine dialog -->
+<AddMachineDialog
+	bind:open={addDialogOpen}
+	onClose={closeAddDialog}
+	{hosts}
+	{canEnroll}
+	{canAddDirect}
+	{canPair}
+	{platformHostsUrl}
+	{register}
+	{addDirect}
+	{pairByCode}
+	onDone={onHostAdded}
+/>
+
+<!-- Details dialog -->
+<Dialog.Root bind:open={detailsOpen}>
+	<Dialog.Content class="max-w-md">
+		{#if detailsHost}
+			{@const host = detailsHost}
+			<Dialog.Header>
+				<Dialog.Title>{host.name}</Dialog.Title>
+				<Dialog.Description>Machine details</Dialog.Description>
+			</Dialog.Header>
+			<div class="space-y-4">
+				<dl class="space-y-3 text-sm">
+					<div class="flex justify-between gap-2">
+						<dt class="text-muted-foreground">Status</dt>
+						<dd class="font-medium">{statusLabel(host.displayStatus)}</dd>
+					</div>
+					<div class="flex justify-between gap-2">
+						<dt class="text-muted-foreground">Added by</dt>
+						<dd>{host.addedBy}</dd>
+					</div>
+					<div class="flex justify-between gap-2">
+						<dt class="text-muted-foreground">Machine ID</dt>
+						<dd><code class="font-mono text-xs">{host.hostId}</code></dd>
+					</div>
+					{#if host.os}
+						<div class="flex justify-between gap-2">
+							<dt class="text-muted-foreground">Operating system</dt>
+							<dd>{host.os}</dd>
+						</div>
+					{/if}
+					<div class="flex justify-between gap-2">
+						<dt class="text-muted-foreground">Last seen</dt>
+						<dd>{formatLastSeen(host.lastSeen)}</dd>
+					</div>
+				</dl>
+				<div class="flex justify-end gap-2 border-t pt-4">
+					{#if (host.displayStatus === 'online' || host.displayStatus === 'degraded') && terminalHref}
+						<Button
+							href={terminalHref(host.hostId)}
+							data-sveltekit-preload-data="off"
+							size="sm"
+							onclick={() => (detailsOpen = false)}
+						>
+							<Icon icon="lucide:terminal" class="mr-1.5 size-3.5" />
+							Open terminal
+						</Button>
+					{/if}
+					{#if (host.displayStatus === 'online' || host.displayStatus === 'degraded') && desktopHref}
+						<Button
+							href={desktopHref(host.hostId)}
+							variant="outline"
+							data-sveltekit-preload-data="off"
+							size="sm"
+							onclick={() => (detailsOpen = false)}
+						>
+							<Icon icon="lucide:monitor" class="mr-1.5 size-3.5" />
+							Open desktop
+						</Button>
+					{/if}
+					{#if removable(host)}
+						<Button
+							variant="destructive"
+							size="sm"
+							onclick={() => {
+								detailsOpen = false;
+								openRemoveConfirm(host);
+							}}
+						>
+							<Icon icon="lucide:trash-2" class="mr-1.5 size-3.5" />
+							Remove
+						</Button>
+					{/if}
+				</div>
+			</div>
+		{/if}
+	</Dialog.Content>
+</Dialog.Root>
+
+<!-- Remove confirmation -->
+<ConfirmDialog
+	bind:open={removeOpen}
+	title="Remove this machine?"
+	itemName={removeTarget?.name ?? ''}
+	description={removeTarget?.name ?? ''}
+	confirmLabel="Remove machine"
+	loading={removeLoading}
+	variant="destructive"
+	onconfirm={handleRemoveConfirm}
+	oncancel={() => {
+		removeTarget = null;
+	}}
+>
+	{#snippet body()}
+		<div
+			class="rounded-lg border border-amber-500/30 bg-amber-50 p-3 text-xs text-amber-800 dark:bg-amber-950/20 dark:text-amber-200"
+		>
+			<p class="font-medium">What happens when you remove:</p>
+			<ul class="mt-1.5 space-y-1">
+				{#each removalBullets as note (note)}
+					<li>• {note}</li>
+				{/each}
+			</ul>
+		</div>
+	{/snippet}
+</ConfirmDialog>

package/dist/svelte/fleets/MachinesPanel.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { MachinesPanelProps } from './types.ts';
+declare const MachinesPanel: import("svelte").Component<MachinesPanelProps, {}, "">;
+type MachinesPanel = ReturnType<typeof MachinesPanel>;
+export default MachinesPanel;
+//# sourceMappingURL=MachinesPanel.svelte.d.ts.map

package/dist/svelte/fleets/MachinesPanel.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MachinesPanel.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/fleets/MachinesPanel.svelte.ts"],"names":[],"mappings":"AAgCA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAiUrD,QAAA,MAAM,aAAa,wDAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/svelte/fleets/helpers.d.ts

@@ -0,0 +1,45 @@
+/**
+ * @vibesdotdev/platform/fleets/svelte — shared display helpers
+ *
+ * Pure functions shared by MachineCard and AddMachineDialog. No DOM, no $state,
+ * no Svelte imports — safe to import from any context.
+ */
+import type { MergedFleetHost } from '@vibesdotdev/platform/fleets';
+export type DisplayStatus = MergedFleetHost['displayStatus'];
+/** Tailwind class for the status dot. */
+export declare function statusDotClass(status: DisplayStatus): string;
+/** Human-readable status label. */
+export declare function statusLabel(status: DisplayStatus): string;
+/** Badge class for status badges. */
+export declare function statusBadgeClass(status: DisplayStatus): string;
+/** Tooltip for inline status indicators. */
+export declare function statusTooltip(status: DisplayStatus): string | undefined;
+/** Relative time string from an ISO timestamp or null. */
+export declare function formatLastSeen(value: string | null): string;
+/** Slugify a human name to a valid machine ID. */
+export declare function slugify(input: string): string;
+/**
+ * The canonical enroll command.
+ * The `sandbox:code-execution` label lets chat and code sessions run commands
+ * on this machine. Omit it to monitor only.
+ */
+export declare function daemonCommand(hostId: string, token: string): string;
+/** Capability gates for the Add Machine flow. */
+export interface AddMachineCapabilities {
+    /** Offer "Install on a machine" (enrollment-token flow). hq-web: yes; consumer: no. */
+    canEnroll?: boolean;
+    /** Offer "Connect by address" (direct-address flow). consumer only. */
+    canAddDirect?: boolean;
+    /** Offer "Pairing code" (local-network daemon code flow). consumer only. */
+    canPair?: boolean;
+    /** Deep-link to platform.vibes.dev/hosts for "Provision a cloud VM". hq-web only. */
+    platformHostsUrl?: string | null;
+}
+export type AddMachineOption = 'install' | 'direct' | 'pairing' | 'provision';
+/**
+ * The ordered set of options the Add Machine "choose" step shows for a given
+ * capability set. Single source of truth — AddMachineDialog renders exactly
+ * this list, so gating is testable without mounting the component.
+ */
+export declare function addMachineOptions(caps: AddMachineCapabilities): AddMachineOption[];
+//# sourceMappingURL=helpers.d.ts.map

package/dist/svelte/fleets/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/svelte/fleets/helpers.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAEpE,MAAM,MAAM,aAAa,GAAG,eAAe,CAAC,eAAe,CAAC,CAAC;AAE7D,yCAAyC;AACzC,wBAAgB,cAAc,CAAC,MAAM,EAAE,aAAa,GAAG,MAAM,CAe5D;AAED,mCAAmC;AACnC,wBAAgB,WAAW,CAAC,MAAM,EAAE,aAAa,GAAG,MAAM,CAezD;AAED,qCAAqC;AACrC,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,aAAa,GAAG,MAAM,CAY9D;AAED,4CAA4C;AAC5C,wBAAgB,aAAa,CAAC,MAAM,EAAE,aAAa,GAAG,MAAM,GAAG,SAAS,CAIvE;AAED,0DAA0D;AAC1D,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAW3D;AAED,kDAAkD;AAClD,wBAAgB,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAM7C;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAEnE;AAED,iDAAiD;AACjD,MAAM,WAAW,sBAAsB;IACtC,uFAAuF;IACvF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uEAAuE;IACvE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,4EAA4E;IAC5E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qFAAqF;IACrF,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACjC;AAED,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,WAAW,CAAC;AAE9E;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,sBAAsB,GAAG,gBAAgB,EAAE,CAOlF"}