@syncular/ui 0.0.0

package/dist/console/sync-lag-bar.js

@@ -0,0 +1,111 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { cn } from '../lib/cn.js';
+import { Tooltip, TooltipContent, TooltipTrigger } from '../primitives/tooltip.js';
+export function getClientLagInfo(cursor, headSeq, lagOverride) {
+    const lag = lagOverride ?? Math.max(0, headSeq - cursor);
+    if (cursor <= 0) {
+        return {
+            lag,
+            status: 'bootstrapping',
+            colorClass: 'text-neutral-500',
+            bgClass: 'bg-neutral-700',
+        };
+    }
+    if (lag === 0) {
+        return {
+            lag,
+            status: 'ok',
+            colorClass: 'text-healthy',
+            bgClass: 'bg-healthy',
+        };
+    }
+    if (lag <= 10) {
+        return {
+            lag,
+            status: 'behind',
+            colorClass: 'text-syncing',
+            bgClass: 'bg-syncing',
+        };
+    }
+    return {
+        lag,
+        status: 'far-behind',
+        colorClass: 'text-offline',
+        bgClass: 'bg-offline',
+    };
+}
+export function SyncLagBar({ className, clients, stats }) {
+    const headSeq = stats.maxCommitSeq;
+    const analysis = useMemo(() => {
+        const infos = clients.map((c) => ({
+            ...c,
+            info: getClientLagInfo(c.cursor, headSeq, c.lagCommitCount),
+        }));
+        const active = infos.filter((c) => c.info.status !== 'bootstrapping');
+        const bootstrapping = infos.filter((c) => c.info.status === 'bootstrapping');
+        const lags = active.map((c) => c.info.lag);
+        const maxLag = lags.length > 0 ? Math.max(...lags) : 0;
+        const avgLag = lags.length > 0
+            ? Math.round(lags.reduce((sum, l) => sum + l, 0) / lags.length)
+            : 0;
+        const okCount = active.filter((c) => c.info.status === 'ok').length;
+        const behindCount = active.filter((c) => c.info.status === 'behind').length;
+        const farBehindCount = active.filter((c) => c.info.status === 'far-behind').length;
+        return {
+            infos,
+            active,
+            bootstrapping,
+            maxLag,
+            avgLag,
+            okCount,
+            behindCount,
+            farBehindCount,
+        };
+    }, [clients, headSeq]);
+    const total = analysis.active.length;
+    const barSegments = [
+        { count: analysis.okCount, colorClass: 'bg-healthy', label: 'Up to date' },
+        {
+            count: analysis.behindCount,
+            colorClass: 'bg-syncing',
+            label: 'Behind (1-10)',
+        },
+        {
+            count: analysis.farBehindCount,
+            colorClass: 'bg-offline',
+            label: 'Far behind (>10)',
+        },
+    ];
+    return (_jsxs("div", { className: cn('flex flex-col gap-3', className), children: [
+            _jsxs("div", { className: "flex items-center justify-between text-xs", children: [
+                    _jsxs("div", { className: "flex items-center gap-4", children: [
+                            _jsxs("span", { className: "text-neutral-500", children: ["Head: ",
+                                    _jsxs("span", { className: "text-foreground font-mono", children: ["#", headSeq] })
+                                ] }), _jsxs("span", { className: "text-neutral-500", children: ["Active:", ' ', _jsx("span", { className: "text-foreground", children: analysis.active.length })
+                                ] }), analysis.bootstrapping.length > 0 ? (_jsxs("span", { className: "text-neutral-500", children: ["Bootstrapping:", ' ', _jsx("span", { className: "text-foreground", children: analysis.bootstrapping.length })
+                                ] })) : null] }), _jsxs("div", { className: "flex items-center gap-4", children: [
+                            _jsxs("span", { className: "text-neutral-500", children: ["Max lag:", ' ', _jsx("span", { className: cn('font-mono', analysis.maxLag === 0
+                                            ? 'text-healthy'
+                                            : analysis.maxLag <= 10
+                                                ? 'text-syncing'
+                                                : 'text-offline'), children: analysis.maxLag })
+                                ] }), _jsxs("span", { className: "text-neutral-500", children: ["Avg lag:", ' ', _jsx("span", { className: cn('font-mono', analysis.avgLag === 0
+                                            ? 'text-healthy'
+                                            : analysis.avgLag <= 10
+                                                ? 'text-syncing'
+                                                : 'text-offline'), children: analysis.avgLag })
+                                ] })
+                        ] })
+                ] }), total > 0 ? (_jsx("div", { className: "h-3 rounded-full bg-neutral-900 overflow-hidden flex", children: barSegments.map((segment) => segment.count > 0 ? (_jsxs(Tooltip, { children: [
+                        _jsx(TooltipTrigger, { render: _jsx("div", { className: cn('h-full transition-all', segment.colorClass), style: {
+                                    width: `${(segment.count / total) * 100}%`,
+                                } }) }), _jsxs(TooltipContent, { children: [segment.label, ": ", segment.count, " client", segment.count !== 1 ? 's' : ''] })
+                    ] }, segment.label)) : null) })) : (_jsx("div", { className: "h-3 rounded-full bg-neutral-900" })), _jsx("div", { className: "flex items-center gap-4 text-xs", children: barSegments.map((segment) => (_jsxs("div", { className: "flex items-center gap-1.5", children: [
+                        _jsx("div", { className: cn('h-2 w-2 rounded-full', segment.colorClass) }), _jsxs("span", { className: "text-neutral-500", children: [segment.label, ' ', _jsx("span", { className: "text-foreground", children: segment.count })
+                            ] })
+                    ] }, segment.label))) })
+        ] }));
+}
+//# sourceMappingURL=sync-lag-bar.js.map

