aisessions 1.0.0 → 1.1.0

package/bin/cli.js

@@ -3,7 +3,7 @@ import { createServer } from '../src/server.js'
 import { parseArgs }    from 'node:util'
 import { exec }         from 'node:child_process'
 
-const VERSION = '1.0.0'
+const VERSION = '1.1.0'
 
 const { values } = parseArgs({
   options: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aisessions",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "Browse, manage and analyze your AI coding agent sessions — Claude Code, Codex, and more",
   "bin": {
     "aisessions": "bin/cli.js"
@@ -25,5 +25,8 @@
     "aisessions",
     "ccusage"
   ],
-  "license": "MIT"
+  "license": "MIT",
+  "dependencies": {
+    "ccusage": "^20.0.6"
+  }
 }

package/src/ui/css.js

@@ -15,6 +15,7 @@ export const PAGE_CSS = `
   --muted:#666;
   --dim:#3a3a3a;
   --accent:#ffffff;
+  --logo-shadow:0 0 10px rgba(255,255,255,.25);
   --danger:#ff3333;
   --success:#33cc33;
   --warn:#ccaa00;
@@ -28,6 +29,24 @@ export const PAGE_CSS = `
   --logo:  'Press Start 2P', monospace;
 }
 
+html[data-theme="light"]{
+  --bg:#f4f1e8;
+  --sb:#ebe6d8;
+  --surf:#f8f5ec;
+  --surf2:#ede8dc;
+  --surf3:#e1dacb;
+  --border:rgba(24,24,20,0.12);
+  --border2:rgba(24,24,20,0.24);
+  --text:#181814;
+  --muted:#6f695d;
+  --dim:#a49c8d;
+  --accent:#11110f;
+  --logo-shadow:none;
+  --danger:#b42323;
+  --success:#197a33;
+  --warn:#8a6900;
+}
+
 html,body{height:100%;background:var(--bg);color:var(--text);overflow:hidden;
   font-family:var(--pixel);font-size:20px;line-height:1.2;
   -webkit-font-smoothing:none;font-smooth:never;image-rendering:pixelated}
@@ -66,7 +85,7 @@ html,body{height:100%;background:var(--bg);color:var(--text);overflow:hidden;
 #logo{
   font-family:var(--logo);font-size:11px;
   color:var(--accent);letter-spacing:1px;
-  text-shadow:0 0 10px rgba(255,255,255,.25);
+  text-shadow:var(--logo-shadow);
   white-space:nowrap;
 }
 #hdr-sub{font-size:16px;color:var(--muted);letter-spacing:.5px}
@@ -79,6 +98,23 @@ html,body{height:100%;background:var(--bg);color:var(--text);overflow:hidden;
 }
 #search:focus{border-color:var(--border2);background:var(--surf2)}
 #search::placeholder{color:var(--dim)}
+.theme-toggle{
+  width:74px;
+  height:39px;
+  border:2px solid var(--border);
+  background:var(--surf);
+  color:var(--muted);
+  font-family:var(--pixel);font-size:16px;
+  letter-spacing:.8px;
+  cursor:pointer;
+  -webkit-font-smoothing:none;
+}
+.theme-toggle:hover,.theme-toggle:focus{
+  color:var(--accent);
+  border-color:var(--border2);
+  background:var(--surf2);
+  outline:none;
+}
 
 /* ── SIDEBAR ─────────────────────────────────────────────────────────────────── */
 .sb-section{padding:10px 0}
@@ -171,6 +207,26 @@ html,body{height:100%;background:var(--bg);color:var(--text);overflow:hidden;
   font-size:12px;color:rgba(255,255,255,.26);letter-spacing:1px;
   text-transform:uppercase;
 }
+html[data-theme="light"] .credit-kicker{color:rgba(24,24,20,.42)}
+html[data-theme="light"] .credit-frame{
+  border-color:rgba(24,24,20,.18);
+  background:rgba(24,24,20,.025);
+}
+html[data-theme="light"] .credit-frame::before,
+html[data-theme="light"] .credit-frame::after{background:var(--accent)}
+html[data-theme="light"] .credit-link{
+  color:rgba(24,24,20,.58);
+  background:rgba(24,24,20,.02);
+}
+html[data-theme="light"] .credit-link:hover{
+  color:var(--accent);
+  background:rgba(24,24,20,.04);
+}
+html[data-theme="light"] .credit-link-icon{
+  border-color:rgba(24,24,20,.18);
+  color:rgba(24,24,20,.78);
+}
+html[data-theme="light"] .credit-pkg{color:rgba(24,24,20,.32)}
 
 /* ── TAB BAR — hidden; sidebar drives navigation ────────────────────────────── */
 #tab-bar{display:none}

package/src/ui/js.js

@@ -14,6 +14,7 @@ var collapsed   = new Set();
 var PAGE        = 0;
 var PER_PAGE    = 100;
 var usageCache  = {};   // keyed by agentFilter
+var theme       = 'dark';
 
 // ── utils ─────────────────────────────────────────────────────────────────────
 function $(id) { return document.getElementById(id); }
