@wong2kim/wmux 1.0.0

package/src/renderer/stores/slices/uiSlice.ts

@@ -0,0 +1,247 @@
+import type { StateCreator } from 'zustand';
+import type { StoreState } from '../index';
+import { setLocale as i18nSetLocale, type Locale } from '../../i18n';
+import { generateId, type CustomKeybinding } from '../../../shared/types';
+
+export interface UISlice {
+  sidebarVisible: boolean;
+  toggleSidebar: () => void;
+  setSidebarVisible: (visible: boolean) => void;
+
+  notificationPanelVisible: boolean;
+  toggleNotificationPanel: () => void;
+  setNotificationPanelVisible: (visible: boolean) => void;
+
+  commandPaletteVisible: boolean;
+  toggleCommandPalette: () => void;
+  setCommandPaletteVisible: (visible: boolean) => void;
+
+  settingsPanelVisible: boolean;
+  toggleSettingsPanel: () => void;
+  setSettingsPanelVisible: (visible: boolean) => void;
+
+  notificationSoundEnabled: boolean;
+  toggleNotificationSound: () => void;
+  setNotificationSoundEnabled: (enabled: boolean) => void;
+
+  locale: Locale;
+  setLocale: (locale: Locale) => void;
+
+  viCopyModeActive: boolean;
+  setViCopyModeActive: (active: boolean) => void;
+
+  searchBarVisible: boolean;
+  toggleSearchBar: () => void;
+  setSearchBarVisible: (visible: boolean) => void;
+
+  // ─── Terminal settings ───────────────────────────────────────────────────
+  terminalFontSize: number;
+  setTerminalFontSize: (size: number) => void;
+
+  terminalFontFamily: string;
+  setTerminalFontFamily: (family: string) => void;
+
+  defaultShell: string;
+  setDefaultShell: (shell: string) => void;
+
+  scrollbackLines: number;
+  setScrollbackLines: (lines: number) => void;
+
+  // ─── Theme ──────────────────────────────────────────────────────────────
+  theme: string;
+  setTheme: (theme: string) => void;
+
+  // ─── Layout ────────────────────────────────────────────────────────────
+  sidebarPosition: 'left' | 'right';
+  setSidebarPosition: (position: 'left' | 'right') => void;
+
+  // ─── Toast / ring notification UI ────────────────────────────────────────
+  toastEnabled: boolean;
+  setToastEnabled: (enabled: boolean) => void;
+
+  notificationRingEnabled: boolean;
+  setNotificationRingEnabled: (enabled: boolean) => void;
+
+  // ─── Custom keybindings ──────────────────────────────────────────────
+  customKeybindings: CustomKeybinding[];
+  addKeybinding: (kb: Omit<CustomKeybinding, 'id'>) => void;
+  updateKeybinding: (id: string, kb: Partial<Omit<CustomKeybinding, 'id'>>) => void;
+  removeKeybinding: (id: string) => void;
+
+}
+
+export const createUISlice: StateCreator<StoreState, [['zustand/immer', never]], [], UISlice> = (set) => ({
+  // ─── Sidebar ─────────────────────────────────────────────────────────────
+  sidebarVisible: true,
+
+  toggleSidebar: () => set((state) => {
+    state.sidebarVisible = !state.sidebarVisible;
+  }),
+
+  setSidebarVisible: (visible) => set((state) => {
+    state.sidebarVisible = visible;
+  }),
+
+  // ─── Notification panel ──────────────────────────────────────────────────
+  notificationPanelVisible: false,
+
+  toggleNotificationPanel: () => set((state) => {
+    state.notificationPanelVisible = !state.notificationPanelVisible;
+    if (state.notificationPanelVisible) {
+      state.commandPaletteVisible = false;
+      state.settingsPanelVisible = false;
+    }
+  }),
+
+  setNotificationPanelVisible: (visible) => set((state) => {
+    state.notificationPanelVisible = visible;
+  }),
+
+  // ─── Command palette ─────────────────────────────────────────────────────
+  commandPaletteVisible: false,
+
+  toggleCommandPalette: () => set((state) => {
+    state.commandPaletteVisible = !state.commandPaletteVisible;
+    if (state.commandPaletteVisible) {
+      state.notificationPanelVisible = false;
+      state.settingsPanelVisible = false;
+    }
+  }),
+
+  setCommandPaletteVisible: (visible) => set((state) => {
+    state.commandPaletteVisible = visible;
+  }),
+
+  // ─── Settings panel ──────────────────────────────────────────────────────
+  settingsPanelVisible: false,
+
+  toggleSettingsPanel: () => set((state) => {
+    state.settingsPanelVisible = !state.settingsPanelVisible;
+    if (state.settingsPanelVisible) {
+      state.commandPaletteVisible = false;
+      state.notificationPanelVisible = false;
+    }
+  }),
+
+  setSettingsPanelVisible: (visible) => set((state) => {
+    state.settingsPanelVisible = visible;
+  }),
+
+  // ─── Notification sound ──────────────────────────────────────────────────
+  notificationSoundEnabled: true,
+
+  toggleNotificationSound: () => set((state) => {
+    state.notificationSoundEnabled = !state.notificationSoundEnabled;
+  }),
+
+  setNotificationSoundEnabled: (enabled) => set((state) => {
+    state.notificationSoundEnabled = enabled;
+  }),
+
+  // ─── Locale / i18n ───────────────────────────────────────────────────────
+  locale: 'en',
+
+  setLocale: (locale) => {
+    // Sync i18n module state immediately (outside immer — pure function call)
+    i18nSetLocale(locale);
+    set((state) => {
+      state.locale = locale;
+    });
+  },
+
+  // ─── VI copy mode ─────────────────────────────────────────────────────────
+  viCopyModeActive: false,
+
+  setViCopyModeActive: (active) => set((state) => {
+    state.viCopyModeActive = active;
+  }),
+
+  // ─── Search bar ───────────────────────────────────────────────────────────
+  searchBarVisible: false,
+
+  toggleSearchBar: () => set((state) => {
+    state.searchBarVisible = !state.searchBarVisible;
+  }),
+
+  setSearchBarVisible: (visible) => set((state) => {
+    state.searchBarVisible = visible;
+  }),
+
+  // ─── Terminal settings ───────────────────────────────────────────────────
+  terminalFontSize: 14,
+
+  setTerminalFontSize: (size) => set((state) => {
+    state.terminalFontSize = size;
+  }),
+
+  terminalFontFamily: 'Cascadia Code',
+
+  setTerminalFontFamily: (family) => set((state) => {
+    state.terminalFontFamily = family;
+  }),
+
+  defaultShell: 'powershell',
+
+  setDefaultShell: (shell) => set((state) => {
+    state.defaultShell = shell;
+  }),
+
+  scrollbackLines: 10000,
+
+  setScrollbackLines: (lines) => set((state) => {
+    state.scrollbackLines = lines;
+  }),
+
+  // ─── Theme ──────────────────────────────────────────────────────────────
+  theme: 'catppuccin',
+
+  setTheme: (theme) => {
+    document.documentElement.setAttribute('data-theme', theme);
+    set((state) => {
+      state.theme = theme;
+    });
+  },
+
+  // ─── Layout ────────────────────────────────────────────────────────────
+  sidebarPosition: 'left',
+
+  setSidebarPosition: (position) => set((state) => {
+    state.sidebarPosition = position;
+  }),
+
+  // ─── Toast / ring notification UI ────────────────────────────────────────
+  toastEnabled: true,
+
+  setToastEnabled: (enabled) => {
+    window.electronAPI.settings.setToastEnabled(enabled);
+    set((state) => {
+      state.toastEnabled = enabled;
+    });
+  },
+
+  notificationRingEnabled: true,
+
+  setNotificationRingEnabled: (enabled) => set((state) => {
+    state.notificationRingEnabled = enabled;
+  }),
+
+  // ─── Custom keybindings ──────────────────────────────────────────────
+  customKeybindings: [],
+
+  addKeybinding: (kb) => set((state) => {
+    state.customKeybindings.push({
+      id: generateId('kb'),
+      ...kb,
+    });
+  }),
+
+  updateKeybinding: (id, updates) => set((state) => {
+    const idx = state.customKeybindings.findIndex((k) => k.id === id);
+    if (idx !== -1) Object.assign(state.customKeybindings[idx], updates);
+  }),
+
+  removeKeybinding: (id) => set((state) => {
+    state.customKeybindings = state.customKeybindings.filter((k) => k.id !== id);
+  }),
+
+});

