Release 0.1.2

Author: GboyCode

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "codexauth-switch",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "private": true,
   "description": "Local Windows desktop account switcher for Codex App.",
   "author": "GboyCode",

package.json

@@ -63,6 +63,7 @@ let mainWindow;
 let widgetWindow;
 let tray;
 let isQuitting = false;
+let widgetAlwaysOnTop = false;
 let widgetManualSize = false;
 let widgetResizeSession = null;
 let widgetDockState = {
@@ -3609,7 +3610,7 @@ function createWidgetWindow() {
     resizable: false,
     maximizable: false,
     minimizable: false,
-    alwaysOnTop: true,
+    alwaysOnTop: widgetAlwaysOnTop,
     skipTaskbar: true,
     transparent: true,
     backgroundColor: "#00000000",
@@ -3622,7 +3623,7 @@ function createWidgetWindow() {
     },
   });
   hardenWindowNavigation(widgetWindow);
-  widgetWindow.setVisibleOnAllWorkspaces(true, { visibleOnFullScreen: false });
+  widgetWindow.setVisibleOnAllWorkspaces(widgetAlwaysOnTop, { visibleOnFullScreen: false });
   widgetWindow.on("close", (event) => {
     if (isQuitting) return;
     event.preventDefault();
@@ -3636,6 +3637,14 @@ function createWidgetWindow() {
   return widgetWindow;
 }
 
+function setWidgetTopmost(pinned) {
+  widgetAlwaysOnTop = pinned === true;
+  const win = createWidgetWindow();
+  win.setAlwaysOnTop(widgetAlwaysOnTop);
+  win.setVisibleOnAllWorkspaces(widgetAlwaysOnTop, { visibleOnFullScreen: false });
+  return { ok: true, pinned: widgetAlwaysOnTop };
+}
+
 function resizeWidgetForAccounts(accountCount) {
   if (!widgetWindow || widgetWindow.isDestroyed()) return { ok: false };
   if (widgetManualSize) return { ok: true, skipped: true };
@@ -4118,6 +4127,8 @@ function registerIpc() {
     return { ok: true };
   });
   ipcMain.handle("window:resize-widget", (_event, accountCount) => resizeWidgetForAccounts(accountCount));
+  ipcMain.handle("window:get-widget-topmost", () => ({ ok: true, pinned: widgetAlwaysOnTop }));
+  ipcMain.handle("window:set-widget-topmost", (_event, pinned) => setWidgetTopmost(pinned));
   ipcMain.handle("window:resize-widget-start", (_event, edge) => startWidgetResize(edge));
   ipcMain.handle("window:resize-widget-update", () => updateWidgetResize());
   ipcMain.handle("window:resize-widget-end", () => finishWidgetResize());

src/main.js

@@ -19,6 +19,8 @@ contextBridge.exposeInMainWorld("codexAuth", {
   hideWidget: () => ipcRenderer.invoke("window:hide-widget"),
   toggleWidget: () => ipcRenderer.invoke("window:toggle-widget"),
   resizeWidget: (accountCount) => ipcRenderer.invoke("window:resize-widget", accountCount),
+  getWidgetTopmost: () => ipcRenderer.invoke("window:get-widget-topmost"),
+  setWidgetTopmost: (pinned) => ipcRenderer.invoke("window:set-widget-topmost", pinned),
   startWidgetResize: (edge) => ipcRenderer.invoke("window:resize-widget-start", edge),
   updateWidgetResize: () => ipcRenderer.invoke("window:resize-widget-update"),
   endWidgetResize: () => ipcRenderer.invoke("window:resize-widget-end"),

src/preload.js

@@ -97,9 +97,9 @@ function formatDate(value) {
 
 function compactNumber(value) {
   const number = Number(value || 0);
-  if (number >= 1_000_000_000) return `${(number / 1_000_000_000).toFixed(1)}B`;
-  if (number >= 1_000_000) return `${(number / 1_000_000).toFixed(1)}M`;
-  if (number >= 1_000) return `${(number / 1_000).toFixed(1)}K`;
+  const trim = (text) => text.replace(/\.0$/, "");
+  if (number >= 100_000_000) return `${trim((number / 100_000_000).toFixed(1))}亿`;
+  if (number >= 10_000) return `${trim((number / 10_000).toFixed(1))}万`;
   return String(Math.round(number));
 }
 
@@ -641,7 +641,7 @@ function renderDailyBars(days) {
   els.dailyBars.replaceChildren();
   const title = document.createElement("p");
   title.className = "usage-title";
-  title.textContent = "每日 Tokens";
+  title.textContent = "每日用量";
   els.dailyBars.append(title);
 
   if (!days.length) {
@@ -693,7 +693,7 @@ function renderRecentSessions(sessions) {
     const main = document.createElement("span");
     main.textContent = session.title || "会话";
     const sub = document.createElement("small");
-    sub.textContent = `${compactNumber(session.tokenUsage?.totalTokens)} tokens · ${session.model || "未知模型"} · ${formatDate(session.updatedAt)}`;
+    sub.textContent = `${compactNumber(session.tokenUsage?.totalTokens)} Token · ${session.model || "未知模型"} · ${formatDate(session.updatedAt)}`;
     row.append(main, sub);
     list.append(row);
   });
@@ -723,7 +723,7 @@ function renderProjectStats(projects) {
     const name = document.createElement("strong");
     name.textContent = project.project;
     const sub = document.createElement("small");
-    sub.textContent = `${compactNumber(project.tokenUsage?.totalTokens)} tokens · ${project.sessions} 次会话`;
+    sub.textContent = `${compactNumber(project.tokenUsage?.totalTokens)} Token · ${project.sessions} 次会话`;
     row.append(name, sub);
     list.append(row);
   });

src/ui/app.js

@@ -140,15 +140,15 @@ <h2>当前账号概览</h2>
 
           <div class="usage-grid">
             <article class="metric-card">
-              <span>Total Tokens</span>
+              <span>总用量</span>
               <strong id="totalTokens">--</strong>
             </article>
             <article class="metric-card">
-              <span>Input Tokens</span>
+              <span>输入用量</span>
               <strong id="inputTokens">--</strong>
             </article>
             <article class="metric-card">
-              <span>Output Tokens</span>
+              <span>输出用量</span>
               <strong id="outputTokens">--</strong>
             </article>
             <article class="metric-card">
@@ -157,7 +157,7 @@ <h2>当前账号概览</h2>
             </article>
           </div>
           <p class="usage-note">
-            Tokens 是本机日志里的原始用量，不按高速版或模型倍率折算；5 小时和周额度以 Codex 写入的额度快照为准。
+            Token 是本机日志里的原始用量，不按高速版或模型倍率折算；5 小时和周额度以 Codex 写入的额度快照为准。
           </p>
 
           <div class="usage-detail">

src/ui/index.html

@@ -111,6 +111,10 @@ button {
   gap: 10px;
 }
 
+.brand > div {
+  min-width: 0;
+}
+
 .mark {
   flex: 0 0 auto;
   width: 30px;
@@ -128,7 +132,7 @@ button {
 .brand strong {
   display: block;
   overflow: hidden;
-  max-width: 210px;
+  max-width: 178px;
   font-weight: 560;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -168,6 +172,19 @@ button {
   transform: translateY(0);
 }
 
+.head-actions button.active {
+  color: #fff;
+  border-color: rgba(79, 108, 255, 0.12);
+  background: var(--gradient);
+  box-shadow: 0 12px 24px -18px rgba(79, 108, 255, 0.86);
+}
+
+.head-actions button.active:hover {
+  color: #fff;
+  border-color: rgba(79, 108, 255, 0.16);
+  background: linear-gradient(135deg, #9185ff 0%, #617eff 46%, #3950f0 100%);
+}
+
 .head-actions svg {
   width: 14px;
   height: 14px;

src/ui/widget.css

@@ -26,6 +26,13 @@
           </div>
         </div>
         <div class="head-actions">
+          <button id="pinBtn" title="固定在最前" aria-label="固定在最前" aria-pressed="false">
+            <svg viewBox="0 0 24 24" aria-hidden="true">
+              <path d="M12 17v4" />
+              <path d="M8 4h8" />
+              <path d="m9 4 1 7-3 3v3h10v-3l-3-3 1-7" />
+            </svg>
+          </button>
           <button id="settingsBtn" title="浮窗设置" aria-label="浮窗设置" aria-expanded="false">
             <svg viewBox="0 0 24 24" aria-hidden="true">
               <path d="M4 7h10" />

src/ui/widget.html

@@ -18,6 +18,7 @@ const els = {
   refreshBtn: document.querySelector("#refreshBtn"),
   restartBtn: document.querySelector("#restartBtn"),
   mainBtn: document.querySelector("#mainBtn"),
+  pinBtn: document.querySelector("#pinBtn"),
   settingsBtn: document.querySelector("#settingsBtn"),
   settingsPanel: document.querySelector("#settingsPanel"),
   opacityRange: document.querySelector("#opacityRange"),
@@ -231,6 +232,22 @@ function setSettingsOpen(open) {
   els.settingsBtn.setAttribute("aria-expanded", String(open));
 }
 
+function applyPinState(pinned) {
+  els.pinBtn.classList.toggle("active", pinned);
+  els.pinBtn.setAttribute("aria-pressed", String(pinned));
+  els.pinBtn.title = pinned ? "取消固定" : "固定在最前";
+  els.pinBtn.setAttribute("aria-label", pinned ? "取消固定" : "固定在最前");
+}
+
+async function loadPinState() {
+  try {
+    const result = await api.getWidgetTopmost?.();
+    applyPinState(result?.pinned === true);
+  } catch {
+    applyPinState(false);
+  }
+}
+
 function resetRestartConfirm() {
   restartArmed = false;
   window.clearTimeout(restartConfirmTimer);
@@ -555,6 +572,19 @@ async function reauthAccount(accountId, button) {
 
 function wireEvents() {
   els.refreshBtn.addEventListener("click", () => refresh(false));
+  els.pinBtn.addEventListener("click", async (event) => {
+    event.stopPropagation();
+    const nextPinned = els.pinBtn.getAttribute("aria-pressed") !== "true";
+    applyPinState(nextPinned);
+    try {
+      const result = await api.setWidgetTopmost?.(nextPinned);
+      applyPinState(result?.pinned === true);
+      showToast(result?.pinned ? "浮窗已固定在最前" : "浮窗已取消固定");
+    } catch (error) {
+      applyPinState(!nextPinned);
+      showToast(error instanceof Error ? error.message : String(error));
+    }
+  });
   els.settingsBtn.addEventListener("click", (event) => {
     event.stopPropagation();
     setSettingsOpen(els.settingsPanel.hidden);
@@ -657,6 +687,7 @@ function wireResizeHandles() {
 wireEvents();
 wireResizeHandles();
 loadWidgetOpacity();
+loadPinState();
 refresh(true);
 window.setInterval(() => {
   refresh(true);