feat(context-menu): 添加右键菜单刷新功能并优化终端字体大小设置

- 在网页视图右键菜单中添加刷新选项，支持 CmdOrCtrl+R 快捷键
- 为 webview 上下文菜单添加刷新功能
- 优化预加载脚本中的上下文菜单触发逻辑，过滤可编辑元素和选中文本
- 添加默认终端字体大小配置项，默认值为 15
- 在终端模型中使用统一的默认字体大小常量
- 更新分隔拖拽手柄样式，改进透明度和颜色过渡效果
- 实现窗口标题与标签页名称同步功能，动态更新页面标题显示

Author: Cure217

emain/emain-ipc.ts

@@ -233,6 +233,30 @@ export function initIpcHandlers() {
                 },
             })
         );
+        menu.append(new electron.MenuItem({ type: "separator" }));
+        menu.append(
+            new electron.MenuItem({
+                label: "Refresh",
+                accelerator: "CmdOrCtrl+R",
+                click: () => {
+                    event.sender.reload();
+                },
+            })
+        );
+        menu.popup();
+    });
+
+    electron.ipcMain.on("webview-contextmenu", (event: electron.IpcMainEvent) => {
+        const menu = new electron.Menu();
+        menu.append(
+            new electron.MenuItem({
+                label: "Refresh",
+                accelerator: "CmdOrCtrl+R",
+                click: () => {
+                    event.sender.reload();
+                },
+            })
+        );
         menu.popup();
     });
 

emain/preload-webview.ts

