aegiscode 3.1.7 → 3.1.10

package/src/ui/themes/defaultTheme.ts

@@ -0,0 +1,85 @@
+import type { Theme, BaseColors, Spacing } from './types.js';
+
+const aegisColors: BaseColors = {
+  primary: '#00e5c0',      // ÆGIS teal
+  secondary: '#7c6fd4',    // purple
+  accent: '#00e5c0',
+  success: '#22c55e',
+  warning: '#f59e0b',
+  error: '#ef4444',
+  info: '#00e5c0',
+  text: {
+    primary: '#e8e6f4',
+    secondary: '#8882a4',
+    muted: '#44405a',
+    light: '#e8e6f4',
+  },
+  background: {
+    primary: '#04040c',
+    secondary: '#181828',
+    dark: '#0c0c16',
+  },
+  border: {
+    light: '#1a1a2a',
+    dark: '#1a1a2a',
+  },
+  syntax: {
+    keyword: '#00e5c0',
+    string: '#7c6fd4',
+    number: '#f59e0b',
+    comment: '#44405a',
+    function: '#f472b6',
+    variable: '#e8e6f4',
+    operator: '#89DDFF',
+    type: '#FFCB6B',
+    tag: '#F07178',
+    attr: '#C3E88D',
+    default: '#A6ACCD',
+  },
+};
+
+const spacing: Spacing = { xs: 0, sm: 1, md: 2, lg: 3, xl: 4 };
+
+const tokens = {
+  elevation: {
+    flat: 'rgba(0,0,0,0)',
+    raised: 'rgba(0, 229, 192, 0.08)',
+    overlay: 'rgba(0, 0, 0, 0.4)',
+    sticky: 'rgba(0, 229, 192, 0.12)',
+  },
+  radius: {
+    sm: 0,
+    md: 1,
+    lg: 2,
+    full: 0,
+  },
+  animation: {
+    fast: 80,
+    normal: 150,
+    slow: 300,
+    easing: 'ease-out',
+  },
+  semantic: {
+    interactive: {
+      idle: aegisColors.primary,
+      hover: '#33ffd9',
+      active: '#00bfa0',
+      disabled: '#44405a',
+    },
+    focus: {
+      ring: '#00e5c0',
+      glow: 'rgba(0, 229, 192, 0.3)',
+    },
+    code: {
+      background: '#08080f',
+      border: '#1a1a2a',
+    },
+  },
+};
+
+export const defaultTheme: Theme = {
+  name: 'default',
+  colors: aegisColors,
+  spacing,
+  tokens,
+};

package/src/ui/themes/index.ts

@@ -0,0 +1,10 @@
+/**
+ * 
+ */
+
+export * from './types.js';
+export { defaultTheme } from './defaultTheme.js';
+export { darkTheme } from './darkTheme.js';
+export { lightTheme } from './lightTheme.js';
+export { ThemeManager, themeManager } from './ThemeManager.js';
+export { aegisTheme } from './aegisTheme.js';

package/src/ui/themes/lightTheme.ts

