@syncular/ui 0.0.0

package/README.md

@@ -0,0 +1,11 @@
+# @syncular/ui
+
+Internal UI components used by Syncular apps (docs site, console UI, demo UI).
+
+This package is currently marked as `private` in the monorepo and is not intended as a public, supported UI library.
+
+## Links
+
+- GitHub: https://github.com/syncular/syncular
+- Docs: https://syncular.dev/docs
+

package/dist/charts/activity-chart.d.ts

@@ -0,0 +1,11 @@
+export interface ActivityChartDataPoint {
+    timestamp: string;
+    pushCount: number;
+    pullCount: number;
+}
+export interface ActivityChartProps {
+    data: ActivityChartDataPoint[];
+    className?: string;
+}
+export declare function ActivityChart({ data, className }: ActivityChartProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=activity-chart.d.ts.map

package/dist/charts/activity-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"activity-chart.d.ts","sourceRoot":"","sources":["../../src/charts/activity-chart.tsx"],"names":[],"mappings":"AAUA,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,sBAAsB,EAAE,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAaD,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,kBAAkB,2CA+CpE"}

package/dist/charts/activity-chart.js

@@ -0,0 +1,28 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Area, AreaChart, CartesianGrid, XAxis, YAxis } from 'recharts';
+import { ChartContainer, ChartTooltip, ChartTooltipContent, } from './chart.js';
+const chartConfig = {
+    pushCount: {
+        label: 'Push',
+        color: 'var(--color-healthy)',
+    },
+    pullCount: {
+        label: 'Pull',
+        color: 'var(--color-flow)',
+    },
+};
+export function ActivityChart({ data, className }) {
+    const formattedData = data.map((bucket) => ({
+        ...bucket,
+        time: formatTimestamp(bucket.timestamp),
+    }));
+    return (_jsx(ChartContainer, { config: chartConfig, className: className, children: _jsxs(AreaChart, { data: formattedData, margin: { left: 0, right: 0 }, children: [
+                _jsx(CartesianGrid, { strokeDasharray: "3 3", vertical: false }), _jsx(XAxis, { dataKey: "time", tickLine: false, axisLine: false, tickMargin: 8, fontSize: 12 }), _jsx(YAxis, { tickLine: false, axisLine: false, tickMargin: 8, fontSize: 12, width: 40 }), _jsx(ChartTooltip, { cursor: false, content: _jsx(ChartTooltipContent, { indicator: "dot" }) }), _jsx(Area, { dataKey: "pullCount", type: "monotone", fill: "var(--color-flow)", fillOpacity: 0.3, stroke: "var(--color-flow)", stackId: "a" }), _jsx(Area, { dataKey: "pushCount", type: "monotone", fill: "var(--color-healthy)", fillOpacity: 0.3, stroke: "var(--color-healthy)", stackId: "a" })
+            ] }) }));
+}
+function formatTimestamp(timestamp) {
+    const date = new Date(timestamp);
+    return date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
+}
+//# sourceMappingURL=activity-chart.js.map

package/dist/charts/activity-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"activity-chart.js","sourceRoot":"","sources":["../../src/charts/activity-chart.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACxE,OAAO,EAEL,cAAc,EACd,YAAY,EACZ,mBAAmB,GACpB,MAAM,SAAS,CAAC;AAajB,MAAM,WAAW,GAAG;IAClB,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;QACb,KAAK,EAAE,sBAAsB;KAC9B;IACD,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;QACb,KAAK,EAAE,mBAAmB;KAC3B;CACoB,CAAC;AAExB,MAAM,UAAU,aAAa,CAAC,EAAE,IAAI,EAAE,SAAS,EAAsB,EAAE;IACrE,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;QAC1C,GAAG,MAAM;QACT,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,SAAS,CAAC;KACxC,CAAC,CAAC,CAAC;IAEJ,OAAO,CACL,KAAC,cAAc,IAAC,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,YACvD,MAAC,SAAS,IAAC,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;gBAC3D,KAAC,aAAa,IAAC,eAAe,EAAC,KAAK,EAAC,QAAQ,EAAE,KAAK,GAAI,EACxD,KAAC,KAAK,IACJ,OAAO,EAAC,MAAM,EACd,QAAQ,EAAE,KAAK,EACf,QAAQ,EAAE,KAAK,EACf,UAAU,EAAE,CAAC,EACb,QAAQ,EAAE,EAAE,GACZ,EACF,KAAC,KAAK,IACJ,QAAQ,EAAE,KAAK,EACf,QAAQ,EAAE,KAAK,EACf,UAAU,EAAE,CAAC,EACb,QAAQ,EAAE,EAAE,EACZ,KAAK,EAAE,EAAE,GACT,EACF,KAAC,YAAY,IACX,MAAM,EAAE,KAAK,EACb,OAAO,EAAE,KAAC,mBAAmB,IAAC,SAAS,EAAC,KAAK,GAAG,GAChD,EACF,KAAC,IAAI,IACH,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,mBAAmB,EACxB,WAAW,EAAE,GAAG,EAChB,MAAM,EAAC,mBAAmB,EAC1B,OAAO,EAAC,GAAG,GACX,EACF,KAAC,IAAI,IACH,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,sBAAsB,EAC3B,WAAW,EAAE,GAAG,EAChB,MAAM,EAAC,sBAAsB,EAC7B,OAAO,EAAC,GAAG,GACX;gBACQ,GACG,CAClB,CAAC;AAAA,CACH;AAED,SAAS,eAAe,CAAC,SAAiB,EAAU;IAClD,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC;IACjC,OAAO,IAAI,CAAC,kBAAkB,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC;AAAA,CAC5E"}

package/dist/charts/chart.d.ts