@@ -5,10 +5,16 @@ import { ipcRenderer } from "electron";
 
 document.addEventListener("contextmenu", (event) => {
     console.log("contextmenu event", event);
-    if (event.target == null) {
+    if (!event.isTrusted || event.target == null) {
         return;
     }
     const targetElement = event.target as HTMLElement;
+    const selection = document.getSelection()?.toString().trim();
+    const isEditable =
+        targetElement.isContentEditable || targetElement.tagName === "INPUT" || targetElement.tagName === "TEXTAREA";
+    if (selection || isEditable) {
+        return;
+    }
     // Check if the right-click is on an image
     if (targetElement.tagName === "IMG") {
         setTimeout(() => {
@@ -22,7 +28,13 @@ document.addEventListener("contextmenu", (event) => {
         }, 50);
         return;
     }
-    // do nothing
+    setTimeout(() => {
+        if (event.defaultPrevented) {
+            return;
+        }
+        event.preventDefault();
+        ipcRenderer.send("webview-contextmenu");
+    }, 50);
 });
 
 document.addEventListener("mouseup", (event) => {

frontend/app/view/term/term-model.ts

@@ -43,6 +43,8 @@ import { getBlockingCommand } from "./shellblocking";
 import { computeTheme, DefaultTermTheme } from "./termutil";
 import { TermWrap, WebGLSupported } from "./termwrap";
 
+const DefaultTermFontSize = 15;
+
 export class TermViewModel implements ViewModel {
     viewType: string;
     nodeModel: BlockNodeModel;
@@ -270,9 +272,10 @@ export class TermViewModel implements ViewModel {
                 const connName = blockData?.meta?.connection;
                 const fullConfig = get(atoms.fullConfigAtom);
                 const connFontSize = fullConfig?.connections?.[connName]?.["term:fontsize"];
-                const rtnFontSize = blockData?.meta?.["term:fontsize"] ?? connFontSize ?? settingsFontSize ?? 12;
+                const rtnFontSize =
+                    blockData?.meta?.["term:fontsize"] ?? connFontSize ?? settingsFontSize ?? DefaultTermFontSize;
                 if (typeof rtnFontSize != "number" || isNaN(rtnFontSize) || rtnFontSize < 4 || rtnFontSize > 64) {
-                    return 12;
+                    return DefaultTermFontSize;
                 }
                 return rtnFontSize;
             });
@@ -912,7 +915,7 @@ export class TermViewModel implements ViewModel {
         const termThemes = fullConfig?.termthemes ?? {};
         const termThemeKeys = Object.keys(termThemes);
         const curThemeName = globalStore.get(getBlockMetaKeyAtom(this.blockId, "term:theme"));
-        const defaultFontSize = globalStore.get(getSettingsKeyAtom("term:fontsize")) ?? 12;
+        const defaultFontSize = globalStore.get(getSettingsKeyAtom("term:fontsize")) ?? DefaultTermFontSize;
         const defaultAllowBracketedPaste = globalStore.get(getSettingsKeyAtom("term:allowbracketedpaste")) ?? true;
         const transparencyMeta = globalStore.get(getBlockMetaKeyAtom(this.blockId, "term:transparency"));
         const blockData = globalStore.get(this.blockAtom);

frontend/app/view/term/termwrap.ts

@@ -319,10 +319,6 @@ export class TermWrap {
             if (event.defaultPrevented || this.terminal.modes.mouseTrackingMode !== "none") {
                 return;
             }
-            const target = event.target;
-            if (target instanceof Element && target.closest(".xterm-viewport") != null) {
-                return;
-            }
             // This relies on xterm.js private internals (`_core._renderService`) because
             // there is no public API for measured cell height yet; fall back to 16px
             // (a conservative default line height) so wheel deltas still map to lines,

frontend/app/workspace/workspace.tsx

@@ -103,9 +103,9 @@ const WorkspaceElem = memo(() => {
     }, []);
 
     const innerHandleVisible = showLeftTabBar && aiPanelVisible;
-    const innerHandleClass = `bg-transparent hover:bg-zinc-500/20 transition-colors ${innerHandleVisible ? "w-0.5" : "w-0 pointer-events-none"}`;
+    const innerHandleClass = `transition-colors ${innerHandleVisible ? "w-[3px] cursor-col-resize bg-border/45 hover:bg-accent/45 active:bg-accent/60" : "w-0 pointer-events-none"}`;
     const outerHandleVisible = showLeftTabBar || aiPanelVisible;
-    const outerHandleClass = `bg-transparent hover:bg-zinc-500/20 transition-colors ${outerHandleVisible ? "w-0.5" : "w-0 pointer-events-none"}`;
+    const outerHandleClass = `transition-colors ${outerHandleVisible ? "w-[3px] cursor-col-resize bg-border/45 hover:bg-accent/45 active:bg-accent/60" : "w-0 pointer-events-none"}`;
 
     return (
         <div className="flex flex-col w-full flex-grow overflow-hidden">

frontend/layout/lib/tilelayout.scss

@@ -43,29 +43,34 @@
         z-index: var(--zindex-layout-resize-handle);
 
         .line {
-            visibility: hidden;
+            opacity: 0.75;
+            transition:
+                opacity var(--animation-time-xs) ease,
+                border-color var(--animation-time-xs) ease;
         }
         &.flex-row {
             cursor: ew-resize;
             .line {
                 height: 100%;
                 width: calc(50% + 1px);
-                border-right: 2px solid var(--accent-color);
+                border-right: 2px solid rgb(from var(--border-color) r g b / 0.95);
             }
         }
         &.flex-column {
             cursor: ns-resize;
             .line {
                 height: calc(50% + 1px);
-                border-bottom: 2px solid var(--accent-color);
+                border-bottom: 2px solid rgb(from var(--border-color) r g b / 0.95);
             }
         }
         &:hover .line {
-            visibility: visible;
-
-            // Ignore the prefers-reduced-motion override, since we are not applying a true animation here, just a delay.
-            transition-property: visibility !important;
-            transition-delay: var(--animation-time-s) !important;
+            opacity: 1;
+        }
+        &.flex-row:hover .line {
+            border-right-color: var(--accent-color);
+        }
+        &.flex-column:hover .line {
+            border-bottom-color: var(--accent-color);
         }
     }
 

frontend/wave.ts

@@ -39,6 +39,7 @@ import { createRoot } from "react-dom/client";
 const platform = getApi().getPlatform();
 document.title = `Wave Terminal`;
 let savedInitOpts: WaveInitOpts = null;
+let tabTitleUnsub: (() => void) | null = null;
 
 (window as any).WOS = WOS;
 (window as any).globalStore = globalStore;
@@ -56,6 +57,27 @@ function updateZoomFactor(zoomFactor: number) {
     document.documentElement.style.setProperty("--zoomfactor-inv", String(1 / zoomFactor));
 }
 
+function formatWaveWindowTitle(tabName?: string | null) {
+    const trimmedTabName = tabName?.trim();
+    return trimmedTabName ? `Wave Terminal - ${trimmedTabName}` : "Wave Terminal";
+}
+
+function installWaveWindowTitleSync(tabId: string) {
+    tabTitleUnsub?.();
+    tabTitleUnsub = null;
+    if (!tabId) {
+        document.title = formatWaveWindowTitle();
+        return;
+    }
+    const tabAtom = WOS.getWaveObjectAtom<Tab>(WOS.makeORef("tab", tabId));
+    const updateTitle = () => {
+        const tab = globalStore.get(tabAtom);
+        document.title = formatWaveWindowTitle(tab?.name);
+    };
+    updateTitle();
+    tabTitleUnsub = globalStore.sub(tabAtom, updateTitle);
+}
+
 async function initBare() {
     getApi().sendLog("Init Bare");
     document.body.style.visibility = "hidden";
@@ -113,7 +135,7 @@ async function reinitWave() {
     const initialTab = await WOS.reloadWaveObject<Tab>(WOS.makeORef("tab", savedInitOpts.tabId));
     await WOS.reloadWaveObject<LayoutState>(WOS.makeORef("layout", initialTab.layoutstate));
     reloadAllWorkspaceTabs(ws);
-    document.title = `Wave Terminal - ${initialTab.name}`; // TODO update with tab name change
+    installWaveWindowTitleSync(initialTab.oid);
     getApi().setWindowInitStatus("wave-ready");
     globalStore.set(atoms.reinitVersion, globalStore.get(atoms.reinitVersion) + 1);
     globalStore.set(atoms.updaterStatusAtom, getApi().getUpdaterStatus());
@@ -182,7 +204,7 @@ async function initWave(initOpts: WaveInitOpts) {
         ]);
         loadAllWorkspaceTabs(ws);
         WOS.wpsSubscribeToObject(WOS.makeORef("workspace", waveWindow.workspaceid));
-        document.title = `Wave Terminal - ${initialTab.name}`; // TODO update with tab name change
+        installWaveWindowTitleSync(initialTab.oid);
     } catch (e) {
         console.error("Failed initialization error", e);
         getApi().sendLog("Error in initialization (wave.ts, loading required objects) " + e.message + "\n" + e.stack);

pkg/wconfig/defaultconfig/settings.json

@@ -32,6 +32,7 @@
     "telemetry:enabled": true,
     "term:bellsound": false,
     "term:bellindicator": true,
+    "term:fontsize": 15,
     "term:osc52": "always",
     "term:cursor": "block",
     "term:cursorblink": false,