dsh-offpeak 3.1.6 → 3.1.7

package/README.en.md

@@ -56,7 +56,7 @@ dsh plugin --profile desktop add github:lizilong1993/dsh-offpeak
 
 # (3) local directory / Release asset (no permissions needed)
 dsh plugin --profile desktop add ./dsh-offpeak
-dsh plugin --profile desktop add ./dsh-offpeak-3.1.6.tgz
+dsh plugin --profile desktop add ./dsh-offpeak-<version>.tgz
 
 dsh --profile desktop --dump-config     # verify the composed patch layers
 ```

package/README.md

@@ -56,7 +56,7 @@ dsh plugin --profile desktop add github:lizilong1993/dsh-offpeak
 
 # ③ 本地目录 / Release 资产（零权限）
 dsh plugin --profile desktop add ./dsh-offpeak
-dsh plugin --profile desktop add ./dsh-offpeak-3.1.6.tgz
+dsh plugin --profile desktop add ./dsh-offpeak-<version>.tgz
 
 dsh --profile desktop --dump-config     # 验证补丁分层
 ```

package/cordis.patch.yml

@@ -1,9 +1,9 @@
-# dsh-offpeak bundle patch：一行装配进 profile。
-#
-# host 半（src/index.js）注册 sessionGuard 服务（冗余端口，供 input-traffic 适配）、
-# 高峰自动会话门（taskControl.pause/resume，缺失时回退锁等待队列）、
-# /session-guard/* 路由（路径保留旧名，input-traffic 依赖）与 设置→插件→offpeak 子板块。
-# 浏览器半（经 package.json dsh.client 声明）提供高峰面板（畅跑任务 + 拦截列表）。
-- insert:
-    - id: offpeak
-      name: dsh-offpeak
+# dsh-offpeak bundle patch：一行装配进 profile。
+#
+# host 半（src/index.js）注册 sessionGuard 服务（冗余端口，供 input-traffic 适配）、
+# 高峰自动会话门（taskControl.pause/resume，缺失时回退锁等待队列）、
+# /session-guard/* 路由（路径保留旧名，input-traffic 依赖）与 设置→插件→offpeak 子板块。
+# 浏览器半（经 package.json dsh.client 声明）提供高峰面板（畅跑任务 + 拦截列表）。
+- insert:
+    - id: offpeak
+      name: dsh-offpeak

package/lib/client.js

