token-usage-dashboard 1.0.6

package/build/server/chunks/entries/pages/_page.svelte.js-D91hy9R4.js

@@ -0,0 +1,1255 @@
+import '../../chunks/internal.js-b-1wrnfA.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/shared.js-7DyfRqo3.js';
+import '../../chunks/exports.js-Dd48p7Ih.js';
+import '../../chunks/utils.js-DzwqnkBT.js';
+
+//#region src/lib/components/Panel.svelte
+function Panel($$renderer, $$props) {
+	let { title, hint, span = 12, actions, children } = $$props;
+	$$renderer.push(`<section class="panel svelte-hxsa5u"${attr_style(`--span: ${stringify(span)}`)}><header class="svelte-hxsa5u"><h2 class="svelte-hxsa5u">${escape_html(title)}</h2> `);
+	if (actions) {
+		$$renderer.push(`<!--[0--><div class="actions svelte-hxsa5u">`);
+		actions($$renderer);
+		$$renderer.push(`<!----></div>`);
+	} else $$renderer.push("<!--[-1-->");
+	$$renderer.push(`<!--]--></header> <div class="body svelte-hxsa5u">`);
+	children($$renderer);
+	$$renderer.push(`<!----></div></section>`);
+}
+//#endregion
+//#region src/lib/components/Segmented.svelte
+function Segmented($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { options, value = void 0, label, size = "md" } = $$props;
+		$$renderer.push(`<div${attr_class("segmented svelte-1dkbyok", void 0, { "sm": size === "sm" })} role="group"${attr("aria-label", label)}><!--[-->`);
+		const each_array = ensure_array_like(options);
+		for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+			let option = each_array[$$index];
+			$$renderer.push(`<button type="button"${attr("aria-pressed", value === option.id)}${attr_class("svelte-1dkbyok", void 0, { "on": value === option.id })}>${escape_html(option.label)}</button>`);
+		}
+		$$renderer.push(`<!--]--></div>`);
+		bind_props($$props, { value });
+	});
+}
+//#endregion
+//#region src/lib/components/MultiSelect.svelte
+function MultiSelect($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { label, options, selected = void 0, format = (value) => value } = $$props;
+		let open = false;
+		$$renderer.push(`<div class="select svelte-vbwhwd"><button type="button"${attr_class("trigger svelte-vbwhwd", void 0, { "on": selected.length > 0 })}${attr("aria-expanded", open)}>${escape_html(label)} `);
+		if (selected.length) $$renderer.push(`<!--[0--><b class="num svelte-vbwhwd">${escape_html(selected.length)}</b>`);
+		else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--> <svg viewBox="0 0 12 12" width="10" height="10" aria-hidden="true"><path d="M2 4.5 6 8.5 10 4.5" fill="none" stroke="currentColor" stroke-width="1.5"></path></svg></button> `);
+		$$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--></div>`);
+		bind_props($$props, { selected });
+	});
+}
+//#endregion
+//#region src/lib/format.ts
+var UNITS = [
+	{
+		at: 0xe8d4a51000,
+		suffix: "T"
+	},
+	{
+		at: 1e9,
+		suffix: "B"
+	},
+	{
+		at: 1e6,
+		suffix: "M"
+	},
+	{
+		at: 1e3,
+		suffix: "k"
+	}
+];
+function compact(value) {
+	const size = UNITS.find((unit) => Math.abs(value) >= unit.at);
+	if (!size) return String(Math.round(value));
+	const scaled = value / size.at;
+	return `${scaled.toFixed(scaled < 10 ? 1 : 0)}${size.suffix}`;
+}
+var full = (value) => Math.round(value).toLocaleString("en-GB");
+function money(value) {
+	if (value === null) return "--";
+	if (value === 0) return "$0";
+	if (Math.abs(value) < .01) return "<$0.01";
+	return `$${value.toLocaleString("en-GB", {
+		minimumFractionDigits: 2,
+		maximumFractionDigits: 2
+	})}`;
+}
+function moneyCompact(value) {
+	if (value === null) return "--";
+	if (Math.abs(value) >= 1e3) return `$${compact(value)}`;
+	return money(value);
+}
+var RELATIVE = new Intl.RelativeTimeFormat("en-GB", { numeric: "auto" });
+var STEPS = [
+	["second", 60],
+	["minute", 60],
+	["hour", 24],
+	["day", 7],
+	["week", 4.35],
+	["month", 12]
+];
+function relative(at, now = Date.now()) {
+	if (!at) return "never";
+	let gap = (at - now) / 1e3;
+	if (Math.abs(gap) < 45) return gap < 0 ? "just now" : "in a moment";
+	for (const [unit, span] of STEPS) {
+		if (Math.abs(gap) < span) return RELATIVE.format(Math.round(gap), unit);
+		gap /= span;
+	}
+	return RELATIVE.format(Math.round(gap), "year");
+}
+var dayLabel = (day) => (/* @__PURE__ */ new Date(`${day}T00:00:00`)).toLocaleDateString("en-GB", {
+	weekday: "short",
+	day: "numeric",
+	month: "short"
+});
+var clockLabel = (at) => new Date(at).toLocaleString("en-GB", {
+	day: "numeric",
+	month: "short",
+	hour: "2-digit",
+	minute: "2-digit"
+});
+/** Directories are shown by their last segment, with the full path in the tooltip. */
+var projectName = (path) => path ? path.replace(/\/+$/, "").split("/").pop() || path : "unknown";
+/** Drops the vendor prefix and the release stamp vendors tack on the end. */
+var modelName = (model) => (model.includes("/") ? model.slice(model.indexOf("/") + 1) : model).replace(/-\d{8}$/, "");
+function delta(now, before) {
+	if (!before) return null;
+	const change = (now - before) / before * 100;
+	if (!Number.isFinite(change) || Math.abs(change) < 1) return {
+		text: "flat",
+		tone: "even"
+	};
+	return {
+		text: `${change > 0 ? "+" : ""}${change.toFixed(0)}%`,
+		tone: change > 0 ? "up" : "down"
+	};
+}
+//#endregion
+//#region src/lib/components/Figures.svelte
+function Figures($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { totals, previous, activeDays, rangeLabel } = $$props;
+		const change = derived(() => delta(totals.total, previous.total));
+		const costChange = derived(() => delta(totals.cost ?? 0, previous.cost ?? 0));
+		const perDay = derived(() => activeDays ? totals.total / activeDays : 0);
+		$$renderer.push(`<div class="figures svelte-l3stpt"><div class="lead svelte-l3stpt"><span class="cap svelte-l3stpt">Tokens, ${escape_html(rangeLabel.toLowerCase())}</span> <strong class="num svelte-l3stpt">${escape_html(compact(totals.total))}</strong> `);
+		if (change()) $$renderer.push(`<!--[0--><span class="delta svelte-l3stpt">${escape_html(change().text)}</span>`);
+		else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--></div> <dl class="svelte-l3stpt"><div class="svelte-l3stpt"><dt class="svelte-l3stpt">Est. cost</dt> <dd class="num svelte-l3stpt">${escape_html(money(totals.cost))} `);
+		if (costChange()) $$renderer.push(`<!--[0--><i${attr_class(`delta cost ${stringify(costChange().tone)}`, "svelte-l3stpt")}>${escape_html(costChange().text)}</i>`);
+		else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--></dd></div> <div class="svelte-l3stpt"><dt class="svelte-l3stpt">Sessions</dt> <dd class="num svelte-l3stpt">${escape_html(full(totals.sessions))}</dd></div> <div class="svelte-l3stpt"><dt class="svelte-l3stpt">Active days</dt> <dd class="num svelte-l3stpt">${escape_html(full(activeDays))}</dd></div> <div class="svelte-l3stpt"><dt class="svelte-l3stpt">Daily pace</dt> <dd class="num svelte-l3stpt">${escape_html(compact(perDay()))}</dd></div></dl></div>`);
+	});
+}
+//#endregion
+//#region src/lib/components/Calendar.svelte
+function Calendar($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { days, metric, oldest } = $$props;
+		const GAP = 3;
+		const LABELS = 32;
+		const iso = (date) => date.toLocaleDateString("en-CA");
+		const value = (day) => !day ? 0 : metric === "cost" ? day.cost ?? 0 : day.total;
+		const byDay = derived(() => new Map(days.map((day) => [day.day, day])));
+		const start = derived(() => oldest ? iso(new Date(oldest)) : days[0]?.day ?? "");
+		/** Shows at least a quarter, so a fresh install still reads as a calendar. */
+		const grid = derived(() => {
+			const today = /* @__PURE__ */ new Date();
+			today.setHours(0, 0, 0, 0);
+			const first = new Date(days.length ? `${days[0].day}T00:00:00` : today);
+			const floor = new Date(today);
+			floor.setDate(floor.getDate() - 370);
+			const shown = new Date(today);
+			shown.setDate(shown.getDate() - 125);
+			const from = new Date(Math.max(floor.getTime(), Math.min(first.getTime(), shown.getTime())));
+			from.setDate(from.getDate() - (from.getDay() + 6) % 7);
+			const cells = [];
+			const cursor = new Date(from);
+			let week = 0;
+			while (cursor <= today) {
+				const weekday = (cursor.getDay() + 6) % 7;
+				cells.push({
+					day: iso(cursor),
+					date: new Date(cursor),
+					week,
+					weekday
+				});
+				if (weekday === 6) week += 1;
+				cursor.setDate(cursor.getDate() + 1);
+			}
+			return {
+				cells,
+				weeks: week + 1
+			};
+		});
+		const cell = derived(() => Math.max(9, Math.min(30, Math.floor(648 / grid().weeks) - GAP)));
+		const step = derived(() => cell() + GAP);
+		/** Quantile buckets, or one loud day flattens every other square to nothing. */
+		const cuts = derived(() => {
+			const values = days.map((day) => value(day)).filter((amount) => amount > 0).sort((a, b) => a - b);
+			if (!values.length) return [];
+			return [
+				.2,
+				.4,
+				.6,
+				.8
+			].map((at) => values[Math.floor(values.length * at)]);
+		});
+		const level = (amount) => amount <= 0 ? 0 : cuts().filter((cut) => amount >= cut).length + 1;
+		const months = derived(() => {
+			const seen = [];
+			for (const entry of grid().cells) {
+				if (entry.weekday !== 0) continue;
+				const label = entry.date.toLocaleDateString("en-GB", { month: "short" });
+				if (!seen.length || entry.date.getDate() <= 7 && seen[seen.length - 1].label !== label) seen.push({
+					label,
+					week: entry.week
+				});
+			}
+			return seen;
+		});
+		const dayCaption = (day) => {
+			if (start() && day < start()) return `${dayLabel(day)} - before your records start`;
+			const amount = value(byDay().get(day));
+			const shown = metric === "cost" ? money(amount) : `${compact(amount)} tokens`;
+			return `${dayLabel(day)} - ${amount ? shown : "nothing"}`;
+		};
+		const WEEKDAYS = [
+			"Mon",
+			"",
+			"Wed",
+			"",
+			"Fri",
+			"",
+			"Sun"
+		];
+		const busy = derived(() => days.filter((day) => value(day) > 0).length);
+		const caption = derived(() => start() ? `Since ${dayLabel(start())}, ${busy()} ${busy() === 1 ? "day" : "days"} with usage` : "");
+		$$renderer.push(`<div class="calendar svelte-1iu5iby"><svg${attr("width", grid().weeks * step() + LABELS)}${attr("height", 7 * step() + 18)} role="img" aria-label="Daily usage calendar" class="svelte-1iu5iby"><!--[-->`);
+		const each_array = ensure_array_like(months());
+		for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+			let month = each_array[$$index];
+			$$renderer.push(`<text class="axis svelte-1iu5iby"${attr("x", LABELS + month.week * step())} y="10">${escape_html(month.label)}</text>`);
+		}
+		$$renderer.push(`<!--]--><!--[-->`);
+		const each_array_1 = ensure_array_like(WEEKDAYS);
+		for (let row = 0, $$length = each_array_1.length; row < $$length; row++) {
+			let name = each_array_1[row];
+			if (name) $$renderer.push(`<!--[0--><text class="axis svelte-1iu5iby" x="0"${attr("y", 18 + row * step() + cell() / 2 + 3)}>${escape_html(name)}</text>`);
+			else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]-->`);
+		}
+		$$renderer.push(`<!--]--><!--[-->`);
+		const each_array_2 = ensure_array_like(grid().cells);
+		for (let $$index_2 = 0, $$length = each_array_2.length; $$index_2 < $$length; $$index_2++) {
+			let entry = each_array_2[$$index_2];
+			const blank = !!start() && entry.day < start();
+			$$renderer.push(`<rect${attr_class("cell svelte-1iu5iby", void 0, { "blank": blank })}${attr("x", LABELS + entry.week * step())}${attr("y", 18 + entry.weekday * step())}${attr("width", cell())}${attr("height", cell())}${attr("rx", Math.max(2, cell() / 4))}${attr("fill", `var(--ramp-${stringify(blank ? 0 : level(value(byDay().get(entry.day))))})`)} role="img"${attr("aria-label", dayCaption(entry.day))}></rect>`);
+		}
+		$$renderer.push(`<!--]--></svg> <div class="legend svelte-1iu5iby"><span class="span svelte-1iu5iby">${escape_html(caption())}</span> <span>No records</span> <i class="blank svelte-1iu5iby"></i> <span class="spread svelte-1iu5iby">Quieter</span> <!--[-->`);
+		const each_array_3 = ensure_array_like([
+			0,
+			1,
+			2,
+			3,
+			4,
+			5
+		]);
+		for (let $$index_3 = 0, $$length = each_array_3.length; $$index_3 < $$length; $$index_3++) {
+			let tone = each_array_3[$$index_3];
+			$$renderer.push(`<i${attr_style(`background: var(--ramp-${stringify(tone)})`)} class="svelte-1iu5iby"></i>`);
+		}
+		$$renderer.push(`<!--]--> <span>Busier</span></div></div>`);
+	});
+}
+//#endregion
+//#region src/lib/components/Trend.svelte
+function Trend($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { series, keys, metric } = $$props;
+		const amount = (point) => metric === "cost" ? point.cost ?? 0 : point.total;
+		const columns = derived(() => {
+			const days = /* @__PURE__ */ new Map();
+			for (const point of series) {
+				const entry = days.get(point.day) ?? {
+					day: point.day,
+					total: 0,
+					parts: /* @__PURE__ */ new Map()
+				};
+				entry.total += amount(point);
+				entry.parts.set(point.key, (entry.parts.get(point.key) ?? 0) + amount(point));
+				days.set(point.day, entry);
+			}
+			return [...days.values()].sort((a, b) => a.day.localeCompare(b.day));
+		});
+		const peak = derived(() => Math.max(1, ...columns().map((column) => column.total)));
+		const tickLabel = (value) => metric === "cost" ? moneyCompact(value) : compact(value);
+		const ticks = derived(() => [
+			1,
+			.5,
+			0
+		].map((at) => ({
+			at,
+			label: tickLabel(peak() * at)
+		})));
+		$$renderer.push(`<div class="trend svelte-118k1un"><div class="plot svelte-118k1un"><!--[-->`);
+		const each_array = ensure_array_like(ticks());
+		for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+			let tick = each_array[$$index];
+			$$renderer.push(`<div class="tick svelte-118k1un"${attr_style(`bottom: ${stringify(tick.at * 100)}%`)}><span class="svelte-118k1un">${escape_html(tick.label)}</span></div>`);
+		}
+		$$renderer.push(`<!--]--> <div class="bars svelte-118k1un"><!--[-->`);
+		const each_array_1 = ensure_array_like(columns());
+		for (let $$index_2 = 0, $$length = each_array_1.length; $$index_2 < $$length; $$index_2++) {
+			let column = each_array_1[$$index_2];
+			$$renderer.push(`<div class="column svelte-118k1un"><div class="stack svelte-118k1un"${attr_style(`height: ${stringify(column.total / peak() * 100)}%`)}><!--[-->`);
+			const each_array_2 = ensure_array_like(keys);
+			for (let $$index_1 = 0, $$length = each_array_2.length; $$index_1 < $$length; $$index_1++) {
+				let key = each_array_2[$$index_1];
+				const part = column.parts.get(key.id) ?? 0;
+				if (part > 0) $$renderer.push(`<!--[0--><span${attr_style(`flex: ${stringify(part)}; background: ${stringify(key.colour)}`)} aria-hidden="true" class="svelte-118k1un"></span>`);
+				else $$renderer.push("<!--[-1-->");
+				$$renderer.push(`<!--]-->`);
+			}
+			$$renderer.push(`<!--]--></div></div>`);
+		}
+		$$renderer.push(`<!--]--></div></div> <div class="axis svelte-118k1un"><span>${escape_html(columns().length ? dayLabel(columns()[0].day) : "")}</span> <span>${escape_html(columns().length ? dayLabel(columns()[columns().length - 1].day) : "")}</span></div></div>`);
+	});
+}
+//#endregion
+//#region src/lib/logos/marks.ts
+/** Gemini's spark stands in for Google as a whole, since that's all we ever count. */
+var GEMINI = "M11.04 19.32Q12 21.51 12 24q0-2.49.93-4.68.96-2.19 2.58-3.81t3.81-2.55Q21.51 12 24 12q-2.49 0-4.68-.93a12.3 12.3 0 0 1-3.81-2.58 12.3 12.3 0 0 1-2.58-3.81Q12 2.49 12 0q0 2.49-.96 4.68-.93 2.19-2.55 3.81a12.3 12.3 0 0 1-3.81 2.58Q2.49 12 0 12q2.49 0 4.68.96 2.19.93 3.81 2.55t2.55 3.81";
+/** 24x24 marks, drawn in currentColor. From Simple Icons (CC0) and LobeHub icons (MIT). */
+var MARKS = {
+	anthropic: "M17.3041 3.541h-3.6718l6.696 16.918H24Zm-10.6082 0L0 20.459h3.7442l1.3693-3.5527h7.0052l1.3693 3.5528h3.7442L10.5363 3.5409Zm-.3712 10.2232 2.2914-5.9456 2.2914 5.9456Z",
+	openai: "M9.205 8.658v-2.26c0-.19.072-.333.238-.428l4.543-2.616c.619-.357 1.356-.523 2.117-.523 2.854 0 4.662 2.212 4.662 4.566 0 .167 0 .357-.024.547l-4.71-2.759a.797.797 0 00-.856 0l-5.97 3.473zm10.609 8.8V12.06c0-.333-.143-.57-.429-.737l-5.97-3.473 1.95-1.118a.433.433 0 01.476 0l4.543 2.617c1.309.76 2.189 2.378 2.189 3.948 0 1.808-1.07 3.473-2.76 4.163zM7.802 12.703l-1.95-1.142c-.167-.095-.239-.238-.239-.428V5.899c0-2.545 1.95-4.472 4.591-4.472 1 0 1.927.333 2.712.928L8.23 5.067c-.285.166-.428.404-.428.737v6.898zM12 15.128l-2.795-1.57v-3.33L12 8.658l2.795 1.57v3.33L12 15.128zm1.796 7.23c-1 0-1.927-.332-2.712-.927l4.686-2.712c.285-.166.428-.404.428-.737v-6.898l1.974 1.142c.167.095.238.238.238.428v5.233c0 2.545-1.974 4.472-4.614 4.472zm-5.637-5.303l-4.544-2.617c-1.308-.761-2.188-2.378-2.188-3.948A4.482 4.482 0 014.21 6.327v5.423c0 .333.143.571.428.738l5.947 3.449-1.95 1.118a.432.432 0 01-.476 0zm-.262 3.9c-2.688 0-4.662-2.021-4.662-4.519 0-.19.024-.38.047-.57l4.686 2.71c.286.167.571.167.856 0l5.97-3.448v2.26c0 .19-.07.333-.237.428l-4.543 2.616c-.619.357-1.356.523-2.117.523zm5.899 2.83a5.947 5.947 0 005.827-4.756C22.287 18.339 24 15.84 24 13.296c0-1.665-.713-3.282-1.998-4.448.119-.5.19-.999.19-1.498 0-3.401-2.759-5.947-5.946-5.947-.642 0-1.26.095-1.88.31A5.962 5.962 0 0010.205 0a5.947 5.947 0 00-5.827 4.757C1.713 5.447 0 7.945 0 10.49c0 1.666.713 3.283 1.998 4.448-.119.5-.19 1-.19 1.499 0 3.401 2.759 5.946 5.946 5.946.642 0 1.26-.095 1.88-.309a5.96 5.96 0 004.162 1.713z",
+	google: GEMINI,
+	xai: "M9.27 15.29l7.978-5.897c.391-.29.95-.177 1.137.272.98 2.369.542 5.215-1.41 7.169-1.951 1.954-4.667 2.382-7.149 1.406l-2.711 1.257c3.889 2.661 8.611 2.003 11.562-.953 2.341-2.344 3.066-5.539 2.388-8.42l.006.007c-.983-4.232.242-5.924 2.75-9.383.06-.082.12-.164.179-.248l-3.301 3.305v-.01L9.267 15.292M7.623 16.723c-2.792-2.67-2.31-6.801.071-9.184 1.761-1.763 4.647-2.483 7.166-1.425l2.705-1.25a7.808 7.808 0 00-1.829-1A8.975 8.975 0 005.984 5.83c-2.533 2.536-3.33 6.436-1.962 9.764 1.022 2.487-.653 4.246-2.34 6.022-.599.63-1.199 1.259-1.682 1.925l7.62-6.815",
+	meta: "M6.915 4.03c-1.968 0-3.683 1.28-4.871 3.113C.704 9.208 0 11.883 0 14.449c0 .706.07 1.369.21 1.973a6.624 6.624 0 0 0 .265.86 5.297 5.297 0 0 0 .371.761c.696 1.159 1.818 1.927 3.593 1.927 1.497 0 2.633-.671 3.965-2.444.76-1.012 1.144-1.626 2.663-4.32l.756-1.339.186-.325c.061.1.121.196.183.3l2.152 3.595c.724 1.21 1.665 2.556 2.47 3.314 1.046.987 1.992 1.22 3.06 1.22 1.075 0 1.876-.355 2.455-.843a3.743 3.743 0 0 0 .81-.973c.542-.939.861-2.127.861-3.745 0-2.72-.681-5.357-2.084-7.45-1.282-1.912-2.957-2.93-4.716-2.93-1.047 0-2.088.467-3.053 1.308-.652.57-1.257 1.29-1.82 2.05-.69-.875-1.335-1.547-1.958-2.056-1.182-.966-2.315-1.303-3.454-1.303zm10.16 2.053c1.147 0 2.188.758 2.992 1.999 1.132 1.748 1.647 4.195 1.647 6.4 0 1.548-.368 2.9-1.839 2.9-.58 0-1.027-.23-1.664-1.004-.496-.601-1.343-1.878-2.832-4.358l-.617-1.028a44.908 44.908 0 0 0-1.255-1.98c.07-.109.141-.224.211-.327 1.12-1.667 2.118-2.602 3.358-2.602zm-10.201.553c1.265 0 2.058.791 2.675 1.446.307.327.737.871 1.234 1.579l-1.02 1.566c-.757 1.163-1.882 3.017-2.837 4.338-1.191 1.649-1.81 1.817-2.486 1.817-.524 0-1.038-.237-1.383-.794-.263-.426-.464-1.13-.464-2.046 0-2.221.63-4.535 1.66-6.088.454-.687.964-1.226 1.533-1.533a2.264 2.264 0 0 1 1.088-.285z",
+	mistral: "M17.143 3.429v3.428h-3.429v3.429h-3.428V6.857H6.857V3.43H3.43v13.714H0v3.428h10.286v-3.428H6.857v-3.429h3.429v3.429h3.429v-3.429h3.428v3.429h-3.428v3.428H24v-3.428h-3.43V3.429z",
+	deepseek: "M23.748 4.651c-.254-.124-.364.113-.512.233-.051.04-.094.09-.137.137-.372.397-.806.657-1.373.626-.829-.046-1.537.214-2.163.848-.133-.782-.575-1.248-1.247-1.548-.352-.155-.708-.311-.955-.65-.172-.24-.219-.509-.305-.774-.055-.16-.11-.323-.293-.35-.2-.031-.278.136-.356.276-.313.572-.434 1.202-.422 1.84.027 1.436.633 2.58 1.838 3.393.137.094.172.187.129.323-.082.28-.18.553-.266.833-.055.179-.137.218-.328.14a5.5 5.5 0 0 1-1.737-1.179c-.857-.828-1.631-1.743-2.597-2.46a12 12 0 0 0-.689-.47c-.985-.957.13-1.743.387-1.836.27-.098.094-.433-.778-.428-.872.003-1.67.295-2.687.685a3 3 0 0 1-.465.136 9.6 9.6 0 0 0-2.883-.101c-1.885.21-3.39 1.1-4.497 2.622C.082 8.776-.231 10.854.152 13.02c.403 2.284 1.568 4.175 3.36 5.653 1.857 1.533 3.997 2.284 6.438 2.14 1.482-.085 3.132-.284 4.994-1.86.47.234.962.328 1.78.398.629.058 1.235-.031 1.705-.129.735-.155.684-.836.418-.961-2.155-1.004-1.682-.595-2.112-.926 1.095-1.295 2.768-3.598 3.284-6.733.05-.346.115-.834.108-1.114-.004-.171.035-.238.23-.257a4.2 4.2 0 0 0 1.545-.475c1.397-.763 1.96-2.016 2.093-3.517.02-.23-.004-.467-.247-.588M11.58 18.168c-2.088-1.642-3.101-2.183-3.52-2.16-.39.024-.32.472-.234.763.09.288.207.487.371.74.114.167.192.416-.113.603-.673.416-1.842-.14-1.897-.168-1.361-.801-2.5-1.86-3.301-3.306-.775-1.393-1.225-2.888-1.299-4.482-.02-.385.094-.522.477-.592a4.7 4.7 0 0 1 1.53-.038c2.131.311 3.946 1.264 5.467 2.774.868.86 1.525 1.887 2.202 2.89.72 1.066 1.494 2.082 2.48 2.915.348.291.626.513.892.677-.802.09-2.14.109-3.055-.615zm1.001-6.44a.306.306 0 0 1 .415-.287.3.3 0 0 1 .113.074.3.3 0 0 1 .086.214c0 .17-.136.307-.308.307a.303.303 0 0 1-.306-.307m3.11 1.596c-.2.081-.4.151-.591.16a1.25 1.25 0 0 1-.798-.254c-.274-.23-.47-.358-.551-.758a1.7 1.7 0 0 1 .015-.588c.07-.327-.007-.537-.238-.727-.188-.156-.426-.199-.689-.199a.6.6 0 0 1-.254-.078.253.253 0 0 1-.114-.358 1 1 0 0 1 .192-.21c.356-.202.767-.136 1.146.016.352.144.618.408 1.001.782.392.451.462.576.685.915.176.264.336.536.446.848.066.194-.02.353-.25.45",
+	qwen: "M23.919 14.545 20.817 9.17l1.47-2.544a.56.56 0 0 0 0-.566l-1.633-2.83a.57.57 0 0 0-.49-.283h-6.207L12.487.402a.57.57 0 0 0-.49-.284H8.732a.56.56 0 0 0-.49.284L5.139 5.775h-2.94a.56.56 0 0 0-.49.284L.077 8.887a.56.56 0 0 0 0 .567L3.18 14.83l-1.47 2.545a.56.56 0 0 0 0 .566l1.634 2.83a.57.57 0 0 0 .49.283h6.205l1.47 2.545a.57.57 0 0 0 .49.284h3.266a.57.57 0 0 0 .49-.284l3.104-5.375h2.94a.57.57 0 0 0 .49-.283l1.634-2.828a.55.55 0 0 0-.004-.568M8.733.686l1.634 2.828-1.634 2.828H21.8L20.164 9.17H7.425L5.63 6.06Zm1.306 19.801-6.205-.002 1.634-2.83h3.265L2.201 6.344h3.267q3.182 5.517 6.367 11.032zm10.124-5.66L18.53 12l-6.532 11.315-1.634-2.83c2.129-3.673 4.25-7.351 6.373-11.028h3.592l3.102 5.374z",
+	"claude-code": "M20.998 10.949H24v3.102h-3v3.028h-1.487V20H18v-2.921h-1.487V20H15v-2.921H9V20H7.488v-2.921H6V20H4.487v-2.921H3V14.05H0V10.95h3V5h17.998v5.949zM6 10.949h1.488V8.102H6v2.847zm10.51 0H18V8.102h-1.49v2.847z",
+	codex: "M8.086.457a6.105 6.105 0 013.046-.415c1.333.153 2.521.72 3.564 1.7a.117.117 0 00.107.029c1.408-.346 2.762-.224 4.061.366l.063.03.154.076c1.357.703 2.33 1.77 2.918 3.198.278.679.418 1.388.421 2.126a5.655 5.655 0 01-.18 1.631.167.167 0 00.04.155 5.982 5.982 0 011.578 2.891c.385 1.901-.01 3.615-1.183 5.14l-.182.22a6.063 6.063 0 01-2.934 1.851.162.162 0 00-.108.102c-.255.736-.511 1.364-.987 1.992-1.199 1.582-2.962 2.462-4.948 2.451-1.583-.008-2.986-.587-4.21-1.736a.145.145 0 00-.14-.032c-.518.167-1.04.191-1.604.185a5.924 5.924 0 01-2.595-.622 6.058 6.058 0 01-2.146-1.781c-.203-.269-.404-.522-.551-.821a7.74 7.74 0 01-.495-1.283 6.11 6.11 0 01-.017-3.064.166.166 0 00.008-.074.115.115 0 00-.037-.064 5.958 5.958 0 01-1.38-2.202 5.196 5.196 0 01-.333-1.589 6.915 6.915 0 01.188-2.132c.45-1.484 1.309-2.648 2.577-3.493.282-.188.55-.334.802-.438.286-.12.573-.22.861-.304a.129.129 0 00.087-.087A6.016 6.016 0 015.635 2.31C6.315 1.464 7.132.846 8.086.457zm-.804 7.85a.848.848 0 00-1.473.842l1.694 2.965-1.688 2.848a.849.849 0 001.46.864l1.94-3.272a.849.849 0 00.007-.854l-1.94-3.393zm5.446 6.24a.849.849 0 000 1.695h4.848a.849.849 0 000-1.696h-4.848z",
+	opencode: "M22 24H2V0h20zM17 4.8H7v14.4h10z",
+	"gemini-cli": GEMINI
+};
+//#endregion
+//#region src/lib/logos/Mark.svelte
+function Mark($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { id, label, colour, size = 16 } = $$props;
+		const path = derived(() => MARKS[id]);
+		const initials = derived(() => label.replace(/[^a-z ]/gi, "").split(" ").map((word) => word[0]).join("").slice(0, 2).toUpperCase());
+		$$renderer.push(`<svg class="mark svelte-jlywqn" viewBox="0 0 24 24"${attr("width", size)}${attr("height", size)} role="img"${attr("aria-label", label)}${attr_style("", { color: colour })}>`);
+		if (path()) $$renderer.push(`<!--[0--><path${attr("d", path())} fill="currentColor"></path>`);
+		else $$renderer.push(`<!--[-1--><rect x="1.5" y="1.5" width="21" height="21" rx="6" fill="none" stroke="currentColor" stroke-width="1.8"></rect><text x="12" y="12.5" text-anchor="middle" dominant-baseline="central" fill="currentColor"${attr("font-size", initials().length > 1 ? 9 : 12)} font-weight="600" font-family="var(--sans)">${escape_html(initials())}</text>`);
+		$$renderer.push(`<!--]--></svg>`);
+	});
+}
+//#endregion
+//#region src/lib/components/BarList.svelte
+function BarList($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { rows, active = [], onpick, empty = "Nothing in this range" } = $$props;
+		const peak = derived(() => Math.max(1, ...rows.map((row) => row.value)));
+		if (rows.length) {
+			$$renderer.push(`<!--[0--><ul class="bars svelte-eh60s9"><!--[-->`);
+			const each_array = ensure_array_like(rows);
+			for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+				let row = each_array[$$index];
+				$$renderer.push(`<li>`);
+				element($$renderer, onpick ? "button" : "div", () => {
+					$$renderer.push(`${attr_class("row svelte-eh60s9", void 0, { "on": active.includes(row.id) })}${attr("role", onpick ? "button" : void 0)}${attr("tabindex", onpick ? 0 : void 0)}`);
+				}, () => {
+					$$renderer.push(`<span class="fill svelte-eh60s9"${attr_style(`width: ${stringify(row.value / peak() * 100)}%; background: ${stringify(row.colour)}`)}></span> <span class="label svelte-eh60s9">`);
+					if (row.mark) {
+						$$renderer.push("<!--[0-->");
+						Mark($$renderer, {
+							id: row.mark,
+							label: row.label,
+							colour: row.colour,
+							size: 15
+						});
+					} else $$renderer.push(`<!--[-1--><i class="dot svelte-eh60s9"${attr_style(`background: ${stringify(row.colour)}`)}></i>`);
+					$$renderer.push(`<!--]--> <b class="svelte-eh60s9">${escape_html(row.label)}</b> `);
+					if (row.detail) $$renderer.push(`<!--[0--><em class="svelte-eh60s9">${escape_html(row.detail)}</em>`);
+					else $$renderer.push("<!--[-1-->");
+					$$renderer.push(`<!--]--></span> <span class="value num svelte-eh60s9">${escape_html(row.display)}</span>`);
+				});
+				$$renderer.push(`</li>`);
+			}
+			$$renderer.push(`<!--]--></ul>`);
+		} else $$renderer.push(`<!--[-1--><p class="empty svelte-eh60s9">${escape_html(empty)}</p>`);
+		$$renderer.push(`<!--]-->`);
+	});
+}
+//#endregion
+//#region src/lib/components/Donut.svelte
+function Donut($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { slices, centre, caption } = $$props;
+		const RADIUS = 52;
+		const CIRCUMFERENCE = 2 * Math.PI * RADIUS;
+		const arcs = derived(() => {
+			const total = slices.reduce((sum, slice) => sum + slice.value, 0) || 1;
+			let offset = 0;
+			return slices.map((slice) => {
+				const length = slice.value / total * CIRCUMFERENCE;
+				const arc = {
+					...slice,
+					length,
+					offset,
+					share: slice.value / total * 100
+				};
+				offset += length;
+				return arc;
+			});
+		});
+		$$renderer.push(`<div class="donut svelte-1o711x0"><svg viewBox="0 0 140 140" role="img"${attr("aria-label", caption)} class="svelte-1o711x0"><circle cx="70" cy="70"${attr("r", RADIUS)} fill="none" stroke="var(--surface-3)" stroke-width="18" class="svelte-1o711x0"></circle><!--[-->`);
+		const each_array = ensure_array_like(arcs());
+		for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+			let arc = each_array[$$index];
+			$$renderer.push(`<circle cx="70" cy="70"${attr("r", RADIUS)} fill="none"${attr("stroke", arc.colour)} stroke-width="18"${attr("stroke-dasharray", `${stringify(Math.max(0, arc.length - 2))} 326.7256359733385`)}${attr("stroke-dashoffset", -arc.offset)} transform="rotate(-90 70 70)" class="svelte-1o711x0"></circle>`);
+		}
+		$$renderer.push(`<!--]--><text class="centre num svelte-1o711x0" x="70" y="66" text-anchor="middle">${escape_html(centre)}</text><text class="sub svelte-1o711x0" x="70" y="84" text-anchor="middle">${escape_html(caption)}</text></svg></div>`);
+	});
+}
+//#endregion
+//#region src/lib/components/Split.svelte
+function Split($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { parts } = $$props;
+		const total = derived(() => parts.reduce((sum, part) => sum + part.value, 0) || 1);
+		$$renderer.push(`<div class="split svelte-1qwkpf0"><div class="bar svelte-1qwkpf0"><!--[-->`);
+		const each_array = ensure_array_like(parts);
+		for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+			let part = each_array[$$index];
+			if (part.value > 0) $$renderer.push(`<!--[0--><span${attr_style(`flex: ${stringify(part.value)}; background: ${stringify(part.colour)}`)} class="svelte-1qwkpf0"></span>`);
+			else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]-->`);
+		}
+		$$renderer.push(`<!--]--></div> <ul class="svelte-1qwkpf0"><!--[-->`);
+		const each_array_1 = ensure_array_like(parts);
+		for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
+			let part = each_array_1[$$index_1];
+			$$renderer.push(`<li class="svelte-1qwkpf0"><i${attr_style(`background: ${stringify(part.colour)}`)} class="svelte-1qwkpf0"></i> <span class="name svelte-1qwkpf0">${escape_html(part.label)}</span> <span class="value num svelte-1qwkpf0">${escape_html(part.display)}</span> <span class="share num svelte-1qwkpf0">${escape_html((part.value / total() * 100).toFixed(1))}%</span></li>`);
+		}
+		$$renderer.push(`<!--]--></ul></div>`);
+	});
+}
+//#endregion
+//#region src/lib/components/Clock.svelte
+function Clock($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { points } = $$props;
+		const DAYS = [
+			"Mon",
+			"Tue",
+			"Wed",
+			"Thu",
+			"Fri",
+			"Sat",
+			"Sun"
+		];
+		const grid = derived(() => {
+			const cells = /* @__PURE__ */ new Map();
+			for (const point of points) {
+				const row = (point.day + 6) % 7;
+				cells.set(`${row}-${point.hour}`, (cells.get(`${row}-${point.hour}`) ?? 0) + point.total);
+			}
+			return cells;
+		});
+		const peak = derived(() => Math.max(1, ...grid().values()));
+		/** Punch card: radius goes as the square root, off a floor so a quiet hour still shows. */
+		const dot = (value) => value ? .32 + .68 * Math.sqrt(value / peak()) : 0;
+		$$renderer.push(`<div class="clock svelte-13d36y"><div class="rows svelte-13d36y"><!--[-->`);
+		const each_array = ensure_array_like(DAYS);
+		for (let row = 0, $$length = each_array.length; row < $$length; row++) {
+			let day = each_array[row];
+			$$renderer.push(`<span class="day svelte-13d36y">${escape_html(day)}</span> <div class="hours svelte-13d36y"><!--[-->`);
+			const each_array_1 = ensure_array_like(Array(24));
+			for (let hour = 0, $$length = each_array_1.length; hour < $$length; hour++) {
+				each_array_1[hour];
+				const value = grid().get(`${row}-${hour}`) ?? 0;
+				$$renderer.push(`<i${attr_style(`--dot: ${stringify(dot(value))}`)} class="svelte-13d36y"></i>`);
+			}
+			$$renderer.push(`<!--]--></div>`);
+		}
+		$$renderer.push(`<!--]--></div> <div class="scale svelte-13d36y"><!--[-->`);
+		const each_array_2 = ensure_array_like([
+			0,
+			6,
+			12,
+			18
+		]);
+		for (let $$index_2 = 0, $$length = each_array_2.length; $$index_2 < $$length; $$index_2++) {
+			let hour = each_array_2[$$index_2];
+			$$renderer.push(`<span>${escape_html(String(hour).padStart(2, "0"))}</span>`);
+		}
+		$$renderer.push(`<!--]--> <span>23</span></div></div>`);
+	});
+}
+//#endregion
+//#region src/lib/components/Meter.svelte
+function Meter($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { window: meter } = $$props;
+		const stale = derived(() => !!meter.resets_at && meter.resets_at < Date.now());
+		const tone = derived(() => stale() ? "text-faint" : meter.used_percent >= 90 ? "bad" : meter.used_percent >= 70 ? "warn" : "good");
+		$$renderer.push(`<div${attr_class("meter svelte-tlhxud", void 0, { "stale": stale() })}><div class="top svelte-tlhxud"><span class="name svelte-tlhxud">${escape_html(meter.label)}</span> <span class="num pct svelte-tlhxud"${attr_style(`color: var(--${tone()})`)}>${escape_html(Math.round(meter.used_percent))}%</span></div> <div class="track svelte-tlhxud" role="meter"${attr("aria-valuenow", Math.round(meter.used_percent))} aria-valuemin="0" aria-valuemax="100"${attr("aria-label", meter.label)}><span${attr_style(`width: ${stringify(Math.min(100, meter.used_percent))}%; background: var(--${tone()})`)} class="svelte-tlhxud"></span></div> <span class="reset svelte-tlhxud">`);
+		if (stale()) $$renderer.push(`<!--[0-->window has turned over, last read ${escape_html(relative(meter.seen_at))}`);
+		else if (meter.resets_at) $$renderer.push(`<!--[1-->resets ${escape_html(relative(meter.resets_at))}`);
+		else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--></span></div>`);
+	});
+}
+//#endregion
+//#region src/lib/providers.ts
+var PROVIDERS = [
+	{
+		id: "anthropic",
+		label: "Anthropic",
+		colour: "#d97757"
+	},
+	{
+		id: "openai",
+		label: "OpenAI",
+		colour: "#10a37f"
+	},
+	{
+		id: "google",
+		label: "Google",
+		colour: "#4285f4"
+	},
+	{
+		id: "meta",
+		label: "Meta",
+		colour: "#0668e1"
+	},
+	{
+		id: "mistral",
+		label: "Mistral",
+		colour: "#fa520f"
+	},
+	{
+		id: "xai",
+		label: "xAI",
+		colour: "#7c7c8a"
+	},
+	{
+		id: "deepseek",
+		label: "DeepSeek",
+		colour: "#4d6bfe"
+	},
+	{
+		id: "qwen",
+		label: "Qwen",
+		colour: "#a855f7"
+	},
+	{
+		id: "unknown",
+		label: "Other",
+		colour: "#8b93a7"
+	}
+];
+var MATCHES = [
+	[/^claude/, "anthropic"],
+	[/^(gpt|codex|o[1-4]-|chatgpt|text-embedding)/, "openai"],
+	[/^(gemini|gemma|palm)/, "google"],
+	[/^(llama|code-?llama)/, "meta"],
+	[/^(mistral|mixtral|codestral|magistral|devstral)/, "mistral"],
+	[/^grok/, "xai"],
+	[/^deepseek/, "deepseek"],
+	[/^(qwen|qwq)/, "qwen"]
+];
+/** Vendor-prefixed ids like `anthropic/claude-sonnet-5` come back from OpenRouter. */
+function providerFor(model) {
+	const name = model.includes("/") ? model.slice(model.indexOf("/") + 1) : model;
+	const vendor = model.includes("/") ? model.slice(0, model.indexOf("/")).toLowerCase() : "";
+	if (PROVIDERS.some((provider) => provider.id === vendor)) return vendor;
+	return MATCHES.find(([pattern]) => pattern.test(name.toLowerCase()))?.[1] ?? "unknown";
+}
+var providerMeta = (id) => PROVIDERS.find((provider) => provider.id === id) ?? PROVIDERS[PROVIDERS.length - 1];
+var TOOLS = [
+	{
+		id: "claude-code",
+		label: "Claude Code",
+		colour: "#d97757",
+		home: "https://claude.com/claude-code"
+	},
+	{
+		id: "codex",
+		label: "Codex",
+		colour: "#10a37f",
+		home: "https://developers.openai.com/codex"
+	},
+	{
+		id: "opencode",
+		label: "OpenCode",
+		colour: "#f5a524",
+		home: "https://opencode.ai"
+	},
+	{
+		id: "gemini-cli",
+		label: "Gemini CLI",
+		colour: "#4285f4",
+		home: "https://github.com/google-gemini/gemini-cli"
+	}
+];
+var toolMeta = (id) => TOOLS.find((tool) => tool.id === id) ?? {
+	id,
+	label: id,
+	colour: "#8b93a7",
+	home: ""
+};
+//#endregion
+//#region src/lib/components/Sessions.svelte
+function Sessions($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { rows, metric} = $$props;
+		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);
+			for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+				let row = each_array[$$index];
+				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(`<!--]--></tbody></table></div>`);
+		} else $$renderer.push(`<!--[-1--><p class="empty svelte-1uqtl83">No sessions in this range</p>`);
+		$$renderer.push(`<!--]-->`);
+	});
+}
+//#endregion
+//#region src/lib/components/Problems.svelte
+function Problems($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { problems } = $$props;
+		let dismissed = [];
+		let open = false;
+		const shown = derived(() => problems.filter((problem) => !dismissed.includes(problem.id)));
+		const worst = derived(() => shown().some((problem) => problem.level === "error") ? "error" : shown().some((problem) => problem.level === "warn") ? "warn" : "info");
+		if (shown().length) {
+			$$renderer.push(`<!--[0--><aside${attr_class(`problems ${worst()}`, "svelte-1vaf4tg")} aria-live="polite"><button type="button" class="head svelte-1vaf4tg"${attr("aria-expanded", open)}><svg viewBox="0 0 16 16" width="15" height="15" aria-hidden="true"><circle cx="8" cy="8" r="6.6" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path d="M8 4.6v4.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"></path><circle cx="8" cy="11.4" r="0.9" fill="currentColor"></circle></svg> <span class="svelte-1vaf4tg">${escape_html(shown().length === 1 ? shown()[0].message : `${shown().length} things need a look`)}</span> <em class="svelte-1vaf4tg">${escape_html("Details")}</em></button> `);
+			$$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--></aside>`);
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]-->`);
+	});
+}
+//#endregion
+//#region src/lib/components/Settings.svelte
+function Settings($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { open = void 0, saved, sources, dbPath, scannedAt, onsave, onrescan } = $$props;
+		let priceModel = "";
+		let priceIn = "";
+		let priceOut = "";
+		const overrides = derived(() => Object.entries(saved.prices));
+		const ENV = {
+			"claude-code": "AIUSAGE_CLAUDE_DIR",
+			codex: "AIUSAGE_CODEX_DIR",
+			opencode: "AIUSAGE_OPENCODE_DIR"
+		};
+		$$renderer.push(`<dialog class="svelte-anx9w7"><header class="svelte-anx9w7"><h2 class="svelte-anx9w7">Settings</h2> <button type="button" class="close svelte-anx9w7" aria-label="Close settings"><svg viewBox="0 0 16 16" width="15" height="15" aria-hidden="true"><path d="M4 4l8 8M12 4l-8 8" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"></path></svg></button></header> <div class="body svelte-anx9w7"><section class="svelte-anx9w7"><h3 class="svelte-anx9w7">Appearance</h3> <label class="field svelte-anx9w7"><span>Theme</span> `);
+		$$renderer.select({
+			value: saved.theme,
+			onchange: (event) => onsave({ theme: event.currentTarget.value }),
+			class: ""
+		}, ($$renderer) => {
+			$$renderer.option({ value: "auto" }, ($$renderer) => {
+				$$renderer.push(`Match the system`);
+			});
+			$$renderer.option({ value: "light" }, ($$renderer) => {
+				$$renderer.push(`Light`);
+			});
+			$$renderer.option({ value: "dark" }, ($$renderer) => {
+				$$renderer.push(`Dark`);
+			});
+		}, "svelte-anx9w7");
+		$$renderer.push(`</label> <label class="field svelte-anx9w7"><span>Range on open</span> `);
+		$$renderer.select({
+			value: saved.range,
+			onchange: (event) => onsave({ range: event.currentTarget.value }),
+			class: ""
+		}, ($$renderer) => {
+			$$renderer.push(`<!--[-->`);
+			const each_array = ensure_array_like(RANGES);
+			for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+				let range = each_array[$$index];
+				$$renderer.option({ value: range.id }, ($$renderer) => {
+					$$renderer.push(`${escape_html(range.label)}`);
+				});
+			}
+			$$renderer.push(`<!--]-->`);
+		}, "svelte-anx9w7");
+		$$renderer.push(`</label> <label class="field svelte-anx9w7"><span>Headline measure</span> `);
+		$$renderer.select({
+			value: saved.metric,
+			onchange: (event) => onsave({ metric: event.currentTarget.value }),
+			class: ""
+		}, ($$renderer) => {
+			$$renderer.option({ value: "tokens" }, ($$renderer) => {
+				$$renderer.push(`Tokens`);
+			});
+			$$renderer.option({ value: "cost" }, ($$renderer) => {
+				$$renderer.push(`Estimated cost`);
+			});
+		}, "svelte-anx9w7");
+		$$renderer.push(`</label></section> <section class="svelte-anx9w7"><h3 class="svelte-anx9w7">Data</h3> <ul class="sources svelte-anx9w7"><!--[-->`);
+		const each_array_1 = ensure_array_like(sources);
+		for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
+			let source = each_array_1[$$index_1];
+			$$renderer.push(`<li class="svelte-anx9w7"><div><b class="svelte-anx9w7">${escape_html(source.label)}</b> <code class="svelte-anx9w7">${escape_html(source.root)}</code></div> <span${attr_class("badge svelte-anx9w7", void 0, { "on": source.present })}>${escape_html(source.present ? `${source.files} files` : "not found")}</span></li>`);
+		}
+		$$renderer.push(`<!--]--></ul> <p class="note svelte-anx9w7">Point these somewhere else with <!--[-->`);
+		const each_array_2 = ensure_array_like(sources);
+		for (let index = 0, $$length = each_array_2.length; index < $$length; index++) {
+			let source = each_array_2[index];
+			$$renderer.push(`<code class="svelte-anx9w7">${escape_html(ENV[source.id] ?? source.id)}</code>${escape_html(index < sources.length - 1 ? ", " : "")}`);
+		}
+		$$renderer.push(`<!--]-->. History lives in <code class="svelte-anx9w7">${escape_html(dbPath)}</code> and outlives the transcripts, which most tools prune.</p> <label class="field svelte-anx9w7"><span>Rescan every</span> `);
+		$$renderer.select({
+			value: String(saved.scanIntervalSec),
+			onchange: (event) => onsave({ scanIntervalSec: Number(event.currentTarget.value) }),
+			class: ""
+		}, ($$renderer) => {
+			$$renderer.option({ value: "30" }, ($$renderer) => {
+				$$renderer.push(`30 seconds`);
+			});
+			$$renderer.option({ value: "120" }, ($$renderer) => {
+				$$renderer.push(`2 minutes`);
+			});
+			$$renderer.option({ value: "600" }, ($$renderer) => {
+				$$renderer.push(`10 minutes`);
+			});
+			$$renderer.option({ value: "3600" }, ($$renderer) => {
+				$$renderer.push(`an hour`);
+			});
+		}, "svelte-anx9w7");
+		$$renderer.push(`</label> <label class="check svelte-anx9w7"><input type="checkbox"${attr("checked", saved.claudeWindows, true)} class="svelte-anx9w7"/> <span>Ask Anthropic for your 5-hour and 7-day windows <em class="svelte-anx9w7">Reads the Claude Code credentials on this machine. Nothing else leaves it.</em></span></label> <div class="row svelte-anx9w7"><button type="button" class="action svelte-anx9w7">Rescan now</button> <span class="note svelte-anx9w7">Last scan ${escape_html(relative(scannedAt))}</span></div></section> <section class="svelte-anx9w7"><h3 class="svelte-anx9w7">Prices</h3> <p class="note svelte-anx9w7">Dollars per million tokens. ${escape_html(Object.keys(RATES).length)} models are priced out of the box; anything
+        you add here wins, and an unknown model is reported rather than counted as free.</p> `);
+		if (overrides().length) {
+			$$renderer.push(`<!--[0--><ul class="prices svelte-anx9w7"><!--[-->`);
+			const each_array_3 = ensure_array_like(overrides());
+			for (let $$index_3 = 0, $$length = each_array_3.length; $$index_3 < $$length; $$index_3++) {
+				let [model, rate] = each_array_3[$$index_3];
+				$$renderer.push(`<li class="svelte-anx9w7"><code class="svelte-anx9w7">${escape_html(model)}</code> <span class="num">in ${escape_html(rate.input)} / out ${escape_html(rate.output)}</span> <button type="button" class="svelte-anx9w7">Remove</button></li>`);
+			}
+			$$renderer.push(`<!--]--></ul>`);
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--> <div class="add svelte-anx9w7"><input placeholder="model id"${attr("value", priceModel)} class="svelte-anx9w7"/> <input placeholder="in" inputmode="decimal"${attr("value", priceIn)} class="svelte-anx9w7"/> <input placeholder="out" inputmode="decimal"${attr("value", priceOut)} class="svelte-anx9w7"/> <button type="button" class="action svelte-anx9w7">Add</button></div></section></div></dialog>`);
+		bind_props($$props, { open });
+	});
+}
+//#endregion
+//#region src/lib/logos/Logo.svelte
+function Logo($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { size = 28 } = $$props;
+		const cells = [
+			0,
+			1,
+			2,
+			3
+		].flatMap((row) => [
+			0,
+			1,
+			2,
+			3
+		].map((column) => ({
+			row,
+			column,
+			heat: (column + (3 - row)) / 6
+		})));
+		$$renderer.push(`<svg class="logo svelte-nck4wt" viewBox="0 0 32 32"${attr("width", size)}${attr("height", size)} role="img" aria-label="AI usage dashboard"><rect width="32" height="32" rx="8" fill="var(--accent)"></rect><!--[-->`);
+		const each_array = ensure_array_like(cells);
+		for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+			let cell = each_array[$$index];
+			$$renderer.push(`<rect${attr("x", 5 + cell.column * 6)}${attr("y", 5 + cell.row * 6)} width="4" height="4" rx="1.2" fill="var(--accent-text)"${attr("opacity", (.22 + cell.heat * .78).toFixed(2))}></rect>`);
+		}
+		$$renderer.push(`<!--]--></svg>`);
+	});
+}
+//#endregion
+//#region src/routes/+page.svelte
+function _page($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { data } = $$props;
+		const first = run(() => data);
+		let usage = first.usage;
+		let saved = first.settings;
+		let busy = false;
+		let settingsOpen = false;
+		let range = first.usage.filters.range;
+		let tools = first.usage.filters.tools;
+		let models = first.usage.filters.models;
+		let projects = first.usage.filters.projects;
+		let metric = first.settings.metric;
+		let trendBy = "tool";
+		let modelView = "share";
+		let projectBy = "measure";
+		const query = derived(() => new URLSearchParams({
+			range,
+			tools: tools.join(","),
+			models: models.join(","),
+			projects: projects.join(",")
+		}).toString());
+		let showing = run(() => query());
+		async function save(patch) {
+			const response = await fetch("/api/settings", {
+				method: "POST",
+				headers: { "content-type": "application/json" },
+				body: JSON.stringify(patch)
+			});
+			if (response.ok) saved = await response.json();
+		}
+		async function rescan() {
+			busy = true;
+			try {
+				const response = await fetch(`/api/refresh?${showing}`, { method: "POST" });
+				if (response.ok) usage = await response.json();
+			} finally {
+				busy = false;
+			}
+		}
+		const toggle = (list, value) => list.includes(value) ? list.filter((item) => item !== value) : [...list, value];
+		const measure = (slice) => metric === "cost" ? slice.cost ?? 0 : slice.total;
+		const show = (value) => metric === "cost" ? money(value) : compact(value);
+		const activeDays = derived(() => new Set(usage.series.filter((point) => point.total > 0).map((point) => point.day)).size);
+		const toolKeys = derived(() => usage.byTool.map((slice) => ({
+			id: slice.key,
+			label: toolMeta(slice.key).label,
+			colour: toolMeta(slice.key).colour
+		})));
+		const modelKeys = derived(() => usage.byModel.map((slice) => ({
+			id: slice.key,
+			label: modelName(slice.key),
+			colour: providerMeta(providerFor(slice.key)).colour
+		})));
+		const trendKeys = derived(() => trendBy === "tool" ? toolKeys() : modelKeys());
+		const modelRows = derived(() => usage.byModel.map((slice) => {
+			const provider = providerMeta(providerFor(slice.key));
+			return {
+				id: slice.key,
+				label: modelName(slice.key),
+				detail: provider.label,
+				value: measure(slice),
+				display: show(measure(slice)),
+				colour: provider.colour,
+				mark: provider.id,
+				hint: `${slice.key} - ${full(slice.total)} tokens over ${full(slice.events)} requests, ${money(slice.cost)} estimated`
+			};
+		}));
+		const projectRows = derived(() => usage.byProject.map((slice) => ({
+			id: slice.key,
+			label: projectName(slice.key),
+			detail: "",
+			value: projectBy === "sessions" ? slice.sessions : measure(slice),
+			display: projectBy === "sessions" ? full(slice.sessions) : show(measure(slice)),
+			colour: "var(--accent)",
+			hint: `${slice.key || "unknown"} - ${full(slice.total)} tokens, ${full(slice.sessions)} sessions`
+		})));
+		/** Tools with nothing to show still get a row, so it is obvious what else is supported. */
+		const toolRows = derived(() => usage.sources.map((source) => {
+			const slice = usage.byTool.find((entry) => entry.key === source.id);
+			const tool = toolMeta(source.id);
+			return {
+				id: source.id,
+				label: tool.label,
+				detail: slice ? `${full(slice.sessions)} sessions` : "not found",
+				value: slice ? measure(slice) : 0,
+				display: slice ? show(measure(slice)) : "--",
+				colour: tool.colour,
+				mark: source.id,
+				hint: source.present ? `${full(source.files)} files under ${source.root}` : `Nothing at ${source.root}`
+			};
+		}));
+		const mix = derived(() => [
+			{
+				id: "input",
+				label: "Input",
+				value: usage.totals.tokens.input,
+				display: compact(usage.totals.tokens.input),
+				colour: "var(--ramp-4)",
+				hint: "Fresh prompt tokens, billed at full rate"
+			},
+			{
+				id: "output",
+				label: "Output",
+				value: usage.totals.tokens.output,
+				display: compact(usage.totals.tokens.output),
+				colour: "var(--ramp-2)",
+				hint: `Everything the model wrote back, ${compact(usage.totals.reasoning)} of it reasoning`
+			},
+			{
+				id: "cache_read",
+				label: "Cache read",
+				value: usage.totals.tokens.cache_read,
+				display: compact(usage.totals.tokens.cache_read),
+				colour: "var(--ramp-1)",
+				hint: "Context served from cache, usually a tenth of the input price"
+			},
+			{
+				id: "cache_write",
+				label: "Cache write",
+				value: usage.totals.tokens.cache_write,
+				display: compact(usage.totals.tokens.cache_write),
+				colour: "var(--ramp-3)",
+				hint: "Putting context into the cache, a premium on the input price"
+			}
+		]);
+		const cacheShare = derived(() => usage.totals.total ? usage.totals.tokens.cache_read / usage.totals.total * 100 : 0);
+		let $$settled = true;
+		let $$inner_renderer;
+		function $$render_inner($$renderer) {
+			head("1uha8ag", $$renderer, ($$renderer) => {
+				$$renderer.title(($$renderer) => {
+					$$renderer.push(`<title>AI usage dashboard</title>`);
+				});
+			});
+			$$renderer.push(`<header class="bar svelte-1uha8ag"><a class="brand svelte-1uha8ag" href="/">`);
+			Logo($$renderer, {});
+			$$renderer.push(`<!----> <span>AI usage</span></a> <div class="filters svelte-1uha8ag">`);
+			Segmented($$renderer, {
+				options: RANGES.map((entry) => ({
+					id: entry.id,
+					label: entry.label
+				})),
+				label: "Date range",
+				size: "sm",
+				get value() {
+					return range;
+				},
+				set value($$value) {
+					range = $$value;
+					$$settled = false;
+				}
+			});
+			$$renderer.push(`<!----> `);
+			Segmented($$renderer, {
+				options: [{
+					id: "tokens",
+					label: "Tokens"
+				}, {
+					id: "cost",
+					label: "Est. cost",
+					hint: "At published API rates. Your subscription is billed separately."
+				}],
+				label: "Measure",
+				size: "sm",
+				get value() {
+					return metric;
+				},
+				set value($$value) {
+					metric = $$value;
+					$$settled = false;
+				}
+			});
+			$$renderer.push(`<!----> `);
+			MultiSelect($$renderer, {
+				label: "Tools",
+				options: usage.options.tools,
+				format: (id) => toolMeta(id).label,
+				get selected() {
+					return tools;
+				},
+				set selected($$value) {
+					tools = $$value;
+					$$settled = false;
+				}
+			});
+			$$renderer.push(`<!----> `);
+			MultiSelect($$renderer, {
+				label: "Models",
+				options: usage.options.models,
+				format: modelName,
+				get selected() {
+					return models;
+				},
+				set selected($$value) {
+					models = $$value;
+					$$settled = false;
+				}
+			});
+			$$renderer.push(`<!----> `);
+			MultiSelect($$renderer, {
+				label: "Projects",
+				options: usage.options.projects,
+				format: projectName,
+				get selected() {
+					return projects;
+				},
+				set selected($$value) {
+					projects = $$value;
+					$$settled = false;
+				}
+			});
+			$$renderer.push(`<!----> `);
+			if (tools.length || models.length || projects.length) $$renderer.push(`<!--[0--><button type="button" class="reset svelte-1uha8ag">Clear filters</button>`);
+			else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--></div> <div class="tools svelte-1uha8ag"><button type="button"${attr_class("icon svelte-1uha8ag", void 0, { "busy": busy })} aria-label="Rescan now"><svg viewBox="0 0 16 16" width="16" height="16" aria-hidden="true" class="svelte-1uha8ag"><path d="M13.4 7A5.5 5.5 0 1 0 12.6 11" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M13.8 3.4v3.8h-3.8" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button> <button type="button" class="icon svelte-1uha8ag" aria-label="Settings"><svg viewBox="0 0 16 16" width="16" height="16" aria-hidden="true"><circle cx="8" cy="8" r="2.3" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path d="M8 1.6v1.8M8 12.6v1.8M14.4 8h-1.8M3.4 8H1.6M12.5 3.5l-1.3 1.3M4.8 11.2l-1.3 1.3M12.5 12.5l-1.3-1.3M4.8 4.8 3.5 3.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg></button></div></header> <main class="svelte-1uha8ag">`);
+			Figures($$renderer, {
+				totals: usage.totals,
+				previous: usage.previous,
+				activeDays: activeDays(),
+				rangeLabel: rangeLabel(usage.filters.range)
+			});
+			$$renderer.push(`<!----> <div class="grid svelte-1uha8ag">`);
+			Panel($$renderer, {
+				title: "Every day so far",
+				span: 8,
+				hint: "One square per day, whatever range is picked above. Outlined days are before your records start.",
+				children: ($$renderer) => {
+					Calendar($$renderer, {
+						days: usage.calendar,
+						metric,
+						oldest: usage.oldest
+					});
+				}});
+			$$renderer.push(`<!----> `);
+			Panel($$renderer, {
+				title: "Plan windows",
+				span: 4,
+				hint: "Straight from each account, not worked out from tokens",
+				children: ($$renderer) => {
+					if (usage.windows.length) {
+						$$renderer.push(`<!--[0--><div class="meters svelte-1uha8ag"><!--[-->`);
+						const each_array = ensure_array_like(usage.windows);
+						for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+							let window = each_array[$$index];
+							Meter($$renderer, { window });
+						}
+						$$renderer.push(`<!--]--></div>`);
+					} else $$renderer.push(`<!--[-1--><p class="empty svelte-1uha8ag">No plan windows yet. Sign in with Claude Code or run Codex once and they turn up here.</p>`);
+					$$renderer.push(`<!--]-->`);
+				}});
+			$$renderer.push(`<!----> `);
+			{
+				function actions($$renderer) {
+					Segmented($$renderer, {
+						options: [{
+							id: "tool",
+							label: "By tool"
+						}, {
+							id: "model",
+							label: "By model"
+						}],
+						label: "Trend grouping",
+						size: "sm",
+						get value() {
+							return trendBy;
+						},
+						set value($$value) {
+							trendBy = $$value;
+							$$settled = false;
+						}
+					});
+				}
+				Panel($$renderer, {
+					title: "Day by day",
+					span: 12,
+					hint: "Stacked over the range you picked",
+					actions,
+					children: ($$renderer) => {
+						Trend($$renderer, {
+							series: trendBy === "tool" ? usage.series : usage.seriesByModel,
+							keys: trendKeys(),
+							metric
+						});
+					}});
+			}
+			$$renderer.push(`<!----> `);
+			{
+				function actions($$renderer) {
+					Segmented($$renderer, {
+						options: [{
+							id: "share",
+							label: "Share"
+						}, {
+							id: "list",
+							label: "Ranked"
+						}],
+						label: "Model view",
+						size: "sm",
+						get value() {
+							return modelView;
+						},
+						set value($$value) {
+							modelView = $$value;
+							$$settled = false;
+						}
+					});
+				}
+				Panel($$renderer, {
+					title: "Models",
+					span: 5,
+					hint: "Click one to filter the whole page by it",
+					actions,
+					children: ($$renderer) => {
+						if (modelView === "share") {
+							$$renderer.push(`<!--[0--><div class="share svelte-1uha8ag">`);
+							Donut($$renderer, {
+								slices: modelRows().map((row) => ({
+									id: row.id,
+									label: row.label,
+									value: row.value,
+									colour: row.colour,
+									display: row.display
+								})),
+								centre: show(measure(usage.totals)),
+								caption: metric === "cost" ? "estimated" : "tokens"
+							});
+							$$renderer.push(`<!----> <ul class="key svelte-1uha8ag"><!--[-->`);
+							const each_array_1 = ensure_array_like(modelRows());
+							for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
+								let row = each_array_1[$$index_1];
+								$$renderer.push(`<li class="svelte-1uha8ag">`);
+								Mark($$renderer, {
+									id: row.mark,
+									label: row.detail,
+									colour: row.colour,
+									size: 14
+								});
+								$$renderer.push(`<!----> <span class="svelte-1uha8ag">${escape_html(row.label)}</span> <b class="num svelte-1uha8ag">${escape_html(row.display)}</b></li>`);
+							}
+							$$renderer.push(`<!--]--></ul></div>`);
+						} else {
+							$$renderer.push("<!--[-1-->");
+							BarList($$renderer, {
+								rows: modelRows(),
+								active: models,
+								onpick: (id) => models = toggle(models, id)
+							});
+						}
+						$$renderer.push(`<!--]-->`);
+					}});
+			}
+			$$renderer.push(`<!----> `);
+			{
+				function actions($$renderer) {
+					Segmented($$renderer, {
+						options: [{
+							id: "measure",
+							label: metric === "cost" ? "Est. cost" : "Tokens"
+						}, {
+							id: "sessions",
+							label: "Sessions"
+						}],
+						label: "Project measure",
+						size: "sm",
+						get value() {
+							return projectBy;
+						},
+						set value($$value) {
+							projectBy = $$value;
+							$$settled = false;
+						}
+					});
+				}
+				Panel($$renderer, {
+					title: "Projects",
+					span: 7,
+					hint: "Where the work happened. Click one to filter.",
+					actions,
+					children: ($$renderer) => {
+						BarList($$renderer, {
+							rows: projectRows().slice(0, 8),
+							active: projects,
+							onpick: (id) => projects = toggle(projects, id)
+						});
+					}});
+			}
+			$$renderer.push(`<!----> `);
+			Panel($$renderer, {
+				title: "Where the tokens go",
+				span: 4,
+				hint: "Cache reads are cheap, cache writes are not. This is the split that decides the bill.",
+				children: ($$renderer) => {
+					Split($$renderer, { parts: mix() });
+					$$renderer.push(`<!----> <p class="aside svelte-1uha8ag">${escape_html(cacheShare().toFixed(0))}% of everything counted was served from cache.</p>`);
+				}});
+			$$renderer.push(`<!----> `);
+			Panel($$renderer, {
+				title: "When you work",
+				span: 5,
+				hint: "Local time, over the range above",
+				children: ($$renderer) => {
+					Clock($$renderer, { points: usage.clock });
+				}});
+			$$renderer.push(`<!----> `);
+			Panel($$renderer, {
+				title: "Tools",
+				span: 3,
+				hint: "Click one to filter the whole page by it",
+				children: ($$renderer) => {
+					BarList($$renderer, {
+						rows: toolRows(),
+						active: tools,
+						onpick: (id) => tools = toggle(tools, id)
+					});
+				}});
+			$$renderer.push(`<!----> `);
+			Panel($$renderer, {
+				title: "Recent sessions",
+				span: 12,
+				children: ($$renderer) => {
+					Sessions($$renderer, {
+						rows: usage.sessions,
+						metric});
+				}});
+			$$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-->");
+			$$renderer.push(`<!--]--> Scanned ${escape_html(relative(usage.scannedAt))}</span></footer></main> `);
+			Problems($$renderer, { problems: usage.problems });
+			$$renderer.push(`<!----> `);
+			Settings($$renderer, {
+				saved,
+				sources: usage.sources,
+				dbPath: data.paths.db,
+				scannedAt: usage.scannedAt,
+				onsave: save,
+				onrescan: rescan,
+				get open() {
+					return settingsOpen;
+				},
+				set open($$value) {
+					settingsOpen = $$value;
+					$$settled = false;
+				}
+			});
+			$$renderer.push(`<!---->`);
+		}
+		do {
+			$$settled = true;
+			$$inner_renderer = $$renderer.copy();
+			$$render_inner($$inner_renderer);
+		} while (!$$settled);
+		$$renderer.subsume($$inner_renderer);
+	});
+}
+
+export { _page as default };
+//# sourceMappingURL=_page.svelte.js-D91hy9R4.js.map