@@ -0,0 +1,50 @@
+import * as React from 'react';
+import * as RechartsPrimitive from 'recharts';
+declare const THEMES: {
+    readonly light: "";
+    readonly dark: ".dark";
+};
+type ThemeName = keyof typeof THEMES;
+export type ChartConfig = Record<string, {
+    icon?: React.ComponentType;
+    label?: React.ReactNode;
+} & ({
+    color?: string;
+    theme?: never;
+} | {
+    color?: never;
+    theme: Record<ThemeName, string>;
+})>;
+export declare const ChartContainer: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    config: ChartConfig;
+    children: React.ReactNode;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type TooltipPayloadData = {
+    fill?: string;
+} & Record<string, string | number | boolean | null | undefined>;
+interface TooltipPayloadItem {
+    color?: string;
+    dataKey?: string | number;
+    fill?: string;
+    name?: string;
+    payload?: TooltipPayloadData;
+    value?: number | string;
+}
+export declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
+interface ChartTooltipContentProps extends React.ComponentProps<'div'> {
+    active?: boolean;
+    color?: string;
+    formatter?: (value: string | number, name: string, item: TooltipPayloadItem, index: number, payload: TooltipPayloadData) => React.ReactNode;
+    hideIndicator?: boolean;
+    hideLabel?: boolean;
+    indicator?: 'dashed' | 'dot' | 'line';
+    label?: string;
+    labelClassName?: string;
+    labelFormatter?: (value: string | React.ReactNode, payload: TooltipPayloadItem[]) => React.ReactNode;
+    labelKey?: string;
+    nameKey?: string;
+    payload?: TooltipPayloadItem[];
+}
+export declare const ChartTooltipContent: React.ForwardRefExoticComponent<Omit<ChartTooltipContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=chart.d.ts.map

package/dist/charts/chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../../src/charts/chart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,UAAU,CAAC;AAG9C,QAAA,MAAM,MAAM;;;CAAwC,CAAC;AACrD,KAAK,SAAS,GAAG,MAAM,OAAO,MAAM,CAAC;AAErC,MAAM,MAAM,WAAW,GAAG,MAAM,CAC9B,MAAM,EACN;IACE,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB,GAAG,CACA;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,GACjC;IAAE,KAAK,CAAC,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAAA;CAAE,CACtD,CACF,CAAC;AAgBF,eAAO,MAAM,cAAc;;;gDA+BzB,CAAC;AAkCH,KAAK,kBAAkB,GAAG;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;AAEjE,UAAU,kBAAkB;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,YAAY,kCAA4B,CAAC;AAEtD,UAAU,wBAAyB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACpE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,CACV,KAAK,EAAE,MAAM,GAAG,MAAM,EACtB,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,kBAAkB,EACxB,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,kBAAkB,KACxB,KAAK,CAAC,SAAS,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,CACf,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,EAC/B,OAAO,EAAE,kBAAkB,EAAE,KAC1B,KAAK,CAAC,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;CAChC;AAED,eAAO,MAAM,mBAAmB,8GAqJ/B,CAAC"}

package/dist/charts/chart.js

@@ -0,0 +1,108 @@
+'use client';
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import * as RechartsPrimitive from 'recharts';
+import { cn } from '../lib/cn.js';
+const THEMES = { light: '', dark: '.dark' };
+const ChartContext = React.createContext(null);
+function useChart() {
+    const context = React.useContext(ChartContext);
+    if (!context) {
+        throw new Error('useChart must be used within a <ChartContainer />');
+    }
+    return context;
+}
+export const ChartContainer = React.forwardRef(({ id, className, children, config, ...props }, ref) => {
+    const uniqueId = React.useId();
+    const chartId = `chart-${id || uniqueId.replace(/:/g, '')}`;
+    return (_jsx(ChartContext.Provider, { value: { config }, children: _jsxs("div", { className: cn("flex justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-neutral-500 [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-panel [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-panel [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none", className), "data-chart": chartId, ref: ref, ...props, children: [
+                _jsx(ChartStyle, { config: config, id: chartId }), _jsx(RechartsPrimitive.ResponsiveContainer, { initialDimension: { width: 1, height: 1 }, children: children })
+            ] }) }));
+});
+ChartContainer.displayName = 'ChartContainer';
+function ChartStyle({ config, id }) {
+    const colorConfig = Object.entries(config).filter(([, itemConfig]) => itemConfig.theme || itemConfig.color);
+    if (colorConfig.length < 1) {
+        return null;
+    }
+    return (_jsx("style", { 
+        // biome-ignore lint/security/noDangerouslySetInnerHtml: Static style generation for chart CSS variables.
+        dangerouslySetInnerHTML: {
+            __html: Object.entries(THEMES)
+                .map(([theme, prefix]) => {
+                const variables = colorConfig
+                    .map(([key, itemConfig]) => {
+                    const color = itemConfig.theme?.[theme] ?? itemConfig.color;
+                    return color ? `  --color-${key}: ${color};` : null;
+                })
+                    .filter(Boolean)
+                    .join('\n');
+                return `${prefix} [data-chart='${id}'] {\n${variables}\n}`;
+            })
+                .join('\n'),
+        } }));
+}
+export const ChartTooltip = RechartsPrimitive.Tooltip;
+export const ChartTooltipContent = React.forwardRef(({ active, className, color, formatter, hideIndicator = false, hideLabel = false, indicator = 'dot', label, labelClassName, labelFormatter, labelKey, nameKey, payload, }, ref) => {
+    const { config } = useChart();
+    const tooltipLabel = React.useMemo(() => {
+        if (hideLabel || !payload?.length) {
+            return null;
+        }
+        const item = payload[0];
+        if (!item) {
+            return null;
+        }
+        const key = `${labelKey || item.dataKey || item.name || 'value'}`;
+        const itemConfig = getPayloadConfigFromPayload(config, item, key);
+        const value = !labelKey && typeof label === 'string'
+            ? (config[label]?.label ?? label)
+            : itemConfig?.label;
+        if (labelFormatter) {
+            return (_jsx("div", { className: cn('font-medium', labelClassName), children: labelFormatter(value ?? '', payload) }));
+        }
+        if (!value) {
+            return null;
+        }
+        return _jsx("div", { className: cn('font-medium', labelClassName), children: value });
+    }, [
+        config,
+        hideLabel,
+        label,
+        labelClassName,
+        labelFormatter,
+        labelKey,
+        payload,
+    ]);
+    if (!active || !payload?.length) {
+        return null;
+    }
+    const nestLabel = payload.length === 1 && indicator !== 'dot';
+    return (_jsxs("div", { className: cn('grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-surface px-2.5 py-1.5 text-xs shadow-xl', className), ref: ref, children: [!nestLabel ? tooltipLabel : null, _jsx("div", { className: "grid gap-1.5", children: payload.map((item, index) => {
+                    const key = `${nameKey || item.name || item.dataKey || 'value'}`;
+                    const itemConfig = getPayloadConfigFromPayload(config, item, key);
+                    const indicatorColor = color || item.payload?.fill || item.color;
+                    return (_jsx("div", { className: cn('flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-neutral-500', indicator === 'dot' ? 'items-center' : null), children: formatter && item.value !== undefined && item.name ? (formatter(item.value, item.name, item, index, item.payload ?? {})) : (_jsxs(_Fragment, { children: [itemConfig?.icon ? (_jsx(itemConfig.icon, {})) : !hideIndicator ? (_jsx("div", { className: cn('shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]', indicator === 'dot' ? 'h-2.5 w-2.5' : null, indicator === 'line' ? 'w-1' : null, indicator === 'dashed'
+                                        ? 'w-0 border-[1.5px] border-dashed bg-transparent'
+                                        : null, nestLabel && indicator === 'dashed' ? 'my-0.5' : null), style: {
+                                        '--color-bg': indicatorColor,
+                                        '--color-border': indicatorColor,
+                                    } })) : null, _jsxs("div", { className: cn('flex flex-1 justify-between leading-none', nestLabel ? 'items-end' : 'items-center'), children: [
+                                        _jsxs("div", { className: "grid gap-1.5", children: [nestLabel ? tooltipLabel : null, _jsx("span", { className: "text-neutral-500", children: itemConfig?.label || item.name })
+                                            ] }), item.value !== undefined ? (_jsx("span", { className: "font-mono font-medium tabular-nums text-foreground", children: typeof item.value === 'number'
+                                                ? item.value.toLocaleString()
+                                                : item.value })) : null] })
+                            ] })) }, key));
+                }) })
+        ] }));
+});
+ChartTooltipContent.displayName = 'ChartTooltipContent';
+function getPayloadConfigFromPayload(config, item, key) {
+    const payloadValue = item.payload?.[key];
+    const payloadKey = typeof payloadValue === 'string' ? payloadValue : null;
+    const dataKey = typeof item.dataKey === 'string' ? item.dataKey : null;
+    const nameKey = typeof item.name === 'string' ? item.name : null;
+    const configKey = payloadKey ?? dataKey ?? nameKey ?? key;
+    return config[configKey];
+}
+//# sourceMappingURL=chart.js.map

