ai-agent-session-center 2.0.7 → 2.0.8

package/README.md

@@ -56,11 +56,10 @@ ai-agent-session-center
 ### Uninstall
 
 ```bash
-# Remove hooks and clean up config
-npx ai-agent-session-center --setup  # choose uninstall, or:
-npm run uninstall-hooks              # if installed from source
+# Remove hooks from all CLI configs
+npx ai-agent-session-center --uninstall
 
-# Remove global install
+# If installed globally
 npm uninstall -g ai-agent-session-center
 ```
 
@@ -91,6 +90,7 @@ Options:
   --no-open          Don't auto-open browser
   --debug            Enable verbose logging
   --setup            Re-run the interactive setup wizard
+  --uninstall        Remove all hooks from CLI configs and exit
 ```
 
 ## How It Works

package/bin/cli.js

@@ -14,8 +14,11 @@ const configPath = join(projectRoot, 'data', 'server-config.json');
 
 const args = process.argv.slice(2);
 const forceSetup = args.includes('--setup');
+const forceUninstall = args.includes('--uninstall');
 const isFirstRun = !existsSync(configPath);
 
+const installHooksPath = join(projectRoot, 'hooks', 'install-hooks.js');
+
 function startServer() {
   const serverArgs = args.filter(a => a !== '--setup');
   const child = spawn('tsx', [serverPath, ...serverArgs], {
@@ -25,7 +28,14 @@ function startServer() {
   child.on('exit', (code) => process.exit(code || 0));
 }
 
-if (forceSetup || isFirstRun) {
+if (forceUninstall) {
+  // Run uninstall hooks and exit
+  const uninstall = spawn('node', [installHooksPath, '--uninstall'], {
+    stdio: 'inherit',
+    cwd: projectRoot,
+  });
+  uninstall.on('exit', (code) => process.exit(code || 0));
+} else if (forceSetup || isFirstRun) {
   // Run setup wizard, then start server on success
   const setup = spawn('node', [setupPath], {
     stdio: 'inherit',

package/bin/postinstall.js

@@ -0,0 +1,100 @@
+#!/usr/bin/env node
+// Postinstall script — shows version banner and setup progress
+
+import { readFileSync, chmodSync, existsSync, readdirSync } from 'fs';
+import { join, dirname } from 'path';
+import { fileURLToPath } from 'url';
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const projectRoot = join(__dirname, '..');
+
+// ── ANSI colors ──
+const RESET = '\x1b[0m';
+const BOLD = '\x1b[1m';
+const DIM = '\x1b[2m';
+const GREEN = '\x1b[32m';
+const CYAN = '\x1b[36m';
+const YELLOW = '\x1b[33m';
+
+// ── Read version from package.json ──
+let version = 'unknown';
+try {
+  const pkg = JSON.parse(readFileSync(join(projectRoot, 'package.json'), 'utf8'));
+  version = pkg.version;
+} catch { /* ignore */ }
+
+const sleep = (ms) => new Promise(resolve => setTimeout(resolve, ms));
+
+// ── Animated progress bar ──
+async function animatedProgress(label, stepFn) {
+  const width = 30;
+  // Animate filling up
+  for (let i = 0; i <= width; i += 3) {
+    const filled = Math.min(i, width);
+    const bar = '█'.repeat(filled) + '░'.repeat(width - filled);
+    const pct = Math.round((filled / width) * 100);
+    process.stdout.write(`\r  ${DIM}${label}${RESET} ${GREEN}${bar}${RESET} ${pct}%`);
+    await sleep(20);
+  }
+  // Run the actual step
+  const result = stepFn ? stepFn() : undefined;
+  // Complete the bar
+  const bar = '█'.repeat(width);
+  process.stdout.write(`\r  ${DIM}${label}${RESET} ${GREEN}${bar}${RESET} ${GREEN}done${RESET}\n`);
+  return result;
+}
+
+// ── Banner ──
+console.log('');
+console.log(`${CYAN}╭──────────────────────────────────────────────────────╮${RESET}`);
+console.log(`${CYAN}│${RESET}  ${BOLD}AI Agent Session Center${RESET}  v${version}                     ${CYAN}│${RESET}`);
+console.log(`${CYAN}╰──────────────────────────────────────────────────────╯${RESET}`);
+console.log('');
+
+// ── Step 1: Fix native module permissions ──
+await animatedProgress('Setting up native modules...', () => {
+  if (process.platform !== 'win32') {
+    try {
+      const prebuildsDir = join(projectRoot, 'node_modules', 'node-pty', 'prebuilds');
+      if (existsSync(prebuildsDir)) {
+        const dirs = readdirSync(prebuildsDir);
+        for (const dir of dirs) {
+          const helper = join(prebuildsDir, dir, 'spawn-helper');
+          if (existsSync(helper)) {
+            chmodSync(helper, 0o755);
+          }
+        }
+      }
+    } catch { /* non-critical */ }
+  }
+});
+
+// ── Step 2: Verify dependencies ──
+const missing = await animatedProgress('Verifying dependencies...   ', () => {
+  const criticalDeps = ['express', 'ws', 'better-sqlite3', 'tsx'];
+  return criticalDeps.filter(dep =>
+    !existsSync(join(projectRoot, 'node_modules', dep))
+  );
+});
+
+// ── Step 3: Finalize ──
+await animatedProgress('Finalizing installation...  ');
+
+console.log('');
+if (missing.length > 0) {
+  console.log(`  ${YELLOW}⚠ Missing dependencies: ${missing.join(', ')}${RESET}`);
+  console.log(`  ${DIM}Run: npm install${RESET}`);
+} else {
+  console.log(`  ${GREEN}✓${RESET} All dependencies installed`);
+}
+
+console.log('');
+console.log(`  ${DIM}Start the dashboard:${RESET}`);
+console.log(`    ${BOLD}ai-agent-session-center${RESET}          ${DIM}# if installed globally${RESET}`);
+console.log(`    ${BOLD}npx ai-agent-session-center${RESET}      ${DIM}# via npx${RESET}`);
+console.log('');
+console.log(`  ${DIM}Options:${RESET}`);
+console.log(`    ${BOLD}--setup${RESET}       ${DIM}Interactive setup wizard${RESET}`);
+console.log(`    ${BOLD}--port 4444${RESET}   ${DIM}Custom port${RESET}`);
+console.log(`    ${BOLD}--uninstall${RESET}   ${DIM}Remove hooks${RESET}`);
+console.log('');

