✨ 新增 Bing/百度搜索引擎 & Agent 设置页面

- 扩展 SearchEngineConfig 支持 bing/baidu，默认引擎改为 Bing
- web_search 新增 searchBing/searchBaidu，html_extractor 新增对应解析方法
- 新增摘要模型配置（getSummaryModelId/setSummaryModelId），summarizeContent 优先使用摘要模型
- 新建 AgentSettings 页面：摘要模型选择 + 搜索引擎配置
- 侧边栏/路由注册、8 个 locale 文件新增 i18n keys
- 新增 Bing/百度搜索测试用例

Author: CodFrm

src/app/repo/agent_model.ts

@@ -2,6 +2,7 @@ import type { AgentModelConfig } from "@App/app/service/agent/types";
 import { Repo, loadCache } from "./repo";
 
 const DEFAULT_MODEL_KEY = "agent_model:__default__";
+const SUMMARY_MODEL_KEY = "agent_model:__summary__";
 
 // 使用 chrome.storage.local 存储 Agent 模型配置
 export class AgentModelRepo extends Repo<AgentModelConfig> {
@@ -10,9 +11,9 @@ export class AgentModelRepo extends Repo<AgentModelConfig> {
     this.enableCache();
   }
 
-  // 获取所有模型（排除 __default__ 这个存储默认模型 ID 的 key）
+  // 获取所有模型（排除 __default__ / __summary__ 等内部 key）
   async listModels(): Promise<AgentModelConfig[]> {
-    return this.find((key) => key !== `${this.prefix}__default__`);
+    return this.find((key) => !key.startsWith(`${this.prefix}__`));
   }
 
   // 获取指定模型
@@ -46,4 +47,21 @@ export class AgentModelRepo extends Repo<AgentModelConfig> {
       });
     });
   }
+
+  // 获取摘要模型 ID
+  async getSummaryModelId(): Promise<string> {
+    const cache = await loadCache();
+    return (cache[SUMMARY_MODEL_KEY] as string) || "";
+  }
+
+  // 设置摘要模型 ID
+  async setSummaryModelId(id: string): Promise<void> {
+    const cache = await loadCache();
+    cache[SUMMARY_MODEL_KEY] = id;
+    return new Promise<void>((resolve) => {
+      chrome.storage.local.set({ [SUMMARY_MODEL_KEY]: id }, () => {
+        resolve();
+      });
+    });
+  }
 }

src/app/service/agent/system_prompt.ts

@@ -44,14 +44,19 @@ Detect when you are stuck and stop early:
 - Keep responses concise — do not over-explain routine operations.
 - When reporting extracted data or results, format them clearly (use lists or structured text).
 