package/dist/charts/chart.js.map

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

package/dist/charts/index.d.ts

@@ -0,0 +1,5 @@
+export * from './activity-chart';
+export * from './chart';
+export * from './latency-chart';
+export * from './outcomes-chart';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/charts/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC"}

package/dist/charts/index.js

@@ -0,0 +1,5 @@
+export * from './activity-chart.js';
+export * from './chart.js';
+export * from './latency-chart.js';
+export * from './outcomes-chart.js';
+//# sourceMappingURL=index.js.map

package/dist/charts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/charts/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC"}

package/dist/charts/latency-chart.d.ts

@@ -0,0 +1,15 @@
+export interface LatencyPercentiles {
+    p50: number;
+    p90: number;
+    p99: number;
+}
+export interface LatencyChartData {
+    push: LatencyPercentiles;
+    pull: LatencyPercentiles;
+}
+export interface LatencyChartProps {
+    data: LatencyChartData;
+    className?: string;
+}
+export declare function LatencyChart({ data, className }: LatencyChartProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=latency-chart.d.ts.map

package/dist/charts/latency-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"latency-chart.d.ts","sourceRoot":"","sources":["../../src/charts/latency-chart.tsx"],"names":[],"mappings":"AAUA,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,kBAAkB,CAAC;IACzB,IAAI,EAAE,kBAAkB,CAAC;CAC1B;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,gBAAgB,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAaD,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,iBAAiB,2CAuClE"}

package/dist/charts/latency-chart.js

@@ -0,0 +1,25 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Bar, BarChart, CartesianGrid, XAxis, YAxis } from 'recharts';
+import { ChartContainer, ChartTooltip, ChartTooltipContent, } from './chart.js';
+const chartConfig = {
+    push: {
+        label: 'Push',
+        color: 'var(--color-healthy)',
+    },
+    pull: {
+        label: 'Pull',
+        color: 'var(--color-flow)',
+    },
+};
+export function LatencyChart({ data, className }) {
+    const chartData = [
+        { percentile: 'p50', push: data.push.p50, pull: data.pull.p50 },
+        { percentile: 'p90', push: data.push.p90, pull: data.pull.p90 },
+        { percentile: 'p99', push: data.push.p99, pull: data.pull.p99 },
+    ];
+    return (_jsx(ChartContainer, { config: chartConfig, className: className, children: _jsxs(BarChart, { data: chartData, margin: { left: 0, right: 0 }, children: [
+                _jsx(CartesianGrid, { strokeDasharray: "3 3", vertical: false }), _jsx(XAxis, { dataKey: "percentile", tickLine: false, axisLine: false, tickMargin: 8, fontSize: 12 }), _jsx(YAxis, { tickLine: false, axisLine: false, tickMargin: 8, fontSize: 12, width: 50, tickFormatter: (value) => `${value}ms` }), _jsx(ChartTooltip, { cursor: false, content: _jsx(ChartTooltipContent, { formatter: (value, name) => [`${value}ms`, name] }) }), _jsx(Bar, { dataKey: "push", fill: "var(--color-healthy)", radius: [4, 4, 0, 0] }), _jsx(Bar, { dataKey: "pull", fill: "var(--color-flow)", radius: [4, 4, 0, 0] })
+            ] }) }));
+}
+//# sourceMappingURL=latency-chart.js.map

