@oh-my-pi/omp-stats 18.3.5 → 18.4.1

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

@@ -1,16 +0,0 @@
-import type React from "react";
-import type { TimeRange } from "../types.js";
-import type { DashboardSection } from "./routes.js";
-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

@@ -1,7 +0,0 @@
-import { type DashboardSection } from "./routes.js";
-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

@@ -1,7 +0,0 @@
-import type { TimeRange } from "../types.js";
-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

@@ -1,14 +0,0 @@
-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/TopBar.d.ts

@@ -1,15 +0,0 @@
-import type { TimeRange } from "../types.js";
-import type { DashboardSection } from "./routes.js";
-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

@@ -1,12 +0,0 @@
-import type React from "react";
-export type DashboardSection = "overview" | "requests" | "traces" | "errors" | "models" | "providers" | "tools" | "costs" | "behavior" | "projects" | "gain";
-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/AgentTokenShare.d.ts

@@ -1,5 +0,0 @@
-import type { AgentTypeStats } from "../types.js";
-export interface AgentTokenShareProps {
-    stats: AgentTypeStats[];
-}
-export declare function AgentTokenShare({ stats }: AgentTokenShareProps): import("react").JSX.Element;

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

@@ -1,178 +0,0 @@
-/**
- * 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 function buildModelColorLookup(records: readonly {
-    model: string;
-    provider: string;
-    totalRequests: number;
-}[]): Map<string, string>;
-export declare const CHART_THEMES: {
-    readonly dark: {
-        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: "#867a93";
-    };
-    readonly light: {
-        readonly legendLabel: "#5a5462";
-        readonly tooltipBackground: "#ffffff";
-        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];
-export interface ChartSeries {
-    labels: string[];
-    datasets: Array<{
-        label: string;
-        data: number[];
-    }>;
-}
-interface TooltipItem {
-    parsed: {
-        y: number | null;
-    };
-}
-/** Tooltip + legend config common to bar and line variants of the time charts. */
-export declare function buildSharedPlugins(opts: {
-    chartTheme: ChartTheme;
-    showLegend: boolean;
-    defaultLabel: string;
-    formatValue: (n: number) => string;
-    footer?: (items: TooltipItem[]) => string | undefined;
-}): {
-    legend: {
-        display: boolean;
-        position: "top";
-        align: "start";
-        labels: {
-            color: "#5a5462" | "#a89fb3";
-            usePointStyle: boolean;
-            padding: number;
-            font: {
-                size: number;
-            };
-            boxWidth: number;
-        };
-    };
-    tooltip: {
-        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;
-        callbacks: {
-            label: (ctx: {
-                dataset: {
-                    label?: string;
-                };
-                parsed: {
-                    y: number | null;
-                };
-            }) => string;
-            footer?: ((items: TooltipItem[]) => string | undefined) | undefined;
-        };
-    };
-};
-/** Y-axis tick formatter + grid/tick styling shared by both charts. */
-export declare function buildSharedScales(opts: {
-    chartTheme: ChartTheme;
-    formatY: (n: number) => string;
-}): {
-    sharedScaleBase: {
-        grid: {
-            color: "rgba(20, 12, 28, 0.08)" | "rgba(255, 255, 255, 0.06)";
-            drawBorder: boolean;
-        };
-        ticks: {
-            color: "#6a6275" | "#867a93";
-            font: {
-                size: number;
-            };
-        };
-    };
-    yScale: {
-        grid: {
-            color: "rgba(20, 12, 28, 0.08)" | "rgba(255, 255, 255, 0.06)";
-            drawBorder: boolean;
-        };
-        ticks: {
-            color: "#6a6275" | "#867a93";
-            font: {
-                size: number;
-            };
-            callback: (value: number | string) => string;
-        };
-        min: number;
-    };
-};
-/** Stylistic defaults for a single line dataset in a stacked/by-model chart. */
-export declare function lineDatasetStyle(color: string): {
-    borderColor: string;
-    backgroundColor: string;
-    fill: boolean;
-    tension: number;
-    pointRadius: number;
-    pointHoverRadius: number;
-    borderWidth: number;
-};
-/** Stylistic defaults for a single bar dataset in a stacked chart. */
-export declare function barDatasetStyle(color: string): {
-    backgroundColor: string;
-    borderColor: string;
-    borderWidth: number;
-    borderRadius: number;
-    maxBarThickness: number;
-};
-/**
- * Map a generic ChartSeries' datasets through a per-index style function so
- * callers can supply line or bar styling without repeating the label/data
- * spread at every chart site.
- */
-export declare function styleDatasets(series: ChartSeries, styleFor: (index: number) => Record<string, unknown>): {
-    label: string;
-    data: number[];
-}[];
-/**
- * Bucket points by day into a single aggregate series. Caller supplies the
- * per-bucket accumulator + final value extractor; mirrors the shape of
- * `buildTopNByModelSeries` for the non-by-model variant of each time chart.
- */
-export declare function buildAggregateTimeSeries<T extends {
-    timestamp: number;
-}, B>(points: T[], label: string, opts: {
-    initBucket: () => B;
-    accumulate: (bucket: B, point: T) => void;
-    bucketToValue: (bucket: B) => number;
-}): ChartSeries;
-interface ModelKeyedPoint {
-    timestamp: number;
-    model: string;
-    provider: string;
-}
-/**
- * Bucket points by day and by top-N model (with an "Other" rollup), producing
- * a ChartSeries. Caller controls how points contribute to ranking and to each
- * day-bucket value via the `rankWeight`/`accumulate`/`bucketToValue` callbacks
- * — keeps the behavior chart's rate math separate from the cost chart's sum.
- */
-export declare function buildTopNByModelSeries<T extends ModelKeyedPoint, B>(points: T[], opts: {
-    topN?: number;
-    rankWeight: (point: T) => number;
-    initBucket: () => B;
-    accumulate: (bucket: B, point: T) => void;
-    bucketToValue: (bucket: B) => number;
-}): ChartSeries;
-export {};

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

