dsh-brief-sidebar 0.9.0 → 0.9.1

package/dsh.plugin.json

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

package/lib/client.js

@@ -516,6 +516,106 @@ window.__ModuleLoader__.load({
 			return sessionPaths.filter((path) => !active.has(normalized(path)));
 		}
 		//#endregion
+		//#region src/client/summary/FoldToggle.tsx
+		/**
+		* The two group chrome pieces the summary sections share: a counted group
+		* title, and the toggle that folds a group away.
+		*
+		* Extracted because the deliverables section (本回合 / 更早改动) and the recall
+		* section (活跃召回 / 其余历史召回) now fold a history group the same way. Two
+		* private copies of the same button would drift the first time either section
+		* touches padding — and the whole point of the split is that a reader can tell
+		* "what is live now" from "what the session also contains" without learning a
+		* different layout per section.
+		*
+		* Colours come from `--dsw-alias-*` tokens only (skin contract, enforced by
+		* `tests/purity.spec.ts`).
+		*/
+		/** Section-level title under the section header: quieter, same left gutter. */
+		const GROUP_HEADER_STYLE = {
+			padding: "8px 12px 0",
+			color: "var(--dsw-alias-label-tertiary)",
+			fontSize: 11,
+			fontWeight: 600
+		};
+		/** The fold switch: full-width hit area, tertiary text, chevron at the end. */
+		const TOGGLE_STYLE = {
+			background: "none",
+			border: "none",
+			font: "inherit",
+			fontSize: 12,
+			color: "var(--dsw-alias-label-tertiary)",
+			cursor: "pointer",
+			display: "flex",
+			alignItems: "center",
+			gap: 4,
+			padding: "6px 12px",
+			textAlign: "left",
+			width: "calc(100% - 24px)"
+		};
+		/** The note beside a folded group (e.g. how many the capped list left out). */
+		const CAPTION_STYLE = {
+			padding: "0 12px 6px",
+			color: "var(--dsw-alias-label-tertiary)",
+			fontSize: 11,
+			lineHeight: "16px"
+		};
+		const CHEVRON_STYLE$1 = (open) => ({
+			flexShrink: 0,
+			transition: "transform 0.16s",
+			transform: open ? "rotate(180deg)" : "none"
+		});
+		/**
+		* A counted group title. Renders nothing when the group is empty — an empty
+		* "活跃召回 · 0" line would ask the reader to explain a heading rather than read
+		* a fact.
+		* @param props - already-interpolated text, plus an optional DOM marker.
+		*/
+		function GroupHeader(props) {
+			if (props.text.length === 0) return null;
+			return (0, react.createElement)("div", {
+				style: GROUP_HEADER_STYLE,
+				"data-dsh-brief-sidebar": props.marker ?? "group-header"
+			}, props.text);
+		}
+		/**
+		* The fold switch. `marker` is what tests (and the browser probe) click, so it
+		* belongs to the component rather than to either caller's markup.
+		* @param props - label, current state, DOM marker, click handler.
+		*/
+		function FoldToggle(props) {
+			const { label, open, marker } = props;
+			return (0, react.createElement)("button", {
+				type: "button",
+				"aria-expanded": open,
+				style: TOGGLE_STYLE,
+				"data-dsh-brief-sidebar": marker,
+				onClick: () => {
+					props.onToggle();
+				}
+			}, label, (0, react.createElement)("svg", {
+				width: 10,
+				height: 10,
+				viewBox: "0 0 16 16",
+				"aria-hidden": true,
+				style: CHEVRON_STYLE$1(open)
+			}, (0, react.createElement)("path", {
+				d: "M4 6l4 4 4-4",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: 1.5,
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			})));
+		}
+		/** A quiet caption under a group, used for the "the list is capped" note. */
+		function GroupCaption(props) {
+			return (0, react.createElement)("div", {
+				style: CAPTION_STYLE,
+				"data-dsh-brief-sidebar": props.marker
+			}, props.text);
+		}
+		//#endregion
 		//#region src/client/locales.ts
 		/**
 		* Plugin-owned i18n dictionaries.
@@ -560,6 +660,8 @@ window.__ModuleLoader__.load({
 				"deliverables.empty": "本回合暂无改动文件",
 				"deliverables.emptyHint": "会话里成功写入或修改文件后，它们会实时出现在这里。",
 				"deliverables.history": "更早改动的文件 · {count}",
+				"deliverables.currentTurn": "本回合改动 · {count}",
+				"deliverables.historyCapped": "（会话共 {total} 个文件，列表已截断）",
 				"deliverable.codeplanTag": "规划",
 				"section.memorySlots": "记忆",
 				"slots.empty": "当前没有激活的记忆槽位",
@@ -581,6 +683,9 @@ window.__ModuleLoader__.load({
 				"recall.obsoleteWhy": "声明过时后，该记忆退场（可恢复），下一轮会告知模型",
 				"recall.strikeHint": "；判过时的条目会一直保留在列表里并划上删除线（清空会话才移除）",
 				"recall.supersededHidden": "已隐藏 {count} 条被摘要取代的旧召回（正文已不在上下文）",
+				"recall.activeGroup": "活跃召回 · {count}",
+				"recall.historyGroup": "其余历史召回 · {count}",
+				"recall.supersededTag": "已被摘要取代",
 				"recall.noBody": "（本帧没有这条记忆的全文）",
 				"section.skillUsage": "技能引用",
 				"skillUsage.empty": "本会话还没载入过技能",
@@ -612,6 +717,8 @@ window.__ModuleLoader__.load({
 				"deliverables.empty": "No files changed in this turn",
 				"deliverables.emptyHint": "Files written or edited successfully in the session appear here live.",
 				"deliverables.history": "Earlier changes · {count}",
+				"deliverables.currentTurn": "This turn · {count}",
+				"deliverables.historyCapped": "(the session produced {total} files; the list is capped)",
 				"deliverable.codeplanTag": "Plan",
 				"section.memorySlots": "Memory",
 				"slots.empty": "No active memory slots",
@@ -633,6 +740,9 @@ window.__ModuleLoader__.load({
 				"recall.obsoleteWhy": "Declaring it obsolete retires the record (restorable) and tells the model next turn",
 				"recall.strikeHint": "; an entry you mark obsolete stays listed, struck through (removed only when you clear the session)",
 				"recall.supersededHidden": "{count} older recalls hidden — their text was replaced by a summary",
+				"recall.activeGroup": "Active recalls · {count}",
+				"recall.historyGroup": "Earlier recalls · {count}",
+				"recall.supersededTag": "replaced by summary",
 				"recall.noBody": "(this frame carries no full body for this record)",
 				"section.skillUsage": "Skill references",
 				"skillUsage.empty": "No skills loaded in this session",
@@ -664,6 +774,8 @@ window.__ModuleLoader__.load({
 				"deliverables.empty": "このターンで変更されたファイルはありません",
 				"deliverables.emptyHint": "セッションでファイルの書き込み・変更が成功すると、ここにリアルタイムで表示されます。",
 				"deliverables.history": "以前の変更 · {count}",
+				"deliverables.currentTurn": "このターン · {count}",
+				"deliverables.historyCapped": "（セッション全体で {total} ファイル、一覧は上限で省略）",
 				"deliverable.codeplanTag": "計画",
 				"section.memorySlots": "メモリ",
 				"slots.empty": "アクティブなメモリスロットはありません",
@@ -685,6 +797,9 @@ window.__ModuleLoader__.load({
 				"recall.obsoleteWhy": "古いと宣言すると記録は退場（復元可）、次のターンでモデルに伝わります",
 				"recall.strikeHint": "；古いと宣言した項目は取り消し線のまま一覧に保持されます（セッションをクリアすると消えます）",
 				"recall.supersededHidden": "要約に置き換わった旧召回 {count} 件を非表示（本文はコンテキストにない）",
+				"recall.activeGroup": "アクティブな想起 · {count}",
+				"recall.historyGroup": "その他の履歴想起 · {count}",
+				"recall.supersededTag": "要約に置換済み",
 				"recall.noBody": "このフレームには全文が含まれていない",
 				"section.skillUsage": "スキル参照",
 				"skillUsage.empty": "このセッションではスキルを読み込んでいません",
@@ -716,6 +831,8 @@ window.__ModuleLoader__.load({
 				"deliverables.empty": "이번 턴에 변경된 파일이 없습니다",
 				"deliverables.emptyHint": "세션에서 파일을 성공적으로 작성하거나 수정하면 여기에 실시간으로 표시됩니다.",
 				"deliverables.history": "이전 변경 사항 · {count}",
+				"deliverables.currentTurn": "이번 턴 · {count}",
+				"deliverables.historyCapped": "(세션 전체 {total}개 파일, 목록은 잘림)",
 				"deliverable.codeplanTag": "계획",
 				"section.memorySlots": "메모리",
 				"slots.empty": "활성화된 메모리 슬롯이 없습니다",
@@ -737,6 +854,9 @@ window.__ModuleLoader__.load({
 				"recall.obsoleteWhy": "낡음으로 선언하면 기록이 퇴장하며(복원 가능), 다음 턴에서 모델에 알립니다",
 				"recall.strikeHint": "；낡음으로 선언한 항목은 취소선 상태로 목록에 계속 표시됩니다(세션을 비우면 제거)",
 				"recall.supersededHidden": "요약으로 대체된 이전 회수 {count}건 숨김(본문이 컨텍스트에 없음)",
+				"recall.activeGroup": "활성 회상 · {count}",
+				"recall.historyGroup": "나머지 이전 회상 · {count}",
+				"recall.supersededTag": "요약에 대체됨",
 				"recall.noBody": "이 프레임에는 이 기록의 전문이 없습니다",
 				"section.skillUsage": "스킬 참조",
 				"skillUsage.empty": "이 세션에서 스킬을 불러오지 않았습니다",
@@ -768,6 +888,8 @@ window.__ModuleLoader__.load({
 				"deliverables.empty": "Aucun fichier modifié à ce tour",
 				"deliverables.emptyHint": "Les fichiers écrits ou modifiés dans la session apparaissent ici en direct.",
 				"deliverables.history": "Modifications antérieures · {count}",
+				"deliverables.currentTurn": "Ce tour-ci · {count}",
+				"deliverables.historyCapped": "(la session a produit {total} fichiers ; la liste est tronquée)",
 				"deliverable.codeplanTag": "Plan",
 				"section.memorySlots": "Mémoire",
 				"slots.empty": "Aucun emplacement mémoire actif",
@@ -789,6 +911,9 @@ window.__ModuleLoader__.load({
 				"recall.obsoleteWhy": "Déclarer obsolète retire l’enregistrement (récupérable) et prévient le modèle au tour suivant",
 				"recall.strikeHint": " ; une entrée déclarée obsolète reste listée, barrée (retirée uniquement quand vous videz la session)",
 				"recall.supersededHidden": "{count} anciens rappels masqués — leur texte a été remplacé par un résumé",
+				"recall.activeGroup": "Rappels actifs · {count}",
+				"recall.historyGroup": "Rappels antérieurs · {count}",
+				"recall.supersededTag": "remplacé par le résumé",
 				"recall.noBody": "(aucun texte complet pour cette entrée dans cette trame)",
 				"section.skillUsage": "Références de compétences",
 				"skillUsage.empty": "Aucune compétence chargée dans cette session",
@@ -820,6 +945,8 @@ window.__ModuleLoader__.load({
 				"deliverables.empty": "Keine Dateien in diesem Durchgang geändert",
 				"deliverables.emptyHint": "In der Sitzung erfolgreich geschriebene oder geänderte Dateien erscheinen hier live.",
 				"deliverables.history": "Frühere Änderungen · {count}",
+				"deliverables.currentTurn": "Dieser Durchlauf · {count}",
+				"deliverables.historyCapped": "(die Sitzung erzeugte {total} Dateien; die Liste ist gekürzt)",
 				"deliverable.codeplanTag": "Plan",
 				"section.memorySlots": "Gedächtnis",
 				"slots.empty": "Keine aktiven Speicherplätze",
@@ -841,6 +968,9 @@ window.__ModuleLoader__.load({
 				"recall.obsoleteWhy": "Als veraltet erklären versetzt den Eintrag in den Ruhestand (wiederherstellbar) und informiert das Modell in der nächsten Runde",
 				"recall.strikeHint": "; ein als veraltet markierter Eintrag bleibt durchgestrichen in der Liste (erst beim Leeren der Sitzung entfernt)",
 				"recall.supersededHidden": "{count} ältere Treffer ausgeblendet — ihr Text wurde durch eine Zusammenfassung ersetzt",
+				"recall.activeGroup": "Aktive Abrufe · {count}",
+				"recall.historyGroup": "Weitere Abrufe · {count}",
+				"recall.supersededTag": "durch Zusammenfassung ersetzt",
 				"recall.noBody": "(dieser Rahmen enthält keinen vollständigen Text für diesen Eintrag)",
 				"section.skillUsage": "Skill-Referenzen",
 				"skillUsage.empty": "In dieser Sitzung wurden keine Skills geladen",
@@ -872,6 +1002,8 @@ window.__ModuleLoader__.load({
 				"deliverables.empty": "Nessun file modificato in questo turno",
 				"deliverables.emptyHint": "I file scritti o modificati nella sessione appaiono qui in tempo reale.",
 				"deliverables.history": "Modifiche precedenti · {count}",
+				"deliverables.currentTurn": "Questo turno · {count}",
+				"deliverables.historyCapped": "(la sessione ha prodotto {total} file; l’elenco è troncato)",
 				"deliverable.codeplanTag": "Piano",
 				"section.memorySlots": "Memoria",
 				"slots.empty": "Nessuno slot di memoria attivo",
@@ -893,6 +1025,9 @@ window.__ModuleLoader__.load({
 				"recall.obsoleteWhy": "Dichiararlo obsoleto congeda il record (ripristinabile) e avvisa il modello al turno successivo",
 				"recall.strikeHint": "; una voce dichiarata obsoleta resta elencata, barrata (rimossa solo svuotando la sessione)",
 				"recall.supersededHidden": "{count} vecchi richiami nascosti — il testo è stato sostituito da un riassunto",
+				"recall.activeGroup": "Richiami attivi · {count}",
+				"recall.historyGroup": "Richiami precedenti · {count}",
+				"recall.supersededTag": "sostituito dal riassunto",
 				"recall.noBody": "(questo frame non contiene il testo completo di questa voce)",
 				"section.skillUsage": "Riferimenti alle skill",
 				"skillUsage.empty": "Nessuna skill caricata in questa sessione",
@@ -924,6 +1059,8 @@ window.__ModuleLoader__.load({
 				"deliverables.empty": "За этот ход файлы не менялись",
 				"deliverables.emptyHint": "Успешно записанные или изменённые файлы появляются здесь в реальном времени.",
 				"deliverables.history": "Более ранние изменения · {count}",
+				"deliverables.currentTurn": "Этот ход · {count}",
+				"deliverables.historyCapped": "(в сессии всего {total} файлов; список усечён)",
 				"deliverable.codeplanTag": "План",
 				"section.memorySlots": "Память",
 				"slots.empty": "Активных слотов памяти нет",
@@ -945,6 +1082,9 @@ window.__ModuleLoader__.load({
 				"recall.obsoleteWhy": "Объявить устаревшим значит снимает запись восстанавлимо и сообщает модель на следующем ходе",
 				"recall.strikeHint": "; помеченная как устаревшая запись остаётся в списке, зачёркнутой (удаляется только при очистке сессии)",
 				"recall.supersededHidden": "Скрыто старых воспоминаний: {count} — их текст заменён кратким изложением",
+				"recall.activeGroup": "Активные вызовы · {count}",
+				"recall.historyGroup": "Прочие прежние вызовы · {count}",
+				"recall.supersededTag": "заменено сводкой",
 				"recall.noBody": "В этом кадре нет полного текста этой записи",
 				"section.skillUsage": "Отсылки к скиллам",
 				"skillUsage.empty": "В этой сессии скиллы не загружались",
@@ -976,6 +1116,8 @@ window.__ModuleLoader__.load({
 				"deliverables.empty": "Ningún archivo modificado en este turno",
 				"deliverables.emptyHint": "Los archivos escritos o editados en la sesión aparecen aquí en directo.",
 				"deliverables.history": "Cambios anteriores · {count}",
+				"deliverables.currentTurn": "Este turno · {count}",
+				"deliverables.historyCapped": "(la sesión produjo {total} archivos; la lista está truncada)",
 				"deliverable.codeplanTag": "Plan",
 				"section.memorySlots": "Memoria",
 				"slots.empty": "No hay ranuras de memoria activas",
@@ -997,6 +1139,9 @@ window.__ModuleLoader__.load({
 				"recall.obsoleteWhy": "Declararlo obsoleto retira el registro (recuperable) y avisa al modelo en el turno siguiente",
 				"recall.strikeHint": "; una entrada marcada como obsoleta sigue en la lista, tachada (se retira solo al vaciar la sesión)",
 				"recall.supersededHidden": "{count} recuerdos antiguos ocultos — su texto fue reemplazado por un resumen",
+				"recall.activeGroup": "Recuerdos activos · {count}",
+				"recall.historyGroup": "Recuerdos anteriores · {count}",
+				"recall.supersededTag": "reemplazado por el resumen",
 				"recall.noBody": "(este fotograma no trae el texto completo de este registro)",
 				"section.skillUsage": "Referencias de skills",
 				"skillUsage.empty": "Esta sesión no ha cargado ningún skill",
@@ -1022,6 +1167,13 @@ window.__ModuleLoader__.load({
 		function expandCount(template, count) {
 			return template.replace("{count}", String(count));
 		}
+		/**
+		* Fill a `{total}` placeholder — the counter that says how many there really
+		* are, as opposed to how many the (capped) list shows.
+		*/
+		function expandTotal(template, total) {
+			return template.replace("{total}", String(total));
+		}
 		//#endregion
 		//#region src/client/summary/DeliverablesSection.tsx
 		/**
@@ -1066,26 +1218,6 @@ window.__ModuleLoader__.load({
 			gap: 8,
 			padding: "6px 12px"
 		};
-		/** 折叠区开关行:与文件行同宽,tertiary 强调,整行可点。 */
-		const HISTORY_TOGGLE_STYLE = {
-			background: "none",
-			border: "none",
-			font: "inherit",
-			fontSize: 12,
-			color: "var(--dsw-alias-label-tertiary)",
-			cursor: "pointer",
-			display: "flex",
-			alignItems: "center",
-			gap: 4,
-			padding: "6px 12px",
-			textAlign: "left",
-			width: "calc(100% - 24px)"
-		};
-		const CHEVRON_STYLE$1 = (open) => ({
-			flexShrink: 0,
-			transition: "transform 0.16s",
-			transform: open ? "rotate(180deg)" : "none"
-		});
 		const PATH_STYLE = {
 			minWidth: 0,
 			overflowWrap: "anywhere",
@@ -1142,8 +1274,9 @@ window.__ModuleLoader__.load({
 		* The deliverables section. The subscription is unconditional (a plain
 		* listener, not IO).
 		*
-		* 分层:活跃文件(本回合 latest)直接列表;全会话更早改动折叠在开关行后面
-		* (与活跃文件按归一化路径去重),展开后是与活跃区相同的可点击文件行。
+		* 分层:本回合改动(latest)与全会话更早改动分成两组各自计数——前者直列,后者
+		* 折叠在开关行后面(与活跃文件按归一化路径去重),展开后是与活跃区相同的可点击
+		* 文件行。列表有上限时,开关行说折叠区条数、附注说会话真数,两个数不混为一谈。
 		* @param props - translation, client context, session scope.
 		*/
 		function DeliverablesSection(props) {
@@ -1172,32 +1305,25 @@ window.__ModuleLoader__.load({
 			return (0, react.createElement)("div", {
 				style: SECTION_STYLE$3,
 				"data-dsh-brief-sidebar": "deliverables-section"
-			}, (0, react.createElement)("div", { style: HEADER_STYLE$4 }, t("section.deliverables")), (0, react.createElement)("ul", { style: LIST_STYLE$3 }, latestPaths.map((path) => (0, react.createElement)(PathRow, {
+			}, (0, react.createElement)("div", { style: HEADER_STYLE$4 }, t("section.deliverables")), latestPaths.length > 0 && (0, react.createElement)(GroupHeader, {
+				text: expandCount(t("deliverables.currentTurn"), latestPaths.length),
+				marker: "deliverables-current-group"
+			}), (0, react.createElement)("ul", { style: LIST_STYLE$3 }, latestPaths.map((path) => (0, react.createElement)(PathRow, {
 				key: path,
 				path,
 				t,
 				open
-			}))), history.length > 0 && (0, react.createElement)("button", {
-				type: "button",
-				"aria-expanded": historyOpen,
-				style: HISTORY_TOGGLE_STYLE,
-				onClick: () => {
+			}))), history.length > 0 && (0, react.createElement)(FoldToggle, {
+				label: expandCount(t("deliverables.history"), history.length),
+				open: historyOpen,
+				marker: "deliverables-history-toggle",
+				onToggle: () => {
 					setHistoryOpen((current) => !current);
 				}
-			}, expandCount(t("deliverables.history"), history.length), (0, react.createElement)("svg", {
-				width: 10,
-				height: 10,
-				viewBox: "0 0 16 16",
-				"aria-hidden": true,
-				style: CHEVRON_STYLE$1(historyOpen)
-			}, (0, react.createElement)("path", {
-				d: "M4 6l4 4 4-4",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: 1.5,
-				strokeLinecap: "round",
-				strokeLinejoin: "round"
-			}))), historyOpen && (0, react.createElement)("ul", { style: LIST_STYLE$3 }, history.map((path) => (0, react.createElement)(PathRow, {
+			}), history.length > 0 && view.sessionTotal > view.sessionPaths.length && (0, react.createElement)(GroupCaption, {
+				text: expandTotal(t("deliverables.historyCapped"), view.sessionTotal),
+				marker: "deliverables-history-capped"
+			}), historyOpen && (0, react.createElement)("ul", { style: LIST_STYLE$3 }, history.map((path) => (0, react.createElement)(PathRow, {
 				key: path,
 				path,
 				t,
@@ -2316,7 +2442,7 @@ window.__ModuleLoader__.load({
 		* has already retired).
 		*/
 		function RecallRow(props) {
-			const { item, selected, stale, mark, error, t } = props;
+			const { item, selected, stale, wasSuperseded, mark, error, t } = props;
 			const scenario = item.scenario === void 0 ? void 0 : item.scenario.join(" · ");
 			const markText = mark === void 0 ? void 0 : mark === -1 ? t("recall.obsoleted") : expandCount(t("recall.rated"), mark);
 			const staleText = stale && mark !== -1 ? t("recall.obsoleted") : void 0;
@@ -2344,7 +2470,10 @@ window.__ModuleLoader__.load({
 			} }, (0, react.createElement)("span", { style: titleStyle }, item.title), scenario !== void 0 && (0, react.createElement)("p", { style: stale ? {
 				...SCENARIO_STYLE,
 				...STRIKE_STYLE
-			} : SCENARIO_STYLE }, scenario), staleText !== void 0 && (0, react.createElement)("span", { style: MARK_STYLE }, staleText), markText !== void 0 && (0, react.createElement)("span", { style: MARK_STYLE }, markText), error !== void 0 && (0, react.createElement)("span", { style: ERROR_STYLE }, `${t("recall.failed")}${error}`), selected && !stale && props.rating && (0, react.createElement)(RatingStrip, {
+			} : SCENARIO_STYLE }, scenario), staleText !== void 0 && (0, react.createElement)("span", { style: MARK_STYLE }, staleText), wasSuperseded && (0, react.createElement)("span", {
+				style: TYPE_STYLE,
+				"data-dsh-brief-sidebar": "recall-superseded-tag"
+			}, t("recall.supersededTag")), markText !== void 0 && (0, react.createElement)("span", { style: MARK_STYLE }, markText), error !== void 0 && (0, react.createElement)("span", { style: ERROR_STYLE }, `${t("recall.failed")}${error}`), selected && !stale && props.rating && (0, react.createElement)(RatingStrip, {
 				current: mark,
 				pending: props.pending,
 				armed: props.armed,
@@ -2375,6 +2504,7 @@ window.__ModuleLoader__.load({
 			const [errors, setErrors] = (0, react.useState)({});
 			const [armed, setArmed] = (0, react.useState)(false);
 			const [writeAbsent, setWriteAbsent] = (0, react.useState)(false);
+			const [historyOpen, setHistoryOpen] = (0, react.useState)(false);
 			const show = useConfigFlag(ctx, resolveShowMemoryRecall);
 			const view = readRecall(useProjectionValue(ctx, scope?.sessionId, MEMORY_RECALL_KEY));
 			const sessionId = scope?.sessionId ?? "";
@@ -2454,22 +2584,50 @@ window.__ModuleLoader__.load({
 			if (view === void 0) return null;
 			const isStale = (item) => item.retired === true || staleIds.includes(item.id);
 			const rows = view.items.filter((item) => item.superseded !== true || item.retired === true);
-			const hidden = view.items.length - rows.length;
+			const historyRows = view.items.filter((item) => item.superseded === true && item.retired !== true);
+			const hidden = historyRows.length;
 			if (rows.length === 0) return (0, react.createElement)("div", {
 				style: SECTION_STYLE,
 				"data-dsh-brief-sidebar": "memory-recall-section"
 			}, (0, react.createElement)("div", { style: HEADER_STYLE$1 }, t("section.memoryRecall")), (0, react.createElement)("div", {
 				style: EMPTY_STYLE,
 				...hidden > 0 ? { "data-dsh-brief-sidebar": "recall-superseded-note" } : {}
-			}, hidden > 0 ? expandCount(t("recall.supersededHidden"), hidden) : t("recall.empty")));
+			}, hidden > 0 ? expandCount(t("recall.supersededHidden"), hidden) : t("recall.empty")), historyRows.length > 0 && (0, react.createElement)(FoldToggle, {
+				label: expandCount(t("recall.historyGroup"), historyRows.length),
+				open: historyOpen,
+				marker: "recall-history-toggle",
+				onToggle: () => {
+					setHistoryOpen((current) => !current);
+				}
+			}), historyOpen && (0, react.createElement)("ul", { style: LIST_STYLE }, historyRows.map((item) => (0, react.createElement)(RecallRow, {
+				key: item.id,
+				item,
+				selected: false,
+				stale: isStale(item),
+				wasSuperseded: true,
+				pending: false,
+				armed: false,
+				mark: void 0,
+				error: void 0,
+				rating: false,
+				t,
+				onSelect: () => {},
+				onScore: () => {},
+				onEnter: () => {},
+				onLeave: () => {}
+			}))));
 			return (0, react.createElement)("div", {
 				style: SECTION_STYLE,
 				"data-dsh-brief-sidebar": "memory-recall-section"
-			}, (0, react.createElement)("div", { style: HEADER_STYLE$1 }, t("section.memoryRecall")), rating && (0, react.createElement)("div", { style: HINT_STYLE$1 }, `${t("recall.rateHint")}${t("recall.strikeHint")}`), (0, react.createElement)("ul", { style: LIST_STYLE }, rows.map((item) => (0, react.createElement)(RecallRow, {
+			}, (0, react.createElement)("div", { style: HEADER_STYLE$1 }, t("section.memoryRecall")), rating && (0, react.createElement)("div", { style: HINT_STYLE$1 }, `${t("recall.rateHint")}${t("recall.strikeHint")}`), rows.length > 0 && (0, react.createElement)(GroupHeader, {
+				text: expandCount(t("recall.activeGroup"), rows.length),
+				marker: "recall-active-group"
+			}), (0, react.createElement)("ul", { style: LIST_STYLE }, rows.map((item) => (0, react.createElement)(RecallRow, {
 				key: item.id,
 				item,
 				selected: selectedId === item.id,
 				stale: isStale(item),
+				wasSuperseded: item.superseded === true,
 				pending: pendingId === item.id,
 				armed: armed && selectedId === item.id,
 				mark: marks[item.id] ?? item.rating,
@@ -2486,6 +2644,29 @@ window.__ModuleLoader__.load({
 					onEnter(item.id, el);
 				},
 				onLeave
+			}))), historyRows.length > 0 && (0, react.createElement)(FoldToggle, {
+				label: expandCount(t("recall.historyGroup"), historyRows.length),
+				open: historyOpen,
+				marker: "recall-history-toggle",
+				onToggle: () => {
+					setHistoryOpen((current) => !current);
+				}
+			}), historyOpen && (0, react.createElement)("ul", { style: LIST_STYLE }, historyRows.map((item) => (0, react.createElement)(RecallRow, {
+				key: item.id,
+				item,
+				selected: false,
+				stale: isStale(item),
+				wasSuperseded: true,
+				pending: false,
+				armed: false,
+				mark: void 0,
+				error: void 0,
+				rating: false,
+				t,
+				onSelect: () => {},
+				onScore: () => {},
+				onEnter: () => {},
+				onLeave: () => {}
 			}))), (0, react.createElement)("div", { style: FOOTER_STYLE }, expandCount(t("recall.count"), view.count), hidden > 0 && (0, react.createElement)("div", { "data-dsh-brief-sidebar": "recall-superseded-note" }, expandCount(t("recall.supersededHidden"), hidden))), hover !== void 0 && typeof window !== "undefined" && (() => {
 				const item = view.items.find((i) => i.id === hover.id);
 				if (item === void 0) return null;