@@ -0,0 +1,89 @@
+/**
+ * 
+ * 
+ */
+
+import type { Theme } from './types.js';
+import { defaultTheme } from './defaultTheme.js';
+
+const lightTokens = {
+  elevation: {
+    flat: 'rgba(0,0,0,0)',
+    raised: 'rgba(37, 99, 235, 0.06)',
+    overlay: 'rgba(0, 0, 0, 0.15)',
+    sticky: 'rgba(37, 99, 235, 0.1)',
+  },
+  radius: {
+    sm: 0,
+    md: 1,
+    lg: 2,
+    full: 0,
+  },
+  animation: {
+    fast: 80,
+    normal: 150,
+    slow: 300,
+    easing: 'ease-out',
+  },
+  semantic: {
+    interactive: {
+      idle: '#2563eb',
+      hover: '#1d4ed8',
+      active: '#1e40af',
+      disabled: '#9ca3af',
+    },
+    focus: {
+      ring: '#2563eb',
+      glow: 'rgba(37, 99, 235, 0.25)',
+    },
+    code: {
+      background: '#f9fafb',
+      border: '#d1d5db',
+    },
+  },
+};
+
+export const lightTheme: Theme = {
+  ...defaultTheme,
+  name: 'light',
+  tokens: lightTokens,
+  colors: {
+    ...defaultTheme.colors,
+    // 使用更深的颜色确保对比
+    primary: '#2563eb',      // blue-600
+    secondary: '#4f46e5',    // indigo-600
+    accent: '#7c3aed',       // violet-600
+    success: '#16a34a',      // green-600
+    warning: '#d97706',      // amber-600
+    error: '#dc2626',        // red-600
+    info: '#0891b2',         // cyan-600
+    text: {
+      primary: '#111827',    // gray-900 - 最深的文
+      secondary: '#374151',  // gray-700
+      muted: '#6b7280',      // gray-500
+      light: '#f9fafb',      // gray-50
+    },
+    background: {
+      primary: '#ffffff',
+      secondary: '#e5e7eb',  // gray-200
+      dark: '#111827',       // gray-900
+    },
+    border: {
+      light: '#d1d5db',      // gray-300
+      dark: '#6b7280',       // gray-500
+    },
+    syntax: {
+      comment: '#6b7280',    // gray-500
+      string: '#047857',     // emerald-700
+      number: '#be185d',     // pink-700
+      keyword: '#6d28d9',    // violet-700
+      function: '#1d4ed8',   // blue-700
+      variable: '#111827',   // gray-900
+      operator: '#b45309',   // amber-700
+      type: '#0e7490',       // cyan-700
+      tag: '#b91c1c',        // red-700
+      attr: '#a16207',       // yellow-700
+      default: '#111827',    // gray-900
+    },
+  },
+};

package/src/ui/themes/popularThemes.ts

