@raingor/pi-web-switch 0.4.1 → 0.4.3

package/server/pi-reader.ts

@@ -2,6 +2,7 @@ import { readFileSync, readdirSync, existsSync, statSync, unlinkSync, writeFileS
 import { homedir, platform } from "os";
 import { join, resolve, dirname, relative, sep } from "path";
 import { spawnSync } from "child_process";
+import { DatabaseSync } from "node:sqlite";
 
 const PI_DIR = join(homedir(), ".pi", "agent");
 
@@ -124,6 +125,29 @@ function getSessionDirs(): string[] {
     .filter((dir) => statSync(dir).isDirectory());
 }
 
+// Usage stats are bucketed in China time (UTC+8) regardless of the machine's
+// system timezone, so daily totals stay consistent for a Beijing-based user.
+const CN_TZ = "Asia/Shanghai";
+
+function cnDateParts(ts: string | number): { date: string; hour: number } {
+  const d = new Date(ts);
+  if (isNaN(d.getTime())) return { date: "unknown", hour: 0 };
+  const date = new Intl.DateTimeFormat("en-CA", {
+    timeZone: CN_TZ,
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+  }).format(d); // "2026-08-06"
+  const hour = Number(
+    new Intl.DateTimeFormat("en-US", {
+      timeZone: CN_TZ,
+      hour: "2-digit",
+      hour12: false,
+    }).format(d)
+  );
+  return { date, hour: hour === 24 ? 0 : hour };
+}
+
 function parseSessionFile(filePath: string): UsageRecord[] {
   const records: UsageRecord[] = [];
   try {
@@ -149,9 +173,7 @@ function parseSessionFile(filePath: string): UsageRecord[] {
           if (!usage || !usage.input) continue;
 
           const timestamp = obj.timestamp || obj.message.timestamp;
-          const d = new Date(timestamp);
-          const date = `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`;
-          const hour = d.getHours();
+          const { date, hour } = cnDateParts(timestamp);
 
           records.push({
             date,
@@ -176,7 +198,20 @@ function parseSessionFile(filePath: string): UsageRecord[] {
   return records;
 }
 
+// Scanned session usage is cached briefly: the same 150MB+ of JSONL gets
+// re-read on every dashboard request otherwise, which stalls the page.
+const USAGE_CACHE_TTL_MS = 30_000;
+let usageCache: { records: UsageRecord[]; at: number } | null = null;
+
+/** Drop cached session usage — called when the UI requests a forced refresh. */
+export function clearUsageCache(): void {
+  usageCache = null;
+}
+
 export function readAllUsage(): UsageRecord[] {
+  if (usageCache && Date.now() - usageCache.at < USAGE_CACHE_TTL_MS) {
+    return usageCache.records;
+  }
   const allRecords: UsageRecord[] = [];
   const dirs = getSessionDirs();
 
@@ -195,6 +230,7 @@ export function readAllUsage(): UsageRecord[] {
 
   // Sort by date ascending
   allRecords.sort((a, b) => a.date.localeCompare(b.date));
+  usageCache = { records: allRecords, at: Date.now() };
   return allRecords;
 }
 
@@ -380,11 +416,211 @@ export function readAllCombinedUsage(): UsageRecord[] {
     ...readCindyUsage(),
     ...readClaudeUsage(),
     ...readCodexUsage(),
+    ...readAtomcodeUsage(),
+    ...readCopilotUsage(),
   ];
   all.sort((a, b) => a.date.localeCompare(b.date));
   return all;
 }
 
+// ─── AtomCode Usage ────────────────────────────────────
+
+const ATOMCODE_DIR = join(homedir(), ".atomcode");
+
+/**
+ * Read usage records from AtomCode sessions under ~/.atomcode/sessions.
+ * Each JSONL line carries an optional usage object:
+ *   { prompt, completion, cached } — mapped to input/output/cacheRead.
+ * Model id is sniffed from the snapshot system prompt (e.g.
+ * "running the deepseek-v4-flash model"), defaulting to "atomcode".
+ */
+export function readAtomcodeUsage(): UsageRecord[] {
+  const allRecords: UsageRecord[] = [];
+  const sessionsDir = join(ATOMCODE_DIR, "sessions");
+  if (!existsSync(sessionsDir)) return allRecords;
+
+  let sessionDirs: string[] = [];
+  try {
+    sessionDirs = readdirSync(sessionsDir)
+      .map((name) => join(sessionsDir, name))
+      .filter((dir) => statSync(dir).isDirectory());
+  } catch {
+    return allRecords;
+  }
+
+  for (const dir of sessionDirs) {
+    const files = readdirSync(dir).filter((f) => f.endsWith(".jsonl"));
+    for (const file of files) {
+      const filePath = join(dir, file);
+      try {
+        const raw = readFileSync(filePath, "utf-8");
+        const model = sniffAtomcodeModel(join(dir, file.replace(/\.jsonl$/, ".snapshot")));
+        for (const line of raw.split("\n").filter((l) => l.trim())) {
+          try {
+            const obj = JSON.parse(line);
+            const usage = obj.usage;
+            if (!usage || typeof usage.prompt !== "number") continue;
+            const { date, hour } = cnDateParts(obj.iso ?? obj.ts ?? "");
+            allRecords.push({
+              date,
+              hour,
+              providerId: "atomcode",
+              modelId: model,
+              inputTokens: usage.prompt ?? 0,
+              outputTokens: usage.completion ?? 0,
+              cacheReadTokens: usage.cached ?? 0,
+              cacheWriteTokens: 0,
+              requests: 1,
+              cost: 0,
+            });
+          } catch {
+            // skip malformed lines
+          }
+        }
+      } catch {
+        // skip unreadable files
+      }
+    }
+  }
+
+  allRecords.sort((a, b) => a.date.localeCompare(b.date));
+  return allRecords;
+}
+
+/** Extract the model name from an AtomCode snapshot system prompt. */
+function sniffAtomcodeModel(snapshotPath: string): string {
+  try {
+    if (!existsSync(snapshotPath)) return "atomcode";
+    const txt = readFileSync(snapshotPath, "utf-8");
+    const m = txt.match(/running the ([\w.-]+) model/i);
+    return m?.[1] ?? "atomcode";
+  } catch {
+    return "atomcode";
+  }
+}
+
+// ─── Copilot Usage (Local session-store.db) ────────────
+//
+// The Copilot CLI records every assistant turn's token usage in a local
+// SQLite database (~/.copilot/session-store.db, table
+// assistant_usage_events). We read it directly — no GitHub Billing REST
+// API or PAT required, and it works even when the account isn't on the
+// enhanced billing platform.
+
+const COPILOT_CONFIG_PATH = join(PI_DIR, "copilot.json");
+
+interface CopilotConfig {
+  username?: string;
+  token?: string;
+}
+
+export function readCopilotConfig(): CopilotConfig {
+  try {
+    if (!existsSync(COPILOT_CONFIG_PATH)) return {};
+    const raw = readFileSync(COPILOT_CONFIG_PATH, "utf-8");
+    const parsed = JSON.parse(raw) as CopilotConfig;
+    return {
+      username: typeof parsed.username === "string" ? parsed.username : undefined,
+      token: typeof parsed.token === "string" ? parsed.token : undefined,
+    };
+  } catch {
+    return {};
+  }
+}
+
+export function writeCopilotConfig(cfg: CopilotConfig): boolean {
+  try {
+    const clean: CopilotConfig = {
+      username: cfg.username?.trim() || undefined,
+      token: cfg.token?.trim() || undefined,
+    };
+    writeFileSync(COPILOT_CONFIG_PATH, JSON.stringify(clean, null, 2), "utf-8");
+    return true;
+  } catch {
+    return false;
+  }
+}
+
+const COPILOT_STORE_PATH = join(homedir(), ".copilot", "session-store.db");
+
+function copilotNum(v: unknown): number {
+  return typeof v === "number" && Number.isFinite(v) ? v : 0;
+}
+
+/**
+ * Read all usage events from the local Copilot session-store.db and map them
+ * to UsageRecords bucketed in China time (UTC+8) like every other source.
+ * Each event = one assistant turn → one request. Local DB has no cost info,
+ * so cost is always 0 (token counts are still fully populated).
+ */
+function readCopilotStore(): UsageRecord[] {
+  const records: UsageRecord[] = [];
+  let db: DatabaseSync | null = null;
+  try {
+    db = new DatabaseSync(COPILOT_STORE_PATH, { readOnly: true });
+    const rows = db
+      .prepare(
+        `SELECT model, input_tokens, output_tokens, cache_read_tokens,
+                cache_write_tokens, created_at
+         FROM assistant_usage_events`
+      )
+      .all() as Array<Record<string, unknown>>;
+
+    for (const row of rows) {
+      const ts = row.created_at;
+      if (typeof ts !== "string" || !ts) continue;
+      const { date, hour } = cnDateParts(ts);
+      records.push({
+        date,
+        hour,
+        providerId: "copilot",
+        modelId: typeof row.model === "string" && row.model ? row.model : "copilot",
+        inputTokens: copilotNum(row.input_tokens),
+        outputTokens: copilotNum(row.output_tokens),
+        cacheReadTokens: copilotNum(row.cache_read_tokens),
+        cacheWriteTokens: copilotNum(row.cache_write_tokens),
+        requests: 1,
+        cost: 0,
+      });
+    }
+  } catch {
+    // DB missing, locked by a running Copilot CLI, or node:sqlite not
+    // available — report zero usage instead of failing the dashboard.
+  } finally {
+    try {
+      db?.close();
+    } catch {
+      /* ignore */
+    }
+  }
+
+  records.sort((a, b) => a.date.localeCompare(b.date));
+  return records;
+}
+
+// Brief cache so the dashboard's auto-refresh doesn't re-open the SQLite DB
+// on every request. Reads are cheap (~700 rows), so a short TTL is fine.
+const COPILOT_USAGE_TTL_MS = 30_000;
+let copilotUsageCache: { records: UsageRecord[]; at: number } | null = null;
+
+/**
+ * Synchronous accessor used by the combined view and the Copilot tab.
+ * Returns the latest local Copilot records, re-reading the DB when stale.
+ */
+export function readCopilotUsage(): UsageRecord[] {
+  if (copilotUsageCache && Date.now() - copilotUsageCache.at < COPILOT_USAGE_TTL_MS) {
+    return copilotUsageCache.records;
+  }
+  const records = readCopilotStore();
+  copilotUsageCache = { records, at: Date.now() };
+  return records;
+}
+
+/** Drop cached Copilot data — called after config changes so usage refetches. */
+export function clearCopilotCaches(): void {
+  copilotUsageCache = null;
+}
+
 // ─── Provider-Based Filtering ──────────────────────────
 
 /**
@@ -398,6 +634,16 @@ export interface ProviderFilter {
 }
 
 export const PROVIDER_FILTERS: ProviderFilter[] = [
+  {
+    id: "copilot",
+    label: "Copilot",
+    patterns: [/^copilot$/i],
+  },
+  {
+    id: "atomcode",
+    label: "AtomCode",
+    patterns: [/^atomcode$/i],
+  },
   {
     id: "opencode",
     label: "OpenCode",
@@ -561,6 +807,8 @@ export function getUsageByRange(records: UsageRecord[], fromDate: string, toDate
     totalRequests += r.requests;
   }
 
+  // totalTokens counts all processed tokens including cached context reads.
+  // Cache hits are billed at a lower rate, but they still count as usage.
   const totalTokens = totalInput + totalOutput + totalCacheRead + totalCacheWrite;
   const cacheHitRate = totalTokens > 0 ? ((totalCacheRead + totalCacheWrite) / totalTokens) * 100 : 0;
 

package/src/App.tsx

@@ -6,7 +6,6 @@ import { MemoryPage } from "@/components/sessions/MemoryPage";
 import { ProvidersModelsPage } from "@/components/providers/ProvidersModelsPage";
 import { SubagentsPage } from "@/components/subagents/SubagentsPage";
 import { SettingsPage } from "@/components/settings/SettingsPage";
-import { ChatPage } from "@/components/chat/ChatPage";
 
 export default function App() {
   return (
@@ -19,7 +18,6 @@ export default function App() {
           <Route path="/providers" element={<ProvidersModelsPage />} />
           <Route path="/models" element={<ProvidersModelsPage />} />
           <Route path="/subagents" element={<SubagentsPage />} />
-          <Route path="/chat" element={<ChatPage />} />
           <Route path="/settings" element={<SettingsPage />} />
         </Route>
       </Routes>

package/src/components/dashboard/DashboardPage.tsx

@@ -67,9 +67,10 @@ interface UsageRangeData {
     totalCost: number;
     totalRequests: number;
   }[];
+  notice?: "no-config" | "api-error";
 }
 
-type SourceKey = "all" | "pi" | "cindy-pi" | "claude" | "codex" | "opencode" | "gemini" | "grok";
+type SourceKey = "all" | "pi" | "cindy-pi" | "claude" | "codex" | "opencode" | "gemini" | "grok" | "atomcode" | "copilot";
 type RangeKey = "today" | "7d" | "30d" | "custom";
 type TabKey = "log" | "provider" | "model";
 type SortDir = "asc" | "desc";
@@ -116,21 +117,35 @@ function formatCostShort(n: number): string {
 }
 
 function formatDateShort(dateStr: string): string {
-  const d = new Date(dateStr + "T00:00:00");
-  return d.toLocaleDateString("en-US", { month: "short", day: "numeric" });
+  // Parse as a China-time (UTC+8) calendar date and format in that timezone.
+  const [y, m, dNum] = dateStr.split("-").map(Number);
+  if (!y || !m || !dNum) return dateStr;
+  const d = new Date(Date.UTC(y, m - 1, dNum));
+  return d.toLocaleDateString("en-US", {
+    month: "short",
+    day: "numeric",
+    timeZone: "Asia/Shanghai",
+  });
 }
 
-function localDateStr(d: Date): string {
-  return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`;
+function cnTodayStr(): string {
+  // "YYYY-MM-DD" in China time (UTC+8), independent of system timezone.
+  return new Intl.DateTimeFormat("en-CA", {
+    timeZone: "Asia/Shanghai",
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+  }).format(new Date());
 }
 
 /** Previous period of equal length, for period-over-period trends. */
 function getPrevRange(range: RangeKey): { from: string; to: string } | null {
-  const now = new Date();
   const shift = (days: number) => {
-    const d = new Date(now);
-    d.setDate(d.getDate() - days);
-    return localDateStr(d);
+    // Start from China-time "today" and shift by whole days using UTC math.
+    const [y, m, dNum] = cnTodayStr().split("-").map(Number);
+    const t = Date.UTC(y ?? 0, (m ?? 1) - 1, dNum ?? 1) - days * 86400000;
+    const d = new Date(t);
+    return `${d.getUTCFullYear()}-${String(d.getUTCMonth() + 1).padStart(2, "0")}-${String(d.getUTCDate()).padStart(2, "0")}`;
   };
   if (range === "today") return { from: shift(1), to: shift(1) };
   if (range === "7d") return { from: shift(13), to: shift(7) };
@@ -290,7 +305,7 @@ export function DashboardPage() {
 
   const customInvalid = range === "custom" && !!customFrom && !!customTo && customFrom > customTo;
 
-  const fetchData = useCallback(() => {
+  const fetchData = useCallback((force = false) => {
     if (!initialized || customInvalid) return;
     let baseUrl = "/api/pi/usage-range";
     if (source === "all") baseUrl = "/api/pi/all-usage-range";
@@ -300,7 +315,10 @@ export function DashboardPage() {
     else if (source === "opencode") baseUrl = "/api/pi/opencode-usage-range";
     else if (source === "gemini") baseUrl = "/api/pi/gemini-usage-range";
     else if (source === "grok") baseUrl = "/api/pi/grok-usage-range";
-    let url = `${baseUrl}?range=${range}`;
+    else if (source === "atomcode") baseUrl = "/api/pi/atomcode-usage-range";
+    else if (source === "copilot") baseUrl = "/api/pi/copilot-usage-range";
+    // force=true adds refresh=1 so the API rescan bypasses its 30s session cache
+    let url = `${baseUrl}?range=${range}${force ? "&refresh=1" : ""}`;
     if (range === "custom" && customFrom) {
       url += `&from=${customFrom}&to=${customTo || customFrom}`;
     }
@@ -342,7 +360,7 @@ export function DashboardPage() {
     return () => clearInterval(id);
   }, [autoRefresh, refreshInterval, fetchData]);
 
-  const today = new Date().toISOString().split("T")[0];
+  const today = cnTodayStr();
 
   // Chart data: hourly for "today", daily for 7d/30d/custom
   const rawBreakdown = range === "today" ? data?.hourlyBreakdown : data?.dailyBreakdown;
@@ -397,33 +415,6 @@ export function DashboardPage() {
 
   return (
     <div className="space-y-5">
-      {/* Source Selector: Pi / Cindy-Pi */}
-      <div className="flex items-center gap-1 rounded-lg border p-0.5" style={{ borderColor: "var(--card-border)", backgroundColor: "var(--page-bg)" }}>
-        {([
-          { key: "all" as SourceKey, label: "dashboard.source_all", icon: "📊" },
-          { key: "pi" as SourceKey, label: "dashboard.source_pi", icon: "🖥" },
-          { key: "cindy-pi" as SourceKey, label: "dashboard.source_cindy_pi", icon: "🤖" },
-          { key: "claude" as SourceKey, label: "dashboard.source_claude", icon: "🧠" },
-          { key: "codex" as SourceKey, label: "dashboard.source_codex", icon: "⚡" },
-          { key: "opencode" as SourceKey, label: "dashboard.source_opencode", icon: "🔷" },
-          { key: "gemini" as SourceKey, label: "dashboard.source_gemini", icon: "✨" },
-          { key: "grok" as SourceKey, label: "dashboard.source_grok", icon: "🌀" },
-        ]).map((s) => (
-          <button
-            key={s.key}
-            onClick={() => setSource(s.key)}
-            className={cn(
-              "rounded-md px-3 py-1.5 text-xs font-medium transition-colors flex items-center gap-1.5",
-              source === s.key ? "text-white" : "hover:bg-gray-800/30"
-            )}
-            style={source === s.key ? { backgroundColor: "#3b82f6", color: "#fff" } : { color: "var(--muted-text)" }}
-          >
-            <span>{s.icon}</span>
-            <span>{t(s.label)}</span>
-          </button>
-        ))}
-      </div>
-
       {/* Title + Time Range Selector + Currency Toggle */}
       <div className="flex items-center justify-between flex-wrap gap-3">
         <div>
@@ -432,6 +423,18 @@ export function DashboardPage() {
             {data ? t("dashboard.requests_count", String(data.requestLog.length), formatCost(data.totalCost, currency)) : ""}
             {lastUpdated && <span className="ml-2">· {t("dashboard.last_updated", lastUpdated)}</span>}
           </p>
+          {data?.notice && (
+            <p
+              className="mt-1 inline-flex items-center gap-1.5 rounded-lg border px-2.5 py-1 text-xs"
+              style={{
+                borderColor: data.notice === "no-config" ? "#f59e0b" : "#ef4444",
+                color: data.notice === "no-config" ? "#f59e0b" : "#f87171",
+                backgroundColor: data.notice === "no-config" ? "#f59e0b11" : "#ef444411",
+              }}
+            >
+              {data.notice === "no-config" ? t("dashboard.copilot_not_configured") : t("dashboard.copilot_api_error")}
+            </p>
+          )}
         </div>
         <div className="flex items-center gap-2">
           <button
@@ -444,7 +447,7 @@ export function DashboardPage() {
             {currency}
           </button>
           <button
-            onClick={() => { fetchData(); }}
+            onClick={() => { fetchData(true); }}
             className="flex items-center gap-1.5 rounded-lg border px-3 py-1.5 text-xs font-medium transition-colors hover:bg-gray-800/30"
             style={{ borderColor: "var(--card-border)", color: "var(--muted-text)", backgroundColor: "var(--card-bg)" }}
             title={t("dashboard.refresh_now")}

package/src/components/layout/Sidebar.tsx

@@ -4,10 +4,9 @@ import {
   Settings,
   History,
   Brain,
-  Globe,
   Plug,
   Users,
-  MessageSquare,
+  Globe,
 } from "lucide-react";
 import { cn } from "@/lib/utils";
 import { useTranslation, LANGUAGES } from "@/lib/i18n";
@@ -15,7 +14,6 @@ import { useState } from "react";
 
 const navItems = [
   { to: "/", icon: LayoutDashboard, key: "nav.dashboard" },
-  { to: "/chat", icon: MessageSquare, key: "nav.chat" },
   { to: "/sessions", icon: History, key: "nav.sessions" },
   { to: "/memory", icon: Brain, key: "nav.memory" },
   { to: "/providers", icon: Plug, key: "nav.providers_models" },

package/src/components/providers/ProvidersModelsPage.tsx

@@ -115,11 +115,11 @@ interface ParsedImport {
 }
 
 const IMPORT_LABEL_RE =
-  /(?<![\w/.\-])(apikey|api_key|api-key|key|token|secret|密钥|金鑰|baseurl|base_url|base-url|url|endpoint|地址|接口|provider|name|名称|名稱|供应商|供應商|model_ids?|modelids?|models?|模型)\s*[:：](?!\/\/)/gi;
+  /(?<![\w/.\-])(apikey|api_key|api-key|keys?|token|secret|密钥|金鑰|baseurl|base_url|base-url|url|endpoint|地址|接口|provider|name|名称|名稱|供应商|供應商|model_ids?|modelids?|models?|模型)\s*[:：](?!\/\/)/gi;
 
 function importField(label: string): "name" | "baseUrl" | "apiKey" | "models" {
   const l = label.toLowerCase();
-  if (/^(apikey|api_key|api-key|key|token|secret|密钥|金鑰)$/.test(l)) return "apiKey";
+  if (/^(apikey|api_key|api-key|keys?|token|secret|密钥|金鑰)$/.test(l)) return "apiKey";
   if (/^(baseurl|base_url|base-url|url|endpoint|地址|接口)$/.test(l)) return "baseUrl";
   if (/^(provider|name|名称|名稱|供应商|供應商)$/.test(l)) return "name";
   return "models";
@@ -658,6 +658,9 @@ function ProviderDetail({ provider, onDelete, onDuplicate, onRenamed }: { provid
   const [supportsDeveloperRole, setSupportsDeveloperRole] = useState(
     provider.compat?.supportsDeveloperRole ?? false
   );
+  const [supportsFinishReason, setSupportsFinishReason] = useState(
+    provider.compat?.supportsFinishReason ?? true
+  );
   const [saveState, setSaveState] = useState<"idle" | "saving" | "saved" | "error">("idle");
 
   // ─── Quick add (inline, one-liner) ───
@@ -857,7 +860,7 @@ function ProviderDetail({ provider, onDelete, onDuplicate, onRenamed }: { provid
   const urlInvalid = baseUrl.trim() !== "" && !isValidHttpUrl(baseUrl.trim());
 
   const dirty =
-    (isCustom && (providerName !== (provider.name ?? "") || baseUrl !== (provider.baseUrl ?? "") || api !== (provider.api ?? "openai-completions") || supportsDeveloperRole !== (provider.compat?.supportsDeveloperRole ?? true))) ||
+    (isCustom && (providerName !== (provider.name ?? "") || baseUrl !== (provider.baseUrl ?? "") || api !== (provider.api ?? "openai-completions") || supportsDeveloperRole !== (provider.compat?.supportsDeveloperRole ?? true) || supportsFinishReason !== (provider.compat?.supportsFinishReason ?? true))) ||
     (!isCustom && (baseUrl !== (provider.baseUrl ?? "") || api !== (provider.api ?? "openai-completions"))) ||
     apiKey !== savedKey;
 
@@ -870,7 +873,7 @@ function ProviderDetail({ provider, onDelete, onDuplicate, onRenamed }: { provid
         baseUrl: baseUrl || undefined,
         api,
         apiKey: apiKey || undefined,
-        compat: { supportsDeveloperRole },
+        compat: { ...provider.compat, supportsDeveloperRole, supportsFinishReason },
       };
       // pi's model picker shows the provider key, not the display name, so
       // rename the key too when the name changes (references get rewritten).
@@ -1050,6 +1053,21 @@ function ProviderDetail({ provider, onDelete, onDuplicate, onRenamed }: { provid
         </label>
       </div>
 
+      {/* Finish Reason Support */}
+      <div className="flex items-center gap-2">
+        <input
+          id="supports-finish-reason"
+          type="checkbox"
+          checked={supportsFinishReason}
+          onChange={(e) => setSupportsFinishReason(e.target.checked)}
+          className="rounded border-gray-600 bg-gray-800 text-blue-500"
+        />
+        <label htmlFor="supports-finish-reason" className="text-sm text-gray-400">
+          <span>{t("compat.supports_finish_reason")}</span>
+          <span className="ml-2 text-xs text-gray-500">{t("compat.supports_finish_reason_desc")}</span>
+        </label>
+      </div>
+
       {/* Save / Test / Feedback row */}
       <div className="flex flex-wrap items-center gap-3">
         {dirty && (
@@ -1742,6 +1760,23 @@ function ModelForm({ initial, onSubmit, onCancel }: ModelFormProps) {
             onChange={(e) => setContextWindow(parseInt(e.target.value) || DEFAULT_CONTEXT_WINDOW)}
             className="mt-1 w-full rounded-lg border border-gray-700 bg-gray-800 px-3 py-2 text-sm text-white"
           />
+          <div className="mt-1 flex flex-wrap gap-1">
+            {[32_768, 128_000, 200_000, 1_000_000].map((v) => (
+              <button
+                key={v}
+                type="button"
+                onClick={() => setContextWindow(v)}
+                className={cn(
+                  "rounded border px-1.5 py-0.5 text-[10px] font-mono transition-colors",
+                  (form.contextWindow ?? DEFAULT_CONTEXT_WINDOW) === v
+                    ? "border-blue-500 bg-blue-500/20 text-blue-300"
+                    : "border-gray-700 bg-gray-800 text-gray-400 hover:border-gray-500 hover:text-gray-200"
+                )}
+              >
+                {formatTokens(v)}
+              </button>
+            ))}
+          </div>
         </div>
         <div>
           <label className="block text-xs font-medium text-gray-400">{t("models.max_tokens")}</label>
@@ -1751,6 +1786,23 @@ function ModelForm({ initial, onSubmit, onCancel }: ModelFormProps) {
             onChange={(e) => setMaxTokens(parseInt(e.target.value) || DEFAULT_MAX_TOKENS)}
             className="mt-1 w-full rounded-lg border border-gray-700 bg-gray-800 px-3 py-2 text-sm text-white"
           />
+          <div className="mt-1 flex flex-wrap gap-1">
+            {[4096, 8192, 16_384, 32_768, 65_536, 131_072].map((v) => (
+              <button
+                key={v}
+                type="button"
+                onClick={() => setMaxTokens(v)}
+                className={cn(
+                  "rounded border px-1.5 py-0.5 text-[10px] font-mono transition-colors",
+                  (form.maxTokens ?? DEFAULT_MAX_TOKENS) === v
+                    ? "border-blue-500 bg-blue-500/20 text-blue-300"
+                    : "border-gray-700 bg-gray-800 text-gray-400 hover:border-gray-500 hover:text-gray-200"
+                )}
+              >
+                {formatTokens(v)}
+              </button>
+            ))}
+          </div>
         </div>
       </div>
 

package/src/components/sessions/MemoryPage.tsx

@@ -60,8 +60,9 @@ function parseMemoryEntries(content: string): MemoryEntry[] {
   for (const section of sections) {
     const trimmed = section.trim();
     // Match `<!-- created=DATE, last=DATE -->` at the end
+    // Tolerate extra fields after `last=` (e.g. `, project64=...`) before `-->`
     const markerMatch = trimmed.match(
-      /<!--\s*created\s*=\s*([^,\s]+)\s*,\s*last\s*=\s*([^>\s]+)\s*-->\s*$/
+      /<!--\s*created\s*=\s*([^,\s>]+)\s*,\s*last\s*=\s*([^,\s>]+)[^>]*-->\s*$/
     );
     if (markerMatch) {
       entries.push({