@f5-sales-demo/xcsh-stats 19.51.2

package/src/types.ts

@@ -0,0 +1,175 @@
+import type { AssistantMessage, StopReason, Usage } from "@f5xc-salesdemos/pi-ai";
+
+/**
+ * Extracted stats from an assistant message.
+ */
+export interface MessageStats {
+	/** Database ID */
+	id?: number;
+	/** Session file path */
+	sessionFile: string;
+	/** Entry ID within the session */
+	entryId: string;
+	/** Folder/project path (extracted from session filename) */
+	folder: string;
+	/** Model ID */
+	model: string;
+	/** Provider name */
+	provider: string;
+	/** API type */
+	api: string;
+	/** Unix timestamp in milliseconds */
+	timestamp: number;
+	/** Request duration in milliseconds */
+	duration: number | null;
+	/** Time to first token in milliseconds */
+	ttft: number | null;
+	/** Stop reason */
+	stopReason: StopReason;
+	/** Error message if stopReason is error */
+	errorMessage: string | null;
+	/** Token usage */
+	usage: Usage;
+}
+
+/**
+ * Full details of a request, including content.
+ */
+export interface RequestDetails extends MessageStats {
+	messages: any[]; // The full conversation history or just the last turn
+	output: any; // The model's response
+}
+
+/**
+ * Aggregated stats for a model or folder.
+ */
+export interface AggregatedStats {
+	/** Total number of requests */
+	totalRequests: number;
+	/** Number of successful requests */
+	successfulRequests: number;
+	/** Number of failed requests */
+	failedRequests: number;
+	/** Error rate (0-1) */
+	errorRate: number;
+	/** Total input tokens */
+	totalInputTokens: number;
+	/** Total output tokens */
+	totalOutputTokens: number;
+	/** Total cache read tokens */
+	totalCacheReadTokens: number;
+	/** Total cache write tokens */
+	totalCacheWriteTokens: number;
+	/** Cache hit rate (0-1) */
+	cacheRate: number;
+	/** Total cost */
+	totalCost: number;
+	/** Total premium requests */
+	totalPremiumRequests: number;
+	/** Average duration in ms */
+	avgDuration: number | null;
+	/** Average TTFT in ms */
+	avgTtft: number | null;
+	/** Average tokens per second (output tokens / duration) */
+	avgTokensPerSecond: number | null;
+	/** Time range */
+	firstTimestamp: number;
+	lastTimestamp: number;
+}
+
+/**
+ * Stats grouped by model.
+ */
+export interface ModelStats extends AggregatedStats {
+	model: string;
+	provider: string;
+}
+
+/**
+ * Stats grouped by folder.
+ */
+export interface FolderStats extends AggregatedStats {
+	folder: string;
+}
+
+/**
+ * Time series data point.
+ */
+export interface TimeSeriesPoint {
+	/** Bucket timestamp (start of hour/day) */
+	timestamp: number;
+	/** Request count */
+	requests: number;
+	/** Error count */
+	errors: number;
+	/** Total tokens */
+	tokens: number;
+	/** Total cost */
+	cost: number;
+}
+
+/**
+ * Model usage time series data point (daily buckets).
+ */
+export interface ModelTimeSeriesPoint {
+	/** Bucket timestamp (start of day) */
+	timestamp: number;
+	/** Model name */
+	model: string;
+	/** Provider name */
+	provider: string;
+	/** Request count */
+	requests: number;
+}
+
+/**
+ * Model performance time series data point (daily buckets).
+ */
+export interface ModelPerformancePoint {
+	/** Bucket timestamp (start of day) */
+	timestamp: number;
+	/** Model name */
+	model: string;
+	/** Provider name */
+	provider: string;
+	/** Request count */
+	requests: number;
+	/** Average TTFT in ms */
+	avgTtft: number | null;
+	/** Average tokens per second */
+	avgTokensPerSecond: number | null;
+}
+
+/**
+ * Overall dashboard stats.
+ */
+export interface DashboardStats {
+	overall: AggregatedStats;
+	byModel: ModelStats[];
+	byFolder: FolderStats[];
+	timeSeries: TimeSeriesPoint[];
+	modelSeries: ModelTimeSeriesPoint[];
+	modelPerformanceSeries: ModelPerformancePoint[];
+}
+
+/**
+ * Session log entry types.
+ */
+export interface SessionHeader {
+	type: "session";
+	version: number;
+	id: string;
+	timestamp: string;
+	cwd: string;
+	title?: string;
+}
+
+export interface SessionMessageEntry {
+	type: "message";
+	id: string;
+	parentId: string | null;
+	timestamp: string;
+	message: AssistantMessage | { role: "user" | "toolResult" };
+}
+
+export type SessionEntry = SessionHeader | SessionMessageEntry | { type: string };

package/tailwind.config.js

@@ -0,0 +1,40 @@
+/** @type {import('tailwindcss').Config} */
+import * as path from "node:path";
+export default {
+	content: [path.join(import.meta.dir, "src", "client", "**/*.{js,jsx,ts,tsx}")],
+	darkMode: "class",
+	theme: {
+		extend: {
+			colors: {
+				page: "var(--bg-page)",
+				surface: "var(--bg-surface)",
+				elevated: "var(--bg-elevated)",
+				"border-subtle": "var(--border-subtle)",
+				"border-default": "var(--border-default)",
+				"text-primary": "var(--text-primary)",
+				"text-secondary": "var(--text-secondary)",
+				"text-muted": "var(--text-muted)",
+				pink: "var(--accent-pink)",
+				cyan: "var(--accent-cyan)",
+				violet: "var(--accent-violet)",
+			},
+			fontFamily: {
+				sans: [
+					"-apple-system",
+					"BlinkMacSystemFont",
+					'"Segoe UI"',
+					"Roboto",
+					"Helvetica",
+					"Arial",
+					"sans-serif",
+				],
+			},
+			borderRadius: {
+				sm: "var(--radius-sm)",
+				md: "var(--radius-md)",
+				lg: "var(--radius-lg)",
+			},
+		},
+	},
+	plugins: [],
+};