package/dist/console/sync-lag-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sync-lag-bar.js","sourceRoot":"","sources":["../../src/console/sync-lag-bar.tsx"],"names":[],"mappings":"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"}

package/dist/console/sync-state-badge.d.ts

@@ -0,0 +1,6 @@
+export interface SyncStateBadgeProps {
+    className?: string;
+    state: string;
+}
+export declare function SyncStateBadge({ className, state }: SyncStateBadgeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=sync-state-badge.d.ts.map

package/dist/console/sync-state-badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sync-state-badge.d.ts","sourceRoot":"","sources":["../../src/console/sync-state-badge.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,mBAAmB,2CAQvE"}

package/dist/console/sync-state-badge.js

@@ -0,0 +1,21 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../lib/cn.js';
+import { Badge } from '../primitives/badge.js';
+export function SyncStateBadge({ className, state }) {
+    const variant = stateToVariant(state);
+    return (_jsx(Badge, { variant: variant, className: cn(className), children: state }));
+}
+function stateToVariant(state) {
+    switch (state) {
+        case 'idle':
+            return 'ghost';
+        case 'syncing':
+            return 'syncing';
+        case 'error':
+            return 'destructive';
+        default:
+            return 'ghost';
+    }
+}
+//# sourceMappingURL=sync-state-badge.js.map

package/dist/console/sync-state-badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sync-state-badge.js","sourceRoot":"","sources":["../../src/console/sync-state-badge.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAO5C,MAAM,UAAU,cAAc,CAAC,EAAE,SAAS,EAAE,KAAK,EAAuB,EAAE;IACxE,MAAM,OAAO,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IAEtC,OAAO,CACL,KAAC,KAAK,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,YAC9C,KAAK,GACA,CACT,CAAC;AAAA,CACH;AAED,SAAS,cAAc,CAAC,KAAa,EAAE;IACrC,QAAQ,KAAK,EAAE,CAAC;QACd,KAAK,MAAM;YACT,OAAO,OAAgB,CAAC;QAC1B,KAAK,SAAS;YACZ,OAAO,SAAkB,CAAC;QAC5B,KAAK,OAAO;YACV,OAAO,aAAsB,CAAC;QAChC;YACE,OAAO,OAAgB,CAAC;IAC5B,CAAC;AAAA,CACF"}

package/dist/console/topology-card.d.ts

@@ -0,0 +1,9 @@
+import type { SyncClient } from '../lib/types';
+export interface TopologyCardProps {
+    clients: SyncClient[];
+    emptyMessage?: string;
+    isLoading?: boolean;
+    relayLabel?: string;
+}
+export declare function TopologyCard({ clients, emptyMessage, isLoading, relayLabel }: TopologyCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=topology-card.d.ts.map

package/dist/console/topology-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"topology-card.d.ts","sourceRoot":"","sources":["../../src/console/topology-card.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI/C,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,YAAqC,EACrC,SAAS,EACT,UAAU,EACX,EAAE,iBAAiB,2CA2BnB"}

package/dist/console/topology-card.js

@@ -0,0 +1,9 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../lib/cn.js';
+import { Card, CardContent } from '../primitives/card.js';
+import { Spinner } from '../primitives/spinner.js';
+export function TopologyCard({ clients, emptyMessage = 'No clients connected', isLoading, relayLabel, }) {
+    return (_jsx(Card, { children: _jsxs(CardContent, { className: cn('min-h-[280px] flex flex-col'), children: [relayLabel ? (_jsx("span", { className: "text-xs text-neutral-500 mb-2", children: relayLabel })) : null, isLoading ? (_jsx("div", { className: "flex flex-1 items-center justify-center", children: _jsx(Spinner, { size: "lg" }) })) : clients.length === 0 ? (_jsx("div", { className: "flex flex-1 items-center justify-center", children: _jsx("p", { className: "text-sm text-neutral-500", children: emptyMessage }) })) : (_jsx("div", { className: "flex flex-1 items-center justify-center", children: _jsxs("div", { className: "text-xs text-neutral-500", children: [clients.length, " client", clients.length !== 1 ? 's' : '', " connected"] }) }))] }) }));
+}
+//# sourceMappingURL=topology-card.js.map

package/dist/console/topology-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"topology-card.js","sourceRoot":"","sources":["../../src/console/topology-card.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAE/B,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAShD,MAAM,UAAU,YAAY,CAAC,EAC3B,OAAO,EACP,YAAY,GAAG,sBAAsB,EACrC,SAAS,EACT,UAAU,GACQ,EAAE;IACpB,OAAO,CACL,KAAC,IAAI,cACH,MAAC,WAAW,IAAC,SAAS,EAAE,EAAE,CAAC,6BAA6B,CAAC,aACtD,UAAU,CAAC,CAAC,CAAC,CACZ,eAAM,SAAS,EAAC,+BAA+B,YAAE,UAAU,GAAQ,CACpE,CAAC,CAAC,CAAC,IAAI,EAEP,SAAS,CAAC,CAAC,CAAC,CACX,cAAK,SAAS,EAAC,yCAAyC,YACtD,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,GAAG,GACjB,CACP,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACzB,cAAK,SAAS,EAAC,yCAAyC,YACtD,YAAG,SAAS,EAAC,0BAA0B,YAAE,YAAY,GAAK,GACtD,CACP,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,yCAAyC,YAEtD,eAAK,SAAS,EAAC,0BAA0B,aACtC,OAAO,CAAC,MAAM,aAAS,OAAO,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,kBACnD,GACF,CACP,IACW,GACT,CACR,CAAC;AAAA,CACH"}

package/dist/console/topology-hero.d.ts

@@ -0,0 +1,65 @@
+import { type ComponentPropsWithoutRef } from 'react';
+import type { SyncClientNode } from '../lib/types';
+export type TopologyNodePosition = {
+    clientId: string;
+    x: number;
+    y: number;
+};
+export type TopologyHeroProps = ComponentPropsWithoutRef<'div'> & {
+    clients: SyncClientNode[];
+    /** Positions for each client node keyed by client id */
+    positions?: TopologyNodePosition[];
+    /** IDs of clients connecting through the relay */
+    relayClientIds?: string[];
+    /** Override server position */
+    serverPosition?: {
+        x: number;
+        y: number;
+    };
+    /** Override relay position */
+    relayPosition?: {
+        x: number;
+        y: number;
+    };
+    /** SVG viewBox dimensions */
+    viewBox?: {
+        width: number;
+        height: number;
+    };
+    /** Stats overlay: total nodes */
+    totalNodes?: number;
+    /** Stats overlay: online count */
+    onlineCount?: number;
+    /** Stats overlay: offline count */
+    offlineCount?: number;
+};
+declare const TopologyHero: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    clients: SyncClientNode[];
+    /** Positions for each client node keyed by client id */
+    positions?: TopologyNodePosition[] | undefined;
+    /** IDs of clients connecting through the relay */
+    relayClientIds?: string[] | undefined;
+    /** Override server position */
+    serverPosition?: {
+        x: number;
+        y: number;
+    } | undefined;
+    /** Override relay position */
+    relayPosition?: {
+        x: number;
+        y: number;
+    } | undefined;
+    /** SVG viewBox dimensions */
+    viewBox?: {
+        width: number;
+        height: number;
+    } | undefined;
+    /** Stats overlay: total nodes */
+    totalNodes?: number | undefined;
+    /** Stats overlay: online count */
+    onlineCount?: number | undefined;
+    /** Stats overlay: offline count */
+    offlineCount?: number | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export { TopologyHero };
+//# sourceMappingURL=topology-hero.d.ts.map

package/dist/console/topology-hero.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"topology-hero.d.ts","sourceRoot":"","sources":["../../src/console/topology-hero.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAElE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAChE,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,wDAAwD;IACxD,SAAS,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACnC,kDAAkD;IAClD,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,+BAA+B;IAC/B,cAAc,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC1C,8BAA8B;IAC9B,aAAa,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACzC,6BAA6B;IAC7B,OAAO,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5C,iCAAiC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAQF,QAAA,MAAM,YAAY;;IAxBhB,wDAAwD;;IAExD,kDAAkD;;IAElD,+BAA+B;;;;;IAE/B,8BAA8B;;;;;IAE9B,6BAA6B;;;;;IAE7B,iCAAiC;;IAEjC,kCAAkC;;IAElC,mCAAmC;;kDAmdpC,CAAC;AAGF,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/console/topology-hero.js

@@ -0,0 +1,90 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { cn } from '../lib/cn.js';
+function getStatusColor(status) {
+    if (status === 'online')
+        return '#22c55e';
+    if (status === 'syncing')
+        return '#f59e0b';
+    return '#ef4444';
+}
+const TopologyHero = forwardRef(({ className, clients, positions, relayClientIds = [], serverPosition = { x: 420, y: 190 }, relayPosition = { x: 780, y: 190 }, viewBox = { width: 1200, height: 380 }, totalNodes, onlineCount, offlineCount, ...props }, ref) => {
+    const sX = serverPosition.x;
+    const sY = serverPosition.y;
+    const rX = relayPosition.x;
+    const rY = relayPosition.y;
+    const defaultPositions = {};
+    const angleStep = (2 * Math.PI) / Math.max(clients.length, 1);
+    clients.forEach((c, i) => {
+        const isRelay = relayClientIds.includes(c.id);
+        const cx = isRelay ? rX : sX;
+        const cy = isRelay ? rY : sY;
+        const rx = isRelay ? 240 : 260;
+        const ry = isRelay ? 130 : 150;
+        const angle = angleStep * i - Math.PI / 2;
+        defaultPositions[c.id] = {
+            x: cx + rx * Math.cos(angle),
+            y: cy + ry * Math.sin(angle),
+        };
+    });
+    const posMap = {};
+    if (positions) {
+        for (const p of positions) {
+            posMap[p.clientId] = { x: p.x, y: p.y };
+        }
+    }
+    function getPos(clientId) {
+        return (posMap[clientId] ?? defaultPositions[clientId] ?? { x: 600, y: 190 });
+    }
+    const computedTotalNodes = totalNodes ?? clients.length + 2;
+    const computedOnline = onlineCount ?? clients.filter((c) => c.status !== 'offline').length;
+    const computedOffline = offlineCount ?? clients.filter((c) => c.status === 'offline').length;
+    return (_jsxs("div", { ref: ref, className: cn('relative overflow-hidden', 'bg-[radial-gradient(ellipse_at_35%_50%,rgba(59,130,246,0.06)_0%,transparent_50%),radial-gradient(ellipse_at_68%_50%,rgba(139,92,246,0.04)_0%,transparent_40%),#0c0c0c]', 'bg-[image:radial-gradient(circle_at_1px_1px,#1a1a1a_1px,transparent_0)] bg-[size:24px_24px]', className), style: { height: 420 }, ...props, children: [
+            _jsx("div", { className: "absolute left-0 right-0 h-px bg-[linear-gradient(90deg,transparent,rgba(59,130,246,0.3),transparent)] animate-[scanSweep_6s_ease-in-out_infinite] pointer-events-none" }), _jsx("div", { className: "absolute top-4 left-5 z-10", children: _jsx("span", { className: "font-mono text-[10px] text-neutral-500 uppercase tracking-widest", children: "Sync Topology" }) }), _jsxs("div", { className: "absolute top-4 right-5 z-10 flex items-center gap-3", children: [
+                    _jsxs("span", { className: "font-mono text-[10px] text-neutral-600", children: [computedTotalNodes, " nodes"] }), _jsx("span", { className: "font-mono text-[10px] text-neutral-600", children: "\u00B7" }), _jsxs("span", { className: "font-mono text-[10px] text-healthy", children: [computedOnline, " online"] }), _jsx("span", { className: "font-mono text-[10px] text-neutral-600", children: "\u00B7" }), _jsxs("span", { className: "font-mono text-[10px] text-offline", children: [computedOffline, " offline"] })
+                ] }), _jsxs("svg", { viewBox: `0 0 ${viewBox.width} ${viewBox.height}`, className: "w-full h-full", preserveAspectRatio: "xMidYMid meet", children: [
+                    _jsx("ellipse", { cx: sX, cy: sY, rx: 280, ry: 160, fill: "none", stroke: "#1a1a1a", strokeWidth: 0.5, strokeDasharray: "6 10" }), _jsx("ellipse", { cx: rX, cy: rY, rx: 260, ry: 140, fill: "none", stroke: "#1a1a1a", strokeWidth: 0.5, strokeDasharray: "6 10" }), _jsx("line", { x1: sX, y1: sY, x2: rX, y2: rY, stroke: "#8b5cf6", strokeWidth: 2, opacity: 0.3 }), _jsx("line", { x1: sX, y1: sY, x2: rX, y2: rY, stroke: "#8b5cf6", strokeWidth: 1, strokeDasharray: "4 2", opacity: 0.6, children: _jsx("animate", { attributeName: "stroke-dashoffset", from: "20", to: "0", dur: "1s", repeatCount: "indefinite" }) }), _jsxs("circle", { r: 3, fill: "#8b5cf6", opacity: 0.8, children: [
+                            _jsx("animateMotion", { dur: "2.5s", repeatCount: "indefinite", path: `M${sX},${sY} L${rX},${rY}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.8;0.8;0", dur: "2.5s", repeatCount: "indefinite" })
+                        ] }), _jsxs("circle", { r: 3, fill: "#8b5cf6", opacity: 0.8, children: [
+                            _jsx("animateMotion", { dur: "2.5s", begin: "1.25s", repeatCount: "indefinite", path: `M${rX},${rY} L${sX},${sY}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.8;0.8;0", dur: "2.5s", begin: "1.25s", repeatCount: "indefinite" })
+                        ] }), _jsx("text", { x: (sX + rX) / 2, y: sY - 20, textAnchor: "middle", fill: "#8b5cf6", fontFamily: "JetBrains Mono, monospace", fontSize: 8, opacity: 0.4, letterSpacing: 2, children: "BACKBONE" }), clients.map((c) => {
+                        const p = getPos(c.id);
+                        const isRelay = relayClientIds.includes(c.id);
+                        const tX = isRelay ? rX : sX;
+                        const tY = isRelay ? rY : sY;
+                        const color = getStatusColor(c.status);
+                        const w = c.status === 'syncing' ? 2.5 : 1.5;
+                        if (c.status === 'offline') {
+                            return (_jsx("line", { x1: tX, y1: tY, x2: p.x, y2: p.y, stroke: color, strokeWidth: 1, strokeDasharray: "3 6", opacity: 0.2 }, `line-${c.id}`));
+                        }
+                        const dur = c.status === 'syncing' ? '1.2s' : '2.8s';
+                        const halfDur = `${Number.parseFloat(dur) / 2}s`;
+                        return (_jsxs("g", { children: [
+                                _jsx("line", { x1: tX, y1: tY, x2: p.x, y2: p.y, stroke: color, strokeWidth: w, strokeDasharray: "4 2", children: _jsx("animate", { attributeName: "stroke-dashoffset", from: "20", to: "0", dur: "1s", repeatCount: "indefinite" }) }), _jsxs("circle", { r: 2.5, fill: color, opacity: 0.7, children: [
+                                        _jsx("animateMotion", { dur: dur, repeatCount: "indefinite", path: `M${tX},${tY} L${p.x},${p.y}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.7;0.7;0", dur: dur, repeatCount: "indefinite" })
+                                    ] }), _jsxs("circle", { r: 2, fill: color, opacity: 0.5, children: [
+                                        _jsx("animateMotion", { dur: dur, begin: halfDur, repeatCount: "indefinite", path: `M${p.x},${p.y} L${tX},${tY}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.5;0.5;0", dur: dur, begin: halfDur, repeatCount: "indefinite" })
+                                    ] })
+                            ] }, `line-${c.id}`));
+                    }), _jsxs("circle", { cx: sX, cy: sY, r: 50, fill: "none", stroke: "#3b82f6", strokeWidth: 0.5, opacity: 0.15, children: [
+                            _jsx("animate", { attributeName: "r", from: "32", to: "60", dur: "3s", repeatCount: "indefinite" }), _jsx("animate", { attributeName: "opacity", from: "0.25", to: "0", dur: "3s", repeatCount: "indefinite" })
+                        ] }), _jsxs("circle", { cx: sX, cy: sY, r: 50, fill: "none", stroke: "#3b82f6", strokeWidth: 0.5, opacity: 0.15, children: [
+                            _jsx("animate", { attributeName: "r", from: "32", to: "60", dur: "3s", begin: "1.5s", repeatCount: "indefinite" }), _jsx("animate", { attributeName: "opacity", from: "0.25", to: "0", dur: "3s", begin: "1.5s", repeatCount: "indefinite" })
+                        ] }), _jsx("circle", { cx: sX, cy: sY, r: 32, fill: "#0c0c0c", stroke: "#3b82f6", strokeWidth: 2, style: { filter: 'drop-shadow(0 0 12px rgba(59,130,246,0.4))' } }), _jsx("circle", { cx: sX, cy: sY, r: 16, fill: "rgba(59,130,246,0.12)", stroke: "#3b82f6", strokeWidth: 0.8 }), _jsx("circle", { cx: sX, cy: sY, r: 6, fill: "#3b82f6" }), _jsx("text", { x: sX, y: sY + 48, textAnchor: "middle", fill: "#444", fontFamily: "JetBrains Mono, monospace", fontSize: 9, letterSpacing: 2.5, children: "SERVER" }), _jsxs("circle", { cx: rX, cy: rY, r: 40, fill: "none", stroke: "#8b5cf6", strokeWidth: 0.5, opacity: 0.15, children: [
+                            _jsx("animate", { attributeName: "r", from: "26", to: "48", dur: "3.5s", repeatCount: "indefinite" }), _jsx("animate", { attributeName: "opacity", from: "0.2", to: "0", dur: "3.5s", repeatCount: "indefinite" })
+                        ] }), _jsx("circle", { cx: rX, cy: rY, r: 26, fill: "#0c0c0c", stroke: "#8b5cf6", strokeWidth: 2, style: { filter: 'drop-shadow(0 0 10px rgba(139,92,246,0.35))' } }), _jsx("circle", { cx: rX, cy: rY, r: 13, fill: "rgba(139,92,246,0.12)", stroke: "#8b5cf6", strokeWidth: 0.8 }), _jsx("circle", { cx: rX, cy: rY, r: 5, fill: "#8b5cf6" }), _jsx("text", { x: rX, y: rY + 42, textAnchor: "middle", fill: "#444", fontFamily: "JetBrains Mono, monospace", fontSize: 9, letterSpacing: 2.5, children: "RELAY" }), clients.map((c) => {
+                        const p = getPos(c.id);
+                        const color = getStatusColor(c.status);
+                        const op = c.status === 'offline' ? 0.25 : 1;
+                        const label = c.actor.replace('user-', '').replace('svc-', '');
+                        const isRelay = relayClientIds.includes(c.id);
+                        return (_jsxs("g", { opacity: op, children: [
+                                _jsx("circle", { cx: p.x, cy: p.y, r: 20, fill: "#0c0c0c", stroke: color, strokeWidth: 1.5 }), _jsx("circle", { cx: p.x, cy: p.y, r: 5, fill: color }), _jsx("text", { x: p.x, y: p.y + 32, textAnchor: "middle", fill: "#555", fontFamily: "JetBrains Mono, monospace", fontSize: 9, children: label }), _jsxs("text", { x: p.x, y: p.y + 42, textAnchor: "middle", fill: "#333", fontFamily: "JetBrains Mono, monospace", fontSize: 7, children: [c.type, isRelay ? ' \u00b7 relay' : ''] })
+                            ] }, `node-${c.id}`));
+                    })] })
+        ] }));
+});
+TopologyHero.displayName = 'TopologyHero';
+export { TopologyHero };
+//# sourceMappingURL=topology-hero.js.map

package/dist/console/topology-hero.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"topology-hero.js","sourceRoot":"","sources":["../../src/console/topology-hero.tsx"],"names":[],"mappings":"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"}

package/dist/demo/actor-panel.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+export interface ActorPanelProps {
+    label: string;
+    color: 'flow' | 'healthy' | 'syncing' | 'relay' | 'encrypt';
+    icon: ReactNode;
+    badge?: ReactNode;
+    children: ReactNode;
+    className?: string;
+}
+export declare function ActorPanel({ label, color, icon, badge, children, className }: ActorPanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=actor-panel.d.ts.map

package/dist/demo/actor-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"actor-panel.d.ts","sourceRoot":"","sources":["../../src/demo/actor-panel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IAC5D,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAUD,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,SAAS,EACV,EAAE,eAAe,2CAoBjB"}

package/dist/demo/actor-panel.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../lib/cn.js';
+const iconBgMap = {
+    flow: 'bg-flow/15',
+    healthy: 'bg-healthy/15',
+    syncing: 'bg-syncing/15',
+    relay: 'bg-relay/15',
+    encrypt: 'bg-encrypt/15',
+};
+export function ActorPanel({ label, color, icon, badge, children, className, }) {
+    return (_jsxs("div", { className: cn('panel', className), children: [
+            _jsxs("div", { className: "panel-header", children: [
+                    _jsxs("div", { className: "flex items-center gap-2", children: [
+                            _jsx("div", { className: cn('w-5 h-5 rounded-full flex items-center justify-center', iconBgMap[color]), children: _jsx("span", { className: "text-[12px] leading-none", children: icon }) }), _jsx("span", { className: "panel-label", children: label })
+                        ] }), badge] }), _jsx("div", { className: "p-3", children: children })
+        ] }));
+}
+//# sourceMappingURL=actor-panel.js.map

package/dist/demo/actor-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actor-panel.js","sourceRoot":"","sources":["../../src/demo/actor-panel.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAW/B,MAAM,SAAS,GAA6C;IAC1D,IAAI,EAAE,YAAY;IAClB,OAAO,EAAE,eAAe;IACxB,OAAO,EAAE,eAAe;IACxB,KAAK,EAAE,aAAa;IACpB,OAAO,EAAE,eAAe;CACzB,CAAC;AAEF,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,SAAS,GACO,EAAE;IAClB,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC;YACpC,eAAK,SAAS,EAAC,cAAc;oBAC3B,eAAK,SAAS,EAAC,yBAAyB;4BACtC,cACE,SAAS,EAAE,EAAE,CACX,uDAAuD,EACvD,SAAS,CAAC,KAAK,CAAC,CACjB,YAED,eAAM,SAAS,EAAC,0BAA0B,YAAE,IAAI,GAAQ,GACpD,EACN,eAAM,SAAS,EAAC,aAAa,YAAE,KAAK,GAAQ;4BACxC,EACL,KAAK,IACF,EACN,cAAK,SAAS,EAAC,KAAK,YAAE,QAAQ,GAAO;YACjC,CACP,CAAC;AAAA,CACH"}

package/dist/demo/catalog-table.d.ts

@@ -0,0 +1,17 @@
+import type { ReactNode } from 'react';
+export interface CatalogRow {
+    id: string;
+    name: string;
+    sku: string;
+    price: string;
+}
+export interface CatalogTableProps {
+    rows: CatalogRow[];
+    label?: string;
+    headerRight?: ReactNode;
+    footer?: ReactNode;
+    maxHeight?: number;
+    className?: string;
+}
+export declare function CatalogTable({ rows, label, headerRight, footer, maxHeight, className }: CatalogTableProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=catalog-table.d.ts.map

package/dist/demo/catalog-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"catalog-table.d.ts","sourceRoot":"","sources":["../../src/demo/catalog-table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,KAAuB,EACvB,WAAW,EACX,MAAM,EACN,SAAe,EACf,SAAS,EACV,EAAE,iBAAiB,2CAsDnB"}

package/dist/demo/catalog-table.js

@@ -0,0 +1,13 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../lib/cn.js';
+export function CatalogTable({ rows, label = 'Catalog Items', headerRight, footer, maxHeight = 400, className, }) {
+    return (_jsxs("div", { className: cn('rounded-[10px] border border-border bg-panel', className), children: [
+            _jsxs("div", { className: "flex items-center justify-between px-3 py-2 border-b border-border", children: [
+                    _jsx("span", { className: "font-mono text-[10px] uppercase tracking-wider text-neutral-500", children: label }), headerRight ? (_jsx("div", { className: "flex items-center gap-3", children: headerRight })) : null] }), _jsxs("div", { className: "grid grid-cols-[80px_1fr_100px_80px] px-3 py-2 border-b border-border bg-panel-alt", children: [
+                    _jsx("span", { className: "font-mono text-[9px] text-neutral-500 uppercase", children: "ID" }), _jsx("span", { className: "font-mono text-[9px] text-neutral-500 uppercase", children: "Name" }), _jsx("span", { className: "font-mono text-[9px] text-neutral-500 uppercase", children: "SKU" }), _jsx("span", { className: "font-mono text-[9px] text-neutral-500 uppercase", children: "Price" })
+                ] }), _jsx("div", { className: "overflow-auto", style: { maxHeight }, children: rows.map((row) => (_jsxs("div", { className: "grid grid-cols-[80px_1fr_100px_80px] px-3 py-2 border-b border-[#161616] font-mono text-[11px] text-neutral-400 hover:bg-white/[0.015] transition-colors", children: [
+                        _jsx("span", { className: "text-neutral-600", children: row.id }), _jsx("span", { className: "text-neutral-300", children: row.name }), _jsx("span", { className: "text-neutral-600", children: row.sku }), _jsx("span", { className: "text-healthy", children: row.price })
+                    ] }, row.id))) }), footer ? (_jsx("div", { className: "border-t border-border px-4 py-2 flex items-center justify-between", children: footer })) : null] }));
+}
+//# sourceMappingURL=catalog-table.js.map

package/dist/demo/catalog-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"catalog-table.js","sourceRoot":"","sources":["../../src/demo/catalog-table.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAkB/B,MAAM,UAAU,YAAY,CAAC,EAC3B,IAAI,EACJ,KAAK,GAAG,eAAe,EACvB,WAAW,EACX,MAAM,EACN,SAAS,GAAG,GAAG,EACf,SAAS,GACS,EAAE;IACpB,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CAAC,8CAA8C,EAAE,SAAS,CAAC;YAGxE,eAAK,SAAS,EAAC,oEAAoE;oBACjF,eAAM,SAAS,EAAC,iEAAiE,YAC9E,KAAK,GACD,EACN,WAAW,CAAC,CAAC,CAAC,CACb,cAAK,SAAS,EAAC,yBAAyB,YAAE,WAAW,GAAO,CAC7D,CAAC,CAAC,CAAC,IAAI,IACJ,EAGN,eAAK,SAAS,EAAC,oFAAoF;oBACjG,eAAM,SAAS,EAAC,iDAAiD,mBAE1D,EACP,eAAM,SAAS,EAAC,iDAAiD,qBAE1D,EACP,eAAM,SAAS,EAAC,iDAAiD,oBAE1D,EACP,eAAM,SAAS,EAAC,iDAAiD,sBAE1D;oBACH,EAGN,cAAK,SAAS,EAAC,eAAe,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,YAChD,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACjB,eAEE,SAAS,EAAC,0JAA0J;wBAEpK,eAAM,SAAS,EAAC,kBAAkB,YAAE,GAAG,CAAC,EAAE,GAAQ,EAClD,eAAM,SAAS,EAAC,kBAAkB,YAAE,GAAG,CAAC,IAAI,GAAQ,EACpD,eAAM,SAAS,EAAC,kBAAkB,YAAE,GAAG,CAAC,GAAG,GAAQ,EACnD,eAAM,SAAS,EAAC,cAAc,YAAE,GAAG,CAAC,KAAK,GAAQ;yBAN5C,GAAG,CAAC,EAAE,CAOP,CACP,CAAC,GACE,EAGL,MAAM,CAAC,CAAC,CAAC,CACR,cAAK,SAAS,EAAC,oEAAoE,YAChF,MAAM,GACH,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AAAA,CACH"}

package/dist/demo/channel-selector.d.ts

@@ -0,0 +1,12 @@
+export interface Channel {
+    id: string;
+    label: string;
+}
+export interface ChannelSelectorProps {
+    channels: Channel[];
+    activeId: string;
+    onSelect: (id: string) => void;
+    className?: string;
+}
+export declare function ChannelSelector({ channels, activeId, onSelect, className }: ChannelSelectorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=channel-selector.d.ts.map

package/dist/demo/channel-selector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"channel-selector.d.ts","sourceRoot":"","sources":["../../src/demo/channel-selector.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACV,EAAE,oBAAoB,2CA6BtB"}

package/dist/demo/channel-selector.js

@@ -0,0 +1,13 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../lib/cn.js';
+export function ChannelSelector({ channels, activeId, onSelect, className, }) {
+    return (_jsx("div", { className: cn('flex items-center gap-3', className), children: channels.map((ch) => {
+            const active = ch.id === activeId;
+            return (_jsxs("button", { type: "button", onClick: () => onSelect(ch.id), className: cn('inline-flex items-center gap-1.5 px-3 py-1 rounded-md font-mono text-[10px] border transition-all cursor-pointer', active
+                    ? 'border-flow/40 bg-flow/[0.08] text-white'
+                    : 'border-border-bright bg-transparent text-neutral-500 hover:text-neutral-300'), children: [
+                    _jsx("span", { className: cn('w-1.5 h-1.5 rounded-full', active ? 'bg-flow' : 'bg-neutral-600') }), ch.label] }, ch.id));
+        }) }));
+}
+//# sourceMappingURL=channel-selector.js.map

package/dist/demo/channel-selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"channel-selector.js","sourceRoot":"","sources":["../../src/demo/channel-selector.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAc/B,MAAM,UAAU,eAAe,CAAC,EAC9B,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,GACY,EAAE;IACvB,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,YACrD,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC;YACpB,MAAM,MAAM,GAAG,EAAE,CAAC,EAAE,KAAK,QAAQ,CAAC;YAClC,OAAO,CACL,kBAEE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,EAC9B,SAAS,EAAE,EAAE,CACX,kHAAkH,EAClH,MAAM;oBACJ,CAAC,CAAC,0CAA0C;oBAC5C,CAAC,CAAC,6EAA6E,CAClF;oBAED,eACE,SAAS,EAAE,EAAE,CACX,0BAA0B,EAC1B,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,gBAAgB,CACtC,GACD,EACD,EAAE,CAAC,KAAK,KAhBJ,EAAE,CAAC,EAAE,CAiBH,CACV,CAAC;QAAA,CACH,CAAC,GACE,CACP,CAAC;AAAA,CACH"}

package/dist/demo/client-panel.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from 'react';
+export type ClientPanelColor = 'flow' | 'relay' | 'healthy' | 'syncing' | 'encrypt';
+export interface ClientPanelProps {
+    label: string;
+    color: ClientPanelColor;
+    status?: ReactNode;
+    footer?: ReactNode;
+    children: ReactNode;
+    className?: string;
+}
+export declare function ClientPanel({ label, color, status, footer, children, className }: ClientPanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=client-panel.d.ts.map

package/dist/demo/client-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"client-panel.d.ts","sourceRoot":"","sources":["../../src/demo/client-panel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,gBAAgB,GACxB,MAAM,GACN,OAAO,GACP,SAAS,GACT,SAAS,GACT,SAAS,CAAC;AAUd,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,gBAAgB,CAAC;IACxB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,EACN,QAAQ,EACR,SAAS,EACV,EAAE,gBAAgB,2CAwBlB"}

package/dist/demo/client-panel.js

@@ -0,0 +1,18 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../lib/cn.js';
+const colorMap = {
+    flow: 'bg-flow',
+    relay: 'bg-relay',
+    healthy: 'bg-healthy',
+    syncing: 'bg-syncing',
+    encrypt: 'bg-encrypt',
+};
+export function ClientPanel({ label, color, status, footer, children, className, }) {
+    return (_jsxs("div", { className: cn('rounded-[10px] border border-border bg-panel', className), children: [
+            _jsxs("div", { className: "flex items-center justify-between px-4 py-2.5 border-b border-border", children: [
+                    _jsxs("div", { className: "flex items-center gap-2", children: [
+                            _jsx("div", { className: cn('w-2 h-2 rounded-full', colorMap[color]) }), _jsx("span", { className: "font-mono text-[10px] uppercase tracking-[1.5px] text-neutral-500", children: label })
+                        ] }), status ? (_jsx("div", { className: "flex items-center gap-2", children: status })) : null] }), _jsx("div", { className: "p-3", children: children }), footer ? (_jsx("div", { className: "border-t border-border px-3 py-2 flex items-center justify-between", children: footer })) : null] }));
+}
+//# sourceMappingURL=client-panel.js.map

package/dist/demo/client-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"client-panel.js","sourceRoot":"","sources":["../../src/demo/client-panel.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAS/B,MAAM,QAAQ,GAAqC;IACjD,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,UAAU;IACjB,OAAO,EAAE,YAAY;IACrB,OAAO,EAAE,YAAY;IACrB,OAAO,EAAE,YAAY;CACtB,CAAC;AAWF,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,EACN,QAAQ,EACR,SAAS,GACQ,EAAE;IACnB,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CAAC,8CAA8C,EAAE,SAAS,CAAC;YAExE,eAAK,SAAS,EAAC,sEAAsE;oBACnF,eAAK,SAAS,EAAC,yBAAyB;4BACtC,cAAK,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC,GAAI,EAC/D,eAAM,SAAS,EAAC,mEAAmE,YAChF,KAAK,GACD;4BACH,EACL,MAAM,CAAC,CAAC,CAAC,CACR,cAAK,SAAS,EAAC,yBAAyB,YAAE,MAAM,GAAO,CACxD,CAAC,CAAC,CAAC,IAAI,IACJ,EACN,cAAK,SAAS,EAAC,KAAK,YAAE,QAAQ,GAAO,EACpC,MAAM,CAAC,CAAC,CAAC,CACR,cAAK,SAAS,EAAC,oEAAoE,YAChF,MAAM,GACH,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AAAA,CACH"}

package/dist/demo/conflict-panel.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+export interface ConflictPanelProps {
+    visible: boolean;
+    children: ReactNode;
+    className?: string;
+}
+export declare function ConflictPanel({ visible, children, className }: ConflictPanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=conflict-panel.d.ts.map

package/dist/demo/conflict-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conflict-panel.d.ts","sourceRoot":"","sources":["../../src/demo/conflict-panel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,QAAQ,EACR,SAAS,EACV,EAAE,kBAAkB,2CASpB"}

package/dist/demo/conflict-panel.js

@@ -0,0 +1,9 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../lib/cn.js';
+export function ConflictPanel({ visible, children, className, }) {
+    return (_jsxs("div", { className: cn('mt-3', className), hidden: !visible, children: [
+            _jsx("div", { className: "font-mono text-[10px] text-syncing uppercase tracking-wider mb-2", children: "Pending Conflicts" }), _jsx("div", { className: "space-y-1", children: children })
+        ] }));
+}
+//# sourceMappingURL=conflict-panel.js.map

package/dist/demo/conflict-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"conflict-panel.js","sourceRoot":"","sources":["../../src/demo/conflict-panel.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAQ/B,MAAM,UAAU,aAAa,CAAC,EAC5B,OAAO,EACP,QAAQ,EACR,SAAS,GACU,EAAE;IACrB,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC,OAAO;YACrD,cAAK,SAAS,EAAC,kEAAkE,kCAE3E,EACN,cAAK,SAAS,EAAC,WAAW,YAAE,QAAQ,GAAO;YACvC,CACP,CAAC;AAAA,CACH"}

package/dist/demo/demo-header.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+export interface DemoHeaderProps {
+    title: string;
+    subtitle: string;
+    right?: ReactNode;
+    className?: string;
+}
+export declare function DemoHeader({ title, subtitle, right, className }: DemoHeaderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=demo-header.d.ts.map

package/dist/demo/demo-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"demo-header.d.ts","sourceRoot":"","sources":["../../src/demo/demo-header.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,KAAK,EACL,SAAS,EACV,EAAE,eAAe,2CAyBjB"}