@@ -1,175 +0,0 @@
-/**
- * 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.
- */
-import type { ChartTheme } from "./chart-shared.js";
-export { CHART_THEMES as TABLE_CHART_THEMES, MODEL_COLORS } from "./chart-shared.js";
-export type TableChartTheme = ChartTheme;
-/** Style defaults for one line in a non-stacked detail chart. */
-export declare function lineSeriesStyle(color: string): {
-    borderColor: string;
-    backgroundColor: string;
-    tension: number;
-    pointRadius: number;
-    borderWidth: number;
-};
-/**
- * No-axis, no-legend single-series sparkline used in the trend cell of every
- * model row. Caller supplies the already-extracted numeric series so this
- * stays agnostic of the row's underlying data shape.
- */
-export declare function MiniSparkline({ timestamps, values, color, }: {
-    timestamps: number[];
-    values: number[];
-    color: string;
-}): import("react").JSX.Element;
-/**
- * Plugin block (legend + tooltip) shared by every multi-series detail chart
- * in the table expanded views.
- */
-export declare function detailChartPlugins(chartTheme: TableChartTheme): {
-    legend: {
-        display: boolean;
-        position: "top";
-        labels: {
-            color: "#5a5462" | "#a89fb3";
-            usePointStyle: boolean;
-            padding: number;
-            font: {
-                size: number;
-            };
-        };
-    };
-    tooltip: {
-        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;
-    };
-};
-/**
- * Single-Y-axis scales for a detail chart (used when every series shares a
- * unit, e.g. behavior counts). Min anchored at 0.
- */
-export declare function detailChartScalesSingleAxis(chartTheme: TableChartTheme): {
-    x: {
-        grid: {
-            color: "rgba(20, 12, 28, 0.08)" | "rgba(255, 255, 255, 0.06)";
-        };
-        ticks: {
-            color: "#6a6275" | "#867a93";
-            font: {
-                size: number;
-            };
-        };
-    };
-    y: {
-        grid: {
-            color: "rgba(20, 12, 28, 0.08)" | "rgba(255, 255, 255, 0.06)";
-        };
-        ticks: {
-            color: "#6a6275" | "#867a93";
-            font: {
-                size: number;
-            };
-        };
-        min: number;
-    };
-};
-/**
- * Dual-Y-axis scales for a detail chart with mixed units (e.g. TTFT seconds
- * on left, tokens/s on right). Right-axis grid is suppressed so it doesn't
- * collide with the left.
- */
-export declare function detailChartScalesDualAxis(chartTheme: TableChartTheme): {
-    x: {
-        grid: {
-            color: "rgba(20, 12, 28, 0.08)" | "rgba(255, 255, 255, 0.06)";
-        };
-        ticks: {
-            color: "#6a6275" | "#867a93";
-            font: {
-                size: number;
-            };
-        };
-    };
-    y: {
-        type: "linear";
-        display: boolean;
-        position: "left";
-        grid: {
-            color: "rgba(20, 12, 28, 0.08)" | "rgba(255, 255, 255, 0.06)";
-        };
-        ticks: {
-            color: "#6a6275" | "#867a93";
-            font: {
-                size: number;
-            };
-        };
-    };
-    y1: {
-        type: "linear";
-        display: boolean;
-        position: "right";
-        grid: {
-            drawOnChartArea: boolean;
-        };
-        ticks: {
-            color: "#6a6275" | "#867a93";
-            font: {
-                size: number;
-            };
-        };
-    };
-};
-export interface TableColumn {
-    label: string;
-    align?: "left" | "right" | "center";
-}
-/** Outer card + section title used by every model table. */
-export declare function ModelTableShell({ title, subtitle, children, }: {
-    title: string;
-    subtitle?: string;
-    children: React.ReactNode;
-}): import("react").JSX.Element;
-/** Sticky column-header row for a model table. */
-export declare function ModelTableHeader({ columns, gridTemplate }: {
-    columns: TableColumn[];
-    gridTemplate: string;
-}): import("react").JSX.Element;
-/** Scroll wrapper for the row stack — capped to fit the dashboard viewport. */
-export declare function ModelTableBody({ children }: {
-    children: React.ReactNode;
-}): import("react").JSX.Element;
-/**
- * Two-line model identity cell (model name + provider) shared by every
- * per-model table. Kept as a stable named contract so callers don't restate
- * the same two divs and font-utility classes.
- */
-export declare function ModelNameCell({ model, provider }: {
-    model: string;
-    provider: string;
-}): import("react").JSX.Element;
-/**
- * One expandable model row. `cells` matches the column order from
- * `ModelTableHeader` plus the trend cell at the end (caller controls the
- * sparkline / placeholder). `expandedContent` is the panel revealed on toggle.
- */
-export declare function ExpandableModelRow({ gridTemplate, cells, trendCell, isExpanded, onToggle, expandedContent, }: {
-    gridTemplate: string;
-    cells: React.ReactNode[];
-    trendCell: React.ReactNode;
-    isExpanded: boolean;
-    onToggle: () => void;
-    expandedContent: React.ReactNode;
-}): import("react").JSX.Element;
-/** Placeholder shown in the trend cell when a model has no time-series data. */
-export declare function TrendEmpty(): import("react").JSX.Element;
-/** Placeholder shown in the expanded detail-chart slot when data is missing. */
-export declare function DetailChartEmpty({ message }: {
-    message?: string;
-}): import("react").JSX.Element;

