dsh-brief-sidebar 0.9.5 → 0.9.6

package/dsh.plugin.json

@@ -1,6 +1,6 @@
 {
   "id": "dsh-external/dsh-brief-sidebar",
-  "version": "0.9.5",
+  "version": "0.9.6",
   "main": "./lib/index.mjs",
   "description": "会话简报侧栏页（brief）：把会话的 todo 列表（`todos` 投影的进展看板）、产物列表（`dshSummaryDeliverables` 投影的实时产出文件）与记忆槽位（`memorySlots` 投影，来自 dsh-prime-memory，开关可关）一起渲染成右侧栏的一个「概要」tab，并遮蔽 DSH 官方那条 composer 上方的 todo 面板。只读展示，不做写回。",
   "engines": {

package/lib/client.js

@@ -253,7 +253,7 @@ window.__ModuleLoader__.load({
 			display: "flex",
 			flexDirection: "column"
 		};
-		const ROW_STYLE$6 = {
+		const ROW_STYLE$5 = {
 			display: "flex",
 			alignItems: "flex-start",
 			gap: 8,
@@ -305,7 +305,7 @@ window.__ModuleLoader__.load({
 		/** One task row. */
 		function TodoRow(props) {
 			const { item, t } = props;
-			return (0, react.createElement)("li", { style: ROW_STYLE$6 }, (0, react.createElement)("span", { style: pillStyle(item.status) }, t(statusKey(item.status))), (0, react.createElement)("span", { style: contentStyle(item.status) }, item.content));
+			return (0, react.createElement)("li", { style: ROW_STYLE$5 }, (0, react.createElement)("span", { style: pillStyle(item.status) }, t(statusKey(item.status))), (0, react.createElement)("span", { style: contentStyle(item.status) }, item.content));
 		}
 		/**
 		* The progress section. The subscription is unconditional (a plain listener,
@@ -1363,7 +1363,7 @@ window.__ModuleLoader__.load({
 			display: "flex",
 			flexDirection: "column"
 		};
-		const ROW_STYLE$5 = {
+		const ROW_STYLE$4 = {
 			display: "flex",
 			alignItems: "flex-start",
 			gap: 8,
@@ -1409,11 +1409,11 @@ window.__ModuleLoader__.load({
 			const title = plan === null ? path : `${t("deliverable.codeplanTag")}: ${plan.task} · ${path}`;
 			const label = basename(path);
 			const content = plan === null ? null : (0, react.createElement)("span", { style: TAG_STYLE$2 }, t("deliverable.codeplanTag"));
-			if (open === void 0) return (0, react.createElement)("li", { style: ROW_STYLE$5 }, content, (0, react.createElement)("span", {
+			if (open === void 0) return (0, react.createElement)("li", { style: ROW_STYLE$4 }, content, (0, react.createElement)("span", {
 				style: PATH_STYLE,
 				title
 			}, label));
-			return (0, react.createElement)("li", { style: ROW_STYLE$5 }, content, (0, react.createElement)("button", {
+			return (0, react.createElement)("li", { style: ROW_STYLE$4 }, content, (0, react.createElement)("button", {
 				style: BUTTON_STYLE,
 				title,
 				onClick: () => {
@@ -2004,7 +2004,7 @@ window.__ModuleLoader__.load({
 			display: "flex",
 			flexDirection: "column"
 		};
-		const ROW_STYLE$4 = {
+		const ROW_STYLE$3 = {
 			display: "flex",
 			alignItems: "baseline",
 			gap: 8,
@@ -2072,7 +2072,7 @@ window.__ModuleLoader__.load({
 				marker: "skill-usage-invoked-group"
 			}), (0, react.createElement)("ul", { style: LIST_STYLE$3 }, view.session.map((entry) => (0, react.createElement)("li", {
 				key: entry.name,
-				style: ROW_STYLE$4,
+				style: ROW_STYLE$3,
 				"data-dsh-brief-sidebar": "skill-usage-row"
 			}, (0, react.createElement)("span", { style: NAME_STYLE$1 }, entry.name), (0, react.createElement)("span", { style: COUNT_STYLE }, expandPair(t("skillUsage.uses"), entry.count, entry.count)), latestNames.includes(entry.name) && (0, react.createElement)("span", { style: TAG_STYLE$1 }, t("skillUsage.latestTag"))))), rest.length > 0 && (0, react.createElement)(FoldToggle, {
 				label: expandCount(t("skillUsage.availableGroup"), rest.length),
@@ -2086,7 +2086,7 @@ window.__ModuleLoader__.load({
 				marker: "skill-usage-available-capped"
 			}), availableOpen && (0, react.createElement)("ul", { style: LIST_STYLE$3 }, rest.map((name) => (0, react.createElement)("li", {
 				key: name,
-				style: ROW_STYLE$4,
+				style: ROW_STYLE$3,
 				"data-dsh-brief-sidebar": "skill-usage-available-row"
 			}, (0, react.createElement)("span", { style: NAME_STYLE$1 }, name)))), view.session.length > 0 && (0, react.createElement)("div", { style: FOOTER_STYLE$3 }, expandPair(t("skillUsage.count"), view.callTotal, view.sessionTotal)));
 		}
@@ -2096,15 +2096,19 @@ window.__ModuleLoader__.load({
 		* The search-reference section: the `dshSummarySearchRefs` projection drawn as
 		* one tab of the references section.
 		*
-		* It answers "what did this session pull in from outside": the queries it ran
-		* — via the harness's `web_search` or the user's own `advanced_search` — and the
-		* sources those searches returned. Each query row carries its tool name, because
-		* which of the two answered is a fact the reader asks about. Two groups, because
-		* they are two different facts — a query says what was asked, a source says what
-		* came back, and an older `dsh-free-search` without `presentationMeta` produces
-		* queries with no sources at all. That degraded case is stated rather than
-		* hidden, because an empty source list would otherwise read as "the search found
-		* nothing".
+		* It answers "what did this session pull in from outside", and it answers it the
+		* way the conversation to its left does: **one left-aligned bubble per source**,
+		* title as a link, host and provider snippet under it. No group headers, no list
+		* of query titles — that wall duplicated what the transcript already shows, and a
+		* reader who opens this tab is looking for the results, not for a restatement of
+		* the questions.
+		*
+		* The fold still records which query and which tool (`web_search` or the user's
+		* own `advanced_search`) surfaced each source; that data stays in the frame for
+		* any surface that wants it, it is just no longer drawn here. An older
+		* `dsh-free-search` without `presentationMeta` yields queries with no sources —
+		* that degraded case is stated (`searchRefs.noSourcesHint`) rather than left as
+		* an empty pane, because an empty list reads as "the search found nothing".
 		*
 		* Optional on both sides: no registry, or a host half that never registered the
 		* unit, means the client reads capability absence and the section hides.
@@ -2130,31 +2134,45 @@ window.__ModuleLoader__.load({
 		const LIST_STYLE$2 = {
 			listStyle: "none",
 			margin: 0,
-			padding: "6px 0",
-			display: "flex",
-			flexDirection: "column"
-		};
-		const ROW_STYLE$3 = {
+			padding: "8px 12px 10px",
 			display: "flex",
+			flexDirection: "column",
 			alignItems: "flex-start",
-			gap: 8,
-			padding: "6px 12px"
+			gap: 8
 		};
-		const QUERY_STYLE = {
+		/**
+		* One result, drawn as a chat bubble: left-aligned, background-filled, rounded,
+		* and narrower than the column. The reader reads this tab the way they read the
+		* conversation to its left — each bubble is one thing the session pulled in — so
+		* the list chrome (row rules, group headers, per-query title lines) is dropped
+		* rather than restyled.
+		*
+		* `alignItems: flex-start` on the list is what keeps bubbles hugging the left
+		* edge; without it a flex child stretches to the full column and the bubble
+		* reads as a plain card.
+		*/
+		const BUBBLE_STYLE$1 = {
+			maxWidth: "92%",
+			padding: "8px 10px",
+			borderRadius: 10,
+			background: "var(--dsw-alias-bg-layer-3)",
+			border: "1px solid var(--dsw-alias-border-l2)",
+			color: "var(--dsw-alias-label-primary)",
+			fontSize: 12,
+			lineHeight: "17px",
 			minWidth: 0,
-			flex: "1 1 auto",
-			overflowWrap: "anywhere",
-			color: "var(--dsw-alias-label-secondary)"
+			display: "flex",
+			flexDirection: "column",
+			gap: 2
 		};
-		/** The source title, one line: the host and URL carry the identification. */
+		/** The source title, up to three lines: inside a bubble it IS the content. */
 		const TITLE_STYLE$2 = {
 			minWidth: 0,
-			flex: "1 1 auto",
+			overflowWrap: "anywhere",
 			display: "-webkit-box",
-			WebkitLineClamp: 2,
+			WebkitLineClamp: 3,
 			WebkitBoxOrient: "vertical",
-			overflow: "hidden",
-			color: "var(--dsw-alias-label-secondary)"
+			overflow: "hidden"
 		};
 		const SNIPPET_STYLE = {
 			margin: 0,
@@ -2164,12 +2182,19 @@ window.__ModuleLoader__.load({
 			fontSize: 11,
 			lineHeight: "16px"
 		};
-		const META_STYLE$2 = {
-			flexShrink: 0,
+		const HOST_STYLE = {
 			color: "var(--dsw-alias-label-tertiary)",
 			fontSize: 11,
-			lineHeight: "18px",
-			whiteSpace: "nowrap"
+			lineHeight: "16px",
+			overflowWrap: "anywhere"
+		};
+		/** The bubble's own footer strip — where the "本轮" pill lives now. */
+		const BUBBLE_FOOT_STYLE = {
+			display: "flex",
+			alignItems: "center",
+			gap: 6,
+			marginTop: 2,
+			minWidth: 0
 		};
 		/** The "本轮" pill: same form as the skill tag, tertiary emphasis. */
 		const TAG_STYLE = {
@@ -2214,52 +2239,29 @@ window.__ModuleLoader__.load({
 				color: "var(--dsw-alias-label-secondary)"
 			} }, t("searchRefs.empty")), (0, react.createElement)("div", null, t("searchRefs.emptyHint"))));
 			const body = [];
-			if (view.queries.length > 0) {
-				body.push((0, react.createElement)(GroupHeader, {
-					key: "qh",
-					text: expandCount(t("searchRefs.queryGroup"), view.queries.length),
-					marker: "search-refs-query-group"
-				}));
-				body.push((0, react.createElement)("ul", {
-					key: "ql",
-					style: LIST_STYLE$2
-				}, view.queries.map((row) => (0, react.createElement)("li", {
-					key: `${row.turn}:${row.query}`,
-					style: ROW_STYLE$3,
-					"data-dsh-brief-sidebar": "search-refs-query"
-				}, (0, react.createElement)("span", { style: QUERY_STYLE }, row.query), (0, react.createElement)("span", { style: TAG_STYLE }, row.tool), (0, react.createElement)("span", { style: META_STYLE$2 }, expandCount(t("searchRefs.hits"), row.hits))))));
-			}
-			if (view.sources.length > 0) {
-				body.push((0, react.createElement)(GroupHeader, {
-					key: "sh",
-					text: expandCount(t("searchRefs.sourceGroup"), view.sources.length),
-					marker: "search-refs-source-group"
-				}));
-				body.push((0, react.createElement)("ul", {
-					key: "sl",
-					style: LIST_STYLE$2
-				}, view.sources.map((item) => {
-					const href = safeHref(item.url);
-					const label = item.title ?? item.url;
-					const link = href === void 0 ? (0, react.createElement)("span", { style: TITLE_STYLE$2 }, label) : (0, react.createElement)("a", {
-						style: TITLE_STYLE$2,
-						href,
-						target: "_blank",
-						rel: "noreferrer noopener"
-					}, label);
-					return (0, react.createElement)("li", {
-						key: item.url,
-						style: ROW_STYLE$3,
-						"data-dsh-brief-sidebar": "search-refs-source"
-					}, (0, react.createElement)("div", { style: {
-						minWidth: 0,
-						flex: "1 1 auto",
-						display: "flex",
-						flexDirection: "column",
-						gap: 2
-					} }, link, (0, react.createElement)("span", { style: META_STYLE$2 }, item.host), item.snippet !== void 0 && (0, react.createElement)("p", { style: SNIPPET_STYLE }, item.snippet)), isLatestSource(view, item.url) && (0, react.createElement)("span", { style: TAG_STYLE }, t("searchRefs.latestTag")));
-				})));
-			} else body.push((0, react.createElement)("div", {
+			if (view.sources.length > 0) body.push((0, react.createElement)("ul", {
+				key: "sl",
+				style: LIST_STYLE$2
+			}, view.sources.map((item) => {
+				const href = safeHref(item.url);
+				const label = item.title ?? item.url;
+				const link = href === void 0 ? (0, react.createElement)("span", { style: TITLE_STYLE$2 }, label) : (0, react.createElement)("a", {
+					style: TITLE_STYLE$2,
+					href,
+					target: "_blank",
+					rel: "noreferrer noopener"
+				}, label);
+				const latest = isLatestSource(view, item.url);
+				return (0, react.createElement)("li", {
+					key: item.url,
+					style: { minWidth: 0 },
+					"data-dsh-brief-sidebar": "search-refs-source"
+				}, (0, react.createElement)("div", {
+					style: BUBBLE_STYLE$1,
+					"data-dsh-brief-sidebar": "search-refs-bubble"
+				}, link, (0, react.createElement)("span", { style: HOST_STYLE }, item.host), item.snippet !== void 0 && (0, react.createElement)("p", { style: SNIPPET_STYLE }, item.snippet), (latest || item.count > 1) && (0, react.createElement)("div", { style: BUBBLE_FOOT_STYLE }, latest && (0, react.createElement)("span", { style: TAG_STYLE }, t("searchRefs.latestTag")), item.count > 1 && (0, react.createElement)("span", { style: HOST_STYLE }, `\u00d7${item.count}`))));
+			})));
+			else body.push((0, react.createElement)("div", {
 				key: "ns",
 				style: FOOTER_STYLE$2,
 				"data-dsh-brief-sidebar": "search-refs-no-sources"