-## Built-in Tools
-
-You have direct access to these tools (no skill loading needed):
-- **web_fetch**: Fetch and extract content from a URL (HTML auto-extracted to readable text, JSON returned directly). Use for reading web pages, APIs, or downloading text content.
-- **web_search**: Search the web for information. Returns results with title, URL, and snippet.
-- **ask_user**: Ask the user a question and wait for their response. Use when you need clarification or a decision.
-- **agent**: Spawn a sub-agent for complex independent subtasks. The sub-agent has its own context and can use web_fetch, web_search, task tools, skills, and MCP tools. It cannot interact with the user directly.
-- **create_task / get_task / update_task / list_tasks**: Track multi-step work within this conversation. Tasks are in-memory only (not persisted across conversations).`;
+## Tool Selection Guide
+
+- **Read page content** → prefer \`get_tab_content\` (structured markdown) over \`execute_script\` (raw JS).
+- **Fetch remote data** → \`web_fetch\` for text/HTML/JSON. It does NOT support binary downloads — use a SkillScript with \`fetch()\` + \`CAT.agent.opfs.write(blob)\` for binary files.
+- **Ask user** → \`ask_user\` supports text only. To show images to the user, use \`execute_script\` to display them on page.
+
+## Binary File Workflow
+
+OPFS workspace stores files persistently. Binary files (images, PDFs, etc.) should stay as file references — never put large binary data in your messages.
+
+**Save**: screenshot with \`saveTo\` / SkillScript \`fetch()\` → \`CAT.agent.opfs.write(blob)\` → returns path
+**Use**: \`opfs_read(path, format='bloburl')\` → returns \`blob:chrome-extension://\` URL → pass to \`execute_script(target='page', world='ISOLATED')\` which can \`fetch()\` the blob URL and manipulate page DOM
+**Note**: Blob URLs are scoped to the extension origin. Only ISOLATED world (or Offscreen) can access them — MAIN world cannot.`;
 
 // Skill 摘要提示词模板
 export const SKILL_SUFFIX_HEADER = `---

src/app/service/agent/tools/execute_script.ts

@@ -4,7 +4,11 @@ import type { ToolExecutor } from "@App/app/service/agent/tool_registry";
 export const EXECUTE_SCRIPT_DEFINITION: ToolDefinition = {
   name: "execute_script",
   description:
-    "Execute JavaScript code. Use target='page' to run in a web page (DOM access). Use target='sandbox' for isolated computation.",
+    "Execute JavaScript code. " +
+    "target='page': run in a browser tab with DOM access. world param (page only): " +
+    "ISOLATED (default) — extension-isolated context, can fetch extension blob URLs (blob:chrome-extension://...) AND manipulate page DOM, ideal for bridging OPFS files to page operations; " +
+    "MAIN — shares page's window/globals (access page JS variables, call page functions), but cannot access extension URLs. " +
+    "target='sandbox': isolated computation environment, no DOM, no world param.",
   parameters: {
     type: "object",
     properties: {

src/app/service/agent/tools/opfs_tools.ts

@@ -15,7 +15,8 @@ export { sanitizePath };
 
 const OPFS_WRITE_DEFINITION: ToolDefinition = {
   name: "opfs_write",
-  description: "Write text content to a file in the workspace. Creates parent directories automatically.",
+  description:
+    "Write content to a file in the workspace. Supports text strings, Blob, and data URL (base64 auto-decoded to binary). Creates parent directories automatically.",
   parameters: {
     type: "object",
     properties: {

src/app/service/agent/tools/search_config.ts

@@ -1,13 +1,13 @@
 export type SearchEngineConfig = {
-  engine: "duckduckgo" | "google_custom";
+  engine: "bing" | "duckduckgo" | "baidu" | "google_custom";
   googleApiKey?: string;
   googleCseId?: string;
 };
 
 const STORAGE_KEY = "agent_search_config";
 
 const DEFAULT_CONFIG: SearchEngineConfig = {
-  engine: "duckduckgo",
+  engine: "bing",
 };
 
 export class SearchConfigRepo {

src/app/service/agent/tools/web_fetch.ts

@@ -6,7 +6,7 @@ import { extractHtmlContent } from "@App/app/service/offscreen/client";
 export const WEB_FETCH_DEFINITION: ToolDefinition = {
   name: "web_fetch",
   description:
-    "Fetch content from a URL. Returns extracted text for HTML pages, raw content for JSON/plain text. Use this to read web pages, APIs, or download text content. " +
+    "Fetch content from a URL. Returns extracted text for HTML pages, raw content for JSON/plain text. Text only — not suitable for binary downloads. " +
     "Use prompt to have the LLM summarize/extract specific information from the fetched content.",
   parameters: {
     type: "object",

src/app/service/agent/tools/web_search.test.ts

@@ -10,7 +10,7 @@ describe("WebSearchExecutor", () => {
     sendMessage: vi.fn().mockImplementation(() => Promise.resolve({ data: mockExtractReturnValue })),
   } as any;
 
-  const createMockConfigRepo = (engine: "duckduckgo" | "google_custom"): SearchConfigRepo => ({
+  const createMockConfigRepo = (engine: "bing" | "duckduckgo" | "baidu" | "google_custom"): SearchConfigRepo => ({
     getConfig: vi.fn().mockResolvedValue({
       engine,
       googleApiKey: engine === "google_custom" ? "test-key" : undefined,
@@ -208,6 +208,83 @@ describe("WebSearchExecutor", () => {
     expect(result).toEqual([]);
   });
 
+  it("should search Bing and return results", async () => {
+    const mockFetch = vi.fn().mockResolvedValue({
+      ok: true,
+      text: () =>
+        Promise.resolve(
+          "<html><li class='b_algo'><h2><a href='https://example.com'>Bing Result</a></h2><div class='b_caption'><p>Bing snippet</p></div></li></html>"
+        ),
+    });
+    vi.stubGlobal("fetch", mockFetch);
+
+    mockExtractReturnValue = [{ title: "Bing Result", url: "https://example.com", snippet: "Bing snippet" }];
+
+    const executor = new WebSearchExecutor(mockSender, createMockConfigRepo("bing"));
+    const result = JSON.parse((await executor.execute({ query: "bing test" })) as string);
+
+    expect(result).toHaveLength(1);
+    expect(result[0].title).toBe("Bing Result");
+    expect(mockFetch).toHaveBeenCalledWith(expect.stringContaining("bing.com/search"), expect.any(Object));
+  });
+
+  it("should throw when Bing returns error", async () => {
+    const mockFetch = vi.fn().mockResolvedValue({
+      ok: false,
+      status: 503,
+    });
+    vi.stubGlobal("fetch", mockFetch);
+
+    const executor = new WebSearchExecutor(mockSender, createMockConfigRepo("bing"));
+    await expect(executor.execute({ query: "test" })).rejects.toThrow("Bing search failed");
+  });
+
+  it("should return empty array when Bing extraction fails", async () => {
+    const mockFetch = vi.fn().mockResolvedValue({
+      ok: true,
+      text: () => Promise.resolve("<html></html>"),
+    });
+    vi.stubGlobal("fetch", mockFetch);
+
+    mockSender.sendMessage.mockImplementation(() => Promise.reject(new Error("extract timeout")));
+
+    const executor = new WebSearchExecutor(mockSender, createMockConfigRepo("bing"));
+    const result = JSON.parse((await executor.execute({ query: "test" })) as string);
+
+    expect(result).toEqual([]);
+  });
+
+  it("should search Baidu and return results", async () => {
+    const mockFetch = vi.fn().mockResolvedValue({
+      ok: true,
+      text: () =>
+        Promise.resolve(
+          "<html><div class='result'><h3 class='t'><a href='https://example.com'>Baidu Result</a></h3><div class='c-abstract'>Baidu snippet</div></div></html>"
+        ),
+    });
+    vi.stubGlobal("fetch", mockFetch);
+
+    mockExtractReturnValue = [{ title: "Baidu Result", url: "https://example.com", snippet: "Baidu snippet" }];
+
+    const executor = new WebSearchExecutor(mockSender, createMockConfigRepo("baidu"));
+    const result = JSON.parse((await executor.execute({ query: "百度测试" })) as string);
+
+    expect(result).toHaveLength(1);
+    expect(result[0].title).toBe("Baidu Result");
+    expect(mockFetch).toHaveBeenCalledWith(expect.stringContaining("baidu.com/s"), expect.any(Object));
+  });
+
+  it("should throw when Baidu returns error", async () => {
+    const mockFetch = vi.fn().mockResolvedValue({
+      ok: false,
+      status: 503,
+    });
+    vi.stubGlobal("fetch", mockFetch);
+
+    const executor = new WebSearchExecutor(mockSender, createMockConfigRepo("baidu"));
+    await expect(executor.execute({ query: "test" })).rejects.toThrow("Baidu search failed");
+  });
+
   it("should default to 5 results when max_results not specified", async () => {
     const mockFetch = vi.fn().mockResolvedValue({
       ok: true,

src/app/service/agent/tools/web_search.ts

@@ -2,7 +2,7 @@ import type { ToolDefinition } from "@App/app/service/agent/types";
 import type { ToolExecutor } from "@App/app/service/agent/tool_registry";
 import type { MessageSend } from "@Packages/message/types";
 import type { SearchConfigRepo } from "./search_config";
-import { extractSearchResults } from "@App/app/service/offscreen/client";
+import { extractSearchResults, extractBingResults, extractBaiduResults } from "@App/app/service/offscreen/client";
 
 export const WEB_SEARCH_DEFINITION: ToolDefinition = {
   name: "web_search",
@@ -38,8 +38,12 @@ export class WebSearchExecutor implements ToolExecutor {
       case "google_custom":
         return this.searchGoogle(query, maxResults, config.googleApiKey || "", config.googleCseId || "");
       case "duckduckgo":
-      default:
         return this.searchDuckDuckGo(query, maxResults);
+      case "baidu":
+        return this.searchBaidu(query, maxResults);
+      case "bing":
+      default:
+        return this.searchBing(query, maxResults);
     }
   }
 
@@ -73,6 +77,62 @@ export class WebSearchExecutor implements ToolExecutor {
     return JSON.stringify(results.slice(0, maxResults));
   }
 
+  private async searchBing(query: string, maxResults: number): Promise<string> {
+    const url = `https://www.bing.com/search?q=${encodeURIComponent(query)}&count=${maxResults}`;
+    const response = await fetch(url, {
+      headers: {
+        "User-Agent": "Mozilla/5.0 (compatible; ScriptCat Agent)",
+      },
+      signal: AbortSignal.timeout(15_000),
+    });
+
+    if (!response.ok) {
+      throw new Error(`Bing search failed: HTTP ${response.status}`);
+    }
+
+    const html = await response.text();
+
+    let results: Awaited<ReturnType<typeof extractBingResults>>;
+    try {
+      results = await Promise.race([
+        extractBingResults(this.sender, html),
+        new Promise<never>((_, reject) => setTimeout(() => reject(new Error("extract timeout")), 10_000)),
+      ]);
+    } catch {
+      results = [];
+    }
+
+    return JSON.stringify(results.slice(0, maxResults));
+  }
+
+  private async searchBaidu(query: string, maxResults: number): Promise<string> {
+    const url = `https://www.baidu.com/s?wd=${encodeURIComponent(query)}&rn=${maxResults}`;
+    const response = await fetch(url, {
+      headers: {
+        "User-Agent": "Mozilla/5.0 (compatible; ScriptCat Agent)",
+      },
+      signal: AbortSignal.timeout(15_000),
+    });
+
+    if (!response.ok) {
+      throw new Error(`Baidu search failed: HTTP ${response.status}`);
+    }
+
+    const html = await response.text();
+
+    let results: Awaited<ReturnType<typeof extractBaiduResults>>;
+    try {
+      results = await Promise.race([
+        extractBaiduResults(this.sender, html),
+        new Promise<never>((_, reject) => setTimeout(() => reject(new Error("extract timeout")), 10_000)),
+      ]);
+    } catch {
+      results = [];
+    }
+
+    return JSON.stringify(results.slice(0, maxResults));
+  }
+
   private async searchGoogle(query: string, maxResults: number, apiKey: string, cseId: string): Promise<string> {
     if (!apiKey || !cseId) {
       throw new Error("Google Custom Search requires API Key and CSE ID. Configure them in Agent Tool Settings.");

src/app/service/offscreen/client.ts

@@ -65,6 +65,24 @@ export async function extractHtmlWithSelectors(msgSender: MessageSend, html: str
   return result ?? null;
 }
 
+// Bing 搜索结果提取
+export async function extractBingResults(
+  msgSender: MessageSend,
+  html: string
+): Promise<Array<{ title: string; url: string; snippet: string }>> {
+  const result = await sendMessage(msgSender, "offscreen/htmlExtractor/extractBingResults", html);
+  return result ?? [];
+}
+
+// 百度搜索结果提取
+export async function extractBaiduResults(
+  msgSender: MessageSend,
+  html: string
+): Promise<Array<{ title: string; url: string; snippet: string }>> {
+  const result = await sendMessage(msgSender, "offscreen/htmlExtractor/extractBaiduResults", html);
+  return result ?? [];
+}
+
 // 搜索结果提取
 export async function extractSearchResults(
   msgSender: MessageSend,

src/app/service/offscreen/html_extractor.ts

@@ -13,6 +13,8 @@ export class HtmlExtractorService {
     this.group.on("extractHtmlContent", (html: string) => this.extractHtmlContent(html));
     this.group.on("extractHtmlWithSelectors", (html: string) => this.extractHtmlWithSelectors(html));
     this.group.on("extractSearchResults", (html: string) => this.extractSearchResults(html));
+    this.group.on("extractBingResults", (html: string) => this.extractBingResults(html));
+    this.group.on("extractBaiduResults", (html: string) => this.extractBaiduResults(html));
   }
 
   extractHtmlContent(html: string): string | null {
@@ -299,6 +301,62 @@ export class HtmlExtractorService {
     }
   }
 
+  // 解析 Bing 搜索结果
+  extractBingResults(html: string): SearchResult[] {
+    try {
+      const parser = new DOMParser();
+      const doc = parser.parseFromString(html, "text/html");
+      const results: SearchResult[] = [];
+
+      const resultEls = doc.querySelectorAll(".b_algo");
+      for (const el of Array.from(resultEls)) {
+        const linkEl = el.querySelector("h2 > a");
+        const snippetEl = el.querySelector(".b_caption p, p");
+        if (!linkEl) continue;
+
+        const title = (linkEl.textContent || "").trim();
+        const url = linkEl.getAttribute("href") || "";
+        const snippet = (snippetEl?.textContent || "").trim();
+
+        if (title && url) {
+          results.push({ title, url, snippet });
+        }
+      }
+
+      return results;
+    } catch {
+      return [];
+    }
+  }
+
+  // 解析百度搜索结果
+  extractBaiduResults(html: string): SearchResult[] {
+    try {
+      const parser = new DOMParser();
+      const doc = parser.parseFromString(html, "text/html");
+      const results: SearchResult[] = [];
+
+      const resultEls = doc.querySelectorAll(".result, .result-op");
+      for (const el of Array.from(resultEls)) {
+        const linkEl = el.querySelector(".t > a, h3 > a");
+        const snippetEl = el.querySelector(".c-abstract, .c-span-last");
+        if (!linkEl) continue;
+
+        const title = (linkEl.textContent || "").trim();
+        const url = linkEl.getAttribute("href") || "";
+        const snippet = (snippetEl?.textContent || "").trim();
+
+        if (title && url) {
+          results.push({ title, url, snippet });
+        }
+      }
+
+      return results;
+    } catch {
+      return [];
+    }
+  }
+
   extractSearchResults(html: string): SearchResult[] {
     try {
       const parser = new DOMParser();