package/dist/charts/latency-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"latency-chart.js","sourceRoot":"","sources":["../../src/charts/latency-chart.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACtE,OAAO,EAEL,cAAc,EACd,YAAY,EACZ,mBAAmB,GACpB,MAAM,SAAS,CAAC;AAkBjB,MAAM,WAAW,GAAG;IAClB,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,KAAK,EAAE,sBAAsB;KAC9B;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,KAAK,EAAE,mBAAmB;KAC3B;CACoB,CAAC;AAExB,MAAM,UAAU,YAAY,CAAC,EAAE,IAAI,EAAE,SAAS,EAAqB,EAAE;IACnE,MAAM,SAAS,GAAG;QAChB,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE;QAC/D,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE;QAC/D,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE;KAChE,CAAC;IAEF,OAAO,CACL,KAAC,cAAc,IAAC,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,YACvD,MAAC,QAAQ,IAAC,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;gBACtD,KAAC,aAAa,IAAC,eAAe,EAAC,KAAK,EAAC,QAAQ,EAAE,KAAK,GAAI,EACxD,KAAC,KAAK,IACJ,OAAO,EAAC,YAAY,EACpB,QAAQ,EAAE,KAAK,EACf,QAAQ,EAAE,KAAK,EACf,UAAU,EAAE,CAAC,EACb,QAAQ,EAAE,EAAE,GACZ,EACF,KAAC,KAAK,IACJ,QAAQ,EAAE,KAAK,EACf,QAAQ,EAAE,KAAK,EACf,UAAU,EAAE,CAAC,EACb,QAAQ,EAAE,EAAE,EACZ,KAAK,EAAE,EAAE,EACT,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,KAAK,IAAI,GACtC,EACF,KAAC,YAAY,IACX,MAAM,EAAE,KAAK,EACb,OAAO,EACL,KAAC,mBAAmB,IAClB,SAAS,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,GAAG,KAAK,IAAI,EAAE,IAAI,CAAC,GAChD,GAEJ,EACF,KAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,IAAI,EAAC,sBAAsB,EAAC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAI,EACxE,KAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,IAAI,EAAC,mBAAmB,EAAC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAI;gBAC5D,GACI,CAClB,CAAC;AAAA,CACH"}

package/dist/charts/outcomes-chart.d.ts

@@ -0,0 +1,11 @@
+export interface OutcomesChartDataPoint {
+    pushCount: number;
+    pullCount: number;
+    errorCount: number;
+}
+export interface OutcomesChartProps {
+    data: OutcomesChartDataPoint[];
+    className?: string;
+}
+export declare function OutcomesChart({ data, className }: OutcomesChartProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=outcomes-chart.d.ts.map

package/dist/charts/outcomes-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"outcomes-chart.d.ts","sourceRoot":"","sources":["../../src/charts/outcomes-chart.tsx"],"names":[],"mappings":"AAUA,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,sBAAsB,EAAE,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAaD,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,kBAAkB,2CAoEpE"}

package/dist/charts/outcomes-chart.js

@@ -0,0 +1,37 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Cell, Pie, PieChart } from 'recharts';
+import { ChartContainer, ChartTooltip, ChartTooltipContent, } from './chart.js';
+const chartConfig = {
+    success: {
+        label: 'Success',
+        color: 'var(--color-healthy)',
+    },
+    errors: {
+        label: 'Errors',
+        color: 'var(--color-offline)',
+    },
+};
+export function OutcomesChart({ data, className }) {
+    const totalOperations = data.reduce((sum, bucket) => sum + bucket.pushCount + bucket.pullCount, 0);
+    const totalErrors = data.reduce((sum, bucket) => sum + bucket.errorCount, 0);
+    const successCount = totalOperations - totalErrors;
+    const chartData = [
+        { name: 'Success', value: successCount, fill: 'var(--color-healthy)' },
+        { name: 'Errors', value: totalErrors, fill: 'var(--color-offline)' },
+    ].filter((item) => item.value > 0);
+    if (chartData.length === 0) {
+        chartData.push({
+            name: 'No data',
+            value: 1,
+            fill: 'var(--color-neutral-700)',
+        });
+    }
+    const errorRate = totalOperations > 0
+        ? ((totalErrors / totalOperations) * 100).toFixed(1)
+        : '0';
+    return (_jsx(ChartContainer, { config: chartConfig, className: className, children: _jsxs(PieChart, { children: [
+                _jsx(ChartTooltip, { cursor: false, content: _jsx(ChartTooltipContent, { hideLabel: true }) }), _jsx(Pie, { data: chartData, dataKey: "value", nameKey: "name", cx: "50%", cy: "50%", innerRadius: 60, outerRadius: 80, paddingAngle: 2, children: chartData.map((entry, index) => (_jsx(Cell, { fill: entry.fill }, `cell-${index}`))) }), _jsxs("text", { x: "50%", y: "50%", textAnchor: "middle", dominantBaseline: "middle", className: "fill-foreground text-2xl font-bold", children: [errorRate, "%"] }), _jsx("text", { x: "50%", y: "58%", textAnchor: "middle", dominantBaseline: "middle", className: "fill-neutral-500 text-xs", children: "error rate" })
+            ] }) }));
+}
+//# sourceMappingURL=outcomes-chart.js.map