package/dist/client/assets/{AnalyticsView-KNOLEkJF.js → AnalyticsView-C9amoH0J.js}

@@ -1 +1 @@
-import{j as t,r as m,a as C}from"./index-DC-R8-cX.js";import{u as d}from"./useQuery-CbQQ30QW.js";import{m as r,R as f,B as y,C as j,X as g,Y as v,T as b,n as _,o as S}from"./Charts.module-BMDTSmVW.js";import"./with-selector-R97Q9Knv.js";async function u(e){const a=await C(e);if(!a.ok)throw new Error(`API error: ${a.status}`);return a.json()}function n(e){return e>=1e6?(e/1e6).toFixed(1)+"M":e>=1e3?(e/1e3).toFixed(1)+"K":String(e)}function N(e,a){const s=a===0?0:Math.max(0,Math.min(1,e/a)),l=Math.round(18+-18*s),i=Math.round(18+237*s),o=Math.round(42+94*s);return`rgb(${l},${i},${o})`}const p=["Mon","Tue","Wed","Thu","Fri","Sat","Sun"];function K(){const{data:e}=d({queryKey:["analytics-summary"],queryFn:()=>u("/api/db/analytics/summary"),staleTime:3e4}),{data:a}=d({queryKey:["analytics-tools"],queryFn:()=>u("/api/db/analytics/tools"),staleTime:3e4}),{data:s}=d({queryKey:["analytics-projects"],queryFn:()=>u("/api/db/analytics/projects"),staleTime:3e4}),{data:l}=d({queryKey:["analytics-heatmap"],queryFn:()=>u("/api/db/analytics/heatmap"),staleTime:3e4});return t.jsxs("div",{className:r.analyticsView,"data-testid":"analytics-view",children:[t.jsx(T,{summary:e??null}),t.jsxs("div",{className:r.analyticsGrid,children:[t.jsxs("div",{className:r.analyticsCard,children:[t.jsx("h4",{children:"Tool Usage"}),t.jsx($,{data:a??[]})]}),t.jsxs("div",{className:r.analyticsCard,children:[t.jsx("h4",{children:"Active Projects"}),t.jsx(A,{data:s??[]})]}),t.jsxs("div",{className:r.analyticsCard,style:{gridColumn:"1 / -1"},children:[t.jsx("h4",{children:"Activity Heatmap"}),t.jsx(w,{data:l??[]})]})]})]})}function T({summary:e}){const a=[{label:"Total Sessions",value:n(e?.total_sessions??0),detail:"all time"},{label:"Total Prompts",value:n(e?.total_prompts??0),detail:"all time"},{label:"Total Tool Calls",value:n(e?.total_tool_calls??0),detail:"all time"},{label:"Active Sessions",value:n(e?.active_sessions??0),detail:"currently running"},{label:"Most Used Tool",value:e?.most_used_tool?.tool_name??"N/A",detail:e?.most_used_tool?n(e.most_used_tool.count)+" calls":""},{label:"Busiest Project",value:e?.busiest_project?.name??"N/A",detail:e?.busiest_project?n(e.busiest_project.count)+" sessions":""}];return t.jsx("div",{className:r.analyticsSummary,children:a.map(s=>t.jsxs("div",{className:r.summaryStat,children:[t.jsx("div",{className:r.statLabel,children:s.label}),t.jsx("div",{className:r.statValue,children:s.value}),t.jsx("div",{className:r.statDetail,children:s.detail})]},s.label))})}function $({data:e}){const a=e.slice(0,15);return a.length===0?t.jsx(h,{message:"No tool data"}):t.jsx(f,{width:"100%",height:Math.max(200,a.length*28),children:t.jsxs(y,{data:a,layout:"vertical",margin:{top:4,right:40,bottom:4,left:100},children:[t.jsx(j,{strokeDasharray:"3 3",stroke:"rgba(255,255,255,0.04)"}),t.jsx(g,{type:"number",tick:{fill:"#8888aa",fontSize:10}}),t.jsx(v,{type:"category",dataKey:"tool_name",tick:{fill:"#8888aa",fontSize:10},width:96}),t.jsx(b,{contentStyle:{background:"#12122a",border:"1px solid #00e5ff",borderRadius:4,fontSize:11,color:"#e0e0ff"},formatter:((s,l,i)=>[`${n(s)} (${i.payload.percentage}%)`,"Calls"])}),t.jsx(_,{dataKey:"count",radius:[0,4,4,0],children:a.map((s,l)=>t.jsx(S,{fill:"#00e5ff",fillOpacity:.85},l))})]})})}function A({data:e}){const a=m.useMemo(()=>[...e].sort((s,l)=>l.session_count-s.session_count).slice(0,15),[e]);return a.length===0?t.jsx(h,{message:"No project data"}):t.jsx(f,{width:"100%",height:Math.max(200,a.length*28),children:t.jsxs(y,{data:a,layout:"vertical",margin:{top:4,right:40,bottom:4,left:120},children:[t.jsx(j,{strokeDasharray:"3 3",stroke:"rgba(255,255,255,0.04)"}),t.jsx(g,{type:"number",tick:{fill:"#8888aa",fontSize:10}}),t.jsx(v,{type:"category",dataKey:"project_name",tick:{fill:"#8888aa",fontSize:10},width:116}),t.jsx(b,{contentStyle:{background:"#12122a",border:"1px solid #00e5ff",borderRadius:4,fontSize:11,color:"#e0e0ff"},formatter:(s=>[n(s)+" sessions","Sessions"])}),t.jsx(_,{dataKey:"session_count",radius:[0,4,4,0],children:a.map((s,l)=>t.jsx(S,{fill:"#00ff88",fillOpacity:.85},l))})]})})}function w({data:e}){const{grid:a,maxVal:s}=m.useMemo(()=>{const l=new Map;let i=0;for(const o of e){const c=`${o.day_of_week}-${o.hour}`;l.set(c,o.count),o.count>i&&(i=o.count)}return{grid:l,maxVal:i}},[e]);return e.length===0?t.jsx(h,{message:"No heatmap data"}):t.jsxs("div",{style:{display:"grid",gridTemplateColumns:"40px repeat(24, 14px)",gridTemplateRows:"14px repeat(7, 14px)",gap:"2px",alignItems:"center"},children:[t.jsx("div",{}),Array.from({length:24},(l,i)=>t.jsx("div",{style:{fontSize:"9px",color:"#8888aa",textAlign:"center"},children:i},`h-${i}`)),Array.from({length:7},(l,i)=>t.jsxs(m.Fragment,{children:[t.jsx("div",{style:{fontSize:"10px",color:"#8888aa",textAlign:"right",paddingRight:"4px"},children:p[i]}),Array.from({length:24},(o,c)=>{const x=a.get(`${i}-${c}`)??0;return t.jsx("div",{className:r.heatmapCell,title:`${p[i]} ${String(c).padStart(2,"0")}:00 - ${x} events`,style:{backgroundColor:N(x,s)}},`${i}-${c}`)})]},`row-${i}`))]})}function h({message:e}){return t.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%",minHeight:"120px",color:"var(--text-dim, #555577)",fontSize:"0.85rem"},children:e})}export{K as default};
+import{j as t,r as m,a as C}from"./index-B30FiFVx.js";import{u as d}from"./useQuery-B1U9OHkP.js";import{m as r,R as f,B as y,C as j,X as g,Y as v,T as b,n as _,o as S}from"./Charts.module-C1wCgvE8.js";import"./with-selector-CjaPkL84.js";async function u(e){const a=await C(e);if(!a.ok)throw new Error(`API error: ${a.status}`);return a.json()}function n(e){return e>=1e6?(e/1e6).toFixed(1)+"M":e>=1e3?(e/1e3).toFixed(1)+"K":String(e)}function N(e,a){const s=a===0?0:Math.max(0,Math.min(1,e/a)),l=Math.round(18+-18*s),i=Math.round(18+237*s),o=Math.round(42+94*s);return`rgb(${l},${i},${o})`}const p=["Mon","Tue","Wed","Thu","Fri","Sat","Sun"];function K(){const{data:e}=d({queryKey:["analytics-summary"],queryFn:()=>u("/api/db/analytics/summary"),staleTime:3e4}),{data:a}=d({queryKey:["analytics-tools"],queryFn:()=>u("/api/db/analytics/tools"),staleTime:3e4}),{data:s}=d({queryKey:["analytics-projects"],queryFn:()=>u("/api/db/analytics/projects"),staleTime:3e4}),{data:l}=d({queryKey:["analytics-heatmap"],queryFn:()=>u("/api/db/analytics/heatmap"),staleTime:3e4});return t.jsxs("div",{className:r.analyticsView,"data-testid":"analytics-view",children:[t.jsx(T,{summary:e??null}),t.jsxs("div",{className:r.analyticsGrid,children:[t.jsxs("div",{className:r.analyticsCard,children:[t.jsx("h4",{children:"Tool Usage"}),t.jsx($,{data:a??[]})]}),t.jsxs("div",{className:r.analyticsCard,children:[t.jsx("h4",{children:"Active Projects"}),t.jsx(A,{data:s??[]})]}),t.jsxs("div",{className:r.analyticsCard,style:{gridColumn:"1 / -1"},children:[t.jsx("h4",{children:"Activity Heatmap"}),t.jsx(w,{data:l??[]})]})]})]})}function T({summary:e}){const a=[{label:"Total Sessions",value:n(e?.total_sessions??0),detail:"all time"},{label:"Total Prompts",value:n(e?.total_prompts??0),detail:"all time"},{label:"Total Tool Calls",value:n(e?.total_tool_calls??0),detail:"all time"},{label:"Active Sessions",value:n(e?.active_sessions??0),detail:"currently running"},{label:"Most Used Tool",value:e?.most_used_tool?.tool_name??"N/A",detail:e?.most_used_tool?n(e.most_used_tool.count)+" calls":""},{label:"Busiest Project",value:e?.busiest_project?.name??"N/A",detail:e?.busiest_project?n(e.busiest_project.count)+" sessions":""}];return t.jsx("div",{className:r.analyticsSummary,children:a.map(s=>t.jsxs("div",{className:r.summaryStat,children:[t.jsx("div",{className:r.statLabel,children:s.label}),t.jsx("div",{className:r.statValue,children:s.value}),t.jsx("div",{className:r.statDetail,children:s.detail})]},s.label))})}function $({data:e}){const a=e.slice(0,15);return a.length===0?t.jsx(h,{message:"No tool data"}):t.jsx(f,{width:"100%",height:Math.max(200,a.length*28),children:t.jsxs(y,{data:a,layout:"vertical",margin:{top:4,right:40,bottom:4,left:100},children:[t.jsx(j,{strokeDasharray:"3 3",stroke:"rgba(255,255,255,0.04)"}),t.jsx(g,{type:"number",tick:{fill:"#8888aa",fontSize:10}}),t.jsx(v,{type:"category",dataKey:"tool_name",tick:{fill:"#8888aa",fontSize:10},width:96}),t.jsx(b,{contentStyle:{background:"#12122a",border:"1px solid #00e5ff",borderRadius:4,fontSize:11,color:"#e0e0ff"},formatter:((s,l,i)=>[`${n(s)} (${i.payload.percentage}%)`,"Calls"])}),t.jsx(_,{dataKey:"count",radius:[0,4,4,0],children:a.map((s,l)=>t.jsx(S,{fill:"#00e5ff",fillOpacity:.85},l))})]})})}function A({data:e}){const a=m.useMemo(()=>[...e].sort((s,l)=>l.session_count-s.session_count).slice(0,15),[e]);return a.length===0?t.jsx(h,{message:"No project data"}):t.jsx(f,{width:"100%",height:Math.max(200,a.length*28),children:t.jsxs(y,{data:a,layout:"vertical",margin:{top:4,right:40,bottom:4,left:120},children:[t.jsx(j,{strokeDasharray:"3 3",stroke:"rgba(255,255,255,0.04)"}),t.jsx(g,{type:"number",tick:{fill:"#8888aa",fontSize:10}}),t.jsx(v,{type:"category",dataKey:"project_name",tick:{fill:"#8888aa",fontSize:10},width:116}),t.jsx(b,{contentStyle:{background:"#12122a",border:"1px solid #00e5ff",borderRadius:4,fontSize:11,color:"#e0e0ff"},formatter:(s=>[n(s)+" sessions","Sessions"])}),t.jsx(_,{dataKey:"session_count",radius:[0,4,4,0],children:a.map((s,l)=>t.jsx(S,{fill:"#00ff88",fillOpacity:.85},l))})]})})}function w({data:e}){const{grid:a,maxVal:s}=m.useMemo(()=>{const l=new Map;let i=0;for(const o of e){const c=`${o.day_of_week}-${o.hour}`;l.set(c,o.count),o.count>i&&(i=o.count)}return{grid:l,maxVal:i}},[e]);return e.length===0?t.jsx(h,{message:"No heatmap data"}):t.jsxs("div",{style:{display:"grid",gridTemplateColumns:"40px repeat(24, 14px)",gridTemplateRows:"14px repeat(7, 14px)",gap:"2px",alignItems:"center"},children:[t.jsx("div",{}),Array.from({length:24},(l,i)=>t.jsx("div",{style:{fontSize:"9px",color:"#8888aa",textAlign:"center"},children:i},`h-${i}`)),Array.from({length:7},(l,i)=>t.jsxs(m.Fragment,{children:[t.jsx("div",{style:{fontSize:"10px",color:"#8888aa",textAlign:"right",paddingRight:"4px"},children:p[i]}),Array.from({length:24},(o,c)=>{const x=a.get(`${i}-${c}`)??0;return t.jsx("div",{className:r.heatmapCell,title:`${p[i]} ${String(c).padStart(2,"0")}:00 - ${x} events`,style:{backgroundColor:N(x,s)}},`${i}-${c}`)})]},`row-${i}`))]})}function h({message:e}){return t.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%",minHeight:"120px",color:"var(--text-dim, #555577)",fontSize:"0.85rem"},children:e})}export{K as default};