@oh-my-pi/omp-stats 13.5.7 → 13.6.0

package/package.json

@@ -1,7 +1,7 @@
 {
 	"type": "module",
 	"name": "@oh-my-pi/omp-stats",
-	"version": "13.5.7",
+	"version": "13.6.0",
 	"description": "Local observability dashboard for pi AI usage statistics",
 	"homepage": "https://github.com/can1357/oh-my-pi",
 	"author": "Can Boluk",
@@ -33,12 +33,12 @@
 		"build": "bun run build.ts"
 	},
 	"dependencies": {
-		"@oh-my-pi/pi-ai": "13.5.7",
-		"@oh-my-pi/pi-utils": "13.5.7",
-		"@tailwindcss/node": "4",
+		"@oh-my-pi/pi-ai": "13.6.0",
+		"@oh-my-pi/pi-utils": "13.6.0",
+		"@tailwindcss/node": "^4.2",
 		"chart.js": "^4.5",
 		"date-fns": "^4.1",
-		"lucide-react": "^0.575",
+		"lucide-react": "^0.576",
 		"react": "^19.2",
 		"react-chartjs-2": "^5.3",
 		"react-dom": "^19.2"
@@ -48,7 +48,7 @@
 		"@types/react": "^19.2",
 		"@types/react-dom": "^19.2",
 		"postcss": "^8.5",
-		"tailwindcss": "4"
+		"tailwindcss": "^4.2"
 	},
 	"engines": {
 		"bun": ">=1.3.7"

package/src/client/components/RequestDetail.tsx

@@ -1,4 +1,4 @@
-import { Clock, Coins, FileJson, Gauge, Hash, X, Zap } from "lucide-react";
+import { Clock, Coins, FileJson, Gauge, Hash, Star, X, Zap } from "lucide-react";
 import { useEffect, useState } from "react";
 import { getRequestDetails } from "../api";
 import type { RequestDetails } from "../types";
@@ -93,6 +93,15 @@ export function RequestDetail({ id, onClose }: RequestDetailProps) {
 							</div>
 						</div>
 
+						<div className="surface p-4">
+							<div className="flex items-center gap-2 text-[var(--text-muted)] mb-2">
+								<Star size={14} />
+								<span className="text-xs uppercase tracking-wide">Premium Reqs</span>
+							</div>
+							<div className="text-xl font-semibold text-[var(--text-primary)]">
+								{(details.usage.premiumRequests ?? 0).toLocaleString()}
+							</div>
+						</div>
 						<div className="surface p-4">
 							<div className="flex items-center gap-2 text-[var(--text-muted)] mb-2">
 								<Hash size={14} />

package/src/client/components/StatsGrid.tsx

@@ -1,4 +1,4 @@
-import { Activity, AlertCircle, BarChart3, Database, Server, Zap } from "lucide-react";
+import { Activity, AlertCircle, BarChart3, Database, Server, Star, Zap } from "lucide-react";
 import type { AggregatedStats } from "../types";
 
 interface StatsGridProps {
@@ -24,6 +24,15 @@ const statConfig = [
 		getDetail: (s: AggregatedStats) =>
 			s.totalRequests > 0 ? `$${(s.totalCost / s.totalRequests).toFixed(4)} avg/req` : "-",
 	},
+	{
+		key: "premiumRequests",
+		title: "Premium Reqs",
+		icon: Star,
+		color: "var(--accent-amber)",
+		getValue: (s: AggregatedStats) => s.totalPremiumRequests.toLocaleString(),
+		getDetail: (s: AggregatedStats) =>
+			s.totalRequests > 0 ? `${((s.totalPremiumRequests / s.totalRequests) * 100).toFixed(1)}% of requests` : "-",
+	},
 	{
 		key: "cache",
 		title: "Cache Rate",
@@ -60,7 +69,7 @@ const statConfig = [
 
 export function StatsGrid({ stats }: StatsGridProps) {
 	return (
-		<div className="grid grid-cols-2 lg:grid-cols-3 xl:grid-cols-6 gap-4 mb-8">
+		<div className="grid grid-cols-2 lg:grid-cols-3 xl:grid-cols-7 gap-4 mb-8">
 			{statConfig.map(stat => {
 				const Icon = stat.icon;
 				return (

package/src/client/types.ts

@@ -9,6 +9,7 @@ export interface Usage {
 	cacheRead: number;
 	cacheWrite: number;
 	totalTokens: number;
+	premiumRequests?: number;
 	cost: {
 		input: number;
 		output: number;
@@ -50,6 +51,7 @@ export interface AggregatedStats {
 	totalCacheWriteTokens: number;
 	cacheRate: number;
 	totalCost: number;
+	totalPremiumRequests: number;
 	avgDuration: number | null;
 	avgTtft: number | null;
 	avgTokensPerSecond: number | null;

package/src/db.ts

@@ -47,6 +47,7 @@ export async function initDb(): Promise<Database> {
 			cache_read_tokens INTEGER NOT NULL,
 			cache_write_tokens INTEGER NOT NULL,
 			total_tokens INTEGER NOT NULL,
+			premium_requests REAL NOT NULL,
 			cost_input REAL NOT NULL,
 			cost_output REAL NOT NULL,
 			cost_cache_read REAL NOT NULL,
@@ -67,6 +68,11 @@ export async function initDb(): Promise<Database> {
 		);
 	`);
 
+	const messageColumns = db.prepare("PRAGMA table_info(messages)").all() as { name: string }[];
+	if (!messageColumns.some(column => column.name === "premium_requests")) {
+		db.exec("ALTER TABLE messages ADD COLUMN premium_requests REAL NOT NULL DEFAULT 0");
+	}
+	db.exec("UPDATE messages SET premium_requests = 0 WHERE premium_requests IS NULL");
 	return db;
 }
 
@@ -105,9 +111,9 @@ export function insertMessageStats(stats: MessageStats[]): number {
 		INSERT OR IGNORE INTO messages (
 			session_file, entry_id, folder, model, provider, api, timestamp,
 			duration, ttft, stop_reason, error_message,
-			input_tokens, output_tokens, cache_read_tokens, cache_write_tokens, total_tokens,
+			input_tokens, output_tokens, cache_read_tokens, cache_write_tokens, total_tokens, premium_requests,
 			cost_input, cost_output, cost_cache_read, cost_cache_write, cost_total
-		) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)
+		) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)
 	`);
 
 	let inserted = 0;
@@ -130,6 +136,7 @@ export function insertMessageStats(stats: MessageStats[]): number {
 				s.usage.cacheRead,
 				s.usage.cacheWrite,
 				s.usage.totalTokens,
+				s.usage.premiumRequests ?? 0,
 				s.usage.cost.input,
 				s.usage.cost.output,
 				s.usage.cost.cacheRead,
@@ -160,6 +167,7 @@ function buildAggregatedStats(rows: any[]): AggregatedStats {
 			totalCacheWriteTokens: 0,
 			cacheRate: 0,
 			totalCost: 0,
+			totalPremiumRequests: 0,
 			avgDuration: null,
 			avgTtft: null,
 			avgTokensPerSecond: null,
@@ -174,6 +182,7 @@ function buildAggregatedStats(rows: any[]): AggregatedStats {
 	const successfulRequests = totalRequests - failedRequests;
 	const totalInputTokens = row.total_input_tokens || 0;
 	const totalCacheReadTokens = row.total_cache_read_tokens || 0;
+	const totalPremiumRequests = row.total_premium_requests || 0;
 
 	return {
 		totalRequests,
@@ -189,6 +198,7 @@ function buildAggregatedStats(rows: any[]): AggregatedStats {
 				? totalCacheReadTokens / (totalInputTokens + totalCacheReadTokens)
 				: 0,
 		totalCost: row.total_cost || 0,
+		totalPremiumRequests,
 		avgDuration: row.avg_duration,
 		avgTtft: row.avg_ttft,
 		avgTokensPerSecond: row.avg_tokens_per_second,
@@ -211,6 +221,7 @@ export function getOverallStats(): AggregatedStats {
 			SUM(output_tokens) as total_output_tokens,
 			SUM(cache_read_tokens) as total_cache_read_tokens,
 			SUM(cache_write_tokens) as total_cache_write_tokens,
+			SUM(premium_requests) as total_premium_requests,
 			SUM(cost_total) as total_cost,
 			AVG(duration) as avg_duration,
 			AVG(ttft) as avg_ttft,
@@ -240,6 +251,7 @@ export function getStatsByModel(): ModelStats[] {
 			SUM(output_tokens) as total_output_tokens,
 			SUM(cache_read_tokens) as total_cache_read_tokens,
 			SUM(cache_write_tokens) as total_cache_write_tokens,
+			SUM(premium_requests) as total_premium_requests,
 			SUM(cost_total) as total_cost,
 			AVG(duration) as avg_duration,
 			AVG(ttft) as avg_ttft,
@@ -274,6 +286,7 @@ export function getStatsByFolder(): FolderStats[] {
 			SUM(output_tokens) as total_output_tokens,
 			SUM(cache_read_tokens) as total_cache_read_tokens,
 			SUM(cache_write_tokens) as total_cache_write_tokens,
+			SUM(premium_requests) as total_premium_requests,
 			SUM(cost_total) as total_cost,
 			AVG(duration) as avg_duration,
 			AVG(ttft) as avg_ttft,
@@ -428,6 +441,7 @@ function rowToMessageStats(row: any): MessageStats {
 			cacheRead: row.cache_read_tokens,
 			cacheWrite: row.cache_write_tokens,
 			totalTokens: row.total_tokens,
+			premiumRequests: row.premium_requests ?? 0,
 			cost: {
 				input: row.cost_input,
 				output: row.cost_output,

package/src/index.ts

@@ -29,6 +29,10 @@ function formatCost(n: number): string {
 	return `$${n.toFixed(2)}`;
 }
 
+function normalizePremiumRequests(n: number): number {
+	return Math.round((n + Number.EPSILON) * 100) / 100;
+}
+
 /**
  * Print stats summary to console.
  */
@@ -44,6 +48,7 @@ async function printStats(): Promise<void> {
 	console.log(`  Total Tokens: ${formatNumber(overall.totalInputTokens + overall.totalOutputTokens)}`);
 	console.log(`  Cache Rate: ${formatPercent(overall.cacheRate)}`);
 	console.log(`  Total Cost: ${formatCost(overall.totalCost)}`);
+	console.log(`  Premium Requests: ${formatNumber(normalizePremiumRequests(overall.totalPremiumRequests ?? 0))}`);
 	console.log(`  Avg Duration: ${overall.avgDuration !== null ? formatDuration(overall.avgDuration) : "-"}`);
 	console.log(`  Avg TTFT: ${overall.avgTtft !== null ? formatDuration(overall.avgTtft) : "-"}`);
 	if (overall.avgTokensPerSecond !== null) {

package/src/parser.ts

@@ -10,9 +10,11 @@ import type { MessageStats, SessionEntry, SessionMessageEntry } from "./types";
  * The folder part uses -- as path separator.
  */
 function extractFolderFromPath(sessionPath: string): string {
-	const dir = path.basename(sessionPath.replace(/\/[^/]+\.jsonl$/, ""));
+	const sessionsDir = getSessionsDir();
+	const rel = path.relative(sessionsDir, sessionPath);
+	const projectDir = rel.split(path.sep)[0];
 	// Convert --work--pi-- to /work/pi
-	return dir.replace(/^--/, "/").replace(/--/g, "/");
+	return projectDir.replace(/^--/, "/").replace(/--/g, "/");
 }
 
 /**
@@ -99,8 +101,8 @@ export async function listSessionFolders(): Promise<string[]> {
  */
 export async function listSessionFiles(folderPath: string): Promise<string[]> {
 	try {
-		const entries = await fs.readdir(folderPath, { withFileTypes: true });
-		return entries.filter(e => e.isFile() && e.name.endsWith(".jsonl")).map(e => path.join(folderPath, e.name));
+		const entries = await fs.readdir(folderPath, { recursive: true, withFileTypes: true });
+		return entries.filter(e => e.isFile() && e.name.endsWith(".jsonl")).map(e => path.join(e.parentPath, e.name));
 	} catch {
 		return [];
 	}

package/src/types.ts

@@ -64,6 +64,8 @@ export interface AggregatedStats {
 	cacheRate: number;
 	/** Total cost */
 	totalCost: number;
+	/** Total premium requests */
+	totalPremiumRequests: number;
 	/** Average duration in ms */
 	avgDuration: number | null;
 	/** Average TTFT in ms */