dsh-context 0.49.0 → 0.49.1

package/lib/client.js

@@ -10,7 +10,7 @@ window.__ModuleLoader__.load({
 		//#region src/client/i18n.ts
 		const DICT_ZH = {
 			"tab": "上下文",
-			"sidebar.guideDescription": "查看这个会话的上下文构成、每步变化与消息列表。",
+			"sidebar.guideDescription": "查看上下文的构成、统计、演变。",
 			"cat.system": "系统提示词",
 			"cat.tools": "工具定义",
 			"cat.user": "用户消息",
@@ -302,7 +302,7 @@ window.__ModuleLoader__.load({
 		};
 		const DICT_EN = {
 			"tab": "Context",
-			"sidebar.guideDescription": "Inspect this session's context composition, per-step history, and messages.",
+			"sidebar.guideDescription": "Inspect context composition, stats, and evolution.",
 			"cat.system": "System Prompt",
 			"cat.tools": "Tool Schemas",
 			"cat.user": "User Messages",
@@ -6634,7 +6634,7 @@ window.__ModuleLoader__.load({
 			return function PluginInfo() {
 				const [latest, setLatest] = (0, react.useState)(null);
 				(0, react.useEffect)(() => {
-					if ("0.49.0".includes("-dev")) return;
+					if ("0.49.1".includes("-dev")) return;
 					let on = true;
 					fetchLatestVersion().then((v) => {
 						if (on && v) setLatest(v);
@@ -6643,8 +6643,8 @@ window.__ModuleLoader__.load({
 						on = false;
 					};
 				}, []);
-				const update = latest !== null && isNewerVersion(latest, "0.49.0") ? latest : null;
-				const nameText = "dsh-context (v0.49.0)";
+				const update = latest !== null && isNewerVersion(latest, "0.49.1") ? latest : null;
+				const nameText = "dsh-context (v0.49.1)";
 				const nameValue = [nameText];
 				if (update) nameValue.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					className: "lc-pi-update",
@@ -8750,6 +8750,58 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
+		//#region src/client/icon.tsx
+		/** The sheet's strokes, in paint order, as `[path, fill]` pairs. */
+		const SHEET_PATHS = [
+			["M899.984 19.873h-3.452c-26.123 0-47.296 21.172-47.296 47.296v888.508c0 26.127 21.173 47.298 47.296 47.298h3.452c26.119 0 47.297-21.171 47.297-47.298V67.169c0-26.124-21.177-47.296-47.297-47.296z", "#4A5699"],
+			["M132.643 19.873h-3.449c-26.12 0-47.296 21.172-47.296 47.296v888.508c0 26.127 21.177 47.298 47.296 47.298h3.449c26.123 0 47.299-21.171 47.299-47.298V67.169c0-26.124-21.176-47.296-47.299-47.296z", "#C45FA0"],
+			["M899.463 19.873H129.194c-26.12 0-47.296 21.172-47.296 47.296v3.377c0 26.12 21.177 47.299 47.296 47.299h770.269c26.123 0 47.296-21.179 47.296-47.299v-3.377c0-26.124-21.173-47.296-47.296-47.296z", "#6277BA"],
+			["M899.463 905.006H129.194c-26.12 0-47.296 21.17-47.296 47.29v3.381c0 26.127 21.177 47.298 47.296 47.298h770.269c26.123 0 47.296-21.171 47.296-47.298v-3.381c0-26.12-21.173-47.29-47.296-47.29z", "#C45FA0"],
+			["M717.962 543.153H542.047c-26.121 0-47.298 21.175-47.298 47.297v3.724c0 26.123 21.177 47.293 47.298 47.293h175.915c26.121 0 47.297-21.17 47.297-47.293v-3.724c0-26.122-21.176-47.297-47.297-47.297z", "#E5594F"],
+			["M689.268 198.849H513.355c-26.122 0-47.298 21.175-47.298 47.297v3.722c0 26.12 21.176 47.297 47.298 47.297h175.912c26.122 0 47.298-21.177 47.298-47.297v-3.722c0-26.122-21.175-47.297-47.297-47.297z", "#F0D043"],
+			["M757.789 353.081H261.17c-26.121 0-47.297 21.172-47.297 47.296v3.377c0 26.121 21.177 47.299 47.297 47.299h496.619c26.121 0 47.296-21.178 47.296-47.299v-3.377c0-26.125-21.175-47.296-47.296-47.296z", "#E5594F"],
+			["M762.638 726.225h-496.62c-26.12 0-47.294 21.18-47.294 47.301v3.377c0 26.12 21.174 47.3 47.294 47.3h496.62c26.122 0 47.296-21.18 47.296-47.3v-3.377c0-26.122-21.174-47.301-47.296-47.301z", "#6277BA"],
+			["M355.734 543.328H281.41c-26.122 0-47.297 21.17-47.297 47.293v3.378c0 26.118 21.175 47.297 47.297 47.297h74.324c26.123 0 47.296-21.179 47.296-47.297v-3.378c0-26.123-21.174-47.293-47.296-47.293z", "#F39A2B"],
+			["M334.85 248.006m-48.986 0a48.986 48.986 0 1 0 97.972 0 48.986 48.986 0 1 0-97.972 0Z", "#F39A2B"]
+		];
+		/** The colourful document sheet at the requested square edge. */
+		function ContextIcon({ size = 20, className }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+				width: size,
+				height: size,
+				viewBox: "0 0 1024 1024",
+				className,
+				"aria-hidden": "true",
+				xmlns: "http://www.w3.org/2000/svg",
+				children: SHEET_PATHS.map(([d, fill]) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+					d,
+					fill
+				}, d))
+			});
+		}
+		/**
+		* The tab chip's title seat (`sidebar.right.pane.tab.title`): the emblem before
+		* the label, so the chip reads as the files chip does. The label comes from the
+		* plugin's own bound translate — read at render, so the chip follows the active
+		* locale — rather than the tab-information hook, which a foreign or
+		* not-yet-committed tab record can throw on. It carries a trailing gutter
+		* (`.lc-title-label`) so the active chip's fade lands past the text, never on
+		* the last glyphs.
+		* @param t - the plugin-namespace translate bound in `apply`.
+		* @returns the title component to register under the tab type's id.
+		*/
+		function makeContextTabTitle(t) {
+			return function ContextTabTitle() {
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ContextIcon, {
+					size: 16,
+					className: "lc-title-icon"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "lc-title-label",
+					children: t("tab")
+				})] });
+			};
+		}
+		//#endregion
 		//#region src/client/sidebar.ts
 		/**
 		* The right Sidebar's Context tab (dsh 0.1.5-rc.1+).
@@ -8761,7 +8813,8 @@ window.__ModuleLoader__.load({
 		* one component with one data path. The tab type contributes a guide entry, so
 		* the sidebar's guide page offers "Context" and picking it opens the panel —
 		* the product's own path, exactly as the shipped Files type does: a capsule of
-		* glyph, title, and description line.
+		* glyph, title, and description line, plus the chip-title seat that puts the
+		* same glyph beside the label once the tab is open (`icon.tsx`).
 		*
 		* OPTIONAL BY CONTRACT. `ctx.sidebarRightTabs` and the seat ship only on the
 		* 0.1.5 line (0.1.5-rc.1+ supported); the registration therefore rides a
@@ -8785,22 +8838,8 @@ window.__ModuleLoader__.load({
 		/** The guide capsule's position: after the shipped Files entry (order 10). */
 		const GUIDE_ORDER = 20;
 		/**
-		* The guide capsule's glyph, read defensively: the icon is OPTIONAL in the
-		* entry, and a primitives module that does not serve it — or whose namespace
-		* THROWS on the read (an interop/mock shape does exactly that) — must cost the
-		* glyph, never the whole tab.
-		* @returns the icon component, or undefined to register the tab without one.
-		*/
-		function guideIcon() {
-			try {
-				return _deepseek_ai_dsh_client_ui_primitives.IconContextInjectionOutline16;
-			} catch {
-				return;
-			}
-		}
-		/**
-		* Register the Context tab type and its body on the right Sidebar, if — and
-		* only if — this harness serves the sidebar tab registry.
+		* Register the Context tab type, its body, and its chip title on the right
+		* Sidebar, if — and only if — this harness serves the sidebar tab registry.
 		* @param ctx - client root context carrying `slots` and the locale service.
 		* @param view - the Context view component factory result (the same one the
 		*   conversation tab mounts).
@@ -8812,10 +8851,14 @@ window.__ModuleLoader__.load({
 		function watchSidebarContextTab(ctx, view, t, ns) {
 			ctx.inject(["sidebarRightTabs"], (raw) => {
 				const injected = raw;
+				const disposers = [];
+				const own = (result) => {
+					if (typeof result === "function") disposers.push(result);
+				};
 				try {
 					const tabs = injected.sidebarRightTabs;
 					if (tabs === void 0 || typeof tabs.register !== "function") return;
-					const disposeType = tabs.register({
+					own(tabs.register({
 						id: SIDEBAR_CONTEXT_ID,
 						kind: SIDEBAR_CONTEXT_KIND,
 						title: () => t("tab"),
@@ -8823,24 +8866,28 @@ window.__ModuleLoader__.load({
 							order: GUIDE_ORDER,
 							title: () => t("tab"),
 							description: () => t("sidebar.guideDescription"),
-							icon: guideIcon()
+							icon: ContextIcon
 						}]
-					});
-					const disposeBody = injected.slots.inject("sidebar.right.pane.tab", () => injected.slots.register({
+					}));
+					own(injected.slots.inject("sidebar.right.pane.tab", () => injected.slots.register({
 						name: "sidebar.right.pane.tab",
 						key: SIDEBAR_CONTEXT_ID,
 						locale: ns
 					}, (props) => view({
 						...props,
 						host: "sidebar"
-					})));
-					return () => {
-						disposeType();
-						if (typeof disposeBody === "function") disposeBody();
-					};
+					}))));
+					own(injected.slots.inject("sidebar.right.pane.tab.title", () => injected.slots.register({
+						name: "sidebar.right.pane.tab.title",
+						key: SIDEBAR_CONTEXT_ID
+					}, makeContextTabTitle(t))));
 				} catch {
+					for (const dispose of disposers) dispose();
 					return;
 				}
+				return () => {
+					for (const dispose of disposers) dispose();
+				};
 			});
 		}
 		//#endregion
@@ -8860,7 +8907,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-global-css:/home/runner/work/dsh-context/dsh-context/src/client/styles/base.css.mjs
-		const css$13 = ".lc-root{box-sizing:border-box;height:100%;color:var(--dsw-alias-label-primary);padding:16px 20px 32px;font-size:13px;overflow-y:auto}[data-sidebar-right-open] .lc-root,[data-sidebar-right-float-host] .lc-root{height:auto;padding:12px;overflow:visible}.lc-card{background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l2);border-radius:10px;margin-bottom:14px;padding:14px 16px}.lc-root .lc-card{margin-bottom:7px;padding:7px 8px;container:lc-card/inline-size}.lc-root .lc-cols{gap:7px;margin-bottom:7px}.lc-card-title{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:10px;font-weight:600;display:flex}.lc-card-title-text{white-space:nowrap;flex:none}.lc-gran,.lc-kinds{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);border-radius:6px;gap:2px;margin-left:auto;padding:1px;display:flex}.lc-trend-ctl{align-items:center;gap:6px;margin-left:auto;display:flex}.lc-trend-ctl .lc-gran{margin-left:0}.lc-trend-adaptive{flex:none;margin-left:0}.lc-gran-btn{color:var(--dsw-alias-label-secondary);cursor:pointer;transition:color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border:0;border-radius:5px;padding:3px 8px;font-family:inherit;font-size:11px;line-height:1}.lc-gran-btn:hover{color:var(--dsw-alias-label-primary)}.lc-gran-on,.lc-gran-on:hover{background:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-foreground)}.lc-tip{z-index:6;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);width:max-content;color:var(--dsw-alias-label-primary);box-shadow:var(--dsw-shadow-lv3,0 2px 8px #0000002e);pointer-events:none;opacity:0;transition:opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:6px;padding:6px 10px;font-size:12px;position:absolute}.lc-events,.lc-fa-list{flex-direction:column;gap:2px;height:320px;display:flex;overflow-y:auto}.lc-cols{flex-wrap:wrap;gap:14px;margin-bottom:14px;display:flex}.lc-col{flex:1;min-width:min(360px,100%)}.lc-cols>.lc-card,.lc-col>.lc-card:last-child{margin-bottom:0}.lc-col-browser{flex-direction:column;display:flex}.lc-col-browser>.lc-card{flex:1}.lc-head{container:lc-head-row/inline-size}.lc-head>.lc-card{flex:1 1 0;min-width:0}@container lc-head-row (width<=1045px){.lc-head>.lc-card{flex-basis:40%}}@container lc-head-row (width<=480px){.lc-head>.lc-card{flex-basis:100%}}.lc-head>.lc-card:first-child{flex-direction:column;display:flex}.lc-head>.lc-card:first-child .lc-stats{flex:1;align-content:stretch}.lc-head>.lc-card:first-child .lc-stat{justify-content:center}.lc-empty{color:var(--dsw-alias-label-secondary);text-align:center;padding:18px 0}.lc-error{flex-direction:column;align-items:center;gap:8px;padding:40px 16px;display:flex}.lc-error-msg{font-family:var(--ds-font-family-code,ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--dsw-alias-state-error-primary);background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);overflow-wrap:anywhere;border-radius:6px;max-width:100%;padding:4px 8px;font-size:12px}.lc-error-retry{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;transition:border-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:6px;padding:4px 14px;font-size:12px}.lc-error-retry:hover{border-color:var(--dsw-alias-label-primary)}.lc-foot{color:var(--dsw-alias-label-secondary);margin-top:4px;font-size:12px}[data-conversation-scroll]:has(.lc-root)>[data-composer-seat]:not(:has([data-approval-key],[data-question-key],[data-plan-review-key])),[data-conversation-scroll]:has(.lc-root,.lc-modal-backdrop)~[data-width-handle]{display:none}";
+		const css$13 = ".lc-root{box-sizing:border-box;height:100%;color:var(--dsw-alias-label-primary);padding:16px 20px 32px;font-size:13px;overflow-y:auto}[data-sidebar-right-open] .lc-root,[data-sidebar-right-float-host] .lc-root{height:auto;padding:12px;overflow:visible}.lc-title-icon{flex:none}.lc-title-label{padding-right:30px}.lc-card{background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l2);border-radius:10px;margin-bottom:14px;padding:14px 16px}.lc-root .lc-card{margin-bottom:7px;padding:7px 8px;container:lc-card/inline-size}.lc-root .lc-cols{gap:7px;margin-bottom:7px}.lc-card-title{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:10px;font-weight:600;display:flex}.lc-card-title-text{white-space:nowrap;flex:none}.lc-gran,.lc-kinds{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);border-radius:6px;gap:2px;margin-left:auto;padding:1px;display:flex}.lc-trend-ctl{align-items:center;gap:6px;margin-left:auto;display:flex}.lc-trend-ctl .lc-gran{margin-left:0}.lc-trend-adaptive{flex:none;margin-left:0}.lc-gran-btn{color:var(--dsw-alias-label-secondary);cursor:pointer;transition:color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border:0;border-radius:5px;padding:3px 8px;font-family:inherit;font-size:11px;line-height:1}.lc-gran-btn:hover{color:var(--dsw-alias-label-primary)}.lc-gran-on,.lc-gran-on:hover{background:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-foreground)}.lc-tip{z-index:6;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);width:max-content;color:var(--dsw-alias-label-primary);box-shadow:var(--dsw-shadow-lv3,0 2px 8px #0000002e);pointer-events:none;opacity:0;transition:opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:6px;padding:6px 10px;font-size:12px;position:absolute}.lc-events,.lc-fa-list{flex-direction:column;gap:2px;height:320px;display:flex;overflow-y:auto}.lc-cols{flex-wrap:wrap;gap:14px;margin-bottom:14px;display:flex}.lc-col{flex:1;min-width:min(360px,100%)}.lc-cols>.lc-card,.lc-col>.lc-card:last-child{margin-bottom:0}.lc-col-browser{flex-direction:column;display:flex}.lc-col-browser>.lc-card{flex:1}.lc-head{container:lc-head-row/inline-size}.lc-head>.lc-card{flex:1 1 0;min-width:0}@container lc-head-row (width<=1045px){.lc-head>.lc-card{flex-basis:40%}}@container lc-head-row (width<=480px){.lc-head>.lc-card{flex-basis:100%}}.lc-head>.lc-card:first-child{flex-direction:column;display:flex}.lc-head>.lc-card:first-child .lc-stats{flex:1;align-content:stretch}.lc-head>.lc-card:first-child .lc-stat{justify-content:center}.lc-empty{color:var(--dsw-alias-label-secondary);text-align:center;padding:18px 0}.lc-error{flex-direction:column;align-items:center;gap:8px;padding:40px 16px;display:flex}.lc-error-msg{font-family:var(--ds-font-family-code,ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--dsw-alias-state-error-primary);background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);overflow-wrap:anywhere;border-radius:6px;max-width:100%;padding:4px 8px;font-size:12px}.lc-error-retry{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;transition:border-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:6px;padding:4px 14px;font-size:12px}.lc-error-retry:hover{border-color:var(--dsw-alias-label-primary)}.lc-foot{color:var(--dsw-alias-label-secondary);margin-top:4px;font-size:12px}[data-conversation-scroll]:has(.lc-root)>[data-composer-seat]:not(:has([data-approval-key],[data-question-key],[data-plan-review-key])),[data-conversation-scroll]:has(.lc-root,.lc-modal-backdrop)~[data-width-handle]{display:none}";
 		const tagId$13 = "dsh-context/base.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$13) + "]") === null) {
 			const tag = document.createElement("style");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-context",
-  "version": "0.49.0",
+  "version": "0.49.1",
   "description": "A DeepSeek Harness plugin for context insight and management, with context dashboard and context command, for understanding how the context is made of, and how it evolves.",
   "author": "bowenliang123",
   "repository": {