@@ -0,0 +1,187 @@
+/**
+ * Popular themes: Dracula, Nord, Tokyo Night, Catppuccin
+ */
+
+import type { Theme, BaseColors, Spacing } from './types.js';
+
+const defaultSpacing: Spacing = { xs: 0, sm: 1, md: 2, lg: 3, xl: 4 };
+
+// ─── Dracula ───────────────────────────────────────────────
+const draculaColors: BaseColors = {
+  primary: '#bd93f9',      // purple
+  secondary: '#ff79c6',    // pink
+  accent: '#50fa7b',       // green
+  success: '#50fa7b',
+  warning: '#f1fa8c',
+  error: '#ff5555',
+  info: '#8be9fd',
+  text: {
+    primary: '#f8f8f2',
+    secondary: '#e9e9f0',
+    muted: '#6272a4',
+    light: '#f8f8f2',
+  },
+  background: {
+    primary: '#282a36',
+    secondary: '#44475a',
+    dark: '#21222c',
+  },
+  border: {
+    light: '#44475a',
+    dark: '#21222c',
+  },
+  syntax: {
+    keyword: '#ff79c6',
+    string: '#f1fa8c',
+    number: '#bd93f9',
+    comment: '#6272a4',
+    function: '#50fa7b',
+    variable: '#f8f8f2',
+    operator: '#ff79c6',
+    type: '#8be9fd',
+    tag: '#ff5555',
+    attr: '#50fa7b',
+    default: '#f8f8f2',
+  },
+};
+
+export const draculaTheme: Theme = {
+  name: 'dracula',
+  colors: draculaColors,
+  spacing: defaultSpacing,
+};
+
+// ─── Nord ──────────────────────────────────────────────────
+const nordColors: BaseColors = {
+  primary: '#88c0d0',      // frost
+  secondary: '#81a1c1',    // frost
+  accent: '#a3be8c',       // green
+  success: '#a3be8c',
+  warning: '#ebcb8b',
+  error: '#bf616a',
+  info: '#88c0d0',
+  text: {
+    primary: '#eceff4',
+    secondary: '#e5e9f0',
+    muted: '#616e88',
+    light: '#eceff4',
+  },
+  background: {
+    primary: '#2e3440',
+    secondary: '#3b4252',
+    dark: '#242933',
+  },
+  border: {
+    light: '#4c566a',
+    dark: '#2e3440',
+  },
+  syntax: {
+    keyword: '#81a1c1',
+    string: '#a3be8c',
+    number: '#b48ead',
+    comment: '#616e88',
+    function: '#88c0d0',
+    variable: '#d8dee9',
+    operator: '#81a1c1',
+    type: '#8fbcbb',
+    tag: '#bf616a',
+    attr: '#a3be8c',
+    default: '#eceff4',
+  },
+};
+
+export const nordTheme: Theme = {
+  name: 'nord',
+  colors: nordColors,
+  spacing: defaultSpacing,
+};
+
+// ─── Tokyo Night ───────────────────────────────────────────
+const tokyoNightColors: BaseColors = {
+  primary: '#7aa2f7',      // blue
+  secondary: '#bb9af7',    // purple
+  accent: '#7dcfff',       // cyan
+  success: '#9ece6a',
+  warning: '#e0af68',
+  error: '#f7768e',
+  info: '#7dcfff',
+  text: {
+    primary: '#c0caf5',
+    secondary: '#a9b1d6',
+    muted: '#565f89',
+    light: '#c0caf5',
+  },
+  background: {
+    primary: '#1a1b26',
+    secondary: '#24283b',
+    dark: '#0f0f17',
+  },
+  border: {
+    light: '#3b4261',
+    dark: '#1a1b26',
+  },
+  syntax: {
+    keyword: '#bb9af7',
+    string: '#9ece6a',
+    number: '#ff9e64',
+    comment: '#565f89',
+    function: '#7aa2f7',
+    variable: '#c0caf5',
+    operator: '#89DDFF',
+    type: '#ff9e64',
+    tag: '#f7768e',
+    attr: '#9ece6a',
+    default: '#c0caf5',
+  },
+};
+
+export const tokyoNightTheme: Theme = {
+  name: 'tokyo-night',
+  colors: tokyoNightColors,
+  spacing: defaultSpacing,
+};
+
+// ─── Catppuccin Mocha ──────────────────────────────────────
+const catppuccinColors: BaseColors = {
+  primary: '#89b4fa',      // blue
+  secondary: '#cba6f7',    // mauve
+  accent: '#a6e3a1',       // green
+  success: '#a6e3a1',
+  warning: '#f9e2af',
+  error: '#f38ba8',
+  info: '#89dceb',
+  text: {
+    primary: '#cdd6f4',
+    secondary: '#bac2de',
+    muted: '#6c7086',
+    light: '#cdd6f4',
+  },
+  background: {
+    primary: '#1e1e2e',
+    secondary: '#313244',
+    dark: '#181825',
+  },
+  border: {
+    light: '#45475a',
+    dark: '#1e1e2e',
+  },
+  syntax: {
+    keyword: '#cba6f7',
+    string: '#a6e3a1',
+    number: '#fab387',
+    comment: '#6c7086',
+    function: '#89b4fa',
+    variable: '#cdd6f4',
+    operator: '#89dceb',
+    type: '#f9e2af',
+    tag: '#f38ba8',
+    attr: '#a6e3a1',
+    default: '#cdd6f4',
+  },
+};
+
+export const catppuccinTheme: Theme = {
+  name: 'catppuccin',
+  colors: catppuccinColors,
+  spacing: defaultSpacing,
+};

package/src/ui/themes/types.ts

