@plexor-dev/claude-code-plugin 0.1.0-beta.8 → 0.1.0-beta.9

package/commands/plexor-status.js

@@ -2,7 +2,7 @@
 
 /**
  * Plexor Status Command
- * Displays formatted status with usage statistics
+ * Displays formatted status with usage statistics and ANSI colors
  */
 
 const fs = require('fs');
@@ -11,6 +11,24 @@ const https = require('https');
 
 const CONFIG_PATH = path.join(process.env.HOME, '.plexor', 'config.json');
 
+// ANSI color codes
+const c = {
+  reset: '\x1b[0m',
+  bold: '\x1b[1m',
+  dim: '\x1b[2m',
+  green: '\x1b[32m',
+  yellow: '\x1b[33m',
+  blue: '\x1b[34m',
+  magenta: '\x1b[35m',
+  cyan: '\x1b[36m',
+  white: '\x1b[37m',
+  gray: '\x1b[90m',
+  bgBlue: '\x1b[44m',
+  bgGreen: '\x1b[42m',
+  bgYellow: '\x1b[43m',
+  bgGray: '\x1b[100m',
+};
+
 async function main() {
   // Read config
   let config;
@@ -18,7 +36,7 @@ async function main() {
     const data = fs.readFileSync(CONFIG_PATH, 'utf8');
     config = JSON.parse(data);
   } catch (err) {
-    console.log('Not configured. Run /plexor-login first.');
+    console.log(`${c.yellow}Not configured.${c.reset} Run ${c.cyan}/plexor-login${c.reset} first.`);
     process.exit(1);
   }
 
@@ -30,7 +48,7 @@ async function main() {
   const apiUrl = config.settings?.apiUrl || 'https://api.plexor.dev';
 
   if (!apiKey) {
-    console.log('Not authenticated. Run /plexor-login first.');
+    console.log(`${c.yellow}Not authenticated.${c.reset} Run ${c.cyan}/plexor-login${c.reset} first.`);
     process.exit(1);
   }
 
@@ -49,9 +67,9 @@ async function main() {
 
   // Extract data
   const email = user.email || 'Unknown';
-  const tierName = user.tier?.name || 'Free';
-  const monthlyOpts = user.tier?.limits?.monthly_optimizations || '∞';
-  const monthlyComps = user.tier?.limits?.monthly_completions || '∞';
+  const tierName = (user.tier?.name || 'Free').charAt(0).toUpperCase() + (user.tier?.name || 'free').slice(1);
+  const monthlyOpts = user.tier?.limits?.monthly_optimizations || 10000;
+  const monthlyComps = user.tier?.limits?.monthly_completions || 100000;
 
   const period = stats.period || {};
   const summary = stats.summary || {};
@@ -68,49 +86,68 @@ async function main() {
   const formatPct = (n) => (n || 0).toFixed(1);
   const formatCost = (n) => (n || 0).toFixed(2);
 
-  const status = enabled ? '● Active' : '○ Inactive';
-  const optEnabled = enabled ? 'Enabled' : 'Disabled';
-  const cacheEnabled = localCache ? 'Enabled' : 'Disabled';
+  // Calculate usage percentages for progress bars
+  const optsUsed = summary.total_optimizations || 0;
+  const compsUsed = summary.total_completions || 0;
+  const optsPct = Math.min((optsUsed / monthlyOpts) * 100, 100);
+  const compsPct = Math.min((compsUsed / monthlyComps) * 100, 100);
+
+  // Progress bar renderer
+  const progressBar = (pct, width = 30) => {
+    const filled = Math.round((pct / 100) * width);
+    const empty = width - filled;
+    const color = pct < 50 ? c.bgBlue : pct < 80 ? c.bgYellow : c.bgGreen;
+    return `${color}${' '.repeat(filled)}${c.reset}${c.bgGray}${' '.repeat(empty)}${c.reset}`;
+  };
+
+  const status = enabled ? `${c.green}● Active${c.reset}` : `${c.gray}○ Inactive${c.reset}`;
+  const optStatus = enabled ? `${c.green}Enabled${c.reset}` : `${c.gray}Disabled${c.reset}`;
+  const cacheStatus = localCache ? `${c.green}Enabled${c.reset}` : `${c.gray}Disabled${c.reset}`;
   const cacheRate = formatPct((summary.cache_hit_rate || 0) * 100);
 
   // Build dashboard URL
   const dashboardUrl = apiUrl.replace('.api.', '.').replace('/api', '') + '/dashboard.html';
 
-  // Output formatted status - each line is exactly 43 chars inner width
-  const line = (content) => `  │  ${content.padEnd(43)}│`;
+  // Savings highlight
+  const savingsPct = summary.cost_saved_percent || 0;
+  const savingsColor = savingsPct > 50 ? c.green : savingsPct > 20 ? c.yellow : c.white;
 
   console.log(`
-  ┌─────────────────────────────────────────────┐
-${line('Plexor Status')}
-  ├─────────────────────────────────────────────┤
-${line(`Account: ${tierName}`)}
-${line(`Email: ${email}`)}
-${line(`Status: ${status}`)}
-  ├─────────────────────────────────────────────┤
-${line(`This Week (${weekRange})`)}
-${line(`├── Requests: ${formatNum(summary.total_requests)}`)}
-${line(`├── Original tokens: ${formatNum(summary.original_tokens)}`)}
-${line(`├── Optimized tokens: ${formatNum(summary.optimized_tokens)}`)}
-${line(`├── Tokens saved: ${formatNum(summary.tokens_saved)} (${formatPct(summary.tokens_saved_percent)}%)`)}
-${line(`├── Baseline cost: $${formatCost(summary.baseline_cost)}`)}
-${line(`├── Actual cost: $${formatCost(summary.total_cost)}`)}
-${line(`└── Cost saved: $${formatCost(summary.cost_saved)} (${formatPct(summary.cost_saved_percent)}%)`)}
-  ├─────────────────────────────────────────────┤
-${line('Performance')}
-${line(`└── Cache hit rate: ${cacheRate}%`)}
-  ├─────────────────────────────────────────────┤
-${line('Limits')}
-${line(`├── Monthly optimizations: ${formatNum(monthlyOpts)}`)}
-${line(`└── Monthly completions: ${formatNum(monthlyComps)}`)}
-  ├─────────────────────────────────────────────┤
-${line('Settings')}
-${line(`├── Optimization: ${optEnabled}`)}
-${line(`├── Local cache: ${cacheEnabled}`)}
-${line(`├── Mode: ${mode}`)}
-${line(`└── Provider routing: ${provider}`)}
-  └─────────────────────────────────────────────┘
-
-  Dashboard: ${dashboardUrl}
+${c.bold}${c.cyan}Plexor Status${c.reset}
+
+${c.bold}Account${c.reset}
+  ${c.gray}Tier:${c.reset}   ${c.cyan}${tierName}${c.reset}
+  ${c.gray}Email:${c.reset}  ${email}
+  ${c.gray}Status:${c.reset} ${status}
+
+${c.bold}This Week${c.reset} ${c.dim}(${weekRange})${c.reset}
+  ${c.gray}Requests:${c.reset}         ${formatNum(summary.total_requests)}
+  ${c.gray}Original tokens:${c.reset}  ${formatNum(summary.original_tokens)}
+  ${c.gray}Optimized tokens:${c.reset} ${formatNum(summary.optimized_tokens)}
+  ${c.gray}Tokens saved:${c.reset}     ${c.green}${formatNum(summary.tokens_saved)}${c.reset} ${c.dim}(${formatPct(summary.tokens_saved_percent)}%)${c.reset}
+  ${c.gray}Baseline cost:${c.reset}    $${formatCost(summary.baseline_cost)}
+  ${c.gray}Actual cost:${c.reset}      $${formatCost(summary.total_cost)}
+  ${c.gray}Cost saved:${c.reset}       ${savingsColor}$${formatCost(summary.cost_saved)}${c.reset} ${c.dim}(${formatPct(savingsPct)}%)${c.reset}
+
+${c.bold}Usage Limits${c.reset}
+  ${c.gray}Optimizations${c.reset}
+  ${progressBar(optsPct)} ${formatPct(optsPct)}% used
+  ${c.dim}${formatNum(optsUsed)} / ${formatNum(monthlyOpts)} this month${c.reset}
+
+  ${c.gray}Completions${c.reset}
+  ${progressBar(compsPct)} ${formatPct(compsPct)}% used
+  ${c.dim}${formatNum(compsUsed)} / ${formatNum(monthlyComps)} this month${c.reset}
+
+${c.bold}Performance${c.reset}
+  ${c.gray}Cache hit rate:${c.reset} ${cacheRate}%
+
+${c.bold}Settings${c.reset}
+  ${c.gray}Optimization:${c.reset}     ${optStatus}
+  ${c.gray}Local cache:${c.reset}      ${cacheStatus}
+  ${c.gray}Mode:${c.reset}             ${c.cyan}${mode}${c.reset}
+  ${c.gray}Provider routing:${c.reset} ${c.cyan}${provider}${c.reset}
+
+${c.dim}Dashboard:${c.reset} ${c.blue}${dashboardUrl}${c.reset}
 `);
 }
 
@@ -150,6 +187,6 @@ function fetchJson(apiUrl, endpoint, apiKey) {
 }
 
 main().catch(err => {
-  console.error('Error:', err.message);
+  console.error(`${c.red}Error:${c.reset} ${err.message}`);
   process.exit(1);
 });

package/commands/plexor-status.md

@@ -4,14 +4,21 @@ description: Show Plexor optimization statistics and savings (user)
 
 # Plexor Status
 
-Show current Plexor proxy status, configuration, and usage statistics.
+Display Plexor optimization statistics with colors and progress bars.
 
 ## Instructions
 
-Run the plexor-status script and display its output directly to the user:
+Run the status script and show its output:
 
 ```bash
 node ~/.claude/plugins/plexor/commands/plexor-status.js
 ```
 
-Do not add any additional commentary - just show the script output.
+The script outputs colored terminal UI with:
+- Account info and status
+- Weekly usage statistics
+- Progress bars for usage limits
+- Cost savings breakdown
+- Current settings
+
+Do not add commentary - the script output is the complete response.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plexor-dev/claude-code-plugin",
-  "version": "0.1.0-beta.8",
+  "version": "0.1.0-beta.9",
   "description": "LLM cost optimization plugin for Claude Code - Save up to 90% on AI costs",
   "main": "lib/constants.js",
   "scripts": {