illusion-code 0.2.1__tar.gz → 0.2.3__tar.gz

{illusion_code-0.2.1 → illusion_code-0.2.3}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: illusion-code
-Version: 0.2.1
+Version: 0.2.3
 Summary: Open-source Python port of Claude Code - an AI-powered CLI coding assistant
 Project-URL: Homepage, https://github.com/YunTaiHua/illusion-code
 Project-URL: Repository, https://github.com/YunTaiHua/illusion-code

{illusion_code-0.2.1 → illusion_code-0.2.3}/docs/en/settings.md

@@ -5,6 +5,7 @@
 - [Configuration Overview](#configuration-overview)
 - [Credentials File (credentials.json)](#credentials-file-credentialsjson)
 - [Global Configuration (settings.json)](#global-configuration-settingsjson)
+  - [working_directory](#working_directory)
   - [Environment Configuration (EnvConfig)](#environment-configuration-envconfig)
   - [Provider Configuration Examples](#provider-configuration-examples)
   - [Permission Configuration](#permission-configuration)
@@ -142,6 +143,7 @@ Uses `env_N` grouped format. Each `env_N` is an independent environment config (
   },
   "enabled_plugins": {},
   "mcp_servers": {},
+  "working_directory": null,
   "ui_language": "en-US",
   "output_style": "default",
   "fast_mode": false,
@@ -166,6 +168,30 @@ Uses `env_N` grouped format. Each `env_N` is an independent environment config (
 | `effort` | string | "medium" | Reasoning effort: low/medium/high/xhigh/max |
 | `passes` | int | 1 | Reasoning passes (1-8) |
 | `verbose` | bool | false | Verbose output |
+| `working_directory` | string | - | Fixed working directory (optional) |
+
+---
+
+## working_directory
+
+Fixed working directory. If set, illusion-code will automatically switch to this directory on startup.
+
+**Type:** String (optional)
+
+**Default:** Not set or empty
+
+**Example:**
+
+```json
+{
+  "working_directory": "E:\\Projects\\my-project"
+}
+```
+
+**Behavior:**
+- If the field exists and is not empty, automatically switches to the specified directory on startup
+- If the field does not exist or is empty, uses the current directory at startup
+- If the specified directory does not exist or lacks permissions, logs a warning and uses the current directory
 
 ---
 

{illusion_code-0.2.1 → illusion_code-0.2.3}/docs/zh-CN/extensions.md

@@ -433,3 +433,211 @@ hooks:
 - 钩子事件：`src/illusion/hooks/events.py`
 - 钩子 schema：`src/illusion/hooks/schemas.py`
 - 钩子类型：`src/illusion/hooks/types.py`
+
+---
+
+## 插件配置
+
+### 全局启用/禁用
+
+在 `~/.illusion/settings.json` 的 `enabled_plugins` 字段中控制：
+
+```json
+{
+  "enabled_plugins": {
+    "plugin-name": true,   // 启用
+    "plugin-name": false   // 禁用
+  }
+}
+```
+
+### 项目级禁用
+
+在 `<project>/.illusion/permissions.json` 的 `denied_plugins` 字段中控制：
+
+```json
+{
+  "denied_plugins": ["plugin-name"]  // 禁用特定插件
+  "denied_plugins": ["*"]            // 禁用所有插件
+}
+```
+
+### 优先级
+
+项目级 `denied_plugins` > 全局 `enabled_plugins` > 默认值
+
+### 源码参考
+
+- 插件加载器：`src/illusion/plugins/loader.py`
+
+---
+
+## MCP 服务器配置
+
+### 全局启用/禁用
+
+在 MCP 服务器配置中添加 `enabled` 字段：
+
+```json
+{
+  "mcp_servers": {
+    "server-name": {
+      "type": "stdio",
+      "command": "python",
+      "args": ["server.py"],
+      "enabled": false  // 禁用此服务器
+    }
+  }
+}
+```
+
+### 项目级禁用
+
+在 `<project>/.illusion/permissions.json` 的 `denied_mcp_servers` 字段中控制：
+
+```json
+{
+  "denied_mcp_servers": ["server-name"]  // 禁用特定服务器
+  "denied_mcp_servers": ["*"]            // 禁用所有服务器
+}
+```
+
+### 优先级
+
+项目级 `denied_mcp_servers` > 全局 `enabled` 字段 > 默认值
+
+### 源码参考
+
+- MCP 配置加载器：`src/illusion/mcp/config.py`
+
+---
+
+## 记忆系统配置
+
+### 全局启用/禁用
+
+在 `~/.illusion/settings.json` 的 `memory.enabled` 字段中控制：
+
+```json
+{
+  "memory": {
+    "enabled": false  // 禁用记忆功能
+  }
+}
+```
+
+### 项目级禁用
+
+在 `<project>/.illusion/permissions.json` 的 `denied_memory` 字段中控制：
+
+```json
+{
+  "denied_memory": true  // 禁用记忆功能
+}
+```
+
+### 优先级
+
+项目级 `denied_memory` > 全局 `memory.enabled` > 默认值
+
+### 源码参考
+
+- 记忆管理器：`src/illusion/memory/manager.py`
+
+---
+
+## Skills 配置
+
+### 加载来源
+
+Skills 可以从以下位置加载：
+- 内置 skills（`src/illusion/skills/bundled/`）
+- 用户 skills（`~/.illusion/skills/`）
+- 项目级 skills（`<project>/.illusion/skills/`）
+- 插件 skills（插件的 `skills/` 目录）
+
+### 项目级禁用
+
+在 `<project>/.illusion/permissions.json` 的 `denied_skills` 字段中控制：
+
+```json
+{
+  "denied_skills": ["skill-name"]  // 禁用特定 skill
+  "denied_skills": ["*"]           // 禁用所有 skills
+}
+```
+
+### 源码参考
+
+- Skills 加载器：`src/illusion/skills/loader.py`
+
+---
+
+## Hooks 配置
+
+### 加载来源
+
+Hooks 可以从以下位置加载：
+- 全局 `settings.json` 的 `hooks` 字段
+- 插件的 `hooks.json` 文件
+
+### 项目级禁用
+
+在 `<project>/.illusion/permissions.json` 的 `denied_hooks` 字段中控制：
+
+```json
+{
+  "denied_hooks": ["PreToolUse"]  // 禁用特定事件的 hooks
+  "denied_hooks": ["*"]           // 禁用所有 hooks
+}
+```
+
+### 源码参考
+
+- Hooks 加载器：`src/illusion/hooks/loader.py`
+
+---
+
+## Commands 配置
+
+### 命令类型
+
+IllusionCode 的斜杠命令分为两类：
+
+1. **内置命令**：如 `/help`、`/model`、`/skills` 等，硬编码注册，不可禁用
+2. **插件命令**：通过插件的 `commands/` 或 `skills/` 目录提供，遵循插件的启用/禁用规则
+
+### 插件命令的启用/禁用
+
+- 通过 `enabled_plugins` 控制插件整体启用/禁用
+- 通过 `denied_plugins` 项目级禁用插件
+- 插件禁用后，其提供的所有命令都会被禁用
+
+### 源码参考
+
+- 命令注册表：`src/illusion/commands/registry.py`
+
+---
+
+## Rules 配置
+
+### 加载来源
+
+Rules 从以下位置加载：
+- `.claude/rules/*.md`
+- `.illusion/rules/*.md`
+
+### 项目级禁用
+
+在 `<project>/.illusion/permissions.json` 的 `denied_rules` 字段中控制：
+
+```json
+{
+  "denied_rules": ["rule-name"]  // 禁用特定 rule
+  "denied_rules": ["*"]          // 禁用所有 rules
+}
+```
+
+### 源码参考
+
+- Rules 发现逻辑：`src/illusion/prompts/claudemd.py`

{illusion_code-0.2.1 → illusion_code-0.2.3}/docs/zh-CN/project-files.md

@@ -119,3 +119,47 @@ metadata:
 - 路径解析：`src/illusion/memory/paths.py`
 - 加载逻辑：`src/illusion/memory/memdir.py`
 - 管理功能：`src/illusion/memory/manager.py`
+
+---
+
+## 项目级权限配置 (permissions.json)
+
+项目级 `permissions.json` 文件位于 `<project>/.illusion/permissions.json`，用于控制该项目的权限和禁用开关。
+
+### 配置示例
+
+```json
+{
+  "always_allow_tools": ["read_file", "grep"],
+  "denied_tools": ["bash"],
+  "denied_skills": ["dangerous-skill"],
+  "denied_hooks": ["PreToolUse"],
+  "denied_plugins": ["unwanted-plugin"],
+  "denied_mcp_servers": ["external-server"],
+  "denied_memory": false
+}
+```
+
+### 配置字段说明
+
+| 字段 | 类型 | 默认值 | 说明 |
+|------|------|--------|------|
+| `always_allow_tools` | list | `[]` | 始终允许的工具列表 |
+| `denied_tools` | list | `[]` | 始终拒绝的工具列表 |
+| `denied_skills` | list | `[]` | 禁用的 skill 名称列表，`["*"]` 表示全部禁用 |
+| `denied_hooks` | list | `[]` | 禁用的 hook 事件列表，`["*"]` 表示全部禁用 |
+| `denied_plugins` | list | `[]` | 禁用的插件名称列表，`["*"]` 表示全部禁用 |
+| `denied_mcp_servers` | list | `[]` | 禁用的 MCP 服务器名称列表，`["*"]` 表示全部禁用 |
+| `denied_memory` | bool | `false` | 是否禁用 memory 功能 |
+| `denied_rules` | list | `[]` | 禁用的规则名称列表，`["*"]` 表示全部禁用 |
+
+### 优先级规则
+
+1. 项目级 `permissions.json` — 最高优先级
+2. 全局 `settings.json` — 次优先级
+3. 默认值 — 最低优先级
+
+### 源码参考
+
+- 权限加载器：`src/illusion/permissions/loader.py`
+- 权限数据类：`src/illusion/permissions/schemas.py`

{illusion_code-0.2.1 → illusion_code-0.2.3}/docs/zh-CN/settings.md

@@ -5,6 +5,7 @@
 - [配置概览](#配置概览)
 - [凭据文件 (credentials.json)](#凭据文件-credentialsjson)
 - [全局配置 (settings.json)](#全局配置-settingsjson)
+  - [working_directory](#working_directory)
   - [环境配置 (EnvConfig)](#环境配置-envconfig)
   - [各提供商配置示例](#各提供商配置示例)
   - [权限配置](#权限配置)
@@ -142,6 +143,7 @@
   },
   "enabled_plugins": {},
   "mcp_servers": {},
+  "working_directory": null,
   "ui_language": "zh-CN",
   "output_style": "default",
   "fast_mode": false,
@@ -166,6 +168,30 @@
 | `effort` | string | "medium" | 推理强度：low/medium/high/xhigh/max |
 | `passes` | int | 1 | 推理轮数（1-8） |
 | `verbose` | bool | false | 详细输出 |
+| `working_directory` | string | - | 固定工作目录（可选） |
+
+---
+
+## working_directory
+
+固定工作目录。如果设置此字段，illusion-code启动时会自动切换到该目录。
+
+**类型：** 字符串（可选）
+
+**默认值：** 不设置或为空
+
+**示例：**
+
+```json
+{
+  "working_directory": "E:\\Projects\\my-project"
+}
+```
+
+**行为：**
+- 如果字段存在且不为空，启动时自动切换到指定目录
+- 如果字段不存在或为空，使用启动时的当前目录
+- 如果指定的目录不存在或无权限，记录警告日志，使用当前目录
 
 ---
 

{illusion_code-0.2.1 → illusion_code-0.2.3}/frontend/terminal/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "@illusion/terminal",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@illusion/terminal",
-      "version": "0.2.1",
+      "version": "0.2.3",
       "dependencies": {
         "chalk": "^5.6.2",
         "ink": "^5.1.0",

{illusion_code-0.2.1 → illusion_code-0.2.3}/frontend/terminal/package.json

@@ -24,5 +24,5 @@
     "tsx": "^4.19.2",
     "typescript": "^5.7.3"
   },
-  "version": "0.2.1"
+  "version": "0.2.3"
 }

{illusion_code-0.2.1 → illusion_code-0.2.3}/frontend/terminal/src/App.tsx

@@ -340,6 +340,12 @@ function AppInner({config}: {config: FrontendConfig}): React.JSX.Element {
 			return true;
 		}
 
+		// /skills → 显示技能选择器
+		if (trimmed === '/skills') {
+			session.sendRequest({type: 'select_command', command: 'skills'});
+			return true;
+		}
+
 		// /context → 显示上下文管理选择器
 		if (trimmed === '/context') {
 			session.sendRequest({type: 'select_command', command: 'context'});

{illusion_code-0.2.1 → illusion_code-0.2.3}/frontend/terminal/src/version.ts

@@ -6,4 +6,4 @@
  */
 
 /** 当前版本号 */
-export const VERSION = '0.2.1';
+export const VERSION = '0.2.3';

{illusion_code-0.2.1 → illusion_code-0.2.3}/frontend/web/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "@illusion/web",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@illusion/web",
-      "version": "0.2.1",
+      "version": "0.2.3",
       "dependencies": {
         "highlight.js": "^11.11.0",
         "react": "^18.3.1",

{illusion_code-0.2.1 → illusion_code-0.2.3}/frontend/web/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@illusion/web",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "private": true,
   "type": "module",
   "scripts": {

{illusion_code-0.2.1 → illusion_code-0.2.3}/frontend/web/src/App.tsx

@@ -149,7 +149,7 @@ export default function App() {
     }
 
     // 通过 select_command 获取内联选项的命令
-    const selectCommands = ['context', 'rewind', 'model', 'delete'];
+    const selectCommands = ['context', 'rewind', 'model', 'delete', 'rules', 'skills'];
     const cmdName = trimmed.startsWith('/') ? (trimmed.slice(1).split(/\s+/)[0] ?? '') : '';
     if (cmdName && selectCommands.includes(cmdName)) {
       session.setBusyTrue();
@@ -198,34 +198,38 @@ export default function App() {
    *
    * @param id - 会话 ID
    */
-  const handleSelectSession = (id: string) => {
+  const handleSelectSession = useCallback((id: string) => {
     session.suppressInlineOptions();
+    session.suppressCommandResult(1); // 抑制 apply_select_command 的命令结果
+    session.suppressTranscript(); // 抑制转录事件，直到收到 replace_transcript
     session.sendRequest({ type: 'apply_select_command', command: 'resume', value: id });
-    setTimeout(() => { session.suppressInlineOptions(); session.sendRequest({ type: 'list_sessions' }); }, 500);
-  };
+  }, [session.suppressInlineOptions, session.suppressCommandResult, session.suppressTranscript, session.sendRequest]);
 
   /** 处理列出会话 */
   const handleListSessions = useCallback(() => {
     session.suppressInlineOptions();
+    session.suppressCommandResult();
     session.sendRequest({ type: 'list_sessions' });
-  }, [session.suppressInlineOptions, session.sendRequest]);
+  }, [session.suppressInlineOptions, session.suppressCommandResult, session.sendRequest]);
 
   /** 处理删除会话 */
   const handleDeleteSessions = useCallback(() => {
     session.suppressInlineOptions();
+    session.suppressCommandResult();
     session.requestSelectCommand('delete');
-  }, [session.suppressInlineOptions, session.requestSelectCommand]);
+  }, [session.suppressInlineOptions, session.suppressCommandResult, session.requestSelectCommand]);
   /**
    * 处理确认删除
    *
    * 删除所有选中的会话。
    */
   const handleConfirmDelete = useCallback(() => {
+    session.suppressCommandResult();
     for (const id of deleteSelected) session.sendRequest({ type: 'apply_select_command', command: 'delete', value: id });
     session.clearDeleteSessions();
     setDeleteSelected(new Set());
-    setTimeout(() => { session.suppressInlineOptions(); session.sendRequest({ type: 'list_sessions' }); }, 500);
-  }, [deleteSelected, session.sendRequest, session.clearDeleteSessions, session.suppressInlineOptions]);
+    setTimeout(() => { session.suppressInlineOptions(); session.suppressCommandResult(); session.sendRequest({ type: 'list_sessions' }); }, 500);
+  }, [deleteSelected, session.sendRequest, session.clearDeleteSessions, session.suppressInlineOptions, session.suppressCommandResult]);
 
   /**
    * 处理关闭删除模态框
@@ -323,7 +327,7 @@ export default function App() {
       {showDeleteModal && (
         <div className="fixed inset-0 z-50 flex items-center justify-center">
           <div className="absolute inset-0 bg-black/30 backdrop-blur-sm" onClick={handleCloseDeleteModal} />
-          <div className="relative bg-white rounded-2xl shadow-2xl border border-border-light w-[420px] max-h-[70vh] flex flex-col">
+          <div className="relative bg-white rounded-xl shadow-2xl border border-border-light w-[420px] max-h-[70vh] flex flex-col">
             <div className="px-6 py-4 border-b border-border-light">
               <h3 className="text-lg font-semibold text-content-primary">{t(lang, 'delete_session')}</h3>
             </div>
@@ -361,7 +365,7 @@ export default function App() {
       {toastMessage && (
         <div className="fixed bottom-20 right-6 z-50 animate-fade-in"
           onMouseEnter={handleToastMouseEnter} onMouseLeave={handleToastMouseLeave}>
-          <div className="bg-white rounded-xl shadow-lg px-4 py-3 max-w-sm">
+          <div className="bg-white rounded-lg shadow-lg px-4 py-3 max-w-sm">
             <div className="flex items-start gap-3">
               <pre className="text-sm text-content-primary whitespace-pre-wrap font-mono leading-relaxed flex-1 max-h-40 overflow-y-auto">{toastMessage.text}</pre>
               <button onClick={() => setToastMessage(null)}

{illusion_code-0.2.1 → illusion_code-0.2.3}/frontend/web/src/components/MessageBubble.tsx

@@ -42,7 +42,7 @@ export default function MessageBubble({ item, toolInputMap }: MessageBubbleProps
   if (item.role === 'user') {
     return (
       <div className="flex justify-end py-1.5">
-        <div className="max-w-[min(82%,64ch)] bg-[rgba(0,0,0,0.031)] border border-[#e5e5e5] rounded-[6px] px-3 py-2 text-sm text-content-primary whitespace-pre-wrap break-words select-text">
+        <div className="max-w-[min(82%,64ch)] bg-surface-card-alt border border-border-light rounded-lg px-3 py-2 text-sm text-content-primary whitespace-pre-wrap break-words select-text">
           {item.text}
         </div>
       </div>
@@ -107,7 +107,7 @@ function ToolResultBubble({ name, text, isError, toolInput }: { name: string; te
         </span>
       </button>
       {open && text && (
-        <div className={`mt-1 ml-3.5 p-2.5 whitespace-pre-wrap font-mono text-xs leading-relaxed max-h-60 overflow-y-auto rounded-[6px] select-text ${isError ? 'text-danger bg-red-50 border border-red-200' : 'text-content-primary bg-[rgba(0,0,0,0.031)] border border-[#e5e5e5]'}`}>
+        <div className={`mt-1 ml-3.5 p-2.5 whitespace-pre-wrap font-mono text-xs leading-relaxed max-h-60 overflow-y-auto rounded-lg select-text ${isError ? 'text-danger bg-danger/5 border border-danger/20' : 'text-content-primary bg-surface-card-alt border border-border-light'}`}>
           {text}
         </div>
       )}
@@ -118,7 +118,9 @@ function ToolResultBubble({ name, text, isError, toolInput }: { name: string; te
 /**
  * 思考过程块组件
  *
- * 显示助手的思考/推理过程。
+ * 显示助手的思考/推理过程，支持 Markdown 渲染。
+ * 使用与主消息相同的渲染链（ReactMarkdown + remark-gfm + rehype-highlight），
+ * 但以更柔和的样式呈现，与正文形成视觉层次区分。
  *
  * @param props - 组件属性
  * @param props.text - 思考过程文本
@@ -126,8 +128,12 @@ function ToolResultBubble({ name, text, isError, toolInput }: { name: string; te
 function ThinkingBlock({ text }: { text: string }) {
   if (!text?.trim()) return null;
   return (
-    <div className="text-sm text-content-secondary whitespace-pre-wrap leading-relaxed select-text mb-3 opacity-75">
-      {text}
+    <div className="text-sm text-content-secondary leading-relaxed select-text mb-3 opacity-80 py-1">
+      <div className="prose prose-sm max-w-full">
+        <ReactMarkdown remarkPlugins={[remarkGfm, remarkSuperscript]} rehypePlugins={[rehypeHighlight, rehypeRaw]}>
+          {text}
+        </ReactMarkdown>
+      </div>
     </div>
   );
 }
@@ -249,8 +255,12 @@ export function StreamingBuffer({ text, reasoning }: { text: string; reasoning?:
   return (
     <div className="py-1.5">
       {hasReasoning && (
-        <div className="text-sm text-content-secondary whitespace-pre-wrap leading-relaxed select-text mb-3 opacity-75">
-          {reasoning}
+        <div className="text-sm text-content-secondary leading-relaxed select-text mb-3 opacity-80 py-1">
+          <div className="prose prose-sm max-w-full">
+            <ReactMarkdown remarkPlugins={[remarkGfm, remarkSuperscript]} rehypePlugins={[rehypeHighlight, rehypeRaw]}>
+              {reasoning}
+            </ReactMarkdown>
+          </div>
           {!hasText && <span className="inline-block w-0.5 h-4 bg-content-secondary animate-blink ml-0.5 align-middle" />}
         </div>
       )}

{illusion_code-0.2.1 → illusion_code-0.2.3}/frontend/web/src/components/PromptInput.tsx

@@ -246,7 +246,7 @@ export default function PromptInput({ lang, busy, connected, commands, onSubmit,
         </div>
       )}
 
-      <div className="flex items-end bg-white rounded-[12px] border border-border-light shadow-soft">
+      <div className="flex items-end bg-surface-card rounded-md border border-border-light shadow-soft focus-within:border-primary focus-within:ring-1 focus-within:ring-primary">
         <textarea
           value={value}
           onChange={handleChange}
@@ -254,7 +254,7 @@ export default function PromptInput({ lang, busy, connected, commands, onSubmit,
           placeholder={connected ? t(lang, 'input_placeholder') : t(lang, 'disconnected')}
           rows={1}
           disabled={!connected}
-          className="flex-1 resize-none bg-transparent outline-none text-sm text-content-primary placeholder-content-disabled min-h-[36px] max-h-[140px] disabled:opacity-50 leading-normal py-2.5 pl-3 pr-2"
+          className="flex-1 resize-none bg-transparent text-sm text-content-primary placeholder-content-disabled min-h-[36px] max-h-[140px] focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed leading-normal py-2.5 pl-3 pr-2"
           style={{ height: 'auto', overflow: 'hidden' }}
           onInput={(e) => {
             const el = e.currentTarget;
@@ -267,7 +267,7 @@ export default function PromptInput({ lang, busy, connected, commands, onSubmit,
           disabled={!connected && !busy}
           className={`shrink-0 m-1.5 w-8 h-8 flex items-center justify-center rounded-full transition-colors cursor-pointer disabled:opacity-40 disabled:cursor-not-allowed ${
             busy
-              ? 'bg-red-100 text-danger hover:bg-red-200 animate-pulse'
+              ? 'bg-danger/10 text-danger hover:bg-danger/20 animate-pulse'
               : 'bg-primary text-white hover:bg-primary-hover'
           }`}
           title={busy ? t(lang, 'task_stopped') : t(lang, 'send')}

{illusion_code-0.2.1 → illusion_code-0.2.3}/frontend/web/src/components/RightPanel.tsx

@@ -67,7 +67,7 @@ export default function RightPanel({
   // 折叠态
   if (collapsed) {
     return (
-      <aside className="w-12 bg-surface-card border-l border-border-light flex flex-col items-center py-4 shrink-0 select-none">
+      <aside className="w-12 bg-surface-main border-l border-border-light flex flex-col items-center py-4 shrink-0 select-none">
         <button onClick={onToggle} title={t(lang, 'expand_panel')}
           className="w-8 h-8 flex items-center justify-center rounded-lg text-content-secondary hover:bg-surface-hover hover:text-content-primary transition-colors cursor-pointer">
           <svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round">
@@ -87,7 +87,7 @@ export default function RightPanel({
   const projectRules = rules.filter((r) => r.source === 'project');
 
   return (
-    <aside className="bg-surface-card border-l border-border-light flex flex-col h-full shrink-0 overflow-y-auto select-none" style={{ width: `${width}px` }}>
+    <aside className="bg-surface-main border-l border-border-light flex flex-col h-full shrink-0 overflow-y-auto select-none" style={{ width: `${width}px` }}>
       {/* 折叠按钮 */}
       <div className="px-5 pt-3 pb-1 flex justify-end">
         <button onClick={onToggle} title={t(lang, 'collapse_panel')}

{illusion_code-0.2.1 → illusion_code-0.2.3}/frontend/web/src/components/Sidebar.tsx

@@ -55,7 +55,7 @@ export default function Sidebar({
 
   if (collapsed) {
     return (
-      <div className="w-14 bg-surface-card border-r border-border-light flex flex-col items-center py-4 shrink-0 select-none">
+      <div className="w-14 bg-surface-main border-r border-border-light flex flex-col items-center py-4 shrink-0 select-none">
         <button
           onClick={onToggle}
           className="w-9 h-9 flex items-center justify-center rounded-lg text-content-secondary hover:bg-surface-hover hover:text-content-primary transition-colors cursor-pointer"
@@ -70,7 +70,7 @@ export default function Sidebar({
   }
 
   return (
-    <aside className="bg-surface-card border-r border-border-light flex flex-col h-full shrink-0 select-none" style={{ width: `${width}px` }}>
+    <aside className="bg-surface-main border-r border-border-light flex flex-col h-full shrink-0 select-none" style={{ width: `${width}px` }}>
       <div className="flex items-center justify-between px-5 py-4 border-b border-border-light">
         <button
           onClick={onToggle}
@@ -128,7 +128,7 @@ export default function Sidebar({
               <button
                 key={s.value}
                 onClick={() => onSelectSession(s.value)}
-                className="w-full text-left px-3 py-2 rounded-lg text-sm text-content-secondary hover:bg-surface-hover hover:text-content-primary transition-colors cursor-pointer"
+                className="w-full text-left px-3 py-2 rounded-lg text-sm text-content-secondary hover:bg-surface-card-alt hover:text-content-primary transition-colors cursor-pointer"
                 title={s.label}
               >
                 <span className="line-clamp-2 leading-relaxed">{s.label}</span>

{illusion_code-0.2.1 → illusion_code-0.2.3}/frontend/web/src/components/Toolbar.tsx

@@ -61,17 +61,17 @@ function Dropdown({ value, placeholder, options, onChange, onOpen }: {
   return (
     <div className="relative">
       <button onClick={() => { if (!open && onOpen) onOpen(); setOpen(!open); }}
-        className="flex items-center gap-1.5 px-3 py-1.5 text-sm text-content-secondary hover:bg-surface-hover hover:text-content-primary rounded-lg transition-colors cursor-pointer border border-border-light bg-white">
+        className="flex items-center gap-1.5 px-3 py-1.5 text-sm text-content-secondary hover:bg-surface-card-alt hover:text-content-primary rounded-lg transition-colors cursor-pointer border border-border-light bg-surface-main">
         <span className={!value ? 'text-content-disabled' : ''}>{displayValue}</span>
         <span className="text-content-disabled text-[10px]">▾</span>
       </button>
       {open && (
         <>
           <div className="fixed inset-0 z-10" onClick={() => setOpen(false)} />
-          <div className="absolute bottom-full left-0 mb-1 bg-white border border-border-light rounded-xl shadow-lg z-20 min-w-[160px] py-1 max-h-[40vh] overflow-y-auto">
+          <div className="absolute bottom-full left-0 mb-1 bg-surface-main border border-border-light rounded-xl shadow-lg z-20 min-w-[160px] py-1 max-h-[40vh] overflow-y-auto">
             {options.map((opt) => (
               <button key={opt.value} onClick={() => { onChange(opt.value); setOpen(false); }}
-                className={`w-full text-left px-3 py-2 text-sm hover:bg-surface-hover transition-colors cursor-pointer ${opt.active ? 'text-primary font-medium bg-primary-light' : 'text-content-secondary'}`}>
+                className={`w-full text-left px-3 py-2 text-sm hover:bg-surface-card-alt transition-colors cursor-pointer ${opt.active ? 'text-primary font-medium bg-primary-light' : 'text-content-secondary'}`}>
                 {opt.label}
               </button>
             ))}