@oh-my-pi/omp-stats 18.5.0 → 18.5.1

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

@@ -14,6 +14,8 @@ export declare function isUnpricedMessage(message: Pick<MessageStats, "provider"
 /** Format one request's cost, distinguishing unpriced usage from free usage. */
 export declare function formatMessageCost(message: Pick<MessageStats, "provider" | "usage" | "costUnpriced">, digits?: number): string;
 export declare function formatPercent(value: number, digits?: number): string;
+/** Show small nonzero failure rates without rounding them to zero. */
+export declare function formatErrorRate(value: number): string;
 export declare function formatDurationMs(value: number | null, digits?: number): string;
 /** Wall-clock length: seconds below a minute, then `17m 41s` / `2h 05m`. */
 export declare function formatElapsed(ms: number): string;

package/dist/types/types.d.ts

@@ -61,7 +61,7 @@ export interface MessageStatsInput extends Omit<MessageStats, "usage" | "costUnp
 export interface RequestDetails extends MessageStats {
     /** The full conversation history or just the last turn. */
     messages: unknown[];
-    /** The model's response. */
+    /** The model's response; `null` for `model_usage` entries, which journal no payload. */
     output: unknown;
 }
 /**

package/package.json

@@ -1,7 +1,7 @@
 {
 	"type": "module",
 	"name": "@oh-my-pi/omp-stats",
-	"version": "18.5.0",
+	"version": "18.5.1",
 	"description": "Local observability dashboard for omp AI usage statistics",
 	"homepage": "https://omp.sh",
 	"author": {
@@ -42,9 +42,9 @@
 		"fmt": "oxfmt --no-error-on-unmatched-pattern 'src/**/*.{ts,tsx}' '{test,bench,examples,scripts}/**/*.ts' '*.ts'"
 	},
 	"dependencies": {
-		"@oh-my-pi/pi-ai": "18.5.0",
-		"@oh-my-pi/pi-catalog": "18.5.0",
-		"@oh-my-pi/pi-utils": "18.5.0",
+		"@oh-my-pi/pi-ai": "18.5.1",
+		"@oh-my-pi/pi-catalog": "18.5.1",
+		"@oh-my-pi/pi-utils": "18.5.1",
 		"lucide-react": "^1.24.0",
 		"react": "19.2.7",
 		"react-dom": "19.2.7"

package/src/aggregator.ts

@@ -565,6 +565,9 @@ export async function getRequestDetails(id: number): Promise<RequestDetails | nu
 	if (!msg) return null;
 
 	const entry = await getSessionEntry(msg.sessionFile, msg.entryId);
+	// Role-model attempts (judge, auto-thinking, …) journal only a `model_usage`
+	// record: usage and outcome, no request or response payload.
+	if (entry?.type === "model_usage") return { ...msg, messages: [entry], output: null };
 	if (entry?.type !== "message" || !("message" in entry)) return null;
 
 	return {

package/src/client/data/formatters.ts

@@ -56,6 +56,13 @@ export function formatPercent(value: number, digits = 1): string {
 	return `${(value * 100).toFixed(digits)}%`;
 }
 
+/** Show small nonzero failure rates without rounding them to zero. */
+export function formatErrorRate(value: number): string {
+	const percent = value * 100;
+	if (percent > 0 && percent < 0.005) return "<0.01%";
+	return formatPercent(value, percent > 0 && percent < 0.1 ? 2 : 1);
+}
+
 export function formatDurationMs(value: number | null, digits?: number): string {
 	if (value === null) return "-";
 	const sec = value / 1000;

package/src/client/routes/ModelsRoute.tsx

@@ -7,6 +7,7 @@ import { buildModelColorLookup, modelKey, OTHER_COLOR } from "../data/colors";
 import {
 	formatCompact,
 	formatDurationMs,
+	formatErrorRate,
 	formatEstimatedCost,
 	formatInteger,
 	formatPercent,
@@ -388,7 +389,7 @@ function buildModelColumns(view: ModelsView, expandedKey: string | null, bucketW
 				) : (
 					<span title={`${formatInteger(row.failedRequests)} failed`}>
 						<Badge tone={errorRateTone(row.errorRate)} mono>
-							{formatPercent(row.errorRate)}
+							{formatErrorRate(row.errorRate)}
 						</Badge>
 					</span>
 				),
@@ -477,7 +478,7 @@ function ModelDetail({
 								label: "Error rate",
 								value: (
 									<span className={`tone-${errorRateTone(model.errorRate)}`}>
-										{formatPercent(model.errorRate)}{" "}
+										{formatErrorRate(model.errorRate)}{" "}
 										<span className="dim">({formatInteger(model.failedRequests)} failed)</span>
 									</span>
 								),

package/src/client/routes/OverviewRoute.tsx

@@ -5,6 +5,7 @@ import { Legend, ShareBar, TimeChart } from "../charts";
 import {
 	formatCompact,
 	formatDurationMs,
+	formatErrorRate,
 	formatEstimatedCost,
 	formatInteger,
 	formatMessageCost,
@@ -133,7 +134,7 @@ export function OverviewRoute({ active, range, onRequestClick }: OverviewRoutePr
 							/>
 							<Stat
 								label="Error rate"
-								value={formatPercent(overall.errorRate)}
+								value={formatErrorRate(overall.errorRate)}
 								hint={`${formatInteger(overall.successfulRequests)} succeeded`}
 								spark={series.errors}
 								sparkColor="var(--bad)"

package/src/client/routes/ProjectsRoute.tsx

@@ -4,6 +4,7 @@ import { BarList } from "../charts";
 import {
 	formatCompact,
 	formatDurationMs,
+	formatErrorRate,
 	formatEstimatedCost,
 	formatFolder,
 	formatInteger,
@@ -296,7 +297,7 @@ function folderColumns(maxRequests: number, maxCost: number): Column<FolderRowVi
 			render: row => (
 				<span title={`${formatInteger(row.failedRequests)} failed`}>
 					<Badge tone={row.failedRequests > 0 ? errorRateTone(row.errorRate) : "neutral"} mono>
-						{formatPercent(row.errorRate)}
+						{formatErrorRate(row.errorRate)}
 					</Badge>
 				</span>
 			),

package/src/client/routes/ProvidersRoute.tsx

@@ -6,6 +6,7 @@ import { buildColorLookup, OTHER_COLOR, SERIES_COLORS } from "../data/colors";
 import {
 	formatCompact,
 	formatCost,
+	formatErrorRate,
 	formatEstimatedCost,
 	formatInteger,
 	formatPercent,
@@ -178,7 +179,7 @@ export function ProvidersRoute({ active, range }: ProvidersRouteProps) {
 							/>
 							<Stat
 								label="Error rate"
-								value={formatPercent(t.requests > 0 ? t.failed / t.requests : 0)}
+								value={formatErrorRate(t.requests > 0 ? t.failed / t.requests : 0)}
 								hint={`${formatInteger(t.requests - t.failed)} succeeded`}
 							/>
 						</StatGrid>
@@ -338,7 +339,7 @@ function ProviderTotalsTable({
 						<span className="row" style={{ gap: 8, justifyContent: "flex-end" }}>
 							<span className="num dim">{formatInteger(p.failedRequests)}</span>
 							<Badge tone={p.failedRequests > 0 ? errorRateTone(rate) : "neutral"} mono>
-								{formatPercent(rate)}
+								{formatErrorRate(rate)}
 							</Badge>
 						</span>
 					);

package/src/client/routes/RequestsRoute.tsx

@@ -3,11 +3,11 @@ import { getRecentRequests } from "../api";
 import {
 	formatCompact,
 	formatDurationMs,
+	formatErrorRate,
 	formatEstimatedCost,
 	formatFolder,
 	formatInteger,
 	formatMessageCost,
-	formatPercent,
 	formatRelativeTime,
 	formatTimestamp,
 } from "../data/formatters";
@@ -125,7 +125,7 @@ export function RequestsRoute({ active, range, onRequestClick }: RequestsRoutePr
 							<Stat
 								label="Failed"
 								value={formatInteger(summary.failed)}
-								hint={`${summary.requests > 0 ? formatPercent(summary.failed / summary.requests) : "–"} · ${formatInteger(summary.aborted)} aborted`}
+								hint={`${summary.requests > 0 ? formatErrorRate(summary.failed / summary.requests) : "–"} · ${formatInteger(summary.aborted)} aborted`}
 							/>
 							<Stat
 								label="Tokens"

package/src/client/routes/ToolsRoute.tsx

@@ -5,6 +5,7 @@ import { Legend, Sparkline, TimeChart, useHiddenSeries } from "../charts";
 import { buildColorLookup, OTHER_COLOR } from "../data/colors";
 import {
 	formatCompact,
+	formatErrorRate,
 	formatEstimatedCost,
 	formatInteger,
 	formatPercent,
@@ -96,7 +97,7 @@ export function ToolsRoute({ active, range }: ToolsRouteProps) {
 								<Stat
 									label="Error rate"
 									title="Tool results that came back flagged as errors"
-									value={formatPercent(t.calls > 0 ? t.errors / t.calls : 0)}
+									value={formatErrorRate(t.calls > 0 ? t.errors / t.calls : 0)}
 									hint={`${formatInteger(t.calls - t.errors)} succeeded`}
 									spark={view.totalErrors}
 									sparkColor="var(--bad)"
@@ -389,7 +390,7 @@ function buildToolColumns(
 				<span className="row" style={{ gap: 8, justifyContent: "flex-end" }}>
 					<span className="num dim">{formatInteger(row.errors)}</span>
 					<Badge tone={row.errors > 0 ? errorRateTone(row.errorRate) : "neutral"} mono>
-						{formatPercent(row.errorRate)}
+						{formatErrorRate(row.errorRate)}
 					</Badge>
 				</span>
 			),
@@ -519,7 +520,7 @@ function ToolModelTable({
 					<span className="row" style={{ gap: 8, justifyContent: "flex-end" }}>
 						<span className="num dim">{formatInteger(row.errors)}</span>
 						<Badge tone={row.errors > 0 ? errorRateTone(row.errorRate) : "neutral"} mono>
-							{formatPercent(row.errorRate)}
+							{formatErrorRate(row.errorRate)}
 						</Badge>
 					</span>
 				),

package/src/client/styles.css

@@ -949,6 +949,7 @@ kbd {
 
 .btn[data-variant="accent"] {
 	background: var(--accent-gradient);
+	background-origin: border-box;
 	color: #fff;
 	border-color: transparent;
 }

package/src/client/ui/RequestDrawer.tsx

@@ -175,7 +175,7 @@ function RequestDetailsBody({ details, aborted }: { details: RequestDetails; abo
 				</div>
 			</section>
 
-			<JsonBlock data={output} title="Output message" />
+			{output != null && <JsonBlock data={output} title="Output message" />}
 			<JsonBlock data={messages} title="Session entry" initialCollapsed />
 			<JsonBlock data={row} title="Stats row" initialCollapsed />
 		</>

package/src/index.ts

@@ -3,6 +3,7 @@
 import { parseArgs } from "node:util";
 import { formatDuration, formatNumber, formatPercent, normalizePremiumRequests } from "@oh-my-pi/pi-utils";
 import chalk from "@oh-my-pi/pi-utils/chalk";
+import { formatErrorRate } from "./client/data/formatters";
 import { getDashboardStats, getTotalMessageCount, syncAllSessions } from "./aggregator";
 import { closeDb } from "./db";
 import { refreshRollups } from "./rollup";
@@ -58,7 +59,7 @@ export async function printStatsSummary(): Promise<void> {
 
 	console.log(chalk.bold("Overall:"));
 	console.log(`  Requests: ${formatNumber(overall.totalRequests)} (${formatNumber(overall.failedRequests)} errors)`);
-	console.log(`  Error Rate: ${formatPercent(overall.errorRate)}`);
+	console.log(`  Error Rate: ${formatErrorRate(overall.errorRate)}`);
 	console.log(`  Total Tokens: ${formatNumber(overall.totalInputTokens + overall.totalOutputTokens)}`);
 	console.log(`  Input Tokens: ${formatNumber(overall.totalInputTokens)}`);
 	console.log(`  Output Tokens: ${formatNumber(overall.totalOutputTokens)}`);

package/src/types.ts

@@ -63,7 +63,7 @@ export interface MessageStatsInput extends Omit<MessageStats, "usage" | "costUnp
 export interface RequestDetails extends MessageStats {
 	/** The full conversation history or just the last turn. */
 	messages: unknown[];
-	/** The model's response. */
+	/** The model's response; `null` for `model_usage` entries, which journal no payload. */
 	output: unknown;
 }