aisessions 1.1.2 → 1.1.4

package/bin/cli.js

@@ -2,8 +2,13 @@
 import { createServer } from '../src/server.js'
 import { parseArgs }    from 'node:util'
 import { exec }         from 'node:child_process'
+import pc               from 'picocolors'
 
-const VERSION = '1.1.2'
+const VERSION = '1.1.4'
+const DEV_HANDLE = 's41r4j'
+const GITHUB_URL = 'https://github.com/s41r4j/aisessions'
+const ISSUE_URL = 'https://github.com/s41r4j/aisessions/issues'
+const X_URL = 'https://x.com/s41r4j'
 
 const { values } = parseArgs({
   options: {
@@ -44,9 +49,49 @@ if (values.help) {
 const PORT = parseInt(values.port, 10) || 7878
 const server = createServer()
 
+function printBanner(url) {
+  const art = [
+    '        _                           _                 ',
+    '  __ _ (_) ___  ___  ___  ___  ___(_) ___  _ __  ___ ',
+    ' / _` || |/ __|/ _ \\/ __|/ _ \\/ __| |/ _ \\| `_ \\/ __|',
+    '| (_| || |\\__ \\  __/\\__ \\  __/\\__ \\ | (_) | | | \\__ \\',
+    ' \\__,_||_||___/\\___||___/\\___||___/_|\\___/|_| |_|___/',
+  ]
+
+  console.log('')
+  art.forEach(line => console.log(pc.cyan(line)))
+  console.log('')
+  console.log(`${pc.bold('  aisessions')} ${pc.dim('v' + VERSION)} ${pc.green('ready')}`)
+  console.log(`  ${pc.dim('Local UI:')}      ${pc.underline(url)}`)
+  console.log(`  ${pc.dim('Data store:')}    ~/.aisessions/trash  ~/.aisessions/backups`)
+  console.log(`  ${pc.dim('Developer:')}     @${DEV_HANDLE}`)
+  console.log(`  ${pc.dim('GitHub:')}        ${GITHUB_URL}`)
+  console.log(`  ${pc.dim('X:')}             ${X_URL}`)
+  console.log(`  ${pc.dim('Report issue:')}  ${ISSUE_URL}`)
+  console.log('')
+}
+
+function startStatusLine(url) {
+  if (!process.stdout.isTTY) return
+  const frames = ['-', '\\\\', '|', '/']
+  let i = 0
+  const timer = setInterval(() => {
+    const frame = frames[i++ % frames.length]
+    process.stdout.write(`\\r  ${pc.cyan(frame)} ${pc.dim('running at')} ${url} ${pc.dim('Ctrl+C to stop')}   `)
+  }, 1200)
+  process.once('SIGINT', () => {
+    clearInterval(timer)
+    process.stdout.clearLine?.(0)
+    process.stdout.cursorTo?.(0)
+    console.log(pc.dim('  stopped aisessions'))
+    process.exit(0)
+  })
+}
+
 server.listen(PORT, '127.0.0.1', () => {
   const url = `http://127.0.0.1:${PORT}`
-  console.log(`\n  aisessions  ready ->  ${url}\n`)
+  printBanner(url)
+  startStatusLine(url)
 
   if (!values['no-open']) {
     const cmd = process.platform === 'darwin' ? `open "${url}"` :

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aisessions",
-  "version": "1.1.2",
+  "version": "1.1.4",
   "description": "Browse, manage and analyze your AI coding agent sessions — Claude Code, Codex, and more",
   "bin": {
     "aisessions": "bin/cli.js"
@@ -27,6 +27,7 @@
   ],
   "license": "MIT",
   "dependencies": {
-    "ccusage": "^20.0.6"
+    "ccusage": "^20.0.6",
+    "picocolors": "^1.1.1"
   }
 }

package/src/ui/css.js

@@ -373,7 +373,7 @@ html[data-theme="light"] .credit-pkg{color:rgba(24,24,20,.32)}
 .ctx-banner .ctx-label{color:var(--accent);letter-spacing:1px}
 
 /* ── USAGE PANEL ─────────────────────────────────────────────────────────────── */
-#usage-panel{overflow-y:auto;display:block;padding:0}
+#usage-panel{overflow-y:auto;padding:0}
 
 .stat-grid{
   display:grid;

package/src/ui/js.js

@@ -76,6 +76,11 @@ document.addEventListener('click', function (e) {
     if (a === 'delete-backup')  { deleteBackup(meta);   return; }
     if (a === 'view-session')   { viewSession(p);       return; }
     if (a === 'close-modal')    { closeModal();         return; }
+    if (a === 'select-all')     { selectAllSessions();  return; }
+    if (a === 'select-none')    { selectNoSessions();   return; }
+    if (a === 'toggle-group')   { toggleGrouping();     return; }
+    if (a === 'trash-selected') { trashSelected();      return; }
+    if (a === 'backup-selected'){ backupSelected();     return; }
     return;
   }
   var row = e.target.closest('.tbl-row');
@@ -305,35 +310,60 @@ function rowHtml(s) {
 }
 
 // ── TOOLBAR ───────────────────────────────────────────────────────────────────
-function wireBtn(id, fn) { var el = $(id); if (el) el.addEventListener('click', fn); }
+function selectAllSessions() {
+  filtered.forEach(function(s) { selected.add(s.path); });
+  renderSessions();
+}
+
+function selectNoSessions() {
+  selected.clear();
+  renderSessions();
+}
 
-wireBtn('btn-sel-all',  function() { filtered.forEach(function(s) { selected.add(s.path); }); renderSessions(); });
-wireBtn('btn-sel-none', function() { selected.clear(); renderSessions(); });
-wireBtn('btn-group', function() {
+function toggleGrouping() {
   grouped = !grouped;
   var el = $('btn-group');
   if (el) { el.textContent = grouped ? 'FLAT VIEW' : 'GROUP VIEW'; el.classList.toggle('active-btn', !grouped); }
-  PAGE = 0; renderSessions();
-});
+  PAGE = 0;
+  renderSessions();
+}
 
-wireBtn('btn-trash', async function() {
+async function trashSelected() {
   if (!selected.size) { toast('SELECT SESSIONS FIRST', 'err'); return; }
   if (!confirm('Move ' + selected.size + ' session(s) to trash?')) return;
   var items = buildItems(Array.from(selected));
-  var res   = await post('/api/trash/move', { items: items });
+  var res;
+  try { res = await post('/api/trash/move', { items: items }); }
+  catch (e) { toast('TRASH FAILED: ' + e.message, 'err', 5000); return; }
+  if (!Array.isArray(res)) { toast('TRASH FAILED: INVALID SERVER RESPONSE', 'err', 5000); return; }
   var ok    = res.filter(function(r) { return r.ok; }).map(function(r) { return r.path; });
+  var fail  = res.filter(function(r) { return !r.ok; });
   ok.forEach(function(p) { ALL = ALL.filter(function(s) { return s.path !== p; }); selected.delete(p); });
-  applyFilter(); toast(ok.length + ' MOVED TO TRASH', 'ok');
-  if (ok.length) switchTab('trash');
-});
-wireBtn('btn-backup', async function() {
+  applyFilter();
+  if (ok.length) {
+    toast(ok.length + ' MOVED TO TRASH' + (fail.length ? ' / ' + fail.length + ' FAILED' : ''), fail.length ? 'err' : 'ok');
+    switchTab('trash');
+  } else {
+    toast('TRASH FAILED: ' + ((fail[0] && fail[0].error) || 'NO ITEMS MOVED'), 'err', 5000);
+  }
+}
+
+async function backupSelected() {
   if (!selected.size) { toast('SELECT SESSIONS FIRST', 'err'); return; }
   var items = buildItems(Array.from(selected));
-  var res   = await post('/api/backup/create', { items: items, note: '' });
-  var ok = res.filter(function(r) { return r.ok; }).length;
-  toast(ok + ' BACKUP(S) CREATED', 'ok');
-  if (ok) switchTab('backups');
-});
+  var res;
+  try { res = await post('/api/backup/create', { items: items, note: '' }); }
+  catch (e) { toast('BACKUP FAILED: ' + e.message, 'err', 5000); return; }
+  if (!Array.isArray(res)) { toast('BACKUP FAILED: INVALID SERVER RESPONSE', 'err', 5000); return; }
+  var ok = res.filter(function(r) { return r.ok; });
+  var fail = res.filter(function(r) { return !r.ok; });
+  if (ok.length) {
+    toast(ok.length + ' BACKUP(S) CREATED' + (fail.length ? ' / ' + fail.length + ' FAILED' : ''), fail.length ? 'err' : 'ok');
+    switchTab('backups');
+  } else {
+    toast('BACKUP FAILED: ' + ((fail[0] && fail[0].error) || 'NO BACKUPS CREATED'), 'err', 5000);
+  }
+}
 
 // Enrich paths with session metadata for storage
 function buildItems(paths) {
@@ -369,7 +399,10 @@ document.querySelectorAll('.tab').forEach(function(t) {
 async function trashOne(path) {
   if (!path || !confirm('Move to trash?')) return;
   var items = buildItems([path]);
-  var res   = await post('/api/trash/move', { items: items });
+  var res;
+  try { res = await post('/api/trash/move', { items: items }); }
+  catch (e) { toast('ERROR: ' + e.message, 'err', 5000); return; }
+  if (!Array.isArray(res)) { toast('ERROR: INVALID SERVER RESPONSE', 'err', 5000); return; }
   if (res[0] && res[0].ok) {
     ALL = ALL.filter(function(s) { return s.path !== path; }); selected.delete(path);
     applyFilter(); toast('MOVED TO TRASH', 'ok'); switchTab('trash');
@@ -378,7 +411,10 @@ async function trashOne(path) {
 async function backupOne(path) {
   if (!path) return;
   var items = buildItems([path]);
-  var res   = await post('/api/backup/create', { items: items, note: '' });
+  var res;
+  try { res = await post('/api/backup/create', { items: items, note: '' }); }
+  catch (e) { toast('ERROR: ' + e.message, 'err', 5000); return; }
+  if (!Array.isArray(res)) { toast('ERROR: INVALID SERVER RESPONSE', 'err', 5000); return; }
   if (res[0] && res[0].ok) { toast('BACKUP CREATED', 'ok'); switchTab('backups'); }
   else toast('ERROR: ' + ((res[0] && res[0].error) || '?'), 'err');
 }

package/src/ui/render.js

@@ -65,7 +65,7 @@ export function renderPage() {
             <span>X.com</span>
           </a>
         </div>
-        <div class="credit-pkg">aisessions v1.1.2</div>
+        <div class="credit-pkg">aisessions v1.1.4</div>
       </div>
     </nav>
 
@@ -86,14 +86,14 @@ export function renderPage() {
         <!-- ── Sessions ── -->
         <div id="sessions-panel" class="panel active">
           <div id="toolbar">
-            <button class="btn" id="btn-sel-all">SELECT ALL</button>
-            <button class="btn" id="btn-sel-none">DESELECT</button>
-            <button class="btn" id="btn-group">FLAT VIEW</button>
+            <button class="btn" id="btn-sel-all" data-action="select-all">SELECT ALL</button>
+            <button class="btn" id="btn-sel-none" data-action="select-none">DESELECT</button>
+            <button class="btn" id="btn-group" data-action="toggle-group">FLAT VIEW</button>
             <span class="spacer"></span>
             <span id="sel-info">...</span>
             <span class="spacer"></span>
-            <button class="btn success" id="btn-backup">BACKUP SEL</button>
-            <button class="btn danger"  id="btn-trash">TRASH SEL</button>
+            <button class="btn success" id="btn-backup" data-action="backup-selected">BACKUP SEL</button>
+            <button class="btn danger"  id="btn-trash" data-action="trash-selected">TRASH SEL</button>
           </div>
           <div id="tbl-wrap">
             <div class="tbl-hdr">
@@ -125,7 +125,7 @@ export function renderPage() {
 
   <!-- FOOTER -->
   <footer id="foot">
-    <span>AISESSIONS v1.1.2</span>
+    <span>AISESSIONS v1.1.4</span>
     <span>&nbsp;|&nbsp;</span>
     <span id="foot-info">LOADING...</span>
   </footer>