package/dist/charts/outcomes-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"outcomes-chart.js","sourceRoot":"","sources":["../../src/charts/outcomes-chart.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,EAEL,cAAc,EACd,YAAY,EACZ,mBAAmB,GACpB,MAAM,SAAS,CAAC;AAajB,MAAM,WAAW,GAAG;IAClB,OAAO,EAAE;QACP,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,sBAAsB;KAC9B;IACD,MAAM,EAAE;QACN,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,sBAAsB;KAC9B;CACoB,CAAC;AAExB,MAAM,UAAU,aAAa,CAAC,EAAE,IAAI,EAAE,SAAS,EAAsB,EAAE;IACrE,MAAM,eAAe,GAAG,IAAI,CAAC,MAAM,CACjC,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,CAAC,GAAG,GAAG,MAAM,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,EAC1D,CAAC,CACF,CAAC;IACF,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,CAAC,GAAG,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;IAC7E,MAAM,YAAY,GAAG,eAAe,GAAG,WAAW,CAAC;IAEnD,MAAM,SAAS,GAAG;QAChB,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,sBAAsB,EAAE;QACtE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,sBAAsB,EAAE;KACrE,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;IAEnC,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC3B,SAAS,CAAC,IAAI,CAAC;YACb,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,CAAC;YACR,IAAI,EAAE,0BAA0B;SACjC,CAAC,CAAC;IACL,CAAC;IAED,MAAM,SAAS,GACb,eAAe,GAAG,CAAC;QACjB,CAAC,CAAC,CAAC,CAAC,WAAW,GAAG,eAAe,CAAC,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;QACpD,CAAC,CAAC,GAAG,CAAC;IAEV,OAAO,CACL,KAAC,cAAc,IAAC,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,YACvD,MAAC,QAAQ;gBACP,KAAC,YAAY,IACX,MAAM,EAAE,KAAK,EACb,OAAO,EAAE,KAAC,mBAAmB,IAAC,SAAS,SAAG,GAC1C,EACF,KAAC,GAAG,IACF,IAAI,EAAE,SAAS,EACf,OAAO,EAAC,OAAO,EACf,OAAO,EAAC,MAAM,EACd,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,KAAK,EACR,WAAW,EAAE,EAAE,EACf,WAAW,EAAE,EAAE,EACf,YAAY,EAAE,CAAC,YAEd,SAAS,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC/B,KAAC,IAAI,IAAuB,IAAI,EAAE,KAAK,CAAC,IAAI,IAAjC,QAAQ,KAAK,EAAE,CAAsB,CACjD,CAAC,GACE,EACN,gBACE,CAAC,EAAC,KAAK,EACP,CAAC,EAAC,KAAK,EACP,UAAU,EAAC,QAAQ,EACnB,gBAAgB,EAAC,QAAQ,EACzB,SAAS,EAAC,oCAAoC,aAE7C,SAAS,SACL,EACP,eACE,CAAC,EAAC,KAAK,EACP,CAAC,EAAC,KAAK,EACP,UAAU,EAAC,QAAQ,EACnB,gBAAgB,EAAC,QAAQ,EACzB,SAAS,EAAC,0BAA0B,2BAG/B;gBACE,GACI,CAClB,CAAC;AAAA,CACH"}

package/dist/console/activity-bars.d.ts

@@ -0,0 +1,24 @@
+import { type ComponentPropsWithoutRef } from 'react';
+export type ActivityBarData = {
+    pushPercent: number;
+    pullPercent: number;
+};
+export type ActivityTimeRange = '1h' | '6h' | '24h' | '7d';
+export type ActivityBarsProps = ComponentPropsWithoutRef<'div'> & {
+    bars: ActivityBarData[];
+    activeRange?: ActivityTimeRange;
+    onRangeChange?: (range: ActivityTimeRange) => void;
+    startLabel?: string;
+    midLabel?: string;
+    endLabel?: string;
+};
+declare const ActivityBars: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    bars: ActivityBarData[];
+    activeRange?: ActivityTimeRange | undefined;
+    onRangeChange?: ((range: ActivityTimeRange) => void) | undefined;
+    startLabel?: string | undefined;
+    midLabel?: string | undefined;
+    endLabel?: string | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export { ActivityBars };
+//# sourceMappingURL=activity-bars.d.ts.map