@@ -522,8 +522,8 @@ window.__ModuleLoader__.load({
 /* 「高峰拦截列表」面板（.sgMl* 由状态徽标与设置表单共用同一份样式） */
 .sgMlBody{margin-top:8px;padding:8px 10px;border:1px solid var(--dsw-alias-border-l2,rgba(0,0,0,.1));border-radius:8px;background:var(--dsw-alias-bg-layer-2,transparent)}
 .sgMlBody *{box-sizing:border-box}
-.sgMlFilterRow{display:flex;align-items:center;gap:6px;padding-bottom:6px}
-.sgMlInput{flex:1;min-width:0;height:24px;padding:0 8px;border:1px solid var(--dsw-alias-border-l3,rgba(0,0,0,.12));border-radius:6px;background:var(--dsw-alias-bg-layer-2,transparent);color:inherit;font:inherit;font-size:12px}
+.sgMlFilterRow{display:flex;align-items:center;gap:6px;padding-bottom:6px;flex-wrap:wrap}
+.sgMlInput{flex:1 1 160px;min-width:0;height:24px;padding:0 8px;border:1px solid var(--dsw-alias-border-l3,rgba(0,0,0,.12));border-radius:6px;background:var(--dsw-alias-bg-layer-2,transparent);color:inherit;font:inherit;font-size:12px}
 .sgMlInput:disabled{opacity:.6;cursor:not-allowed}
 .sgMlError{color:var(--dsw-alias-state-error-primary,#dc2626);font-size:12px;line-height:18px;margin:6px 0 0;word-break:break-word}
 .sgMlPatterns{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding-bottom:6px;border-bottom:1px solid var(--dsw-alias-border-l2,rgba(0,0,0,.08))}
@@ -553,8 +553,8 @@ window.__ModuleLoader__.load({
 .sgMlModel{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .sgMlTag{flex:none;font-size:11px;color:var(--dsw-alias-label-tertiary,#6b7280);border:1px solid var(--dsw-alias-border-l2,rgba(0,0,0,.08));border-radius:4px;padding:0 4px}
 .sgMlHint{color:var(--dsw-alias-label-tertiary,#6b7280);font-size:12px;line-height:18px;margin:6px 0 0}
-.sg-fr-panel,.sg-status-panel{position:absolute;bottom:calc(100% + 8px);right:0;z-index:40;width:448px;max-width:calc(100vw - 24px);box-sizing:border-box;padding:10px 12px 12px;border:1px solid var(--dsw-alias-border-l2,rgba(0,0,0,.1));border-radius:10px;background:var(--dsw-specific-input-major,#fff);box-shadow:var(--dsw-elevation-panel,0 6px 24px rgba(0,0,0,.16));color:var(--dsw-alias-label-primary,#111);font-size:12px;line-height:1.5}
-.sg-status-panel{width:380px;z-index:45}
+.sg-fr-panel,.sg-status-panel{position:absolute;bottom:calc(100% + 8px);right:0;z-index:40;width:min(448px,calc(100vw - 24px));max-height:min(70vh,560px);overflow:auto;overscroll-behavior:contain;box-sizing:border-box;padding:10px 12px 12px;border:1px solid var(--dsw-alias-border-l2,rgba(0,0,0,.1));border-radius:10px;background:var(--dsw-specific-input-major,#fff);box-shadow:var(--dsw-elevation-panel,0 6px 24px rgba(0,0,0,.16));color:var(--dsw-alias-label-primary,#111);font-size:12px;line-height:1.5}
+.sg-status-panel{width:min(380px,calc(100vw - 24px));z-index:45}
 .sg-status-panel *{box-sizing:border-box}
 .sg-fr-panel *{box-sizing:border-box}
 .sg-fr-head{display:flex;align-items:baseline;gap:8px;font-size:13px;font-weight:600;margin-bottom:8px}
@@ -628,6 +628,21 @@ window.__ModuleLoader__.load({
 .sg-fr-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:4px}
 .sg-fr-actions>button{height:24px;padding:0 10px;border:1px solid var(--dsw-alias-border-l3,rgba(0,0,0,.12));border-radius:6px;background:transparent;color:inherit;font:inherit;font-size:12px;cursor:pointer}
 .sg-fr-resume{border-color:var(--dsw-alias-state-success-primary,#30a46c)!important;color:var(--dsw-alias-state-success-primary,#30a46c)!important}
+/* ── 响应式：窄窗口不裁切、日历改弹性列（v3.1.7）── */
+.sg-dr-months{flex-wrap:wrap;justify-content:center;gap:10px}
+.sg-dr-month{width:auto;flex:1 1 168px;min-width:0}
+.sg-dr-panel{max-width:calc(100vw - 24px);box-sizing:border-box}
+.sg-fr-list,.sgMlList{overflow-x:hidden}
+@media (max-width:520px){
+  /* 单月：第二个日历换行后依然可读，但优先只显示一个（隐藏第二个） */
+  .sg-dr-month+.sg-dr-month{display:none}
+  .sg-dr-month{flex:1 1 100%;max-width:280px}
+  .sg-fr-panel,.sg-status-panel{right:auto;left:0;bottom:calc(100% + 6px)}
+  .sg-fr-bar{flex-wrap:wrap}
+  .sg-fr-bar-btn{flex:1 1 30%}
+  .sg-fr-hours{flex-wrap:wrap}
+  .sg-fr-hour{flex:1 1 100%}
+}
 `;
 		/** 注入一次（幂等；无 document 时静默跳过）。 */
 		function injectClientCss() {
@@ -1240,6 +1255,7 @@ window.__ModuleLoader__.load({
 			const [status, setStatus] = (0, react.useState)(null);
 			const [freeRun, setFreeRun] = (0, react.useState)(EMPTY_FREE_RUN);
 			const [open, setOpen] = (0, react.useState)(false);
+			const rootRef = (0, react.useRef)(null);
 			injectClientCss();
 			(0, react.useEffect)(() => {
 				if (!sessionId) return;
@@ -1261,6 +1277,17 @@ window.__ModuleLoader__.load({
 					clearInterval(timer);
 				};
 			}, [sessionId]);
+			(0, react.useEffect)(() => {
+				if (!open) return;
+				const onPointerDown = (ev) => {
+					const root = rootRef.current;
+					const target = ev.target;
+					if (root === null || !(target instanceof Node)) return;
+					if (!root.contains(target)) setOpen(false);
+				};
+				document.addEventListener("mousedown", onPointerDown);
+				return () => document.removeEventListener("mousedown", onPointerDown);
+			}, [open]);
 			if (!status || !status.enabled) return null;
 			const tasks = {
 				intercepting: (status.modelPatterns ?? 0) > 0,
@@ -1268,6 +1295,7 @@ window.__ModuleLoader__.load({
 			};
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "sg-status-root",
+				ref: rootRef,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 					type: "button",
 					className: badgeClassNames(status),