@klarkxy/dsh-web-search-manager 0.1.0

package/lib/client.js

@@ -0,0 +1,846 @@
+function __createDshNodeShims() {
+  class EventEmitter {
+    constructor() {
+      this._e = Object.create(null)
+    }
+    on(type, fn) {
+      (this._e[type] ||= []).push(fn)
+      return this
+    }
+    addListener(type, fn) {
+      return this.on(type, fn)
+    }
+    once(type, fn) {
+      const wrap = (...args) => {
+        this.off(type, wrap)
+        fn(...args)
+      }
+      return this.on(type, wrap)
+    }
+    off(type, fn) {
+      const list = this._e[type]
+      if (list) this._e[type] = list.filter((item) => item !== fn)
+      return this
+    }
+    removeListener(type, fn) {
+      return this.off(type, fn)
+    }
+    emit(type, ...args) {
+      const list = this._e[type]
+      if (!list) return false
+      for (const fn of list.slice()) fn(...args)
+      return true
+    }
+    removeAllListeners(type) {
+      if (type) delete this._e[type]
+      else this._e = Object.create(null)
+      return this
+    }
+    listeners(type) {
+      return (this._e[type] || []).slice()
+    }
+    setMaxListeners() {
+      return this
+    }
+  }
+
+  class Buffer extends Uint8Array {
+    static from(value, encodingOrOffset, length) {
+      if (typeof value === 'string') return new Buffer(new TextEncoder().encode(value))
+      if (value instanceof ArrayBuffer) return new Buffer(new Uint8Array(value, encodingOrOffset, length))
+      if (ArrayBuffer.isView(value)) return new Buffer(new Uint8Array(value.buffer, value.byteOffset, value.byteLength))
+      if (Array.isArray(value) || value && typeof value.length === 'number') return new Buffer(Uint8Array.from(value))
+      return new Buffer(0)
+    }
+    static alloc(size, fill) {
+      const buf = new Buffer(size)
+      if (fill !== undefined && fill !== 0) {
+        if (typeof fill === 'string') {
+          const bytes = new TextEncoder().encode(fill)
+          for (let i = 0; i < size; i += 1) buf[i] = bytes[i % bytes.length]
+        } else buf.fill(fill)
+      }
+      return buf
+    }
+    static allocUnsafe(size) {
+      return new Buffer(size)
+    }
+    static allocUnsafeSlow(size) {
+      return new Buffer(size)
+    }
+    static concat(list, totalLength) {
+      const length = totalLength ?? list.reduce((sum, item) => sum + item.length, 0)
+      const out = new Buffer(length)
+      let offset = 0
+      for (const item of list) {
+        out.set(item, offset)
+        offset += item.length
+      }
+      return out
+    }
+    static isBuffer(value) {
+      return value instanceof Buffer
+    }
+    static byteLength(value) {
+      if (typeof value === 'string') return new TextEncoder().encode(value).length
+      return value?.byteLength ?? value?.length ?? 0
+    }
+    static isEncoding(encoding) {
+      return /^(utf8|utf-8|ascii|latin1|binary|hex|base64|base64url)$/i.test(String(encoding || ''))
+    }
+    toString(encoding) {
+      if (encoding === 'hex') return [...this].map((byte) => byte.toString(16).padStart(2, '0')).join('')
+      if (encoding === 'base64') {
+        let binary = ''
+        this.forEach((byte) => {
+          binary += String.fromCharCode(byte)
+        })
+        return btoa(binary)
+      }
+      return new TextDecoder().decode(this)
+    }
+    slice(start, end) {
+      return Buffer.from(super.subarray(start, end))
+    }
+    copy(target, targetStart = 0, start = 0, end = this.length) {
+      const sliced = this.subarray(start, end)
+      target.set(sliced, targetStart)
+      return sliced.length
+    }
+    write(string, offset = 0) {
+      const bytes = new TextEncoder().encode(string)
+      const written = Math.min(bytes.length, this.length - offset)
+      this.set(bytes.subarray(0, written), offset)
+      return written
+    }
+  }
+
+  function inherits(ctor, superCtor) {
+    ctor.super_ = superCtor
+    ctor.prototype = Object.create(superCtor.prototype, {
+      constructor: { value: ctor, writable: true, configurable: true },
+    })
+  }
+
+  if (!globalThis.Buffer) globalThis.Buffer = Buffer
+
+  return {
+    buffer: { Buffer, SlowBuffer: Buffer, INSPECT_MAX_BYTES: 50, kMaxLength: 0x7fffffff },
+    stream: {
+      Stream: EventEmitter,
+      Readable: EventEmitter,
+      Writable: EventEmitter,
+      Duplex: EventEmitter,
+      Transform: EventEmitter,
+      PassThrough: EventEmitter,
+    },
+    events: { EventEmitter },
+    util: {
+      deprecate(fn) {
+        return fn
+      },
+      inherits,
+      inspect() {
+        return ''
+      },
+      format(value) {
+        return String(value)
+      },
+      types: { isBuffer: Buffer.isBuffer },
+    },
+  }
+}
+
+window.__ModuleLoader__.load({
+  id: "@klarkxy/dsh-web-search-manager",
+  factory: (dshRequire) => {
+    var __nodeShims;
+    var process = globalThis.process || { env: {}, nextTick: function (fn) { var args = [].slice.call(arguments, 1); queueMicrotask(function () { fn.apply(null, args); }); } };
+    var require = function (id) {
+      if (id === 'buffer' || id === 'stream' || id === 'util' || id === 'events') {
+        if (!__nodeShims) __nodeShims = __createDshNodeShims();
+        return __nodeShims[id];
+      }
+      return dshRequire(id);
+    };
+    var module = { exports: {} };
+    var exports = module.exports;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/provider-info.ts
+const PROVIDER_PRICING_CHECKED = "2026-09-21";
+const providerInfo = {
+	ddg: {
+		description: "搜索 DuckDuckGo 公开网页，无需注册或 API Key。",
+		pricing: "免费使用，不产生搜索 API 费用。",
+		pricingUrl: "https://duckduckgo.com/"
+	},
+	"zhihu-global": {
+		description: "融合知乎问答与全网内容，返回可溯源的搜索结果。",
+		pricing: "注册可获 5,000 次/天试用额度；超额价格需向平台咨询。",
+		pricingUrl: "https://developer.zhihu.com/"
+	},
+	bocha: {
+		description: "面向中文内容的网页搜索，返回标题、链接和摘要。",
+		pricing: "按调用次数计费，目录价 ¥0.036/次；试用额度以官方活动为准。",
+		pricingUrl: "https://aq6ky2b8nql.feishu.cn/wiki/JYSbwzdPIiFnz4kDYPXcHSDrnZb"
+	},
+	brave: {
+		description: "使用 Brave 独立网页索引，搜索网页、新闻等内容。",
+		pricing: "每月赠 $5（约 1,000 次）；超出 $5/千次，激活需绑卡。",
+		pricingUrl: "https://brave.com/search/api/"
+	},
+	"deepseek-official": {
+		description: "由 DeepSeek 模型调用内置搜索，复用模型 API Key。",
+		pricing: "默认 Flash 按 tokens 计费：每百万输入 ¥1–2（缓存命中 ¥0.02–0.04）、输出 ¥4–8，随峰谷时段变化；赠送余额和搜索工具费用以平台为准。",
+		pricingUrl: "https://api-docs.deepseek.com/zh-cn/quick_start/pricing/"
+	},
+	exa: {
+		description: "面向 AI 的网页搜索，提供相关网页与内容片段。",
+		pricing: "注册赠 $20，此后每月赠 $10；$7/千次（每次最多 10 条），超过 10 条每多一条加 $1/千次。",
+		pricingUrl: "https://exa.ai/pricing"
+	},
+	firecrawl: {
+		description: "搜索网页，并可配合网页内容提取。",
+		pricing: "每月免费 1,000 积分，搜索每 10 条结果扣 2 积分；Hobby 含 5,000 积分/月，年付折合 $16/月，额外 $5/千积分。",
+		pricingUrl: "https://www.firecrawl.dev/pricing"
+	},
+	serper: {
+		description: "获取 Google 的网页搜索结果。",
+		pricing: "注册赠 2,500 次（一次性）；充值 $50/5万次（$1/千次），付费额度有效期 6 个月。",
+		pricingUrl: "https://serper.dev/"
+	},
+	tavily: {
+		description: "面向 AI 的网页搜索，当前使用基础搜索。",
+		pricing: "每月免费 1,000 积分，基础搜索 1 积分/次；按量付费 $0.008/积分（$8/千次）。",
+		pricingUrl: "https://docs.tavily.com/documentation/api-credits"
+	}
+};
+function searchProviderInfo(provider) {
+	return (Object.hasOwn(providerInfo, provider.id) ? providerInfo[provider.id] : void 0) ?? {
+		description: provider.description,
+		pricing: provider.billing === "none" ? "此后端不收取搜索费用。" : provider.billing === "model-and-tools" ? "按模型用量和工具调用计费；免费额度及单价请查看供应商说明。" : "按 API 调用计费；免费额度及单价请查看供应商说明。",
+		pricingUrl: provider.signupUrl
+	};
+}
+//#endregion
+//#region src/contracts.ts
+const WEB_SEARCH_RPC_CHANNEL = "/web-search-manager";
+function resolveSearchOrder(knownIds, settings, _keyed) {
+	return [...new Set(settings.searchOrder.filter((id) => knownIds.includes(id)))];
+}
+function pickActiveSearch(order, configured) {
+	return order.find(configured) ?? "";
+}
+//#endregion
+//#region src/client.tsx
+const name = "dsh-web-search-manager-client";
+const inject = [
+	"slots",
+	"connection",
+	"remote",
+	"remote.credentials"
+];
+function unwrap(result) {
+	if (!result.ok) throw new Error(result.error.message);
+	return result.value;
+}
+function editable(settings) {
+	const { revision: _revision, ...rest } = settings;
+	return rest;
+}
+function isProviderOn(status, provider) {
+	const enabled = provider.kind === "search" ? status.searchActive : status.fetchActive;
+	const selected = status.settings[provider.kind === "search" ? "searchProvider" : "fetchProvider"];
+	return enabled && selected === provider.id;
+}
+function searchBackends(status) {
+	const all = status.providers.filter((provider) => provider.kind === "search");
+	return resolveSearchOrder(all.map((provider) => provider.id), status.settings, (id) => Boolean(all.find((provider) => provider.id === id)?.credentialRef)).flatMap((id) => all.find((provider) => provider.id === id) ?? []);
+}
+function catalogSearchBackends(status) {
+	const enabled = searchBackends(status);
+	const rest = status.providers.filter((provider) => provider.kind === "search" && !enabled.some((row) => row.id === provider.id));
+	return [...enabled, ...rest];
+}
+function selectedSearchBackend(status) {
+	const backends = searchBackends(status);
+	const id = pickActiveSearch(backends.map((provider) => provider.id), (id) => Boolean(backends.find((provider) => provider.id === id)?.configured));
+	return backends.find((provider) => provider.id === id);
+}
+function ExternalLink({ url, label, children }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+		href: url,
+		target: "_blank",
+		rel: "noreferrer noopener",
+		"aria-label": label,
+		onClick: (event) => {
+			const bridge = globalThis.dshWindow;
+			if (bridge?.openExternal) {
+				event.preventDefault();
+				bridge.openExternal(url);
+			}
+		},
+		children
+	});
+}
+function canEnableSearch(order, providers, keys, writable) {
+	return order.some((id) => {
+		const provider = providers.find((item) => item.kind === "search" && item.id === id);
+		if (!provider) return false;
+		if (provider.configured) return true;
+		const typed = (keys[provider.id] ?? "").trim();
+		return Boolean(provider.credentialRef && typed && writable[provider.credentialRef] !== false);
+	});
+}
+function nextSearchEnabled(currentlyEnabled, nextOrder, providers, keys, writable) {
+	return currentlyEnabled && canEnableSearch(nextOrder, providers, keys, writable);
+}
+function NetworkSearchSettings({ client }) {
+	const tabsId = (0, react.useId)();
+	const [tab, setTab] = (0, react.useState)("providers");
+	const [status, setStatus] = (0, react.useState)();
+	const [draft, setDraft] = (0, react.useState)();
+	const [keys, setKeys] = (0, react.useState)({});
+	const [busy, setBusy] = (0, react.useState)(false);
+	const [dragSource, setDragSource] = (0, react.useState)(null);
+	const [dropTarget, setDropTarget] = (0, react.useState)(null);
+	const [sortAnnouncement, setSortAnnouncement] = (0, react.useState)("");
+	const [note, setNote] = (0, react.useState)("");
+	const [error, setError] = (0, react.useState)("");
+	const [writable, setWritable] = (0, react.useState)({});
+	async function call(endpoint, payload = {}) {
+		return unwrap(await client.connection.rpc.call(WEB_SEARCH_RPC_CHANNEL, endpoint, payload));
+	}
+	async function load() {
+		const next = await call("status");
+		setStatus(next);
+		setDraft(next.settings);
+		const refs = next.providers.flatMap((provider) => provider.credentialRef ? [provider.credentialRef] : []);
+		if (refs.length) {
+			const credentials = unwrap(await client.remote.credentials.describe(refs));
+			setWritable(Object.fromEntries(Object.entries(credentials).map(([ref, value]) => [ref, value.writable])));
+		}
+		return next;
+	}
+	(0, react.useEffect)(() => {
+		load().catch(() => setError("无法读取网络搜索设置，请检查 Host 连接后重试。"));
+	}, [client]);
+	async function action(run) {
+		setBusy(true);
+		setNote("");
+		setError("");
+		try {
+			await run();
+		} catch (cause) {
+			setError(cause instanceof Error ? cause.message : "操作失败。");
+			await load().catch(() => {});
+		} finally {
+			setBusy(false);
+		}
+	}
+	async function update(settings, expectedRevision) {
+		const next = await call("update", {
+			settings,
+			expectedRevision
+		});
+		setStatus(next);
+		setDraft(next.settings);
+		return next;
+	}
+	async function persist(on, order) {
+		if (!status || !draft) return;
+		for (const provider of status.providers) {
+			if (provider.kind !== "search") continue;
+			const snapshot = keys[provider.id] ?? "";
+			const typed = snapshot.trim();
+			if (!provider.credentialRef || !typed) continue;
+			if (writable[provider.credentialRef] === false) throw new Error("当前凭据为只读，无法写入。");
+			unwrap(await client.remote.credentials.set(provider.credentialRef, typed));
+			setKeys((current) => current[provider.id] === snapshot ? {
+				...current,
+				[provider.id]: ""
+			} : current);
+		}
+		await update({
+			...editable(status.settings),
+			maxResults: draft.maxResults,
+			maxQueries: draft.maxQueries,
+			timeoutMs: draft.timeoutMs,
+			maxFetchChars: draft.maxFetchChars,
+			endpoints: draft.endpoints,
+			searchOrder: order,
+			searchEnabled: on,
+			fetchProvider: "http",
+			fetchEnabled: on
+		}, status.settings.revision);
+		await load();
+	}
+	async function removeKey(provider) {
+		if (!provider.credentialRef || provider.credentialShared || !status) return;
+		unwrap(await client.remote.credentials.unset(provider.credentialRef));
+		setKeys((current) => ({
+			...current,
+			[provider.id]: ""
+		}));
+		await load();
+		setNote("已删除 Key。");
+	}
+	if (!status || !draft) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+		className: "web-search-settings",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+			role: "status",
+			children: error || "正在读取设置…"
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+			type: "button",
+			onClick: () => void action(async () => {
+				await load();
+			}),
+			children: "重新连接"
+		})]
+	});
+	const enabled = searchBackends(status);
+	const backends = catalogSearchBackends(status);
+	const selected = selectedSearchBackend(status);
+	const on = status.settings.searchEnabled;
+	const order = enabled.map((provider) => provider.id);
+	const canEnable = canEnableSearch(order, status.providers, keys, writable);
+	const limits = [
+		[
+			"maxResults",
+			"每条查询的结果上限",
+			1,
+			20
+		],
+		[
+			"maxQueries",
+			"每次工具调用的查询上限",
+			1,
+			5
+		],
+		[
+			"timeoutMs",
+			"请求超时（毫秒）",
+			1e3,
+			12e4
+		],
+		[
+			"maxFetchChars",
+			"网页正文字符上限",
+			1e3,
+			2e5
+		]
+	];
+	function move(id, nextIndex) {
+		const index = order.indexOf(id);
+		if (busy || index < 0 || nextIndex < 0 || nextIndex >= order.length || index === nextIndex) return;
+		const next = [...order];
+		const [item] = next.splice(index, 1);
+		next.splice(nextIndex, 0, item);
+		action(async () => {
+			await persist(on, next);
+			setSortAnnouncement((backends.find((provider) => provider.id === id)?.label ?? id) + " 已移至第 " + (nextIndex + 1) + " 位");
+		});
+	}
+	function endDrag() {
+		setDragSource(null);
+		setDropTarget(null);
+	}
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+		className: "web-search-settings",
+		"data-testid": "web-search-settings",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "web-search-tabs",
+				role: "tablist",
+				"aria-label": "网络搜索设置",
+				onKeyDown: (event) => {
+					if (![
+						"ArrowLeft",
+						"ArrowRight",
+						"Home",
+						"End"
+					].includes(event.key)) return;
+					const buttons = [...event.currentTarget.querySelectorAll("[role=\"tab\"]")];
+					const index = buttons.indexOf(event.target);
+					if (index < 0) return;
+					event.preventDefault();
+					const next = event.key === "Home" ? 0 : event.key === "End" ? buttons.length - 1 : (index + (event.key === "ArrowRight" ? 1 : -1) + buttons.length) % buttons.length;
+					buttons[next]?.focus();
+					buttons[next]?.click();
+				},
+				children: [["providers", "搜索服务"], ["limits", "请求限制"]].map(([key, label]) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					role: "tab",
+					id: tabsId + "-" + key + "-tab",
+					"aria-controls": tabsId + "-" + key + "-panel",
+					"aria-selected": tab === key,
+					tabIndex: tab === key ? 0 : -1,
+					onClick: () => setTab(key),
+					children: label
+				}, key))
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "web-search-sr-only",
+				role: "status",
+				"aria-live": "polite",
+				children: sortAnnouncement
+			}),
+			error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				role: "alert",
+				className: "web-search-error",
+				children: error
+			}),
+			note && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				role: "status",
+				children: note
+			}),
+			status.storageFailed && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				role: "alert",
+				children: "配置保存异常，当前运行已暂停网络访问。请重新保存。"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				role: "tabpanel",
+				id: tabsId + "-providers-panel",
+				"aria-labelledby": tabsId + "-providers-tab",
+				hidden: tab !== "providers",
+				tabIndex: 0,
+				children: backends.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "web-search-empty",
+					children: "还没有可用的搜索后端。"
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("article", {
+					className: "web-search-card",
+					"data-testid": "web-search-tool",
+					"data-on": on ? "true" : "false",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: "联网搜索" }), !canEnable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "web-search-meta",
+							children: "请选择搜索服务并配置 Key。"
+						})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							role: "switch",
+							className: `web-search-switch${on ? " is-on" : ""}`,
+							"aria-checked": on,
+							"aria-label": on ? "关闭联网搜索" : "启用联网搜索",
+							disabled: busy || !on && !canEnable,
+							onClick: () => void action(() => persist(!on, order)),
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "web-search-switch-thumb",
+								"aria-hidden": "true"
+							})
+						})] }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("ol", {
+							className: "web-search-rank",
+							"aria-label": "搜索后端",
+							children: backends.map((provider) => {
+								const participating = order.includes(provider.id);
+								const rank = order.indexOf(provider.id);
+								const active = status.searchActive && selected?.id === provider.id;
+								const info = searchProviderInfo(provider);
+								const needsKey = Boolean(provider.credentialRef);
+								const shared = Boolean(provider.credentialShared);
+								const showKey = needsKey && participating && (!shared || !provider.configured);
+								const canSort = participating && order.length > 1;
+								return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+									className: active ? "is-active" : void 0,
+									"data-testid": `web-search-rank-${provider.id}`,
+									"data-dragging": dragSource === provider.id || void 0,
+									"data-drop": dropTarget === provider.id && dragSource ? order.indexOf(dragSource) < rank ? "after" : "before" : void 0,
+									onDragOver: (event) => {
+										if (busy || !canSort || !dragSource || dragSource === provider.id) return;
+										event.preventDefault();
+										event.dataTransfer.dropEffect = "move";
+										setDropTarget(provider.id);
+									},
+									onDragLeave: (event) => {
+										if (!event.currentTarget.contains(event.relatedTarget)) setDropTarget(null);
+									},
+									onDrop: (event) => {
+										if (busy || !canSort || !dragSource) return;
+										event.preventDefault();
+										move(dragSource, rank);
+										endDrag();
+									},
+									children: [
+										canSort ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: "web-search-drag-handle",
+											draggable: !busy,
+											"aria-disabled": busy,
+											"aria-label": "拖动排序 " + provider.label,
+											title: "拖动排序，或用上下方向键调整",
+											onDragStart: (event) => {
+												if (busy) {
+													event.preventDefault();
+													return;
+												}
+												event.dataTransfer.effectAllowed = "move";
+												event.dataTransfer.setData("application/x-dsh-search-provider", provider.id);
+												const row = event.currentTarget.closest("li");
+												if (row) event.dataTransfer.setDragImage(row, 16, 16);
+												setDragSource(provider.id);
+												setSortAnnouncement("");
+											},
+											onDragEnd: endDrag,
+											onKeyDown: (event) => {
+												if (event.key !== "ArrowUp" && event.key !== "ArrowDown") return;
+												event.preventDefault();
+												move(provider.id, rank + (event.key === "ArrowUp" ? -1 : 1));
+											},
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+												width: "16",
+												height: "20",
+												viewBox: "0 0 16 20",
+												fill: "currentColor",
+												"aria-hidden": "true",
+												children: [
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+														cx: "5",
+														cy: "5",
+														r: "1.5"
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+														cx: "11",
+														cy: "5",
+														r: "1.5"
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+														cx: "5",
+														cy: "10",
+														r: "1.5"
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+														cx: "11",
+														cy: "10",
+														r: "1.5"
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+														cx: "5",
+														cy: "15",
+														r: "1.5"
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+														cx: "11",
+														cy: "15",
+														r: "1.5"
+													})
+												]
+											})
+										}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "web-search-rank-index",
+											children: participating ? rank + 1 : "—"
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: "web-search-provider",
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													className: "web-search-provider-heading",
+													children: [
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: provider.label }),
+														active && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															className: "web-search-meta",
+															children: "当前使用"
+														}),
+														provider.signupUrl && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ExternalLink, {
+															url: provider.signupUrl,
+															label: provider.label + " 去注册",
+															children: "去注册"
+														})
+													]
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													className: "web-search-provider-info",
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: info.description }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", { children: [info.pricing, info.pricingUrl && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [" ", /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ExternalLink, {
+														url: info.pricingUrl,
+														label: provider.label + " 费用说明",
+														children: provider.id === "ddg" ? "官网" : "费用说明"
+													})] })] })]
+												}),
+												participating && !provider.configured && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+													className: "web-search-meta",
+													children: needsKey ? "待配置 Key" : "暂不可用"
+												}),
+												shared && participating && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: provider.id === "zhihu-global" ? "与「知乎资料」共用 Access Secret" : "与模型设置共用 Key" }),
+												showKey ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: ["API Key", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+													type: "password",
+													autoComplete: "off",
+													spellCheck: false,
+													disabled: busy || writable[provider.credentialRef ?? ""] === false,
+													value: keys[provider.id] ?? "",
+													placeholder: provider.configured ? "已配置，留空不替换" : "请输入 API Key",
+													onChange: (event) => setKeys((current) => ({
+														...current,
+														[provider.id]: event.target.value
+													}))
+												})] }) : null,
+												needsKey && !shared && provider.configured ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													disabled: busy || writable[provider.credentialRef ?? ""] === false,
+													onClick: () => void action(() => removeKey(provider)),
+													children: "删除 Key"
+												}) : null
+											]
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+											className: "web-search-rank-move",
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												role: "switch",
+												className: `web-search-switch${participating ? " is-on" : ""}`,
+												"aria-checked": participating,
+												"aria-label": `${participating ? "关闭" : "开启"} ${provider.label}`,
+												disabled: busy,
+												onClick: () => {
+													const next = participating ? order.filter((id) => id !== provider.id) : [...order, provider.id];
+													action(() => persist(nextSearchEnabled(status.settings.searchEnabled, next, status.providers, keys, writable), next));
+												},
+												children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "web-search-switch-thumb",
+													"aria-hidden": "true"
+												})
+											})
+										})
+									]
+								}, provider.id);
+							})
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+							className: "web-search-meta",
+							children: [
+								"价格核对于 ",
+								PROVIDER_PRICING_CHECKED,
+								"，实际额度与费用以供应商账户为准。"
+							]
+						}),
+						on ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "web-search-card-actions",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								disabled: busy,
+								onClick: () => void action(async () => {
+									await persist(status.settings.searchEnabled, order);
+									const result = await call("test");
+									await load();
+									setNote(`连接正常，返回 ${result.sources} 条来源。`);
+								}),
+								children: "测试连接（可能计费）"
+							})
+						}) : null
+					]
+				})
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				role: "tabpanel",
+				id: tabsId + "-limits-panel",
+				"aria-labelledby": tabsId + "-limits-tab",
+				hidden: tab !== "limits",
+				tabIndex: 0,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("fieldset", {
+					className: "web-search-limits",
+					disabled: busy,
+					"aria-label": "请求限制",
+					children: limits.map(([key, label, min, max]) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [label, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						type: "number",
+						min,
+						max,
+						step: 1,
+						value: draft[key],
+						onChange: (event) => setDraft({
+							...draft,
+							[key]: Number(event.target.value)
+						})
+					})] }, key))
+				})
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				disabled: busy,
+				onClick: () => void action(async () => {
+					await persist(status.settings.searchEnabled, order);
+					setNote("已保存。");
+				}),
+				children: "保存"
+			})
+		]
+	});
+}
+const styles = `
+.web-search-settings{max-width:760px;display:grid;gap:24px;color:inherit;font:400 var(--font-size-2,14px)/1.5 var(--default-font-family,system-ui,sans-serif)}
+.web-search-settings p{margin:0;line-height:1.5}
+.web-search-settings small,.web-search-meta,.web-search-empty{font-size:var(--font-size-1,13px);color:var(--gray-11,inherit)}
+.web-search-error{color:var(--red-11,#b42318)}
+.web-search-card{display:grid;gap:12px}
+.web-search-card header{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-bottom:8px}
+.web-search-card h3{margin:0;font-size:var(--font-size-3,16px);font-weight:600}
+.web-search-provider{display:grid;gap:8px;min-width:0}
+.web-search-provider-info{display:grid;gap:3px;font-size:var(--font-size-1,13px);color:var(--gray-11,inherit);overflow-wrap:anywhere}
+.web-search-provider-heading{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;min-height:24px}
+.web-search-provider-heading strong{font-weight:500}
+.web-search-card label{display:grid;gap:6px}
+.web-search-settings input{box-sizing:border-box;width:100%;min-width:0;padding:8px 10px;border:1px solid var(--gray-6,color-mix(in srgb,currentColor 22%,transparent));border-radius:6px;background:var(--color-surface,transparent);color:inherit;font:inherit}
+.web-search-settings button:not([role="switch"]){min-height:34px;padding:6px 12px;border:1px solid color-mix(in srgb,currentColor 25%,transparent);border-radius:6px;background:transparent;color:inherit;cursor:pointer;font:inherit;justify-self:start}
+.web-search-settings button:disabled{opacity:.45;cursor:not-allowed}
+.web-search-tabs{display:flex;gap:20px;border-bottom:1px solid var(--gray-6,color-mix(in srgb,currentColor 15%,transparent))}
+.web-search-tabs button[role="tab"]{padding:8px 0;border:0;border-bottom:2px solid transparent;border-radius:0;color:var(--gray-11,inherit)}
+.web-search-tabs button[aria-selected="true"]{border-bottom-color:var(--accent-9,#3b82f6);color:var(--accent-11,inherit);font-weight:600}
+.web-search-settings .web-search-switch{all:unset;box-sizing:border-box;position:relative;display:inline-block;width:36px;height:20px;flex:none;border-radius:999px;background:var(--gray-7,color-mix(in srgb,currentColor 28%,transparent));cursor:pointer}
+.web-search-switch.is-on{background:var(--accent-9,#3b82f6)}
+.web-search-switch:disabled{cursor:not-allowed;opacity:.7}
+.web-search-switch-thumb{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:999px;background:#fff;transition:transform 150ms ease}
+.web-search-switch.is-on .web-search-switch-thumb{transform:translateX(16px)}
+.web-search-settings :focus-visible{outline:2px solid currentColor;outline-offset:3px}
+.web-search-card-actions{display:flex;flex-wrap:wrap;gap:8px}
+.web-search-rank{margin:0;padding:0;list-style:none}
+.web-search-rank li{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:10px;align-items:start;padding:14px 0;border-top:1px solid var(--gray-6,color-mix(in srgb,currentColor 15%,transparent))}
+.web-search-settings button.web-search-drag-handle{display:grid;place-items:center;width:24px;height:24px;min-height:24px;padding:0;border:0;cursor:grab;color:inherit;opacity:.65}
+.web-search-settings button.web-search-drag-handle:hover{opacity:1;background:var(--gray-3,color-mix(in srgb,currentColor 8%,transparent))}
+.web-search-settings button.web-search-drag-handle:active{cursor:grabbing}
+.web-search-settings button.web-search-drag-handle[aria-disabled="true"]{cursor:wait;opacity:.4}
+.web-search-rank li[data-dragging]{opacity:.45}
+.web-search-rank li[data-drop]::after{content:'';position:absolute;left:0;right:0;height:2px;background:var(--accent-9,#3b82f6);pointer-events:none}
+.web-search-rank li[data-drop="before"]::after{top:-1px}
+.web-search-rank li[data-drop="after"]::after{bottom:-1px}
+.web-search-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
+.web-search-rank-index{opacity:.6;font-variant-numeric:tabular-nums;line-height:24px}
+.web-search-rank-move{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:flex-end;padding-top:2px}
+.web-search-settings a{color:var(--accent-11,currentColor);font-size:var(--font-size-1,13px);text-underline-offset:3px}
+.web-search-limits{margin:0;border:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}
+.web-search-limits label{display:grid;gap:6px;font-size:var(--font-size-2,14px)}
+@media(max-width:560px){.web-search-rank-move{flex-direction:column;align-items:flex-end}.web-search-limits{grid-template-columns:minmax(0,1fr)}}
+@media(prefers-reduced-motion:reduce){.web-search-switch-thumb{transition:none}}
+`;
+function apply(ctx) {
+	const client = ctx;
+	ctx.effect(() => {
+		if (typeof document === "undefined") return () => {};
+		const style = document.createElement("style");
+		style.setAttribute("data-plugin", "@klarkxy/dsh-web-search-manager");
+		style.textContent = styles;
+		style.dataset.dshWebSearch = "";
+		document.head.appendChild(style);
+		return () => style.remove();
+	}, "web-search-manager.styles");
+	ctx.effect(() => client.slots.inject("settings.section", () => client.slots.register({
+		name: "settings.section",
+		id: "web-search",
+		order: 70,
+		label: "网络搜索"
+	}, () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NetworkSearchSettings, { client }))), "web-search-manager.settings");
+}
+//#endregion
+exports.NetworkSearchSettings = NetworkSearchSettings;
+exports.apply = apply;
+exports.canEnableSearch = canEnableSearch;
+exports.catalogSearchBackends = catalogSearchBackends;
+exports.inject = inject;
+exports.isProviderOn = isProviderOn;
+exports.name = name;
+exports.nextSearchEnabled = nextSearchEnabled;
+exports.searchBackends = searchBackends;
+exports.selectedSearchBackend = selectedSearchBackend;
+
+//# sourceMappingURL=client.inner.cjs.map
+    return module.exports;
+  }
+});