@mbeato/contextscope 0.2.1 → 0.3.0

package/.next/standalone/app/sessions/page.tsx

@@ -2,9 +2,10 @@ import { homedir } from "node:os";
 import { getSessions, summarizeSessions } from "@/lib/sessions";
 import { formatUsd } from "@/lib/pricing";
 import { Receipt, Stat } from "../components/Receipt";
+import { RangeToggle } from "../components/RangeToggle";
+import { parseDays } from "@/lib/range";
 
 const fmt = new Intl.NumberFormat("en-US");
-const DAYS = 30;
 const HOME = homedir();
 
 function tildify(p: string): string {
@@ -20,7 +21,12 @@ function shortNumber(n: number): string {
   return String(n);
 }
 
-export default async function SessionsPage() {
+export default async function SessionsPage({
+  searchParams,
+}: {
+  searchParams: Promise<{ days?: string }>;
+}) {
+  const DAYS = parseDays((await searchParams).days);
   const sessions = await getSessions(DAYS);
   const s = summarizeSessions(sessions);
   const maxDayTokens = Math.max(1, ...s.dailyBurn.map((d) => d.tokens));
@@ -38,9 +44,7 @@ export default async function SessionsPage() {
               ~/.claude/projects · {DAYS}-day window
             </p>
           </div>
-          <span className="text-[10px] uppercase tracking-widest text-zinc-500">
-            {DAYS}-day window
-          </span>
+          <RangeToggle />
         </header>
 
         {s.count === 0 ? (
@@ -57,7 +61,7 @@ export default async function SessionsPage() {
                 <Stat label="sessions" value={fmt.format(s.count)} hint={`avg ${shortNumber(s.averageSessionTokens)}`} />
               </Receipt>
               <Receipt pad="default">
-                <Stat label="30d total" value={shortNumber(s.totalTokens)} hint={`${formatUsd(s.totalCostUsd)} api`} />
+                <Stat label={`${DAYS}d total`} value={shortNumber(s.totalTokens)} hint={`${formatUsd(s.totalCostUsd)} api`} />
               </Receipt>
               <Receipt pad="default">
                 <Stat label="median" value={shortNumber(s.medianSessionTokens)} hint="per session" />

package/.next/standalone/lib/range.ts

@@ -0,0 +1,14 @@
+/**
+ * Time-range window shared by the dashboard pages and the <RangeToggle> chips.
+ * The data layer (getSessions/getUsage/getAllTranscripts) honors any daysBack,
+ * but the UI only exposes these fixed windows — parseDays clamps to them so a
+ * hand-edited ?days= can't trigger an unbounded transcript scan.
+ */
+export const RANGES = [7, 30, 90] as const;
+export const DEFAULT_DAYS = 30;
+
+export function parseDays(raw?: string | string[]): number {
+  const v = Array.isArray(raw) ? raw[0] : raw;
+  const n = Number(v);
+  return (RANGES as readonly number[]).includes(n) ? n : DEFAULT_DAYS;
+}

package/.next/standalone/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mbeato/contextscope",
-  "version": "0.2.1",
+  "version": "0.3.0",
   "description": "Local dashboard auditing Claude Code's per-turn token context (skills, agents, commands, CLAUDE.md, MEMORY.md, hooks, MCP) with toggle-based disable and session analytics.",
   "type": "module",
   "bin": {