@klarkxy/dsh-zhihu 0.2.6 → 0.2.7

package/README.md

@@ -4,7 +4,7 @@
 
 [简体中文](docs/README.zh-CN.md)
 
-Use Zhihu as a research source for the model: site search, web search, the hot list, Zhida answers, knowledge bases, question discovery, and creator statistics. Every request uses your own Zhihu Access Secret. Results are reference material, not conclusions.
+Use Zhihu as a research source for the model: site search, web search, hot list, Zhida answers, knowledge bases, question discovery, and creator statistics. Every request uses your own Zhihu Access Secret; results are reference material, not conclusions.
 
 ## Install
 
@@ -16,32 +16,32 @@ Replace `web` with your profile name and restart DSH Web. Use the full scoped na
 
 ## Use
 
-Open **Plugins → Zhihu** and enter your Access Secret under **Settings**. The other tabs are:
+Open **Plugins → Zhihu** and enter your Access Secret under **Settings**. Other tabs:
 
-- **Stats**: local daily calls, failures, and results;
-- **Official quota**: your remaining free allowance as reported by Zhihu;
+- **Stats**: local daily calls, failures, and result counts;
+- **Official quota**: remaining free allowance as reported by Zhihu;
 - **Knowledge base**: upload and search reference files;
-- **Test**: run any search or query by hand.
+- **Test**: run any search or query by hand, expand an answer's reasoning, and inspect or copy structured response data.
 
 With the Web Search plugin installed, Zhihu web search also appears in its provider list.
 
 ## Give the tools to the model
 
-The plugin enables these model tools by default. No agent preset changes are needed:
+These model tools are enabled by default; no agent preset changes needed:
 
 | Tool | Purpose |
 | --- | --- |
 | `zhihu_search`, `zhihu_global_search`, `zhihu_hot_list` | Zhihu search, web search, hot list |
-| `zhihu_ask` | Zhida AI answers based on Zhihu content |
+| `zhihu_ask` | Zhida AI answers from Zhihu content |
 | `zhihu_knowledge_search` | Search knowledge bases |
 | `zhihu_question_recommendations`, `zhihu_question_answers` | Find questions and read answer summaries |
-| `zhihu_user_content_detail`, `zhihu_user_content_comments` | Read your own published content and its comments |
+| `zhihu_user_content_detail`, `zhihu_user_content_comments` | Read your published content and its comments |
 | `zhihu_creator_account_stats`, `zhihu_creator_content_stats` | Your creator statistics |
 | `zhihu_quota` | Check official quota |
 
 ## Cost protection
 
-By default the plugin only uses Zhihu's free allowance: before each request it checks the official quota and skips the request if none is left. It also stops after 100 requests per day (Beijing time). Both can be changed in the plugin configuration:
+By default the plugin uses only Zhihu's free allowance: before each request it checks the official quota and skips the request if none is left. It also stops after 100 requests per day (Beijing time). Both are configurable:
 
 ```yaml
 config:

package/docs/README.zh-CN.md

@@ -4,7 +4,7 @@
 
 [English](../README.md)
 
-把知乎交给模型当调研信源：站内搜索、全网搜索、热榜、知乎直答、知识库、问题发现和创作数据。每次请求都只用你自己的知乎 Access Secret；取回的内容是参考资料，不是定论。
+把知乎交给模型当调研信源：站内搜索、全网搜索、热榜、知乎直答、知识库、问题发现和创作数据。每次请求只用你自己的知乎 Access Secret；结果是参考资料，不是定论。
 
 ## 安装
 
@@ -21,13 +21,13 @@ dsh plugin --profile web add @klarkxy/dsh-zhihu
 - **统计**：本机记录的每日调用、失败和结果条数；
 - **官方用量**：知乎返回的剩余免费额度；
 - **知识库**：上传并检索参考文件；
-- **测试**：手动执行各类搜索和查询。
+- **测试**：手动执行各类搜索和查询，展开直答的思考过程，查看或复制结构化返回数据。
 
-安装了网页搜索插件时，「知乎全网搜索」也会出现在它的服务列表中。
+安装网页搜索插件后，「知乎全网搜索」也会出现在它的服务列表中。
 
 ## 让模型使用
 
-插件默认启用以下模型工具，无需修改 Agent 预设：
+以下模型工具默认启用，无需修改 Agent 预设：
 
 | 工具 | 用途 |
 | --- | --- |
@@ -41,7 +41,7 @@ dsh plugin --profile web add @klarkxy/dsh-zhihu
 
 ## 费用保护
 
-默认只使用知乎的免费额度：每次请求前先查询官方额度，额度不足就不发送。另外每天（北京时间）最多 100 次请求。两项都可以在插件配置中修改：
+默认只用知乎的免费额度：每次请求前先查官方额度，额度不足就不发送。另外每天（北京时间）最多 100 次请求。两项都可在插件配置中修改：
 
 ```yaml
 config:

