@syncular/ui 0.0.6-240 → 0.0.6-243

package/dist/lib/cn.js.map

@@ -1 +1 @@
-{"version":3,"file":"cn.js","sourceRoot":"","sources":["../../src/lib/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,IAAI,EAAE,MAAM,MAAM,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,MAAM,UAAU,EAAE,CAAC,GAAG,MAAoB,EAAE;IAC1C,OAAO,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;AAAA,CAC9B"}
+{"version":3,"file":"cn.js","sourceRoot":"","sources":["../../src/lib/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,IAAI,EAAE,MAAM,MAAM,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,MAAM,UAAU,EAAE,CAAC,GAAG,MAAoB;IACxC,OAAO,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;AAC/B,CAAC"}

package/dist/navigation/nav-pill-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav-pill-group.js","sourceRoot":"","sources":["../../src/navigation/nav-pill-group.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAE/B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAarC,MAAM,UAAU,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,SAAS,GACS,EAAE;IACpB,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,SAAS,CAAC,YACvD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC;YACnB,MAAM,MAAM,GAAG,IAAI,CAAC,EAAE,KAAK,QAAQ,CAAC;YACpC,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,YAAY,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YAE9C,IAAI,UAAU,EAAE,CAAC;gBACf,OAAO,CACL,yBAAqB,UAAU,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,IAA/C,IAAI,CAAC,EAAE,CAAgD,CACnE,CAAC;YACJ,CAAC;YAED,OAAO,CACL,KAAC,OAAO,IAAe,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,YACpD,IAAI,CAAC,KAAK,IADC,IAAI,CAAC,EAAE,CAEX,CACX,CAAC;QAAA,CACH,CAAC,GACE,CACP,CAAC;AAAA,CACH"}
+{"version":3,"file":"nav-pill-group.js","sourceRoot":"","sources":["../../src/navigation/nav-pill-group.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAE/B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAarC,MAAM,UAAU,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,SAAS,GACS;IAClB,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,SAAS,CAAC,YACvD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YAClB,MAAM,MAAM,GAAG,IAAI,CAAC,EAAE,KAAK,QAAQ,CAAC;YACpC,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,YAAY,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YAE9C,IAAI,UAAU,EAAE,CAAC;gBACf,OAAO,CACL,yBAAqB,UAAU,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,IAA/C,IAAI,CAAC,EAAE,CAAgD,CACnE,CAAC;YACJ,CAAC;YAED,OAAO,CACL,KAAC,OAAO,IAAe,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,YACpD,IAAI,CAAC,KAAK,IADC,IAAI,CAAC,EAAE,CAEX,CACX,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/navigation/nav-pill.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav-pill.js","sourceRoot":"","sources":["../../src/navigation/nav-pill.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAS/B,MAAM,UAAU,OAAO,CAAC,EACtB,MAAM,EACN,OAAO,EACP,QAAQ,EACR,SAAS,GACI,EAAE;IACf,OAAO,CACL,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CACX,mIAAmI,EACnI,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,yCAAyC,EACjE,SAAS,CACV,aAEA,QAAQ,EACR,MAAM,IAAI,CACT,eAAM,SAAS,EAAC,mHAAmH,GAAG,CACvI,IACM,CACV,CAAC;AAAA,CACH"}
+{"version":3,"file":"nav-pill.js","sourceRoot":"","sources":["../../src/navigation/nav-pill.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAS/B,MAAM,UAAU,OAAO,CAAC,EACtB,MAAM,EACN,OAAO,EACP,QAAQ,EACR,SAAS,GACI;IACb,OAAO,CACL,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CACX,mIAAmI,EACnI,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,yCAAyC,EACjE,SAAS,CACV,aAEA,QAAQ,EACR,MAAM,IAAI,CACT,eAAM,SAAS,EAAC,mHAAmH,GAAG,CACvI,IACM,CACV,CAAC;AACJ,CAAC"}

package/dist/navigation/status-dot.js.map

@@ -1 +1 @@
-{"version":3,"file":"status-dot.js","sourceRoot":"","sources":["../../src/navigation/status-dot.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAE/B,MAAM,iBAAiB,GAAG,GAAG,CAAC,yCAAyC,EAAE;IACvE,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EAAE,YAAY;YACrB,OAAO,EAAE,YAAY;YACrB,OAAO,EAAE,YAAY;YACrB,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,UAAU;YACjB,OAAO,EAAE,YAAY;YACrB,KAAK,EAAE,gBAAgB;SACxB;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,aAAa;YACjB,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,aAAa;SAClB;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,EAAE;SACV;KACF;IACD,eAAe,EAAE;QACf,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,KAAK;KACZ;CACF,CAAC,CAAC;AAEH,MAAM,OAAO,GAA2B;IACtC,OAAO,EAAE,iBAAiB;IAC1B,OAAO,EAAE,iBAAiB;IAC1B,OAAO,EAAE,iBAAiB;IAC1B,IAAI,EAAE,iBAAiB;IACvB,KAAK,EAAE,iBAAiB;IACxB,OAAO,EAAE,iBAAiB;IAC1B,KAAK,EAAE,MAAM;CACd,CAAC;AAOF,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,SAAS,GACM,EAAE;IACjB,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,iBAAiB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EACxC,KAAK,IAAI,WAAW,EACpB,SAAS,CACV,EACD,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,OAAO,CAAC,KAAK,IAAI,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,GACpE,CACH,CAAC;AAAA,CACH"}
+{"version":3,"file":"status-dot.js","sourceRoot":"","sources":["../../src/navigation/status-dot.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAE/B,MAAM,iBAAiB,GAAG,GAAG,CAAC,yCAAyC,EAAE;IACvE,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EAAE,YAAY;YACrB,OAAO,EAAE,YAAY;YACrB,OAAO,EAAE,YAAY;YACrB,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,UAAU;YACjB,OAAO,EAAE,YAAY;YACrB,KAAK,EAAE,gBAAgB;SACxB;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,aAAa;YACjB,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,aAAa;SAClB;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,EAAE;SACV;KACF;IACD,eAAe,EAAE;QACf,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,KAAK;KACZ;CACF,CAAC,CAAC;AAEH,MAAM,OAAO,GAA2B;IACtC,OAAO,EAAE,iBAAiB;IAC1B,OAAO,EAAE,iBAAiB;IAC1B,OAAO,EAAE,iBAAiB;IAC1B,IAAI,EAAE,iBAAiB;IACvB,KAAK,EAAE,iBAAiB;IACxB,OAAO,EAAE,iBAAiB;IAC1B,KAAK,EAAE,MAAM;CACd,CAAC;AAOF,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,SAAS,GACM;IACf,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,iBAAiB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EACxC,KAAK,IAAI,WAAW,EACpB,SAAS,CACV,EACD,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,OAAO,CAAC,KAAK,IAAI,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,GACpE,CACH,CAAC;AACJ,CAAC"}

package/dist/navigation/syncular-brand.js

@@ -4,8 +4,6 @@ import { cn } from '../lib/cn.js';
 import { UI_VERSION } from '../version.js';
 import { StatusDot } from './status-dot.js';
 export function SyncularBrand({ label, className }) {
-    return (_jsxs("div", { className: cn('flex items-center gap-3', className), children: [
-            _jsx(StatusDot, { color: "healthy", size: "md", glow: true }), _jsx("span", { className: "font-display font-bold text-white text-sm tracking-tight", children: "syncular" }), label && (_jsx("span", { className: "font-mono text-[9px] text-neutral-600 uppercase tracking-widest", children: label })), _jsxs("span", { className: "font-mono text-[9px] text-neutral-600 tracking-wider", children: ["v", UI_VERSION] })
-        ] }));
+    return (_jsxs("div", { className: cn('flex items-center gap-3', className), children: [_jsx(StatusDot, { color: "healthy", size: "md", glow: true }), _jsx("span", { className: "font-display font-bold text-white text-sm tracking-tight", children: "syncular" }), label && (_jsx("span", { className: "font-mono text-[9px] text-neutral-600 uppercase tracking-widest", children: label })), _jsxs("span", { className: "font-mono text-[9px] text-neutral-600 tracking-wider", children: ["v", UI_VERSION] })] }));
 }
 //# sourceMappingURL=syncular-brand.js.map

package/dist/navigation/syncular-brand.js.map

@@ -1 +1 @@
-{"version":3,"file":"syncular-brand.js","sourceRoot":"","sources":["../../src/navigation/syncular-brand.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAOzC,MAAM,UAAU,aAAa,CAAC,EAAE,KAAK,EAAE,SAAS,EAAsB,EAAE;IACtE,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC;YACtD,KAAC,SAAS,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,SAAG,EAC5C,eAAM,SAAS,EAAC,0DAA0D,yBAEnE,EACN,KAAK,IAAI,CACR,eAAM,SAAS,EAAC,iEAAiE,YAC9E,KAAK,GACD,CACR,EACD,gBAAM,SAAS,EAAC,sDAAsD,kBAClE,UAAU,IACP;YACH,CACP,CAAC;AAAA,CACH"}
+{"version":3,"file":"syncular-brand.js","sourceRoot":"","sources":["../../src/navigation/syncular-brand.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAOzC,MAAM,UAAU,aAAa,CAAC,EAAE,KAAK,EAAE,SAAS,EAAsB;IACpE,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,aACtD,KAAC,SAAS,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,SAAG,EAC5C,eAAM,SAAS,EAAC,0DAA0D,yBAEnE,EACN,KAAK,IAAI,CACR,eAAM,SAAS,EAAC,iEAAiE,YAC9E,KAAK,GACD,CACR,EACD,gBAAM,SAAS,EAAC,sDAAsD,kBAClE,UAAU,IACP,IACH,CACP,CAAC;AACJ,CAAC"}

package/dist/navigation/top-navigation.js

@@ -2,10 +2,6 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from '../lib/cn.js';
 export function TopNavigation({ brand, center, right, className, }) {
-    return (_jsxs(_Fragment, { children: [
-            _jsx("div", { "aria-hidden": "true", className: "h-[42px] shrink-0" }), _jsxs("nav", { className: cn('fixed top-0 left-0 right-0 z-100 h-[42px] border-b border-border bg-surface/88 backdrop-blur-lg flex items-center justify-between px-5', className), children: [
-                    _jsx("div", { className: "flex items-center gap-3", children: brand }), _jsx("div", { className: "flex items-center gap-0.5", children: center }), _jsx("div", { className: "flex items-center gap-2", children: right })
-                ] })
-        ] }));
+    return (_jsxs(_Fragment, { children: [_jsx("div", { "aria-hidden": "true", className: "h-[42px] shrink-0" }), _jsxs("nav", { className: cn('fixed top-0 left-0 right-0 z-100 h-[42px] border-b border-border bg-surface/88 backdrop-blur-lg flex items-center justify-between px-5', className), children: [_jsx("div", { className: "flex items-center gap-3", children: brand }), _jsx("div", { className: "flex items-center gap-0.5", children: center }), _jsx("div", { className: "flex items-center gap-2", children: right })] })] }));
 }
 //# sourceMappingURL=top-navigation.js.map

package/dist/navigation/top-navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"top-navigation.js","sourceRoot":"","sources":["../../src/navigation/top-navigation.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAS/B,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,EACL,MAAM,EACN,KAAK,EACL,SAAS,GACU,EAAE;IACrB,OAAO,CACL;YACE,6BAAiB,MAAM,EAAC,SAAS,EAAC,mBAAmB,GAAG,EACxD,eACE,SAAS,EAAE,EAAE,CACX,wIAAwI,EACxI,SAAS,CACV;oBAED,cAAK,SAAS,EAAC,yBAAyB,YAAE,KAAK,GAAO,EACtD,cAAK,SAAS,EAAC,2BAA2B,YAAE,MAAM,GAAO,EACzD,cAAK,SAAS,EAAC,yBAAyB,YAAE,KAAK,GAAO;oBAClD;YACL,CACJ,CAAC;AAAA,CACH"}
+{"version":3,"file":"top-navigation.js","sourceRoot":"","sources":["../../src/navigation/top-navigation.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAS/B,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,EACL,MAAM,EACN,KAAK,EACL,SAAS,GACU;IACnB,OAAO,CACL,8BACE,6BAAiB,MAAM,EAAC,SAAS,EAAC,mBAAmB,GAAG,EACxD,eACE,SAAS,EAAE,EAAE,CACX,wIAAwI,EACxI,SAAS,CACV,aAED,cAAK,SAAS,EAAC,yBAAyB,YAAE,KAAK,GAAO,EACtD,cAAK,SAAS,EAAC,2BAA2B,YAAE,MAAM,GAAO,EACzD,cAAK,SAAS,EAAC,yBAAyB,YAAE,KAAK,GAAO,IAClD,IACL,CACJ,CAAC;AACJ,CAAC"}

package/dist/observable-universe/architecture-section.js

@@ -4,41 +4,9 @@ import { forwardRef } from 'react';
 import { cn } from '../lib/cn.js';
 import { SectionHeading } from './section-heading.js';
 export const ArchitectureSection = forwardRef(function ArchitectureSection({ className }, ref) {
-    return (_jsx("section", { ref: ref, id: "architecture", className: cn('py-24 border-t border-border', className), children: _jsxs("div", { className: "max-w-[1400px] mx-auto px-6", children: [
-                _jsx(SectionHeading, { label: "How sync works", title: "Local SQLite on every client. Commit log for change tracking. Server as the source of truth." }), _jsx("div", { className: "dashboard-panel rounded-lg p-8 md:p-12 overflow-x-auto", children: _jsxs("div", { className: "flex items-center justify-center gap-0 min-w-[700px]", children: [
-                            _jsx("div", { className: "flex flex-col items-center gap-2 shrink-0", children: _jsxs("div", { className: "w-32 border border-border rounded-lg p-4 text-center bg-panel", children: [
-                                        _jsx("div", { className: "font-mono text-[10px] text-neutral-500 uppercase mb-1", children: "Client A" }), _jsx("div", { className: "font-mono text-xs text-white", children: "SQLite" }), _jsx("div", { className: "font-mono text-[10px] text-neutral-600 mt-1", children: "outbox + local DB" })
-                                    ] }) }), _jsxs("div", { className: "flex flex-col items-center gap-1 px-3 shrink-0", children: [
-                                    _jsx("svg", { width: "60", height: "24", viewBox: "0 0 60 24", children: _jsx("path", { d: "M0 12h52m-6-5l6 5-6 5", stroke: "#3b82f6", strokeWidth: "1.5", fill: "none", strokeLinecap: "round" }) }), _jsx("span", { className: "font-mono text-[9px] text-flow", children: "HTTP / WS" })
-                                ] }), _jsx("div", { className: "flex flex-col items-center gap-2 shrink-0", children: _jsxs("div", { className: "w-28 border border-flow/30 rounded-lg p-4 text-center", style: { background: 'rgba(59,130,246,0.05)' }, children: [
-                                        _jsx("div", { className: "font-mono text-[10px] text-flow uppercase mb-1", children: "Transport" }), _jsx("div", { className: "font-mono text-xs text-white", children: "Push / Pull" }), _jsx("div", { className: "font-mono text-[10px] text-neutral-600 mt-1", children: "delta sync" })
-                                    ] }) }), _jsxs("div", { className: "flex flex-col items-center gap-1 px-3 shrink-0", children: [
-                                    _jsx("svg", { width: "60", height: "24", viewBox: "0 0 60 24", children: _jsx("path", { d: "M0 12h52m-6-5l6 5-6 5", stroke: "#3b82f6", strokeWidth: "1.5", fill: "none", strokeLinecap: "round" }) }), _jsx("span", { className: "font-mono text-[9px] text-flow", children: "commits" })
-                                ] }), _jsx("div", { className: "flex flex-col items-center gap-2 shrink-0", children: _jsxs("div", { className: "w-36 border-2 border-flow rounded-lg p-4 text-center relative", style: {
+    return (_jsx("section", { ref: ref, id: "architecture", className: cn('py-24 border-t border-border', className), children: _jsxs("div", { className: "max-w-[1400px] mx-auto px-6", children: [_jsx(SectionHeading, { label: "How sync works", title: "Local SQLite on every client. Commit log for change tracking. Server as the source of truth." }), _jsx("div", { className: "dashboard-panel rounded-lg p-8 md:p-12 overflow-x-auto", children: _jsxs("div", { className: "flex items-center justify-center gap-0 min-w-[700px]", children: [_jsx("div", { className: "flex flex-col items-center gap-2 shrink-0", children: _jsxs("div", { className: "w-32 border border-border rounded-lg p-4 text-center bg-panel", children: [_jsx("div", { className: "font-mono text-[10px] text-neutral-500 uppercase mb-1", children: "Client A" }), _jsx("div", { className: "font-mono text-xs text-white", children: "SQLite" }), _jsx("div", { className: "font-mono text-[10px] text-neutral-600 mt-1", children: "outbox + local DB" })] }) }), _jsxs("div", { className: "flex flex-col items-center gap-1 px-3 shrink-0", children: [_jsx("svg", { width: "60", height: "24", viewBox: "0 0 60 24", children: _jsx("path", { d: "M0 12h52m-6-5l6 5-6 5", stroke: "#3b82f6", strokeWidth: "1.5", fill: "none", strokeLinecap: "round" }) }), _jsx("span", { className: "font-mono text-[9px] text-flow", children: "HTTP / WS" })] }), _jsx("div", { className: "flex flex-col items-center gap-2 shrink-0", children: _jsxs("div", { className: "w-28 border border-flow/30 rounded-lg p-4 text-center", style: { background: 'rgba(59,130,246,0.05)' }, children: [_jsx("div", { className: "font-mono text-[10px] text-flow uppercase mb-1", children: "Transport" }), _jsx("div", { className: "font-mono text-xs text-white", children: "Push / Pull" }), _jsx("div", { className: "font-mono text-[10px] text-neutral-600 mt-1", children: "delta sync" })] }) }), _jsxs("div", { className: "flex flex-col items-center gap-1 px-3 shrink-0", children: [_jsx("svg", { width: "60", height: "24", viewBox: "0 0 60 24", children: _jsx("path", { d: "M0 12h52m-6-5l6 5-6 5", stroke: "#3b82f6", strokeWidth: "1.5", fill: "none", strokeLinecap: "round" }) }), _jsx("span", { className: "font-mono text-[9px] text-flow", children: "commits" })] }), _jsx("div", { className: "flex flex-col items-center gap-2 shrink-0", children: _jsxs("div", { className: "w-36 border-2 border-flow rounded-lg p-4 text-center relative", style: {
                                         background: 'rgba(59,130,246,0.08)',
                                         boxShadow: '0 0 20px rgba(59,130,246,0.15)',
-                                    }, children: [
-                                        _jsx("div", { className: "font-mono text-[10px] text-flow uppercase mb-1", children: "Server" }), _jsx("div", { className: "font-mono text-xs text-white font-medium", children: "Commit Log" }), _jsx("div", { className: "font-mono text-[10px] text-neutral-600 mt-1", children: "source of truth" })
-                                    ] }) }), _jsxs("div", { className: "flex flex-col items-center gap-1 px-3 shrink-0", children: [
-                                    _jsx("svg", { width: "60", height: "24", viewBox: "0 0 60 24", children: _jsx("path", { d: "M0 12h52m-6-5l6 5-6 5", stroke: "#3b82f6", strokeWidth: "1.5", fill: "none", strokeLinecap: "round" }) }), _jsx("span", { className: "font-mono text-[9px] text-flow", children: "commits" })
-                                ] }), _jsx("div", { className: "flex flex-col items-center gap-2 shrink-0", children: _jsxs("div", { className: "w-28 border border-flow/30 rounded-lg p-4 text-center", style: { background: 'rgba(59,130,246,0.05)' }, children: [
-                                        _jsx("div", { className: "font-mono text-[10px] text-flow uppercase mb-1", children: "Transport" }), _jsx("div", { className: "font-mono text-xs text-white", children: "Push / Pull" }), _jsx("div", { className: "font-mono text-[10px] text-neutral-600 mt-1", children: "delta sync" })
-                                    ] }) }), _jsxs("div", { className: "flex flex-col items-center gap-1 px-3 shrink-0", children: [
-                                    _jsx("svg", { width: "60", height: "24", viewBox: "0 0 60 24", children: _jsx("path", { d: "M0 12h52m-6-5l6 5-6 5", stroke: "#3b82f6", strokeWidth: "1.5", fill: "none", strokeLinecap: "round" }) }), _jsx("span", { className: "font-mono text-[9px] text-flow", children: "HTTP / WS" })
-                                ] }), _jsx("div", { className: "flex flex-col items-center gap-2 shrink-0", children: _jsxs("div", { className: "w-32 border border-border rounded-lg p-4 text-center bg-panel", children: [
-                                        _jsx("div", { className: "font-mono text-[10px] text-neutral-500 uppercase mb-1", children: "Client B" }), _jsx("div", { className: "font-mono text-xs text-white", children: "SQLite" }), _jsx("div", { className: "font-mono text-[10px] text-neutral-600 mt-1", children: "outbox + local DB" })
-                                    ] }) })
-                        ] }) }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-4 gap-4 mt-6", children: [
-                        _jsxs("div", { className: "dashboard-panel rounded-lg p-5", children: [
-                                _jsx("div", { className: "font-mono text-[10px] text-healthy uppercase tracking-wider mb-2", children: "Bootstrap" }), _jsx("p", { className: "text-sm text-neutral-400 leading-relaxed", children: "First sync sends a point-in-time snapshot, chunked and compressed for large datasets." })
-                            ] }), _jsxs("div", { className: "dashboard-panel rounded-lg p-5", children: [
-                                _jsx("div", { className: "font-mono text-[10px] text-syncing uppercase tracking-wider mb-2", children: "Push" }), _jsx("p", { className: "text-sm text-neutral-400 leading-relaxed", children: "Client writes locally, queues in outbox, pushes to server. Server validates and writes to commit log." })
-                            ] }), _jsxs("div", { className: "dashboard-panel rounded-lg p-5", children: [
-                                _jsx("div", { className: "font-mono text-[10px] text-flow uppercase tracking-wider mb-2", children: "Pull" }), _jsx("p", { className: "text-sm text-neutral-400 leading-relaxed", children: "Client sends its cursor. Server returns commits since then, filtered by scopes." })
-                            ] }), _jsxs("div", { className: "dashboard-panel rounded-lg p-5", children: [
-                                _jsx("div", { className: "font-mono text-[10px] text-violet-400 uppercase tracking-wider mb-2", children: "Realtime" }), _jsx("p", { className: "text-sm text-neutral-400 leading-relaxed", children: "WebSocket wakes clients on new commits. Data still flows over HTTP." })
-                            ] })
-                    ] })
-            ] }) }));
+                                    }, children: [_jsx("div", { className: "font-mono text-[10px] text-flow uppercase mb-1", children: "Server" }), _jsx("div", { className: "font-mono text-xs text-white font-medium", children: "Commit Log" }), _jsx("div", { className: "font-mono text-[10px] text-neutral-600 mt-1", children: "source of truth" })] }) }), _jsxs("div", { className: "flex flex-col items-center gap-1 px-3 shrink-0", children: [_jsx("svg", { width: "60", height: "24", viewBox: "0 0 60 24", children: _jsx("path", { d: "M0 12h52m-6-5l6 5-6 5", stroke: "#3b82f6", strokeWidth: "1.5", fill: "none", strokeLinecap: "round" }) }), _jsx("span", { className: "font-mono text-[9px] text-flow", children: "commits" })] }), _jsx("div", { className: "flex flex-col items-center gap-2 shrink-0", children: _jsxs("div", { className: "w-28 border border-flow/30 rounded-lg p-4 text-center", style: { background: 'rgba(59,130,246,0.05)' }, children: [_jsx("div", { className: "font-mono text-[10px] text-flow uppercase mb-1", children: "Transport" }), _jsx("div", { className: "font-mono text-xs text-white", children: "Push / Pull" }), _jsx("div", { className: "font-mono text-[10px] text-neutral-600 mt-1", children: "delta sync" })] }) }), _jsxs("div", { className: "flex flex-col items-center gap-1 px-3 shrink-0", children: [_jsx("svg", { width: "60", height: "24", viewBox: "0 0 60 24", children: _jsx("path", { d: "M0 12h52m-6-5l6 5-6 5", stroke: "#3b82f6", strokeWidth: "1.5", fill: "none", strokeLinecap: "round" }) }), _jsx("span", { className: "font-mono text-[9px] text-flow", children: "HTTP / WS" })] }), _jsx("div", { className: "flex flex-col items-center gap-2 shrink-0", children: _jsxs("div", { className: "w-32 border border-border rounded-lg p-4 text-center bg-panel", children: [_jsx("div", { className: "font-mono text-[10px] text-neutral-500 uppercase mb-1", children: "Client B" }), _jsx("div", { className: "font-mono text-xs text-white", children: "SQLite" }), _jsx("div", { className: "font-mono text-[10px] text-neutral-600 mt-1", children: "outbox + local DB" })] }) })] }) }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-4 gap-4 mt-6", children: [_jsxs("div", { className: "dashboard-panel rounded-lg p-5", children: [_jsx("div", { className: "font-mono text-[10px] text-healthy uppercase tracking-wider mb-2", children: "Bootstrap" }), _jsx("p", { className: "text-sm text-neutral-400 leading-relaxed", children: "First sync sends a point-in-time snapshot, chunked and compressed for large datasets." })] }), _jsxs("div", { className: "dashboard-panel rounded-lg p-5", children: [_jsx("div", { className: "font-mono text-[10px] text-syncing uppercase tracking-wider mb-2", children: "Push" }), _jsx("p", { className: "text-sm text-neutral-400 leading-relaxed", children: "Client writes locally, queues in outbox, pushes to server. Server validates and writes to commit log." })] }), _jsxs("div", { className: "dashboard-panel rounded-lg p-5", children: [_jsx("div", { className: "font-mono text-[10px] text-flow uppercase tracking-wider mb-2", children: "Pull" }), _jsx("p", { className: "text-sm text-neutral-400 leading-relaxed", children: "Client sends its cursor. Server returns commits since then, filtered by scopes." })] }), _jsxs("div", { className: "dashboard-panel rounded-lg p-5", children: [_jsx("div", { className: "font-mono text-[10px] text-violet-400 uppercase tracking-wider mb-2", children: "Realtime" }), _jsx("p", { className: "text-sm text-neutral-400 leading-relaxed", children: "WebSocket wakes clients on new commits. Data still flows over HTTP." })] })] })] }) }));
 });
 //# sourceMappingURL=architecture-section.js.map

package/dist/observable-universe/architecture-section.js.map

@@ -1 +1 @@
-{"version":3,"file":"architecture-section.js","sourceRoot":"","sources":["../../src/observable-universe/architecture-section.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"architecture-section.js","sourceRoot":"","sources":["../../src/observable-universe/architecture-section.tsx"],"names":[],"mappings":"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"}

package/dist/observable-universe/code-section.js

@@ -69,18 +69,6 @@ const dialects = [
     },
 ];
 export const CodeSection = forwardRef(function CodeSection({ className }, ref) {
-    return (_jsx("section", { ref: ref, id: "databases", className: cn('py-24 border-t border-border', className), children: _jsxs("div", { className: "max-w-[1400px] mx-auto px-6", children: [
-                _jsx(SectionHeading, { label: "Runs everywhere", title: "Pick the dialect for your runtime. Mix and match client and server." }), _jsx("div", { className: "max-w-3xl", children: _jsxs("div", { className: "dashboard-panel rounded-lg overflow-hidden", children: [
-                            _jsx("div", { className: "px-6 py-4 border-b border-border", children: _jsxs("div", { className: "flex items-center gap-2", children: [
-                                        _jsx("span", { className: "w-2 h-2 rounded-full bg-flow inline-block" }), _jsx("span", { className: "font-mono text-[11px] text-flow uppercase tracking-wider", children: "Supported dialects" })
-                                    ] }) }), _jsxs("table", { className: "w-full", children: [
-                                    _jsx("thead", { children: _jsxs("tr", { className: "border-b border-border", children: [
-                                                _jsx("th", { className: "text-left text-[11px] font-mono text-neutral-500 uppercase tracking-wider px-6 py-3", children: "Dialect" }), _jsx("th", { className: "text-left text-[11px] font-mono text-neutral-500 uppercase tracking-wider px-6 py-3", children: "Runtime" })
-                                            ] }) }), _jsx("tbody", { children: dialects.map((row) => (_jsxs("tr", { className: "border-b border-border/50", children: [
-                                                _jsx("td", { className: "px-6 py-3 font-mono text-sm text-white", children: _jsx("a", { href: row.href, className: "underline decoration-border underline-offset-4 transition-colors hover:text-flow hover:decoration-flow", children: row.dialect }) }), _jsx("td", { className: "px-6 py-3 text-sm text-neutral-400", children: row.runtime })
-                                            ] }, row.dialect))) })
-                                ] })
-                        ] }) })
-            ] }) }));
+    return (_jsx("section", { ref: ref, id: "databases", className: cn('py-24 border-t border-border', className), children: _jsxs("div", { className: "max-w-[1400px] mx-auto px-6", children: [_jsx(SectionHeading, { label: "Runs everywhere", title: "Pick the dialect for your runtime. Mix and match client and server." }), _jsx("div", { className: "max-w-3xl", children: _jsxs("div", { className: "dashboard-panel rounded-lg overflow-hidden", children: [_jsx("div", { className: "px-6 py-4 border-b border-border", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "w-2 h-2 rounded-full bg-flow inline-block" }), _jsx("span", { className: "font-mono text-[11px] text-flow uppercase tracking-wider", children: "Supported dialects" })] }) }), _jsxs("table", { className: "w-full", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b border-border", children: [_jsx("th", { className: "text-left text-[11px] font-mono text-neutral-500 uppercase tracking-wider px-6 py-3", children: "Dialect" }), _jsx("th", { className: "text-left text-[11px] font-mono text-neutral-500 uppercase tracking-wider px-6 py-3", children: "Runtime" })] }) }), _jsx("tbody", { children: dialects.map((row) => (_jsxs("tr", { className: "border-b border-border/50", children: [_jsx("td", { className: "px-6 py-3 font-mono text-sm text-white", children: _jsx("a", { href: row.href, className: "underline decoration-border underline-offset-4 transition-colors hover:text-flow hover:decoration-flow", children: row.dialect }) }), _jsx("td", { className: "px-6 py-3 text-sm text-neutral-400", children: row.runtime })] }, row.dialect))) })] })] }) })] }) }));
 });
 //# sourceMappingURL=code-section.js.map

package/dist/observable-universe/code-section.js.map

@@ -1 +1 @@
-{"version":3,"file":"code-section.js","sourceRoot":"","sources":["../../src/observable-universe/code-section.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAMnD,MAAM,QAAQ,GAAG;IACf;QACE,OAAO,EAAE,UAAU;QACnB,OAAO,EAAE,sBAAsB;QAC/B,IAAI,EAAE,uBAAuB;KAC9B;IACD;QACE,OAAO,EAAE,QAAQ;QACjB,OAAO,EAAE,eAAe;QACxB,IAAI,EAAE,uBAAuB;KAC9B;IACD;QACE,OAAO,EAAE,WAAW;QACpB,OAAO,EAAE,gBAAgB;QACzB,UAAU,EAAE,IAAI;QAChB,IAAI,EAAE,0BAA0B;KACjC;IACD;QACE,OAAO,EAAE,QAAQ;QACjB,OAAO,EAAE,gBAAgB;QACzB,IAAI,EAAE,0BAA0B;KACjC;IACD;QACE,OAAO,EAAE,gBAAgB;QACzB,OAAO,EAAE,oBAAoB;QAC7B,IAAI,EAAE,+BAA+B;KACtC;IACD;QACE,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,+BAA+B;KACtC;IACD;QACE,OAAO,EAAE,YAAY;QACrB,OAAO,EAAE,KAAK;QACd,IAAI,EAAE,+BAA+B;KACtC;IACD;QACE,OAAO,EAAE,aAAa;QACtB,OAAO,EAAE,cAAc;QACvB,UAAU,EAAE,IAAI;QAChB,IAAI,EAAE,2BAA2B;KAClC;IACD;QACE,OAAO,EAAE,cAAc;QACvB,OAAO,EAAE,cAAc;QACvB,UAAU,EAAE,IAAI;QAChB,IAAI,EAAE,2BAA2B;KAClC;IACD;QACE,OAAO,EAAE,QAAQ;QACjB,OAAO,EAAE,gBAAgB;QACzB,IAAI,EAAE,uBAAuB;KAC9B;IACD;QACE,OAAO,EAAE,MAAM;QACf,OAAO,EAAE,4BAA4B;QACrC,IAAI,EAAE,iCAAiC;KACxC;IACD;QACE,OAAO,EAAE,IAAI;QACb,OAAO,EAAE,oBAAoB;QAC7B,IAAI,EAAE,iCAAiC;KACxC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,EAAE,GAAG,EAAE;IACvC,OAAO,CACL,kBACE,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,WAAW,EACd,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,SAAS,CAAC,YAExD,eAAK,SAAS,EAAC,6BAA6B;gBAC1C,KAAC,cAAc,IACb,KAAK,EAAC,iBAAiB,EACvB,KAAK,EAAC,qEAAqE,GAC3E,EAEF,cAAK,SAAS,EAAC,WAAW,YACxB,eAAK,SAAS,EAAC,4CAA4C;4BACzD,cAAK,SAAS,EAAC,kCAAkC,YAC/C,eAAK,SAAS,EAAC,yBAAyB;wCACtC,eAAM,SAAS,EAAC,2CAA2C,GAAG,EAC9D,eAAM,SAAS,EAAC,0DAA0D,mCAEnE;wCACH,GACF,EACN,iBAAO,SAAS,EAAC,QAAQ;oCACvB,0BACE,cAAI,SAAS,EAAC,wBAAwB;gDACpC,aAAI,SAAS,EAAC,qFAAqF,wBAE9F,EACL,aAAI,SAAS,EAAC,qFAAqF,wBAE9F;gDACF,GACC,EACR,0BACG,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACrB,cAAsB,SAAS,EAAC,2BAA2B;gDACzD,aAAI,SAAS,EAAC,wCAAwC,YACpD,YACE,IAAI,EAAE,GAAG,CAAC,IAAI,EACd,SAAS,EAAC,wGAAwG,YAEjH,GAAG,CAAC,OAAO,GACV,GACD,EACL,aAAI,SAAS,EAAC,oCAAoC,YAC/C,GAAG,CAAC,OAAO,GACT;iDAXE,GAAG,CAAC,OAAO,CAYf,CACN,CAAC,GACI;oCACF;4BACJ,GACF;gBACF,GACE,CACX,CAAC;AAAA,CACH,CACF,CAAC"}
+{"version":3,"file":"code-section.js","sourceRoot":"","sources":["../../src/observable-universe/code-section.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAMnD,MAAM,QAAQ,GAAG;IACf;QACE,OAAO,EAAE,UAAU;QACnB,OAAO,EAAE,sBAAsB;QAC/B,IAAI,EAAE,uBAAuB;KAC9B;IACD;QACE,OAAO,EAAE,QAAQ;QACjB,OAAO,EAAE,eAAe;QACxB,IAAI,EAAE,uBAAuB;KAC9B;IACD;QACE,OAAO,EAAE,WAAW;QACpB,OAAO,EAAE,gBAAgB;QACzB,UAAU,EAAE,IAAI;QAChB,IAAI,EAAE,0BAA0B;KACjC;IACD;QACE,OAAO,EAAE,QAAQ;QACjB,OAAO,EAAE,gBAAgB;QACzB,IAAI,EAAE,0BAA0B;KACjC;IACD;QACE,OAAO,EAAE,gBAAgB;QACzB,OAAO,EAAE,oBAAoB;QAC7B,IAAI,EAAE,+BAA+B;KACtC;IACD;QACE,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,+BAA+B;KACtC;IACD;QACE,OAAO,EAAE,YAAY;QACrB,OAAO,EAAE,KAAK;QACd,IAAI,EAAE,+BAA+B;KACtC;IACD;QACE,OAAO,EAAE,aAAa;QACtB,OAAO,EAAE,cAAc;QACvB,UAAU,EAAE,IAAI;QAChB,IAAI,EAAE,2BAA2B;KAClC;IACD;QACE,OAAO,EAAE,cAAc;QACvB,OAAO,EAAE,cAAc;QACvB,UAAU,EAAE,IAAI;QAChB,IAAI,EAAE,2BAA2B;KAClC;IACD;QACE,OAAO,EAAE,QAAQ;QACjB,OAAO,EAAE,gBAAgB;QACzB,IAAI,EAAE,uBAAuB;KAC9B;IACD;QACE,OAAO,EAAE,MAAM;QACf,OAAO,EAAE,4BAA4B;QACrC,IAAI,EAAE,iCAAiC;KACxC;IACD;QACE,OAAO,EAAE,IAAI;QACb,OAAO,EAAE,oBAAoB;QAC7B,IAAI,EAAE,iCAAiC;KACxC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,EAAE,GAAG;IACrC,OAAO,CACL,kBACE,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,WAAW,EACd,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,SAAS,CAAC,YAExD,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,cAAc,IACb,KAAK,EAAC,iBAAiB,EACvB,KAAK,EAAC,qEAAqE,GAC3E,EAEF,cAAK,SAAS,EAAC,WAAW,YACxB,eAAK,SAAS,EAAC,4CAA4C,aACzD,cAAK,SAAS,EAAC,kCAAkC,YAC/C,eAAK,SAAS,EAAC,yBAAyB,aACtC,eAAM,SAAS,EAAC,2CAA2C,GAAG,EAC9D,eAAM,SAAS,EAAC,0DAA0D,mCAEnE,IACH,GACF,EACN,iBAAO,SAAS,EAAC,QAAQ,aACvB,0BACE,cAAI,SAAS,EAAC,wBAAwB,aACpC,aAAI,SAAS,EAAC,qFAAqF,wBAE9F,EACL,aAAI,SAAS,EAAC,qFAAqF,wBAE9F,IACF,GACC,EACR,0BACG,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACrB,cAAsB,SAAS,EAAC,2BAA2B,aACzD,aAAI,SAAS,EAAC,wCAAwC,YACpD,YACE,IAAI,EAAE,GAAG,CAAC,IAAI,EACd,SAAS,EAAC,wGAAwG,YAEjH,GAAG,CAAC,OAAO,GACV,GACD,EACL,aAAI,SAAS,EAAC,oCAAoC,YAC/C,GAAG,CAAC,OAAO,GACT,KAXE,GAAG,CAAC,OAAO,CAYf,CACN,CAAC,GACI,IACF,IACJ,GACF,IACF,GACE,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/observable-universe/commit-stream-panel.js

@@ -6,40 +6,28 @@ function formatDetail(entry) {
     if (entry.operation === 'PUSH') {
         return {
             color: 'text-amber-400',
-            detail: (_jsxs(_Fragment, { children: [
-                    _jsx("span", { className: "text-neutral-500", children: entry.table }), '  ', _jsx("span", { className: "text-neutral-400", children: entry.mutation }), '  ', _jsxs("span", { className: "text-neutral-500", children: ["+", entry.commits, " commit", entry.commits > 1 ? 's' : ''] })
-                ] })),
+            detail: (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-neutral-500", children: entry.table }), '  ', _jsx("span", { className: "text-neutral-400", children: entry.mutation }), '  ', _jsxs("span", { className: "text-neutral-500", children: ["+", entry.commits, " commit", entry.commits > 1 ? 's' : ''] })] })),
         };
     }
     if (entry.operation === 'PULL') {
         return {
             color: 'text-emerald-400',
-            detail: (_jsxs(_Fragment, { children: [
-                    _jsx("span", { className: "text-neutral-500", children: entry.table }), '  ', _jsxs("span", { className: "text-neutral-400", children: ["+", entry.commits, " commit", entry.commits > 1 ? 's' : ''] }), ' ', _jsx("span", { className: "text-neutral-600", children: "(synced)" })
-                ] })),
+            detail: (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-neutral-500", children: entry.table }), '  ', _jsxs("span", { className: "text-neutral-400", children: ["+", entry.commits, " commit", entry.commits > 1 ? 's' : ''] }), ' ', _jsx("span", { className: "text-neutral-600", children: "(synced)" })] })),
         };
     }
     return {
         color: 'text-blue-400',
-        detail: (_jsxs(_Fragment, { children: [
-                _jsx("span", { className: "text-neutral-500", children: "sync complete" }), ' ', _jsx("span", { className: "text-neutral-600", children: "(0 conflicts)" })
-            ] })),
+        detail: (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-neutral-500", children: "sync complete" }), ' ', _jsx("span", { className: "text-neutral-600", children: "(0 conflicts)" })] })),
     };
 }
 export const CommitStreamPanel = forwardRef(function CommitStreamPanel({ entries, rate, className }, ref) {
-    return (_jsxs("div", { ref: ref, className: cn('dashboard-panel rounded-lg flex flex-col', className), children: [
-            _jsxs("div", { className: "px-4 py-3 border-b border-border flex items-center justify-between", children: [
-                    _jsx("span", { className: "font-mono text-[11px] text-neutral-400 uppercase tracking-wider", children: "Commit Stream" }), rate ? (_jsx("span", { className: "font-mono text-[11px] text-healthy", children: rate })) : null] }), _jsxs("div", { className: "flex-1 overflow-hidden relative", children: [
-                    _jsx("div", { className: "absolute inset-x-0 top-0 h-6 z-10 pointer-events-none", style: {
+    return (_jsxs("div", { ref: ref, className: cn('dashboard-panel rounded-lg flex flex-col', className), children: [_jsxs("div", { className: "px-4 py-3 border-b border-border flex items-center justify-between", children: [_jsx("span", { className: "font-mono text-[11px] text-neutral-400 uppercase tracking-wider", children: "Commit Stream" }), rate ? (_jsx("span", { className: "font-mono text-[11px] text-healthy", children: rate })) : null] }), _jsxs("div", { className: "flex-1 overflow-hidden relative", children: [_jsx("div", { className: "absolute inset-x-0 top-0 h-6 z-10 pointer-events-none", style: {
                             background: 'linear-gradient(to bottom, #111111, transparent)',
                         } }), _jsx("div", { className: "absolute inset-x-0 bottom-0 h-8 z-10 pointer-events-none", style: {
                             background: 'linear-gradient(to top, #111111, transparent)',
                         } }), _jsx("div", { className: "p-3 space-y-0.5 overflow-hidden", style: { maxHeight: '100%' }, children: entries.map((entry) => {
                             const { color, detail } = formatDetail(entry);
-                            return (_jsxs("div", { className: "stream-entry font-mono text-[9px] leading-5 whitespace-nowrap", children: [
-                                    _jsx("span", { className: "text-neutral-600", children: entry.timestamp }), '  ', _jsx("span", { className: cn('font-medium', color), children: entry.operation.padEnd(4) }), '  ', _jsx("span", { className: "text-neutral-400", children: entry.clientId.padEnd(10) }), '  ', detail] }, entry.id));
-                        }) })
-                ] })
-        ] }));
+                            return (_jsxs("div", { className: "stream-entry font-mono text-[9px] leading-5 whitespace-nowrap", children: [_jsx("span", { className: "text-neutral-600", children: entry.timestamp }), '  ', _jsx("span", { className: cn('font-medium', color), children: entry.operation.padEnd(4) }), '  ', _jsx("span", { className: "text-neutral-400", children: entry.clientId.padEnd(10) }), '  ', detail] }, entry.id));
+                        }) })] })] }));
 });
 //# sourceMappingURL=commit-stream-panel.js.map

package/dist/observable-universe/commit-stream-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"commit-stream-panel.js","sourceRoot":"","sources":["../../src/observable-universe/commit-stream-panel.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"commit-stream-panel.js","sourceRoot":"","sources":["../../src/observable-universe/commit-stream-panel.tsx"],"names":[],"mappings":"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"}

package/dist/observable-universe/connected-clients-panel.js

@@ -30,18 +30,6 @@ const statusTextClass = {
     offline: 'text-red-500',
 };
 export const ConnectedClientsPanel = forwardRef(function ConnectedClientsPanel({ clients, className }, ref) {
-    return (_jsxs("div", { ref: ref, className: cn('dashboard-panel rounded-lg flex flex-col', className), children: [
-            _jsxs("div", { className: "px-4 py-3 border-b border-border flex items-center justify-between", children: [
-                    _jsx("span", { className: "font-mono text-[11px] text-neutral-400 uppercase tracking-wider", children: "Connected Clients" }), _jsxs("span", { className: "font-mono text-[11px] text-neutral-600", children: [clients.length, " nodes"] })
-                ] }), _jsx("div", { className: "flex-1 overflow-auto p-2 space-y-1", children: clients.map((client) => (_jsxs("div", { className: "flex items-start gap-3 px-3 py-2.5 rounded hover:bg-white/[0.02] transition-colors", children: [
-                        _jsx("span", { className: cn('font-mono text-sm mt-0.5 shrink-0', statusDotClass[client.status]), children: statusDotChar(client.status) }), _jsxs("div", { className: "flex-1 min-w-0", children: [
-                                _jsxs("div", { className: "flex items-center gap-2", children: [
-                                        _jsx("span", { className: "font-mono text-xs text-white truncate", children: client.id }), _jsxs("span", { className: "font-mono text-[10px] text-neutral-600", children: ["(", client.type, ")"] }), client.via === 'relay' ? (_jsx("span", { className: "font-mono text-[9px] text-violet-400/60 border border-violet-400/20 rounded px-1 ml-1", children: "relay" })) : null] }), _jsxs("div", { className: "flex items-center gap-3 mt-0.5", children: [
-                                        _jsx("span", { className: cn('font-mono text-[10px]', statusTextClass[client.status]), children: client.status }), _jsxs("span", { className: "font-mono text-[10px] text-neutral-600", children: ["sync: ", formatSyncTime(client)] })
-                                    ] }), _jsxs("div", { className: "font-mono text-[10px] text-neutral-600 mt-0.5", children: ["commits:", ' ', _jsx("span", { className: "text-neutral-400", children: client.commits.toLocaleString() })
-                                    ] })
-                            ] })
-                    ] }, client.id))) })
-        ] }));
+    return (_jsxs("div", { ref: ref, className: cn('dashboard-panel rounded-lg flex flex-col', className), children: [_jsxs("div", { className: "px-4 py-3 border-b border-border flex items-center justify-between", children: [_jsx("span", { className: "font-mono text-[11px] text-neutral-400 uppercase tracking-wider", children: "Connected Clients" }), _jsxs("span", { className: "font-mono text-[11px] text-neutral-600", children: [clients.length, " nodes"] })] }), _jsx("div", { className: "flex-1 overflow-auto p-2 space-y-1", children: clients.map((client) => (_jsxs("div", { className: "flex items-start gap-3 px-3 py-2.5 rounded hover:bg-white/[0.02] transition-colors", children: [_jsx("span", { className: cn('font-mono text-sm mt-0.5 shrink-0', statusDotClass[client.status]), children: statusDotChar(client.status) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "font-mono text-xs text-white truncate", children: client.id }), _jsxs("span", { className: "font-mono text-[10px] text-neutral-600", children: ["(", client.type, ")"] }), client.via === 'relay' ? (_jsx("span", { className: "font-mono text-[9px] text-violet-400/60 border border-violet-400/20 rounded px-1 ml-1", children: "relay" })) : null] }), _jsxs("div", { className: "flex items-center gap-3 mt-0.5", children: [_jsx("span", { className: cn('font-mono text-[10px]', statusTextClass[client.status]), children: client.status }), _jsxs("span", { className: "font-mono text-[10px] text-neutral-600", children: ["sync: ", formatSyncTime(client)] })] }), _jsxs("div", { className: "font-mono text-[10px] text-neutral-600 mt-0.5", children: ["commits:", ' ', _jsx("span", { className: "text-neutral-400", children: client.commits.toLocaleString() })] })] })] }, client.id))) })] }));
 });
 //# sourceMappingURL=connected-clients-panel.js.map

package/dist/observable-universe/connected-clients-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"connected-clients-panel.js","sourceRoot":"","sources":["../../src/observable-universe/connected-clients-panel.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"connected-clients-panel.js","sourceRoot":"","sources":["../../src/observable-universe/connected-clients-panel.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAQ/B,SAAS,cAAc,CAAC,MAAwB;IAC9C,IAAI,MAAM,CAAC,MAAM,KAAK,SAAS,EAAE,CAAC;QAChC,OAAO,WAAW,MAAM,CAAC,cAAc,IAAI,CAAC,aAAa,CAAC;IAC5D,CAAC;IACD,IAAI,MAAM,CAAC,QAAQ,KAAK,CAAC;QAAE,OAAO,UAAU,CAAC;IAC7C,IAAI,MAAM,CAAC,QAAQ,GAAG,EAAE;QAAE,OAAO,GAAG,MAAM,CAAC,QAAQ,OAAO,CAAC;IAC3D,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,GAAG,EAAE,CAAC,OAAO,CAAC;AACpD,CAAC;AAED,SAAS,aAAa,CAAC,MAAkC;IACvD,IAAI,MAAM,KAAK,QAAQ;QAAE,OAAO,QAAQ,CAAC;IACzC,IAAI,MAAM,KAAK,SAAS;QAAE,OAAO,QAAQ,CAAC;IAC1C,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,MAAM,cAAc,GAA+C;IACjE,MAAM,EAAE,cAAc;IACtB,OAAO,EAAE,yDAAyD;IAClE,OAAO,EAAE,cAAc;CACxB,CAAC;AAEF,MAAM,eAAe,GAA+C;IAClE,MAAM,EAAE,kBAAkB;IAC1B,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,cAAc;CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,UAAU,CAG7C,SAAS,qBAAqB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,GAAG;IAC1D,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,0CAA0C,EAAE,SAAS,CAAC,aAEpE,eAAK,SAAS,EAAC,oEAAoE,aACjF,eAAM,SAAS,EAAC,iEAAiE,kCAE1E,EACP,gBAAM,SAAS,EAAC,wCAAwC,aACrD,OAAO,CAAC,MAAM,cACV,IACH,EACN,cAAK,SAAS,EAAC,oCAAoC,YAChD,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,eAEE,SAAS,EAAC,oFAAoF,aAE9F,eACE,SAAS,EAAE,EAAE,CACX,mCAAmC,EACnC,cAAc,CAAC,MAAM,CAAC,MAAM,CAAC,CAC9B,YAEA,aAAa,CAAC,MAAM,CAAC,MAAM,CAAC,GACxB,EACP,eAAK,SAAS,EAAC,gBAAgB,aAC7B,eAAK,SAAS,EAAC,yBAAyB,aACtC,eAAM,SAAS,EAAC,uCAAuC,YACpD,MAAM,CAAC,EAAE,GACL,EACP,gBAAM,SAAS,EAAC,wCAAwC,kBACpD,MAAM,CAAC,IAAI,SACR,EACN,MAAM,CAAC,GAAG,KAAK,OAAO,CAAC,CAAC,CAAC,CACxB,eAAM,SAAS,EAAC,uFAAuF,sBAEhG,CACR,CAAC,CAAC,CAAC,IAAI,IACJ,EACN,eAAK,SAAS,EAAC,gCAAgC,aAC7C,eACE,SAAS,EAAE,EAAE,CACX,uBAAuB,EACvB,eAAe,CAAC,MAAM,CAAC,MAAM,CAAC,CAC/B,YAEA,MAAM,CAAC,MAAM,GACT,EACP,gBAAM,SAAS,EAAC,wCAAwC,uBAC/C,cAAc,CAAC,MAAM,CAAC,IACxB,IACH,EACN,eAAK,SAAS,EAAC,+CAA+C,yBACnD,GAAG,EACZ,eAAM,SAAS,EAAC,kBAAkB,YAC/B,MAAM,CAAC,OAAO,CAAC,cAAc,EAAE,GAC3B,IACH,IACF,KA5CD,MAAM,CAAC,EAAE,CA6CV,CACP,CAAC,GACE,IACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/observable-universe/constants.d.ts

@@ -1,8 +1,8 @@
 import type { ObservableClient } from './types';
 export declare const INITIAL_CLIENTS: ObservableClient[];
 export declare const TABLES: string[];
-export declare const MUTATIONS: readonly ["INSERT", "UPDATE", "DELETE"];
-export declare const OPERATIONS: readonly ["PUSH", "PULL", "ACK", "PUSH", "PULL", "PUSH"];
+export declare const MUTATIONS: readonly ['INSERT', 'UPDATE', 'DELETE'];
+export declare const OPERATIONS: readonly ['PUSH', 'PULL', 'ACK', 'PUSH', 'PULL', 'PUSH'];
 export declare const NODE_POSITIONS: Record<string, {
     x: number;
     y: number;

package/dist/observable-universe/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/observable-universe/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,eAAe,EAAE,gBAAgB,EA0D7C,CAAC;AAEF,eAAO,MAAM,MAAM,UAA0C,CAAC;AAC9D,eAAO,MAAM,SAAS,yCAA0C,CAAC;AACjE,eAAO,MAAM,UAAU,0DAOb,CAAC;AAEX,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAUnE,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/observable-universe/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,eAAe,EAAE,gBAAgB,EA0D7C,CAAC;AAEF,eAAO,MAAM,MAAM,UAA0C,CAAC;AAC9D,eAAO,MAAM,SAAS,YAAI,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAU,CAAC;AACjE,eAAO,MAAM,UAAU,YACrB,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,CACE,CAAC;AAEX,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAUnE,CAAC"}

package/dist/observable-universe/explanation-section.js

@@ -62,15 +62,9 @@ function colorClasses(color) {
     }
 }
 export const ExplanationSection = forwardRef(function ExplanationSection({ className }, ref) {
-    return (_jsx("section", { ref: ref, id: "why-syncular", className: cn('py-24 border-t border-border', className), children: _jsxs("div", { className: "max-w-[1400px] mx-auto px-6", children: [
-                _jsx(SectionHeading, { label: "Why Syncular", title: "Everything you need for offline-first sync. Nothing you don't." }), _jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6", children: features.map((feature) => {
+    return (_jsx("section", { ref: ref, id: "why-syncular", className: cn('py-24 border-t border-border', className), children: _jsxs("div", { className: "max-w-[1400px] mx-auto px-6", children: [_jsx(SectionHeading, { label: "Why Syncular", title: "Everything you need for offline-first sync. Nothing you don't." }), _jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6", children: features.map((feature) => {
                         const colors = colorClasses(feature.color);
-                        return (_jsxs("div", { className: "dashboard-panel rounded-lg p-6", children: [
-                                _jsxs("div", { className: "flex items-center gap-2 mb-4", children: [
-                                        _jsx("div", { className: cn('w-8 h-8 rounded flex items-center justify-center', colors.bg), children: _jsx("div", { className: cn('w-2 h-2 rounded-full', colors.text), style: { backgroundColor: 'currentColor' } }) }), _jsx("span", { className: "font-display font-semibold text-white text-sm", children: feature.title })
-                                    ] }), _jsx("p", { className: "text-sm text-neutral-400 leading-relaxed", children: feature.description })
-                            ] }, feature.title));
-                    }) })
-            ] }) }));
+                        return (_jsxs("div", { className: "dashboard-panel rounded-lg p-6", children: [_jsxs("div", { className: "flex items-center gap-2 mb-4", children: [_jsx("div", { className: cn('w-8 h-8 rounded flex items-center justify-center', colors.bg), children: _jsx("div", { className: cn('w-2 h-2 rounded-full', colors.text), style: { backgroundColor: 'currentColor' } }) }), _jsx("span", { className: "font-display font-semibold text-white text-sm", children: feature.title })] }), _jsx("p", { className: "text-sm text-neutral-400 leading-relaxed", children: feature.description })] }, feature.title));
+                    }) })] }) }));
 });
 //# sourceMappingURL=explanation-section.js.map

package/dist/observable-universe/explanation-section.js.map

@@ -1 +1 @@
-{"version":3,"file":"explanation-section.js","sourceRoot":"","sources":["../../src/observable-universe/explanation-section.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAMnD,MAAM,QAAQ,GAAG;IACf;QACE,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,SAAS;QAChB,WAAW,EACT,oFAAoF;KACvF;IACD;QACE,KAAK,EAAE,oBAAoB;QAC3B,KAAK,EAAE,MAAM;QACb,WAAW,EACT,yEAAyE;KAC5E;IACD;QACE,KAAK,EAAE,iBAAiB;QACxB,KAAK,EAAE,MAAM;QACb,WAAW,EACT,gFAAgF;KACnF;IACD;QACE,KAAK,EAAE,kBAAkB;QACzB,KAAK,EAAE,SAAS;QAChB,WAAW,EACT,6FAA6F;KAChG;IACD;QACE,KAAK,EAAE,cAAc;QACrB,KAAK,EAAE,YAAY;QACnB,WAAW,EACT,0HAA0H;KAC7H;IACD;QACE,KAAK,EAAE,uBAAuB;QAC9B,KAAK,EAAE,UAAU;QACjB,WAAW,EACT,yEAAyE;KAC5E;IACD;QACE,KAAK,EAAE,eAAe;QACtB,KAAK,EAAE,SAAS;QAChB,WAAW,EACT,iGAAiG;KACpG;IACD;QACE,KAAK,EAAE,eAAe;QACtB,KAAK,EAAE,MAAM;QACb,WAAW,EACT,2FAA2F;KAC9F;CACO,CAAC;AAEX,SAAS,YAAY,CAAC,KAAa,EAAE;IACnC,QAAQ,KAAK,EAAE,CAAC;QACd,KAAK,SAAS;YACZ,OAAO,EAAE,EAAE,EAAE,eAAe,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC;QACvD,KAAK,MAAM;YACT,OAAO,EAAE,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC;QACjD,KAAK,SAAS;YACZ,OAAO,EAAE,EAAE,EAAE,eAAe,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC;QACvD,KAAK,YAAY;YACf,OAAO,EAAE,EAAE,EAAE,kBAAkB,EAAE,IAAI,EAAE,iBAAiB,EAAE,CAAC;QAC7D,KAAK,UAAU;YACb,OAAO,EAAE,EAAE,EAAE,gBAAgB,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC;QACzD;YACE,OAAO,EAAE,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC;IACnD,CAAC;AAAA,CACF;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CAG1C,SAAS,kBAAkB,CAAC,EAAE,SAAS,EAAE,EAAE,GAAG,EAAE;IAChD,OAAO,CACL,kBACE,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,cAAc,EACjB,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,SAAS,CAAC,YAExD,eAAK,SAAS,EAAC,6BAA6B;gBAC1C,KAAC,cAAc,IACb,KAAK,EAAC,cAAc,EACpB,KAAK,EAAC,gEAAgE,GACtE,EAEF,cAAK,SAAS,EAAC,sDAAsD,YAClE,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC;wBACzB,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;wBAC3C,OAAO,CACL,eAEE,SAAS,EAAC,gCAAgC;gCAE1C,eAAK,SAAS,EAAC,8BAA8B;wCAC3C,cACE,SAAS,EAAE,EAAE,CACX,kDAAkD,EAClD,MAAM,CAAC,EAAE,CACV,YAED,cACE,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,MAAM,CAAC,IAAI,CAAC,EAClD,KAAK,EAAE,EAAE,eAAe,EAAE,cAAc,EAAE,GAC1C,GACE,EACN,eAAM,SAAS,EAAC,+CAA+C,YAC5D,OAAO,CAAC,KAAK,GACT;wCACH,EACN,YAAG,SAAS,EAAC,0CAA0C,YACpD,OAAO,CAAC,WAAW,GAClB;iCArBC,OAAO,CAAC,KAAK,CAsBd,CACP,CAAC;oBAAA,CACH,CAAC,GACE;gBACF,GACE,CACX,CAAC;AAAA,CACH,CAAC,CAAC"}
+{"version":3,"file":"explanation-section.js","sourceRoot":"","sources":["../../src/observable-universe/explanation-section.tsx"],"names":[],"mappings":"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"}

package/dist/observable-universe/footer-bar.js

@@ -3,10 +3,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { cn } from '../lib/cn.js';
 export const FooterBar = forwardRef(function FooterBar({ className }, ref) {
-    return (_jsx("footer", { ref: ref, className: cn('border-t border-border py-10', className), children: _jsxs("div", { className: "max-w-[1400px] mx-auto px-6 flex items-center justify-between", children: [
-                _jsxs("div", { className: "flex items-center gap-3", children: [
-                        _jsx("span", { className: "font-display font-bold text-white text-sm", children: "syncular" }), _jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-healthy inline-block", style: { boxShadow: '0 0 4px #22c55e' } })
-                    ] }), _jsx("div", { className: "font-mono text-[11px] text-neutral-600", children: "Offline-first sync for SQLite. Open source." })
-            ] }) }));
+    return (_jsx("footer", { ref: ref, className: cn('border-t border-border py-10', className), children: _jsxs("div", { className: "max-w-[1400px] mx-auto px-6 flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("span", { className: "font-display font-bold text-white text-sm", children: "syncular" }), _jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-healthy inline-block", style: { boxShadow: '0 0 4px #22c55e' } })] }), _jsx("div", { className: "font-mono text-[11px] text-neutral-600", children: "Offline-first sync for SQLite. Open source." })] }) }));
 });
 //# sourceMappingURL=footer-bar.js.map

package/dist/observable-universe/footer-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"footer-bar.js","sourceRoot":"","sources":["../../src/observable-universe/footer-bar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAM/B,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CACjC,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE,GAAG,EAAE;IACrC,OAAO,CACL,iBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,SAAS,CAAC,YAExD,eAAK,SAAS,EAAC,+DAA+D;gBAC5E,eAAK,SAAS,EAAC,yBAAyB;wBACtC,eAAM,SAAS,EAAC,2CAA2C,yBAEpD,EACP,eACE,SAAS,EAAC,kDAAkD,EAC5D,KAAK,EAAE,EAAE,SAAS,EAAE,iBAAiB,EAAE,GACvC;wBACE,EACN,cAAK,SAAS,EAAC,wCAAwC,4DAEjD;gBACF,GACC,CACV,CAAC;AAAA,CACH,CACF,CAAC"}
+{"version":3,"file":"footer-bar.js","sourceRoot":"","sources":["../../src/observable-universe/footer-bar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAM/B,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CACjC,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE,GAAG;IACnC,OAAO,CACL,iBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,SAAS,CAAC,YAExD,eAAK,SAAS,EAAC,+DAA+D,aAC5E,eAAK,SAAS,EAAC,yBAAyB,aACtC,eAAM,SAAS,EAAC,2CAA2C,yBAEpD,EACP,eACE,SAAS,EAAC,kDAAkD,EAC5D,KAAK,EAAE,EAAE,SAAS,EAAE,iBAAiB,EAAE,GACvC,IACE,EACN,cAAK,SAAS,EAAC,wCAAwC,4DAEjD,IACF,GACC,CACV,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/observable-universe/hero-dashboard-section.js

@@ -7,14 +7,6 @@ import { ConnectedClientsPanel } from './connected-clients-panel.js';
 import { LiveMetricsBar } from './live-metrics-bar.js';
 import { SyncTopologyPanel } from './sync-topology-panel.js';
 export const HeroDashboardSection = forwardRef(function HeroDashboardSection({ clients, streamEntries, metrics, streamRate, className }, ref) {
-    return (_jsxs("section", { ref: ref, className: cn('pt-16 pb-4 min-h-screen flex flex-col', className), children: [
-            _jsxs("div", { className: "max-w-[1400px] mx-auto w-full px-6 pt-6 pb-4", children: [
-                    _jsx("h1", { className: "font-display font-bold text-3xl md:text-4xl text-white leading-tight", children: "Offline-first SQL sync you can operate." }), _jsx("p", { className: "font-display text-base text-neutral-500 mt-2 max-w-2xl", children: "Web, Electron, Expo. Local SQLite read and write path. Commit-log sync. Scopes for partial sync and auth." }), _jsxs("div", { className: "mt-3 flex items-center gap-2 flex-wrap", children: [
-                            _jsx("span", { className: "font-mono text-[10px] uppercase tracking-widest text-amber-300 border border-amber-300/30 px-2 py-0.5 rounded", children: "Alpha" }), _jsx("span", { className: "text-sm text-neutral-500", children: "APIs and storage layouts will change. Pin versions and expect manual migrations between versions." })
-                        ] })
-                ] }), _jsxs("div", { className: "max-w-[1400px] mx-auto w-full px-6 flex-1 grid grid-cols-1 lg:grid-cols-[320px_1fr_320px] gap-3 pb-3", style: { minHeight: 520 }, children: [
-                    _jsx(ConnectedClientsPanel, { clients: clients }), _jsx(SyncTopologyPanel, { clients: clients }), _jsx(CommitStreamPanel, { entries: streamEntries, rate: streamRate })
-                ] }), _jsx("div", { className: "max-w-[1400px] mx-auto w-full px-6 pb-6", children: _jsx(LiveMetricsBar, { metrics: metrics }) })
-        ] }));
+    return (_jsxs("section", { ref: ref, className: cn('pt-16 pb-4 min-h-screen flex flex-col', className), children: [_jsxs("div", { className: "max-w-[1400px] mx-auto w-full px-6 pt-6 pb-4", children: [_jsx("h1", { className: "font-display font-bold text-3xl md:text-4xl text-white leading-tight", children: "Offline-first SQL sync you can operate." }), _jsx("p", { className: "font-display text-base text-neutral-500 mt-2 max-w-2xl", children: "Web, Electron, Expo. Local SQLite read and write path. Commit-log sync. Scopes for partial sync and auth." }), _jsxs("div", { className: "mt-3 flex items-center gap-2 flex-wrap", children: [_jsx("span", { className: "font-mono text-[10px] uppercase tracking-widest text-amber-300 border border-amber-300/30 px-2 py-0.5 rounded", children: "Alpha" }), _jsx("span", { className: "text-sm text-neutral-500", children: "APIs and storage layouts will change. Pin versions and expect manual migrations between versions." })] })] }), _jsxs("div", { className: "max-w-[1400px] mx-auto w-full px-6 flex-1 grid grid-cols-1 lg:grid-cols-[320px_1fr_320px] gap-3 pb-3", style: { minHeight: 520 }, children: [_jsx(ConnectedClientsPanel, { clients: clients }), _jsx(SyncTopologyPanel, { clients: clients }), _jsx(CommitStreamPanel, { entries: streamEntries, rate: streamRate })] }), _jsx("div", { className: "max-w-[1400px] mx-auto w-full px-6 pb-6", children: _jsx(LiveMetricsBar, { metrics: metrics }) })] }));
 });
 //# sourceMappingURL=hero-dashboard-section.js.map

package/dist/observable-universe/hero-dashboard-section.js.map

@@ -1 +1 @@
-{"version":3,"file":"hero-dashboard-section.js","sourceRoot":"","sources":["../../src/observable-universe/hero-dashboard-section.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAe1D,MAAM,CAAC,MAAM,oBAAoB,GAAG,UAAU,CAG5C,SAAS,oBAAoB,CAC7B,EAAE,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,EAC1D,GAAG,EACH;IACA,OAAO,CACL,mBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,uCAAuC,EAAE,SAAS,CAAC;YAGjE,eAAK,SAAS,EAAC,8CAA8C;oBAC3D,aAAI,SAAS,EAAC,sEAAsE,wDAE/E,EACL,YAAG,SAAS,EAAC,wDAAwD,0HAGjE,EACJ,eAAK,SAAS,EAAC,wCAAwC;4BACrD,eAAM,SAAS,EAAC,+GAA+G,sBAExH,EACP,eAAM,SAAS,EAAC,0BAA0B,kHAGnC;4BACH;oBACF,EAGN,eACE,SAAS,EAAC,sGAAsG,EAChH,KAAK,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE;oBAEzB,KAAC,qBAAqB,IAAC,OAAO,EAAE,OAAO,GAAI,EAC3C,KAAC,iBAAiB,IAAC,OAAO,EAAE,OAAO,GAAI,EACvC,KAAC,iBAAiB,IAAC,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,UAAU,GAAI;oBAC3D,EAGN,cAAK,SAAS,EAAC,yCAAyC,YACtD,KAAC,cAAc,IAAC,OAAO,EAAE,OAAO,GAAI,GAChC;YACE,CACX,CAAC;AAAA,CACH,CAAC,CAAC"}
+{"version":3,"file":"hero-dashboard-section.js","sourceRoot":"","sources":["../../src/observable-universe/hero-dashboard-section.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAe1D,MAAM,CAAC,MAAM,oBAAoB,GAAG,UAAU,CAG5C,SAAS,oBAAoB,CAC7B,EAAE,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,EAC1D,GAAG;IAEH,OAAO,CACL,mBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,uCAAuC,EAAE,SAAS,CAAC,aAGjE,eAAK,SAAS,EAAC,8CAA8C,aAC3D,aAAI,SAAS,EAAC,sEAAsE,wDAE/E,EACL,YAAG,SAAS,EAAC,wDAAwD,0HAGjE,EACJ,eAAK,SAAS,EAAC,wCAAwC,aACrD,eAAM,SAAS,EAAC,+GAA+G,sBAExH,EACP,eAAM,SAAS,EAAC,0BAA0B,kHAGnC,IACH,IACF,EAGN,eACE,SAAS,EAAC,sGAAsG,EAChH,KAAK,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,aAEzB,KAAC,qBAAqB,IAAC,OAAO,EAAE,OAAO,GAAI,EAC3C,KAAC,iBAAiB,IAAC,OAAO,EAAE,OAAO,GAAI,EACvC,KAAC,iBAAiB,IAAC,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,UAAU,GAAI,IAC3D,EAGN,cAAK,SAAS,EAAC,yCAAyC,YACtD,KAAC,cAAc,IAAC,OAAO,EAAE,OAAO,GAAI,GAChC,IACE,CACX,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/observable-universe/install-section.js

@@ -3,22 +3,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { cn } from '../lib/cn.js';
 export const InstallSection = forwardRef(function InstallSection({ docsHref = '/docs', demoHref, githubHref = 'https://github.com/syncular/syncular', className, }, ref) {
-    return (_jsx("section", { ref: ref, id: "install", className: cn('py-24 border-t border-border', className), children: _jsxs("div", { className: "max-w-[1400px] mx-auto px-6 text-center", children: [
-                _jsx("span", { className: "font-mono text-[11px] text-flow uppercase tracking-widest", children: "Get started" }), _jsx("h2", { className: "font-display font-bold text-2xl md:text-3xl text-white mt-4", children: "Syncular is modular. Install only what you need." }), _jsxs("div", { className: "mt-10 grid grid-cols-1 lg:grid-cols-2 gap-6 max-w-4xl mx-auto text-left", children: [
-                        _jsxs("div", { className: "code-block", children: [
-                                _jsxs("div", { className: "code-header", children: [
-                                        _jsx("span", { className: "w-2 h-2 rounded-full bg-healthy inline-block" }), _jsx("span", { children: "Server" })
-                                    ] }), _jsx("pre", { className: "font-mono text-sm px-6 py-4", children: _jsxs("code", { children: [
-                                            _jsx("span", { className: "text-neutral-500", children: "$" }), ' ', _jsx("span", { className: "text-white", children: "bun add @syncular/server \\" }), '\n', _jsxs("span", { className: "text-white", children: ['  ', "@syncular/server-hono \\"] }), '\n', _jsxs("span", { className: "text-white", children: ['  ', "@syncular/server-dialect-postgres \\"] }), '\n', _jsxs("span", { className: "text-white", children: ['  ', "kysely pg hono"] })
-                                        ] }) })
-                            ] }), _jsxs("div", { className: "code-block", children: [
-                                _jsxs("div", { className: "code-header", children: [
-                                        _jsx("span", { className: "w-2 h-2 rounded-full bg-flow inline-block" }), _jsx("span", { children: "Client" })
-                                    ] }), _jsx("pre", { className: "font-mono text-sm px-6 py-4", children: _jsxs("code", { children: [
-                                            _jsx("span", { className: "text-neutral-500", children: "$" }), ' ', _jsx("span", { className: "text-white", children: "bun add @syncular/client \\" }), '\n', _jsxs("span", { className: "text-white", children: ['  ', "@syncular/client-react \\"] }), '\n', _jsxs("span", { className: "text-white", children: ['  ', "@syncular/transport-http \\"] }), '\n', _jsxs("span", { className: "text-white", children: ['  ', "@syncular/dialect-wa-sqlite kysely"] })
-                                        ] }) })
-                            ] })
-                    ] }), _jsxs("div", { className: "mt-10 flex items-center justify-center gap-4 flex-wrap", children: [docsHref ? (_jsx("a", { href: docsHref, className: "font-display font-medium text-sm bg-flow text-white px-6 py-2.5 rounded hover:bg-blue-600 transition-colors", children: "Read the docs" })) : null, demoHref ? (_jsx("a", { href: demoHref, className: "font-display font-medium text-sm border border-flow text-flow px-6 py-2.5 rounded hover:bg-flow/10 transition-colors", children: "Try the demo" })) : null, githubHref ? (_jsx("a", { href: githubHref, className: "font-display font-medium text-sm border border-border text-neutral-300 px-6 py-2.5 rounded hover:border-neutral-500 hover:text-white transition-colors", children: "View on GitHub" })) : null] })
-            ] }) }));
+    return (_jsx("section", { ref: ref, id: "install", className: cn('py-24 border-t border-border', className), children: _jsxs("div", { className: "max-w-[1400px] mx-auto px-6 text-center", children: [_jsx("span", { className: "font-mono text-[11px] text-flow uppercase tracking-widest", children: "Get started" }), _jsx("h2", { className: "font-display font-bold text-2xl md:text-3xl text-white mt-4", children: "Syncular is modular. Install only what you need." }), _jsxs("div", { className: "mt-10 grid grid-cols-1 lg:grid-cols-2 gap-6 max-w-4xl mx-auto text-left", children: [_jsxs("div", { className: "code-block", children: [_jsxs("div", { className: "code-header", children: [_jsx("span", { className: "w-2 h-2 rounded-full bg-healthy inline-block" }), _jsx("span", { children: "Server" })] }), _jsx("pre", { className: "font-mono text-sm px-6 py-4", children: _jsxs("code", { children: [_jsx("span", { className: "text-neutral-500", children: "$" }), ' ', _jsx("span", { className: "text-white", children: "bun add @syncular/server \\" }), '\n', _jsxs("span", { className: "text-white", children: ['  ', "@syncular/server-hono \\"] }), '\n', _jsxs("span", { className: "text-white", children: ['  ', "@syncular/server-dialect-postgres \\"] }), '\n', _jsxs("span", { className: "text-white", children: ['  ', "kysely pg hono"] })] }) })] }), _jsxs("div", { className: "code-block", children: [_jsxs("div", { className: "code-header", children: [_jsx("span", { className: "w-2 h-2 rounded-full bg-flow inline-block" }), _jsx("span", { children: "Client" })] }), _jsx("pre", { className: "font-mono text-sm px-6 py-4", children: _jsxs("code", { children: [_jsx("span", { className: "text-neutral-500", children: "$" }), ' ', _jsx("span", { className: "text-white", children: "bun add @syncular/client \\" }), '\n', _jsxs("span", { className: "text-white", children: ['  ', "@syncular/client-react \\"] }), '\n', _jsxs("span", { className: "text-white", children: ['  ', "@syncular/transport-http \\"] }), '\n', _jsxs("span", { className: "text-white", children: ['  ', "@syncular/dialect-wa-sqlite kysely"] })] }) })] })] }), _jsxs("div", { className: "mt-10 flex items-center justify-center gap-4 flex-wrap", children: [docsHref ? (_jsx("a", { href: docsHref, className: "font-display font-medium text-sm bg-flow text-white px-6 py-2.5 rounded hover:bg-blue-600 transition-colors", children: "Read the docs" })) : null, demoHref ? (_jsx("a", { href: demoHref, className: "font-display font-medium text-sm border border-flow text-flow px-6 py-2.5 rounded hover:bg-flow/10 transition-colors", children: "Try the demo" })) : null, githubHref ? (_jsx("a", { href: githubHref, className: "font-display font-medium text-sm border border-border text-neutral-300 px-6 py-2.5 rounded hover:border-neutral-500 hover:text-white transition-colors", children: "View on GitHub" })) : null] })] }) }));
 });
 //# sourceMappingURL=install-section.js.map

package/dist/observable-universe/install-section.js.map

@@ -1 +1 @@
-{"version":3,"file":"install-section.js","sourceRoot":"","sources":["../../src/observable-universe/install-section.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAS/B,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CACtC,SAAS,cAAc,CACrB,EACE,QAAQ,GAAG,OAAO,EAClB,QAAQ,EACR,UAAU,GAAG,sCAAsC,EACnD,SAAS,GACV,EACD,GAAG,EACH;IACA,OAAO,CACL,kBACE,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,SAAS,EACZ,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,SAAS,CAAC,YAExD,eAAK,SAAS,EAAC,yCAAyC;gBACtD,eAAM,SAAS,EAAC,2DAA2D,4BAEpE,EACP,aAAI,SAAS,EAAC,6DAA6D,iEAEtE,EAEL,eAAK,SAAS,EAAC,yEAAyE;wBAEtF,eAAK,SAAS,EAAC,YAAY;gCACzB,eAAK,SAAS,EAAC,aAAa;wCAC1B,eAAM,SAAS,EAAC,8CAA8C,GAAG,EACjE,oCAAmB;wCACf,EACN,cAAK,SAAS,EAAC,6BAA6B,YAC1C;4CACE,eAAM,SAAS,EAAC,kBAAkB,kBAAS,EAAC,GAAG,EAC/C,eAAM,SAAS,EAAC,YAAY,4CAAkC,EAC7D,IAAI,EACL,gBAAM,SAAS,EAAC,YAAY,aACzB,IAAI,gCACA,EACN,IAAI,EACL,gBAAM,SAAS,EAAC,YAAY,aACzB,IAAI,4CACA,EACN,IAAI,EACL,gBAAM,SAAS,EAAC,YAAY,aAAE,IAAI,sBAAsB;4CACnD,GACH;gCACF,EAGN,eAAK,SAAS,EAAC,YAAY;gCACzB,eAAK,SAAS,EAAC,aAAa;wCAC1B,eAAM,SAAS,EAAC,2CAA2C,GAAG,EAC9D,oCAAmB;wCACf,EACN,cAAK,SAAS,EAAC,6BAA6B,YAC1C;4CACE,eAAM,SAAS,EAAC,kBAAkB,kBAAS,EAAC,GAAG,EAC/C,eAAM,SAAS,EAAC,YAAY,4CAAkC,EAC7D,IAAI,EACL,gBAAM,SAAS,EAAC,YAAY,aACzB,IAAI,iCACA,EACN,IAAI,EACL,gBAAM,SAAS,EAAC,YAAY,aACzB,IAAI,mCACA,EACN,IAAI,EACL,gBAAM,SAAS,EAAC,YAAY,aACzB,IAAI,0CACA;4CACF,GACH;gCACF;wBACF,EAEN,eAAK,SAAS,EAAC,wDAAwD,aACpE,QAAQ,CAAC,CAAC,CAAC,CACV,YACE,IAAI,EAAE,QAAQ,EACd,SAAS,EAAC,6GAA6G,8BAGrH,CACL,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,CAAC,CAAC,CAAC,CACV,YACE,IAAI,EAAE,QAAQ,EACd,SAAS,EAAC,sHAAsH,6BAG9H,CACL,CAAC,CAAC,CAAC,IAAI,EACP,UAAU,CAAC,CAAC,CAAC,CACZ,YACE,IAAI,EAAE,UAAU,EAChB,SAAS,EAAC,wJAAwJ,+BAGhK,CACL,CAAC,CAAC,CAAC,IAAI,IACJ;gBACF,GACE,CACX,CAAC;AAAA,CACH,CACF,CAAC"}
+{"version":3,"file":"install-section.js","sourceRoot":"","sources":["../../src/observable-universe/install-section.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAS/B,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CACtC,SAAS,cAAc,CACrB,EACE,QAAQ,GAAG,OAAO,EAClB,QAAQ,EACR,UAAU,GAAG,sCAAsC,EACnD,SAAS,GACV,EACD,GAAG;IAEH,OAAO,CACL,kBACE,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,SAAS,EACZ,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,SAAS,CAAC,YAExD,eAAK,SAAS,EAAC,yCAAyC,aACtD,eAAM,SAAS,EAAC,2DAA2D,4BAEpE,EACP,aAAI,SAAS,EAAC,6DAA6D,iEAEtE,EAEL,eAAK,SAAS,EAAC,yEAAyE,aAEtF,eAAK,SAAS,EAAC,YAAY,aACzB,eAAK,SAAS,EAAC,aAAa,aAC1B,eAAM,SAAS,EAAC,8CAA8C,GAAG,EACjE,oCAAmB,IACf,EACN,cAAK,SAAS,EAAC,6BAA6B,YAC1C,2BACE,eAAM,SAAS,EAAC,kBAAkB,kBAAS,EAAC,GAAG,EAC/C,eAAM,SAAS,EAAC,YAAY,4CAAkC,EAC7D,IAAI,EACL,gBAAM,SAAS,EAAC,YAAY,aACzB,IAAI,gCACA,EACN,IAAI,EACL,gBAAM,SAAS,EAAC,YAAY,aACzB,IAAI,4CACA,EACN,IAAI,EACL,gBAAM,SAAS,EAAC,YAAY,aAAE,IAAI,sBAAsB,IACnD,GACH,IACF,EAGN,eAAK,SAAS,EAAC,YAAY,aACzB,eAAK,SAAS,EAAC,aAAa,aAC1B,eAAM,SAAS,EAAC,2CAA2C,GAAG,EAC9D,oCAAmB,IACf,EACN,cAAK,SAAS,EAAC,6BAA6B,YAC1C,2BACE,eAAM,SAAS,EAAC,kBAAkB,kBAAS,EAAC,GAAG,EAC/C,eAAM,SAAS,EAAC,YAAY,4CAAkC,EAC7D,IAAI,EACL,gBAAM,SAAS,EAAC,YAAY,aACzB,IAAI,iCACA,EACN,IAAI,EACL,gBAAM,SAAS,EAAC,YAAY,aACzB,IAAI,mCACA,EACN,IAAI,EACL,gBAAM,SAAS,EAAC,YAAY,aACzB,IAAI,0CACA,IACF,GACH,IACF,IACF,EAEN,eAAK,SAAS,EAAC,wDAAwD,aACpE,QAAQ,CAAC,CAAC,CAAC,CACV,YACE,IAAI,EAAE,QAAQ,EACd,SAAS,EAAC,6GAA6G,8BAGrH,CACL,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,CAAC,CAAC,CAAC,CACV,YACE,IAAI,EAAE,QAAQ,EACd,SAAS,EAAC,sHAAsH,6BAG9H,CACL,CAAC,CAAC,CAAC,IAAI,EACP,UAAU,CAAC,CAAC,CAAC,CACZ,YACE,IAAI,EAAE,UAAU,EAChB,SAAS,EAAC,wJAAwJ,+BAGhK,CACL,CAAC,CAAC,CAAC,IAAI,IACJ,IACF,GACE,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/observable-universe/live-metrics-bar.js

@@ -3,16 +3,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { cn } from '../lib/cn.js';
 export const LiveMetricsBar = forwardRef(function LiveMetricsBar({ metrics, className }, ref) {
-    return (_jsxs("div", { ref: ref, className: cn('dashboard-panel rounded-lg px-6 py-3 flex items-center justify-between flex-wrap gap-4', className), children: [
-            _jsxs("div", { className: "flex items-center gap-2", children: [
-                    _jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-flow inline-block" }), _jsx("span", { className: "font-mono text-[11px] text-neutral-500 uppercase", children: "Commits/sec" }), _jsx("span", { className: "font-mono text-sm text-white font-medium", children: metrics.commitsPerSec.toFixed(1) })
-                ] }), _jsx("div", { className: "w-px h-4 bg-border" }), _jsxs("div", { className: "flex items-center gap-2", children: [
-                    _jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-healthy inline-block" }), _jsx("span", { className: "font-mono text-[11px] text-neutral-500 uppercase", children: "Avg Sync Latency" }), _jsxs("span", { className: "font-mono text-sm text-white font-medium", children: [metrics.avgLatency, "ms"] })
-                ] }), _jsx("div", { className: "w-px h-4 bg-border" }), _jsxs("div", { className: "flex items-center gap-2", children: [
-                    _jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-syncing inline-block" }), _jsx("span", { className: "font-mono text-[11px] text-neutral-500 uppercase", children: "Active Clients" }), _jsx("span", { className: "font-mono text-sm text-white font-medium", children: metrics.activeClients })
-                ] }), _jsx("div", { className: "w-px h-4 bg-border" }), _jsxs("div", { className: "flex items-center gap-2", children: [
-                    _jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-healthy inline-block" }), _jsx("span", { className: "font-mono text-[11px] text-neutral-500 uppercase", children: "Uptime" }), _jsx("span", { className: "font-mono text-sm text-white font-medium", children: metrics.uptime })
-                ] })
-        ] }));
+    return (_jsxs("div", { ref: ref, className: cn('dashboard-panel rounded-lg px-6 py-3 flex items-center justify-between flex-wrap gap-4', className), children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-flow inline-block" }), _jsx("span", { className: "font-mono text-[11px] text-neutral-500 uppercase", children: "Commits/sec" }), _jsx("span", { className: "font-mono text-sm text-white font-medium", children: metrics.commitsPerSec.toFixed(1) })] }), _jsx("div", { className: "w-px h-4 bg-border" }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-healthy inline-block" }), _jsx("span", { className: "font-mono text-[11px] text-neutral-500 uppercase", children: "Avg Sync Latency" }), _jsxs("span", { className: "font-mono text-sm text-white font-medium", children: [metrics.avgLatency, "ms"] })] }), _jsx("div", { className: "w-px h-4 bg-border" }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-syncing inline-block" }), _jsx("span", { className: "font-mono text-[11px] text-neutral-500 uppercase", children: "Active Clients" }), _jsx("span", { className: "font-mono text-sm text-white font-medium", children: metrics.activeClients })] }), _jsx("div", { className: "w-px h-4 bg-border" }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-healthy inline-block" }), _jsx("span", { className: "font-mono text-[11px] text-neutral-500 uppercase", children: "Uptime" }), _jsx("span", { className: "font-mono text-sm text-white font-medium", children: metrics.uptime })] })] }));
 });
 //# sourceMappingURL=live-metrics-bar.js.map

package/dist/observable-universe/live-metrics-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"live-metrics-bar.js","sourceRoot":"","sources":["../../src/observable-universe/live-metrics-bar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAQ/B,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CACtC,SAAS,cAAc,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,GAAG,EAAE;IACnD,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,wFAAwF,EACxF,SAAS,CACV;YAED,eAAK,SAAS,EAAC,yBAAyB;oBACtC,eAAM,SAAS,EAAC,+CAA+C,GAAG,EAClE,eAAM,SAAS,EAAC,kDAAkD,4BAE3D,EACP,eAAM,SAAS,EAAC,0CAA0C,YACvD,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,GAC5B;oBACH,EACN,cAAK,SAAS,EAAC,oBAAoB,GAAG,EACtC,eAAK,SAAS,EAAC,yBAAyB;oBACtC,eAAM,SAAS,EAAC,kDAAkD,GAAG,EACrE,eAAM,SAAS,EAAC,kDAAkD,iCAE3D,EACP,gBAAM,SAAS,EAAC,0CAA0C,aACvD,OAAO,CAAC,UAAU,UACd;oBACH,EACN,cAAK,SAAS,EAAC,oBAAoB,GAAG,EACtC,eAAK,SAAS,EAAC,yBAAyB;oBACtC,eAAM,SAAS,EAAC,kDAAkD,GAAG,EACrE,eAAM,SAAS,EAAC,kDAAkD,+BAE3D,EACP,eAAM,SAAS,EAAC,0CAA0C,YACvD,OAAO,CAAC,aAAa,GACjB;oBACH,EACN,cAAK,SAAS,EAAC,oBAAoB,GAAG,EACtC,eAAK,SAAS,EAAC,yBAAyB;oBACtC,eAAM,SAAS,EAAC,kDAAkD,GAAG,EACrE,eAAM,SAAS,EAAC,kDAAkD,uBAE3D,EACP,eAAM,SAAS,EAAC,0CAA0C,YACvD,OAAO,CAAC,MAAM,GACV;oBACH;YACF,CACP,CAAC;AAAA,CACH,CACF,CAAC"}
+{"version":3,"file":"live-metrics-bar.js","sourceRoot":"","sources":["../../src/observable-universe/live-metrics-bar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAQ/B,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CACtC,SAAS,cAAc,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,GAAG;IACjD,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,wFAAwF,EACxF,SAAS,CACV,aAED,eAAK,SAAS,EAAC,yBAAyB,aACtC,eAAM,SAAS,EAAC,+CAA+C,GAAG,EAClE,eAAM,SAAS,EAAC,kDAAkD,4BAE3D,EACP,eAAM,SAAS,EAAC,0CAA0C,YACvD,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,GAC5B,IACH,EACN,cAAK,SAAS,EAAC,oBAAoB,GAAG,EACtC,eAAK,SAAS,EAAC,yBAAyB,aACtC,eAAM,SAAS,EAAC,kDAAkD,GAAG,EACrE,eAAM,SAAS,EAAC,kDAAkD,iCAE3D,EACP,gBAAM,SAAS,EAAC,0CAA0C,aACvD,OAAO,CAAC,UAAU,UACd,IACH,EACN,cAAK,SAAS,EAAC,oBAAoB,GAAG,EACtC,eAAK,SAAS,EAAC,yBAAyB,aACtC,eAAM,SAAS,EAAC,kDAAkD,GAAG,EACrE,eAAM,SAAS,EAAC,kDAAkD,+BAE3D,EACP,eAAM,SAAS,EAAC,0CAA0C,YACvD,OAAO,CAAC,aAAa,GACjB,IACH,EACN,cAAK,SAAS,EAAC,oBAAoB,GAAG,EACtC,eAAK,SAAS,EAAC,yBAAyB,aACtC,eAAM,SAAS,EAAC,kDAAkD,GAAG,EACrE,eAAM,SAAS,EAAC,kDAAkD,uBAE3D,EACP,eAAM,SAAS,EAAC,0CAA0C,YACvD,OAAO,CAAC,MAAM,GACV,IACH,IACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/observable-universe/observable-universe-header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"observable-universe-header.d.ts","sourceRoot":"","sources":["../../src/observable-universe/observable-universe-header.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,iCAAiC;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,6BAA6B;IAC5C,UAAU,CAAC,EAAE,iCAAiC,EAAE,CAAC;IACjD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA2BD,eAAO,MAAM,wBAAwB,uHA4GnC,CAAC"}
+{"version":3,"file":"observable-universe-header.d.ts","sourceRoot":"","sources":["../../src/observable-universe/observable-universe-header.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,iCAAiC;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,6BAA6B;IAC5C,UAAU,CAAC,EAAE,iCAAiC,EAAE,CAAC;IACjD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAwCD,eAAO,MAAM,wBAAwB,uHA4GnC,CAAC"}

package/dist/observable-universe/observable-universe-header.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ExternalLink, Github, Star } from 'lucide-react';
+import { ExternalLink, Star } from 'lucide-react';
 import { forwardRef } from 'react';
 import { cn } from '../lib/cn.js';
 import { UI_VERSION } from '../version.js';
@@ -11,6 +11,9 @@ const DEFAULT_TOPIC_LINKS = [
     { label: 'Server', href: '/docs/server' },
     { label: 'API', href: '/docs/api' },
 ];
+function GitHubMark({ className }) {
+    return (_jsx("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "currentColor", className: className, children: _jsx("path", { d: "M12 .5a12 12 0 0 0-3.79 23.39c.6.11.82-.26.82-.58v-2.03c-3.34.73-4.04-1.42-4.04-1.42-.55-1.37-1.33-1.73-1.33-1.73-1.09-.74.08-.73.08-.73 1.2.08 1.83 1.22 1.83 1.22 1.08 1.82 2.82 1.3 3.5.99.11-.77.42-1.3.76-1.6-2.67-.3-5.47-1.31-5.47-5.86 0-1.29.47-2.35 1.24-3.18-.12-.3-.54-1.52.12-3.16 0 0 1.01-.32 3.3 1.21a11.6 11.6 0 0 1 6 0c2.28-1.53 3.29-1.2 3.29-1.2.66 1.63.24 2.85.12 3.15.77.83 1.23 1.89 1.23 3.18 0 4.56-2.8 5.55-5.48 5.84.43.37.81 1.09.81 2.21v3.28c0 .32.21.69.82.58A12 12 0 0 0 12 .5Z" }) }));
+}
 function isExternalHref(href) {
     return href.startsWith('http://') || href.startsWith('https://');
 }
@@ -32,14 +35,6 @@ export const ObservableUniverseHeader = forwardRef(function ObservableUniverseHe
     return (_jsx("nav", { ref: ref, className: cn('fixed top-0 left-0 right-0 z-50 border-b border-border', className), style: {
             background: 'rgba(12,12,12,0.92)',
             backdropFilter: 'blur(12px)',
-        }, children: _jsxs("div", { className: "max-w-[1400px] mx-auto px-6 h-12 flex items-center gap-4", children: [
-                _jsxs("a", { href: "/", className: "flex items-center gap-3 shrink-0", children: [
-                        _jsx("span", { className: "font-display font-bold text-white text-sm tracking-tight", children: "syncular" }), _jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-amber-400 inline-block", style: { boxShadow: '0 0 6px #f59e0b' } }), _jsx("span", { className: "font-mono text-[10px] text-amber-300/80 uppercase tracking-widest", children: "alpha" }), _jsxs("span", { className: "font-mono text-[10px] text-neutral-500 tracking-wider", children: ["v", UI_VERSION] })
-                    ] }), _jsx("div", { className: "flex-1 min-w-0", children: _jsx("div", { className: "flex items-center gap-5 overflow-x-auto whitespace-nowrap [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden", children: topicLinks.map((topic) => (_jsx("a", { href: topic.href, className: "font-mono text-[11px] text-neutral-500 hover:text-white transition-colors uppercase tracking-wider", children: topic.label }, `${topic.label}:${topic.href}`))) }) }), _jsxs("div", { className: "flex items-center gap-2 shrink-0", children: [demoHref ? (_jsxs("a", { href: demoHref, target: isExternalHref(demoHref) ? '_blank' : undefined, rel: isExternalHref(demoHref) ? 'noreferrer noopener' : undefined, className: "font-mono text-[11px] text-white transition-colors bg-purple-600 hover:bg-purple-500 px-3 py-1 rounded flex items-center gap-1.5", children: ["Demo",
-                                _jsx(ExternalLink, { className: "size-2.5 opacity-50" })
-                            ] })) : null, consoleHref ? (_jsx("a", { href: consoleHref, className: "font-mono text-[11px] text-flow hover:text-white transition-colors border border-flow/40 px-2.5 py-1 rounded", children: "Console" })) : null, githubHref ? (_jsxs("a", { href: githubHref, target: isExternalHref(githubHref) ? '_blank' : undefined, rel: isExternalHref(githubHref) ? 'noreferrer noopener' : undefined, className: cn('text-neutral-400 hover:text-white transition-colors border border-border rounded inline-flex items-center', formattedStars ? 'px-2.5 py-1 gap-1.5' : 'p-1.5'), "aria-label": formattedStars ? `GitHub (${formattedStars} stars)` : 'GitHub', children: [
-                                _jsx(Github, { className: "size-3.5" }), formattedStars ? (_jsxs("span", { className: "font-mono text-[10px] text-neutral-300 inline-flex items-center gap-1", children: [
-                                        _jsx(Star, { className: "size-2.5" }), formattedStars] })) : null] })) : null] })
-            ] }) }));
+        }, children: _jsxs("div", { className: "max-w-[1400px] mx-auto px-6 h-12 flex items-center gap-4", children: [_jsxs("a", { href: "/", className: "flex items-center gap-3 shrink-0", children: [_jsx("span", { className: "font-display font-bold text-white text-sm tracking-tight", children: "syncular" }), _jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-amber-400 inline-block", style: { boxShadow: '0 0 6px #f59e0b' } }), _jsx("span", { className: "font-mono text-[10px] text-amber-300/80 uppercase tracking-widest", children: "alpha" }), _jsxs("span", { className: "font-mono text-[10px] text-neutral-500 tracking-wider", children: ["v", UI_VERSION] })] }), _jsx("div", { className: "flex-1 min-w-0", children: _jsx("div", { className: "flex items-center gap-5 overflow-x-auto whitespace-nowrap [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden", children: topicLinks.map((topic) => (_jsx("a", { href: topic.href, className: "font-mono text-[11px] text-neutral-500 hover:text-white transition-colors uppercase tracking-wider", children: topic.label }, `${topic.label}:${topic.href}`))) }) }), _jsxs("div", { className: "flex items-center gap-2 shrink-0", children: [demoHref ? (_jsxs("a", { href: demoHref, target: isExternalHref(demoHref) ? '_blank' : undefined, rel: isExternalHref(demoHref) ? 'noreferrer noopener' : undefined, className: "font-mono text-[11px] text-white transition-colors bg-purple-600 hover:bg-purple-500 px-3 py-1 rounded flex items-center gap-1.5", children: ["Demo", _jsx(ExternalLink, { className: "size-2.5 opacity-50" })] })) : null, consoleHref ? (_jsx("a", { href: consoleHref, className: "font-mono text-[11px] text-flow hover:text-white transition-colors border border-flow/40 px-2.5 py-1 rounded", children: "Console" })) : null, githubHref ? (_jsxs("a", { href: githubHref, target: isExternalHref(githubHref) ? '_blank' : undefined, rel: isExternalHref(githubHref) ? 'noreferrer noopener' : undefined, className: cn('text-neutral-400 hover:text-white transition-colors border border-border rounded inline-flex items-center', formattedStars ? 'px-2.5 py-1 gap-1.5' : 'p-1.5'), "aria-label": formattedStars ? `GitHub (${formattedStars} stars)` : 'GitHub', children: [_jsx(GitHubMark, { className: "size-3.5" }), formattedStars ? (_jsxs("span", { className: "font-mono text-[10px] text-neutral-300 inline-flex items-center gap-1", children: [_jsx(Star, { className: "size-2.5" }), formattedStars] })) : null] })) : null] })] }) }));
 });
 //# sourceMappingURL=observable-universe-header.js.map