package/src/renderer/stores/slices/workspaceSlice.ts

@@ -0,0 +1,120 @@
+import type { StateCreator } from 'zustand';
+import type { StoreState } from '../index';
+import { createWorkspace, type Pane, type SessionData, type Workspace, type WorkspaceMetadata } from '../../../shared/types';
+import { setLocale as i18nSetLocale, type Locale } from '../../i18n';
+
+export interface WorkspaceSlice {
+  workspaces: Workspace[];
+  activeWorkspaceId: string;
+  addWorkspace: (name?: string) => void;
+  removeWorkspace: (id: string) => void;
+  setActiveWorkspace: (id: string) => void;
+  renameWorkspace: (id: string, name: string) => void;
+  updateWorkspaceMetadata: (id: string, metadata: Partial<WorkspaceMetadata>) => void;
+  reorderWorkspace: (fromIndex: number, toIndex: number) => void;
+  loadSession: (data: SessionData) => void;
+}
+
+export const createWorkspaceSlice: StateCreator<StoreState, [['zustand/immer', never]], [], WorkspaceSlice> = (set) => {
+  const initial = createWorkspace('Workspace 1');
+  return {
+    workspaces: [initial],
+    activeWorkspaceId: initial.id,
+
+    addWorkspace: (name) => set((state: StoreState) => {
+      const ws = createWorkspace(name || `Workspace ${state.workspaces.length + 1}`);
+      state.workspaces.push(ws);
+      state.activeWorkspaceId = ws.id;
+    }),
+
+    // NOTE: PTY cleanup is the caller's responsibility (see Sidebar.handleClose, useKeyboard Ctrl+Shift+W)
+    removeWorkspace: (id) => set((state: StoreState) => {
+      if (state.workspaces.length <= 1) return;
+      const idx = state.workspaces.findIndex((w: Workspace) => w.id === id);
+      if (idx === -1) return;
+      state.workspaces.splice(idx, 1);
+      if (state.activeWorkspaceId === id) {
+        state.activeWorkspaceId = state.workspaces[Math.min(idx, state.workspaces.length - 1)].id;
+      }
+    }),
+
+    setActiveWorkspace: (id) => set((state: StoreState) => {
+      if (state.workspaces.some((w: Workspace) => w.id === id)) {
+        state.activeWorkspaceId = id;
+      }
+    }),
+
+    renameWorkspace: (id, name) => set((state: StoreState) => {
+      const ws = state.workspaces.find((w: Workspace) => w.id === id);
+      if (ws) ws.name = name;
+    }),
+
+    updateWorkspaceMetadata: (id, metadata) => set((state: StoreState) => {
+      const ws = state.workspaces.find((w: Workspace) => w.id === id);
+      if (ws) {
+        if (!ws.metadata) ws.metadata = {};
+        Object.assign(ws.metadata, metadata);
+      }
+    }),
+
+    reorderWorkspace: (fromIndex, toIndex) => set((state: StoreState) => {
+      if (fromIndex === toIndex) return;
+      if (fromIndex < 0 || fromIndex >= state.workspaces.length) return;
+      if (toIndex < 0 || toIndex >= state.workspaces.length) return;
+      const [removed] = state.workspaces.splice(fromIndex, 1);
+      state.workspaces.splice(toIndex, 0, removed);
+    }),
+
+    loadSession: (data: SessionData) => set((state: StoreState) => {
+      if (!data.workspaces || data.workspaces.length === 0) return;
+
+      // Security: sanitize surfaces — clear ptyIds and block dangerous URLs
+      const BLOCKED_URL_SCHEMES = ['javascript:', 'data:', 'vbscript:', 'file:'];
+      const sanitizePanes = (pane: Pane) => {
+        if (pane.type === 'leaf') {
+          for (const s of pane.surfaces) {
+            if (s.surfaceType !== 'browser') {
+              s.ptyId = '';
+            }
+            // Strip dangerous browserUrl schemes that could execute code on load
+            if (s.browserUrl) {
+              const normalized = s.browserUrl.trim().toLowerCase();
+              if (BLOCKED_URL_SCHEMES.some((scheme) => normalized.startsWith(scheme))) {
+                s.browserUrl = 'about:blank';
+              }
+            }
+          }
+        } else {
+          for (const child of pane.children) sanitizePanes(child);
+        }
+      };
+      for (const ws of data.workspaces) sanitizePanes(ws.rootPane);
+
+      state.workspaces = data.workspaces;
+      state.activeWorkspaceId = data.activeWorkspaceId;
+      state.sidebarVisible = data.sidebarVisible;
+
+      // Restore user preferences
+      if (data.theme) {
+        state.theme = data.theme;
+        document.documentElement.setAttribute('data-theme', data.theme);
+      }
+      if (data.locale) {
+        state.locale = data.locale as Locale;
+        i18nSetLocale(data.locale as Locale);
+      }
+      if (data.terminalFontSize != null) state.terminalFontSize = data.terminalFontSize;
+      if (data.terminalFontFamily) state.terminalFontFamily = data.terminalFontFamily;
+      if (data.defaultShell) state.defaultShell = data.defaultShell;
+      if (data.scrollbackLines != null) state.scrollbackLines = data.scrollbackLines;
+      if (data.sidebarPosition) state.sidebarPosition = data.sidebarPosition;
+      if (data.notificationSoundEnabled != null) state.notificationSoundEnabled = data.notificationSoundEnabled;
+      if (data.toastEnabled != null) {
+        state.toastEnabled = data.toastEnabled;
+        window.electronAPI.settings.setToastEnabled(data.toastEnabled);
+      }
+      if (data.notificationRingEnabled != null) state.notificationRingEnabled = data.notificationRingEnabled;
+      if (data.customKeybindings) state.customKeybindings = data.customKeybindings;
+    }),
+  };
+};

