@oh-my-pi/omp-stats 16.0.3 → 16.0.5

package/dist/types/client/api.d.ts

@@ -1,10 +1,19 @@
-import type { BehaviorDashboardStats, CostDashboardStats, DashboardStats, MessageStats, ModelDashboardStats, OverviewStats, RequestDetails } from "./types";
-export declare function getStats(range?: string): Promise<DashboardStats>;
-export declare function getOverviewStats(range?: string): Promise<OverviewStats>;
-export declare function getModelDashboardStats(range?: string): Promise<ModelDashboardStats>;
-export declare function getCostDashboardStats(range?: string): Promise<CostDashboardStats>;
-export declare function getRecentRequests(limit?: number): Promise<MessageStats[]>;
-export declare function getRecentErrors(limit?: number): Promise<MessageStats[]>;
-export declare function getRequestDetails(id: number): Promise<RequestDetails>;
-export declare function sync(): Promise<any>;
-export declare function getBehaviorDashboardStats(range?: string): Promise<BehaviorDashboardStats>;
+import type { BehaviorDashboardStats, CostDashboardStats, FolderStats, MessageStats, ModelDashboardStats, OverviewStats, RequestDetails, TimeRange } from "./types";
+export declare class ApiError extends Error {
+    status: number;
+    endpoint: string;
+    constructor(status: number, endpoint: string, message: string);
+}
+export declare function getOverviewStats(range?: TimeRange, signal?: AbortSignal): Promise<OverviewStats>;
+export declare function getModelDashboardStats(range?: TimeRange, signal?: AbortSignal): Promise<ModelDashboardStats>;
+export declare function getCostDashboardStats(range?: TimeRange, signal?: AbortSignal): Promise<CostDashboardStats>;
+export declare function getRecentRequests(limit?: number, signal?: AbortSignal): Promise<MessageStats[]>;
+export declare function getRecentErrors(limit?: number, signal?: AbortSignal): Promise<MessageStats[]>;
+export declare function getRequestDetails(id: number, signal?: AbortSignal): Promise<RequestDetails>;
+export declare function sync(signal?: AbortSignal): Promise<{
+    processed: number;
+    files: number;
+    totalMessages: number;
+}>;
+export declare function getBehaviorDashboardStats(range?: TimeRange, signal?: AbortSignal): Promise<BehaviorDashboardStats>;
+export declare function getFolderStats(range?: TimeRange, signal?: AbortSignal): Promise<FolderStats[]>;

package/dist/types/client/app/AppLayout.d.ts

@@ -0,0 +1,16 @@
+import type React from "react";
+import type { TimeRange } from "../types";
+import type { DashboardSection } from "./routes";
+export interface AppLayoutProps {
+    activeSection: DashboardSection;
+    onSectionChange: (section: DashboardSection) => void;
+    range: TimeRange;
+    onRangeChange: (range: TimeRange) => void;
+    updatedAt: number | null;
+    onSyncStart?: () => void;
+    onSyncComplete?: (result: {
+        success: boolean;
+    }) => void;
+    children: React.ReactNode;
+}
+export declare function AppLayout({ activeSection, onSectionChange, range, onRangeChange, updatedAt, onSyncStart, onSyncComplete, children, }: AppLayoutProps): React.JSX.Element;

package/dist/types/client/app/NavRail.d.ts

@@ -0,0 +1,7 @@
+import { type DashboardSection } from "./routes";
+export interface NavRailProps {
+    activeSection: DashboardSection;
+    onSectionChange: (section: DashboardSection) => void;
+    className?: string;
+}
+export declare function NavRail({ activeSection, onSectionChange, className }: NavRailProps): import("react").JSX.Element;

package/dist/types/client/app/RangeControl.d.ts

@@ -0,0 +1,7 @@
+import type { TimeRange } from "../types";
+export interface RangeControlProps {
+    value: TimeRange;
+    onChange: (value: TimeRange) => void;
+    className?: string;
+}
+export declare function RangeControl({ value, onChange, className }: RangeControlProps): import("react").JSX.Element;

package/dist/types/client/app/SyncButton.d.ts