package/dist/types/client/components/range-meta.d.ts

@@ -1,21 +0,0 @@
-/**
- * Display metadata for a `TimeRange` — keeps chart labels, sparkline bucket
- * counts, and x-axis date formatting in sync with the server-side bucketing
- * defined in `aggregator.ts`.
- */
-import type { TimeRange } from "../types.js";
-export interface RangeMeta {
-    /** Human label used in chart subtitles ("the last 24 hours"). */
-    windowLabel: string;
-    /** Short prefix used in compact column headers ("24h Trend"). */
-    trendLabel: string;
-    /** Bucket size matching the server query for this range. */
-    bucketMs: number;
-    /** Number of buckets the server is expected to return for this range. */
-    bucketCount: number;
-    /** Date format string for x-axis labels and tooltip headings. */
-    tickFormat: string;
-}
-export declare function rangeMeta(range: TimeRange): RangeMeta;
-/** Format a bucket timestamp using the active range's tick format. */
-export declare function formatRangeTick(timestamp: number, range: TimeRange): string;

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

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

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

@@ -1,13 +0,0 @@
-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/routes/BehaviorRoute.d.ts

@@ -1,7 +0,0 @@
-import type { TimeRange } from "../types.js";
-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/ui/AsyncBoundary.d.ts

@@ -1,12 +0,0 @@
-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

