token-usage-dashboard 1.0.6 → 1.0.7

package/build/server/chunks/chunks/{client.js-C1_n_a2s.js → client.js-CH1OjaW0.js}

@@ -1,4 +1,4 @@
-import { i as index_server_exports } from './internal.js-b-1wrnfA.js';
+import { i as index_server_exports } from './internal.js-C4sX1ZF1.js';
 import './shared.js-7DyfRqo3.js';
 import './exports.js-Dd48p7Ih.js';
 import { a1 as noop } from './server.js-mTMwhapa.js';
@@ -25,4 +25,4 @@ if (is_legacy) {
 /** @import { Query } from './remote-functions/query/instance.svelte.js' */
 /** @import { LiveQuery } from './remote-functions/query-live/instance.svelte.js' */
 var { onMount, tick } = index_server_exports;
-//# sourceMappingURL=client.js-C1_n_a2s.js.map
+//# sourceMappingURL=client.js-CH1OjaW0.js.map

package/build/server/chunks/chunks/{internal.js-b-1wrnfA.js → internal.js-C4sX1ZF1.js}

@@ -1175,7 +1175,7 @@ var options = {
 		app: ({ head, body, assets, nonce, env }) => "<!doctype html>\n<html lang=\"en\" data-theme=\"%aiusage.theme%\">\n  <head>\n    <meta charset=\"utf-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n    <meta name=\"color-scheme\" content=\"light dark\" />\n    <meta\n      name=\"description\"\n      content=\"Every token your AI coding tools have spent, from the transcripts already on your machine.\"\n    />\n    <meta name=\"robots\" content=\"noindex\" />\n    <link rel=\"icon\" href=\"" + assets + "/favicon.svg\" type=\"image/svg+xml\" />\n    " + head + "\n  </head>\n  <body data-sveltekit-preload-data=\"hover\">\n    <div style=\"display: contents\">" + body + "</div>\n  </body>\n</html>\n",
 		error: error_template_default
 	},
-	version_hash: "s9j3o6"
+	version_hash: "13lkr9t"
 };
 async function get_hooks() {
 	let handle;
@@ -1183,7 +1183,7 @@ async function get_hooks() {
 	let handleError;
 	let handleValidationError;
 	let init;
-	({handle, handleFetch, handleError, handleValidationError, init} = await import('../entries/hooks.server.js-BbojNy1X.js'));
+	({handle, handleFetch, handleError, handleValidationError, init} = await import('../entries/hooks.server.js-CBWwmRPG.js'));
 	let reroute;
 	let transport;
 	return {
@@ -1198,4 +1198,4 @@ async function get_hooks() {
 }
 
 export { set_public_env as a, set_read_implementation as b, get_hooks as g, index_server_exports as i, options as o, public_env as p, read_implementation as r, set_private_env as s };
-//# sourceMappingURL=internal.js-b-1wrnfA.js.map
+//# sourceMappingURL=internal.js-C4sX1ZF1.js.map

package/build/server/chunks/chunks/{queries.js-aTxz7ubg.js → queries.js-Dxe3UrcX.js}

@@ -38,7 +38,8 @@ create table if not exists events (
   output integer not null default 0,
   cache_read integer not null default 0,
   cache_write integer not null default 0,
-  reasoning integer not null default 0
+  reasoning integer not null default 0,
+  subagent integer
 );
 create index if not exists events_ts on events (ts);
 create index if not exists events_day on events (day);
@@ -50,6 +51,12 @@ create table if not exists files (
   events integer not null default 0,
   scanned_at integer not null
 );
+create table if not exists names (
+  tool text not null,
+  session text not null,
+  name text not null,
+  primary key (tool, session)
+);
 create table if not exists windows (
   id text primary key,
   tool text not null,
@@ -74,9 +81,15 @@ function db() {
 		writeMeta("schema", String(SCHEMA));
 	}
 	handle.exec(TABLES);
+	addSubagent(handle);
 	rebucket(handle);
 	return handle;
 }
+/** Older databases grow the column in place, then every file is read again to fill it in */
+function addSubagent(handle) {
+	if (handle.prepare("pragma table_info(events)").all().some((column) => column.name === "subagent")) return;
+	handle.exec("alter table events add column subagent integer; delete from files");
+}
 var REBUCKET = `
 update events set
   day = date(ts / 1000, 'unixepoch', 'localtime'),
@@ -142,12 +155,30 @@ var claudeCode = {
 				output: num(usage.output_tokens),
 				cache_read: num(usage.cache_read_input_tokens),
 				cache_write: num(usage.cache_creation_input_tokens),
-				reasoning: num(details?.thinking_tokens)
+				reasoning: num(details?.thinking_tokens),
+				subagent: line.isSidechain === true
 			});
 		}
-		return { events };
+		return {
+			events,
+			names: names(text)
+		};
 	}
 };
+/** A name somebody typed beats the one Claude came up with, whichever landed last */
+function names(text) {
+	const typed = {};
+	const guessed = {};
+	for (const line of jsonLines(text, "-title\"")) {
+		const session = String(line.sessionId || "");
+		if (line.type === "custom-title" && line.customTitle) typed[session] = String(line.customTitle);
+		if (line.type === "ai-title" && line.aiTitle) guessed[session] = String(line.aiTitle);
+	}
+	return {
+		...guessed,
+		...typed
+	};
+}
 //#endregion
 //#region src/lib/server/sources/codex.ts
 var label = (minutes) => {
@@ -283,7 +314,8 @@ async function listFiles(source) {
 		withFileTypes: true
 	})).filter((entry) => entry.isFile() && entry.name.endsWith(source.ext)).map((entry) => join(entry.parentPath, entry.name));
 }
-var INSERT = "insert into events (id, tool, model, session, project, ts, day, dow, hour, input, output, cache_read, cache_write, reasoning) values (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?) on conflict(id) do update set input = max(input, excluded.input), output = max(output, excluded.output), cache_read = max(cache_read, excluded.cache_read), cache_write = max(cache_write, excluded.cache_write), reasoning = max(reasoning, excluded.reasoning)";
+var INSERT = "insert into events (id, tool, model, session, project, ts, day, dow, hour, input, output, cache_read, cache_write, reasoning, subagent) values (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?) on conflict(id) do update set input = max(input, excluded.input), output = max(output, excluded.output), cache_read = max(cache_read, excluded.cache_read), cache_write = max(cache_write, excluded.cache_write), reasoning = max(reasoning, excluded.reasoning), subagent = coalesce(excluded.subagent, subagent)";
+var INSERT_NAME = "insert into names (tool, session, name) values (?, ?, ?) on conflict(tool, session) do update set name = excluded.name";
 var INSERT_WINDOW = "insert into windows (id, tool, label, used_percent, window_minutes, resets_at, detail, seen_at) values (?, ?, ?, ?, ?, ?, ?, ?) on conflict(id) do update set used_percent = excluded.used_percent, resets_at = excluded.resets_at, detail = excluded.detail, seen_at = excluded.seen_at where excluded.seen_at >= windows.seen_at";
 async function scanSource(source) {
 	const state = {
@@ -305,6 +337,7 @@ async function scanSource(source) {
 	const known = new Map(handle.prepare("select path, size, mtime, events from files where tool = ?").all(source.id).map((row) => [row.path, row]));
 	const insert = handle.prepare(INSERT);
 	const insertWindow = handle.prepare(INSERT_WINDOW);
+	const insertName = handle.prepare(INSERT_NAME);
 	const touch = handle.prepare("insert into files (path, tool, size, mtime, events, scanned_at) values (?, ?, ?, ?, ?, ?) on conflict(path) do update set size = excluded.size, mtime = excluded.mtime, events = excluded.events, scanned_at = excluded.scanned_at");
 	let failures = 0;
 	const now = Date.now();
@@ -329,8 +362,9 @@ async function scanSource(source) {
 			handle.exec("begin");
 			for (const event of parsed.events) {
 				const at = new Date(event.ts);
-				insert.run(event.id, source.id, event.model, event.session, event.project, event.ts, localDay(at), at.getDay(), at.getHours(), event.input, event.output, event.cache_read, event.cache_write, event.reasoning);
+				insert.run(event.id, source.id, event.model, event.session, event.project, event.ts, localDay(at), at.getDay(), at.getHours(), event.input, event.output, event.cache_read, event.cache_write, event.reasoning, event.subagent === void 0 ? null : Number(event.subagent));
 			}
+			for (const [session, name] of Object.entries(parsed.names ?? {})) insertName.run(source.id, session, name);
 			for (const window of parsed.windows ?? []) insertWindow.run(window.id, source.id, window.label, window.used_percent, window.window_minutes, window.resets_at, window.detail, window.seen_at);
 			touch.run(path, source.id, size, mtime, parsed.events.length, now);
 			handle.exec("commit");
@@ -399,7 +433,8 @@ var DEFAULTS = {
 	metric: "tokens",
 	scanIntervalSec: 120,
 	claudeWindows: true,
-	prices: {}
+	prices: {},
+	hiddenColumns: []
 };
 var cached = null;
 function settings() {
@@ -575,9 +610,10 @@ function clock(filters) {
 		total: Number(row.total) || 0
 	}));
 }
+var SESSION_SUMS = "max(input + cache_read + cache_write) peak, count(subagent) flagged, sum(case when subagent = 1 then input + output + cache_read + cache_write end) side";
 function sessions(filters, overrides, limit = 60) {
 	const clause = where(filters);
-	const rows = db().prepare(`select session key, tool, project, model, min(ts) started, max(ts) ended, sum(input) input, sum(output) output, sum(cache_read) cache_read, sum(cache_write) cache_write, sum(reasoning) reasoning, count(*) events, count(distinct tool || ':' || session) sessions from events ${clause.sql} group by session, tool, project, model`).all(...clause.params);
+	const rows = db().prepare(`select session key, tool, project, model, min(ts) started, max(ts) ended, ${SUMS}, ${SESSION_SUMS} from events ${clause.sql} group by session, tool, project, model`).all(...clause.params);
 	const merged = /* @__PURE__ */ new Map();
 	for (const row of rows) {
 		const id = String(row.key);
@@ -590,7 +626,12 @@ function sessions(filters, overrides, limit = 60) {
 			started: Number(row.started),
 			ended: Number(row.ended),
 			total: 0,
-			cost: 0
+			cost: 0,
+			peak: 0,
+			turns: 0,
+			read: 0,
+			fed: 0,
+			side: null
 		};
 		const tokens = {
 			input: Number(row.input) || 0,
@@ -602,14 +643,23 @@ function sessions(filters, overrides, limit = 60) {
 		entry.started = Math.min(entry.started, Number(row.started));
 		entry.ended = Math.max(entry.ended, Number(row.ended));
 		entry.total += totalOf(tokens);
+		entry.peak = Math.max(entry.peak, Number(row.peak) || 0);
+		entry.turns += Number(row.events) || 0;
+		entry.read += tokens.cache_read;
+		entry.fed += tokens.input + tokens.cache_read + tokens.cache_write;
+		if (Number(row.flagged)) entry.side = (entry.side ?? 0) + (Number(row.side) || 0);
 		const cost = costOf(String(row.model), tokens, overrides);
 		if (cost === null) entry.cost = null;
 		else if (entry.cost !== null) entry.cost += cost;
 		merged.set(at, entry);
 	}
-	return [...merged.values()].sort((a, b) => b.ended - a.ended).slice(0, limit).map(({ models, ...row }) => ({
+	const name = db().prepare("select name from names where tool = ? and session = ?");
+	return [...merged.values()].sort((a, b) => b.ended - a.ended).slice(0, limit).map(({ models, read, fed, side, ...row }) => ({
 		...row,
-		models: [...models].sort().join(", ")
+		name: name.get(row.tool, row.id)?.name ?? null,
+		models: [...models].sort().join(", "),
+		cacheHit: fed ? read / fed : null,
+		subagents: side === null || !row.total ? null : side / row.total
 	}));
 }
 var distinct = (column) => db().prepare(`select distinct ${column} value from events order by value`).all().map((row) => String(row.value)).filter(Boolean);
@@ -673,4 +723,4 @@ function rollup(filters) {
 }
 
 export { scan as a, db as b, resolve as c, describe as d, config as e, saveSettings as f, clearUsageMemo as g, report as r, settings as s, usage as u };
-//# sourceMappingURL=queries.js-aTxz7ubg.js.map
+//# sourceMappingURL=queries.js-Dxe3UrcX.js.map

package/build/server/chunks/chunks/{refresh.js-DM1hnB2Y.js → refresh.js-b7xuLQYO.js}

@@ -1,4 +1,4 @@
-import { s as settings, a as scan, r as report, d as describe, b as db, c as resolve, u as usage, e as config } from './queries.js-aTxz7ubg.js';
+import { s as settings, a as scan, r as report, d as describe, b as db, c as resolve, u as usage, e as config } from './queries.js-Dxe3UrcX.js';
 import { r as resolveRange } from './range.js-CLYFtcRE.js';
 import { readFile } from 'node:fs/promises';
 import { join } from 'node:path';
@@ -104,4 +104,4 @@ function boot() {
 }
 
 export { boot as b, refresh as r };
-//# sourceMappingURL=refresh.js-DM1hnB2Y.js.map
+//# sourceMappingURL=refresh.js-b7xuLQYO.js.map

package/build/server/chunks/chunks/{request.js-B3j1_Icg.js → request.js-DM1A1vDP.js}

@@ -1,4 +1,4 @@
-import { s as settings } from './queries.js-aTxz7ubg.js';
+import { s as settings } from './queries.js-Dxe3UrcX.js';
 import { r as resolveRange } from './range.js-CLYFtcRE.js';
 
 //#region src/lib/server/request.ts
@@ -17,4 +17,4 @@ function filtersFrom(url) {
 }
 
 export { filtersFrom as f };
-//# sourceMappingURL=request.js-B3j1_Icg.js.map
+//# sourceMappingURL=request.js-DM1A1vDP.js.map

package/build/server/chunks/entries/endpoints/api/refresh/{_server.ts.js-CJa6pKKD.js → _server.ts.js-DIm5mJGM.js}

@@ -1,6 +1,6 @@
-import { u as usage } from '../../../../chunks/queries.js-aTxz7ubg.js';
-import { r as refresh } from '../../../../chunks/refresh.js-DM1hnB2Y.js';
-import { f as filtersFrom } from '../../../../chunks/request.js-B3j1_Icg.js';
+import { u as usage } from '../../../../chunks/queries.js-Dxe3UrcX.js';
+import { r as refresh } from '../../../../chunks/refresh.js-b7xuLQYO.js';
+import { f as filtersFrom } from '../../../../chunks/request.js-DM1A1vDP.js';
 import { j as json } from '../../../../chunks/utils.js-DzwqnkBT.js';
 import '../../../../chunks/range.js-CLYFtcRE.js';
 import 'node:fs/promises';
@@ -18,4 +18,4 @@ var POST = async ({ url }) => {
 };
 
 export { POST };
-//# sourceMappingURL=_server.ts.js-CJa6pKKD.js.map
+//# sourceMappingURL=_server.ts.js-DIm5mJGM.js.map

package/build/server/chunks/entries/endpoints/api/settings/{_server.ts.js-DQt7Bc2q.js → _server.ts.js-B0rNclco.js}

@@ -1,5 +1,5 @@
-import { s as settings, f as saveSettings, g as clearUsageMemo } from '../../../../chunks/queries.js-aTxz7ubg.js';
-import { r as refresh } from '../../../../chunks/refresh.js-DM1hnB2Y.js';
+import { s as settings, f as saveSettings, g as clearUsageMemo } from '../../../../chunks/queries.js-Dxe3UrcX.js';
+import { r as refresh } from '../../../../chunks/refresh.js-b7xuLQYO.js';
 import { j as json } from '../../../../chunks/utils.js-DzwqnkBT.js';
 import '../../../../chunks/range.js-CLYFtcRE.js';
 import 'node:fs/promises';
@@ -21,4 +21,4 @@ var POST = async ({ request }) => {
 };
 
 export { GET, POST };
-//# sourceMappingURL=_server.ts.js-DQt7Bc2q.js.map
+//# sourceMappingURL=_server.ts.js-B0rNclco.js.map

package/build/server/chunks/entries/endpoints/api/usage/{_server.ts.js-kInjrhtE.js → _server.ts.js-C1OIFWsl.js}

@@ -1,5 +1,5 @@
-import { u as usage } from '../../../../chunks/queries.js-aTxz7ubg.js';
-import { f as filtersFrom } from '../../../../chunks/request.js-B3j1_Icg.js';
+import { u as usage } from '../../../../chunks/queries.js-Dxe3UrcX.js';
+import { f as filtersFrom } from '../../../../chunks/request.js-DM1A1vDP.js';
 import { j as json } from '../../../../chunks/utils.js-DzwqnkBT.js';
 import '../../../../chunks/range.js-CLYFtcRE.js';
 import 'node:fs/promises';
@@ -14,4 +14,4 @@ import '../../../../chunks/server.js-mTMwhapa.js';
 var GET = ({ url }) => json(usage(filtersFrom(url)));
 
 export { GET };
-//# sourceMappingURL=_server.ts.js-kInjrhtE.js.map
+//# sourceMappingURL=_server.ts.js-C1OIFWsl.js.map

package/build/server/chunks/entries/fallbacks/{error.svelte.js-CVKDebWa.js → error.svelte.js-Bej3DxGb.js}

@@ -1,6 +1,6 @@
-import '../../chunks/internal.js-b-1wrnfA.js';
+import '../../chunks/internal.js-C4sX1ZF1.js';
 import { ai as escape_html, a3 as getContext } from '../../chunks/server.js-mTMwhapa.js';
-import '../../chunks/client.js-C1_n_a2s.js';
+import '../../chunks/client.js-CH1OjaW0.js';
 import '../../chunks/shared.js-7DyfRqo3.js';
 import '../../chunks/exports.js-Dd48p7Ih.js';
 import '../../chunks/utils.js-DzwqnkBT.js';
@@ -65,4 +65,4 @@ function Error$1($$renderer, $$props) {
 }
 
 export { Error$1 as default };
-//# sourceMappingURL=error.svelte.js-CVKDebWa.js.map
+//# sourceMappingURL=error.svelte.js-Bej3DxGb.js.map

package/build/server/chunks/entries/{hooks.server.js-BbojNy1X.js → hooks.server.js-CBWwmRPG.js}

@@ -1,5 +1,5 @@
-import { s as settings } from '../chunks/queries.js-aTxz7ubg.js';
-import { b as boot } from '../chunks/refresh.js-DM1hnB2Y.js';
+import { s as settings } from '../chunks/queries.js-Dxe3UrcX.js';
+import { b as boot } from '../chunks/refresh.js-b7xuLQYO.js';
 import '../chunks/range.js-CLYFtcRE.js';
 import 'node:fs/promises';
 import 'node:path';
@@ -13,4 +13,4 @@ boot();
 var handle = ({ event, resolve }) => resolve(event, { transformPageChunk: ({ html }) => html.replace("%aiusage.theme%", settings().theme === "auto" ? "" : settings().theme) });
 
 export { handle };
-//# sourceMappingURL=hooks.server.js-BbojNy1X.js.map
+//# sourceMappingURL=hooks.server.js-CBWwmRPG.js.map

package/build/server/chunks/entries/pages/{_page.server.ts.js-Oa3Sfml2.js → _page.server.ts.js-VL2asSrD.js}

@@ -1,5 +1,5 @@
-import { e as config, s as settings, u as usage } from '../../chunks/queries.js-aTxz7ubg.js';
-import { f as filtersFrom } from '../../chunks/request.js-B3j1_Icg.js';
+import { e as config, s as settings, u as usage } from '../../chunks/queries.js-Dxe3UrcX.js';
+import { f as filtersFrom } from '../../chunks/request.js-DM1A1vDP.js';
 
 //#region src/routes/+page.server.ts
 var load = ({ url }) => ({
@@ -14,4 +14,4 @@ var _page_server_ts = /*#__PURE__*/Object.freeze({
 });
 
 export { _page_server_ts as _ };
-//# sourceMappingURL=_page.server.ts.js-Oa3Sfml2.js.map
+//# sourceMappingURL=_page.server.ts.js-VL2asSrD.js.map

package/build/server/chunks/entries/pages/{_page.svelte.js-D91hy9R4.js → _page.svelte.js-DuLeEEhc.js}

@@ -1,7 +1,7 @@
-import '../../chunks/internal.js-b-1wrnfA.js';
+import '../../chunks/internal.js-C4sX1ZF1.js';
 import { a0 as run, aj as head, ak as attr_class, ai as escape_html, al as attr, am as ensure_array_like, an as bind_props, ao as stringify, P as derived, ap as attr_style, aq as element } from '../../chunks/server.js-mTMwhapa.js';
 import { R as RANGES, a as rangeLabel, b as RATES } from '../../chunks/range.js-CLYFtcRE.js';
-import '../../chunks/client.js-C1_n_a2s.js';
+import '../../chunks/client.js-CH1OjaW0.js';
 import '../../chunks/shared.js-7DyfRqo3.js';
 import '../../chunks/exports.js-Dd48p7Ih.js';
 import '../../chunks/utils.js-DzwqnkBT.js';
@@ -90,6 +90,7 @@ function moneyCompact(value) {
 	if (Math.abs(value) >= 1e3) return `$${compact(value)}`;
 	return money(value);
 }
+var percent = (value, digits = 0) => `${value.toFixed(digits)}%`;
 var RELATIVE = new Intl.RelativeTimeFormat("en-GB", { numeric: "auto" });
 var STEPS = [
 	["second", 60],
@@ -618,23 +619,140 @@ var toolMeta = (id) => TOOLS.find((tool) => tool.id === id) ?? {
 };
 //#endregion
 //#region src/lib/components/Sessions.svelte
+var share = (value) => value === null ? "--" : percent(value * 100);
+var COLUMNS = [
+	{
+		id: "session",
+		label: "Session",
+		hint: "The tool and its session id",
+		by: (row) => row.id
+	},
+	{
+		id: "name",
+		label: "Session name",
+		hint: "What the session was called, if it got a name",
+		by: (row) => row.name,
+		show: (row) => row.name ?? ""
+	},
+	{
+		id: "project",
+		label: "Project",
+		hint: "Where it ran",
+		by: (row) => row.project
+	},
+	{
+		id: "models",
+		label: "Models",
+		hint: "Every model the session used",
+		by: (row) => row.models,
+		show: (row) => row.models.split(", ").map(modelName).join(", ")
+	},
+	{
+		id: "ran",
+		label: "Ran",
+		hint: "When it last did anything",
+		by: (row) => row.ended,
+		show: (row) => clockLabel(row.ended)
+	},
+	{
+		id: "tokens",
+		label: "Tokens",
+		hint: "Everything in and out, cache included",
+		by: (row) => row.total,
+		show: (row) => compact(row.total),
+		numeric: true
+	},
+	{
+		id: "cost",
+		label: "Est. cost",
+		hint: "Worked out from list prices, not your bill",
+		by: (row) => row.cost,
+		show: (row) => money(row.cost),
+		numeric: true
+	},
+	{
+		id: "peak",
+		label: "Peak context",
+		hint: "The biggest prompt the model was handed in one go",
+		by: (row) => row.peak,
+		show: (row) => compact(row.peak),
+		numeric: true
+	},
+	{
+		id: "cache",
+		label: "Cache hits",
+		hint: "How much of the input came straight from cache",
+		by: (row) => row.cacheHit,
+		show: (row) => share(row.cacheHit),
+		numeric: true
+	},
+	{
+		id: "subagents",
+		label: "Subagents",
+		hint: "Share of the tokens spent by subagents. Claude Code only.",
+		by: (row) => row.subagents,
+		show: (row) => share(row.subagents),
+		numeric: true
+	},
+	{
+		id: "turns",
+		label: "Turns",
+		hint: "Replies from the model, subagents included",
+		by: (row) => row.turns,
+		show: (row) => String(row.turns),
+		numeric: true
+	}
+];
 function Sessions($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
-		let { rows, metric} = $$props;
+		let { rows, hidden} = $$props;
+		let sortBy = "ran";
+		const columns = derived(() => COLUMNS.filter((column) => !hidden.includes(column.id) && (column.id !== "name" || rows.some((row) => row.name))));
+		const sorted = derived(() => {
+			const by = (COLUMNS.find((column) => column.id === sortBy) ?? COLUMNS[0]).by;
+			return rows.toSorted((a, b) => {
+				const [left, right] = [by(a), by(b)];
+				if (left === right) return 0;
+				if (left === null) return 1;
+				if (right === null) return -1;
+				return -(left < right ? -1 : 1);
+			});
+		});
 		if (rows.length) {
-			$$renderer.push(`<!--[0--><div class="scroll svelte-1uqtl83"><table class="svelte-1uqtl83"><thead><tr><th scope="col" class="svelte-1uqtl83">Session</th><th scope="col" class="svelte-1uqtl83">Project</th><th scope="col" class="svelte-1uqtl83">Models</th><th scope="col" class="svelte-1uqtl83">Ran</th><th scope="col" class="right svelte-1uqtl83">${escape_html(metric === "cost" ? "Est. cost" : "Tokens")}</th></tr></thead><tbody class="svelte-1uqtl83"><!--[-->`);
-			const each_array = ensure_array_like(rows);
+			$$renderer.push(`<!--[0--><div class="scroll svelte-1uqtl83"><table class="svelte-1uqtl83"><thead><tr><!--[-->`);
+			const each_array = ensure_array_like(columns());
 			for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
-				let row = each_array[$$index];
+				let column = each_array[$$index];
+				$$renderer.push(`<th scope="col"${attr("aria-sort", sortBy === column.id ? "descending" : "none")}${attr_class("svelte-1uqtl83", void 0, { "right": column.numeric })}><button type="button" class="svelte-1uqtl83">${escape_html(column.label)}</button></th>`);
+			}
+			$$renderer.push(`<!--]--></tr></thead><tbody class="svelte-1uqtl83"><!--[-->`);
+			const each_array_1 = ensure_array_like(sorted());
+			for (let $$index_2 = 0, $$length = each_array_1.length; $$index_2 < $$length; $$index_2++) {
+				let row = each_array_1[$$index_2];
 				const tool = toolMeta(row.tool);
-				$$renderer.push(`<tr class="svelte-1uqtl83"><td class="svelte-1uqtl83"><span class="tool svelte-1uqtl83">`);
-				Mark($$renderer, {
-					id: row.tool,
-					label: tool.label,
-					colour: tool.colour,
-					size: 14
-				});
-				$$renderer.push(`<!----> <span class="id mono svelte-1uqtl83">${escape_html(row.id.slice(0, 8))}</span></span></td><td class="svelte-1uqtl83"><button type="button" class="link svelte-1uqtl83">${escape_html(projectName(row.project))}</button></td><td class="models svelte-1uqtl83">${escape_html(row.models.split(", ").map(modelName).join(", "))}</td><td class="svelte-1uqtl83">${escape_html(clockLabel(row.ended))}</td><td class="right num svelte-1uqtl83">${escape_html(metric === "cost" ? money(row.cost) : compact(row.total))}</td></tr>`);
+				$$renderer.push(`<tr class="svelte-1uqtl83"><!--[-->`);
+				const each_array_2 = ensure_array_like(columns());
+				for (let $$index_1 = 0, $$length = each_array_2.length; $$index_1 < $$length; $$index_1++) {
+					let column = each_array_2[$$index_1];
+					if (column.id === "session") {
+						$$renderer.push(`<!--[0--><td class="svelte-1uqtl83"><span class="tool svelte-1uqtl83">`);
+						Mark($$renderer, {
+							id: row.tool,
+							label: tool.label,
+							colour: tool.colour,
+							size: 14
+						});
+						$$renderer.push(`<!----> <span class="id mono svelte-1uqtl83">${escape_html(row.id.slice(0, 8))}</span></span></td>`);
+					} else if (column.id === "project") $$renderer.push(`<!--[1--><td class="svelte-1uqtl83"><button type="button" class="link svelte-1uqtl83">${escape_html(projectName(row.project))}</button></td>`);
+					else if (column.id === "ran") $$renderer.push(`<!--[2--><td class="svelte-1uqtl83">${escape_html(column.show?.(row))}</td>`);
+					else $$renderer.push(`<!--[-1--><td${attr_class("svelte-1uqtl83", void 0, {
+						"right": column.numeric,
+						"num": column.numeric,
+						"muted": !column.numeric
+					})}>${escape_html(column.show?.(row))}</td>`);
+					$$renderer.push(`<!--]-->`);
+				}
+				$$renderer.push(`<!--]--></tr>`);
 			}
 			$$renderer.push(`<!--]--></tbody></table></div>`);
 		} else $$renderer.push(`<!--[-1--><p class="empty svelte-1uqtl83">No sessions in this range</p>`);
@@ -642,6 +760,17 @@ function Sessions($$renderer, $$props) {
 	});
 }
 //#endregion
+//#region src/lib/components/Fields.svelte
+function Fields($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { options, hidden = void 0, onchange } = $$props;
+		$$renderer.push(`<div class="fields svelte-17j4bwj"><button type="button" class="trigger svelte-17j4bwj" aria-label="Choose columns"${attr("aria-expanded", false)}><svg viewBox="0 0 16 16" width="14" height="14" aria-hidden="true"><path d="M2.5 4h11M2.5 8h11M2.5 12h11M6 2.5v11M10 2.5v11" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></path></svg></button> `);
+		$$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--></div>`);
+		bind_props($$props, { hidden });
+	});
+}
+//#endregion
 //#region src/lib/components/Problems.svelte
 function Problems($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
@@ -810,6 +939,7 @@ function _page($$renderer, $$props) {
 		let trendBy = "tool";
 		let modelView = "share";
 		let projectBy = "measure";
+		let hiddenColumns = first.settings.hiddenColumns;
 		const query = derived(() => new URLSearchParams({
 			range,
 			tools: tools.join(","),
@@ -1211,14 +1341,31 @@ function _page($$renderer, $$props) {
 					});
 				}});
 			$$renderer.push(`<!----> `);
-			Panel($$renderer, {
-				title: "Recent sessions",
-				span: 12,
-				children: ($$renderer) => {
-					Sessions($$renderer, {
-						rows: usage.sessions,
-						metric});
-				}});
+			{
+				function actions($$renderer) {
+					Fields($$renderer, {
+						options: COLUMNS,
+						onchange: (hidden) => save({ hiddenColumns: hidden }),
+						get hidden() {
+							return hiddenColumns;
+						},
+						set hidden($$value) {
+							hiddenColumns = $$value;
+							$$settled = false;
+						}
+					});
+				}
+				Panel($$renderer, {
+					title: "Recent sessions",
+					span: 12,
+					hint: "Click a column heading to sort by it",
+					actions,
+					children: ($$renderer) => {
+						Sessions($$renderer, {
+							rows: usage.sessions,
+							hidden: hiddenColumns});
+					}});
+			}
 			$$renderer.push(`<!----></div> <footer class="svelte-1uha8ag"><span>Reads the transcripts already on this machine. Nothing is sent anywhere.</span> <span>`);
 			if (usage.oldest) $$renderer.push(`<!--[0-->Records from ${escape_html(new Date(usage.oldest).toLocaleDateString("en-GB"))} ·`);
 			else $$renderer.push("<!--[-1-->");
@@ -1252,4 +1399,4 @@ function _page($$renderer, $$props) {
 }
 
 export { _page as default };
-//# sourceMappingURL=_page.svelte.js-D91hy9R4.js.map
+//# sourceMappingURL=_page.svelte.js-DuLeEEhc.js.map

package/build/server/chunks/{handler-br42Ds2q.js → handler-C8BBXiDH.js}

@@ -9,8 +9,8 @@ import * as qs from 'node:querystring';
 import { Readable } from 'node:stream';
 import { S as SvelteKitError } from './chunks/shared.js-7DyfRqo3.js';
 import { y as splitCookiesString } from './chunks/utils.js-DzwqnkBT.js';
-import { S as Server } from './index.js-CBAFVV7O.js';
-import { m as manifest } from './manifest.js-s70ajt69.js';
+import { S as Server } from './index.js-DZopl62R.js';
+import { m as manifest } from './manifest.js-XsX0MOFE.js';
 import { env, dir, env_prefix } from '../../env.js';
 import { format } from 'node:url';
 
@@ -1472,4 +1472,4 @@ const handler = sequence(
 );
 
 export { format_listening_address as f, handler as h, polka as p };
-//# sourceMappingURL=handler-br42Ds2q.js.map
+//# sourceMappingURL=handler-C8BBXiDH.js.map

package/build/server/chunks/{index.js-CBAFVV7O.js → index.js-DZopl62R.js}

@@ -1,4 +1,4 @@
-import { o as options, s as set_private_env, a as set_public_env, g as get_hooks, p as public_env, r as read_implementation, b as set_read_implementation } from './chunks/internal.js-b-1wrnfA.js';
+import { o as options, s as set_private_env, a as set_public_env, g as get_hooks, p as public_env, r as read_implementation, b as set_read_implementation } from './chunks/internal.js-C4sX1ZF1.js';
 import { n as noop, T as TRAILING_SLASH_PARAM, I as INVALIDATED_PARAM, R as Redirect, b as get_relative_path, S as SvelteKitError, g as get_status, t as text_encoder, o as once, H as HttpError, d as normalize_error, e as create_remote_key, p as parse_remote_arg, s as stringify, A as ActionFailure, f as split_remote_key, h as base64_encode } from './chunks/shared.js-7DyfRqo3.js';
 import { b as base, o as override, a as assets, r as reset, c as app_dir } from './chunks/internal2.js-BlXt2rfE.js';
 import { f as format_server_error, j as json, i as is_form_content_type, t as text, h as has_prerendered_path, a as handle_fatal_error, r as redirect_response, g as get_set_cookies, n as negotiate, w as with_request_store, p as parseString, m as merge_tracing, b as method_not_allowed, s as static_error_page, c as handle_error_and_jsonify, d as get_global_name, e as create_replacer, k as serialize_uses, l as clarify_devalue_error, E as ENDPOINT_METHODS, P as PAGE_METHODS, o as get_node_type, q as isRedirect, u as escape_html, v as error, x as deserialize_binary_form } from './chunks/utils.js-DzwqnkBT.js';
@@ -3969,4 +3969,4 @@ var Server = class {
 };
 
 export { Server as S };
-//# sourceMappingURL=index.js-CBAFVV7O.js.map
+//# sourceMappingURL=index.js-DZopl62R.js.map

package/build/server/chunks/{manifest.js-s70ajt69.js → manifest.js-XsX0MOFE.js}

@@ -10,11 +10,11 @@ return {
 	assets: new Set(["favicon.svg","robots.txt"]),
 	mimeTypes: {".svg":"image/svg+xml",".txt":"text/plain"},
 	_: {
-		client: {start:"_app/immutable/entry/start.fbJ-_JRS.js",app:"_app/immutable/entry/app.C7Gg5PnI.js",imports:["_app/immutable/entry/start.fbJ-_JRS.js","_app/immutable/chunks/DRLSLo2t.js","_app/immutable/chunks/DC6tN2WI.js","_app/immutable/entry/app.C7Gg5PnI.js","_app/immutable/chunks/DC6tN2WI.js","_app/immutable/chunks/xihTtKlq.js"],stylesheets:[],fonts:[],uses_env_dynamic_public:false},
+		client: {start:"_app/immutable/entry/start.CwRowqok.js",app:"_app/immutable/entry/app.CdZl8N5I.js",imports:["_app/immutable/entry/start.CwRowqok.js","_app/immutable/chunks/oCB7A4Kp.js","_app/immutable/chunks/DC6tN2WI.js","_app/immutable/entry/app.CdZl8N5I.js","_app/immutable/chunks/DC6tN2WI.js","_app/immutable/chunks/xihTtKlq.js"],stylesheets:[],fonts:[],uses_env_dynamic_public:false},
 		nodes: [
 			__memo(() => import('./nodes/0.js-Bzngkdxl.js')),
-			__memo(() => import('./nodes/1.js-Cvu2_eGw.js')),
-			__memo(() => import('./nodes/2.js-7xvomkGu.js'))
+			__memo(() => import('./nodes/1.js-h8N_CQRc.js')),
+			__memo(() => import('./nodes/2.js-Bvo-Equv.js'))
 		],
 		remotes: {
 			
@@ -32,21 +32,21 @@ return {
 				pattern: /^\/api\/refresh\/?$/,
 				params: [],
 				page: null,
-				endpoint: __memo(() => import('./entries/endpoints/api/refresh/_server.ts.js-CJa6pKKD.js'))
+				endpoint: __memo(() => import('./entries/endpoints/api/refresh/_server.ts.js-DIm5mJGM.js'))
 			},
 			{
 				id: "/api/settings",
 				pattern: /^\/api\/settings\/?$/,
 				params: [],
 				page: null,
-				endpoint: __memo(() => import('./entries/endpoints/api/settings/_server.ts.js-DQt7Bc2q.js'))
+				endpoint: __memo(() => import('./entries/endpoints/api/settings/_server.ts.js-B0rNclco.js'))
 			},
 			{
 				id: "/api/usage",
 				pattern: /^\/api\/usage\/?$/,
 				params: [],
 				page: null,
-				endpoint: __memo(() => import('./entries/endpoints/api/usage/_server.ts.js-kInjrhtE.js'))
+				endpoint: __memo(() => import('./entries/endpoints/api/usage/_server.ts.js-C1OIFWsl.js'))
 			}
 		],
 		prerendered_routes: new Set([]),
@@ -60,4 +60,4 @@ return {
 })();
 
 export { manifest as m };
-//# sourceMappingURL=manifest.js-s70ajt69.js.map
+//# sourceMappingURL=manifest.js-XsX0MOFE.js.map