@@ -0,0 +1,14 @@
+export interface SyncButtonProps {
+    onSyncStart?: () => void;
+    onSyncComplete?: (result: {
+        success: boolean;
+        data?: {
+            processed: number;
+            files: number;
+            totalMessages: number;
+        };
+        error?: string;
+    }) => void;
+    className?: string;
+}
+export declare function SyncButton({ onSyncStart, onSyncComplete, className }: SyncButtonProps): import("react").JSX.Element;

package/dist/types/client/app/ThemeToggle.d.ts

@@ -0,0 +1 @@
+export declare function ThemeToggle(): import("react").JSX.Element;

package/dist/types/client/app/TopBar.d.ts

@@ -0,0 +1,15 @@
+import type { TimeRange } from "../types";
+import type { DashboardSection } from "./routes";
+export interface TopBarProps {
+    activeSection: DashboardSection;
+    range: TimeRange;
+    onRangeChange: (range: TimeRange) => void;
+    updatedAt: number | null;
+    onSyncStart?: () => void;
+    onSyncComplete?: (result: {
+        success: boolean;
+    }) => void;
+    onMenuToggle?: () => void;
+    className?: string;
+}
+export declare function TopBar({ activeSection, range, onRangeChange, updatedAt, onSyncStart, onSyncComplete, onMenuToggle, className, }: TopBarProps): import("react").JSX.Element;

package/dist/types/client/app/routes.d.ts

@@ -0,0 +1,12 @@
+import type React from "react";
+export type DashboardSection = "overview" | "requests" | "errors" | "models" | "costs" | "behavior" | "projects";
+export interface DashboardRoute {
+    id: DashboardSection;
+    label: string;
+    shortLabel?: string;
+    icon: React.ComponentType<{
+        size?: number;
+        className?: string;
+    }>;
+}
+export declare const routes: DashboardRoute[];

package/dist/types/client/components/chart-shared.d.ts

@@ -1,28 +1,28 @@
 /**
- * Shared chart primitives for the dashboard timeline charts (BehaviorChart,
- * CostChart). Each chart owns its data shape and metric labels — this module
- * owns the layout, theme, legend/tooltip plumbing, and the top-N-by-model
- * bucketing scaffold that's identical between cost and behavior series.
+ * Shared chart primitives for the dashboard timeline charts: the OMP color
+ * palette, light/dark chart chrome, legend/tooltip + scale plumbing, dataset
+ * styling, and the top-N-by-model / aggregate bucketing used by the cost and
+ * behavior series.
  */
 export declare const MODEL_COLORS: string[];
 export declare const CHART_THEMES: {
     readonly dark: {
-        readonly legendLabel: "#94a3b8";
-        readonly tooltipBackground: "#16161e";
-        readonly tooltipTitle: "#f8fafc";
-        readonly tooltipBody: "#94a3b8";
-        readonly tooltipBorder: "rgba(255, 255, 255, 0.1)";
+        readonly legendLabel: "#a89fb3";
+        readonly tooltipBackground: "#241a2e";
+        readonly tooltipTitle: "#eae5ef";
+        readonly tooltipBody: "#a89fb3";
+        readonly tooltipBorder: "rgba(255, 255, 255, 0.12)";
         readonly grid: "rgba(255, 255, 255, 0.06)";
-        readonly tick: "#64748b";
+        readonly tick: "#867a93";
     };
     readonly light: {
-        readonly legendLabel: "#475569";
+        readonly legendLabel: "#5a5462";
         readonly tooltipBackground: "#ffffff";
-        readonly tooltipTitle: "#0f172a";
-        readonly tooltipBody: "#334155";
-        readonly tooltipBorder: "rgba(15, 23, 42, 0.18)";
-        readonly grid: "rgba(15, 23, 42, 0.08)";
-        readonly tick: "#64748b";
+        readonly tooltipTitle: "#241a2e";
+        readonly tooltipBody: "#5a5462";
+        readonly tooltipBorder: "rgba(20, 12, 28, 0.15)";
+        readonly grid: "rgba(20, 12, 28, 0.08)";
+        readonly tick: "#6a6275";
     };
 };
 export type ChartTheme = (typeof CHART_THEMES)[keyof typeof CHART_THEMES];