package/dist/console/activity-bars.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"activity-bars.d.ts","sourceRoot":"","sources":["../../src/console/activity-bars.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAGlE,MAAM,MAAM,eAAe,GAAG;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,IAAI,CAAC;AAE3D,MAAM,MAAM,iBAAiB,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAChE,IAAI,EAAE,eAAe,EAAE,CAAC;IACxB,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACnD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAIF,QAAA,MAAM,YAAY;;;;;;;kDAsFjB,CAAC;AAGF,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/console/activity-bars.js

@@ -0,0 +1,25 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { cn } from '../lib/cn.js';
+const ranges = ['1h', '6h', '24h', '7d'];
+const ActivityBars = forwardRef(({ className, bars, activeRange = '1h', onRangeChange, startLabel = '-1h', midLabel = '-30m', endLabel = 'now', ...props }, ref) => (_jsxs("div", { ref: ref, className: cn('px-5 pt-4 pb-3 border-b border-border', className), ...props, children: [
+        _jsxs("div", { className: "flex items-center justify-between mb-3", children: [
+                _jsx("span", { className: "font-mono text-[10px] text-neutral-500 uppercase tracking-widest", children: "Activity" }), _jsxs("div", { className: "flex items-center gap-4", children: [
+                        _jsxs("div", { className: "flex items-center gap-1.5", children: [
+                                _jsx("span", { className: "w-2 h-2 rounded-sm bg-healthy/70" }), _jsx("span", { className: "font-mono text-[9px] text-neutral-500", children: "Push" })
+                            ] }), _jsxs("div", { className: "flex items-center gap-1.5", children: [
+                                _jsx("span", { className: "w-2 h-2 rounded-sm bg-flow/70" }), _jsx("span", { className: "font-mono text-[9px] text-neutral-500", children: "Pull" })
+                            ] }), _jsx("div", { className: "flex gap-0.5 ml-2", children: ranges.map((r) => (_jsx("button", { type: "button", onClick: () => onRangeChange?.(r), className: cn('font-mono text-[9px] border rounded-sm px-1.5 py-0.5 cursor-pointer transition-all', r === activeRange
+                                    ? 'text-white border-border-bright bg-white/[0.03]'
+                                    : 'text-neutral-500 border-transparent hover:text-neutral-300'), children: r }, r))) })
+                    ] })
+            ] }), _jsx("div", { className: "flex items-end gap-[2px] h-16", children: bars.map((bar, i) => (_jsxs("div", { className: "flex-1 flex flex-col gap-[1px] h-16 justify-end", children: [
+                    _jsx("div", { className: "bg-flow/60 rounded-t-sm min-h-[2px]", style: { height: `${bar.pullPercent}%` } }), _jsx("div", { className: "bg-healthy/60 rounded-t-sm min-h-[2px]", style: { height: `${bar.pushPercent}%` } })
+                ] }, i))) }), _jsxs("div", { className: "flex justify-between mt-1.5", children: [
+                _jsx("span", { className: "font-mono text-[8px] text-neutral-600", children: startLabel }), _jsx("span", { className: "font-mono text-[8px] text-neutral-600", children: midLabel }), _jsx("span", { className: "font-mono text-[8px] text-neutral-600", children: endLabel })
+            ] })
+    ] })));
+ActivityBars.displayName = 'ActivityBars';
+export { ActivityBars };
+//# sourceMappingURL=activity-bars.js.map

package/dist/console/activity-bars.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"activity-bars.js","sourceRoot":"","sources":["../../src/console/activity-bars.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAiC,UAAU,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAkB/B,MAAM,MAAM,GAAwB,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;AAE9D,MAAM,YAAY,GAAG,UAAU,CAC7B,CACE,EACE,SAAS,EACT,IAAI,EACJ,WAAW,GAAG,IAAI,EAClB,aAAa,EACb,UAAU,GAAG,KAAK,EAClB,QAAQ,GAAG,MAAM,EACjB,QAAQ,GAAG,KAAK,EAChB,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE,CAAC,CACH,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,uCAAuC,EAAE,SAAS,CAAC,KAC7D,KAAK;QAGT,eAAK,SAAS,EAAC,wCAAwC;gBACrD,eAAM,SAAS,EAAC,kEAAkE,yBAE3E,EACP,eAAK,SAAS,EAAC,yBAAyB;wBACtC,eAAK,SAAS,EAAC,2BAA2B;gCACxC,eAAM,SAAS,EAAC,kCAAkC,GAAG,EACrD,eAAM,SAAS,EAAC,uCAAuC,qBAAY;gCAC/D,EACN,eAAK,SAAS,EAAC,2BAA2B;gCACxC,eAAM,SAAS,EAAC,+BAA+B,GAAG,EAClD,eAAM,SAAS,EAAC,uCAAuC,qBAAY;gCAC/D,EACN,cAAK,SAAS,EAAC,mBAAmB,YAC/B,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACjB,iBAEE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,EACjC,SAAS,EAAE,EAAE,CACX,oFAAoF,EACpF,CAAC,KAAK,WAAW;oCACf,CAAC,CAAC,iDAAiD;oCACnD,CAAC,CAAC,4DAA4D,CACjE,YAEA,CAAC,IAVG,CAAC,CAWC,CACV,CAAC,GACE;wBACF;gBACF,EAGN,cAAK,SAAS,EAAC,+BAA+B,YAC3C,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CACpB,eAEE,SAAS,EAAC,iDAAiD;oBAE3D,cACE,SAAS,EAAC,qCAAqC,EAC/C,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,GAAG,CAAC,WAAW,GAAG,EAAE,GACxC,EACF,cACE,SAAS,EAAC,wCAAwC,EAClD,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,GAAG,CAAC,WAAW,GAAG,EAAE,GACxC;qBAVG,CAAC,CAWF,CACP,CAAC,GACE,EAGN,eAAK,SAAS,EAAC,6BAA6B;gBAC1C,eAAM,SAAS,EAAC,uCAAuC,YACpD,UAAU,GACN,EACP,eAAM,SAAS,EAAC,uCAAuC,YACpD,QAAQ,GACJ,EACP,eAAM,SAAS,EAAC,uCAAuC,YACpD,QAAQ,GACJ;gBACH;QACF,CACP,CACF,CAAC;AACF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/console/alerts-config.d.ts

@@ -0,0 +1,20 @@
+import { type ComponentPropsWithoutRef } from 'react';
+export type AlertThresholds = {
+    p90Latency: number;
+    errorRate: number;
+    clientLag: number;
+};
+export type AlertsConfigProps = ComponentPropsWithoutRef<'div'> & {
+    enabled?: boolean;
+    onEnabledChange?: (enabled: boolean) => void;
+    thresholds: AlertThresholds;
+    onThresholdsChange?: (thresholds: AlertThresholds) => void;
+};
+declare const AlertsConfig: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    enabled?: boolean | undefined;
+    onEnabledChange?: ((enabled: boolean) => void) | undefined;
+    thresholds: AlertThresholds;
+    onThresholdsChange?: ((thresholds: AlertThresholds) => void) | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export { AlertsConfig };
+//# sourceMappingURL=alerts-config.d.ts.map

package/dist/console/alerts-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alerts-config.d.ts","sourceRoot":"","sources":["../../src/console/alerts-config.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAKlE,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAChE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,UAAU,EAAE,eAAe,CAAC;IAC5B,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,eAAe,KAAK,IAAI,CAAC;CAC5D,CAAC;AAEF,QAAA,MAAM,YAAY;;;;;kDA+DjB,CAAC;AA0BF,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/console/alerts-config.js

@@ -0,0 +1,31 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { cn } from '../lib/cn.js';
+import { Input } from '../primitives/input.js';
+import { Switch } from '../primitives/switch.js';
+const AlertsConfig = forwardRef(({ className, enabled = true, onEnabledChange, thresholds, onThresholdsChange, ...props }, ref) => {
+    function handleChange(key, value) {
+        const num = Number(value);
+        if (Number.isFinite(num)) {
+            onThresholdsChange?.({ ...thresholds, [key]: num });
+        }
+    }
+    return (_jsxs("div", { ref: ref, className: cn('bg-panel border border-border rounded-lg hover:border-border-bright transition', className), ...props, children: [
+            _jsxs("div", { className: "px-4 py-2.5 border-b border-border flex items-center justify-between", children: [
+                    _jsxs("div", { className: "flex items-center gap-2", children: [
+                            _jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-offline" }), _jsx("span", { className: "font-mono text-[10px] text-neutral-500 uppercase tracking-widest", children: "Alerts" })
+                        ] }), _jsx(Switch, { checked: enabled, onCheckedChange: (val) => onEnabledChange?.(val) })
+                ] }), _jsxs("div", { className: "p-4 space-y-3", children: [
+                    _jsx(ThresholdRow, { label: "P90 latency threshold", value: thresholds.p90Latency, onChange: (v) => handleChange('p90Latency', v) }), _jsx(ThresholdRow, { label: "Error rate threshold", value: thresholds.errorRate, onChange: (v) => handleChange('errorRate', v) }), _jsx(ThresholdRow, { label: "Client lag threshold", value: thresholds.clientLag, onChange: (v) => handleChange('clientLag', v) })
+                ] })
+        ] }));
+});
+AlertsConfig.displayName = 'AlertsConfig';
+function ThresholdRow({ label, value, onChange, }) {
+    return (_jsxs("div", { className: "flex items-center justify-between", children: [
+            _jsx("span", { className: "font-mono text-[10px] text-neutral-500", children: label }), _jsx(Input, { variant: "mono", type: "number", value: value, onChange: (e) => onChange(e.target.value), className: "w-[100px] text-[11px] px-2 py-1 text-right" })
+        ] }));
+}
+export { AlertsConfig };
+//# sourceMappingURL=alerts-config.js.map

package/dist/console/alerts-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alerts-config.js","sourceRoot":"","sources":["../../src/console/alerts-config.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAiC,UAAU,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAe9C,MAAM,YAAY,GAAG,UAAU,CAC7B,CACE,EACE,SAAS,EACT,OAAO,GAAG,IAAI,EACd,eAAe,EACf,UAAU,EACV,kBAAkB,EAClB,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE,CAAC;IACH,SAAS,YAAY,CAAC,GAA0B,EAAE,KAAa,EAAE;QAC/D,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;QAC1B,IAAI,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;YACzB,kBAAkB,EAAE,CAAC,EAAE,GAAG,UAAU,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;QACtD,CAAC;IAAA,CACF;IAED,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,gFAAgF,EAChF,SAAS,CACV,KACG,KAAK;YAGT,eAAK,SAAS,EAAC,sEAAsE;oBACnF,eAAK,SAAS,EAAC,yBAAyB;4BACtC,eAAM,SAAS,EAAC,qCAAqC,GAAG,EACxD,eAAM,SAAS,EAAC,kEAAkE,uBAE3E;4BACH,EACN,KAAC,MAAM,IACL,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,GAChD;oBACE,EAGN,eAAK,SAAS,EAAC,eAAe;oBAC5B,KAAC,YAAY,IACX,KAAK,EAAC,uBAAuB,EAC7B,KAAK,EAAE,UAAU,CAAC,UAAU,EAC5B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,YAAY,EAAE,CAAC,CAAC,GAC9C,EACF,KAAC,YAAY,IACX,KAAK,EAAC,sBAAsB,EAC5B,KAAK,EAAE,UAAU,CAAC,SAAS,EAC3B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC,CAAC,GAC7C,EACF,KAAC,YAAY,IACX,KAAK,EAAC,sBAAsB,EAC5B,KAAK,EAAE,UAAU,CAAC,SAAS,EAC3B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC,CAAC,GAC7C;oBACE;YACF,CACP,CAAC;AAAA,CACH,CACF,CAAC;AACF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,SAAS,YAAY,CAAC,EACpB,KAAK,EACL,KAAK,EACL,QAAQ,GAKT,EAAE;IACD,OAAO,CACL,eAAK,SAAS,EAAC,mCAAmC;YAChD,eAAM,SAAS,EAAC,wCAAwC,YAAE,KAAK,GAAQ,EACvE,KAAC,KAAK,IACJ,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,SAAS,EAAC,4CAA4C,GACtD;YACE,CACP,CAAC;AAAA,CACH;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/console/api-keys-table.d.ts

@@ -0,0 +1,16 @@
+import { type ComponentPropsWithoutRef } from 'react';
+import type { ApiKeyEntry } from '../lib/types';
+export type ApiKeysTableProps = ComponentPropsWithoutRef<'div'> & {
+    keys: ApiKeyEntry[];
+    onCreateKey?: () => void;
+    onRotateKey?: (name: string) => void;
+    onRevokeKey?: (name: string) => void;
+};
+declare const ApiKeysTable: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    keys: ApiKeyEntry[];
+    onCreateKey?: (() => void) | undefined;
+    onRotateKey?: ((name: string) => void) | undefined;
+    onRevokeKey?: ((name: string) => void) | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export { ApiKeysTable };
+//# sourceMappingURL=api-keys-table.d.ts.map

package/dist/console/api-keys-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"api-keys-table.d.ts","sourceRoot":"","sources":["../../src/console/api-keys-table.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAElE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAIhD,MAAM,MAAM,iBAAiB,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAChE,IAAI,EAAE,WAAW,EAAE,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,CAAC;AAQF,QAAA,MAAM,YAAY;;;;;kDA6EjB,CAAC;AAGF,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/console/api-keys-table.js

@@ -0,0 +1,21 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { cn } from '../lib/cn.js';
+import { Badge } from '../primitives/badge.js';
+import { Button } from '../primitives/button.js';
+const typeBadgeMap = {
+    relay: 'relay',
+    admin: 'flow',
+    proxy: 'ghost',
+};
+const ApiKeysTable = forwardRef(({ className, keys, onCreateKey, onRotateKey, onRevokeKey, ...props }, ref) => (_jsxs("div", { ref: ref, className: cn('bg-panel border border-border rounded-lg hover:border-border-bright transition', className), ...props, children: [
+        _jsxs("div", { className: "px-4 py-2.5 border-b border-border flex items-center justify-between", children: [
+                _jsx("span", { className: "font-mono text-[10px] text-neutral-500 uppercase tracking-widest", children: "API Keys" }), onCreateKey && (_jsx(Button, { variant: "primary", size: "sm", onClick: onCreateKey, children: "+ Create Key" }))] }), _jsxs("div", { className: "font-mono text-[9px] tracking-wider uppercase text-neutral-600 flex items-center gap-4 px-4 leading-6 border-b border-border", children: [
+                _jsx("span", { className: "w-[140px]", children: "Name" }), _jsx("span", { className: "w-[70px]", children: "Type" }), _jsx("span", { className: "flex-1", children: "Prefix" }), _jsx("span", { className: "w-[90px]", children: "Created" }), _jsx("span", { className: "w-[80px] text-right", children: "Actions" })
+            ] }), keys.map((k, i) => (_jsxs("div", { className: cn('font-mono text-[11px] leading-7 px-4 flex items-center gap-4 hover:bg-white/[0.015] transition-colors cursor-default', i < keys.length - 1 && 'border-b border-[#141414]'), children: [
+                _jsx("span", { className: "w-[140px] text-white truncate", children: k.name }), _jsx("span", { className: "w-[70px]", children: _jsx(Badge, { variant: typeBadgeMap[k.type] ?? 'ghost', children: k.type }) }), _jsx("span", { className: "flex-1 text-neutral-500 truncate", children: k.prefix }), _jsx("span", { className: "w-[90px] text-neutral-600 truncate", children: k.created }), _jsxs("span", { className: "w-[80px] flex gap-2 justify-end", children: [onRotateKey && (_jsx(Button, { variant: "default", size: "sm", className: "text-[9px] px-1.5 py-0.5", onClick: () => onRotateKey(k.name), children: "Rotate" })), onRevokeKey && (_jsx(Button, { variant: "destructive", size: "sm", className: "text-[9px] px-1.5 py-0.5", onClick: () => onRevokeKey(k.name), children: "Revoke" }))] })
+            ] }, k.name)))] })));
+ApiKeysTable.displayName = 'ApiKeysTable';
+export { ApiKeysTable };
+//# sourceMappingURL=api-keys-table.js.map

package/dist/console/api-keys-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"api-keys-table.js","sourceRoot":"","sources":["../../src/console/api-keys-table.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAiC,UAAU,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAmB,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAS9C,MAAM,YAAY,GAA0C;IAC1D,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,MAAM;IACb,KAAK,EAAE,OAAO;CACf,CAAC;AAEF,MAAM,YAAY,GAAG,UAAU,CAC7B,CACE,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EACpE,GAAG,EACH,EAAE,CAAC,CACH,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,gFAAgF,EAChF,SAAS,CACV,KACG,KAAK;QAGT,eAAK,SAAS,EAAC,sEAAsE;gBACnF,eAAM,SAAS,EAAC,kEAAkE,yBAE3E,EACN,WAAW,IAAI,CACd,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,WAAW,6BAE/C,CACV,IACG,EAGN,eAAK,SAAS,EAAC,8HAA8H;gBAC3I,eAAM,SAAS,EAAC,WAAW,qBAAY,EACvC,eAAM,SAAS,EAAC,UAAU,qBAAY,EACtC,eAAM,SAAS,EAAC,QAAQ,uBAAc,EACtC,eAAM,SAAS,EAAC,UAAU,wBAAe,EACzC,eAAM,SAAS,EAAC,qBAAqB,wBAAe;gBAChD,EAGL,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAClB,eAEE,SAAS,EAAE,EAAE,CACX,sHAAsH,EACtH,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,2BAA2B,CACnD;gBAED,eAAM,SAAS,EAAC,+BAA+B,YAAE,CAAC,CAAC,IAAI,GAAQ,EAC/D,eAAM,SAAS,EAAC,UAAU,YACxB,KAAC,KAAK,IAAC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,OAAO,YAAG,CAAC,CAAC,IAAI,GAAS,GAC5D,EACP,eAAM,SAAS,EAAC,kCAAkC,YAAE,CAAC,CAAC,MAAM,GAAQ,EACpE,eAAM,SAAS,EAAC,oCAAoC,YACjD,CAAC,CAAC,OAAO,GACL,EACP,gBAAM,SAAS,EAAC,iCAAiC,aAC9C,WAAW,IAAI,CACd,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,0BAA0B,EACpC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,uBAG3B,CACV,EACA,WAAW,IAAI,CACd,KAAC,MAAM,IACL,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,0BAA0B,EACpC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,uBAG3B,CACV,IACI;iBAnCF,CAAC,CAAC,IAAI,CAoCP,CACP,CAAC,IACE,CACP,CACF,CAAC;AACF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/console/bottom-bar.d.ts

@@ -0,0 +1,17 @@
+import { type ComponentPropsWithoutRef } from 'react';
+export type BottomBarMetric = {
+    label: string;
+    value: string;
+};
+export type BottomBarProps = ComponentPropsWithoutRef<'div'> & {
+    metrics?: BottomBarMetric[];
+    uptime?: string;
+    isLive?: boolean;
+};
+declare const BottomBar: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    metrics?: BottomBarMetric[] | undefined;
+    uptime?: string | undefined;
+    isLive?: boolean | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export { BottomBar };
+//# sourceMappingURL=bottom-bar.d.ts.map

package/dist/console/bottom-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bottom-bar.d.ts","sourceRoot":"","sources":["../../src/console/bottom-bar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAGlE,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAC7D,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,QAAA,MAAM,SAAS;;;;kDAqDd,CAAC;AAGF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/console/bottom-bar.js

@@ -0,0 +1,14 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { cn } from '../lib/cn.js';
+const BottomBar = forwardRef(({ className, metrics = [], uptime, isLive = true, ...props }, ref) => (_jsxs("div", { ref: ref, className: cn('fixed bottom-0 left-0 right-0 z-100 h-8 border-t border-border bg-surface/92 backdrop-blur-lg flex items-center justify-between px-5', className), ...props, children: [
+        _jsxs("div", { className: "flex items-center gap-3", children: [
+                _jsx("div", { className: "flex items-center gap-[2px]", children: [0, 0.1, 0.2, 0.3, 0.4].map((delay) => (_jsx("div", { className: "w-0.5 h-1.5 bg-healthy rounded-sm animate-[heartbeat_1.2s_ease-in-out_infinite]", style: { animationDelay: `${delay}s` } }, delay))) }), isLive && (_jsx("span", { className: "font-mono text-[9px] text-healthy uppercase tracking-widest", children: "Live" }))] }), _jsx("div", { className: "flex items-center gap-6", children: metrics.map((m) => (_jsxs("div", { className: "flex items-center gap-1.5", children: [
+                    _jsx("span", { className: "font-mono text-[9px] text-neutral-600", children: m.label }), _jsx("span", { className: "font-mono text-[10px] text-neutral-300", children: m.value })
+                ] }, m.label))) }), uptime != null && (_jsxs("div", { className: "flex items-center gap-2", children: [
+                _jsx("span", { className: "font-mono text-[9px] text-neutral-600", children: "UPTIME" }), _jsx("span", { className: "font-mono text-[10px] text-neutral-400", children: uptime })
+            ] }))] })));
+BottomBar.displayName = 'BottomBar';
+export { BottomBar };
+//# sourceMappingURL=bottom-bar.js.map