Session Metrics and Cost Panels (session/SessionPanels.tsx)

React components displaying AI session usage statistics, model costs, tokens, and skill calls. Use when building dashboards for monitoring LLM agent sessions and resource usage.

// Source: https://github.com/sortie-ai/sortie | License: Apache-2.0 | Copyright You must retain, in the Source form of any Derivative Works
// Provided via justclaw.it.com; keep this notice with the code.
import { Pair, Pairs, Panel } from "@/components/Panel";
import { StatusMark } from "@/components/StatusMark";
import { costText, costTitle, NOT_MEASURED } from "@/lib/figures";
import { fmtCount, fmtDuration } from "@/lib/format";
import { unratedText } from "@/lib/rates";

import { ToolText } from "./ToolLine";

import type { ConfigResponse, ModelUsageResponse, SkillCall, TokenInfo } from "@/api/types.gen";
import type { SessionRun } from "@/components/use-session-run";
import type { ReactNode } from "react";

/** A session that resolved, live or finished. */
export type ResolvedSessio

... (truncated -- full source via MCP)