package/src/renderer/styles/globals.css

@@ -0,0 +1,150 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+/* ─── Theme CSS Variables ────────────────────────────────────────────────── */
+
+:root, [data-theme="catppuccin"] {
+  --bg-base: #1e1e2e;
+  --bg-mantle: #181825;
+  --bg-surface: #313244;
+  --bg-overlay: #45475a;
+  --text-muted: #585b70;
+  --text-subtle: #6c7086;
+  --text-sub: #bac2de;
+  --text-sub2: #a6adc8;
+  --text-main: #cdd6f4;
+  --accent-cursor: #f5e0dc;
+  --accent-blue: #89b4fa;
+  --accent-green: #a6e3a1;
+  --accent-red: #f38ba8;
+  --accent-yellow: #f9e2af;
+  --accent-pink: #f5c2e7;
+  --accent-teal: #94e2d5;
+  --accent-purple: #cba6f7;
+  /* RGB variants for opacity usage */
+  --accent-blue-rgb: 137, 180, 250;
+  --bg-surface-rgb: 49, 52, 68;
+  --bg-base-rgb: 30, 30, 46;
+}
+
+[data-theme="monochrome"] {
+  --bg-base: #080808;
+  --bg-mantle: #050505;
+  --bg-surface: #1c1c1c;
+  --bg-overlay: #2e2e2e;
+  --text-muted: #555555;
+  --text-subtle: #777777;
+  --text-sub: #aaaaaa;
+  --text-sub2: #999999;
+  --text-main: #e0e0e0;
+  --accent-cursor: #ffffff;
+  --accent-blue: #b0b0b0;
+  --accent-green: #d0d0d0;
+  --accent-red: #ff5555;
+  --accent-yellow: #cccccc;
+  --accent-pink: #c0c0c0;
+  --accent-teal: #b8b8b8;
+  --accent-purple: #b8b8b8;
+  --accent-blue-rgb: 176, 176, 176;
+  --bg-surface-rgb: 28, 28, 28;
+  --bg-base-rgb: 8, 8, 8;
+}
+
+[data-theme="claude"] {
+  --bg-base: #F5F0E8;
+  --bg-mantle: #EDE6D9;
+  --bg-surface: #E0D8CA;
+  --bg-overlay: #D5CCBC;
+  --text-muted: #B8A898;
+  --text-subtle: #9A8C7C;
+  --text-sub: #6B5D4F;
+  --text-sub2: #7A6E60;
+  --text-main: #3D3429;
+  --accent-cursor: #3D3429;
+  --accent-blue: #DA7756;
+  --accent-green: #5A8A4C;
+  --accent-red: #C4533A;
+  --accent-yellow: #B8912D;
+  --accent-pink: #B5647A;
+  --accent-teal: #4A9588;
+  --accent-purple: #7A6AAF;
+  --accent-blue-rgb: 218, 119, 86;
+  --bg-surface-rgb: 224, 216, 202;
+  --bg-base-rgb: 245, 240, 232;
+}
+
+/* ─── Base ────────────────────────────────────────────────────────────────── */
+
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+html, body, #root {
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+  background-color: var(--bg-base);
+  color: var(--text-main);
+  font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
+}
+
+/* Custom scrollbar */
+::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+::-webkit-scrollbar-track {
+  background: transparent;
+}
+::-webkit-scrollbar-thumb {
+  background: var(--bg-surface);
+  border-radius: 3px;
+}
+::-webkit-scrollbar-thumb:hover {
+  background: var(--bg-overlay);
+}
+::-webkit-scrollbar-corner {
+  background: transparent;
+}
+
+/* Notification ring pulse on inactive panes with unread notifications */
+@keyframes notification-ring-pulse {
+  0%, 100% { box-shadow: 0 0 0 0 rgba(var(--accent-blue-rgb), 0.4); }
+  50% { box-shadow: 0 0 0 3px rgba(var(--accent-blue-rgb), 0.2); }
+}
+
+.notification-ring {
+  animation: notification-ring-pulse 2s ease-in-out infinite;
+}
+
+/* Notification panel slide-in */
+@keyframes notification-slide-in {
+  from { transform: translateX(100%); }
+  to { transform: translateX(0); }
+}
+
+.notification-panel-enter {
+  animation: notification-slide-in 0.2s ease-out;
+}
+
+/* Pane flash highlight — Ctrl+Shift+H */
+@keyframes pane-flash {
+  0%   { opacity: 0; }
+  15%  { opacity: 0.35; }
+  70%  { opacity: 0.25; }
+  100% { opacity: 0; }
+}
+
+.pane-flash::after {
+  content: '';
+  position: absolute;
+  inset: 0;
+  border-radius: 2px;
+  background: var(--accent-blue);
+  pointer-events: none;
+  animation: pane-flash 0.5s ease-out forwards;
+  z-index: 100;
+}

