dsh-brief-sidebar 0.9.0 → 0.9.2

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,13 +683,19 @@ window.__ModuleLoader__.load({
 				"recall.obsoleteWhy": "声明过时后，该记忆退场（可恢复），下一轮会告知模型",
 				"recall.strikeHint": "；判过时的条目会一直保留在列表里并划上删除线（清空会话才移除）",
 				"recall.supersededHidden": "已隐藏 {count} 条被摘要取代的旧召回（正文已不在上下文）",
+				"recall.activeGroup": "活跃召回 · {count}",
+				"recall.historyGroup": "其余历史召回 · {count}",
+				"recall.supersededTag": "已被摘要取代",
 				"recall.noBody": "（本帧没有这条记忆的全文）",
 				"section.skillUsage": "技能引用",
 				"skillUsage.empty": "本会话还没载入过技能",
-				"skillUsage.emptyHint": "模型用 skill 工具载入技能后，技能名会实时出现在这里。",
+				"skillUsage.emptyHint": "模型用 skill 工具载入、或你直接点用某个技能后，技能名会实时出现在这里。",
 				"skillUsage.uses": "{count} 次",
 				"skillUsage.count": "载入 {count} 次 · {total} 个技能",
 				"skillUsage.latestTag": "本轮",
+				"skillUsage.invokedGroup": "已引用 · {count}",
+				"skillUsage.availableGroup": "本会话可用 · {count}",
+				"skillUsage.availableCapped": "（可用清单共 {count} 条，列表已截断）",
 				"settings.title": "概要侧栏",
 				"settings.desc": "右侧栏概要 tab 的分区开关（只读展示）。",
 				"settings.memorySlots": "记忆槽位分区",
@@ -612,6 +720,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,13 +743,19 @@ 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",
-				"skillUsage.emptyHint": "Skills appear here as soon as the model loads one with the skill tool.",
+				"skillUsage.emptyHint": "Skills show up here once the model loads one with the `skill` tool, or you invoke one directly.",
 				"skillUsage.uses": "{count}x",
 				"skillUsage.count": "{count} loads - {total} skills",
 				"skillUsage.latestTag": "this turn",
+				"skillUsage.invokedGroup": "Referenced · {count}",
+				"skillUsage.availableGroup": "Available this session · {count}",
+				"skillUsage.availableCapped": "({count} skills in the catalog; the list is capped)",
 				"settings.title": "Brief sidebar",
 				"settings.desc": "Section switches for the summary tab in the right sidebar (read-only views).",
 				"settings.memorySlots": "Memory slots section",
@@ -664,6 +780,8 @@ window.__ModuleLoader__.load({
 				"deliverables.empty": "このターンで変更されたファイルはありません",
 				"deliverables.emptyHint": "セッションでファイルの書き込み・変更が成功すると、ここにリアルタイムで表示されます。",
 				"deliverables.history": "以前の変更 · {count}",
+				"deliverables.currentTurn": "このターン · {count}",
+				"deliverables.historyCapped": "（セッション全体で {total} ファイル、一覧は上限で省略）",
 				"deliverable.codeplanTag": "計画",
 				"section.memorySlots": "メモリ",
 				"slots.empty": "アクティブなメモリスロットはありません",
@@ -685,13 +803,19 @@ window.__ModuleLoader__.load({
 				"recall.obsoleteWhy": "古いと宣言すると記録は退場（復元可）、次のターンでモデルに伝わります",
 				"recall.strikeHint": "；古いと宣言した項目は取り消し線のまま一覧に保持されます（セッションをクリアすると消えます）",
 				"recall.supersededHidden": "要約に置き換わった旧召回 {count} 件を非表示（本文はコンテキストにない）",
+				"recall.activeGroup": "アクティブな想起 · {count}",
+				"recall.historyGroup": "その他の履歴想起 · {count}",
+				"recall.supersededTag": "要約に置換済み",
 				"recall.noBody": "このフレームには全文が含まれていない",
 				"section.skillUsage": "スキル参照",
 				"skillUsage.empty": "このセッションではスキルを読み込んでいません",
-				"skillUsage.emptyHint": "モデルが skill ツールでスキルを読み込むと、ここにリアルタイムで表示されます。",
+				"skillUsage.emptyHint": "モデルが skill ツールで読み込むか、あなたがスキルを直接起動すると、ここにリアルタイムで表示されます。",
 				"skillUsage.uses": "{count} 回",
 				"skillUsage.count": "読み込み {count} 回 · スキル {total} 件",
 				"skillUsage.latestTag": "このターン",
+				"skillUsage.invokedGroup": "参照済み · {count}",
+				"skillUsage.availableGroup": "このセッションで利用可能 · {count}",
+				"skillUsage.availableCapped": "（カタログは全 {count} 件、一覧は上限で省略）",
 				"settings.title": "概要サイドバー",
 				"settings.desc": "右サイドバー概要タブのセクション表示切り替え（読み取り専用）。",
 				"settings.memorySlots": "メモリスロットセクション",
@@ -716,6 +840,8 @@ window.__ModuleLoader__.load({
 				"deliverables.empty": "이번 턴에 변경된 파일이 없습니다",
 				"deliverables.emptyHint": "세션에서 파일을 성공적으로 작성하거나 수정하면 여기에 실시간으로 표시됩니다.",
 				"deliverables.history": "이전 변경 사항 · {count}",
+				"deliverables.currentTurn": "이번 턴 · {count}",
+				"deliverables.historyCapped": "(세션 전체 {total}개 파일, 목록은 잘림)",
 				"deliverable.codeplanTag": "계획",
 				"section.memorySlots": "메모리",
 				"slots.empty": "활성화된 메모리 슬롯이 없습니다",
@@ -737,13 +863,19 @@ window.__ModuleLoader__.load({
 				"recall.obsoleteWhy": "낡음으로 선언하면 기록이 퇴장하며(복원 가능), 다음 턴에서 모델에 알립니다",
 				"recall.strikeHint": "；낡음으로 선언한 항목은 취소선 상태로 목록에 계속 표시됩니다(세션을 비우면 제거)",
 				"recall.supersededHidden": "요약으로 대체된 이전 회수 {count}건 숨김(본문이 컨텍스트에 없음)",
+				"recall.activeGroup": "활성 회상 · {count}",
+				"recall.historyGroup": "나머지 이전 회상 · {count}",
+				"recall.supersededTag": "요약에 대체됨",
 				"recall.noBody": "이 프레임에는 이 기록의 전문이 없습니다",
 				"section.skillUsage": "스킬 참조",
 				"skillUsage.empty": "이 세션에서 스킬을 불러오지 않았습니다",
-				"skillUsage.emptyHint": "모델이 skill 도구로 스킬을 불러오면 여기에 즉시 표시됩니다.",
+				"skillUsage.emptyHint": "모델이 skill 도구로 불러오거나 당신이 스킬을 직접 실행하면 여기에 실시간으로 나타납니다.",
 				"skillUsage.uses": "{count}회",
 				"skillUsage.count": "불러오기 {count}회 · 스킬 {total}개",
 				"skillUsage.latestTag": "이 턴",
+				"skillUsage.invokedGroup": "참조됨 · {count}",
+				"skillUsage.availableGroup": "이 세션에서 사용 가능 · {count}",
+				"skillUsage.availableCapped": "(카탈로그 전체 {count}개, 목록은 잘림)",
 				"settings.title": "요약 사이드바",
 				"settings.desc": "오른쪽 사이드바 요약 탭의 섹션 표시 전환(읽기 전용).",
 				"settings.memorySlots": "메모리 슬롯 섹션",
@@ -768,6 +900,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,13 +923,19 @@ 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",
-				"skillUsage.emptyHint": "Les compétences apparaissent ici dès que le modèle en charge une avec l’outil skill.",
+				"skillUsage.emptyHint": "Les compétences apparaissent ici dès que le modèle en charge une via l’outil `skill`, ou quand vous en lancez une directement.",
 				"skillUsage.uses": "{count}×",
 				"skillUsage.count": "{count} chargements · {total} compétences",
 				"skillUsage.latestTag": "ce tour",
+				"skillUsage.invokedGroup": "Référencées · {count}",
+				"skillUsage.availableGroup": "Disponibles dans cette session · {count}",
+				"skillUsage.availableCapped": "({count} compétences au catalogue ; la liste est tronquée)",
 				"settings.title": "Barre latérale Résumé",
 				"settings.desc": "Interrupteurs des sections de l’onglet Résumé de la barre latérale (lecture seule).",
 				"settings.memorySlots": "Section des emplacements mémoire",
@@ -820,6 +960,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,13 +983,19 @@ 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",
-				"skillUsage.emptyHint": "Skills erscheinen hier, sobald das Modell einen über das skill-Werkzeug lädt.",
+				"skillUsage.emptyHint": "Skills erscheinen hier, sobald das Modell einen über das `skill`-Tool lädt oder du einen direkt aufrufst.",
 				"skillUsage.uses": "{count}x",
 				"skillUsage.count": "{count} Ladungen · {total} Skills",
 				"skillUsage.latestTag": "diese Runde",
+				"skillUsage.invokedGroup": "Referenziert · {count}",
+				"skillUsage.availableGroup": "In dieser Sitzung verfügbar · {count}",
+				"skillUsage.availableCapped": "({count} Skills im Katalog; die Liste ist gekürzt)",
 				"settings.title": "Übersicht-Seitenleiste",
 				"settings.desc": "Schalter für die Abschnitte des Übersicht-Tabs in der rechten Seitenleiste (schreibgeschützt).",
 				"settings.memorySlots": "Speicherplätze-Abschnitt",
@@ -872,6 +1020,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,13 +1043,19 @@ 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",
-				"skillUsage.emptyHint": "Le skill compaiono qui quando il modello ne carica una con il tool skill.",
+				"skillUsage.emptyHint": "Le skill compaiono qui quando il modello ne carica una con il tool `skill` o quando ne avvii una direttamente.",
 				"skillUsage.uses": "{count}x",
 				"skillUsage.count": "{count} caricamenti · {total} skill",
 				"skillUsage.latestTag": "questo giro",
+				"skillUsage.invokedGroup": "Referenziate · {count}",
+				"skillUsage.availableGroup": "Disponibili in questa sessione · {count}",
+				"skillUsage.availableCapped": "({count} skill nel catalogo; l’elenco è troncato)",
 				"settings.title": "Barra laterale Riepilogo",
 				"settings.desc": "Interruttori delle sezioni della scheda Riepilogo nella barra laterale destra (sola lettura).",
 				"settings.memorySlots": "Sezione slot di memoria",
@@ -924,6 +1080,8 @@ window.__ModuleLoader__.load({
 				"deliverables.empty": "За этот ход файлы не менялись",
 				"deliverables.emptyHint": "Успешно записанные или изменённые файлы появляются здесь в реальном времени.",
 				"deliverables.history": "Более ранние изменения · {count}",
+				"deliverables.currentTurn": "Этот ход · {count}",
+				"deliverables.historyCapped": "(в сессии всего {total} файлов; список усечён)",
 				"deliverable.codeplanTag": "План",
 				"section.memorySlots": "Память",
 				"slots.empty": "Активных слотов памяти нет",
@@ -945,13 +1103,19 @@ window.__ModuleLoader__.load({
 				"recall.obsoleteWhy": "Объявить устаревшим значит снимает запись восстанавлимо и сообщает модель на следующем ходе",
 				"recall.strikeHint": "; помеченная как устаревшая запись остаётся в списке, зачёркнутой (удаляется только при очистке сессии)",
 				"recall.supersededHidden": "Скрыто старых воспоминаний: {count} — их текст заменён кратким изложением",
+				"recall.activeGroup": "Активные вызовы · {count}",
+				"recall.historyGroup": "Прочие прежние вызовы · {count}",
+				"recall.supersededTag": "заменено сводкой",
 				"recall.noBody": "В этом кадре нет полного текста этой записи",
 				"section.skillUsage": "Отсылки к скиллам",
 				"skillUsage.empty": "В этой сессии скиллы не загружались",
-				"skillUsage.emptyHint": "Скиллы появятся здесь, как только модель загрузит их через инструмент skill.",
+				"skillUsage.emptyHint": "Навыки появятся здесь, когда модель загрузит их через инструмент `skill` или вы вызовете навык напрямую.",
 				"skillUsage.uses": "{count} раз",
 				"skillUsage.count": "Загрузок: {count} · скиллов: {total}",
 				"skillUsage.latestTag": "этот ход",
+				"skillUsage.invokedGroup": "Использованы · {count}",
+				"skillUsage.availableGroup": "Доступны в этой сессии · {count}",
+				"skillUsage.availableCapped": "({count} навыков в каталоге; список усечён)",
 				"settings.title": "Боковая панель «Сводка»",
 				"settings.desc": "Переключатели разделов вкладки «Сводка» на правой панели (только чтение).",
 				"settings.memorySlots": "Раздел слотов памяти",
@@ -976,6 +1140,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,13 +1163,19 @@ 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",
-				"skillUsage.emptyHint": "Los skills aparecerán aquí en cuanto el modelo cargue uno con la herramienta skill.",
+				"skillUsage.emptyHint": "Las skills aparecen aquí cuando el modelo carga una con la herramienta `skill` o cuando invocas una directamente.",
 				"skillUsage.uses": "{count}x",
 				"skillUsage.count": "{count} cargas · {total} skills",
 				"skillUsage.latestTag": "este turno",
+				"skillUsage.invokedGroup": "Referenciadas · {count}",
+				"skillUsage.availableGroup": "Disponibles en esta sesión · {count}",
+				"skillUsage.availableCapped": "({count} skills en el catálogo; la lista está truncada)",
 				"settings.title": "Barra lateral Resumen",
 				"settings.desc": "Interruptores de las secciones de la pestaña Resumen en la barra lateral derecha (solo lectura).",
 				"settings.memorySlots": "Sección de ranuras de memoria",
@@ -1022,6 +1194,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 +1245,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 +1301,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 +1332,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,
@@ -1236,6 +1389,18 @@ window.__ModuleLoader__.load({
 			};
 		}
 		/**
+		* The available-skill list of a frame, or `[]` when the frame carries none.
+		*
+		* Absent-by-age is the important case: a host half older than this reader
+		* publishes no `available` field at all, and that must NOT void the whole view
+		* — the session's references are still true. Only a drifted (non-array) value
+		* reads as "nothing known", never as "nothing available".
+		*/
+		function readAvailable(value) {
+			if (!Array.isArray(value)) return [];
+			return value.filter((n) => typeof n === "string" && n.length > 0);
+		}
+		/**
 		* Narrow a raw projection value into a skill-usage view.
 		*
 		* @param value - the raw `unknown` snapshot of the `dshSummarySkillUsage` face.
@@ -1251,14 +1416,33 @@ window.__ModuleLoader__.load({
 				const narrowed = readEntry(entry);
 				if (narrowed !== void 0) session.push(narrowed);
 			}
+			const available = readAvailable(raw["available"]);
+			const availableCount = available.length === 0 ? 0 : isCounter$2(raw["availableCount"]) ? raw["availableCount"] : available.length;
 			return {
 				latest: readLatest(raw["latest"]),
 				session,
 				sessionTotal: raw["sessionTotal"],
-				callTotal: raw["callTotal"]
+				callTotal: raw["callTotal"],
+				available,
+				availableCount
 			};
 		}
 		/**
+		* The available list minus the names already shown as referenced.
+		*
+		* One skill must not occupy a row in both groups: the reference row is the
+		* stronger fact, and a duplicate under "available" would read as "the model
+		* had a choice it didn't make".
+		*
+		* @param available - the session's current catalog names, in catalog order.
+		* @param referenced - names the fold counted as loaded or invoked.
+		* @returns the remaining catalog names, order preserved.
+		*/
+		function availableExcept(available, referenced) {
+			const seen = new Set(referenced);
+			return available.filter((name) => !seen.has(name));
+		}
+		/**
 		* Fill both placeholders of a template. `expandCount` only speaks `{count}`, and
 		* this section's footer carries a second number on purpose: the capped list
 		* needs the truthful distinct total next to the load count.
@@ -1278,15 +1462,23 @@ window.__ModuleLoader__.load({
 		* part of the summary tab.
 		*
 		* Where `MemoryRecallSection` answers "what memories did the model see", this
-		* answers "which instruction packs did it pull" — the skills this session
-		* loaded through the host's `skill` tool, with how often and when.
+		* answers "which instruction packs entered the context, and which ones were on
+		* the menu". Two groups, deliberately not merged:
+		*
+		* - **已引用** — the skill's instructions reached the conversation, either
+		*   because the model called the `skill` tool or because the user invoked it
+		*   directly (the host then injects `<skill_content>` and tells the model not
+		*   to call the tool — reading only the tool would miss over half of those
+		*   sessions, measured on 250 real ones).
+		* - **本会话可用** — the session's current catalog. Available is NOT used: the
+		*   model may never touch any of these, so it is collapsed behind a counted
+		*   toggle and never mixed into the reference rows.
 		*
 		* Like the deliverables section this is an OPTIONAL capability on both sides:
 		* no projection registry (or a host half that never registered the unit) means
 		* the client reads capability absence and the section hides. No settings switch
 		* gates it either — the list is a read-only fact about the session, not a
-		* preference, and a section that only ever shows what already happened costs
-		* nothing to leave on.
+		* preference.
 		*
 		* Two contracts this row honours, both learned on the recall section:
 		* - **no native `title` attribute** — it paints an unskinable tooltip that
@@ -1361,24 +1553,40 @@ window.__ModuleLoader__.load({
 		*/
 		function SkillUsageSection(props) {
 			const { t, ctx, scope } = props;
+			const [availableOpen, setAvailableOpen] = (0, react.useState)(false);
 			const view = readSkillUsage(useProjectionValue(ctx, scope?.sessionId, SKILL_USAGE_KEY));
 			if (view === void 0) return null;
-			if (view.session.length === 0) return (0, react.createElement)("div", {
-				style: SECTION_STYLE$2,
-				"data-dsh-brief-sidebar": "skill-usage-section"
-			}, (0, react.createElement)("div", { style: HEADER_STYLE$3 }, t("section.skillUsage")), (0, react.createElement)("div", { style: EMPTY_STYLE$2 }, (0, react.createElement)("div", { style: {
-				marginBottom: 6,
-				color: "var(--dsw-alias-label-secondary)"
-			} }, t("skillUsage.empty")), (0, react.createElement)("div", null, t("skillUsage.emptyHint"))));
+			const referenced = view.session.map((entry) => entry.name);
+			const rest = availableExcept(view.available, referenced);
 			const latestNames = view.latest?.names ?? [];
 			return (0, react.createElement)("div", {
 				style: SECTION_STYLE$2,
 				"data-dsh-brief-sidebar": "skill-usage-section"
-			}, (0, react.createElement)("div", { style: HEADER_STYLE$3 }, t("section.skillUsage")), (0, react.createElement)("ul", { style: LIST_STYLE$2 }, view.session.map((entry) => (0, react.createElement)("li", {
+			}, (0, react.createElement)("div", { style: HEADER_STYLE$3 }, t("section.skillUsage")), view.session.length === 0 && (0, react.createElement)("div", { style: EMPTY_STYLE$2 }, (0, react.createElement)("div", { style: {
+				marginBottom: 6,
+				color: "var(--dsw-alias-label-secondary)"
+			} }, t("skillUsage.empty")), (0, react.createElement)("div", null, t("skillUsage.emptyHint"))), view.session.length > 0 && (0, react.createElement)(GroupHeader, {
+				text: expandCount(t("skillUsage.invokedGroup"), view.session.length),
+				marker: "skill-usage-invoked-group"
+			}), (0, react.createElement)("ul", { style: LIST_STYLE$2 }, view.session.map((entry) => (0, react.createElement)("li", {
 				key: entry.name,
 				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 }, t("skillUsage.latestTag"))))), (0, react.createElement)("div", { style: FOOTER_STYLE$2 }, expandPair(t("skillUsage.count"), view.callTotal, view.sessionTotal)));
+			}, (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 }, t("skillUsage.latestTag"))))), rest.length > 0 && (0, react.createElement)(FoldToggle, {
+				label: expandCount(t("skillUsage.availableGroup"), rest.length),
+				open: availableOpen,
+				marker: "skill-usage-available-toggle",
+				onToggle: () => {
+					setAvailableOpen((current) => !current);
+				}
+			}), rest.length > 0 && view.availableCount > view.available.length && (0, react.createElement)(GroupCaption, {
+				text: expandCount(t("skillUsage.availableCapped"), view.availableCount),
+				marker: "skill-usage-available-capped"
+			}), availableOpen && (0, react.createElement)("ul", { style: LIST_STYLE$2 }, rest.map((name) => (0, react.createElement)("li", {
+				key: name,
+				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$2 }, expandPair(t("skillUsage.count"), view.callTotal, view.sessionTotal)));
 		}
 		//#endregion
 		//#region src/client/summary/memory-slots.ts
@@ -2316,7 +2524,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 +2552,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 +2586,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 +2666,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 +2726,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;