@@ -51,7 +51,7 @@ export declare function buildSharedPlugins(opts: {
         position: "top";
         align: "start";
         labels: {
-            color: "#475569" | "#94a3b8";
+            color: "#5a5462" | "#a89fb3";
             usePointStyle: boolean;
             padding: number;
             font: {
@@ -61,10 +61,10 @@ export declare function buildSharedPlugins(opts: {
         };
     };
     tooltip: {
-        backgroundColor: "#16161e" | "#ffffff";
-        titleColor: "#0f172a" | "#f8fafc";
-        bodyColor: "#334155" | "#94a3b8";
-        borderColor: "rgba(15, 23, 42, 0.18)" | "rgba(255, 255, 255, 0.1)";
+        backgroundColor: "#241a2e" | "#ffffff";
+        titleColor: "#241a2e" | "#eae5ef";
+        bodyColor: "#5a5462" | "#a89fb3";
+        borderColor: "rgba(20, 12, 28, 0.15)" | "rgba(255, 255, 255, 0.12)";
         borderWidth: number;
         padding: number;
         cornerRadius: number;
@@ -88,11 +88,11 @@ export declare function buildSharedScales(opts: {
 }): {
     sharedScaleBase: {
         grid: {
-            color: "rgba(15, 23, 42, 0.08)" | "rgba(255, 255, 255, 0.06)";
+            color: "rgba(20, 12, 28, 0.08)" | "rgba(255, 255, 255, 0.06)";
             drawBorder: boolean;
         };
         ticks: {
-            color: "#64748b";
+            color: "#6a6275" | "#867a93";
             font: {
                 size: number;
             };
@@ -100,11 +100,11 @@ export declare function buildSharedScales(opts: {
     };
     yScale: {
         grid: {
-            color: "rgba(15, 23, 42, 0.08)" | "rgba(255, 255, 255, 0.06)";
+            color: "rgba(20, 12, 28, 0.08)" | "rgba(255, 255, 255, 0.06)";
             drawBorder: boolean;
         };
         ticks: {
-            color: "#64748b";
+            color: "#6a6275" | "#867a93";
             font: {
                 size: number;
             };
@@ -129,6 +129,7 @@ export declare function barDatasetStyle(color: string): {
     borderColor: string;
     borderWidth: number;
     borderRadius: number;
+    maxBarThickness: number;
 };
 /**
  * Map a generic ChartSeries' datasets through a per-index style function so
@@ -169,19 +170,4 @@ export declare function buildTopNByModelSeries<T extends ModelKeyedPoint, B>(poi
     accumulate: (bucket: B, point: T) => void;
     bucketToValue: (bucket: B) => number;
 }): ChartSeries;
-/**
- * Outer surface card used by both time charts. `controls` slot covers
- * chart-specific tabs (e.g. behavior metric picker); the by-model toggle and
- * empty-state are part of the frame so callers don't redeclare them.
- */
-export declare function ChartFrame({ title, subtitle, empty, emptyMessage, controls, byModel, onByModelChange, children, }: {
-    title: string;
-    subtitle: string;
-    empty: boolean;
-    emptyMessage: string;
-    controls?: React.ReactNode;
-    byModel: boolean;
-    onByModelChange: (v: boolean) => void;
-    children: React.ReactNode;
-}): import("react").JSX.Element;
 export {};

package/dist/types/client/components/models-table-shared.d.ts

@@ -1,32 +1,12 @@
 /**
- * Shared primitives for the per-model breakdown tables (ModelsTable,
- * BehaviorModelsTable). Each table still owns its column definitions, sort
- * order, sidebar contents and chart type — this module owns the surface
- * chrome, expand-row plumbing, theme palette, and the mini-sparkline plus
+ * Shared primitives for the per-model breakdown tables. Each table owns its
+ * column definitions, sort order, and chart type — this module owns the
+ * surface chrome, expand-row plumbing, theme palette, the mini-sparkline, and
  * the shared plugin/scale config consumed by multi-line detail charts.
  */
-export { MODEL_COLORS } from "./chart-shared";
-export declare const TABLE_CHART_THEMES: {
-    readonly dark: {
-        readonly legendLabel: "#cbd5e1";
-        readonly tooltipBackground: "#16161e";
-        readonly tooltipTitle: "#f8fafc";
-        readonly tooltipBody: "#94a3b8";
-        readonly tooltipBorder: "rgba(255, 255, 255, 0.1)";
-        readonly grid: "rgba(255, 255, 255, 0.06)";
-        readonly tick: "#94a3b8";
-    };
-    readonly light: {
-        readonly legendLabel: "#334155";
-        readonly tooltipBackground: "#ffffff";
-        readonly tooltipTitle: "#0f172a";
-        readonly tooltipBody: "#334155";
-        readonly tooltipBorder: "rgba(15, 23, 42, 0.18)";
-        readonly grid: "rgba(15, 23, 42, 0.08)";
-        readonly tick: "#475569";
-    };
-};
-export type TableChartTheme = (typeof TABLE_CHART_THEMES)[keyof typeof TABLE_CHART_THEMES];
+import type { ChartTheme } from "./chart-shared";
+export { CHART_THEMES as TABLE_CHART_THEMES, MODEL_COLORS } from "./chart-shared";
+export type TableChartTheme = ChartTheme;
 /** Style defaults for one line in a non-stacked detail chart. */
 export declare function lineSeriesStyle(color: string): {
     borderColor: string;
@@ -54,7 +34,7 @@ export declare function detailChartPlugins(chartTheme: TableChartTheme): {
         display: boolean;
         position: "top";
         labels: {
-            color: "#334155" | "#cbd5e1";
+            color: "#5a5462" | "#a89fb3";
             usePointStyle: boolean;
             padding: number;
             font: {
@@ -63,10 +43,10 @@ export declare function detailChartPlugins(chartTheme: TableChartTheme): {
         };
     };
     tooltip: {
-        backgroundColor: "#16161e" | "#ffffff";
-        titleColor: "#0f172a" | "#f8fafc";
-        bodyColor: "#334155" | "#94a3b8";
-        borderColor: "rgba(15, 23, 42, 0.18)" | "rgba(255, 255, 255, 0.1)";
+        backgroundColor: "#241a2e" | "#ffffff";
+        titleColor: "#241a2e" | "#eae5ef";
+        bodyColor: "#5a5462" | "#a89fb3";
+        borderColor: "rgba(20, 12, 28, 0.15)" | "rgba(255, 255, 255, 0.12)";
         borderWidth: number;
         cornerRadius: number;
     };
@@ -78,10 +58,10 @@ export declare function detailChartPlugins(chartTheme: TableChartTheme): {
 export declare function detailChartScalesSingleAxis(chartTheme: TableChartTheme): {
     x: {
         grid: {
-            color: "rgba(15, 23, 42, 0.08)" | "rgba(255, 255, 255, 0.06)";
+            color: "rgba(20, 12, 28, 0.08)" | "rgba(255, 255, 255, 0.06)";
         };
         ticks: {
-            color: "#475569" | "#94a3b8";
+            color: "#6a6275" | "#867a93";
             font: {
                 size: number;
             };
@@ -89,10 +69,10 @@ export declare function detailChartScalesSingleAxis(chartTheme: TableChartTheme)
     };
     y: {
         grid: {
-            color: "rgba(15, 23, 42, 0.08)" | "rgba(255, 255, 255, 0.06)";
+            color: "rgba(20, 12, 28, 0.08)" | "rgba(255, 255, 255, 0.06)";
         };
         ticks: {
-            color: "#475569" | "#94a3b8";
+            color: "#6a6275" | "#867a93";
             font: {
                 size: number;
             };
@@ -108,10 +88,10 @@ export declare function detailChartScalesSingleAxis(chartTheme: TableChartTheme)
 export declare function detailChartScalesDualAxis(chartTheme: TableChartTheme): {
     x: {
         grid: {
-            color: "rgba(15, 23, 42, 0.08)" | "rgba(255, 255, 255, 0.06)";
+            color: "rgba(20, 12, 28, 0.08)" | "rgba(255, 255, 255, 0.06)";
         };
         ticks: {
-            color: "#475569" | "#94a3b8";
+            color: "#6a6275" | "#867a93";
             font: {
                 size: number;
             };
@@ -122,10 +102,10 @@ export declare function detailChartScalesDualAxis(chartTheme: TableChartTheme):
         display: boolean;
         position: "left";
         grid: {
-            color: "rgba(15, 23, 42, 0.08)" | "rgba(255, 255, 255, 0.06)";
+            color: "rgba(20, 12, 28, 0.08)" | "rgba(255, 255, 255, 0.06)";
         };
         ticks: {
-            color: "#475569" | "#94a3b8";
+            color: "#6a6275" | "#867a93";
             font: {
                 size: number;
             };
@@ -139,7 +119,7 @@ export declare function detailChartScalesDualAxis(chartTheme: TableChartTheme):
             drawOnChartArea: boolean;
         };
         ticks: {
-            color: "#475569" | "#94a3b8";
+            color: "#6a6275" | "#867a93";
             font: {
                 size: number;
             };

package/dist/types/client/data/charts.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/client/data/formatters.d.ts

@@ -0,0 +1,7 @@
+export declare function formatInteger(value: number): string;
+export declare function formatCompact(value: number): string;
+export declare function formatCost(value: number, digits?: number): string;
+export declare function formatPercent(value: number, digits?: number): string;
+export declare function formatDurationMs(value: number | null, digits?: number): string;
+export declare function formatTokensPerSecond(value: number | null): string;
+export declare function formatRelativeTime(timestamp: number): string;

package/dist/types/client/data/useHashRoute.d.ts

@@ -0,0 +1,8 @@
+import type { DashboardSection } from "../app/routes";
+import type { TimeRange } from "../types";
+export declare function useHashRoute(): {
+    section: DashboardSection;
+    setSection: (newSection: DashboardSection) => void;
+    range: TimeRange;
+    setRange: (newRange: string) => void;
+};

package/dist/types/client/data/useResource.d.ts

@@ -0,0 +1,13 @@
+export interface ResourceResult<T> {
+    data: T | null;
+    error: Error | null;
+    loading: boolean;
+    refreshing: boolean;
+    refetch: () => Promise<void>;
+    updatedAt: number | null;
+}
+export interface ResourceOptions {
+    pollMs?: number;
+    enabled?: boolean;
+}
+export declare function useResource<T>(key: readonly unknown[], fetcher: (signal: AbortSignal) => Promise<T>, options?: ResourceOptions): ResourceResult<T>;

package/dist/types/client/data/view-models.d.ts

@@ -0,0 +1,37 @@
+import type { BehaviorOverallStats, BehaviorTimeSeriesPoint, CostTimeSeriesPoint, FolderStats, ModelPerformancePoint, TimeRange } from "../types";
+export interface CostSummaryView {
+    totalCost: number;
+    avgDailyCost: number;
+    topModelName: string;
+    topModelCost: number;
+}
+export interface ModelPerformanceDataPoint {
+    timestamp: number;
+    avgTtftSeconds: number | null;
+    avgTokensPerSecond: number | null;
+    requests: number;
+}
+export interface ModelPerformanceSeries {
+    label: string;
+    data: ModelPerformanceDataPoint[];
+}
+export interface BehaviorSummaryView {
+    totalMessages: number;
+    totalYelling: number;
+    totalProfanity: number;
+    totalAnguish: number;
+    totalFrustration: number;
+    highestFrictionModel: {
+        model: string;
+        provider: string;
+        score: number;
+    } | null;
+}
+export interface FolderRowView extends FolderStats {
+    costPercentage: number;
+    requestsPercentage: number;
+}
+export declare function buildCostSummary(costSeries: CostTimeSeriesPoint[]): CostSummaryView;
+export declare function buildModelPerformanceLookup(points: ModelPerformancePoint[], range: TimeRange): Map<string, ModelPerformanceSeries>;
+export declare function buildBehaviorSummary(overall: BehaviorOverallStats, series: BehaviorTimeSeriesPoint[]): BehaviorSummaryView;
+export declare function buildFolderRows(folders: FolderStats[]): FolderRowView[];

package/dist/types/client/index.d.ts

@@ -1 +1,2 @@
 import "./styles.css";
+import "./data/charts";

package/dist/types/client/routes/BehaviorRoute.d.ts

@@ -0,0 +1,7 @@
+import type { TimeRange } from "../types";
+export interface BehaviorRouteProps {
+    active: boolean;
+    range: TimeRange;
+    refreshTrigger: number;
+}
+export declare function BehaviorRoute({ active, range, refreshTrigger }: BehaviorRouteProps): import("react").JSX.Element;

package/dist/types/client/routes/CostsRoute.d.ts

@@ -0,0 +1,7 @@
+import type { TimeRange } from "../types";
+export interface CostsRouteProps {
+    active: boolean;
+    range: TimeRange;
+    refreshTrigger: number;
+}
+export declare function CostsRoute({ active, range, refreshTrigger }: CostsRouteProps): import("react").JSX.Element;

package/dist/types/client/routes/ErrorsRoute.d.ts

@@ -0,0 +1,8 @@
+import type { TimeRange } from "../types";
+export interface ErrorsRouteProps {
+    active: boolean;
+    range: TimeRange;
+    refreshTrigger: number;
+    onRequestClick: (id: number) => void;
+}
+export declare function ErrorsRoute({ active, refreshTrigger, onRequestClick }: ErrorsRouteProps): import("react").JSX.Element;

package/dist/types/client/routes/ModelsRoute.d.ts

@@ -0,0 +1,7 @@
+import type { TimeRange } from "../types";
+export interface ModelsRouteProps {
+    active: boolean;
+    range: TimeRange;
+    refreshTrigger: number;
+}
+export declare function ModelsRoute({ active, range, refreshTrigger }: ModelsRouteProps): import("react").JSX.Element;

package/dist/types/client/routes/OverviewRoute.d.ts

@@ -0,0 +1,8 @@
+import type { TimeRange } from "../types";
+export interface OverviewRouteProps {
+    active: boolean;
+    range: TimeRange;
+    refreshTrigger: number;
+    onRequestClick: (id: number) => void;
+}
+export declare function OverviewRoute({ active, range, refreshTrigger, onRequestClick }: OverviewRouteProps): import("react").JSX.Element;

package/dist/types/client/routes/ProjectsRoute.d.ts

@@ -0,0 +1,7 @@
+import type { TimeRange } from "../types";
+export interface ProjectsRouteProps {
+    active: boolean;
+    range: TimeRange;
+    refreshTrigger: number;
+}
+export declare function ProjectsRoute({ active, range, refreshTrigger }: ProjectsRouteProps): import("react").JSX.Element;

package/dist/types/client/routes/RequestsRoute.d.ts

@@ -0,0 +1,8 @@
+import type { TimeRange } from "../types";
+export interface RequestsRouteProps {
+    active: boolean;
+    range: TimeRange;
+    refreshTrigger: number;
+    onRequestClick: (id: number) => void;
+}
+export declare function RequestsRoute({ active, refreshTrigger, onRequestClick }: RequestsRouteProps): import("react").JSX.Element;

package/dist/types/client/routes/index.d.ts

@@ -0,0 +1,7 @@
+export * from "./BehaviorRoute";
+export * from "./CostsRoute";
+export * from "./ErrorsRoute";
+export * from "./ModelsRoute";
+export * from "./OverviewRoute";
+export * from "./ProjectsRoute";
+export * from "./RequestsRoute";

package/dist/types/client/ui/AsyncBoundary.d.ts

@@ -0,0 +1,12 @@
+import type React from "react";
+export interface AsyncBoundaryProps {
+    loading: boolean;
+    error: Error | null;
+    data: unknown | null;
+    empty?: boolean;
+    emptyText?: string;
+    fallback?: React.ReactNode;
+    onRetry?: () => void;
+    children: React.ReactNode;
+}
+export declare function AsyncBoundary({ loading, error, data, empty, emptyText, fallback, onRetry, children, }: AsyncBoundaryProps): React.JSX.Element;

package/dist/types/client/ui/DataTable.d.ts

@@ -0,0 +1,17 @@
+import type React from "react";
+export interface DataTableColumn<T> {
+    key: string;
+    header: React.ReactNode;
+    render?: (item: T) => React.ReactNode;
+    className?: string;
+    numeric?: boolean;
+}
+export interface DataTableProps<T> {
+    columns: DataTableColumn<T>[];
+    data: T[];
+    keyExtractor: (item: T) => string | number;
+    onRowClick?: (item: T) => void;
+    renderMobileCard?: (item: T, onClick?: () => void) => React.ReactNode;
+    emptyText?: string;
+}
+export declare function DataTable<T>({ columns, data, keyExtractor, onRowClick, renderMobileCard, emptyText, }: DataTableProps<T>): React.JSX.Element;

package/dist/types/client/ui/EmptyState.d.ts

@@ -0,0 +1,7 @@
+import { type LucideIcon } from "lucide-react";
+export interface EmptyStateProps {
+    message?: string;
+    icon?: LucideIcon;
+    className?: string;
+}
+export declare function EmptyState({ message, icon: Icon, className }: EmptyStateProps): import("react").JSX.Element;

package/dist/types/client/ui/ErrorState.d.ts

@@ -0,0 +1,6 @@
+export interface ErrorStateProps {
+    error?: Error | null;
+    onRetry?: () => void;
+    className?: string;
+}
+export declare function ErrorState({ error, onRetry, className }: ErrorStateProps): import("react").JSX.Element;

package/dist/types/client/ui/JsonBlock.d.ts

@@ -0,0 +1,7 @@
+import type React from "react";
+export interface JsonBlockProps {
+    data: unknown;
+    title?: string;
+    initialCollapsed?: boolean;
+}
+export declare function JsonBlock({ data, title, initialCollapsed }: JsonBlockProps): React.JSX.Element;

package/dist/types/client/ui/MetricCluster.d.ts

@@ -0,0 +1,5 @@
+import type { AggregatedStats } from "../types";
+export interface MetricClusterProps {
+    stats: AggregatedStats;
+}
+export declare function MetricCluster({ stats }: MetricClusterProps): import("react").JSX.Element;

package/dist/types/client/ui/Panel.d.ts

@@ -0,0 +1,7 @@
+import type React from "react";
+export interface PanelProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+    title?: React.ReactNode;
+    subtitle?: React.ReactNode;
+    actions?: React.ReactNode;
+}
+export declare function Panel({ title, subtitle, actions, children, className, ...props }: PanelProps): React.JSX.Element;

package/dist/types/client/ui/RequestDrawer.d.ts

@@ -0,0 +1,5 @@
+export interface RequestDrawerProps {
+    id: number | null;
+    onClose: () => void;
+}
+export declare function RequestDrawer({ id, onClose }: RequestDrawerProps): import("react").JSX.Element | null;

package/dist/types/client/ui/SegmentedControl.d.ts

@@ -0,0 +1,12 @@
+export interface SegmentedControlOption<T> {
+    value: T;
+    label: string;
+    title?: string;
+}
+export interface SegmentedControlProps<T> {
+    options: SegmentedControlOption<T>[];
+    value: T;
+    onChange: (value: T) => void;
+    className?: string;
+}
+export declare function SegmentedControl<T>({ options, value, onChange, className }: SegmentedControlProps<T>): import("react").JSX.Element;

package/dist/types/client/ui/Skeleton.d.ts

@@ -0,0 +1,8 @@
+import type React from "react";
+export interface SkeletonProps {
+    variant?: "text" | "rect" | "circle";
+    width?: string | number;
+    height?: string | number;
+    className?: string;
+}
+export declare function Skeleton({ variant, width, height, className }: SkeletonProps): React.JSX.Element;

package/dist/types/client/ui/StatusPill.d.ts

@@ -0,0 +1,7 @@
+import type React from "react";
+export interface StatusPillProps {
+    variant: "success" | "danger" | "warning" | "info" | "default";
+    children: React.ReactNode;
+    className?: string;
+}
+export declare function StatusPill({ variant, children, className }: StatusPillProps): React.JSX.Element;

package/dist/types/client/ui/index.d.ts

@@ -0,0 +1,11 @@
+export * from "./AsyncBoundary";
+export * from "./DataTable";
+export * from "./EmptyState";
+export * from "./ErrorState";
+export * from "./JsonBlock";
+export * from "./MetricCluster";
+export * from "./Panel";
+export * from "./RequestDrawer";
+export * from "./SegmentedControl";
+export * from "./Skeleton";
+export * from "./StatusPill";