package/src/renderer/themes.ts

@@ -0,0 +1,99 @@
+export type ThemeId = 'catppuccin' | 'monochrome' | 'claude';
+
+export interface XtermThemeColors {
+  background: string;
+  foreground: string;
+  cursor: string;
+  selectionBackground: string;
+  black: string;
+  red: string;
+  green: string;
+  yellow: string;
+  blue: string;
+  magenta: string;
+  cyan: string;
+  white: string;
+  brightBlack: string;
+  brightRed: string;
+  brightGreen: string;
+  brightYellow: string;
+  brightBlue: string;
+  brightMagenta: string;
+  brightCyan: string;
+  brightWhite: string;
+}
+
+export const XTERM_THEMES: Record<ThemeId, XtermThemeColors> = {
+  catppuccin: {
+    background: '#1e1e2e',
+    foreground: '#cdd6f4',
+    cursor: '#f5e0dc',
+    selectionBackground: '#585b70',
+    black: '#45475a',
+    red: '#f38ba8',
+    green: '#a6e3a1',
+    yellow: '#f9e2af',
+    blue: '#89b4fa',
+    magenta: '#f5c2e7',
+    cyan: '#94e2d5',
+    white: '#bac2de',
+    brightBlack: '#585b70',
+    brightRed: '#f38ba8',
+    brightGreen: '#a6e3a1',
+    brightYellow: '#f9e2af',
+    brightBlue: '#89b4fa',
+    brightMagenta: '#f5c2e7',
+    brightCyan: '#94e2d5',
+    brightWhite: '#a6adc8',
+  },
+  monochrome: {
+    background: '#080808',
+    foreground: '#e0e0e0',
+    cursor: '#ffffff',
+    selectionBackground: '#333333',
+    black: '#2e2e2e',
+    red: '#ff5555',
+    green: '#d0d0d0',
+    yellow: '#cccccc',
+    blue: '#b0b0b0',
+    magenta: '#c0c0c0',
+    cyan: '#b8b8b8',
+    white: '#aaaaaa',
+    brightBlack: '#555555',
+    brightRed: '#ff5555',
+    brightGreen: '#e0e0e0',
+    brightYellow: '#dddddd',
+    brightBlue: '#c0c0c0',
+    brightMagenta: '#d0d0d0',
+    brightCyan: '#c8c8c8',
+    brightWhite: '#999999',
+  },
+  claude: {
+    background: '#F5F0E8',
+    foreground: '#3D3429',
+    cursor: '#3D3429',
+    selectionBackground: '#D5CCBC',
+    black: '#3D3429',
+    red: '#C4533A',
+    green: '#5A8A4C',
+    yellow: '#B8912D',
+    blue: '#DA7756',
+    magenta: '#B5647A',
+    cyan: '#4A9588',
+    white: '#EDE6D9',
+    brightBlack: '#9A8C7C',
+    brightRed: '#CF6659',
+    brightGreen: '#7DAA6E',
+    brightYellow: '#D4A84B',
+    brightBlue: '#E08A6A',
+    brightMagenta: '#C97A8D',
+    brightCyan: '#6AAB9E',
+    brightWhite: '#F5F0E8',
+  },
+};
+
+export const THEME_OPTIONS: Array<{ value: ThemeId; label: string }> = [
+  { value: 'catppuccin', label: 'Catppuccin Mocha' },
+  { value: 'monochrome', label: 'Monochrome' },
+  { value: 'claude', label: 'Claude' },
+];

