@lmzhen/dsh-evolution-skill-history 0.17.0 → 0.17.1

package/README.md

@@ -15,6 +15,8 @@ Two registrations, one id (`skill-history`), because that is the sidebar's contr
 
 The label is a **thunk**: the sidebar re-reads it on every projection, so a language switch follows without re-registering the row. The body receives plain callbacks through its inject face — no service handle, no subscription, and the component never sees the context.
 
+The icon draws at the edge the sidebar asks for. The seat hands every occupant `{ size, active }` and the panel row owns the glyph slot, its inset and the gap to the label — the platform's own occupants hand that same `size` straight to their primitive — so `PanelIcon` renders its 16-unit glyph at exactly that `size`. A glyph box of our own moves this label out of the column the other panel rows share; ours did, by 10px, until 0.17.1.
+
 ## The host routes
 
 | Method | Path | Use case |

package/lib/client.js

@@ -1073,44 +1073,30 @@ window.__ModuleLoader__.load({
 		/** Row order inside the global panel list (beside the platform's own rows). */
 		const PANEL_ORDER = 35;
 		/**
-		* The row's icon: a platform-style line glyph, whose SIZE comes from the sidebar's contract and whose
-		* glyph BOX is the one the neighbouring rows draw at.
+		* The row's icon: a platform-style line glyph, drawn at the edge the sidebar asks for.
 		*
-		* Size: the platform hands every `sidebar.panellist` occupant `{ size, active }` (`SidebarRoot.tsx`
-		* `renderSlot('sidebar.panellist', { size: wide ? 16 : 18, active }, …)`), so the glyph takes its size
-		* from that prop; a glyph that sizes itself from CSS (`width: 100%`) resolves against an unsized flex
-		* box and fills the whole column.
+		* The sidebar hands every `sidebar.panellist` occupant `{ size, active }` — its panel row renders
+		* `renderSlot('sidebar.panellist', { size: wide ? 16 : 18, active }, { only: id })` and owns the glyph
+		* slot, its inset and the gap to the label (`ui-sidebar/src/client/SidebarRoot.tsx`) — so the glyph
+		* takes BOTH its edge and its box from that prop, exactly as the platform's own occupants do: their
+		* `PluginsPanelIcon` and `TaskManagerIcon` hand `size` straight to their primitive.
 		*
-		* Box: the three rows above (task board / SSH / skill centre) are NOT slot occupants — they inject
-		* plain DOM into the sidebar with their own CSS (`.entry{padding:0 10px;gap:8px}` plus a 24px icon box
-		* holding an 18px glyph, `shared/client/sidebar-entry-core.ts`), so their glyph ink starts 13px into
-		* the column and their label 42px. Inside the platform panel row (8px padding, 8px gap) those two
-		* lines are reached by a 26px box: `8 + (26 - 16) / 2 = 13` and `8 + 26 + 8 = 42`.
-		* Matching the neighbours is a CHOICE (the platform's own rows below — the workspace folders — sit at
-		* 8px and 32px); it keeps the four plugin rows reading as one column. The label carries the accessible
-		* name, so the glyph stays decoration.
+		* A box of our own, sized to some other row's pixels, moves this label out of the column: measured in
+		* the desktop's global panel list (2026-10-09, 0.2.0) a 26px box put the label at 56px while the
+		* platform's own rows in that list sat at 46px. The label carries the accessible name, so the glyph
+		* stays decoration.
 		*/
-		/** The glyph box in px: the neighbours' 24px icon box, placed to land on their two content lines. */
-		const GLYPH_BOX = 26;
 		/** The glyph's own coordinate system: every path below is drawn inside 16 units. */
 		const GLYPH_UNITS = 16;
-		/**
-		* Trim a computed viewBox number: three decimals stay readable and are far below one pixel.
-		* @param value - the raw number.
-		* @returns the value rounded to three decimals.
-		*/
-		function round3(value) {
-			return Math.round(value * 1e3) / 1e3;
-		}
+		/** The edge to draw at when the sidebar hands no size: its collapsed column asks for 18. */
+		const DEFAULT_GLYPH_SIZE = 18;
 		function PanelIcon(props = {}) {
-			const size = typeof props.size === "number" && props.size > 0 ? props.size : 18;
-			const units = round3(GLYPH_UNITS * GLYPH_BOX / size);
-			const inset = round3((units - GLYPH_UNITS) / 2);
+			const size = typeof props.size === "number" && props.size > 0 ? props.size : DEFAULT_GLYPH_SIZE;
 			return (0, react.createElement)("svg", {
 				"aria-hidden": "true",
-				width: String(GLYPH_BOX),
-				height: String(GLYPH_BOX),
-				viewBox: String(-inset) + " " + String(-inset) + " " + String(units) + " " + String(units),
+				width: String(size),
+				height: String(size),
+				viewBox: "0 0 " + String(GLYPH_UNITS) + " " + String(GLYPH_UNITS),
 				fill: "none",
 				stroke: "currentColor",
 				strokeWidth: "1.5",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lmzhen/dsh-evolution-skill-history",
   "description": "Web surface for skill content history: loopback host routes plus the sidebar panel (community build)",
-  "version": "0.17.0",
+  "version": "0.17.1",
   "publishConfig": {
     "access": "public"
   },
@@ -30,23 +30,23 @@
   ],
   "license": "MIT",
   "dependencies": {
-    "@lmzhen/dsh-evolution-core": "^0.17.0"
+    "@lmzhen/dsh-evolution-core": "^0.17.1"
   },
   "peerDependencies": {
     "@deepseek-ai/cordis": "^4.0.1",
     "@deepseek-ai/dsh-host-webserver": "^0.2.0-rc.1",
     "react": "^18.2.0",
-    "@lmzhen/dsh-evolution-curator": "^0.17.0"
+    "@lmzhen/dsh-evolution-curator": "^0.17.1"
   },
   "devDependencies": {
     "@deepseek-ai/cordis": "^4.0.1",
     "@deepseek-ai/dsh-host-webserver": "^0.2.0-rc.1",
     "@types/react": "~18.3.1",
     "react": "^18.2.0",
-    "@lmzhen/dsh-evolution-core": "^0.17.0",
-    "@lmzhen/dsh-evolution-curator": "^0.17.0",
-    "@lmzhen/dsh-evolution-io": "^0.17.0",
-    "@lmzhen/dsh-evolution-io-node": "^0.17.0"
+    "@lmzhen/dsh-evolution-core": "^0.17.1",
+    "@lmzhen/dsh-evolution-curator": "^0.17.1",
+    "@lmzhen/dsh-evolution-io": "^0.17.1",
+    "@lmzhen/dsh-evolution-io-node": "^0.17.1"
   },
   "dsh": {
     "client": {