@ottttto/dsh-scheduled-send 0.3.1 → 0.3.3

package/dsh.plugin.json

@@ -1,6 +1,6 @@
 {
   "id": "@ottttto/dsh-scheduled-send",
-  "version": "0.2.3",
+  "version": "0.3.3",
   "main": "./src/index.js",
   "description": "定时发送：到点以你的身份把消息作为正常用户气泡发进当前会话，无人值守、会话隔离、断电补发。Scheduled send for DSH — fires as a normal user bubble into the bound conversation, unattended, per-session isolated, restart-safe.",
   "engines": {

package/lib/client.js

@@ -499,6 +499,7 @@ function createClientPluginBody(React) {
     const core = props.panelCore;
     const [open, setOpen] = React.useState(false);
     const [tick, setTick] = React.useState(0);
+    const [hover, setHover] = React.useState(false);
     const mobile = isMobile();
 
     // keep the badge alive even while the panel is closed: poll the FULL
@@ -523,11 +524,28 @@ function createClientPluginBody(React) {
     const overflow = Math.max(0, all.length - annotated.length);
 
     const isDark = typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches;
+    // mirrors usage-stats' footer trigger: same metrics + theme variables as
+    // the system sidebar rows (hover comes from the injected var-only rule)
+    const layerStyle = {
+      flex: "none", alignItems: "center", width: "100%", height: 49,
+      margin: "8px 0 0", display: "flex", position: "relative",
+      ...(mobile ? { height: 44 } : {}),
+    };
     const entryBtn = {
-      cursor: "pointer", display: "inline-flex", alignItems: "center", gap: 6,
-      border: "none", background: "transparent", color: "inherit",
-      fontSize: 12, fontWeight: 600, padding: "4px 8px", borderRadius: 8, whiteSpace: "nowrap",
-      ...(mobile ? { minHeight: TOUCH_MIN } : {}),
+      width: "100%", height: mobile ? 44 : 49, color: "var(--dsw-alias-label-primary)",
+      cursor: "pointer", background: "0 0", border: "none", borderRadius: 12,
+      alignItems: "center", gap: 8, padding: "0 8px 0 6px", fontFamily: "inherit",
+      fontSize: 14, display: "inline-flex", overflow: "hidden",
+    };
+    const iconBox = { display: "inline-flex", width: mobile ? 18 : 16, justifyContent: "center", flexShrink: 0 };
+    const labelStyle = { textOverflow: "ellipsis", whiteSpace: "nowrap", minWidth: 0, overflow: "hidden" };
+    const amountStyle = {
+      color: "var(--dsw-alias-label-secondary)", fontVariantNumeric: "tabular-nums",
+      flex: "none", fontSize: 12, fontWeight: 600, lineHeight: "16px",
+    };
+    const countStyle = {
+      color: "var(--dsw-alias-label-tertiary)", fontVariantNumeric: "tabular-nums",
+      flex: "none", marginLeft: "auto", fontSize: 12, lineHeight: "16px",
     };
     const badge = (n) => h("span", {
       key: "b", "data-badge": n,
@@ -623,14 +641,17 @@ function createClientPluginBody(React) {
         ])
       : null;
 
-    return h("div", { "data-plugin": "dsh-scheduled-send-sidebar", style: { display: "inline-flex", alignItems: "center" } }, [
+    return h("div", { "data-plugin": "dsh-scheduled-send-sidebar", style: layerStyle }, [
+      h("style", { key: "css" }, '.ssb_badge:hover{background:var(--dsw-alias-interactive-bg-hover-solid)}'),
       h("button", {
         key: "btn", type: "button",
+        className: "ssb_badge",
         onClick: () => { setOpen(!open); setTick((n) => n + 1); },
         title: "定时任务", "aria-label": "定时任务", style: entryBtn,
       }, [
-        h("span", { key: "l" }, "⏰ 定时任务"),
-        all.length ? badge(all.length) : null,
+        h("span", { key: "i", style: iconBox }, "⏰"),
+        h("span", { key: "l", style: labelStyle }, "定时任务"),
+        all.length ? h("span", { key: "bs", style: countStyle }, String(all.length)) : null,
       ]),
       footer,
     ]);
@@ -690,6 +711,9 @@ function createClientPluginBody(React) {
 
     const inject = ["slots", "sessions"]; // sessions: sidebar panel jump (0.3.0)
     function apply(ctx) {
+      // due-time delivery: refresh the sidebar panel the moment a task fires
+      ctx.on?.('guard/scheduled-due', () => { void panelCore.refresh(); });
+      ctx.on?.('guard/scheduled-dropped', () => { void panelCore.refresh(); });
       ctx.inject(inject, (scope) => {
         // 0.3.0 session navigation, sourced from the sessions service:
         //  - open(id) selects a session as current (unknown ids throw → false)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ottttto/dsh-scheduled-send",
-  "version": "0.3.1",
+  "version": "0.3.3",
   "description": "DSH plugin: scheduled sending (⏰ composer button, dock list of pending tasks, sidebar 定时任务 panel with cross-session cancel, due-time delivery as a normal user bubble)",
   "type": "module",
   "main": "./src/index.js",
@@ -52,4 +52,4 @@
   "engines": {
     "node": ">=18"
   }
-}
+}

package/src/client-view.js

@@ -235,6 +235,7 @@ function createClientPluginBody(React) {
     const core = props.panelCore;
     const [open, setOpen] = React.useState(false);
     const [tick, setTick] = React.useState(0);
+    const [hover, setHover] = React.useState(false);
     const mobile = isMobile();
 
     // keep the badge alive even while the panel is closed: poll the FULL
@@ -259,11 +260,28 @@ function createClientPluginBody(React) {
     const overflow = Math.max(0, all.length - annotated.length);
 
     const isDark = typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches;
+    // mirrors usage-stats' footer trigger: same metrics + theme variables as
+    // the system sidebar rows (hover comes from the injected var-only rule)
+    const layerStyle = {
+      flex: "none", alignItems: "center", width: "100%", height: 49,
+      margin: "8px 0 0", display: "flex", position: "relative",
+      ...(mobile ? { height: 44 } : {}),
+    };
     const entryBtn = {
-      cursor: "pointer", display: "inline-flex", alignItems: "center", gap: 6,
-      border: "none", background: "transparent", color: "inherit",
-      fontSize: 12, fontWeight: 600, padding: "4px 8px", borderRadius: 8, whiteSpace: "nowrap",
-      ...(mobile ? { minHeight: TOUCH_MIN } : {}),
+      width: "100%", height: mobile ? 44 : 49, color: "var(--dsw-alias-label-primary)",
+      cursor: "pointer", background: "0 0", border: "none", borderRadius: 12,
+      alignItems: "center", gap: 8, padding: "0 8px 0 6px", fontFamily: "inherit",
+      fontSize: 14, display: "inline-flex", overflow: "hidden",
+    };
+    const iconBox = { display: "inline-flex", width: mobile ? 18 : 16, justifyContent: "center", flexShrink: 0 };
+    const labelStyle = { textOverflow: "ellipsis", whiteSpace: "nowrap", minWidth: 0, overflow: "hidden" };
+    const amountStyle = {
+      color: "var(--dsw-alias-label-secondary)", fontVariantNumeric: "tabular-nums",
+      flex: "none", fontSize: 12, fontWeight: 600, lineHeight: "16px",
+    };
+    const countStyle = {
+      color: "var(--dsw-alias-label-tertiary)", fontVariantNumeric: "tabular-nums",
+      flex: "none", marginLeft: "auto", fontSize: 12, lineHeight: "16px",
     };
     const badge = (n) => h("span", {
       key: "b", "data-badge": n,
@@ -359,14 +377,17 @@ function createClientPluginBody(React) {
         ])
       : null;
 
-    return h("div", { "data-plugin": "dsh-scheduled-send-sidebar", style: { display: "inline-flex", alignItems: "center" } }, [
+    return h("div", { "data-plugin": "dsh-scheduled-send-sidebar", style: layerStyle }, [
+      h("style", { key: "css" }, '.ssb_badge:hover{background:var(--dsw-alias-interactive-bg-hover-solid)}'),
       h("button", {
         key: "btn", type: "button",
+        className: "ssb_badge",
         onClick: () => { setOpen(!open); setTick((n) => n + 1); },
         title: "定时任务", "aria-label": "定时任务", style: entryBtn,
       }, [
-        h("span", { key: "l" }, "⏰ 定时任务"),
-        all.length ? badge(all.length) : null,
+        h("span", { key: "i", style: iconBox }, "⏰"),
+        h("span", { key: "l", style: labelStyle }, "定时任务"),
+        all.length ? h("span", { key: "bs", style: countStyle }, String(all.length)) : null,
       ]),
       footer,
     ]);
@@ -426,6 +447,9 @@ function createClientPluginBody(React) {
 
     const inject = ["slots", "sessions"]; // sessions: sidebar panel jump (0.3.0)
     function apply(ctx) {
+      // due-time delivery: refresh the sidebar panel the moment a task fires
+      ctx.on?.('guard/scheduled-due', () => { void panelCore.refresh(); });
+      ctx.on?.('guard/scheduled-dropped', () => { void panelCore.refresh(); });
       ctx.inject(inject, (scope) => {
         // 0.3.0 session navigation, sourced from the sessions service:
         //  - open(id) selects a session as current (unknown ids throw → false)