@juliantanx/aiusage-widget 1.3.1 → 1.3.3

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 juliantanx
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,79 +1,81 @@
-# @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
+# @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 >= 20
+
+## 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
+
+# Start aiusage server + widget as background services
+aiusage pm2-start
+
+# Linux / macOS: run directly; Windows: run the output command as Administrator
+pm2 startup
+```
+
+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

@@ -1,79 +1,81 @@
-# @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
+# @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 >= 20
+
+## 安装
+
+```bash
+npm install -g @juliantanx/aiusage-widget
+```
+
+## 使用
+
+```bash
+# 启动组件（后台运行，添加系统托盘图标）
+aiusage-widget
+```
+
+组件会读取 `~/.aiusage/cache.db`。请确保至少执行过一次 `aiusage parse`，使数据库文件存在。
+
+### 使用 PM2 后台运行
+
+如需关闭终端后保持组件运行，并实现开机自启：
+
+```bash
+npm install -g pm2
+
+# 一条命令启动 aiusage 服务 + 托盘组件为后台服务
+aiusage pm2-start
+
+# Linux / macOS: 直接执行；Windows: 以管理员身份执行输出的命令
+pm2 startup
+```
+
+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

@@ -1,40 +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()
-}
+#!/usr/bin/env node
+const { spawn } = require('child_process')
+const { writeFileSync, mkdirSync } = require('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/bin/prepare-native.js

@@ -0,0 +1,43 @@
+#!/usr/bin/env node
+const { copyFileSync, mkdirSync } = require('node:fs')
+const { dirname, join } = require('node:path')
+const { execFileSync } = require('node:child_process')
+const { rebuild } = require('@electron/rebuild')
+
+const widgetRoot = join(__dirname, '..')
+const nativeSource = join(
+  dirname(require.resolve('better-sqlite3/package.json')),
+  'build',
+  'Release',
+  'better_sqlite3.node'
+)
+const nativeDir = join(widgetRoot, 'dist', 'native')
+const nativeTarget = join(nativeDir, 'better_sqlite3.node')
+
+async function main() {
+  const electronVersion = require('electron/package.json').version
+
+  await rebuild({
+    buildPath: widgetRoot,
+    electronVersion,
+    onlyModules: ['better-sqlite3'],
+    force: true,
+  })
+
+  mkdirSync(nativeDir, { recursive: true })
+  copyFileSync(nativeSource, nativeTarget)
+
+  if (process.platform === 'darwin') {
+    execFileSync('codesign', ['--force', '--sign', '-', nativeTarget], { stdio: 'inherit' })
+  }
+
+  execFileSync('npm', ['run', 'install'], {
+    cwd: dirname(require.resolve('better-sqlite3/package.json')),
+    stdio: 'inherit',
+  })
+}
+
+main().catch((error) => {
+  console.error(error)
+  process.exit(1)
+})

package/dist/data.js

@@ -6,27 +6,27 @@ function queryWidgetData(db) {
     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 < ?
+    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 < ?
+    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
+    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) {

package/dist/main.js

@@ -23,7 +23,10 @@ if (process.platform === 'darwin' && electron_1.app.dock) {
 }
 electron_1.app.whenReady().then(() => {
     if ((0, node_fs_1.existsSync)(DB_PATH)) {
-        db = new Database(DB_PATH, { readonly: true });
+        db = new Database(DB_PATH, {
+            readonly: true,
+            nativeBinding: (0, ui_1.getWidgetNativeBindingPath)(__dirname),
+        });
     }
     createTray();
     createWindow();
@@ -39,13 +42,10 @@ electron_1.app.on('before-quit', () => {
     db?.close();
 });
 function createTray() {
-    const icon = electron_1.nativeImage.createFromDataURL((0, ui_1.getTrayIconDataUrl)());
+    const { buffer, scaleFactor } = (0, ui_1.getTrayIconNativeImage)();
+    const icon = electron_1.nativeImage.createFromBuffer(buffer, scaleFactor ? { scaleFactor } : undefined);
     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([
@@ -85,10 +85,13 @@ function showWindow() {
     // 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;
+    const displayBounds = electron_1.screen.getDisplayNearestPoint({ x: trayBounds.x, y: trayBounds.y }).workArea;
+    const { x, y } = (0, ui_1.getWindowPosition)({
+        platform: process.platform,
+        trayBounds,
+        windowBounds: winBounds,
+        displayBounds,
+    });
     win.setPosition(x, y, false);
     win.show();
     win.focus();
@@ -156,7 +159,8 @@ async function isDashboardReachable(port) {
             resolve(res.statusCode !== undefined && res.statusCode < 500);
         });
         req.on('error', () => resolve(false));
-        req.setTimeout(1000, () => { req.destroy(); resolve(false); });
+        // 200ms is plenty for localhost; 1000ms caused each poll to block for 1s
+        req.setTimeout(200, () => { req.destroy(); resolve(false); });
     });
 }
 async function launchDashboard() {
@@ -167,21 +171,20 @@ async function launchDashboard() {
             stdio: 'ignore',
             shell: true,
         });
-        let spawnError = null;
-        child.on('error', (err) => {
-            if (err.code === 'ENOENT') {
-                spawnError = 'aiusage command not found';
-            }
-            else {
-                spawnError = err.message;
-            }
+        let failed = false;
+        child.on('error', () => { failed = true; });
+        // shell:true suppresses ENOENT on the error event — the shell itself spawns fine
+        // but exits immediately (code 127) when the command isn't found. Detect that here.
+        child.on('close', (code) => {
+            if (code !== 0)
+                failed = true;
         });
         child.unref();
-        // Wait up to 5 seconds for the server to be ready
+        // Poll up to 5s (25 × 200ms) for the server to become reachable
         let attempts = 0;
         const check = async () => {
-            if (spawnError) {
-                resolve({ success: false, error: spawnError });
+            if (failed) {
+                resolve({ success: false, error: 'aiusage command not found' });
                 return;
             }
             if (await isDashboardReachable(getDashboardPort())) {
@@ -189,11 +192,11 @@ async function launchDashboard() {
                 return;
             }
             attempts++;
-            if (attempts >= 10) {
+            if (attempts >= 25) {
                 resolve({ success: false, error: 'Server failed to start within 5 seconds' });
                 return;
             }
-            setTimeout(check, 500);
+            setTimeout(check, 200);
         };
         check();
     });

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

@@ -0,0 +1,2 @@
+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 z=(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 f of s.addedNodes)f.tagName==="LINK"&&f.rel==="modulepreload"&&o(f)}).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 T(e){e.forEach(re)}function R(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 I(e,t,n){e.insertBefore(t,n||null)}function M(e){e.parentNode&&e.parentNode.removeChild(e)}function g(e){return document.createElement(e)}function F(e){return document.createTextNode(e)}function _(){return F(" ")}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 fe(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 L;function x(e){L=e}function ce(){if(!L)throw new Error("Function called outside component initialization");return L}function ue(e){ce().$$.on_mount.push(e)}const $=[],ee=[];let k=[];const te=[],ae=Promise.resolve();let V=!1;function de(){V||(V=!0,ae.then(oe))}function W(e){k.push(e)}const B=new Set;let v=0;function oe(){if(v!==0)return;const e=L;do{try{for(;v<$.length;){const t=$[v];v++,x(t),he(t.$$)}}catch(t){throw $.length=0,v=0,t}for(x(null),$.length=0,v=0;ee.length;)ee.pop()();for(let t=0;t<k.length;t+=1){const n=k[t];B.has(n)||(B.add(n),n())}k.length=0}while($.length);for(;te.length;)te.pop()();V=!1,B.clear(),x(e)}function he(e){if(e.fragment!==null){e.update(),T(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=[];k.forEach(o=>e.indexOf(o)===-1?t.push(o):n.push(o)),n.forEach(o=>o()),k=t}const P=new Set;let ge;function O(e,t){e&&e.i&&(P.delete(e),e.i(t))}function N(e,t,n,o){if(e&&e.o){if(P.has(e))return;P.add(e),ge.c.push(()=>{P.delete(e)}),e.o(t)}}function A(e){e&&e.c()}function E(e,t,n){const{fragment:o,after_update:r}=e.$$;o&&o.m(t,n),W(()=>{const s=e.$$.on_mount.map(re).filter(R);e.$$.on_destroy?e.$$.on_destroy.push(...s):T(s),e.$$.on_mount=[]}),r.forEach(W)}function C(e,t){const n=e.$$;n.fragment!==null&&(pe(n.after_update),T(n.on_destroy),n.fragment&&n.fragment.d(t),n.on_destroy=n.fragment=null,n.ctx=[])}function me(e,t){e.$$.dirty[0]===-1&&($.push(e),de(),e.$$.dirty.fill(0)),e.$$.dirty[t/31|0]|=1<<t%31}function G(e,t,n,o,r,s,f=null,h=[-1]){const l=L;x(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:h,skip_bound:!1,root:t.target||l.$$.root};f&&f(i.root);let u=!1;if(i.ctx=n?n(e,t.props||{},(c,m,...b)=>{const S=b.length?b[0]:m;return i.ctx&&r(i.ctx[c],i.ctx[c]=S)&&(!i.skip_bound&&i.bound[c]&&i.bound[c](S),u&&me(e,c)),m}):[],i.update(),u=!0,T(i.before_update),i.fragment=o?o(i.ctx):!1,t.target){if(t.hydrate){const c=fe(t.target);i.fragment&&i.fragment.l(c),c.forEach(M)}else i.fragment&&i.fragment.c();t.intro&&O(e.$$.fragment),E(e,t.target,t.anchor),oe()}x(l)}class J{constructor(){z(this,"$$");z(this,"$$set")}$destroy(){C(this,1),this.$destroy=w}$on(t,n){if(!R(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,f,h,l,i;return{c(){t=g("div"),n=g("span"),n.innerHTML=`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 64 64" style="display:block;border-radius:4px"><rect width="64" height="64" rx="14" fill="#0d9488"></rect><rect x="10" y="38" width="12" height="16" rx="3" fill="white"></rect><rect x="26" y="26" width="12" height="28" rx="3" fill="white"></rect><rect x="42" y="14" width="12" height="40" rx="3" fill="white"></rect></svg>
+    aiusage`,o=_(),r=g("div"),s=g("button"),s.textContent="↻",f=_(),h=g("button"),h.textContent="✕",p(n,"class","logo svelte-soepgf"),p(s,"class","icon-btn svelte-soepgf"),p(s,"title","Refresh"),p(h,"class","icon-btn svelte-soepgf"),p(h,"title","Close"),p(r,"class","actions svelte-soepgf"),p(t,"class","header svelte-soepgf")},m(u,c){I(u,t,c),d(t,n),d(t,o),d(t,r),d(r,s),d(r,f),d(r,h),l||(i=[K(s,"click",function(){R(e[0])&&e[0].apply(this,arguments)}),K(h,"click",function(){R(e[1])&&e[1].apply(this,arguments)})],l=!0)},p(u,[c]){e=u},i:w,o:w,d(u){u&&M(t),l=!1,T(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=g("span"),n=F(e[2]),p(t,"class","secondary svelte-savwyt")},m(o,r){I(o,t,r),d(t,n)},p(o,r){r&4&&U(n,o[2])},d(o){o&&M(t)}}}function ve(e){let t,n,o,r,s,f,h,l,i=e[2]&&ne(e);return{c(){t=g("div"),n=g("div"),o=F(e[0]),r=_(),s=g("div"),f=g("span"),h=F(e[1]),l=_(),i&&i.c(),p(n,"class","section-label svelte-savwyt"),p(f,"class","primary svelte-savwyt"),p(s,"class","values svelte-savwyt"),p(t,"class","section svelte-savwyt")},m(u,c){I(u,t,c),d(t,n),d(n,o),d(t,r),d(t,s),d(s,f),d(f,h),d(s,l),i&&i.m(s,null)},p(u,[c]){c&1&&U(o,u[0]),c&2&&U(h,u[1]),u[2]?i?i.p(u,c):(i=ne(u),i.c(),i.m(s,null)):i&&(i.d(1),i=null)},i:w,o:w,d(u){u&&M(t),i&&i.d()}}}function $e(e,t,n){let{label:o}=t,{primary:r}=t,{secondary:s=""}=t;return e.$$set=f=>{"label"in f&&n(0,o=f.label),"primary"in f&&n(1,r=f.primary),"secondary"in f&&n(2,s=f.secondary)},[o,r,s]}class H extends J{constructor(t){super(),G(this,t,$e,ve,Y,{label:0,primary:1,secondary:2})}}function ke(e){let t,n,o,r,s,f,h,l,i,u,c,m,b,S;return n=new be({props:{onRefresh:e[6],onClose:Se}}),r=new H({props:{label:"TODAY",primary:e[5],secondary:e[4]}}),f=new H({props:{label:"THIS MONTH",primary:e[3]}}),l=new H({props:{label:"TOP MODEL",primary:e[2],secondary:e[1]}}),{c(){t=g("div"),A(n.$$.fragment),o=_(),A(r.$$.fragment),s=_(),A(f.$$.fragment),h=_(),A(l.$$.fragment),i=_(),u=g("div"),c=g("button"),c.textContent="Open Full Dashboard →",p(c,"class","open-btn svelte-z2p4qk"),p(u,"class","footer svelte-z2p4qk"),p(t,"class","panel svelte-z2p4qk"),Z(t,"loading",e[0])},m(a,y){I(a,t,y),E(n,t,null),d(t,o),E(r,t,null),d(t,s),E(f,t,null),d(t,h),E(l,t,null),d(t,i),d(t,u),d(u,c),m=!0,b||(S=K(c,"click",Oe),b=!0)},p(a,[y]){const j={};y&32&&(j.primary=a[5]),y&16&&(j.secondary=a[4]),r.$set(j);const Q={};y&8&&(Q.primary=a[3]),f.$set(Q);const q={};y&4&&(q.primary=a[2]),y&2&&(q.secondary=a[1]),l.$set(q),(!m||y&1)&&Z(t,"loading",a[0])},i(a){m||(O(n.$$.fragment,a),O(r.$$.fragment,a),O(f.$$.fragment,a),O(l.$$.fragment,a),m=!0)},o(a){N(n.$$.fragment,a),N(r.$$.fragment,a),N(f.$$.fragment,a),N(l.$$.fragment,a),m=!1},d(a){a&&M(t),C(n),C(r),C(f),C(l),b=!1,S()}}}function D(e){return e>=1e6?`${(e/1e6).toFixed(1)}M`:e>=1e3?`${(e/1e3).toFixed(1)}K`:String(e)}function Se(){window.widget.hideWindow()}async function Oe(){await window.widget.openDashboard()}function Ee(e,t,n){let o,r,s,f,h,l=null,i=!0;async function u(){n(0,i=!0),n(7,l=await window.widget.getData()),n(0,i=!1)}return ue(()=>{u(),window.widget.onDataUpdate(c=>{n(7,l=c),n(0,i=!1)})}),e.$$.update=()=>{var c;e.$$.dirty&128&&n(5,o=l?D(l.todayTokens.total):"—"),e.$$.dirty&128&&n(4,r=l?`↑${D(l.todayTokens.input)}  ↓${D(l.todayTokens.output)}`:""),e.$$.dirty&128&&n(3,s=l?D(l.monthTokens.total):"—"),e.$$.dirty&128&&n(2,f=((c=l==null?void 0:l.topModel)==null?void 0:c.name)??"—"),e.$$.dirty&128&&n(1,h=l!=null&&l.topModel?`${l.topModel.share}%`:"")},[i,h,f,s,r,o,u,l]}class Ce extends J{constructor(t){super(),G(this,t,Ee,ke,Y,{})}}new Ce({target:document.getElementById("app")});

package/dist/renderer/assets/index-D6oVYB8t.css

@@ -0,0 +1 @@
+.header.svelte-soepgf{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-soepgf{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text-primary);letter-spacing:.01em}.actions.svelte-soepgf{display:flex;gap:4px;-webkit-app-region:no-drag}.icon-btn.svelte-soepgf{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-soepgf: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/index.html

@@ -1,14 +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>
+<!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-CArY3S1D.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-D6oVYB8t.css">
+  </head>
+  <body>
+    <div id="app"></div>
+  </body>
+</html>

package/dist/ui.js

@@ -3,19 +3,26 @@ 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';
+exports.getWindowPosition = getWindowPosition;
+exports.getWidgetNativeBindingPath = getWidgetNativeBindingPath;
+exports.getTrayIconNativeImage = getTrayIconNativeImage;
+const node_path_1 = require("node:path");
+// macOS: 32x32 PNG rendered at @2x — displayed as 16x16 logical on Retina via scaleFactor:2
+const TRAY_ICON_PNG_MAC_BASE64 = 'iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAsklEQVR4nO2XQQ7EIAhFuQBX8HQe' +
+    'hu7Z9U6z8TZu2jSxjekwYxpUuoCEjRr+EzEBgMqQKSDTgkwJmTIybZ08l5hH7ACSIVPsLPoPJkri' +
+    'o4XvHuu0z7i5lIkA5V1mi5++QCkOK4AERum/ngFGBF7TZ7vbsSadHQLwyxzAAboBtKp8OEBLwAEc' +
+    'QA2grXI1gFbAARzgKcBXSzYRIItNaesbavcrT69oy20HE/PR7BXDqeV4vgPnux87hsqGswAAAABJ' +
+    'RU5ErkJggg==';
+// Windows: 16x16 PNG
+const TRAY_ICON_PNG_WIN_BASE64 = 'iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAaElEQVR4nGNgYGBg4J3Skco7peMa' +
+    '75SO/0RikNpUBiTNxGpEx6kMJNqM4RIGYhVbr5j/v+3UETAGsWHiRBsA0ggDIDbtDUB3MskGoGug' +
+    'vQGEnEzQAEIaBrcB17CFASE+clKmLDNRmp0B5XqLc//RXPMAAAAASUVORK5CYII=';
+// Linux: 22x22 PNG
+const TRAY_ICON_PNG_LINUX_BASE64 = 'iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAt0lEQVR4nGNggALeKR3ZvFM6zvJO' +
+    '6fjDO6XjP4n4D1RvNgMy4J3SsYAMw3DhBcgupZahMJzNAPUCtQ0+y0BmmIKx1Yp5cIwe5gzkGtp+' +
+    '6sh/ZADiI8uTbfDUC6dRDAbxB5fBMrP7wZiqBt//+B5uAIhNFYNBrkQHILFhbnDuvu3/P/z4AccQ' +
+    'PlUMxqZ4ZBn8hwYG/0EpNk2WzgYrgGEQHyRefXQfXAzExqcWis/SrqCnWdVEq8oUAE+RyDWaecD7' +
+    'AAAAAElFTkSuQmCC';
 function shouldShowWindowOnLaunch(isPackaged) {
     return !isPackaged;
 }
@@ -25,10 +32,28 @@ function shouldHideWindowOnBlur(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}`;
+function getWindowPosition({ platform, trayBounds, windowBounds, displayBounds, }) {
+    const preferredX = Math.round(trayBounds.x + trayBounds.width / 2 - windowBounds.width / 2);
+    const preferredY = platform === 'darwin'
+        ? trayBounds.y + trayBounds.height + 4
+        : trayBounds.y - windowBounds.height - 4;
+    const maxX = Math.max(displayBounds.x, displayBounds.x + displayBounds.width - windowBounds.width);
+    const maxY = Math.max(displayBounds.y, displayBounds.y + displayBounds.height - windowBounds.height);
+    return {
+        x: Math.min(Math.max(preferredX, displayBounds.x), maxX),
+        y: Math.min(Math.max(preferredY, displayBounds.y), maxY),
+    };
+}
+function getWidgetNativeBindingPath(baseDir) {
+    return (0, node_path_1.join)(baseDir, 'native', 'better_sqlite3.node');
+}
+function getTrayIconNativeImage() {
+    if (process.platform === 'darwin') {
+        // 32x32 PNG at scaleFactor 2 = renders as 16x16 logical, sharp on Retina
+        return { buffer: Buffer.from(TRAY_ICON_PNG_MAC_BASE64, 'base64'), scaleFactor: 2 };
+    }
+    if (process.platform === 'linux') {
+        return { buffer: Buffer.from(TRAY_ICON_PNG_LINUX_BASE64, 'base64') };
     }
-    return `data:image/svg+xml;base64,${Buffer.from(TRAY_ICON_SVG).toString('base64')}`;
+    return { buffer: Buffer.from(TRAY_ICON_PNG_WIN_BASE64, 'base64') };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@juliantanx/aiusage-widget",
-  "version": "1.3.1",
+  "version": "1.3.3",
   "private": false,
   "description": "System tray widget for aiusage — view AI token usage from your system tray",
   "keywords": [
@@ -22,7 +22,7 @@
   },
   "license": "MIT",
   "engines": {
-    "node": ">=18"
+    "node": ">=20"
   },
   "main": "dist/main.js",
   "files": [
@@ -34,29 +34,31 @@
   "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"
+    "better-sqlite3": "^12.0.0"
   },
   "devDependencies": {
-    "electron": "^33.0.0",
+    "@electron/rebuild": "^3.6.1",
     "@sveltejs/vite-plugin-svelte": "^3.0.0",
     "@types/better-sqlite3": "*",
     "@types/node": "*",
     "concurrently": "^8.0.0",
+    "electron": "^33.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"
+  },
+  "scripts": {
+    "rebuild": "pnpm run rebuild:electron",
+    "rebuild:electron": "node -e \"const {rebuild}=require('@electron/rebuild');const v=require('electron/package.json').version;rebuild({buildPath:process.cwd(),electronVersion:v,onlyModules:['better-sqlite3'],force:true}).then(()=>process.exit(0)).catch(e=>{console.error(e);process.exit(1)})\"",
+    "prepare:native": "node bin/prepare-native.js",
+    "rebuild:node": "npm rebuild better-sqlite3",
+    "dev": "pnpm run prepare:native && concurrently --names \"vite,tsc,electron\" --kill-others --success command-electron \"vite build --watch\" \"tsc -p tsconfig.json --watch\" \"node -e \\\"require('wait-on')({resources:['dist/main.js']},()=>{const c=require('child_process').spawn(require('electron'),['.'],{stdio:'inherit'});c.on('exit',(code,signal)=>process.exit(code ?? (signal ? 1 : 0)))})\\\"\"",
+    "build": "rm -rf dist/renderer && vite build && tsc -p tsconfig.json && pnpm run prepare:native",
+    "pack": "pnpm build && electron-builder",
+    "test": "pnpm run rebuild:node && vitest run"
   }
-}
+}

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

@@ -1 +0,0 @@
-.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

@@ -1 +0,0 @@
-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")});