dsh-conversation-navigator 0.1.15 → 0.1.16

package/lib/client.js

@@ -163,6 +163,19 @@ window.__ModuleLoader__.load({
   flex: none; color: var(--dsw-alias-label-secondary, #888); font-size: 10px; opacity: .8;
 }
 .cnvnav-empty { padding: 18px 10px; text-align: center; color: var(--dsw-alias-label-secondary, #888); }
+.cnvnav-filter-row { padding: 6px 6px 0; }
+.cnvnav-filter {
+  width: 100%; box-sizing: border-box;
+  height: 28px; padding: 0 8px;
+  border: 1px solid var(--dsw-alias-border-l1, rgba(128,128,128,.35));
+  border-radius: 8px;
+  background: var(--dsw-alias-bg-layer-1, rgba(128,128,128,.06));
+  color: var(--dsw-alias-label-primary, #222);
+  font-family: var(--dsw-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', sans-serif);
+  font-size: 12px; outline: none;
+}
+.cnvnav-filter::placeholder { color: var(--dsw-alias-label-secondary, #888); }
+.cnvnav-filter:focus { border-color: var(--dsw-alias-brand-primary, #4f46e5); }
 .cnvnav-topbar { display: flex; gap: 6px; margin: 6px 6px 0; }
 .cnvnav-footer { display: flex; gap: 6px; margin: 0 6px 6px; }
 .cnvnav-bar-btn { flex: 1; display: block; }
@@ -467,6 +480,7 @@ window.__ModuleLoader__.load({
 			/* ---------- floating navigator panel ---------- */
 			function Panel() {
 				const snap = useStore();
+				const [filter, setFilter] = React.useState("");
 
 				React.useEffect(() => {
 					if (!snap.open) return;
@@ -531,35 +545,77 @@ window.__ModuleLoader__.load({
 				const groups = snap.outline !== null ? snap.outline.groups : [];
 				const count = snap.outline !== null ? snap.outline.count : 0;
 
-				const groupNodes = groups.map((g) => {
-					const expanded = snap.expanded[g.gid] === true;
-					const isTurnGroup = g.turn !== null;
-					const stepItems = isTurnGroup ? (g.headIsUser ? g.items.slice(1) : g.items) : [];
-					const hasSteps = stepItems.length > 0;
-					const groupActive = g.items.some((it) => it.key === snap.activeKey);
-					return React.createElement("div", { key: g.gid, className: "cnvnav-group" },
-						React.createElement("div", {
-							ref: (el) => { groupEls[g.gid] = el; },
-							className: "cnvnav-group-row" + (groupActive ? " cnvnav-group-row-active" : ""),
+				const kw = filter.trim().toLowerCase();
+				const filtering = kw !== "";
+				function hit(text) {
+					return typeof text === "string" && text !== "" && text.toLowerCase().indexOf(kw) !== -1;
+				}
+				function renderItem(item) {
+					return React.createElement("button", {
+						key: item.key,
+						type: "button",
+						ref: (el) => { itemEls[item.key] = el; },
+						className: "cnvnav-item" + (item.key === snap.activeKey ? " cnvnav-item-active" : ""),
+						onClick: () => jumpTo(item.key),
+					},
+						React.createElement("span", { className: "cnvnav-badge cnvnav-badge-" + item.cls }, item.label),
+						item.preview !== null && item.preview !== ""
+							? React.createElement("span", { className: "cnvnav-item-preview" }, item.preview)
+							: null,
+						item.time !== ""
+							? React.createElement("span", { className: "cnvnav-item-time" }, item.time)
+							: null,
+					);
+				}
+				function renderGroupHead(g, groupActive) {
+					return React.createElement("div", {
+						ref: (el) => { groupEls[g.gid] = el; },
+						className: "cnvnav-group-row" + (groupActive ? " cnvnav-group-row-active" : ""),
+					},
+						React.createElement(Tooltip, {
+							label: "跳转到此位置",
+							side: "top",
+							delayMs: 500,
 						},
-							React.createElement(Tooltip, {
-								label: "跳转到此位置",
-								side: "top",
-								delayMs: 500,
-							},
-								React.createElement("span", { className: "cnvnav-group-head-wrap" },
-									React.createElement("button", {
-										type: "button",
-										className: "cnvnav-group-head",
-										onClick: () => jumpTo(g.headKey),
-									},
-										React.createElement("span", { className: "cnvnav-group-title" }, g.title),
-										g.subtitle !== ""
-											? React.createElement("span", { className: "cnvnav-group-sub" }, g.subtitle)
-											: null,
-									),
+							React.createElement("span", { className: "cnvnav-group-head-wrap" },
+								React.createElement("button", {
+									type: "button",
+									className: "cnvnav-group-head",
+									onClick: () => jumpTo(g.headKey),
+								},
+									React.createElement("span", { className: "cnvnav-group-title" }, g.title),
+									g.subtitle !== ""
+										? React.createElement("span", { className: "cnvnav-group-sub" }, g.subtitle)
+										: null,
 								),
 							),
+						),
+					);
+				}
+
+				let groupNodes;
+				if (filtering) {
+					groupNodes = [];
+					for (const g of groups) {
+						const subtitleHit = hit(g.subtitle);
+						const hitItems = g.items.filter((it) => hit(it.preview) || hit(it.label));
+						if (!subtitleHit && hitItems.length === 0) continue;
+						const rows = subtitleHit ? g.items : hitItems;
+						const groupActive = g.items.some((it) => it.key === snap.activeKey);
+						groupNodes.push(React.createElement("div", { key: g.gid, className: "cnvnav-group" },
+							renderGroupHead(g, groupActive),
+							rows.map(renderItem),
+						));
+					}
+				} else {
+					groupNodes = groups.map((g) => {
+						const expanded = snap.expanded[g.gid] === true;
+						const isTurnGroup = g.turn !== null;
+						const stepItems = isTurnGroup ? (g.headIsUser ? g.items.slice(1) : g.items) : [];
+						const hasSteps = stepItems.length > 0;
+						const groupActive = g.items.some((it) => it.key === snap.activeKey);
+						return React.createElement("div", { key: g.gid, className: "cnvnav-group" },
+							renderGroupHead(g, groupActive),
 							hasSteps
 								? React.createElement(Tooltip, {
 									label: expanded ? "折叠步次" : "展开步次",
@@ -581,28 +637,12 @@ window.__ModuleLoader__.load({
 									),
 								)
 								: null,
-						),
-						expanded && hasSteps
-							? stepItems.map((item) =>
-								React.createElement("button", {
-									key: item.key,
-									type: "button",
-									ref: (el) => { itemEls[item.key] = el; },
-									className: "cnvnav-item" + (item.key === snap.activeKey ? " cnvnav-item-active" : ""),
-									onClick: () => jumpTo(item.key),
-								},
-									React.createElement("span", { className: "cnvnav-badge cnvnav-badge-" + item.cls }, item.label),
-									item.preview !== null && item.preview !== ""
-										? React.createElement("span", { className: "cnvnav-item-preview" }, item.preview)
-										: null,
-									item.time !== ""
-										? React.createElement("span", { className: "cnvnav-item-time" }, item.time)
-										: null,
-								),
-							)
-							: null,
-					);
-				});
+							expanded && hasSteps
+								? stepItems.map(renderItem)
+								: null,
+						);
+					});
+				}
 
 				return React.createElement("div", {
 					ref: (el) => { panelEl = el; },
@@ -612,7 +652,7 @@ window.__ModuleLoader__.load({
 				},
 					React.createElement("div", { className: "cnvnav-head" },
 						React.createElement("span", { className: "cnvnav-title" }, "会话导航"),
-						React.createElement("span", { className: "cnvnav-count" }, String(count) + " 条"),
+						React.createElement("span", { className: "cnvnav-count" }, (filtering ? groupNodes.length + " / " : "") + String(count) + " 条"),
 						React.createElement(Tooltip, {
 							label: "收起面板",
 							side: "bottom",
@@ -628,6 +668,15 @@ window.__ModuleLoader__.load({
 							),
 						),
 					),
+					React.createElement("div", { className: "cnvnav-filter-row" },
+						React.createElement("input", {
+							type: "text",
+							className: "cnvnav-filter",
+							placeholder: "过滤提问 / 回复…",
+							value: filter,
+							onChange: (e) => setFilter(e.target.value),
+						}),
+					),
 					React.createElement("div", { className: "cnvnav-topbar" },
 						React.createElement(Tooltip, {
 							label: "加载更早的一批轮次",
@@ -670,7 +719,9 @@ window.__ModuleLoader__.load({
 					},
 						groups.length === 0
 							? React.createElement("div", { className: "cnvnav-empty" }, "当前会话暂无对话节点")
-							: groupNodes,
+							: (filtering && groupNodes.length === 0
+								? React.createElement("div", { className: "cnvnav-empty" }, "无匹配结果")
+								: groupNodes),
 					),
 					React.createElement("div", { className: "cnvnav-footer" },
 						React.createElement(Tooltip, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-conversation-navigator",
-  "version": "0.1.15",
+  "version": "0.1.16",
   "description": "Codex 风格的 DSH(DeepSeek Harness)会话导航插件:按轮折叠的对话大纲面板,支持节点点击跳转、滚动位置高亮与轨迹视图同款配色。",
   "keywords": [
     "dsh",