@goodandready/dsh-time-machine 0.1.11 → 0.1.12

package/README.md

@@ -119,6 +119,9 @@ dsh-time-machine:
 
 ## 📋 Release Notes
 
+### v0.1.12 — Fix Oversized Clock Icon in Native Sidebar Guide
+* **Fixed in v0.1.12**: Replaced function-based icon with dedicated `TimeMachineIcon` component supporting both props object `{ size, className }` and numeric argument, with explicit inline sizing (`width`, `height`, `display: inline-block`, `flex: none`) to prevent overflow in the Right Sidebar Guide card.
+
 ### v0.1.11 — Dual Sidebar Support: Native DSH Right Sidebar & BetterSidebar
 * **Added in v0.1.11**: Support for native DSH Right Sidebar (`sidebarRightTabs` + `sidebar.right.pane.tab`) introduced in DSH 0.1.5-alpha.1, including guide page registration with custom icon.
 * **Preserved in v0.1.11**: Legacy `betterSidebar` integration retained with deterministic surface-scoped registrations, preventing ID collisions or duplicate mounts when both surfaces exist.

package/README.ru.md

@@ -119,6 +119,9 @@ dsh-time-machine:
 
 ## 📋 История версий (Release Notes)
 
+### v0.1.12 — Исправление размера иконки часов на странице Guide нативного сайдбара
+* **Fixed in v0.1.12**: Заменена стрелочная функция иконки на полноценный React-компонент `TimeMachineIcon`, корректно обрабатывающий как объект props `{ size, className }`, так и числовой аргумент; добавлены явные inline-стили (`width`, `height`, `flex: none`), устраняющие растягивание иконки часов на карточке Guide.
+
 ### v0.1.11 — Поддержка нативного DSH Right Sidebar и legacy BetterSidebar
 * **Added in v0.1.11**: Поддержка нативной правой панели DSH (`sidebarRightTabs` + слот `sidebar.right.pane.tab`), появившейся в DSH 0.1.5-alpha.1, включая регистрацию на странице Guide с иконкой.
 * **Preserved in v0.1.11**: Полная обратная совместимость с `betterSidebar`; раздельные идентификаторы поверхностей исключают конфликты или двойное монтирование при совместном включении.

package/README.zh.md

@@ -94,6 +94,9 @@ dsh-time-machine:
 
 ## 📋 版本更新记录 (Release Notes)
 
+### v0.1.12 — 修复原生侧边栏引导页中时钟图标过大的问题
+* **Fixed in v0.1.12**: 将图标函数重构为标准 React 组件 `TimeMachineIcon`，兼容 `{ size, className }` 属性对象与数字传参，增加内联样式限制（`width`, `height`, `flex: none`），彻底解决右侧边栏 Guide 卡片中图标溢出的缺陷。
+
 ### v0.1.11 — 双侧边栏支持：原生 DSH 右侧边栏与 BetterSidebar
 * **Added in v0.1.11**: 原生支持 DSH 0.1.5-alpha.1 引入的右侧边栏（`sidebarRightTabs` 注册与 `sidebar.right.pane.tab` 插槽），包含专属引导页卡片与图标。
 * **Preserved in v0.1.11**: 保持对旧版 `betterSidebar` 的完全向后兼容；两种表面同时启用时互不干扰，杜绝重复挂载或 ID 冲突。

package/lib/client.js

@@ -130,6 +130,26 @@ window.__ModuleLoader__.load({
     }
     const Chevron = ChevronIcon || FallbackChevron;
 
+
+    function TimeMachineIcon(props) {
+      const s = typeof props === "number" ? props : (props && props.size) || 16;
+      const cls = (props && props.className) || "";
+      return React.createElement("svg", {
+        width: s,
+        height: s,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        className: cls,
+        style: { width: s, height: s, display: "inline-block", flex: "none" }
+      },
+        React.createElement("circle", { cx: 12, cy: 12, r: 10 }),
+        React.createElement("polyline", { points: "12 6 12 12 16 14" })
+      );
+    }
     function useLocale(ctx) {
       if (!ctx || !ctx.locale) return 'en';
       const lang = React.useSyncExternalStore(
@@ -399,10 +419,7 @@ window.__ModuleLoader__.load({
             },
             order: 30,
             single: true,
-            icon: (size) => React.createElement('svg', { width: size||16, height: size||16, viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: '2', strokeLinecap: 'round', strokeLinejoin: 'round' },
-              React.createElement('circle', { cx:12, cy:12, r:10 }),
-              React.createElement('polyline', { points:'12 6 12 12 16 14' })
-            ),
+            icon: TimeMachineIcon,
             component: (p) => React.createElement(TimeMachineTab, { ctx, ...p })
           });
           tabRegistered = true;
@@ -451,10 +468,7 @@ window.__ModuleLoader__.load({
                 const a = (ctx.locale && ctx.locale.getSnapshot && ctx.locale.getSnapshot().active) || 'en';
                 return a.startsWith('zh') ? zh.guideDesc : (a.startsWith('ru') ? ru.guideDesc : en.guideDesc);
               },
-              icon: (size) => React.createElement('svg', { width: size||16, height: size||16, viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: '2', strokeLinecap: 'round', strokeLinejoin: 'round' },
-                React.createElement('circle', { cx:12, cy:12, r:10 }),
-                React.createElement('polyline', { points:'12 6 12 12 16 14' })
-              )
+              icon: TimeMachineIcon
             }]
           };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodandready/dsh-time-machine",
-  "version": "0.1.11",
+  "version": "0.1.12",
   "description": "DSH plugin for smart checkpoints, workspace safety guards, and instant rollback",
   "type": "module",
   "main": "lib/index.js",