@@ -0,0 +1,130 @@
+/**
+ * Theme type definitions
+ *
+ * Extended with design tokens for consistent spacing, elevation, and semantic colors.
+ */
+
+export type ColorMode = 'dark' | 'light' | 'unknown';
+
+export interface SyntaxColors {
+  comment: string;
+  string: string;
+  number: string;
+  keyword: string;
+  function: string;
+  variable: string;
+  operator: string;
+  type: string;
+  tag: string;
+  attr: string;
+  default: string;
+}
+
+export interface BaseColors {
+  primary: string;
+  secondary: string;
+  accent: string;
+  success: string;
+  warning: string;
+  error: string;
+  info: string;
+  text: {
+    primary: string;
+    secondary: string;
+    muted: string;
+    light: string;
+  };
+  background: {
+    primary: string;
+    secondary: string;
+    dark: string;
+  };
+  border: {
+    light: string;
+    dark: string;
+  };
+  syntax: SyntaxColors;
+}
+
+export interface Spacing {
+  xs: number;
+  sm: number;
+  md: number;
+  lg: number;
+  xl: number;
+}
+
+// ========== Design Tokens (new) ==========
+
+/** Elevation / shadow depth for panels, modals, overlays */
+export interface ElevationTokens {
+  flat: string;      // No elevation (background surface)
+  raised: string;    // Cards, panels
+  overlay: string;   // Modals, dialogs
+  sticky: string;    // Status bars, headers that should stand out
+}
+
+/** Border radius tokens */
+export interface RadiusTokens {
+  sm: number;
+  md: number;
+  lg: number;
+  full: number;
+}
+
+/** Animation / transition tokens */
+export interface AnimationTokens {
+  fast: number;      // ms — hover, micro-interactions
+  normal: number;    // ms — standard transitions
+  slow: number;      // ms — page/appear transitions
+  easing: string;    // CSS easing function name or cubic-bezier
+}
+
+/** Semantic color roles */
+export interface SemanticTokens {
+  /** Interactive element states */
+  interactive: {
+    idle: string;
+    hover: string;
+    active: string;
+    disabled: string;
+  };
+  /** Focus ring */
+  focus: {
+    ring: string;
+    glow: string;
+  };
+  /** Code block styling */
+  code: {
+    background: string;
+    border: string;
+  };
+}
+
+export interface DesignTokens {
+  elevation: ElevationTokens;
+  radius: RadiusTokens;
+  animation: AnimationTokens;
+  semantic: SemanticTokens;
+}
+
+export interface Theme {
+  name: string;
+  colors: BaseColors;
+  spacing: Spacing;
+  /** Optional design tokens for fine-grained UI control */
+  tokens?: DesignTokens;
+}
+
+export interface RoleStyle {
+  color: string;
+  prefix: string;
+  bold?: boolean;
+}
+
+export interface ThemePreset {
+  id: string;
+  name: string;
+  description?: string;
+  theme: Theme;
+}

package/src/utils/clipboard.ts

@@ -0,0 +1,48 @@
+/**
+ * Clipboard helper with an OSC 52 fallback.
+ *
+ * Native tools (pbcopy/xclip/xsel/clip) require a desktop clipboard and,
+ * on Linux, an X11/Wayland display — neither is available over plain SSH
+ * or on minimal/headless installs. OSC 52 asks the terminal emulator
+ * itself to set the clipboard and works in that case too (most modern
+ * terminals support it, including over SSH and inside tmux/screen).
+ */
+export async function copyToClipboard(text: string): Promise<void> {
+  const { execSync } = await import('child_process');
+  const platform = process.platform;
+
+  try {
+    if (platform === 'darwin') {
+      execSync('pbcopy', { input: text });
+      return;
+    }
+    if (platform === 'win32') {
+      execSync('clip', { input: text });
+      return;
+    }
+    if (platform === 'linux') {
+      try {
+        execSync('xclip -selection clipboard', { input: text });
+        return;
+      } catch {
+        execSync('xsel --clipboard --input', { input: text });
+        return;
+      }
+    }
+  } catch {
+    // Fall through to the OSC 52 escape sequence below.
+  }
+
+  writeOsc52(text);
+}
+
+function writeOsc52(text: string): void {
+  const base64 = Buffer.from(text, 'utf8').toString('base64');
+  // Wrap in tmux passthrough so it reaches the outer terminal when running
+  // inside tmux, where OSC 52 would otherwise be swallowed by tmux itself.
+  const sequence = `\x1b]52;c;${base64}\x07`;
+  const payload = process.env.TMUX
+    ? `\x1bPtmux;\x1b${sequence}\x1b\\`
+    : sequence;
+  process.stdout.write(payload);
+}