@@ -1,17 +0,0 @@
-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

@@ -1,7 +0,0 @@
-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

@@ -1,6 +0,0 @@
-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/MetricCluster.d.ts

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

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

@@ -1,7 +0,0 @@
-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/SegmentedControl.d.ts

@@ -1,12 +0,0 @@
-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

@@ -1,8 +0,0 @@
-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

@@ -1,7 +0,0 @@
-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/src/client/app/AppLayout.tsx

@@ -1,93 +0,0 @@
-import { X } from "lucide-react";
-import type React from "react";
-import { useState } from "react";
-import type { TimeRange } from "../types";
-import { NavRail } from "./NavRail";
-import type { DashboardSection } from "./routes";
-import { TopBar } from "./TopBar";
-
-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 function AppLayout({
-	activeSection,
-	onSectionChange,
-	range,
-	onRangeChange,
-	updatedAt,
-	onSyncStart,
-	onSyncComplete,
-	children,
-}: AppLayoutProps) {
-	const [menuOpen, setMenuOpen] = useState(false);
-
-	const handleSectionChange = (section: DashboardSection) => {
-		onSectionChange(section);
-		setMenuOpen(false);
-	};
-
-	return (
-		<div className="stats-app-container">
-			{/* Desktop Rail */}
-			<NavRail activeSection={activeSection} onSectionChange={handleSectionChange} className="stats-desktop-nav" />
-
-			{/* Mobile Nav Drawer */}
-			{menuOpen && (
-				<div className="stats-mobile-drawer-overlay" onClick={() => setMenuOpen(false)} role="presentation">
-					<div
-						className="stats-mobile-drawer"
-						onClick={e => e.stopPropagation()}
-						role="dialog"
-						aria-modal="true"
-						aria-label="Navigation menu"
-					>
-						<div className="stats-mobile-drawer-header">
-							<div className="stats-logo-container">
-								<span className="stats-logo-text">OH MY PI</span>
-								<span className="stats-logo-subtext">Observability</span>
-							</div>
-							<button
-								type="button"
-								onClick={() => setMenuOpen(false)}
-								className="stats-drawer-close-btn"
-								aria-label="Close navigation menu"
-							>
-								<X size={18} />
-							</button>
-						</div>
-						<NavRail
-							activeSection={activeSection}
-							onSectionChange={handleSectionChange}
-							className="stats-mobile-nav"
-						/>
-					</div>
-				</div>
-			)}
-
-			{/* Main Layout Pane */}
-			<div className="stats-main-pane">
-				<TopBar
-					activeSection={activeSection}
-					range={range}
-					onRangeChange={onRangeChange}
-					updatedAt={updatedAt}
-					onSyncStart={onSyncStart}
-					onSyncComplete={onSyncComplete}
-					onMenuToggle={() => setMenuOpen(true)}
-				/>
-
-				<main className="stats-content-area">
-					<div className="stats-content-inner">{children}</div>
-				</main>
-			</div>
-		</div>
-	);
-}