@@ -66,6 +67,7 @@ document.addEventListener('click', function (e) {
     if (a === 'switch-tab')        { switchTab(nav);                          return; }
     if (a === 'agent-tab')         { switchTab(nav);                          return; }
     if (a === 'switch-tab-global') { setAgentFilter('all'); switchTab(nav);   return; }
+    if (a === 'toggle-theme')      { toggleTheme();                           return; }
     if (a === 'trash-one')      { trashOne(p);           return; }
     if (a === 'backup-one')     { backupOne(p);          return; }
     if (a === 'restore-trash')  { restoreTrash(meta);   return; }
@@ -95,8 +97,34 @@ document.addEventListener('click', function (e) {
   if (gh) { var k = gh.dataset.gkey; collapsed.has(k) ? collapsed.delete(k) : collapsed.add(k); renderSessions(); }
 });
 
+// ── THEME ─────────────────────────────────────────────────────────────────────
+function getSavedTheme() {
+  try { return localStorage.getItem('aisessions-theme') || 'dark'; }
+  catch { return 'dark'; }
+}
+
+function saveTheme(next) {
+  try { localStorage.setItem('aisessions-theme', next); } catch {}
+}
+
+function applyTheme(next) {
+  theme = next === 'light' ? 'light' : 'dark';
+  document.documentElement.dataset.theme = theme;
+  var btn = $('theme-toggle');
+  if (btn) {
+    btn.textContent = theme === 'light' ? 'DARK' : 'LIGHT';
+    btn.title = 'Switch to ' + (theme === 'light' ? 'dark' : 'light') + ' mode';
+  }
+}
+
+function toggleTheme() {
+  applyTheme(theme === 'light' ? 'dark' : 'light');
+  saveTheme(theme);
+}
+
 // ── INIT ──────────────────────────────────────────────────────────────────────
 async function init() {
+  applyTheme(getSavedTheme());
   var tblBody = $('tbl-body');
   if (!tblBody) return;
   tblBody.innerHTML = '<div class="loading"><span class="loading-dots">LOADING SESSIONS</span></div>';

package/src/ui/render.js

@@ -22,6 +22,7 @@ export function renderPage() {
     <span id="hdr-sub">// AI SESSION MANAGER</span>
     <div id="hdr-right">
       <input id="search" type="search" placeholder="SEARCH SESSIONS...">
+      <button id="theme-toggle" class="theme-toggle" data-action="toggle-theme" type="button" title="Toggle light/dark mode">LIGHT</button>
     </div>
   </header>
 
@@ -64,7 +65,7 @@ export function renderPage() {
             <span>X.com</span>
           </a>
         </div>
-        <div class="credit-pkg">aisessions v1.0</div>
+        <div class="credit-pkg">aisessions v1.1</div>
       </div>
     </nav>
 
@@ -124,7 +125,7 @@ export function renderPage() {
 
   <!-- FOOTER -->
   <footer id="foot">
-    <span>AISESSIONS v1.0</span>
+    <span>AISESSIONS v1.1</span>
     <span>&nbsp;|&nbsp;</span>
     <span id="foot-info">LOADING...</span>
   </footer>

package/src/usage/index.js

@@ -1,7 +1,21 @@
 import { spawnSync } from 'node:child_process'
+import { createRequire } from 'node:module'
+
+const require = createRequire(import.meta.url)
+
+function ccusageCliPath() {
+  try {
+    return require.resolve('ccusage/dist/cli.js')
+  } catch {
+    return null
+  }
+}
 
 function run(args) {
-  const r = spawnSync('npx', ['--yes', 'ccusage@latest', ...args, '--json'], {
+  const cli = ccusageCliPath()
+  if (!cli) return null
+
+  const r = spawnSync(process.execPath, [cli, ...args, '--json'], {
     timeout: 30_000, maxBuffer: 16 * 1024 * 1024, encoding: 'utf8',
     env: { ...process.env, NO_COLOR: '1' },
   })
@@ -9,17 +23,6 @@ function run(args) {
   try { return JSON.parse(r.stdout) } catch { return null }
 }
 
-function runLocal(args) {
-  try {
-    const r = spawnSync('ccusage', [...args, '--json'], {
-      timeout: 30_000, maxBuffer: 16 * 1024 * 1024, encoding: 'utf8',
-      env: { ...process.env, NO_COLOR: '1' },
-    })
-    if (r.status !== 0 || !r.stdout) return null
-    return JSON.parse(r.stdout)
-  } catch { return null }
-}
-
 // Normalise the two very different per-agent response shapes into one schema.
 function normalizeEntries(entries, agentId) {
   return (entries || []).map(d => {
@@ -87,22 +90,22 @@ export async function getUsageData({ since, until, agent } = {}) {
 
   let raw
   if (agent && agent !== 'all') {
-    // Per-agent command: npx ccusage claude daily --json
+    // Per-agent command shape: ccusage claude daily --json
     const agentArgs = [agent, 'daily', ...dateArgs]
-    raw = runLocal(agentArgs) ?? run(agentArgs)
+    raw = run(agentArgs)
     if (!raw) {
       // Fallback: run global and filter by metadata.agents
       const globalArgs = ['daily', ...dateArgs]
-      const g = runLocal(globalArgs) ?? run(globalArgs)
+      const g = run(globalArgs)
       if (g && Array.isArray(g.daily)) {
         raw = { daily: g.daily.filter(d => (d.metadata?.agents || []).includes(agent)) }
       }
     }
   } else {
-    raw = runLocal(['daily', ...dateArgs]) ?? run(['daily', ...dateArgs])
+    raw = run(['daily', ...dateArgs])
   }
 
-  if (!raw) return { available: false, error: 'ccusage not found — run: npm i -g ccusage' }
+  if (!raw) return { available: false, error: 'Bundled ccusage is unavailable or could not read local usage data' }
 
   const entries = normalizeEntries(raw.daily || (Array.isArray(raw) ? raw : []), agent || 'all')
   entries.sort((a, b) => (a.date < b.date ? -1 : a.date > b.date ? 1 : 0))