package/lib/client.js

@@ -353,6 +353,17 @@ ${scope} {
 /* --- Layout scaffolding. --- */
 & .dsh-ui-stack { display: flex; flex-direction: column; gap: 12px; }
 & .dsh-ui-stack-lg { display: flex; flex-direction: column; gap: 20px; }
+/* Plugin detail pages share one reading column. These are layout recipes;
+ * controls keep their own primitive styles. Form spacing follows the host's
+ * settings-form/fields.module.css and SettingsForm.module.css. */
+& .dsh-ui-page { display: flex; flex-direction: column; gap: 16px; width: 100%; max-width: 760px; min-width: 0; }
+& .dsh-ui-form { display: flex; flex-direction: column; gap: 0; min-width: 0; }
+&.dsh-ui-form > .dsh-ui-field, & .dsh-ui-form > .dsh-ui-field { padding: 12px 0; }
+& .dsh-ui-form-footer { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding-top: 16px; min-width: 0; }
+& .dsh-ui-fields-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 20px; min-width: 0; margin: 0; padding: 0; border: 0; }
+@media (max-width: 560px) {
+  & .dsh-ui-fields-grid { grid-template-columns: minmax(0, 1fr); }
+}
 & .dsh-ui-row { display: flex; align-items: center; gap: 8px; min-width: 0; }
 & .dsh-ui-row-wrap { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
 & .dsh-ui-spacer { flex: 1; min-width: 0; }
@@ -380,6 +391,9 @@ ${scope} {
  * official primitive, so this only owns the vertical rhythm. --- */
 & .dsh-ui-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
 & .dsh-ui-field + .dsh-ui-field { border-top: 0.5px solid var(--dsw-alias-border-l2); padding-top: 12px; }
+/* Grid fields share a row, so the stacked-field divider must not win later in
+ * the cascade. Reset it here, after the field recipe. */
+& .dsh-ui-fields-grid > .dsh-ui-field { padding: 0; border: 0; }
 & .dsh-ui-label { display: flex; align-items: center; gap: 6px; font-size: 13px; line-height: 20px; font-weight: 500; color: var(--dsw-alias-label-primary); }
 & .dsh-ui-label-row { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
 & .dsh-ui-help { font-size: 12px; line-height: 1.6; color: var(--dsw-alias-label-secondary); }
@@ -570,7 +584,7 @@ ${scope} {
   & *, & *::before, & *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; }
 }
 }
-`.replace(/^& (\.dsh-ui-[a-z0-9-]+)(?![+>~])/gm, (_match, className) => `&${className}, & ${className}`);
+`.replace(/^& (\.dsh-ui-[a-z0-9-]+)(?=\s*\{)/gm, (_match, className) => `&${className}, & ${className}`);
 }
 //#endregion
 //#region src/client-styles.ts
@@ -592,16 +606,6 @@ ${scope} {
 */
 const zhihuClientStyles = `${officialUiCss("zhihu-panel")}
 .zhihu-panel {
-/* --- Plugin page. The contract's rules nest under the scope selector, so the
- * root's own column and reading width are the one part it cannot reach. --- */
-&.zhihu-settings-embed {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  width: 100%;
-  max-width: 760px;
-  min-width: 0;
-}
 /* The tab strip is a primitive; this only places it in the page column. */
 .zhihu-tabs { margin: 0; }
 
@@ -618,9 +622,8 @@ const zhihuClientStyles = `${officialUiCss("zhihu-panel")}
   background: var(--dsw-alias-interactive-bg-hover-danger);
 }
 
-/* --- Disclosures. The capability and fine-print blocks use the host
- * DisclosureRow; only the reasoning block is still a native <summary>. --- */
-.zhihu-ask-reasoning > summary { cursor: pointer; width: fit-content; }
+/* --- Disclosures. Capability, fine print and the reasoning block all use the
+ * host DisclosureRow; only its detail list needs layout here. --- */
 .zhihu-guide-list { margin: 4px 0 0; padding-inline-start: 20px; display: grid; gap: 6px; }
 
 /* --- Result rows. The card, the row and the name all come from the contract; a
@@ -634,10 +637,9 @@ const zhihuClientStyles = `${officialUiCss("zhihu-panel")}
 .zhihu-ask-content { white-space: pre-wrap; }
 
 /* --- Open platform. The section is the last block of its tab, so it keeps a
- * trailing hairline; the raw response scrolls instead of growing the page. --- */
+ * trailing hairline; the response is the official JsonTree inspector. --- */
 .zhihu-open-platform { padding-bottom: 16px; border-bottom: 0.5px solid var(--dsw-alias-border-l2); }
 .zhihu-open-platform-quota > legend { padding: 0 8px 0 0; }
-.zhihu-open-platform-data { max-height: 480px; overflow: auto; margin: 8px 0 0; }
 
 /* --- Usage. The stat tiles are a grid and the day list is a table, neither of
  * which the contract has a recipe for; figures align in the columns they sit
@@ -661,7 +663,7 @@ const zhihuClientStyles = `${officialUiCss("zhihu-panel")}
 .zhihu-chart-bar-ok { fill: var(--dsw-alias-state-business-primary); }
 .zhihu-chart-bar-fail { fill: var(--dsw-alias-state-error-primary); }
 .zhihu-chart-hit { fill: transparent; }
-.zhihu-chart-grid { stroke: var(--dsw-alias-border-l2); stroke-width: 1; }
+.zhihu-chart-grid { stroke: var(--dsw-alias-border-l2); stroke-width: 0.5; }
 .zhihu-chart-axis,
 .zhihu-chart-tick,
 .zhihu-chart-value { fill: var(--dsw-alias-label-secondary); font-size: var(--dsh-content-font-size-secondary); font-family: var(--ds-font-family-code); }
@@ -695,9 +697,9 @@ const zhihuClientStyles = `${officialUiCss("zhihu-panel")}
   .zhihu-quota-table td { padding: 5px 6px; }
 }
 
-/* --- File field. The input is visually hidden but stays focusable and in the
- * accessibility tree; its <label> is the visible trigger, so a click on the
- * label opens the file dialog natively and keyboard focus rings the label. --- */
+/* --- File field. The input is visually hidden but stays in the accessibility
+ * tree; the official Button beside it is the visible trigger and forwards the
+ * click, so its own focus ring and disabled state apply. --- */
 .zhihu-file {
   position: absolute;
   width: 1px;
@@ -709,30 +711,6 @@ const zhihuClientStyles = `${officialUiCss("zhihu-panel")}
   white-space: nowrap;
   border: 0;
 }
-.zhihu-file-trigger {
-  display: inline-flex;
-  align-items: center;
-  padding: 4px 12px;
-  border: 0.5px solid var(--dsw-alias-border-l2);
-  border-radius: var(--dsw-radius-md);
-  color: var(--dsw-alias-label-primary);
-  cursor: pointer;
-  flex: none;
-}
-.zhihu-file-trigger:hover { background: var(--dsw-alias-interactive-bg-hover); }
-.zhihu-file-trigger[aria-disabled="true"] { opacity: .5; pointer-events: none; }
-.zhihu-file:focus-visible + .dsh-ui-row .zhihu-file-trigger { outline: 2px solid var(--dsw-alias-brand-primary); outline-offset: 2px; }
-
-/* 活动反馈:三点呼吸(pulse-dots),参数改写自 Amicro(MIT License,
-   Copyright (c) 2026 Syed Subhan Uddin);装饰元素 aria-hidden。 */
-.zhihu-dots { display: inline-flex; align-items: center; gap: 3px; margin-inline-end: .4em; vertical-align: middle; color: var(--dsw-alias-state-business-primary); }
-.zhihu-dots i { width: .32em; height: .32em; min-width: 3px; min-height: 3px; border-radius: 50%; background: currentColor; animation: zhihu-activity-pulse 1.4s ease infinite; }
-.zhihu-dots i:nth-child(2) { animation-delay: .2s; }
-.zhihu-dots i:nth-child(3) { animation-delay: .4s; }
-@media (prefers-reduced-motion: reduce) {
-  /* Stop the loop outright so the three dots stay lit instead of flickering. */
-  .zhihu-dots i { animation: none; }
-}
 }
 
 /* --- Links. Ordinary DSH paints a light fill on a bare <a>, so plugin links
@@ -744,9 +722,6 @@ const zhihuClientStyles = `${officialUiCss("zhihu-panel")}
   color: var(--dsw-alias-brand-primary);
   background: none;
 }
-
-/* Keyframes cannot nest inside a style rule; the name is plugin-prefixed. */
-@keyframes zhihu-activity-pulse { 0%, 100% { opacity: .2; } 50% { opacity: 1; } }
 `;
 //#endregion
 //#region src/client-host-ui.tsx
@@ -891,6 +866,21 @@ const createOpenPlatformForm = () => ({
 	apiIds: []
 });
 const isRecord = (value) => !!value && typeof value === "object" && !Array.isArray(value);
+/** Localized copy for the official JSON inspector (the package is cordis-free). */
+function jsonTreeLabels(t) {
+	return {
+		copyValue: t("复制值", "Copy value"),
+		copyJson: t("复制 JSON", "Copy JSON"),
+		copyPath: t("复制路径", "Copy path"),
+		copyPrettyJson: t("复制格式化 JSON", "Copy pretty JSON"),
+		copyCompactJson: t("复制紧凑 JSON", "Copy compact JSON"),
+		copied: t("已复制", "Copied"),
+		copyFailed: t("复制失败", "Copy failed"),
+		collapseNode: t("折叠节点", "Collapse node"),
+		expandNode: t("展开节点", "Expand node"),
+		copyButtonTitle: (action) => t(`${action}：点击复制`, `${action}: click to copy`)
+	};
+}
 /** Int64 stays decimal text throughout the browser; never round-trip through Number. */
 function openPlatformOffset(value) {
 	if (typeof value !== "string" || !/^\d+$/.test(value)) return null;
@@ -1294,9 +1284,15 @@ function ZhihuOpenPlatformSection({ rpc, quotaOnly = false, selectedOperation })
 						className: "dsh-ui-banner dsh-ui-banner--danger",
 						children: t("响应缺少正文（Body），未取得全文。", "The response has no body (Body); full text was not retrieved.")
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
-						className: "zhihu-open-platform-data dsh-ui-code",
-						children: JSON.stringify(result.data, null, 2)
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "dsh-ui-scroll",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.JsonTree, {
+							data: result.data,
+							label: t("返回数据", "Response data"),
+							copyable: true,
+							expandTopLevel: true,
+							labels: jsonTreeLabels(t)
+						})
 					})
 				]
 			})
@@ -1738,14 +1734,9 @@ const inject = [
 ];
 const PACKAGE_NAME = "@klarkxy/dsh-zhihu";
 const SLOT_ORDER = 120;
-const activityDots = () => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-	className: "zhihu-dots",
-	"aria-hidden": "true",
-	children: [
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("i", {}),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("i", {}),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("i", {})
-	]
+const activityText = (children) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.TextShimmer, {
+	active: true,
+	children
 });
 function wrapCredentials(remote) {
 	return {
@@ -1961,6 +1952,27 @@ function LinkOrText(props) {
 		children: props.label
 	});
 }
+/** 直答的思考过程：官方 DisclosureRow 承载折叠，卡面用契约的 flat 卡片。 */
+function ReasoningDisclosure(props) {
+	const t = useT();
+	const [open, setOpen] = (0, react.useState)(false);
+	const toggle = (0, react.useCallback)(() => setOpen((value) => !value), []);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "zhihu-ask-reasoning dsh-ui-card dsh-ui-card--flat",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.DisclosureRow, {
+			icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconThinkOutlineRegular, {}),
+			title: t("思考过程", "Reasoning"),
+			open,
+			expandable: true,
+			expandOnRowClick: true,
+			onToggle: toggle,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "dsh-ui-help",
+				children: props.reasoning
+			})
+		})
+	});
+}
 function OutcomeView(props) {
 	const { outcome, stale } = props;
 	const t = useT();
@@ -1973,16 +1985,7 @@ function OutcomeView(props) {
 	let summary = "";
 	if (outcome.mode === "ask") {
 		summary = t(`直答（${outcome.answer.model || "默认模型"}）`, `Direct answer (${outcome.answer.model || "default model"})`);
-		body = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [outcome.answer.reasoning ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
-			className: "zhihu-ask-reasoning dsh-ui-card dsh-ui-card--flat",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("summary", {
-				className: "dsh-ui-heading",
-				children: t("思考过程", "Reasoning")
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: "dsh-ui-help",
-				children: outcome.answer.reasoning
-			})]
-		}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+		body = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [outcome.answer.reasoning ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReasoningDisclosure, { reasoning: outcome.answer.reasoning }) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 			className: "zhihu-ask-content dsh-ui-wrap",
 			children: outcome.answer.content
 		})] });
@@ -2125,7 +2128,7 @@ function CapabilitiesNote(props) {
 function SettingsShell(props) {
 	const t = useT();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-		className: "dsh-ui-stack",
+		className: "dsh-ui-form",
 		"data-testid": "zhihu-settings",
 		"aria-label": t("知乎凭证设置", "Zhihu credential settings"),
 		children: [props.children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CapabilitiesNote, {})]
@@ -2173,10 +2176,10 @@ function SettingsSection(props) {
 	(0, react.useEffect)(() => {
 		load();
 	}, [load]);
-	if (state.status === "loading") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SettingsShell, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+	if (state.status === "loading") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SettingsShell, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 		className: "dsh-ui-loading",
 		role: "status",
-		children: [activityDots(), t("正在读取凭证状态…", "Loading credential status…")]
+		children: activityText(t("正在读取凭证状态…", "Loading credential status…"))
 	}) });
 	if (state.status === "error") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SettingsShell, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 		className: "dsh-ui-error",
@@ -2294,18 +2297,18 @@ function SettingsSection(props) {
 			children: clientText(note, t)
 		}) : null,
 		/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "dsh-ui-actions",
+			className: "dsh-ui-form-footer",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ZhihuButton, {
 				variant: "danger",
 				className: "zhihu-button-danger",
 				disabled: busy || keyLocked || !configured,
 				onClick: () => setConfirmClear(true),
-				children: pending === "clear" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [activityDots(), t("清除中…", "Clearing…")] }) : t("清除", "Clear")
+				children: pending === "clear" ? activityText(t("清除中…", "Clearing…")) : t("清除", "Clear")
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ZhihuButton, {
 				variant: "primary",
 				disabled: busy || keyLocked || keyValue.length === 0 || draftFailure !== void 0,
 				onClick: () => void save(),
-				children: pending === "save" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [activityDots(), t("保存中…", "Saving…")] }) : t("保存", "Save")
+				children: pending === "save" ? activityText(t("保存中…", "Saving…")) : t("保存", "Save")
 			})]
 		}),
 		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
@@ -2578,10 +2581,10 @@ function UsageSection(props) {
 	if (state.status === "loading") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
 		"data-testid": "zhihu-usage",
 		"aria-label": sectionLabel,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 			className: "dsh-ui-loading",
 			role: "status",
-			children: [activityDots(), t("正在读取用量…", "Loading usage…")]
+			children: activityText(t("正在读取用量…", "Loading usage…"))
 		})
 	});
 	if (state.status === "error") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
@@ -2761,6 +2764,7 @@ function KnowledgeSection(props) {
 	const [baseId, setBaseId] = (0, react.useState)("");
 	const [file, setFile] = (0, react.useState)(void 0);
 	const [fileKey, setFileKey] = (0, react.useState)(0);
+	const fileInputRef = (0, react.useRef)(null);
 	const [busy, setBusy] = (0, react.useState)(false);
 	const [note, setNote] = (0, react.useState)(void 0);
 	const [failure, setFailure] = (0, react.useState)(void 0);
@@ -2856,10 +2860,10 @@ function KnowledgeSection(props) {
 					})
 				]
 			}),
-			list.status === "loading" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+			list.status === "loading" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 				className: "dsh-ui-loading",
 				role: "status",
-				children: [activityDots(), t("正在读取知识库列表…", "Loading knowledge bases…")]
+				children: activityText(t("正在读取知识库列表…", "Loading knowledge bases…"))
 			}) : null,
 			list.status === "error" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 				className: "dsh-ui-error",
@@ -2916,6 +2920,8 @@ function KnowledgeSection(props) {
 						children: t("参考资料", "Reference file")
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						ref: fileInputRef,
+						tabIndex: -1,
 						id: "zhihu-kb-file",
 						type: "file",
 						accept: KB_ACCEPT,
@@ -2926,10 +2932,9 @@ function KnowledgeSection(props) {
 					}, fileKey),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "dsh-ui-row",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-							htmlFor: "zhihu-kb-file",
-							className: "zhihu-file-trigger",
-							"aria-disabled": busy || void 0,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ZhihuButton, {
+							disabled: busy,
+							onClick: () => fileInputRef.current?.click(),
 							children: t("选择文件", "Choose file")
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 							className: "dsh-ui-meta dsh-ui-wrap",
@@ -2948,7 +2953,7 @@ function KnowledgeSection(props) {
 					variant: "primary",
 					disabled: busy || !file,
 					onClick: () => void upload(),
-					children: busy ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [activityDots(), t("上传中…", "Uploading…")] }) : t("确认上传", "Upload")
+					children: busy ? activityText(t("上传中…", "Uploading…")) : t("确认上传", "Upload")
 				})
 			}) : null,
 			note ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
@@ -3199,7 +3204,7 @@ function ZhihuSettings(props) {
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: phase === "loading" ? "dsh-ui-loading" : "dsh-ui-hint",
 				role: "status",
-				children: phase === "loading" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [activityDots(), t("正在请求知乎…", "Requesting Zhihu…")] }) : phase === "idle" && mode !== "hot" && !query.trim() ? t("输入关键词后搜索。", "Enter keywords to search.") : null
+				children: phase === "loading" ? activityText(t("正在请求知乎…", "Requesting Zhihu…")) : phase === "idle" && mode !== "hot" && !query.trim() ? t("输入关键词后搜索。", "Enter keywords to search.") : null
 			}),
 			phase === "error" && failure ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "dsh-ui-error",
@@ -3216,7 +3221,7 @@ function ZhihuSettings(props) {
 		}, testOperation)]
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-		className: "zhihu-panel zhihu-settings-embed",
+		className: "zhihu-panel zhihu-settings-embed dsh-ui-page",
 		"data-testid": "zhihu-settings-embed",
 		"aria-label": t("知乎", "Zhihu"),
 		children: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@klarkxy/dsh-zhihu",
-  "version": "0.2.6",
+  "version": "0.2.7",
   "description": "Zhihu search, agent tools, knowledge bases, and usage tracking for DeepSeek Harness.",
   "icon": "./icon.svg",
   "license": "SEE LICENSE IN LICENSE",
@@ -96,7 +96,7 @@
   },
   "dependencies": {
     "zod": "^4.1.5",
-    "@klarkxy/dsh-plugin-kit": "0.4.0"
+    "@klarkxy/dsh-plugin-kit": "0.5.0"
   },
   "peerDependencies": {
     "@deepseek-ai/cordis": ">=4.0.4",
@@ -153,6 +153,6 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dshRelease": {
-    "contentHash": "5cdb8a30c07f5540681cb45bf1d6badd5bcde7fa6d164884ab066f8818311aed"
+    "contentHash": "0aafaa4e89da79665a21f91ad6eab94c93fb7233415b806fe26e2ef33d2c3d09"
   }
 }