@glittering0717/ai-browser 2.1.5 → 2.1.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@glittering0717/ai-browser",
-  "version": "2.1.5",
+  "version": "2.1.6",
   "description": "AI-native browser — renders pixels for humans, structured semantic-tree API for agents. No screenshots, no OCR, no coordinate guessing.",
   "main": "src/main/index.js",
   "bin": {

package/src/main/index.js

@@ -15,6 +15,13 @@ import errorBanner from '../shared/error_banner.cjs';
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 
+// 窗口标题用的产品名。
+// 不能靠 Electron 默认值：主窗口自己没有加载任何 document，Electron 会退回
+// `app.getName()`，而它读的是 package.json 的 name —— 用户在标题栏、Mission
+// Control、窗口切换器里看到的是 `@glittering0717/ai-browser`（npm 包名）。
+// 产品名必须是我们自己声明的常量。
+const APP_DISPLAY_NAME = 'AI Browser';
+
 // CRITICAL: set userData BEFORE app.whenReady — session/cookie storage
 // is initialized during ready, so setting it after loses persistence.
 app.setPath('userData', config.userDataDir);
@@ -358,6 +365,9 @@ function createWindow() {
   mainWindow = new BrowserWindow({
     width: 1280,
     height: 800,
+    // 见文件头 APP_DISPLAY_NAME：不显式给 title 会显示成 npm 包名。
+    // 真实显示值由 updateWindowTitle() 按当前标签页覆盖。
+    title: APP_DISPLAY_NAME,
     // Windows/Linux 的任务栏图标来自这里（macOS 走 app.dock.setIcon，
     // 见 applyAppIcon：Dock 跟的是进程可执行文件，不是窗口选项）。
     icon: appIconPath() || undefined,
@@ -370,6 +380,11 @@ function createWindow() {
     },
   });
 
+  // 窗口标题统一由 updateWindowTitle() 控制（当前标签页标题 + 产品名）。
+  // 主窗口自己的 webContents 不加载页面，但 renderer 重启的瞬间可能出现空
+  // document.title，Electron 会拿它把标题清成空字符串 —— 这里直接掐断。
+  mainWindow.webContents.on('page-title-updated', (e) => { e.preventDefault(); });
+
   // Tab bar — needs nodeIntegration for ipcRenderer
   tabBarView = new BrowserView({
     webPreferences: {
@@ -763,8 +778,33 @@ function activeWebContents() {
   return view.webContents;
 }
 
+/**
+ * 窗口标题 = "当前页标题 — AI Browser"，没有页标题时只显示产品名。
+ *
+ * 为什么要有：多窗口/多桌面环境下，标题栏是用户唯一能识别"这个窗口在哪个页面"
+ * 的地方；原先它是 npm 包名，既不是产品名也不带任何页面信息。
+ * 只做「变了才设」——pushNavState 由事件 + 1.5s 轮询双重驱动，无条件 setTitle
+ * 会让系统在每次轮询时都收到一次标题变更通知。
+ */
+let lastWindowTitle = '';
+function updateWindowTitle() {
+  if (!mainWindow || mainWindow.isDestroyed()) return;
+  const wc = activeWebContents();
+  let pageTitle = '';
+  try { pageTitle = wc ? String(wc.getTitle() || '').trim() : ''; } catch (_) { pageTitle = ''; }
+  const next = pageTitle && pageTitle !== APP_DISPLAY_NAME
+    ? `${pageTitle} — ${APP_DISPLAY_NAME}`
+    : APP_DISPLAY_NAME;
+  if (next === lastWindowTitle) return;
+  lastWindowTitle = next;
+  try { mainWindow.setTitle(next); } catch (_) { /* 窗口在关闭竞态里 */ }
+}
+
 /** 把地址栏需要的一切状态推给 tab bar renderer。 */
 function pushNavState() {
+  // 标题先更新：它不依赖 tabBarView 是否存活（横幅/崩溃场景下 tabBarView
+  // 可能已被销毁，但窗口标题仍应反映真实页面）。
+  updateWindowTitle();
   if (!tabBarView || tabBarView.webContents.isDestroyed()) return;
   const wc = activeWebContents();
   const state = wc ? {

package/src/renderer/tab_bar.html

@@ -166,6 +166,9 @@ async function renderTabs() {
         const el = document.createElement('div');
         el.className = 'tab' + (tab.active ? ' active' : '');
         el.dataset.id = tab.id;
+        // 标题在 UI 上被截断到 30 字（标签宽度有限），完整标题 + 地址放 tooltip：
+        // 否则长标题站点的标签永远看不出是哪一篇（"【第 12 章】…"全一样）。
+        el.title = tabTooltip(tab);
         el.innerHTML = '<span class="tab-id">[' + tab.id + ']</span>' +
           '<span class="tab-title">' + escapeHtml((tab.title || tab.url || 'New Tab').slice(0, 30)) + '</span>' +
           '<span class="tab-close" data-id="' + tab.id + '">&times;</span>';
@@ -188,6 +191,8 @@ async function renderTabs() {
         const titleEl = el.querySelector('.tab-title');
         const title = (t.title || t.url || 'New Tab').slice(0, 30);
         if (titleEl && titleEl.textContent !== title) titleEl.textContent = title;
+        const tip = tabTooltip(t);
+        if (el.title !== tip) el.title = tip;
       }
     }
 
@@ -210,6 +215,25 @@ tabsEl.addEventListener('wheel', function (e) {
   e.preventDefault();
 }, { passive: false });
 
+// tab 的完整标题 + 地址，用作 tooltip。标签上只显示前 30 字，
+// 长标题站点（论文/连载/同名页面）不靠 tooltip 根本分辨不出。
+// 中键点击关闭标签（浏览器惯例）。用事件委托而不是给每个标签挂：
+// 标签是增量更新的，逐个挂监听会在重建后丢一半。
+tabsEl.addEventListener('auxclick', function (e) {
+  if (e.button !== 1) return;                 // 1 = 中键
+  const el = e.target && e.target.closest ? e.target.closest('.tab') : null;
+  if (!el || !el.dataset.id) return;
+  e.preventDefault();
+  send('tab:close', parseInt(el.dataset.id));
+});
+
+function tabTooltip(t) {
+  const title = String(t.title || '').trim();
+  const url = String(t.url || '').trim();
+  if (title && url && title !== url) return title + '\n' + url;
+  return title || url || 'New Tab';
+}
+
 function escapeHtml(s) {
   return String(s).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
 }

package/src/shared/version.js

@@ -2,4 +2,4 @@
 // Kept in JS (not imported from package.json) to avoid Node import-attribute
 // (JSON module) compatibility issues inside Electron. package.json "version"
 // is manually synced to this value; tests assert they match.
-export const VERSION = '2.1.5';
+export const VERSION = '2.1.6';