dsh-offpeak-guard 0.2.0 → 0.3.1

package/client.js

@@ -131,6 +131,8 @@ window.__ModuleLoader__.load({
           if (mounted.current && parsed !== null && typeof parsed === 'object') {
             setSnapshot(parsed);
             setError(null);
+            sharedStatus.snapshot = parsed;
+            for (const listener of sharedStatus.listeners) listener();
           }
         } catch (caught) {
           if (mounted.current) setError(String(caught?.message ?? caught));
@@ -149,15 +151,99 @@ window.__ModuleLoader__.load({
         };
       }, [load]);
 
-      return { snapshot, error };
+      return { snapshot, error, refresh: load };
+    }
+
+    const sharedStatus = { snapshot: null, listeners: new Set(), timer: null, loading: false, ctx: null };
+
+    async function readSharedStatus(ctx) {
+      const remote = ctx.remote;
+      if (!remote || typeof remote.session?.list !== 'function' || typeof remote.workspaceFiles?.read !== 'function') return null;
+      const listed = await remote.session.list({});
+      const items = listed?.value?.items ?? listed?.items ?? [];
+      if (!Array.isArray(items) || items.length === 0) return null;
+      const sorted = [...items].sort(
+        (left, right) => Number(right.updatedAt ?? right.lastActivityAt ?? 0) - Number(left.updatedAt ?? left.lastActivityAt ?? 0),
+      );
+      const home = remote.$host?.home;
+      if (typeof home !== 'string' || home.length === 0) return null;
+      const candidates = sorted
+        .filter((item) => item?.parentSession === undefined && item?.parentSessionId === undefined)
+        .map((item) => item?.sessionId ?? item?.id)
+        .filter((id) => typeof id === 'string' && id.length > 0)
+        .slice(0, 5);
+      for (const sessionId of candidates) {
+        try {
+          const result = await remote.workspaceFiles.read(sessionId, `${home}/.dsh/offpeak-guard/status.json`, {});
+          const parsed = JSON.parse(snapshotTextOf(result));
+          if (parsed !== null && typeof parsed === 'object') return parsed;
+        } catch {
+          /* 换下一个最近会话再试 */
+        }
+      }
+      return null;
+    }
+
+    async function loadSharedStatus(ctx) {
+      if (sharedStatus.loading) return;
+      sharedStatus.loading = true;
+      try {
+        const snapshot = await readSharedStatus(ctx);
+        if (snapshot !== null) {
+          sharedStatus.snapshot = snapshot;
+          for (const listener of sharedStatus.listeners) listener();
+        }
+      } catch {
+        /* 状态文件尚未生成时保持旧值 */
+      } finally {
+        sharedStatus.loading = false;
+      }
+    }
+
+    function ensureSharedStatus(ctx) {
+      sharedStatus.ctx = ctx;
+      if (sharedStatus.timer !== null) return;
+      void loadSharedStatus(ctx);
+      sharedStatus.timer = setInterval(() => void loadSharedStatus(ctx), 30000);
+    }
+
+    function useSharedStatus(ctx) {
+      const [, force] = React.useState(0);
+      React.useEffect(() => {
+        const listener = () => force((value) => value + 1);
+        sharedStatus.listeners.add(listener);
+        ensureSharedStatus(ctx);
+        return () => {
+          sharedStatus.listeners.delete(listener);
+          if (sharedStatus.listeners.size === 0 && sharedStatus.timer !== null) {
+            clearInterval(sharedStatus.timer);
+            sharedStatus.timer = null;
+          }
+        };
+      }, []);
+      return sharedStatus.snapshot;
+    }
+
+    async function postAction(body) {
+      const response = await fetch('/plugins/dsh-offpeak-guard/action', {
+        method: 'POST',
+        credentials: 'same-origin',
+        headers: { 'content-type': 'application/json' },
+        body: JSON.stringify(body),
+      });
+      const json = await response.json();
+      if (!response.ok || json.ok === false) throw new Error(json.error ?? `HTTP ${response.status}`);
+      if (sharedStatus.ctx !== null) await loadSharedStatus(sharedStatus.ctx);
+      return json;
     }
 
     function makeStrip(pluginCtx) {
       return function Strip(props) {
         const ctx = pluginCtx;
         const t = useLocale(ctx);
-      const { snapshot, error } = useSnapshot(ctx, props?.sessionId);
-      const [, force] = React.useState(0);
+        const { snapshot, error, refresh } = useSnapshot(ctx, props?.sessionId);
+        const [busy, setBusy] = React.useState(false);
+        const [, force] = React.useState(0);
 
       React.useEffect(() => {
         const timer = setInterval(() => force((value) => value + 1), 1000);
@@ -218,6 +304,38 @@ window.__ModuleLoader__.load({
       if (modelId !== '') children.push(h('span', { key: 'model', style: { opacity: 0.75 } }, `· ${modelId}`));
       if (paused > 0) children.push(h('span', { key: 'paused', style: { color: '#e0a33e' } }, `· ${t('paused')} ${paused}`));
       if (plans > 0) children.push(h('span', { key: 'plans' }, `· ${t('plans')} ${plans}`));
+      const currentSessionId = typeof props?.sessionId === 'string' ? props.sessionId : '';
+      const currentExempt =
+        currentSessionId !== '' &&
+        (snapshot.exemptSessions ?? []).some((item) => item.sessionId === currentSessionId);
+      if (currentSessionId !== '') {
+        children.push(
+          h(
+            'button',
+            {
+              key: 'exempt',
+              type: 'button',
+              className: 'opg-exempt',
+              'data-exempt': currentExempt ? 'true' : undefined,
+              disabled: busy,
+              title: currentExempt ? '取消本会话的峰谷豁免' : '让本会话豁免峰谷守卫（不暂停/不恢复）',
+              onClick: async (event) => {
+                event.stopPropagation();
+                setBusy(true);
+                try {
+                  await postAction({ action: 'exempt', sessionId: currentSessionId, exempt: !currentExempt });
+                  await refresh();
+                } catch {
+                  /* 下一次点击重试 */
+                } finally {
+                  setBusy(false);
+                }
+              },
+            },
+            [h(ShieldIcon, { key: 'icon', active: currentExempt }), currentExempt ? '取消豁免' : '豁免本会话'],
+          ),
+        );
+      }
 
       return h(
         'div',
@@ -266,7 +384,7 @@ window.__ModuleLoader__.load({
     }
 
     const clockStyle = `
-.opg-clock{box-sizing:border-box;display:inline-flex;flex:0 0 auto;align-items:center;gap:5px;width:auto;max-width:100%;min-height:32px;margin-left:auto;padding:4px 8px;border-radius:8px;color:var(--dsw-alias-label-primary,#252936);font:500 12px/18px var(--dsw-font-family,system-ui,sans-serif);white-space:nowrap;-webkit-app-region:no-drag;}
+.opg-clock{box-sizing:border-box;display:inline-flex;flex:0 0 auto;align-items:center;gap:5px;width:auto;max-width:100%;min-height:32px;margin-left:auto;padding:4px 8px;border-radius:8px;color:var(--dsw-alias-label-primary,#252936);font:500 12px/18px var(--dsw-font-family,system-ui,sans-serif);white-space:nowrap;-webkit-app-region:no-drag;cursor:pointer;}
 .opg-clock[data-compact="true"]{width:32px;min-height:32px;justify-content:center;padding:6px;gap:0;}
 .opg-clock-dot{flex:none;width:7px;height:7px;border-radius:50%;background:currentColor;}
 .opg-clock-state{flex:none;}
@@ -278,6 +396,34 @@ window.__ModuleLoader__.load({
 @keyframes opg-blink-red{0%,100%{color:#e0554e;opacity:1;}50%{color:#ff8f8a;opacity:.4;}}
 @keyframes opg-blink-green{0%,100%{color:#3f9d7a;opacity:1;}50%{color:#69d3aa;opacity:.4;}}
 @media (prefers-reduced-motion: reduce){.opg-clock[data-blink]{animation:none;}}
+.opg-panel{border:none;border-radius:14px;padding:0;width:min(600px,92vw);max-height:84vh;background:var(--dsw-alias-bg-base,#fff);color:var(--dsw-alias-label-primary,#252936);box-shadow:0 24px 80px #0006;font:13px/1.6 var(--dsw-font-family,system-ui,sans-serif);}
+.opg-panel::backdrop{background:#0006;}
+.opg-panel-shell{display:flex;flex-direction:column;max-height:84vh;}
+.opg-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--dsw-alias-border-l1,#dde0e6);}
+.opg-panel-head strong{font-size:15px;}
+.opg-panel-close{border:1px solid var(--dsw-alias-border-l1,#dde0e6);background:transparent;color:inherit;border-radius:8px;padding:4px 10px;cursor:pointer;font:inherit;}
+.opg-panel-body{padding:16px 20px;overflow:auto;}
+.opg-panel-meta{color:var(--dsw-alias-label-secondary,#6c7769);font-size:12px;margin-bottom:14px;}
+.opg-section{margin-bottom:18px;}
+.opg-section h4{margin:0 0 8px;font-size:12px;font-weight:600;color:var(--dsw-alias-label-secondary,#6c7769);}
+.opg-row{display:flex;align-items:center;gap:10px;padding:6px 0;border-top:1px solid var(--dsw-alias-border-l1,#eef0f3);min-width:0;}
+.opg-row:first-of-type{border-top:0;}
+.opg-row-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.opg-row-sub{color:var(--dsw-alias-label-secondary,#8a8d94);font-size:11px;margin-left:4px;}
+.opg-group-name{font-size:11px;color:var(--dsw-alias-label-secondary,#8a8d94);margin:8px 0 2px;}
+.opg-check{width:15px;height:15px;accent-color:var(--dsw-alias-state-business-primary,#4d6bfe);flex:none;}
+.opg-seg{display:inline-flex;border:1px solid var(--dsw-alias-border-l1,#dde0e6);border-radius:8px;overflow:hidden;}
+.opg-seg button{border:0;background:transparent;color:inherit;padding:5px 10px;font:inherit;cursor:pointer;}
+.opg-seg button[data-active="true"]{background:var(--dsw-alias-state-business-primary,#4d6bfe);color:#fff;}
+.opg-note{color:var(--dsw-alias-label-secondary,#8a8d94);font-size:11px;line-height:1.6;}
+.opg-error{color:#e0554e;font-size:12px;margin-top:8px;}
+.opg-row-action{display:inline-flex;align-items:center;justify-content:center;flex:none;width:26px;height:26px;border:0;border-radius:6px;background:transparent;color:var(--dsw-alias-label-secondary,#6c7769);cursor:pointer;padding:0;}
+.opg-row-action:hover{background:var(--dsw-alias-interactive-bg-hover,#4d6bfe12);color:var(--dsw-alias-label-primary,#252936);}
+.opg-row-action[data-exempt="true"]{color:#e0554e;}
+.opg-trail{display:inline-flex;align-items:center;justify-content:center;flex:none;color:#e0554e;opacity:.85;}
+.opg-exempt{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--dsw-alias-border-l1,#dde0e6);border-radius:7px;background:transparent;color:var(--dsw-alias-label-secondary,#6c7769);font:11px/16px var(--dsw-font-family,system-ui,sans-serif);padding:1px 6px;cursor:pointer;white-space:nowrap;}
+.opg-exempt[data-exempt="true"]{color:#e0554e;border-color:#e0554e66;}
+.opg-exempt:hover{border-color:var(--dsw-alias-label-secondary,#8a8d94);}
 `;
 
     function ClockIcon() {
@@ -299,15 +445,275 @@ window.__ModuleLoader__.load({
       );
     }
 
+    function useCatalog(ctx, enabled) {
+      const [groups, setGroups] = React.useState([]);
+      React.useEffect(() => {
+        if (!enabled) return undefined;
+        let alive = true;
+        (async () => {
+          try {
+            const result = await ctx.remote.session.modelCatalog();
+            const list = result?.value?.groups ?? result?.groups ?? [];
+            if (alive && Array.isArray(list)) setGroups(list);
+          } catch {
+            /* 目录不可用时留空 */
+          }
+        })();
+        return () => {
+          alive = false;
+        };
+      }, [enabled]);
+      return groups;
+    }
+
+    function SettingsPanel({ ctx, snapshot, refresh, groups, onClose }) {
+      const [busy, setBusy] = React.useState('');
+      const [error, setError] = React.useState('');
+      const [query, setQuery] = React.useState('');
+      const post = async (body) => {
+        setBusy(`${body.action}:${body.sessionId ?? body.provider ?? body.mode ?? ''}`);
+        setError('');
+        try {
+          const response = await fetch('/plugins/dsh-offpeak-guard/action', {
+            method: 'POST',
+            credentials: 'same-origin',
+            headers: { 'content-type': 'application/json' },
+            body: JSON.stringify(body),
+          });
+          const json = await response.json();
+          if (!response.ok || json.ok === false) throw new Error(json.error ?? `HTTP ${response.status}`);
+          await refresh();
+        } catch (caught) {
+          setError(String(caught?.message ?? caught));
+        } finally {
+          setBusy('');
+        }
+      };
+      const modelManaged = (provider, model) => {
+        const key = `${provider}/${model}`;
+        if (Object.prototype.hasOwnProperty.call(snapshot.modelRules ?? {}, key)) return snapshot.modelRules[key] === true;
+        if ((snapshot.peakPricedModels ?? []).length > 0) {
+          return snapshot.peakPricedModels.includes(key) || snapshot.peakPricedModels.includes(model);
+        }
+        if ((snapshot.exemptModels ?? []).includes(model)) return false;
+        const needle = String(snapshot.modelPattern ?? 'deepseek').toLowerCase();
+        return model.toLowerCase().includes(needle) || provider.toLowerCase().includes(needle);
+      };
+      const sessions = Object.values(snapshot.sessions ?? {}).filter((session) => {
+        if (query.trim() === '') return true;
+        const needle = query.trim().toLowerCase();
+        return String(session.title ?? '').toLowerCase().includes(needle) || String(session.id).toLowerCase().includes(needle);
+      });
+      return h('div', { className: 'opg-panel-shell' }, [
+        h('div', { className: 'opg-panel-head', key: 'head' }, [
+          h('strong', { key: 'title' }, '峰谷守卫设置'),
+          h('button', { key: 'close', className: 'opg-panel-close', onClick: onClose }, '关闭'),
+        ]),
+        h('div', { className: 'opg-panel-body', key: 'body' }, [
+          h(
+            'div',
+            { className: 'opg-panel-meta', key: 'meta' },
+            `${snapshot.presetLabel ?? ''} · ${snapshot.phaseLabel ?? ''} · ${snapshot.holiday ? '今天法定节假日（全天谷价）' : '按工作日峰时'}`,
+          ),
+          h('div', { className: 'opg-section', key: 'mode' }, [
+            h('h4', { key: 'h' }, '峰时策略'),
+            h('div', { className: 'opg-seg' }, [
+              h(
+                'button',
+                {
+                  key: 'now',
+                  'data-active': snapshot.pauseMode !== 'finish-turn' ? 'true' : 'false',
+                  disabled: busy !== '',
+                  onClick: () => post({ action: 'pauseMode', mode: 'pause-now' }),
+                },
+                '立即暂停',
+              ),
+              h(
+                'button',
+                {
+                  key: 'finish',
+                  'data-active': snapshot.pauseMode === 'finish-turn' ? 'true' : 'false',
+                  disabled: busy !== '',
+                  onClick: () => post({ action: 'pauseMode', mode: 'finish-turn' }),
+                },
+                '完成当前轮后暂停',
+              ),
+            ]),
+            h('div', { className: 'opg-note', key: 'note' }, '有子代理在运行时，会先放行子代理；子代理结束后再暂停父会话。'),
+          ]),
+          h('div', { className: 'opg-section', key: 'models' }, [
+            h('h4', { key: 'h' }, '模型管理（精确到 provider/model）'),
+            groups.length === 0
+              ? h('div', { className: 'opg-note', key: 'empty' }, '模型目录暂不可用；仍可在配置里用 modelPattern / exemptModels 管理。')
+              : groups.map((group) =>
+                  h('div', { key: `g:${group.id}` }, [
+                    h('div', { className: 'opg-group-name', key: 'name' }, group.name ?? group.id),
+                    ...(Array.isArray(group.models) ? group.models : []).map((model) =>
+                      h('label', { className: 'opg-row', key: `m:${group.id}/${model.id}` }, [
+                        h('input', {
+                          className: 'opg-check',
+                          type: 'checkbox',
+                          checked: modelManaged(String(group.id), String(model.id)),
+                          disabled: busy !== '',
+                          onChange: (event) =>
+                            post({
+                              action: 'model',
+                              provider: String(group.id),
+                              model: String(model.id),
+                              peakPriced: event.target.checked,
+                            }),
+                        }),
+                        h('span', { className: 'opg-row-label' }, [
+                          model.name ?? model.id,
+                          h('span', { className: 'opg-row-sub', key: 'id' }, model.id),
+                        ]),
+                      ]),
+                    ),
+                  ]),
+                ),
+          ]),
+          h('div', { className: 'opg-section', key: 'sessions' }, [
+            h('h4', { key: 'h' }, '会话豁免（不参与暂停/恢复）'),
+            h('input', {
+              key: 'search',
+              type: 'search',
+              value: query,
+              placeholder: '按标题或 session id 过滤…',
+              onChange: (event) => setQuery(event.target.value),
+              style: {
+                width: '100%',
+                boxSizing: 'border-box',
+                margin: '0 0 6px',
+                padding: '5px 8px',
+                border: '1px solid var(--dsw-alias-border-l1,#dde0e6)',
+                borderRadius: '7px',
+                background: 'transparent',
+                color: 'inherit',
+                font: 'inherit',
+              },
+            }),
+            sessions.length === 0
+              ? h('div', { className: 'opg-note', key: 'empty' }, '没有匹配的运行中根会话。')
+              : sessions.map((session) =>
+                  h('label', { className: 'opg-row', key: `s:${session.id}` }, [
+                    h('input', {
+                      className: 'opg-check',
+                      type: 'checkbox',
+                      checked: session.exempt === true,
+                      disabled: busy !== '',
+                      onChange: (event) =>
+                        post({ action: 'exempt', sessionId: String(session.id), exempt: event.target.checked }),
+                    }),
+                    h('span', { className: 'opg-row-label' }, [
+                      session.title ?? session.id,
+                      h('span', { className: 'opg-row-sub', key: 'model' }, session.id),
+                    ]),
+                  ]),
+                ),
+          ]),
+          h('div', { className: 'opg-section', key: 'holidays' }, [
+            h('h4', { key: 'h' }, '节假日'),
+            h(
+              'div',
+              { className: 'opg-note', key: 'note' },
+              snapshot.holidaySource === 'auto'
+                ? `动态识别：已同步（${snapshot.holidaySyncedAt ? new Date(snapshot.holidaySyncedAt).toLocaleString() : '尚未同步'}），失败时回退内置 2026 列表。`
+                : '使用内置节假日（可在配置 holidays 追加）。',
+            ),
+          ]),
+          error === '' ? null : h('div', { className: 'opg-error', key: 'error' }, error),
+        ]),
+      ]);
+    }
+
+    function ShieldIcon({ active }) {
+      return h(
+        'svg',
+        {
+          width: 15,
+          height: 15,
+          viewBox: '0 0 24 24',
+          fill: active ? 'currentColor' : 'none',
+          stroke: 'currentColor',
+          strokeWidth: 1.8,
+          strokeLinecap: 'round',
+          strokeLinejoin: 'round',
+          'aria-hidden': true,
+        },
+        [h('path', { key: 'p', d: 'M12 3l7 3v5c0 4.4-2.9 8.1-7 10-4.1-1.9-7-5.6-7-10V6z' })],
+      );
+    }
+
+    function makeRowAction(pluginCtx) {
+      return function RowAction(props) {
+        const snapshot = useSharedStatus(pluginCtx);
+        const [busy, setBusy] = React.useState(false);
+        const sessionId = typeof props?.sessionId === 'string' ? props.sessionId : '';
+        if (sessionId === '') return null;
+        const exempt = (snapshot?.exemptSessions ?? []).some((item) => item.sessionId === sessionId);
+        return h(
+          'button',
+          {
+            type: 'button',
+            className: 'opg-row-action',
+            title: exempt ? '取消峰谷豁免' : '本会话豁免峰谷守卫',
+            'aria-label': exempt ? '取消峰谷豁免' : '本会话豁免峰谷守卫',
+            'aria-pressed': exempt,
+            'data-exempt': exempt ? 'true' : undefined,
+            disabled: busy,
+            onClick: async (event) => {
+              event.stopPropagation();
+              setBusy(true);
+              try {
+                await postAction({ action: 'exempt', sessionId, exempt: !exempt });
+              } catch {
+                /* 状态文件/路由暂不可用时静默，下一次点击重试 */
+              } finally {
+                setBusy(false);
+              }
+            },
+          },
+          h(ShieldIcon, { active: exempt }),
+        );
+      };
+    }
+
+    function makeTrailing(pluginCtx) {
+      return function Trailing(props) {
+        const snapshot = useSharedStatus(pluginCtx);
+        const sessionId = typeof props?.sessionId === 'string' ? props.sessionId : '';
+        if (snapshot === null || sessionId === '') return null;
+        const exempt = (snapshot.exemptSessions ?? []).some((item) => item.sessionId === sessionId);
+        if (!exempt) return null;
+        return h('span', { className: 'opg-trail', title: '峰谷豁免中', 'aria-hidden': true }, h(ShieldIcon, { active: true }));
+      };
+    }
+
     function makeClock(pluginCtx) {
       return function Clock(props) {
         const t = useLocale(pluginCtx);
-        const { snapshot } = useSnapshot(pluginCtx, null);
+        const { snapshot, refresh } = useSnapshot(pluginCtx, null);
+        const [open, setOpen] = React.useState(false);
+        const dialogRef = React.useRef(null);
+        const groups = useCatalog(pluginCtx, open);
         const [, force] = React.useState(0);
         React.useEffect(() => {
           const timer = setInterval(() => force((value) => value + 1), 1000);
           return () => clearInterval(timer);
         }, []);
+        React.useEffect(() => {
+          const dialog = dialogRef.current;
+          if (dialog === null) return;
+          if (open && !dialog.open) dialog.showModal();
+          if (!open && dialog.open) dialog.close();
+        }, [open]);
+        React.useEffect(() => {
+          const dialog = dialogRef.current;
+          if (dialog === null) return undefined;
+          const onClose = () => setOpen(false);
+          dialog.addEventListener('close', onClose);
+          return () => dialog.removeEventListener('close', onClose);
+        }, []);
         if (snapshot === null) return null;
 
         const phase = snapshot.phase === 'peak' ? 'peak' : 'offpeak';
@@ -335,6 +741,7 @@ window.__ModuleLoader__.load({
           t('offpeakNote'),
           `${t('model')}: ${modelId || '—'}`,
           t('clockHint'),
+          '点击打开设置 / Click to open settings',
         ]
           .filter(Boolean)
           .join('\n');
@@ -347,7 +754,7 @@ window.__ModuleLoader__.load({
             ]
           : [ClockIcon()];
 
-        return h(
+        const clock = h(
           'div',
           {
             className: 'opg-clock',
@@ -357,9 +764,31 @@ window.__ModuleLoader__.load({
             'data-tone': tone,
             'data-blink': blink ?? undefined,
             'data-compact': wide ? 'false' : 'true',
+            onClick: () => setOpen(true),
           },
           [h('style', { key: 'style' }, clockStyle)].concat(inner),
         );
+        const dialog = h(
+          'dialog',
+          {
+            key: 'dialog',
+            ref: dialogRef,
+            className: 'opg-panel',
+            onClick: (event) => {
+              if (event.target === event.currentTarget) setOpen(false);
+            },
+          },
+          open
+            ? h(SettingsPanel, {
+                ctx: pluginCtx,
+                snapshot,
+                refresh,
+                groups,
+                onClose: () => setOpen(false),
+              })
+            : null,
+        );
+        return h(React.Fragment, null, [clock, dialog]);
       };
     }
 
@@ -389,6 +818,28 @@ window.__ModuleLoader__.load({
             Clock,
           ),
         );
+        const RowAction = makeRowAction(ctx);
+        const Trail = makeTrailing(ctx);
+        ctx.slots.inject('sidebar.workspaces.session.row.action', () =>
+          ctx.slots.register(
+            {
+              name: 'sidebar.workspaces.session.row.action',
+              id: 'offpeak-guard-exempt',
+              order: 150,
+            },
+            RowAction,
+          ),
+        );
+        ctx.slots.inject('sidebar.session.row.trailing', () =>
+          ctx.slots.register(
+            {
+              name: 'sidebar.session.row.trailing',
+              id: 'offpeak-guard-exempt-trail',
+              order: 20,
+            },
+            Trail,
+          ),
+        );
       },
     };
   },

package/cordis.patch.yml

@@ -14,6 +14,7 @@
       config:
         enabled: true
         preset: 'auto'
+        pauseMode: 'pause-now'
         timezone: 'Asia/Shanghai'
         peakWeekdays: [1, 2, 3, 4, 5]
         peakWindows:
@@ -23,7 +24,10 @@
             end: '18:00'
         discount: 0.5
         holidays: []
+        holidaySource: 'auto'
+        holidayApi: 'https://timor.tech/api/holiday/year'
         modelPattern: 'deepseek'
+        peakPricedModels: []
         exemptModels: []
         pauseRunningOnPeak: true
         deferNewTurnsOnPeak: true

package/index.js

@@ -24,6 +24,7 @@ const OFFICIAL_WINDOWS = [
 export const Config = z.object({
   enabled: z.boolean().default(true),
   preset: z.string().default('auto'),
+  pauseMode: z.string().default('pause-now'),
   timezone: z.string().default('Asia/Shanghai'),
   peakWeekdays: z.array(z.natural().max(6)).default([1, 2, 3, 4, 5]),
   peakWindows: z
@@ -31,7 +32,10 @@ export const Config = z.object({
     .default(OFFICIAL_WINDOWS),
   discount: z.number().min(0.1).max(1).default(0.5),
   holidays: z.array(z.string()).default([]),
+  holidaySource: z.string().default('auto'),
+  holidayApi: z.string().default('https://timor.tech/api/holiday/year'),
   modelPattern: z.string().default('deepseek'),
+  peakPricedModels: z.array(z.string()).default([]),
   exemptModels: z.array(z.string()).default([]),
   pauseRunningOnPeak: z.boolean().default(true),
   deferNewTurnsOnPeak: z.boolean().default(true),
@@ -90,6 +94,7 @@ export function envConfig(env = process.env) {
     if (value !== undefined) out.enabled = value;
   }
   if (env.DSH_OFFPEAK_PRESET) out.preset = String(env.DSH_OFFPEAK_PRESET).trim();
+  if (env.DSH_OFFPEAK_PAUSE_MODE) out.pauseMode = String(env.DSH_OFFPEAK_PAUSE_MODE).trim();
   if (env.DSH_OFFPEAK_TIMEZONE) out.timezone = String(env.DSH_OFFPEAK_TIMEZONE).trim();
   if (env.DSH_OFFPEAK_PEAK_WEEKDAYS !== undefined) {
     const value = parseWeekdays(env.DSH_OFFPEAK_PEAK_WEEKDAYS);
@@ -107,7 +112,13 @@ export function envConfig(env = process.env) {
     const value = parseList(env.DSH_OFFPEAK_HOLIDAYS);
     if (value !== undefined) out.holidays = value;
   }
+  if (env.DSH_OFFPEAK_HOLIDAY_SOURCE) out.holidaySource = String(env.DSH_OFFPEAK_HOLIDAY_SOURCE).trim();
+  if (env.DSH_OFFPEAK_HOLIDAY_API) out.holidayApi = String(env.DSH_OFFPEAK_HOLIDAY_API).trim();
   if (env.DSH_OFFPEAK_MODEL_PATTERN) out.modelPattern = String(env.DSH_OFFPEAK_MODEL_PATTERN).trim();
+  if (env.DSH_OFFPEAK_PEAK_MODELS !== undefined) {
+    const value = parseList(env.DSH_OFFPEAK_PEAK_MODELS);
+    if (value !== undefined) out.peakPricedModels = value;
+  }
   if (env.DSH_OFFPEAK_EXEMPT_MODELS !== undefined) {
     const value = parseList(env.DSH_OFFPEAK_EXEMPT_MODELS);
     if (value !== undefined) out.exemptModels = value;
@@ -138,6 +149,21 @@ export function envConfig(env = process.env) {
   return out;
 }
 
+async function readJsonBody(req) {
+  let raw = '';
+  for await (const chunk of req) raw += chunk;
+  if (raw === '') return {};
+  return JSON.parse(raw);
+}
+
+function sendJson(res, status, payload) {
+  const body = JSON.stringify(payload);
+  res.statusCode = status;
+  res.setHeader('content-type', 'application/json; charset=utf-8');
+  res.setHeader('cache-control', 'no-store');
+  res.end(body);
+}
+
 export function apply(ctx, rawConfig = {}) {
   const config = { ...(rawConfig ?? {}), ...envConfig() };
   const guard = createGuard(ctx, config);
@@ -170,4 +196,50 @@ export function apply(ctx, rawConfig = {}) {
       }
     };
   }, 'offpeak-guard: tools');
+
+  const webServer = ctx.get('webServer');
+  if (webServer !== undefined && typeof webServer.register === 'function') {
+    ctx.effect(
+      () =>
+        webServer.register({
+          kind: 'prefix',
+          path: '/plugins/dsh-offpeak-guard',
+          async handler(req, res) {
+            try {
+              const url = new URL(req.url || '/', 'http://x');
+              const rest = url.pathname.replace(/^\/plugins\/dsh-offpeak-guard/, '') || '/';
+              if (req.method !== 'POST' || rest !== '/action') {
+                sendJson(res, 404, { ok: false, error: 'not found' });
+                return;
+              }
+              const body = await readJsonBody(req);
+              if (body.action === 'exempt' || body.action === 'unexempt') {
+                const exempt = body.action === 'exempt' ? body.exempt === true : false;
+                const result = await guard.setExempt(String(body.sessionId || ''), exempt);
+                sendJson(res, 200, { ok: true, result });
+                return;
+              }
+              if (body.action === 'model') {
+                const result = await guard.setModelRule(
+                  String(body.provider || ''),
+                  String(body.model || ''),
+                  body.peakPriced === null || body.peakPriced === undefined ? null : body.peakPriced === true,
+                );
+                sendJson(res, 200, { ok: true, result });
+                return;
+              }
+              if (body.action === 'pauseMode') {
+                const result = await guard.setPauseMode(body.mode === 'finish-turn' ? 'finish-turn' : 'pause-now');
+                sendJson(res, 200, { ok: true, result });
+                return;
+              }
+              sendJson(res, 400, { ok: false, error: 'unknown action' });
+            } catch (error) {
+              sendJson(res, 400, { ok: false, error: String(error?.message ?? error) });
+            }
+          },
+        }),
+      'offpeak-guard: settings route',
+    );
+  }
 }