package/src/utils/debug.ts

@@ -0,0 +1,43 @@
+/**
+ * Debug 日志工具
+ * 
+ * 
+ */
+
+/** 设置全局 debug 状态（由 main.tsx parseDebugEarly 调用） */
+export function setGlobalDebug(enabled: boolean): void {
+  (globalThis as any).__AEGIS_DEBUG__ = enabled;
+}
+
+/** 获取全局 debug 状态 */
+export function isDebugEnabled(): boolean {
+  return (globalThis as any).__AEGIS_DEBUG__ === true;
+}
+
+/**
+ * 
+ */
+export function createDebugLogger(prefix: string) {
+  return {
+    log: (...args: unknown[]) => {
+      if (isDebugEnabled()) {
+        console.log(`[${prefix}]`, ...args);
+      }
+    },
+    warn: (...args: unknown[]) => {
+      if (isDebugEnabled()) {
+        console.warn(`[${prefix}]`, ...args);
+      }
+    },
+    error: (...args: unknown[]) => {
+      // 错误始终输
+      console.error(`[${prefix}]`, ...args);
+    },
+  };
+}
+
+// 预定义
+export const agentDebug = createDebugLogger('Agent');
+export const mcpDebug = createDebugLogger('MCP');
+export const mcpClientDebug = (name: string) => createDebugLogger(`McpClient:${name}`);
+export const mcpRegistryDebug = createDebugLogger('McpRegistry');

package/src/utils/environment.ts

@@ -0,0 +1,68 @@
+/**
+ * 
+ * 
+ * 
+ */
+
+import os from 'os';
+
+/**
+ * 
+ */
+export interface EnvironmentInfo {
+  workingDirectory: string;
+  homeDirectory: string;
+  platform: string;
+  nodeVersion: string;
+  currentDate: string;
+  shell: string;
+  username: string;
+}
+
+/**
+ * 
+ */
+export function getEnvironmentInfo(): EnvironmentInfo {
+  return {
+    workingDirectory: process.cwd(),
+    homeDirectory: os.homedir(),
+    platform: `${os.platform()} ${os.release()}`,
+    nodeVersion: process.version,
+    currentDate: new Date().toLocaleDateString('zh-CN', {
+      year: 'numeric',
+      month: 'long',
+      day: 'numeric',
+      weekday: 'long',
+    }),
+    shell: process.env.SHELL || 'unknown',
+    username: (() => { try { return os.userInfo().username; } catch { return process.env.USER || 'user'; } })(),
+  };
+}
+
+/**
+ * 
+ * 
+ * 
+ */
+export function getEnvironmentContext(): string {
+  const env = getEnvironmentInfo();
+
+  return `# Environment Context
+
+## Working Directory
+**Current**: \`${env.workingDirectory}\`
+**Home**: \`${env.homeDirectory}\`
+
+## System Information
+- **Platform**: ${env.platform}
+- **Node.js**: ${env.nodeVersion}
+- **Shell**: ${env.shell}
+- **Date**: ${env.currentDate}
+
+## File Path Guidelines
+When using file tools, provide **absolute paths**:
+- ✅ Correct: \`${env.workingDirectory}/package.json\`
+- ❌ Incorrect: \`package.json\` (relative path)
+
+The working directory is the root for all relative references.`;
+}

package/src/utils/index.ts

@@ -0,0 +1,10 @@
+/**
+ * Utils 模块导出
+ */
+
+export {
+  getEnvironmentInfo,
+  getEnvironmentContext,
+} from './environment.js';
+
+export type { EnvironmentInfo } from './environment.js';