@juliantanx/aiusage-widget 1.3.1

package/README.md

@@ -0,0 +1,79 @@
+# @juliantanx/aiusage-widget
+
+A lightweight system tray widget for [aiusage](https://github.com/juliantanx/aiusage) that shows your AI coding assistant token usage at a glance.
+
+English | [中文](./README_zh.md)
+
+## Features
+
+- **System tray integration** — lives in your system tray, click to toggle a compact stats panel.
+- **Today's token usage** — total tokens with input/output breakdown.
+- **Monthly totals** — rolling token count for the current month.
+- **Top model** — your most-used model today and its share.
+- **Dashboard launcher** — one click to open the full aiusage web dashboard.
+- **Auto-refresh** — updates every 60 seconds automatically.
+- **Cross-platform** — Windows, macOS, and Linux.
+
+## Prerequisites
+
+- [aiusage](https://github.com/juliantanx/aiusage) CLI installed and data parsed (`aiusage parse`)
+- Node.js >= 18
+
+## Install
+
+```bash
+npm install -g @juliantanx/aiusage-widget
+```
+
+## Usage
+
+```bash
+# Start the widget (runs in background, adds a tray icon)
+aiusage-widget
+```
+
+The widget reads from `~/.aiusage/cache.db`. Make sure you have run `aiusage parse` at least once so the database exists.
+
+### Running with PM2
+
+To keep the widget running after closing the terminal and auto-start on boot:
+
+```bash
+npm install -g pm2 pm2-startup
+
+pm2 start aiusage-widget -- --foreground
+pm2 save
+pm2-startup install
+```
+
+PM2 works on Windows, macOS, and Linux.
+
+**Tray interactions:**
+
+- **Left-click** — toggle the stats panel.
+- **Right-click** — context menu with Show Panel, Refresh, and Quit.
+
+**Panel actions:**
+
+- Click **Open Full Dashboard** to launch `aiusage serve` and open the web dashboard in your browser.
+
+## Build from Source
+
+```bash
+git clone https://github.com/juliantanx/aiusage.git
+cd aiusage
+pnpm install
+pnpm build
+cd packages/widget
+pnpm dev
+```
+
+## Tech Stack
+
+- **Runtime:** Electron
+- **UI:** Svelte + Vite
+- **Database:** better-sqlite3 (reads aiusage's local SQLite database)
+
+## License
+
+MIT

package/README_zh.md

@@ -0,0 +1,79 @@
+# @juliantanx/aiusage-widget
+
+一个轻量级的系统托盘小组件，用于 [aiusage](https://github.com/juliantanx/aiusage)，可以快速查看 AI 编程助手的 token 用量。
+
+[English](./README.md) | 中文
+
+## 功能
+
+- **系统托盘集成** — 常驻系统托盘，点击即可弹出简洁的统计面板。
+- **今日 token 用量** — 总 token 数及输入/输出明细。
+- **月度总量** — 当月累计 token 数。
+- **热门模型** — 今日使用最多的模型及其占比。
+- **仪表盘启动** — 一键打开完整的 aiusage Web 仪表盘。
+- **自动刷新** — 每 60 秒自动更新数据。
+- **跨平台** — 支持 Windows、macOS 和 Linux。
+
+## 前置条件
+
+- 已安装 [aiusage](https://github.com/juliantanx/aiusage) CLI 并完成数据解析（`aiusage parse`）
+- Node.js >= 18
+
+## 安装
+
+```bash
+npm install -g @juliantanx/aiusage-widget
+```
+
+## 使用
+
+```bash
+# 启动组件（后台运行，添加系统托盘图标）
+aiusage-widget
+```
+
+组件会读取 `~/.aiusage/cache.db`。请确保至少执行过一次 `aiusage parse`，使数据库文件存在。
+
+### 使用 PM2 后台运行
+
+如需关闭终端后保持组件运行，并实现开机自启：
+
+```bash
+npm install -g pm2 pm2-startup
+
+pm2 start aiusage-widget -- --foreground
+pm2 save
+pm2-startup install
+```
+
+PM2 支持 Windows、macOS 和 Linux。
+
+**托盘操作：**
+
+- **左键点击** — 切换统计面板的显示/隐藏。
+- **右键点击** — 弹出上下文菜单，包含显示面板、刷新和退出。
+
+**面板操作：**
+
+- 点击 **Open Full Dashboard** 可启动 `aiusage serve` 并在浏览器中打开 Web 仪表盘。
+
+## 从源码构建
+
+```bash
+git clone https://github.com/juliantanx/aiusage.git
+cd aiusage
+pnpm install
+pnpm build
+cd packages/widget
+pnpm dev
+```
+
+## 技术栈
+
+- **运行时：** Electron
+- **UI：** Svelte + Vite
+- **数据库：** better-sqlite3（读取 aiusage 的本地 SQLite 数据库）
+
+## 许可证
+
+MIT

package/bin/launcher.js

@@ -0,0 +1,40 @@
+#!/usr/bin/env node
+const { spawn } = require('child_process')
+const { writeFileSync, mkdirSync } from 'fs'
+const { homedir } = require('os')
+const electron = require('electron')
+const path = require('path')
+
+const foreground = process.argv.includes('--foreground')
+const aiusageDir = path.join(homedir(), '.aiusage')
+const pidPath = path.join(aiusageDir, 'widget.pid')
+
+if (foreground) {
+  // PM2 / service mode: run in foreground so the process manager can monitor it
+  const child = spawn(
+    String(electron),
+    [path.join(__dirname, '..', 'dist', 'main.js')],
+    { stdio: 'inherit' }
+  )
+  child.on('exit', (code) => process.exit(code ?? 0))
+  process.on('SIGINT', () => child.kill('SIGINT'))
+  process.on('SIGTERM', () => child.kill('SIGTERM'))
+} else {
+  // Normal mode: detach so closing the terminal doesn't kill the widget
+  const child = spawn(
+    String(electron),
+    [path.join(__dirname, '..', 'dist', 'main.js')],
+    { detached: true, stdio: 'ignore' }
+  )
+
+  if (child.pid) {
+    try {
+      mkdirSync(aiusageDir, { recursive: true })
+      writeFileSync(pidPath, String(child.pid), { encoding: 'utf-8' })
+    } catch {
+      // Non-fatal: widget still starts, deduplication just won't work
+    }
+  }
+
+  child.unref()
+}

package/dist/data.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.queryWidgetData = queryWidgetData;
+function queryWidgetData(db) {
+    const todayStart = getTodayStartMs();
+    const monthStart = getMonthStartMs();
+    const tomorrow = todayStart + 86400000;
+    const nextMonthStart = getNextMonthStartMs();
+    const todayRow = db.prepare(`
+    SELECT
+      COALESCE(SUM(input_tokens), 0) AS input,
+      COALESCE(SUM(output_tokens), 0) AS output,
+      COALESCE(SUM(cache_read_tokens + cache_write_tokens + thinking_tokens), 0) AS other
+    FROM records
+    WHERE ts >= ? AND ts < ?
+  `).get(todayStart, tomorrow);
+    const monthRow = db.prepare(`
+    SELECT COALESCE(SUM(input_tokens + output_tokens + cache_read_tokens + cache_write_tokens + thinking_tokens), 0) AS total
+    FROM records
+    WHERE ts >= ? AND ts < ?
+  `).get(monthStart, nextMonthStart);
+    const modelRows = db.prepare(`
+    SELECT
+      model,
+      SUM(input_tokens + output_tokens + cache_read_tokens + cache_write_tokens + thinking_tokens) AS tokens
+    FROM records
+    WHERE ts >= ? AND ts < ?
+    GROUP BY model
+    ORDER BY tokens DESC
+  `).all(todayStart, tomorrow);
+    let topModel = null;
+    if (modelRows.length > 0) {
+        const totalTokens = modelRows.reduce((acc, r) => acc + r.tokens, 0);
+        const top = modelRows[0];
+        topModel = {
+            name: top.model,
+            share: totalTokens > 0 ? Math.round((top.tokens / totalTokens) * 100) : 0,
+        };
+    }
+    return {
+        todayTokens: {
+            total: todayRow.input + todayRow.output + todayRow.other,
+            input: todayRow.input,
+            output: todayRow.output,
+        },
+        monthTokens: {
+            total: monthRow.total,
+        },
+        topModel,
+        lastUpdated: Date.now(),
+    };
+}
+function getTodayStartMs() {
+    const now = new Date();
+    return new Date(now.getFullYear(), now.getMonth(), now.getDate()).getTime();
+}
+function getMonthStartMs() {
+    const now = new Date();
+    return new Date(now.getFullYear(), now.getMonth(), 1).getTime();
+}
+function getNextMonthStartMs() {
+    const now = new Date();
+    return new Date(now.getFullYear(), now.getMonth() + 1, 1).getTime();
+}

package/dist/main.js

@@ -0,0 +1,200 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const electron_1 = require("electron");
+const node_path_1 = require("node:path");
+const node_fs_1 = require("node:fs");
+const node_os_1 = require("node:os");
+const node_module_1 = require("node:module");
+const data_1 = require("./data");
+const ui_1 = require("./ui");
+const nodeRequire = (0, node_module_1.createRequire)(__filename);
+const Database = nodeRequire('better-sqlite3');
+const DB_PATH = (0, node_path_1.join)((0, node_os_1.homedir)(), '.aiusage', 'cache.db');
+const PORT_FILE = (0, node_path_1.join)((0, node_os_1.homedir)(), '.aiusage', '.serve-port');
+const DASHBOARD_PORT = 3847;
+const REFRESH_INTERVAL_MS = 60000;
+let tray = null;
+let win = null;
+let db = null;
+electron_1.app.setName('aiusage Widget');
+// Prevent dock icon on macOS
+if (process.platform === 'darwin' && electron_1.app.dock) {
+    electron_1.app.dock.hide();
+}
+electron_1.app.whenReady().then(() => {
+    if ((0, node_fs_1.existsSync)(DB_PATH)) {
+        db = new Database(DB_PATH, { readonly: true });
+    }
+    createTray();
+    createWindow();
+    startAutoRefresh();
+    if ((0, ui_1.shouldShowWindowOnLaunch)(electron_1.app.isPackaged)) {
+        showWindow();
+    }
+});
+electron_1.app.on('window-all-closed', () => {
+    // Keep the app running in the tray — do not quit
+});
+electron_1.app.on('before-quit', () => {
+    db?.close();
+});
+function createTray() {
+    const icon = electron_1.nativeImage.createFromDataURL((0, ui_1.getTrayIconDataUrl)());
+    tray = new electron_1.Tray(icon);
+    tray.setToolTip('aiusage Widget');
+    // On macOS, SVG icons silently fail — use a text label as the visible entry
+    if (process.platform === 'darwin') {
+        tray.setTitle('⚡');
+    }
+    tray.on('click', () => toggleWindow());
+    tray.on('right-click', () => {
+        const menu = electron_1.Menu.buildFromTemplate([
+            { label: 'Show Panel', click: () => showWindow() },
+            { label: 'Refresh', click: () => pushDataUpdate() },
+            { type: 'separator' },
+            { label: 'Quit', click: () => { electron_1.app.exit(0); } },
+        ]);
+        tray.popUpContextMenu(menu);
+    });
+}
+function createWindow() {
+    win = new electron_1.BrowserWindow({
+        width: 320,
+        height: 300,
+        show: false,
+        frame: false,
+        resizable: false,
+        skipTaskbar: true,
+        alwaysOnTop: true,
+        transparent: true,
+        webPreferences: {
+            preload: (0, node_path_1.join)(__dirname, 'preload.js'),
+            contextIsolation: true,
+            nodeIntegration: false,
+        },
+    });
+    const rendererPath = (0, node_path_1.join)(__dirname, 'renderer', 'index.html');
+    win.loadFile(rendererPath);
+    if ((0, ui_1.shouldHideWindowOnBlur)(electron_1.app.isPackaged)) {
+        win.on('blur', () => win?.hide());
+    }
+}
+function showWindow() {
+    if (!win)
+        return;
+    // Position near tray icon
+    const trayBounds = tray.getBounds();
+    const winBounds = win.getBounds();
+    const x = Math.round(trayBounds.x + trayBounds.width / 2 - winBounds.width / 2);
+    const y = process.platform === 'darwin'
+        ? trayBounds.y + trayBounds.height + 4
+        : trayBounds.y - winBounds.height - 4;
+    win.setPosition(x, y, false);
+    win.show();
+    win.focus();
+    pushDataUpdate();
+}
+function toggleWindow() {
+    if (win?.isVisible()) {
+        win.hide();
+    }
+    else {
+        showWindow();
+    }
+}
+function pushDataUpdate() {
+    if (!win || !db)
+        return;
+    try {
+        const data = (0, data_1.queryWidgetData)(db);
+        win.webContents.send('widget:data-update', data);
+    }
+    catch {
+        // DB may not be initialized yet; silently skip
+    }
+}
+function startAutoRefresh() {
+    setInterval(() => pushDataUpdate(), REFRESH_INTERVAL_MS);
+}
+// IPC handlers
+electron_1.ipcMain.handle('widget:get-data', () => {
+    if (!db)
+        return null;
+    return (0, data_1.queryWidgetData)(db);
+});
+electron_1.ipcMain.handle('widget:open-dashboard', async () => {
+    const port = getDashboardPort();
+    const reachable = await isDashboardReachable(port);
+    if (!reachable) {
+        const result = await launchDashboard();
+        if (!result.success) {
+            electron_1.dialog.showErrorBox('aiusage Not Found', 'The aiusage CLI is not installed.\n\nInstall it with:\n  npm install -g @juliantanx/aiusage\n\nThen try again.');
+            return;
+        }
+    }
+    electron_1.shell.openExternal(`http://localhost:${getDashboardPort()}`);
+});
+electron_1.ipcMain.on('widget:hide-window', () => {
+    win?.hide();
+});
+function getDashboardPort() {
+    try {
+        if ((0, node_fs_1.existsSync)(PORT_FILE)) {
+            const port = parseInt((0, node_fs_1.readFileSync)(PORT_FILE, 'utf-8').trim(), 10);
+            if (!isNaN(port) && port > 0)
+                return port;
+        }
+    }
+    catch { }
+    return DASHBOARD_PORT;
+}
+async function isDashboardReachable(port) {
+    return new Promise((resolve) => {
+        const http = nodeRequire('http');
+        const req = http.get(`http://localhost:${port}`, (res) => {
+            res.destroy();
+            resolve(res.statusCode !== undefined && res.statusCode < 500);
+        });
+        req.on('error', () => resolve(false));
+        req.setTimeout(1000, () => { req.destroy(); resolve(false); });
+    });
+}
+async function launchDashboard() {
+    const { spawn } = nodeRequire('child_process');
+    return new Promise((resolve) => {
+        const child = spawn('aiusage', ['serve'], {
+            detached: true,
+            stdio: 'ignore',
+            shell: true,
+        });
+        let spawnError = null;
+        child.on('error', (err) => {
+            if (err.code === 'ENOENT') {
+                spawnError = 'aiusage command not found';
+            }
+            else {
+                spawnError = err.message;
+            }
+        });
+        child.unref();
+        // Wait up to 5 seconds for the server to be ready
+        let attempts = 0;
+        const check = async () => {
+            if (spawnError) {
+                resolve({ success: false, error: spawnError });
+                return;
+            }
+            if (await isDashboardReachable(getDashboardPort())) {
+                resolve({ success: true });
+                return;
+            }
+            attempts++;
+            if (attempts >= 10) {
+                resolve({ success: false, error: 'Server failed to start within 5 seconds' });
+                return;
+            }
+            setTimeout(check, 500);
+        };
+        check();
+    });
+}

package/dist/preload.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const electron_1 = require("electron");
+electron_1.contextBridge.exposeInMainWorld('widget', {
+    getData: () => electron_1.ipcRenderer.invoke('widget:get-data'),
+    openDashboard: () => electron_1.ipcRenderer.invoke('widget:open-dashboard'),
+    hideWindow: () => electron_1.ipcRenderer.send('widget:hide-window'),
+    onDataUpdate: (callback) => {
+        electron_1.ipcRenderer.removeAllListeners('widget:data-update');
+        electron_1.ipcRenderer.on('widget:data-update', (_event, data) => callback(data));
+    },
+});

package/dist/renderer/assets/index-2X4hbwJe.css

@@ -0,0 +1 @@
+.header.svelte-14gtt2i{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 10px;border-bottom:1px solid var(--border);-webkit-app-region:drag}.logo.svelte-14gtt2i{font-size:13px;font-weight:600;color:var(--text-primary);letter-spacing:.01em}.actions.svelte-14gtt2i{display:flex;gap:4px;-webkit-app-region:no-drag}.icon-btn.svelte-14gtt2i{width:24px;height:24px;border:none;border-radius:4px;background:transparent;color:var(--text-muted);cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;transition:background .1s,color .1s;padding:0}.icon-btn.svelte-14gtt2i:hover{background:var(--bg-hover);color:var(--text-primary)}.section.svelte-savwyt{padding:12px 14px;border-bottom:1px solid var(--border)}.section-label.svelte-savwyt{font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;margin-bottom:5px}.values.svelte-savwyt{display:flex;align-items:baseline;gap:8px}.primary.svelte-savwyt{font-size:16px;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.secondary.svelte-savwyt{font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums}*{box-sizing:border-box;margin:0;padding:0}body{background:transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}:root{--bg:#1a1a1f;--bg-hover:rgba(255, 255, 255, .06);--border:rgba(255, 255, 255, .08);--text-primary:#f0f0f2;--text-muted:rgba(240, 240, 242, .45);--accent:#6c8eff}@media (prefers-color-scheme: light){:root{--bg:#ffffff;--bg-hover:rgba(0, 0, 0, .05);--border:rgba(0, 0, 0, .08);--text-primary:#0f0f12;--text-muted:rgba(15, 15, 18, .45);--accent:#3b5bdb}}.panel.svelte-z2p4qk{background:var(--bg);border-radius:12px;border:1px solid var(--border);overflow:hidden;width:320px;box-shadow:0 8px 32px #0000004d,0 2px 8px #0003;transition:opacity .15s}.panel.loading.svelte-z2p4qk{opacity:.7}.footer.svelte-z2p4qk{padding:10px 14px 14px}.open-btn.svelte-z2p4qk{width:100%;padding:9px 14px;border:1px solid var(--accent);border-radius:7px;background:transparent;color:var(--accent);font-size:12px;font-weight:600;cursor:pointer;transition:background .15s;letter-spacing:.01em}.open-btn.svelte-z2p4qk:hover{background:#6c8eff1a}

package/dist/renderer/assets/index-Bb9mog0W.js

@@ -0,0 +1 @@
+var se=Object.defineProperty;var ie=(e,t,n)=>t in e?se(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;var x=(e,t,n)=>ie(e,typeof t!="symbol"?t+"":t,n);(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const r of document.querySelectorAll('link[rel="modulepreload"]'))o(r);new MutationObserver(r=>{for(const s of r)if(s.type==="childList")for(const u of s.addedNodes)u.tagName==="LINK"&&u.rel==="modulepreload"&&o(u)}).observe(document,{childList:!0,subtree:!0});function n(r){const s={};return r.integrity&&(s.integrity=r.integrity),r.referrerPolicy&&(s.referrerPolicy=r.referrerPolicy),r.crossOrigin==="use-credentials"?s.credentials="include":r.crossOrigin==="anonymous"?s.credentials="omit":s.credentials="same-origin",s}function o(r){if(r.ep)return;r.ep=!0;const s=n(r);fetch(r.href,s)}})();function w(){}function re(e){return e()}function X(){return Object.create(null)}function M(e){e.forEach(re)}function F(e){return typeof e=="function"}function Y(e,t){return e!=e?t==t:e!==t||e&&typeof e=="object"||typeof e=="function"}function le(e){return Object.keys(e).length===0}function d(e,t){e.appendChild(t)}function j(e,t,n){e.insertBefore(t,n||null)}function N(e){e.parentNode&&e.parentNode.removeChild(e)}function h(e){return document.createElement(e)}function I(e){return document.createTextNode(e)}function _(){return I(" ")}function K(e,t,n,o){return e.addEventListener(t,n,o),()=>e.removeEventListener(t,n,o)}function p(e,t,n){n==null?e.removeAttribute(t):e.getAttribute(t)!==n&&e.setAttribute(t,n)}function ue(e){return Array.from(e.childNodes)}function U(e,t){t=""+t,e.data!==t&&(e.data=t)}function Z(e,t,n){e.classList.toggle(t,!!n)}let T;function L(e){T=e}function ae(){if(!T)throw new Error("Function called outside component initialization");return T}function fe(e){ae().$$.on_mount.push(e)}const v=[],ee=[];let S=[];const te=[],ce=Promise.resolve();let V=!1;function de(){V||(V=!0,ce.then(oe))}function W(e){S.push(e)}const B=new Set;let $=0;function oe(){if($!==0)return;const e=T;do{try{for(;$<v.length;){const t=v[$];$++,L(t),me(t.$$)}}catch(t){throw v.length=0,$=0,t}for(L(null),v.length=0,$=0;ee.length;)ee.pop()();for(let t=0;t<S.length;t+=1){const n=S[t];B.has(n)||(B.add(n),n())}S.length=0}while(v.length);for(;te.length;)te.pop()();V=!1,B.clear(),L(e)}function me(e){if(e.fragment!==null){e.update(),M(e.before_update);const t=e.dirty;e.dirty=[-1],e.fragment&&e.fragment.p(e.ctx,t),e.after_update.forEach(W)}}function pe(e){const t=[],n=[];S.forEach(o=>e.indexOf(o)===-1?t.push(o):n.push(o)),n.forEach(o=>o()),S=t}const R=new Set;let he;function O(e,t){e&&e.i&&(R.delete(e),e.i(t))}function A(e,t,n,o){if(e&&e.o){if(R.has(e))return;R.add(e),he.c.push(()=>{R.delete(e)}),e.o(t)}}function D(e){e&&e.c()}function C(e,t,n){const{fragment:o,after_update:r}=e.$$;o&&o.m(t,n),W(()=>{const s=e.$$.on_mount.map(re).filter(F);e.$$.on_destroy?e.$$.on_destroy.push(...s):M(s),e.$$.on_mount=[]}),r.forEach(W)}function E(e,t){const n=e.$$;n.fragment!==null&&(pe(n.after_update),M(n.on_destroy),n.fragment&&n.fragment.d(t),n.on_destroy=n.fragment=null,n.ctx=[])}function ge(e,t){e.$$.dirty[0]===-1&&(v.push(e),de(),e.$$.dirty.fill(0)),e.$$.dirty[t/31|0]|=1<<t%31}function G(e,t,n,o,r,s,u=null,m=[-1]){const l=T;L(e);const i=e.$$={fragment:null,ctx:[],props:s,update:w,not_equal:r,bound:X(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(t.context||(l?l.$$.context:[])),callbacks:X(),dirty:m,skip_bound:!1,root:t.target||l.$$.root};u&&u(i.root);let f=!1;if(i.ctx=n?n(e,t.props||{},(a,g,...b)=>{const k=b.length?b[0]:g;return i.ctx&&r(i.ctx[a],i.ctx[a]=k)&&(!i.skip_bound&&i.bound[a]&&i.bound[a](k),f&&ge(e,a)),g}):[],i.update(),f=!0,M(i.before_update),i.fragment=o?o(i.ctx):!1,t.target){if(t.hydrate){const a=ue(t.target);i.fragment&&i.fragment.l(a),a.forEach(N)}else i.fragment&&i.fragment.c();t.intro&&O(e.$$.fragment),C(e,t.target,t.anchor),oe()}L(l)}class J{constructor(){x(this,"$$");x(this,"$$set")}$destroy(){E(this,1),this.$destroy=w}$on(t,n){if(!F(n))return w;const o=this.$$.callbacks[t]||(this.$$.callbacks[t]=[]);return o.push(n),()=>{const r=o.indexOf(n);r!==-1&&o.splice(r,1)}}$set(t){this.$$set&&!le(t)&&(this.$$.skip_bound=!0,this.$$set(t),this.$$.skip_bound=!1)}}const ye="4";typeof window<"u"&&(window.__svelte||(window.__svelte={v:new Set})).v.add(ye);function _e(e){let t,n,o,r,s,u,m,l,i;return{c(){t=h("div"),n=h("span"),n.textContent="⚡ aiusage",o=_(),r=h("div"),s=h("button"),s.textContent="↻",u=_(),m=h("button"),m.textContent="✕",p(n,"class","logo svelte-14gtt2i"),p(s,"class","icon-btn svelte-14gtt2i"),p(s,"title","Refresh"),p(m,"class","icon-btn svelte-14gtt2i"),p(m,"title","Close"),p(r,"class","actions svelte-14gtt2i"),p(t,"class","header svelte-14gtt2i")},m(f,a){j(f,t,a),d(t,n),d(t,o),d(t,r),d(r,s),d(r,u),d(r,m),l||(i=[K(s,"click",function(){F(e[0])&&e[0].apply(this,arguments)}),K(m,"click",function(){F(e[1])&&e[1].apply(this,arguments)})],l=!0)},p(f,[a]){e=f},i:w,o:w,d(f){f&&N(t),l=!1,M(i)}}}function we(e,t,n){let{onRefresh:o}=t,{onClose:r}=t;return e.$$set=s=>{"onRefresh"in s&&n(0,o=s.onRefresh),"onClose"in s&&n(1,r=s.onClose)},[o,r]}class be extends J{constructor(t){super(),G(this,t,we,_e,Y,{onRefresh:0,onClose:1})}}function ne(e){let t,n;return{c(){t=h("span"),n=I(e[2]),p(t,"class","secondary svelte-savwyt")},m(o,r){j(o,t,r),d(t,n)},p(o,r){r&4&&U(n,o[2])},d(o){o&&N(t)}}}function $e(e){let t,n,o,r,s,u,m,l,i=e[2]&&ne(e);return{c(){t=h("div"),n=h("div"),o=I(e[0]),r=_(),s=h("div"),u=h("span"),m=I(e[1]),l=_(),i&&i.c(),p(n,"class","section-label svelte-savwyt"),p(u,"class","primary svelte-savwyt"),p(s,"class","values svelte-savwyt"),p(t,"class","section svelte-savwyt")},m(f,a){j(f,t,a),d(t,n),d(n,o),d(t,r),d(t,s),d(s,u),d(u,m),d(s,l),i&&i.m(s,null)},p(f,[a]){a&1&&U(o,f[0]),a&2&&U(m,f[1]),f[2]?i?i.p(f,a):(i=ne(f),i.c(),i.m(s,null)):i&&(i.d(1),i=null)},i:w,o:w,d(f){f&&N(t),i&&i.d()}}}function ve(e,t,n){let{label:o}=t,{primary:r}=t,{secondary:s=""}=t;return e.$$set=u=>{"label"in u&&n(0,o=u.label),"primary"in u&&n(1,r=u.primary),"secondary"in u&&n(2,s=u.secondary)},[o,r,s]}class H extends J{constructor(t){super(),G(this,t,ve,$e,Y,{label:0,primary:1,secondary:2})}}function Se(e){let t,n,o,r,s,u,m,l,i,f,a,g,b,k;return n=new be({props:{onRefresh:e[6],onClose:ke}}),r=new H({props:{label:"TODAY",primary:e[5],secondary:e[4]}}),u=new H({props:{label:"THIS MONTH",primary:e[3]}}),l=new H({props:{label:"TOP MODEL",primary:e[2],secondary:e[1]}}),{c(){t=h("div"),D(n.$$.fragment),o=_(),D(r.$$.fragment),s=_(),D(u.$$.fragment),m=_(),D(l.$$.fragment),i=_(),f=h("div"),a=h("button"),a.textContent="Open Full Dashboard →",p(a,"class","open-btn svelte-z2p4qk"),p(f,"class","footer svelte-z2p4qk"),p(t,"class","panel svelte-z2p4qk"),Z(t,"loading",e[0])},m(c,y){j(c,t,y),C(n,t,null),d(t,o),C(r,t,null),d(t,s),C(u,t,null),d(t,m),C(l,t,null),d(t,i),d(t,f),d(f,a),g=!0,b||(k=K(a,"click",Oe),b=!0)},p(c,[y]){const q={};y&32&&(q.primary=c[5]),y&16&&(q.secondary=c[4]),r.$set(q);const Q={};y&8&&(Q.primary=c[3]),u.$set(Q);const z={};y&4&&(z.primary=c[2]),y&2&&(z.secondary=c[1]),l.$set(z),(!g||y&1)&&Z(t,"loading",c[0])},i(c){g||(O(n.$$.fragment,c),O(r.$$.fragment,c),O(u.$$.fragment,c),O(l.$$.fragment,c),g=!0)},o(c){A(n.$$.fragment,c),A(r.$$.fragment,c),A(u.$$.fragment,c),A(l.$$.fragment,c),g=!1},d(c){c&&N(t),E(n),E(r),E(u),E(l),b=!1,k()}}}function P(e){return e>=1e6?`${(e/1e6).toFixed(1)}M`:e>=1e3?`${(e/1e3).toFixed(1)}K`:String(e)}function ke(){window.widget.hideWindow()}async function Oe(){await window.widget.openDashboard()}function Ce(e,t,n){let o,r,s,u,m,l=null,i=!0;async function f(){n(0,i=!0),n(7,l=await window.widget.getData()),n(0,i=!1)}return fe(()=>{f(),window.widget.onDataUpdate(a=>{n(7,l=a),n(0,i=!1)})}),e.$$.update=()=>{var a;e.$$.dirty&128&&n(5,o=l?P(l.todayTokens.total):"—"),e.$$.dirty&128&&n(4,r=l?`↑${P(l.todayTokens.input)}  ↓${P(l.todayTokens.output)}`:""),e.$$.dirty&128&&n(3,s=l?P(l.monthTokens.total):"—"),e.$$.dirty&128&&n(2,u=((a=l==null?void 0:l.topModel)==null?void 0:a.name)??"—"),e.$$.dirty&128&&n(1,m=l!=null&&l.topModel?`${l.topModel.share}%`:"")},[i,m,u,s,r,o,f,l]}class Ee extends J{constructor(t){super(),G(this,t,Ce,Se,Y,{})}}new Ee({target:document.getElementById("app")});

package/dist/renderer/index.html

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'" />
+    <title>aiusage Widget</title>
+    <script type="module" crossorigin src="./assets/index-Bb9mog0W.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-2X4hbwJe.css">
+  </head>
+  <body>
+    <div id="app"></div>
+  </body>
+</html>

package/dist/ui.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.shouldShowWindowOnLaunch = shouldShowWindowOnLaunch;
+exports.shouldHideWindowOnBlur = shouldHideWindowOnBlur;
+exports.shouldHideWindowOnClose = shouldHideWindowOnClose;
+exports.getTrayIconDataUrl = getTrayIconDataUrl;
+const TRAY_ICON_SVG = `
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <rect x="1" y="1" width="14" height="14" rx="4" fill="#111827"/>
+  <path d="M8.8 2.5 4.7 8.2h2.9L7 13.5l4.3-5.9H8.4l.4-5.1Z" fill="#f8fafc"/>
+</svg>
+`.trim();
+// Pre-rendered 32x32 PNG of the same icon — Windows tray doesn't support SVG
+const TRAY_ICON_PNG_BASE64 = 'iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAyUlEQVR4nMWXMQ6DMAxFzRcX6NYu' +
+    'XTtw/6N06NqFbhyhVYYsQUkT+zt+ExLI7zsCJ4gEs7RuXq6PL0NyfF5Vz+Ip7gmCWfJabcyS1xxg' +
+    'yPf3Ux0CWqlWXoIy0SyyE5HdmwIw5OoApfx23+YGYIKopVcF2MnyoQAe8sTKKFIL1/NywiJo0ftl' +
+    'rJZioYOoxchcgJAZHUqQYMAsphnJ0MpY+wEkGDCKmHfDo3Fu95JnJyQY5AvNKli7T5yk3gfUslH8e' +
+    '8BTngj/OQ3nB+9vTnl87+2CAAAAAElFTkSuQmCC';
+function shouldShowWindowOnLaunch(isPackaged) {
+    return !isPackaged;
+}
+function shouldHideWindowOnBlur(isPackaged) {
+    return isPackaged;
+}
+function shouldHideWindowOnClose(_) {
+    return true;
+}
+function getTrayIconDataUrl() {
+    // Windows tray doesn't render SVG icons — use pre-rendered PNG
+    if (process.platform === 'win32') {
+        return `data:image/png;base64,${TRAY_ICON_PNG_BASE64}`;
+    }
+    return `data:image/svg+xml;base64,${Buffer.from(TRAY_ICON_SVG).toString('base64')}`;
+}

package/package.json

@@ -0,0 +1,62 @@
+{
+  "name": "@juliantanx/aiusage-widget",
+  "version": "1.3.1",
+  "private": false,
+  "description": "System tray widget for aiusage — view AI token usage from your system tray",
+  "keywords": [
+    "ai",
+    "aiusage",
+    "widget",
+    "system-tray",
+    "electron",
+    "token-usage"
+  ],
+  "homepage": "https://github.com/juliantanx/aiusage/tree/main/packages/widget#readme",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/juliantanx/aiusage.git",
+    "directory": "packages/widget"
+  },
+  "bugs": {
+    "url": "https://github.com/juliantanx/aiusage/issues"
+  },
+  "license": "MIT",
+  "engines": {
+    "node": ">=18"
+  },
+  "main": "dist/main.js",
+  "files": [
+    "dist",
+    "bin",
+    "README.md",
+    "README_zh.md"
+  ],
+  "bin": {
+    "aiusage-widget": "bin/launcher.js"
+  },
+  "scripts": {
+    "rebuild": "pnpm run rebuild:electron",
+    "rebuild:electron": "node -e \"const {execSync}=require('child_process'); const electronVersion=require('electron/package.json').version; const cmd='npm rebuild better-sqlite3 --runtime=electron --target=' + electronVersion + ' --dist-url=https://electronjs.org/headers'; execSync(cmd, {stdio:'inherit'})\"",
+    "rebuild:node": "npm rebuild better-sqlite3",
+    "dev": "pnpm run rebuild:electron && concurrently --names \"vite,tsc,electron\" --kill-others --success command-electron \"vite build --watch\" \"tsc -p tsconfig.json --watch\" \"pnpm exec wait-on dist/main.js && pnpm exec electron .\"",
+    "build": "rm -rf dist/renderer && vite build && tsc -p tsconfig.json",
+    "pack": "pnpm build && electron-builder",
+    "test": "pnpm run rebuild:node && vitest run"
+  },
+  "dependencies": {
+    "better-sqlite3": "^11.0.0"
+  },
+  "devDependencies": {
+    "electron": "^33.0.0",
+    "@sveltejs/vite-plugin-svelte": "^3.0.0",
+    "@types/better-sqlite3": "*",
+    "@types/node": "*",
+    "concurrently": "^8.0.0",
+    "electron-builder": "^25.0.0",
+    "svelte": "^4.0.0",
+    "typescript": "^5.0.0",
+    "vite": "^5.0.0",
+    "vitest": "^2.0.0",
+    "wait-on": "^7.0.0"
+  }
+}