package/src/shared/constants.ts

@@ -0,0 +1,53 @@
+// IPC Channel names
+export const IPC = {
+  PTY_CREATE: 'pty:create',
+  PTY_WRITE: 'pty:write',
+  PTY_RESIZE: 'pty:resize',
+  PTY_DISPOSE: 'pty:dispose',
+  PTY_DATA: 'pty:data',
+  PTY_EXIT: 'pty:exit',
+  SHELL_LIST: 'shell:list',
+  SESSION_SAVE: 'session:save',
+  SESSION_LOAD: 'session:load',
+  NOTIFICATION: 'notification:new',
+  CWD_CHANGED: 'notification:cwd-changed',
+  METADATA_UPDATE: 'metadata:update',
+  METADATA_REQUEST: 'metadata:request',
+  // Phase 3: RPC bridge (Main ↔ Renderer)
+  RPC_COMMAND: 'rpc:command',
+  RPC_RESPONSE: 'rpc:response',
+  // Clipboard (main process bridge)
+  CLIPBOARD_WRITE: 'clipboard:write',
+  CLIPBOARD_READ: 'clipboard:read',
+  // Phase 4: Auto updater
+  UPDATE_CHECK: 'update:check',
+  UPDATE_AVAILABLE: 'update:available',
+  UPDATE_NOT_AVAILABLE: 'update:not-available',
+  UPDATE_ERROR: 'update:error',
+  UPDATE_DOWNLOAD: 'update:download',
+  UPDATE_INSTALL: 'update:install',
+  // Settings sync (renderer → main)
+  TOAST_ENABLED: 'settings:toast-enabled',
+} as const;
+
+// Named Pipe path for wmux API
+// Fixed name so MCP clients (e.g. Claude Code) can reconnect across wmux restarts
+export const PIPE_NAME = '\\\\.\\pipe\\wmux';
+
+export function getPipeName(): string {
+  return PIPE_NAME;
+}
+
+// Environment variable names injected into PTY sessions
+export const ENV_KEYS = {
+  WORKSPACE_ID: 'WMUX_WORKSPACE_ID',
+  SURFACE_ID: 'WMUX_SURFACE_ID',
+  SOCKET_PATH: 'WMUX_SOCKET_PATH',
+  AUTH_TOKEN: 'WMUX_AUTH_TOKEN',
+} as const;
+
+// Auth token file path — written by wmux main process, read by MCP server
+export function getAuthTokenPath(): string {
+  const home = process.env.USERPROFILE || process.env.HOME || '';
+  return `${home}/.wmux-auth-token`;
+}

package/src/shared/electron.d.ts

@@ -0,0 +1,11 @@
+import type { ElectronAPI } from '../preload/index';
+
+declare global {
+  interface Window {
+    electronAPI: ElectronAPI;
+    clipboardAPI: {
+      writeText: (text: string) => Promise<void>;
+      readText: () => Promise<string>;
+    };
+  }
+}