dsh-later 1.0.0 → 1.1.0

package/lib/client.js

@@ -131,8 +131,51 @@ var COMPONENTS = [
   ".ss-dock-bar-fill {",
   "  position: relative; z-index: 1;",
   "  height: 100%; border-radius: 999px; background: var(--dsw-alias-brand-primary);",
-  "  transition: width 1s linear;",
+  /* 活动期的推进由 CSS 动画驱动（见 ScheduleDock 的 fillStyle）：
+     旧实现是「每秒 tick 改一次宽度 + transition 补间」，1 分钟任务每秒跳约 8px，
+     肉眼可见锯齿。改为动画后由合成器逐帧插值，真 60fps 且零重渲染。
+     这里**不保留** transition: width —— 它与动画叠加会造成双重补间、反而更抖。 */
+  "  /* \u6781\u77ED\u4EFB\u52A1/\u65E9\u671F\u6682\u505C\u65F6\u8FDB\u5EA6\u6BD4\u63A5\u8FD1 0\uFF1A\u7ED9\u6700\u5C0F\u53EF\u89C1\u5BBD\u5EA6\uFF0C\u4E14 active \u4E0E paused \u540C\u4E00\u89C4\u5219\uFF0C",
+  "     \u907F\u514D\u6682\u505C\u524D\u540E\u4FDD\u5E95\u9608\u503C\u4E0D\u4E00\u81F4\u5BFC\u81F4\u6761\u957F\u8DF3\u53D8\u3002 */",
+  "  min-width: 10px;",
   "}",
+  "/* \u8FDB\u5EA6\u63A8\u8FDB\uFF1ACSS \u52A8\u753B\u7EBF\u6027\u63A8\u8FDB\uFF08\u66FF\u4EE3\u300C\u6BCF\u79D2 tick \u6539\u5BBD\u5EA6 + transition \u8865\u95F4\u300D\uFF09\u3002",
+  "   \u53C2\u6570\u7531 JS \u6CE8\u5165 --ss-bar-duration / --ss-bar-delay\uFF1A",
+  "   duration \u56FA\u5B9A\u4E3A\u5B8C\u6574\u7A97\u53E3\uFF08\u5426\u5219\u6BCF\u6B21 tick \u90FD\u6539\u53D8\u53C2\u6570\u3001\u6D4F\u89C8\u5668\u4F1A\u91CD\u542F\u52A8\u753B\uFF09\uFF1B",
+  "   delay \u4E3A -(\u5DF2\u8FC7\u53BB) \u7684\u8D1F\u503C\uFF08\u628A\u64AD\u653E\u5934\u5B9A\u4F4D\u5230\u7EDD\u5BF9\u76F8\u4F4D\uFF0C\u91CD\u6302\u8F7D\u540E\u4E0D\u5F52\u96F6\uFF09\u3002",
+  "   JS \u4FA7\u53EA\u4F20\u53D8\u91CF\u3001\u4E0D\u5199 animationName \u7B80\u5199\uFF0C\u907F\u514D\u8986\u76D6\u8FD9\u91CC\u7684\u58F0\u660E\u3002",
+  "   \u6CE8\u610F\u6B64\u5904**\u4E0D\u5E26** :not(.ss-paused)\uFF1A\u6682\u505C\u6001\u53E6\u6709 animation: none \u8986\u76D6\u3002 */",
+  ".ss-dock-bar-fill {",
+  "  animation-name: ss-dock-bar-progress;",
+  "  animation-duration: var(--ss-bar-duration, 3600s);",
+  "  animation-delay: var(--ss-bar-delay, 0ms);",
+  "  animation-timing-function: linear;",
+  "  animation-fill-mode: forwards;",
+  "  animation-iteration-count: 1;",
+  "}",
+  "@keyframes ss-dock-bar-progress { from { width: 0%; } to { width: 100%; } }",
+  "@media (prefers-reduced-motion: reduce) {",
+  "  /* \u65E0\u969C\u788D\uFF1A\u5173\u6389\u9010\u5E27\u63A8\u8FDB\u3002\u6B64\u65F6 animation-fill-mode \u4F1A\u8BA9\u5BBD\u5EA6\u505C\u5728\u8D77\u59CB\u503C(0)\uFF0C",
+  "     \u6545\u7531 JS \u4FA7\u6539\u8D70\u9759\u6001 width \u8DEF\u5F84\uFF08\u89C1 ScheduleDock \u7684 prefersReducedMotion\uFF09\u3002 */",
+  "  .ss-dock-bar-fill { animation: none !important; }",
+  "}",
+  "/* \u6682\u505C\u6001\uFF08P1\uFF1A\u4E0D\u989D\u5916\u52A0\u6837\u5F0F\uFF09\u3002",
+  "   \u6682\u505C = \u539F\u6761 + \u5B8C\u5168\u9759\u6B62\uFF1A\u4E0D\u53E0\u52A0\u659C\u7EB9/\u51B0\u5C01/\u963B\u585E\u5934\uFF0C\u4E5F\u4E0D\u6539\u5E95\u8272\u3001\u4E0D\u53D8\u8272\u3002",
+  "   \u72B6\u6001\u7531\u300C\u52A8 / \u9759\u300D\u5BF9\u6BD4\u8868\u8FBE\u2014\u2014\u8FDB\u884C\u4E2D\u8FDB\u5EA6\u6761\u5728\u63A8\u8FDB\uFF0C\u6682\u505C\u65F6\u505C\u4F4F\u3002",
+  '   \u6CE8\u610F\uFF1A**\u4E0D\u989D\u5916\u53E0\u6D41\u52A8\u7EB9\u7406**\u3002\u5148\u524D\u8BEF\u628A"\u8FDB\u884C\u4E2D\u52A0\u6D41\u5149"\u5F53\u4F5C P1 \u7684\u4E00\u90E8\u5206\u5B9E\u73B0\uFF0C',
+  "   \u4F46\u90A3\u4E0D\u5728 P1 \u5B9A\u4E49\u5185\uFF08P1 \u539F\u6587\uFF1A\u6682\u505C = \u539F\u6761 + \u9759\u6B62\uFF0C\u4E0D\u52A0\u4EFB\u4F55\u7EB9\u7406\uFF09\uFF0C\u5DF2\u79FB\u9664\u3002",
+  "   \u53EA\u4FDD\u7559\u4E0B\u9762\u8FD9\u884C\u9632\u5FA1\uFF1A\u4E07\u4E00\u52A8\u753B\u56E0\u6545\u6B8B\u7559\uFF0C\u6682\u505C\u65F6\u5FC5\u987B\u505C\u4F4F\u3002",
+  "   \uFF08\u51E0\u4F55\u4E0E\u4FDD\u5E95\u5BBD\u5EA6\u6CBF\u7528 .ss-dock-bar-fill \u7684\u516C\u5171\u89C4\u5219\uFF0C\u6545\u6682\u505C\u524D\u540E\u957F\u5EA6\u4E00\u81F4\u3002\uFF09 */",
+  ".ss-dock-row.ss-paused .ss-dock-bar-fill {",
+  "  animation: none;",
+  "}",
+  "@media (prefers-reduced-motion: reduce) {",
+  "  .ss-dock-row:not(.ss-paused) .ss-dock-bar-fill { animation: none; background: var(--dsw-alias-brand-primary); }",
+  "}",
+  ".ss-dock-row.ss-paused .ss-dock-row-countdown { color: var(--dsw-alias-label-tertiary); }",
+  ".ss-dock-row.ss-paused .ss-dock-row-time,",
+  ".ss-dock-row.ss-paused .ss-dock-row-prompt { color: var(--dsw-alias-label-secondary); }",
+  ".ss-dock-action.ss-paused-active { color: var(--dsw-alias-state-success-primary); }",
   "/* \u5206\u9694\u7EBF\uFF1Aabsolute \u8DE8\u6574\u4E2A bar \u753B N-1 \u6761\u7B49\u6BD4\u7AD6\u7EBF\uFF0C\u6E32\u67D3\u5728 fill \u4E4B\u524D\uFF08fill \u7528 z-index:1 \u76D6\u4F4F\u300C\u5DF2\u586B\u5145\u6BB5\u300D\u4E0A\u7684\u523B\u5EA6\uFF09\u3002 */",
   ".ss-dock-bar-divider {",
   "  position: absolute; inset: 0; pointer-events: none;",
@@ -152,6 +195,29 @@ var COMPONENTS = [
   ".ss-dock-steer-err {",
   "  color: var(--dsw-alias-state-warn-secondary); font-size: 12px; line-height: 16px;",
   "}",
+  "/*",
+  " * \u6295\u9012\u672A\u786E\u8BA4\u63D0\u793A\uFF1A\u6761\u76EE\u88AB\u5BBF\u4E3B\u4FDD\u7559\uFF08\u672A\u5199 dispatch\uFF09\uFF0C\u884C\u4ECD\u5728\u53F0\u4E0A\u3002",
+  ' * \u4E0E\u666E\u901A\u9519\u8BEF\uFF08\u7EAF\u6587\u5B57\uFF09\u533A\u5206\uFF1A\u5B83\u4E0D\u662F\u4E00\u4E2A"\u5931\u8D25"\uFF0C\u800C\u662F"\u7ED3\u679C\u672A\u77E5\u4E14\u53EF\u633D\u56DE"\uFF0C',
+  " * \u8BED\u6C14\u5E94\u662F\u63D0\u793A\u800C\u975E\u62A5\u9519\uFF0C\u6545\u7ED9\u6D45\u5E95 + \u8FB9\u6846 + \u53EF\u70B9\u7684\u91CD\u8BD5\u3002",
+  " */",
+  ".ss-dock-steer-warn {",
+  "  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;",
+  "  margin-top: 4px; padding: 4px 8px; border-radius: 6px;",
+  "  font-size: 12px; line-height: 16px;",
+  "  color: var(--dsw-alias-state-warn-secondary);",
+  "  background: color-mix(in srgb, var(--dsw-alias-state-warn-secondary) 12%, transparent);",
+  "  border: 1px solid color-mix(in srgb, var(--dsw-alias-state-warn-secondary) 32%, transparent);",
+  "}",
+  ".ss-dock-steer-retry {",
+  "  margin-left: auto; padding: 1px 8px; border-radius: 5px; cursor: pointer;",
+  "  font: inherit; font-size: 12px;",
+  "  color: var(--dsw-alias-state-warn-secondary);",
+  "  background: color-mix(in srgb, var(--dsw-alias-state-warn-secondary) 18%, transparent);",
+  "  border: 1px solid color-mix(in srgb, var(--dsw-alias-state-warn-secondary) 38%, transparent);",
+  "}",
+  ".ss-dock-steer-retry:hover {",
+  "  background: color-mix(in srgb, var(--dsw-alias-state-warn-secondary) 28%, transparent);",
+  "}",
   "/* \u884C\u5185\u7F16\u8F91\uFF08QueueDock .editor \u540C\u6B3E\u8F93\u5165\u6846\uFF09\u3002 */",
   ".ss-dock-edit-input {",
   "  box-sizing: border-box; flex: auto; min-width: 0; height: 28px; padding: 0 8px;",
@@ -170,23 +236,6 @@ var COMPONENTS = [
   "  flex-basis: 100%; color: var(--dsw-alias-state-error-secondary); font-size: 12px; line-height: 16px;",
   "}",
   ".ss-dock-editing { flex-wrap: wrap; }",
-  ".ss-toast-host {",
-  "  position: fixed; right: 16px; bottom: 96px; z-index: 300;",
-  "  display: flex; flex-direction: column; gap: 8px; pointer-events: none;",
-  "}",
-  ".ss-toast {",
-  "  pointer-events: auto; max-width: min(360px, calc(100vw - 32px));",
-  "  display: flex; align-items: center; gap: 8px;",
-  "  padding: 9px 12px; border-radius: 10px;",
-  "  background: var(--dsw-specific-menu); color: var(--dsw-alias-label-primary);",
-  "  border: 1px solid var(--dsw-alias-line-primary);",
-  "  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18);",
-  "  font-size: 13px; line-height: 18px;",
-  "  animation: ss-toast-in 180ms var(--ds-ease-out);",
-  "}",
-  ".ss-toast-icon { color: var(--dsw-alias-brand-primary); flex: none; }",
-  ".ss-toast-text { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }",
-  "@keyframes ss-toast-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }",
   "",
   "/* ==================== \u9762\u677F ==================== */",
   "/* \u5BF9\u9F50\u5B98\u65B9 popover panel\uFF1Az-index 100\u3001border-inverted\u3001radius 12\u3001\u5B57\u53F7 12\u3001secondary \u6587\u5B57 */",
@@ -253,23 +302,22 @@ var COMPONENTS = [
   ".ss-tasklist-head { margin-top: 10px; }",
   "",
   "/* ==================== \u8868\u5355\u5B57\u6BB5 ==================== */",
-  "/* \u5BF9\u9F50\u5B98\u65B9 fields.module.css\uFF1Acolumn \u5E03\u5C40\u3001label \u5728\u4E0A 13px/500\u3001\u5B57\u6BB5\u95F4 border-top \u5206\u9694 */",
+  "/* \u5BF9\u9F50\u5B98\u65B9 fields.module.css\uFF1Acolumn \u5E03\u5C40\u3001label \u5728\u4E0A 13px/500\uFF0C\u5B57\u6BB5\u95F4\u65E0\u5206\u9694\u7EBF */",
   ".ss-field {",
   "  display: flex; flex-direction: column; gap: 6px; padding: 12px 0;",
   "}",
-  ".ss-field + .ss-field { border-top: 1px solid var(--dsw-alias-border-l2); }",
   ".ss-input {",
-  "  height: 34px; padding: 0 12px;",
-  "  border: 1px solid var(--dsw-alias-border-l2); border-radius: 8px;",
+  "  min-height: 36px; padding: 0 12px;",
+  "  border: .5px solid var(--dsw-alias-border-l4); border-radius: var(--dsw-radius-md);",
   "  background: var(--dsw-alias-bg-layer-3); color: var(--dsw-alias-label-primary);",
-  "  font-size: 13px; line-height: 1.5; font-family: var(--dsw-font-family);",
+  "  font: inherit; font-size: 13px; line-height: 1.5;",
   "  flex: 1; min-width: 0; width: 100%; box-sizing: border-box;",
   "}",
   ".ss-input:focus-visible {",
-  "  border-color: var(--dsw-alias-brand-primary); outline: none;",
+  "  outline: none; border-color: var(--dsw-alias-state-business-primary);",
   "}",
   ".ss-input:disabled { color: var(--dsw-alias-label-tertiary); cursor: default; }",
-  ".ss-input.ss-inputInvalid { border-color: var(--dsw-alias-label-error); }",
+  ".ss-input.ss-inputInvalid { border-color: var(--dsw-alias-state-error-primary); }",
   "",
   "/* ==================== \u4EFB\u52A1\u5217\u8868 ==================== */",
   ".ss-tasks { max-height: 160px; overflow-y: auto; margin-bottom: 8px; }",
@@ -362,46 +410,147 @@ var COMPONENTS = [
   "/* \u7D2B\u4E3A\u5B9A\u65F6\u4E13\u5C5E\uFF08\u6D45\u6DF1\u901A\u7528\uFF0C\u5BF9\u767D/\u6DF1\u5E95\u5BF9\u6BD4\u5747 \u22653:1\uFF09\uFF1Burgent/overdue \u590D\u7528\u5BBF\u4E3B warn/error \u522B\u540D\u3002 */",
   ".ss-presence { display: inline-flex; flex: none; color: #8b5cf6; }",
   ".ss-presence-beside { margin-left: 4px; }",
+  "",
+  "/* \u2500\u2500 \u65E7\u7248\u70B9\u9635\u65F6\u949F\uFF08classic\uFF09 \u2500\u2500 */",
   ".ss-presence rect { fill: currentColor; }",
   ".ss-presence .ss-presence-ring { opacity: 0.8; animation: ss-presence-breathe 2.4s var(--ds-ease-in-out, ease-in-out) infinite; }",
   ".ss-presence .ss-presence-hand { opacity: 1; }",
-  '.ss-presence[data-state="urgent"] { color: var(--dsw-alias-state-warn-secondary); }',
   '.ss-presence[data-state="urgent"] .ss-presence-ring { animation-name: ss-presence-pulse; animation-duration: 0.9s; }',
-  '.ss-presence[data-state="overdue"] { color: var(--dsw-alias-state-error-primary); }',
   '.ss-presence[data-state="overdue"] .ss-presence-ring { animation: none; }',
+  "",
+  "/*  \u65B0\u7248\u63CF\u8FB9\u65F6\u949F\uFF08modern\uFF09\u2014 \u5BF9\u9F50 DSH \u5B98\u65B9 spinner \u6837\u5F0F \u2500\u2500 */",
+  ".ss-presence .ss-clock-face {",
+  "  fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round;",
+  "  opacity: 0.25; animation: ss-clock-breathe 2.4s var(--ds-ease-in-out, ease-in-out) infinite;",
+  "}",
+  ".ss-presence .ss-clock-hand { stroke: currentColor; stroke-width: 2; stroke-linecap: round; }",
+  ".ss-presence .ss-clock-hand-h { opacity: 1; }",
+  ".ss-presence .ss-clock-hand-m { opacity: 0.85; }",
+  '.ss-presence[data-state="urgent"] .ss-clock-face { animation-name: ss-clock-pulse; animation-duration: 0.9s; }',
+  '.ss-presence[data-state="overdue"] .ss-clock-face { animation: none; opacity: 1; }',
+  "",
+  "/* \u2500\u2500 \u4E09\u6001\u989C\u8272 \u2500\u2500 */",
+  '.ss-presence[data-state="urgent"] { color: var(--dsw-alias-state-warn-secondary); }',
+  '.ss-presence[data-state="overdue"] { color: var(--dsw-alias-state-error-primary); }',
+  "",
+  "/* \u2500\u2500 \u52A8\u753B\u5173\u952E\u5E27 \u2500\u2500 */",
   "@keyframes ss-presence-breathe { 0%, 100% { opacity: 0.65; } 50% { opacity: 1; } }",
   "@keyframes ss-presence-pulse { 0%, 100% { opacity: 0.5; } 50% { opacity: 1; } }",
-  "@media (prefers-reduced-motion: reduce) { .ss-presence .ss-presence-ring { animation: none; } }",
+  "@keyframes ss-clock-breathe { 0%, 100% { opacity: 0.65; } 50% { opacity: 1; } }",
+  "@keyframes ss-clock-pulse { 0%, 100% { opacity: 0.5; } 50% { opacity: 1; } }",
+  "@media (prefers-reduced-motion: reduce) {",
+  "  .ss-presence .ss-presence-ring { animation: none; }",
+  "  .ss-presence .ss-clock-face { animation: none; }",
+  "}",
   "",
-  "/* ==================== \u8BBE\u7F6E\u9875\uFF08\u5B9A\u65F6\u63D0\u9192\u5361\u7247\uFF09 ==================== */",
-  "/* \u89C6\u89C9\u5BF9\u9F50\u5B98\u65B9 PluginCard\uFF08dsh-client-ui-settings-plugins \u79C1\u6709\u7EC4\u4EF6\uFF0C\u540C\u6784\u81EA\u5B9E\u73B0\uFF0C",
-  "   \u53C2\u8003 dsh-wakatime \u540C\u6B3E\u505A\u6CD5\uFF09\uFF1A<li> \u5916\u6846\u3001header \u6574\u5361\u6309\u94AE\u3001chevron\u3001\u6298\u53E0 body\u3001",
-  "   footer \u653E\u5F03/\u4FDD\u5B58\u3002\u7C7B\u540D\u7EDF\u4E00 ss-card- \u524D\u7F00\uFF0C\u907F\u514D\u4E0E\u9762\u677F\uFF08ss-footer/ss-field-*\uFF09\u51B2\u7A81\u3002 */",
-  ".ss-card {",
-  "  border: 1px solid var(--dsw-alias-border-l2);",
-  "  background: var(--dsw-alias-bg-layer-3);",
-  "  border-radius: 12px; list-style: none;",
-  "  transition: border-color .16s, background .16s;",
-  "}",
-  ".ss-card:hover { border-color: var(--dsw-alias-label-dimmed); }",
-  ".ss-cardOpen { background: var(--dsw-alias-bg-layer-2); border-color: var(--dsw-alias-label-dimmed); }",
-  ".ss-card-header {",
-  "  appearance: none; width: 100%; font: inherit; color: inherit; text-align: left;",
-  "  cursor: pointer; background: none; border: 0; border-radius: 12px;",
-  "  align-items: center; gap: 12px; padding: 14px 16px; display: flex;",
-  "}",
-  ".ss-card-header:focus-visible { outline: 2px solid var(--dsw-alias-brand-primary); outline-offset: -2px; }",
-  ".ss-card-headText { flex-direction: column; flex: 1; gap: 4px; min-width: 0; display: flex; }",
-  ".ss-card-name { color: var(--dsw-alias-label-primary); font-size: 15px; font-weight: 600; line-height: 1.4; }",
-  ".ss-card-description { color: var(--dsw-alias-label-tertiary); font-size: 13px; line-height: 1.5; }",
-  ".ss-card-chevron { color: var(--dsw-alias-label-tertiary); flex: none; transition: transform .16s; }",
-  ".ss-card-chevronOpen { transform: rotate(180deg); }",
-  ".ss-card-body { border-top: 1px solid var(--dsw-alias-border-l2); margin: 0 16px; padding-bottom: 8px; }",
-  ".ss-card-readOnly { color: var(--dsw-alias-label-tertiary); margin: 12px 0 0; font-size: 12px; line-height: 1.5; }",
-  ".ss-card-pending {",
-  "  white-space: nowrap; background: var(--dsw-alias-bg-module-platform);",
-  "  color: var(--dsw-alias-label-secondary); border-radius: 999px; flex: none;",
-  "  padding: 1px 8px; font-size: 11px; font-weight: 500; line-height: 17px;",
+  "/* ==================== \u60AC\u6D6E\u5361\u7247\u72B6\u6001\u884C\u589E\u8865\uFF08issue #4\uFF09 ==================== */",
+  "/* \u4E0E\u5BBF\u4E3B .hoverStatus \u884C\u4E25\u683C\u540C\u6784\u3002\u5BBF\u4E3B StateDot \u5B9E\u6D4B\u7ED3\u6784\uFF08dsh-client-ui-primitives",
+  "   \u7684 ._dot_* \u8FD0\u884C\u65F6\u6837\u5F0F\uFF0C10\xD710 relative + ::before 10px/inset:0 + ::after 6px/inset:2px\uFF0C",
+  "   \u4E24\u5C42\u540C\u8272 \u2192 \u89C6\u89C9\u76F4\u5F84\u7EA6 8px\uFF09\uFF1A\u672C\u63D2\u4EF6\u6309\u4E0B\u8FF0\u540C\u6837\u7684\u53CC\u5C42\u5199\u6CD5\u81EA\u7ED8\uFF0C\u907F\u514D\u590D\u7528\u5176\u6784\u5EFA\u671F hash",
+  "   \u7C7B\u540D\uFF08_dot_xxxxxx_n \u4E0D\u7A33\u5B9A\uFF0C\u5BBF\u4E3B\u5347\u7EA7\u4F1A\u9759\u9ED8\u5931\u6548\uFF09\u3002",
+  "   \u989C\u8272\u8DDF\u968F\u5BBF\u4E3B\u8BED\u4E49\u8272\u677F\uFF0C\u4E0D\u5F15\u5165\u63D2\u4EF6\u4E13\u5C5E\u8272\u2014\u2014\u6587\u6848\u5DF2\u8BF4\u660E\u662F\u5B9A\u65F6\u63D0\u9192\uFF0C\u70B9\u4E0D\u5FC5\u518D\u627F\u62C5",
+  "   \u300C\u533A\u5206\u6765\u6E90\u300D\u7684\u804C\u8D23\uFF1B\u6DF7\u5165\u7B2C\u4E94\u79CD\u989C\u8272\u53CD\u800C\u4E0E\u5BBF\u4E3B warning \u8BED\u4E49\u649E\u8F66\u3002",
+  "",
+  "   \u26A0\uFE0F \u5DF2\u77E5\u9650\u5236\uFF08\u6D45\u8272\u9002\u914D\u5C1A\u672A\u5904\u7406\uFF09\uFF1A\u4EE5\u4E0B\u8272\u503C\u662F\u5728**\u5F53\u524D\u6DF1\u8272\u4E3B\u9898**\u4E0B\u4ECE\u5BBF\u4E3B",
+  "   \u5B9E\u6D4B\u5F97\u5230\u7684\u8FD0\u884C\u65F6\u503C\uFF0C\u5BBF\u4E3B\u81EA\u8EAB\u5F15\u7528 --dsw-alias-* token\uFF0C\u4F1A\u968F\u4E3B\u9898\u53D8\u5316\uFF0C",
+  "   \u800C\u6B64\u5904\u662F\u786C\u7F16\u7801\u5E38\u91CF\u3002\u56E0\u6B64\u5F53\u524D\u4EC5\u5728\u6DF1\u8272\u4E3B\u9898\u4E0B\u4E0E\u5BBF\u4E3B\u4E00\u81F4\uFF1B\u5207\u6362\u5230\u6D45\u8272\u4E3B\u9898/",
+  "   \u5176\u4ED6\u914D\u8272\u65B9\u6848\u65F6\uFF0C\u672C\u884C\u4E0D\u4F1A\u8DDF\u968F\uFF0C\u53EF\u80FD\u4E0E\u8BE5\u5361\u7247\u5176\u4F59\u5185\u5BB9\u4E0D\u540C\u6B65\u3002",
+  "   \u4FEE\u6CD5\uFF1A\u5B9E\u6D4B\u6D45\u8272\u4E3B\u9898\u4E0B\u8BE5\u5361\u7247\u7684\u5B9E\u9645\u5E95\u8272\u540E\uFF0C\u6539\u7528\u5BF9\u5E94 token\uFF08\u5F85\u529E\uFF09\u3002 */",
+  ".ss-hover-status {",
+  "  display: flex; align-items: center; gap: 8px;",
+  "  color: #adb2b8; font-size: 12px; line-height: 20px;",
+  "}",
+  "/* \u72B6\u6001\u70B9\uFF1A\u5BBF\u4E3B\u540C\u6B3E\u53CC\u5C42\u7ED3\u6784\u3002\u5173\u952E\u2014\u2014::before \u662F 10% \u900F\u660E\u5EA6\u7684**\u5149\u6655**\uFF0C",
+  "   \u4E0D\u662F\u5B9E\u5FC3\u5916\u73AF\uFF1B::after \u624D\u662F 6px \u5B9E\u5FC3\u6838\u5FC3\u3002\u82E5 ::before \u4E0D\u8BBE opacity\uFF0C",
+  "   \u5B83\u4F1A\u76D6\u4F4F\u6838\u5FC3\u5E76\u6E32\u67D3\u6210 10px \u5B9E\u5FC3\u5706\uFF08\u6BD4\u5BBF\u4E3B\u660E\u663E\u504F\u5927\u504F\u5B9E\uFF09\u3002 */",
+  ".ss-hover-status-dot {",
+  "  position: relative; display: block; flex: none;",
+  "  width: 10px; height: 10px;",
+  "  color: #adb2b8;",
+  "}",
+  ".ss-hover-status-dot::before,",
+  ".ss-hover-status-dot::after {",
+  '  content: ""; position: absolute; border-radius: 50%; background: currentColor;',
+  "}",
+  ".ss-hover-status-dot::before { inset: 0; opacity: 0.1; }",
+  ".ss-hover-status-dot::after { inset: 2px; }",
+  "/* \u8BED\u4E49\u6620\u5C04\uFF08\u5BF9\u9F50\u5BBF\u4E3B done/ongoing/warning/error \u56DB\u6001\u8272\u503C\uFF09\uFF1A",
+  "   scheduled \u2192 ongoing \u7070\uFF08\u4E2D\u6027\uFF1A\u5DF2\u6392\u671F\uFF0C\u65E0\u7D27\u8FEB\u6027\uFF09",
+  "   urgent    \u2192 warning \u7425\u73C0\uFF08\u22645min \u5373\u5C06\u89E6\u53D1\uFF09",
+  "   overdue   \u2192 error \u7EA2\uFF08\u5DF2\u5230\u671F\uFF0C\u7B49\u5F85\u4F1A\u8BDD\u7A7A\u95F2\u53D1\u9001\uFF09 */",
+  '.ss-hover-status[data-state="urgent"] .ss-hover-status-dot { color: #f59e0b; }',
+  '.ss-hover-status[data-state="overdue"] .ss-hover-status-dot { color: #f25a5a; }',
+  "",
+  "/* ==================== \u8BBE\u7F6E\u9875\uFF08\u5B9A\u65F6\u63D0\u9192\u8868\u5355\uFF09 ==================== */",
+  "/* \u89C6\u89C9\u5BF9\u9F50\u5B98\u65B9 SettingsForm\uFF08dsh-client-ui-primitives\uFF09\uFF1A\u88F8\u8868\u5355\uFF0C\u65E0\u5361\u7247\u5BB9\u5668\uFF0C",
+  "   \u5B57\u6BB5\u6309 section \u5206\u7EC4\uFF0C\u6BCF\u7EC4\u6709\u6807\u9898\uFF0C\u5E95\u90E8\u4FDD\u5B58\u6309\u94AE\u3002\u7C7B\u540D\u7EDF\u4E00 ss- \u524D\u7F00\u3002 */",
+  ".ss-settings-form {",
+  "  display: flex; flex-direction: column;",
+  "}",
+  "/* Section \u5206\u7EC4\uFF08\u5BF9\u9F50\u5B98\u65B9 AZSXYW_section \u7ED3\u6784\uFF09 */",
+  ".ss-section {",
+  "  padding: 16px 0;",
+  "}",
+  ".ss-section-heading {",
+  "  margin: 0; font-size: 13px; font-weight: 600; line-height: 1.5;",
+  "  color: var(--dsw-alias-label-primary);",
+  "}",
+  ".ss-section-fields {",
+  "  display: flex; flex-direction: column;",
+  "}",
+  /* 紧凑字段并排（对齐官方 hF0LTq_limits 网格：两等宽列、间距 16px） */
+  ".ss-section-fieldsGrid {",
+  "  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px;",
+  "}",
+  /* 帮助按钮（对齐官方 _helpButton_：24×24、radius 8px、12px 圆圈问号图标） */
+  ".ss-help-btn {",
+  "  width: 24px; height: 24px; padding: 0; flex: none;",
+  "  display: inline-flex; align-items: center; justify-content: center;",
+  "  background: none; border: none; border-radius: 8px; cursor: pointer;",
+  "  color: var(--dsw-alias-label-tertiary);",
+  "}",
+  ".ss-help-btn:hover, .ss-help-btnOpen { color: var(--dsw-alias-label-secondary); }",
+  ".ss-help-btn:focus-visible {",
+  "  outline: 2px solid var(--dsw-alias-state-business-primary); outline-offset: -1px;",
+  "}",
+  /* 展开后的说明区（对齐官方 _help_：12px / 1.6 行高、顶部 10px、次级文字色） */
+  ".ss-help {",
+  "  margin: 0; padding: 10px 0 0; font-size: 12px; line-height: 1.6;",
+  "  color: var(--dsw-alias-label-secondary);",
+  "}",
+  ".ss-help p { margin: 0; }",
+  /* Toggle 行（对齐官方子智能体插件的开关行：label 左 + switch 右） */
+  ".ss-toggle-row {",
+  "  display: flex; align-items: center; justify-content: space-between;",
+  "  gap: 16px;",
+  "}",
+  ".ss-toggle-label {",
+  "  flex: 1; min-width: 0; font-size: 13px; font-weight: 500; line-height: 1.5;",
+  "  color: var(--dsw-alias-label-primary);",
+  "}",
+  ".ss-toggle-switch {",
+  "  position: relative; width: 36px; height: 20px; flex: none;",
+  "  background: var(--dsw-alias-bg-module-platform); border-radius: 999px;",
+  "  cursor: pointer; transition: background var(--ds-transition-duration-fast) var(--ds-ease-in-out);",
+  "  border: none; padding: 0;",
+  "}",
+  '.ss-toggle-switch[aria-checked="true"] { background: var(--dsw-alias-state-business-primary); }',
+  ".ss-toggle-switch::after {",
+  '  content: ""; position: absolute; top: 2px; left: 2px;',
+  "  width: 16px; height: 16px; border-radius: 999px;",
+  "  background: #fff; transition: transform var(--ds-transition-duration-fast) var(--ds-ease-in-out);",
+  "}",
+  '.ss-toggle-switch[aria-checked="true"]::after { transform: translateX(16px); }',
+  ".ss-toggle-switch:disabled { opacity: 0.4; cursor: default; }",
+  ".ss-toggle-switch:focus-visible {",
+  "  outline: 2px solid var(--dsw-alias-state-business-primary); outline-offset: 2px;",
+  "}",
+  ".ss-toggle-description {",
+  "  margin: 0; padding: 0 0 12px; font-size: 12px; line-height: 1.6;",
+  "  color: var(--dsw-alias-label-secondary);",
+  "}",
+  ".ss-label-group {",
+  "  display: flex; align-items: center; gap: 4px; flex: 1; min-width: 0;",
   "}",
   ".ss-card-fieldHead { align-items: center; gap: 8px; display: flex; }",
   ".ss-card-label {",
@@ -420,11 +569,21 @@ var COMPONENTS = [
   "}",
   ".ss-card-reset:hover:not(:disabled) { color: var(--dsw-alias-label-primary); }",
   ".ss-card-reset:disabled { cursor: default; }",
-  ".ss-card-invalid { color: var(--dsw-alias-label-error); margin: 0; font-size: 12px; line-height: 1.5; }",
+  ".ss-card-invalid { color: var(--dsw-alias-state-error-primary); margin: 0; font-size: 12px; line-height: 1.5; }",
+  "/*",
+  " * \u9009\u9879\u98CE\u9669\u63D0\u793A\uFF08steer \u53EF\u80FD\u88AB\u56DE\u5408\u542F\u52A8\u541E\u6389 / discard \u4F1A\u8BA9\u9759\u9ED8\u4E22\u5931\u590D\u6D3B\uFF09\u3002",
+  ' * \u5E38\u9A7B\u663E\u793A\u800C\u975E tooltip\uFF1A\u8FD9\u51E0\u9879\u914D\u7F6E\u7684\u540E\u679C\u662F"\u9759\u9ED8\u5931\u8D25"\uFF0C\u85CF\u5728\u60AC\u6D6E\u63D0\u793A\u91CC\u7B49\u4E8E\u6CA1\u6709\u3002',
+  " */",
+  ".ss-card-risk {",
+  "  margin: 6px 0 0; padding: 6px 9px; border-radius: 6px;",
+  "  font-size: 12px; line-height: 1.55;",
+  "  color: var(--dsw-alias-state-warn-secondary);",
+  "  background: color-mix(in srgb, var(--dsw-alias-state-warn-secondary) 12%, transparent);",
+  "  border: 1px solid color-mix(in srgb, var(--dsw-alias-state-warn-secondary) 30%, transparent);",
+  "}",
   ".ss-card-footer {",
-  "  border-top: 1px solid var(--dsw-alias-border-l2);",
   "  justify-content: flex-end; align-items: center; gap: 8px;",
-  "  padding: 12px 0 4px; display: flex;",
+  "  padding-top: 16px; display: flex;",
   "}",
   ".ss-card-failed {",
   "  min-width: 0; color: var(--dsw-alias-label-error); flex: 1; margin: 0;",
@@ -432,7 +591,7 @@ var COMPONENTS = [
   "}",
   ".ss-card-discard, .ss-card-save {",
   "  appearance: none; font: inherit; cursor: pointer;",
-  "  border: 1px solid transparent; border-radius: 8px;",
+  "  border: 1px solid transparent; border-radius: var(--dsw-radius-md);",
   "  padding: 5px 14px; font-size: 13px; line-height: 1.5;",
   "}",
   ".ss-card-discard { border-color: var(--dsw-alias-border-l2); color: var(--dsw-alias-label-secondary); background: none; }",
@@ -441,7 +600,7 @@ var COMPONENTS = [
   ".ss-card-save:hover:not(:disabled) { background: var(--dsw-alias-button-primary-hover); }",
   ".ss-card-discard:disabled, .ss-card-save:disabled { opacity: 0.4; cursor: default; }",
   ".ss-card-discard:focus-visible, .ss-card-save:focus-visible {",
-  "  outline: 2px solid var(--dsw-alias-brand-primary); outline-offset: 1px;",
+  "  outline: var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary)); outline-offset: 1px;",
   "}"
 ].join("\n");
 function injectStyles() {
@@ -561,6 +720,16 @@ var zh = {
   steerAlreadySent: "\u5DF2\u63D2\u8BDD",
   steerFailed: "\u63D2\u8BDD\u5931\u8D25\uFF1A{message}",
   steerUnsupportedKind: "\u5468\u671F\u63D0\u9192\u6682\u4E0D\u652F\u6301\u63D2\u8BDD",
+  /** 投递未确认（宿主保留条目，可重试） */
+  steerUnconfirmed: "\u6295\u9012\u672A\u786E\u8BA4\uFF0C\u63D0\u9192\u5DF2\u4FDD\u7559\uFF0C\u53EF\u91CD\u8BD5",
+  steerRetry: "\u91CD\u8BD5",
+  /** 暂停 / 恢复（仅 after；原地冻结进度条） */
+  pauseTask: "\u6682\u505C\u63D0\u9192",
+  resumeTask: "\u6062\u590D\u63D0\u9192",
+  pausedLabel: "\u5DF2\u6682\u505C",
+  pauseFailed: "\u6682\u505C\u5931\u8D25\uFF1A{message}",
+  resumeFailed: "\u6062\u590D\u5931\u8D25\uFF1A{message}",
+  pauseUnsupportedKind: "\u4EC5\u652F\u6301\u6682\u505C\u300C\u518D\u7B49 N \u5206\u949F\u300D\u7C7B\u63D0\u9192",
   /** dock 折叠头计数（QueueDock「N 条排队消息」样式） */
   panelCount: "{n} \u6761\u5B9A\u65F6\u63D0\u9192",
   /** 精准倒计时（dock 行 + 折叠头） */
@@ -587,6 +756,13 @@ var zh = {
   presenceOverdueAria: "\u6709 {n} \u6761\u5B9A\u65F6\u63D0\u9192\u5DF2\u5230\u671F\uFF0C\u7B49\u5F85\u53D1\u9001",
   presenceTooltip: "\u4E0B\u6B21 {time} \xB7 {n} \u6761\u4EFB\u52A1",
   presenceOverdueTooltip: "\u5DF2\u5230\u671F \xB7 {n} \u6761\u4EFB\u52A1\uFF08\u7B49\u5F85\u4F1A\u8BDD\u7A7A\u95F2\u53D1\u9001\uFF09",
+  /** 全部任务都处于暂停：没有排定的触发时刻，故不显示"下次"或"已到期"。 */
+  presencePausedAria: "\u6709 {n} \u6761\u5B9A\u65F6\u63D0\u9192\u5DF2\u6682\u505C",
+  presencePausedTooltip: "\u5DF2\u6682\u505C \xB7 {n} \u6761\u4EFB\u52A1",
+  /** 悬浮卡片状态区追加行（与宿主 hoverStatus 同构，纯追加不改写既有状态） */
+  hoverScheduleStatus: "\u6709 {n} \u6761\u5B9A\u65F6\u63D0\u9192\uFF0C\u4E0B\u6B21 {time}",
+  hoverScheduleOverdue: "\u6709 {n} \u6761\u5B9A\u65F6\u63D0\u9192\u5DF2\u5230\u671F\uFF0C\u7B49\u5F85\u53D1\u9001",
+  hoverSchedulePaused: "\u6709 {n} \u6761\u5B9A\u65F6\u63D0\u9192\u5DF2\u6682\u505C",
   relMinutes: "{m} \u5206\u540E",
   relHours: "{h} \u5C0F\u65F6\u540E",
   relTomorrow: "\u660E\u5929 {time}",
@@ -623,6 +799,15 @@ var en = {
   steerAlreadySent: "Steered",
   steerFailed: "Steer failed: {message}",
   steerUnsupportedKind: "Recurring reminders can't be steered",
+  /** Delivery unconfirmed (host kept the item; retryable) */
+  steerUnconfirmed: "Delivery unconfirmed \u2014 reminder kept, you can retry",
+  steerRetry: "Retry",
+  pauseTask: "Pause reminder",
+  resumeTask: "Resume reminder",
+  pausedLabel: "Paused",
+  pauseFailed: "Pause failed: {message}",
+  resumeFailed: "Resume failed: {message}",
+  pauseUnsupportedKind: 'Only "wait N minutes" (after) reminders can be paused',
   panelCount: "{n} scheduled reminders",
   countdownLeft: "in",
   dueAnyMoment: "Sending soon",
@@ -641,6 +826,11 @@ var en = {
   presenceOverdueAria: "{n} scheduled reminder(s) due, waiting to send",
   presenceTooltip: "Next at {time} \xB7 {n} task(s)",
   presenceOverdueTooltip: "Due \xB7 {n} task(s) (sends when the session is idle)",
+  presencePausedAria: "{n} paused reminder(s)",
+  presencePausedTooltip: "Paused \xB7 {n} task(s)",
+  hoverScheduleStatus: "{n} scheduled reminder(s), next {time}",
+  hoverScheduleOverdue: "{n} scheduled reminder(s) due, waiting to send",
+  hoverSchedulePaused: "{n} paused reminder(s)",
   relMinutes: "in {m} min",
   relHours: "in {h} h",
   relTomorrow: "Tomorrow {time}",
@@ -860,11 +1050,11 @@ var import_jsx_runtime = require("react/jsx-runtime");
 function scheduleStateOf(item, now) {
   return Date.parse(item.scheduled_at) <= now ? "overdue" : "scheduled";
 }
-function TaskList({ items: items2, now, deliveredIds, cancellingIds, onDelete, timeZone, t, lang }) {
-  if (items2.length === 0) {
+function TaskList({ items, now, deliveredIds, cancellingIds, onDelete, timeZone, t, lang }) {
+  if (items.length === 0) {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "ss-empty", "data-ss-empty": "", children: t.emptyTasks });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "ss-tasks", "data-ss-tasks": "", children: items2.map((item) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "ss-tasks", "data-ss-tasks": "", children: items.map((item) => {
     const dotState = deliveredIds?.has(item.id) ? "delivered" : cancellingIds?.has(item.id) ? "cancelled" : scheduleStateOf(item, now);
     const isCancelled = dotState === "cancelled";
     return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { className: isCancelled ? "ss-task cancelled" : "ss-task", "data-ss-task": item.id, children: [
@@ -1237,12 +1427,12 @@ function useSchedules(inject2) {
     if (pendingSync.length === 0 || !sessionId) return;
     let cancelled = false;
     const syncAll = async () => {
-      const items2 = [...pendingSync];
-      for (const item of items2) {
+      const items = [...pendingSync];
+      for (const item of items) {
         if (cancelled) return;
         try {
           const accepted = await callCommand(sessionId, createLine(item.payload));
-          if (accepted && !cancelled) {
+          if (accepted.matched && !cancelled) {
             removePending(item.clientSeq);
             setPendingSync((prev) => prev.filter((p) => p.clientSeq !== item.clientSeq));
           }
@@ -1268,7 +1458,7 @@ function useSchedules(inject2) {
     setBusy(true);
     try {
       const accepted = await callCommand(sessionId, createLine(inputPayload));
-      if (!accepted) {
+      if (!accepted.matched) {
         appendPending(inputPayload);
         setPendingSync((prev) => [...prev, { clientSeq: Date.now(), createdAt: Date.now(), payload: inputPayload }]);
         throw new Error(CLIENT_ERR.NOT_ACCEPTED);
@@ -1457,65 +1647,79 @@ function SchedButton(props) {
 }
 
 // src/client/components/ScheduleDock.tsx
-var import_react8 = require("react");
-
-// src/client/toast.tsx
-var import_client = require("react-dom/client");
 var import_react7 = require("react");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var listeners = /* @__PURE__ */ new Set();
-var items = [];
-var nextId = 1;
-function emit() {
-  for (const listener of listeners) listener(items);
-}
-function showReminderToast(text, ttlMs = 5e3) {
-  const id = nextId++;
-  const item = { id, text };
-  items = [...items, item];
-  emit();
-  window.setTimeout(() => {
-    items = items.filter((existing) => existing.id !== id);
-    emit();
-  }, ttlMs);
-}
-function useToasts() {
-  const [state, setState] = (0, import_react7.useState)(items);
-  (0, import_react7.useEffect)(() => {
-    const listener = (next) => setState(next);
-    listeners.add(listener);
-    return () => {
-      listeners.delete(listener);
-    };
-  }, []);
-  return state;
-}
-function ReminderToastHost() {
-  const toasts = useToasts();
-  if (toasts.length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "ss-toast-host", "data-ss-toast": "", children: toasts.map((item) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "ss-toast", role: "status", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "ss-toast-icon", "aria-hidden": "true", children: "\u23F0" }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "ss-toast-text", children: item.text })
-  ] }, item.id)) });
-}
-var mounted = false;
-function mountReminderToastHost() {
-  if (mounted) return () => void 0;
-  mounted = true;
-  const host = document.createElement("div");
-  host.setAttribute("data-ss-toast-root", "");
-  document.body.appendChild(host);
-  const root = (0, import_client.createRoot)(host);
-  root.render(/* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ReminderToastHost, {}));
-  return () => {
-    root.unmount();
-    host.remove();
-    mounted = false;
+
+// src/bar-geometry.ts
+var BAR_UNIT_MS = 36e5;
+function barWindow(item, end, now, firstSeen) {
+  let start;
+  if (item.kind === "after") {
+    const windowSec = item.window_seconds ?? item.after_seconds;
+    if (windowSec !== void 0) {
+      start = end - windowSec * 1e3;
+    } else if (item.created_at !== void 0) {
+      const parsed = Date.parse(item.created_at);
+      start = Number.isNaN(parsed) ? firstSeen.get(item.id) ?? now : parsed;
+    } else {
+      start = firstSeen.get(item.id) ?? now;
+    }
+  } else if (item.kind === "every" && item.every_seconds !== void 0) {
+    start = end - item.every_seconds * 1e3;
+  } else if (item.created_at !== void 0) {
+    const parsed = Date.parse(item.created_at);
+    start = Number.isNaN(parsed) ? firstSeen.get(item.id) ?? now : parsed;
+  } else {
+    start = firstSeen.get(item.id) ?? now;
+  }
+  return { start, totalMs: Math.max(1e3, end - start) };
+}
+function ratioAt(item, at, firstSeen) {
+  const end = Date.parse(item.scheduled_at);
+  const { start, totalMs } = barWindow(item, end, at, firstSeen);
+  const elapsedMs = Math.min(Math.max(at - start, 0), totalMs);
+  return {
+    totalRatio: elapsedMs / totalMs,
+    count: Math.max(1, Math.ceil(totalMs / BAR_UNIT_MS))
+  };
+}
+function barSegments(item, now, firstSeen) {
+  return ratioAt(item, now, firstSeen);
+}
+function frozenBarSegments(item, frozenLeftMs, firstSeen, renderedAt) {
+  const windowSec = item.window_seconds ?? item.after_seconds;
+  if (windowSec === void 0 || windowSec <= 0) {
+    const end = Date.parse(item.scheduled_at);
+    const pausedAt2 = Date.parse(item.paused_at ?? "");
+    const exact = Number.isNaN(pausedAt2) ? end - Math.floor(frozenLeftMs / 1e3) * 1e3 : pausedAt2;
+    return ratioAt(item, Number.isNaN(exact) ? end : exact, firstSeen);
+  }
+  const totalMs = Math.max(1e3, windowSec * 1e3);
+  let leftMs = Math.min(Math.max(frozenLeftMs, 0), totalMs);
+  const pausedAt = Date.parse(item.paused_at ?? "");
+  if (renderedAt !== void 0 && !Number.isNaN(pausedAt) && pausedAt > renderedAt) {
+    leftMs = Math.min(leftMs + (pausedAt - renderedAt), totalMs);
+  }
+  const elapsedMs = Math.min(Math.max(totalMs - leftMs, 0), totalMs);
+  return {
+    totalRatio: elapsedMs / totalMs,
+    count: Math.max(1, Math.ceil(totalMs / BAR_UNIT_MS))
+  };
+}
+function planBarAnimation(totalMs, elapsedMs) {
+  if (!Number.isFinite(totalMs) || totalMs <= 0) return void 0;
+  const raw = Number.isFinite(elapsedMs) ? elapsedMs : 0;
+  const clamped = Math.min(Math.max(raw, 0), totalMs);
+  const elapsed = clamped === 0 ? 0 : clamped;
+  if (elapsed >= totalMs) return void 0;
+  return {
+    durationMs: totalMs,
+    // -0 会在 CSS 里序列化成难看的 "-0ms"，故显式归零
+    delayMs: elapsed === 0 ? 0 : -elapsed
   };
 }
 
 // src/client/components/ScheduleDock.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 function formatCountdown(ms) {
   const total = Math.max(0, Math.round(ms / 1e3));
   const h = Math.floor(total / 3600);
@@ -1525,53 +1729,151 @@ function formatCountdown(ms) {
   const ss = String(s).padStart(2, "0");
   return h > 0 ? `${h}:${mm}:${ss}` : `${mm}:${ss}`;
 }
-var BAR_UNIT_MS = 36e5;
-function barSegments(item, now, firstSeen) {
-  const end = Date.parse(item.scheduled_at);
-  let start;
-  if (item.kind === "after" && item.after_seconds !== void 0) {
-    start = end - item.after_seconds * 1e3;
-  } else if (item.kind === "every" && item.every_seconds !== void 0) {
-    start = end - item.every_seconds * 1e3;
-  } else if (item.created_at !== void 0) {
-    const parsed = Date.parse(item.created_at);
-    start = Number.isNaN(parsed) ? firstSeen.get(item.id) ?? now : parsed;
-  } else {
-    start = firstSeen.get(item.id) ?? now;
+function prefersReducedMotion() {
+  try {
+    return globalThis.matchMedia?.("(prefers-reduced-motion: reduce)").matches === true;
+  } catch {
+    return false;
   }
-  const totalMs = Math.max(1e3, end - start);
-  const elapsedMs = Math.min(Math.max(now - start, 0), totalMs);
-  const totalRatio = elapsedMs / totalMs;
-  const count = Math.max(1, Math.ceil(totalMs / BAR_UNIT_MS));
-  return { totalRatio, count };
+}
+function planBarAnimationFor(item, now, firstSeen) {
+  const end = Date.parse(item.scheduled_at);
+  if (!Number.isFinite(end)) return void 0;
+  const { start, totalMs } = barWindow(item, end, now, firstSeen);
+  return planBarAnimation(totalMs, now - start);
 }
 var deleteLine2 = (id) => `/user-schedule-delete ${JSON.stringify({ id })}`;
 var editLine = (id, prompt) => `/user-schedule-edit ${JSON.stringify({ id, prompt })}`;
 var steerLine = (id) => `/user-schedule-steer-now ${JSON.stringify({ id })}`;
+var STEER_CONFIRM_WINDOW_MS = 2600;
+var pauseLine = (id) => `/user-schedule-pause ${JSON.stringify({ id })}`;
+var resumeLine = (uid) => `/user-schedule-resume ${JSON.stringify({ uid })}`;
+function canPause(item, now) {
+  if (item.status === "paused") return false;
+  if (item.kind !== "after") return false;
+  const epoch = Date.parse(item.scheduled_at);
+  return Number.isFinite(epoch) && epoch > now;
+}
 function ScheduleDock({ callCommand, sessionId, useProjection, locale }) {
   const now = useNow(1e3);
   const { t } = useSchedT(locale);
   const projection = typeof useProjection === "function" ? useProjection("userSchedules") : void 0;
-  const schedules = (0, import_react8.useMemo)(
-    () => [...projection?.schedules ?? []].sort(
+  const [dismissedPaused, setDismissedPaused] = (0, import_react7.useState)(/* @__PURE__ */ new Set());
+  (0, import_react7.useEffect)(() => {
+    const live = projection?.schedules;
+    if (live === void 0) return;
+    setDismissedPaused((current) => {
+      if (current.size === 0) return current;
+      let changed = false;
+      const nextSet = new Set(current);
+      for (const item of live) {
+        if (item.status !== "paused" && nextSet.delete(item.id)) changed = true;
+      }
+      return changed ? nextSet : current;
+    });
+  }, [projection]);
+  const [promptOverrides, setPromptOverrides] = (0, import_react7.useState)(/* @__PURE__ */ new Map());
+  (0, import_react7.useEffect)(() => {
+    const live = projection?.schedules;
+    if (live === void 0 || promptOverrides.size === 0) return;
+    setPromptOverrides((current) => {
+      if (current.size === 0) return current;
+      let changed = false;
+      const nextMap = new Map(current);
+      for (const [id, text] of current) {
+        const item = live.find((s) => s.id === id);
+        if (item === void 0 || item.prompt === text) {
+          nextMap.delete(id);
+          changed = true;
+        }
+      }
+      return changed ? nextMap : current;
+    });
+  }, [projection, promptOverrides]);
+  const schedules = (0, import_react7.useMemo)(
+    () => (projection?.schedules ?? []).filter((item) => !(item.status === "paused" && dismissedPaused.has(item.id))).map((item) => {
+      const override = promptOverrides.get(item.id);
+      return override === void 0 ? item : { ...item, prompt: override };
+    }).sort(
       (a, b) => Date.parse(a.scheduled_at) - Date.parse(b.scheduled_at)
     ),
-    [projection]
+    [projection, dismissedPaused, promptOverrides]
   );
-  const [collapsed, setCollapsed] = (0, import_react8.useState)(true);
-  const [cancelling, setCancelling] = (0, import_react8.useState)(/* @__PURE__ */ new Set());
-  const [editingId, setEditingId] = (0, import_react8.useState)(null);
-  const [editingText, setEditingText] = (0, import_react8.useState)("");
-  const [editErr, setEditErr] = (0, import_react8.useState)(null);
-  const [saving, setSaving] = (0, import_react8.useState)(false);
-  const [steering, setSteering] = (0, import_react8.useState)(/* @__PURE__ */ new Set());
-  const [steerDone, setSteerDone] = (0, import_react8.useState)(/* @__PURE__ */ new Set());
-  const [steerErr, setSteerErr] = (0, import_react8.useState)(/* @__PURE__ */ new Map());
-  const prevRef = (0, import_react8.useRef)(/* @__PURE__ */ new Map());
-  const suppressedRef = (0, import_react8.useRef)(/* @__PURE__ */ new Set());
-  const firstSeenRef = (0, import_react8.useRef)(/* @__PURE__ */ new Map());
-  const byId = (0, import_react8.useMemo)(() => new Map(schedules.map((item) => [item.id, item])), [schedules]);
-  (0, import_react8.useEffect)(() => {
+  const [collapsed, setCollapsed] = (0, import_react7.useState)(true);
+  const [cancelling, setCancelling] = (0, import_react7.useState)(/* @__PURE__ */ new Set());
+  const [editingId, setEditingId] = (0, import_react7.useState)(null);
+  const [editingText, setEditingText] = (0, import_react7.useState)("");
+  const [editErr, setEditErr] = (0, import_react7.useState)(null);
+  const [saving, setSaving] = (0, import_react7.useState)(false);
+  const [steering, setSteering] = (0, import_react7.useState)(/* @__PURE__ */ new Set());
+  const [steerDone, setSteerDone] = (0, import_react7.useState)(/* @__PURE__ */ new Set());
+  const [steerErr, setSteerErr] = (0, import_react7.useState)(/* @__PURE__ */ new Map());
+  const [steerUnconfirmed, setSteerUnconfirmed] = (0, import_react7.useState)(/* @__PURE__ */ new Set());
+  (0, import_react7.useEffect)(() => {
+    const live = projection?.schedules;
+    if (live === void 0) return;
+    const present = new Set(live.filter((item) => item.status !== "paused").map((item) => item.id));
+    setSteerDone((current) => {
+      if (current.size === 0) return current;
+      let changed = false;
+      const next2 = new Set(current);
+      for (const id of current) {
+        if (!present.has(id)) {
+          next2.delete(id);
+          changed = true;
+        }
+      }
+      return changed ? next2 : current;
+    });
+  }, [projection]);
+  (0, import_react7.useEffect)(() => {
+    if (steerDone.size === 0) return void 0;
+    const timer = window.setTimeout(() => {
+      const live = projection?.schedules;
+      if (live === void 0) return;
+      const present = new Set(live.filter((item) => item.status !== "paused").map((item) => item.id));
+      setSteerUnconfirmed((current) => {
+        let changed = false;
+        const next2 = new Set(current);
+        for (const id of steerDone) {
+          if (present.has(id) && !next2.has(id)) {
+            next2.add(id);
+            changed = true;
+          }
+          if (!present.has(id) && next2.delete(id)) changed = true;
+        }
+        return changed ? next2 : current;
+      });
+    }, STEER_CONFIRM_WINDOW_MS);
+    return () => window.clearTimeout(timer);
+  }, [steerDone, projection]);
+  const [pausing, setPausing] = (0, import_react7.useState)(/* @__PURE__ */ new Set());
+  const [resuming, setResuming] = (0, import_react7.useState)(/* @__PURE__ */ new Set());
+  const [pauseErr, setPauseErr] = (0, import_react7.useState)(/* @__PURE__ */ new Map());
+  const firstSeenRef = (0, import_react7.useRef)(/* @__PURE__ */ new Map());
+  const lastActiveAtRef = (0, import_react7.useRef)(/* @__PURE__ */ new Map());
+  const wallClock = Date.now();
+  {
+    const next2 = new Map(lastActiveAtRef.current);
+    let changed = false;
+    for (const item of schedules) {
+      if (item.status === "paused") continue;
+      const prev = next2.get(item.id);
+      if (prev === void 0 || wallClock > prev) {
+        next2.set(item.id, wallClock);
+        changed = true;
+      }
+    }
+    for (const id of [...next2.keys()]) {
+      if (!schedules.some((item) => item.id === id)) {
+        next2.delete(id);
+        changed = true;
+      }
+    }
+    if (changed) lastActiveAtRef.current = next2;
+  }
+  const byId = (0, import_react7.useMemo)(() => new Map(schedules.map((item) => [item.id, item])), [schedules]);
+  (0, import_react7.useEffect)(() => {
     let changed = false;
     const next2 = new Map(firstSeenRef.current);
     for (const [id] of byId) {
@@ -1587,32 +1889,30 @@ function ScheduleDock({ callCommand, sessionId, useProjection, locale }) {
       }
     }
     if (changed) firstSeenRef.current = next2;
-    const prev = prevRef.current;
-    if (prev.size > 0) {
-      for (const [id, prevItem] of prev) {
-        if (byId.has(id)) continue;
-        if (suppressedRef.current.has(id)) continue;
-        if (Date.parse(prevItem.scheduled_at) <= Date.now()) {
-          showReminderToast(prevItem.prompt);
-        }
-      }
-    }
-    prevRef.current = byId;
   }, [byId]);
-  const suppress = (id) => {
-    suppressedRef.current = new Set(suppressedRef.current).add(id);
-  };
-  (0, import_react8.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     if (schedules.length <= 1) setCollapsed(true);
   }, [schedules.length]);
   if (schedules.length === 0 || sessionId === void 0) return null;
   const next = schedules[0];
   if (next === void 0) return null;
   const expanded = schedules.length === 1 || !collapsed;
-  const handleCancel = (id) => {
-    suppress(id);
+  const handleCancel = (id, status) => {
     setCancelling((current) => new Set(current).add(id));
-    void callCommand(sessionId, deleteLine2(id)).finally(() => {
+    const restore = () => {
+      setDismissedPaused((current) => {
+        if (!current.has(id)) return current;
+        const nextSet = new Set(current);
+        nextSet.delete(id);
+        return nextSet;
+      });
+    };
+    if (status === "paused") {
+      setDismissedPaused((current) => new Set(current).add(id));
+    }
+    void callCommand(sessionId, deleteLine2(id)).then((outcome) => {
+      if (!outcome.matched) restore();
+    }).catch(restore).finally(() => {
       window.setTimeout(() => {
         setCancelling((current) => {
           const nextSet = new Set(current);
@@ -1624,16 +1924,19 @@ function ScheduleDock({ callCommand, sessionId, useProjection, locale }) {
   };
   const handleSteer = (item) => {
     const id = item.id;
-    suppress(id);
+    const wasPaused = item.status === "paused";
     setSteering((current) => new Set(current).add(id));
     setSteerErr((current) => {
       const next2 = new Map(current);
       next2.delete(id);
       return next2;
     });
-    void callCommand(sessionId, steerLine(id)).then((ok) => {
-      if (ok) {
+    void callCommand(sessionId, steerLine(id)).then((outcome) => {
+      if (outcome.matched) {
         setSteerDone((current) => new Set(current).add(id));
+        if (wasPaused) {
+          setDismissedPaused((current) => new Set(current).add(id));
+        }
       } else {
         setSteerErr((current) => new Map(current).set(id, t.editErrNotAccepted));
       }
@@ -1647,6 +1950,67 @@ function ScheduleDock({ callCommand, sessionId, useProjection, locale }) {
       });
     });
   };
+  const handleSteerRetry = (item) => {
+    const id = item.id;
+    setSteerUnconfirmed((current) => {
+      if (!current.has(id)) return current;
+      const next2 = new Set(current);
+      next2.delete(id);
+      return next2;
+    });
+    setSteerDone((current) => {
+      if (!current.has(id)) return current;
+      const next2 = new Set(current);
+      next2.delete(id);
+      return next2;
+    });
+    handleSteer(item);
+  };
+  const handlePause = (item) => {
+    const id = item.id;
+    if (!canPause(item, now)) return;
+    setPausing((current) => new Set(current).add(id));
+    setPauseErr((current) => {
+      const next2 = new Map(current);
+      next2.delete(id);
+      return next2;
+    });
+    void callCommand(sessionId, pauseLine(id)).then((outcome) => {
+      if (!outcome.matched) {
+        setPauseErr((current) => new Map(current).set(id, t.editErrNotAccepted));
+      }
+    }).catch(() => {
+      setPauseErr((current) => new Map(current).set(id, t.editErrCommandFailed));
+    }).finally(() => {
+      setPausing((current) => {
+        const next2 = new Set(current);
+        next2.delete(id);
+        return next2;
+      });
+    });
+  };
+  const handleResume = (item) => {
+    const uid = item.id;
+    setResuming((current) => new Set(current).add(uid));
+    setPauseErr((current) => {
+      const next2 = new Map(current);
+      next2.delete(uid);
+      return next2;
+    });
+    void callCommand(sessionId, resumeLine(uid)).then((outcome) => {
+      if (!outcome.matched) {
+        setPauseErr((current) => new Map(current).set(uid, t.editErrNotAccepted));
+      }
+    }).catch(() => {
+      setPauseErr((current) => new Map(current).set(uid, t.editErrCommandFailed));
+    }).finally(() => {
+      setResuming((current) => {
+        const next2 = new Set(current);
+        next2.delete(uid);
+        return next2;
+      });
+    });
+  };
   const startEdit = (item) => {
     setEditingId(item.id);
     setEditingText(item.prompt);
@@ -1663,12 +2027,15 @@ function ScheduleDock({ callCommand, sessionId, useProjection, locale }) {
       setEditErr(t.editErrEmpty);
       return;
     }
-    suppress(id);
     setSaving(true);
     setEditErr(null);
-    void callCommand(sessionId, editLine(id, trimmed)).then((ok) => {
-      if (!ok) setEditErr(format(t.editErrFailed, { message: t.editErrNotAccepted }));
-      else cancelEdit();
+    void callCommand(sessionId, editLine(id, trimmed)).then((outcome) => {
+      if (!outcome.matched) {
+        setEditErr(format(t.editErrFailed, { message: t.editErrNotAccepted }));
+        return;
+      }
+      setPromptOverrides((current) => new Map(current).set(id, trimmed));
+      cancelEdit();
     }).catch(() => {
       setEditErr(format(t.editErrFailed, { message: t.editErrCommandFailed }));
     }).finally(() => setSaving(false));
@@ -1677,8 +2044,8 @@ function ScheduleDock({ callCommand, sessionId, useProjection, locale }) {
     const epoch = Date.parse(item.scheduled_at);
     const state = epoch <= now ? "overdue" : "scheduled";
     if (editingId === item.id) {
-      return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("li", { className: "ss-dock-row ss-editing", "data-ss-dock-row": item.id, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("li", { className: "ss-dock-row ss-editing", "data-ss-dock-row": item.id, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           "input",
           {
             className: "ss-dock-edit-input",
@@ -1695,7 +2062,7 @@ function ScheduleDock({ callCommand, sessionId, useProjection, locale }) {
             "aria-label": `${t.editTask}: ${item.prompt}`
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           "button",
           {
             type: "button",
@@ -1705,60 +2072,98 @@ function ScheduleDock({ callCommand, sessionId, useProjection, locale }) {
             children: saving ? "\u2026" : t.editSave
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "ss-dock-action", onClick: cancelEdit, "aria-label": t.editCancel, children: "\u2715" }),
-        editErr !== null && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "ss-dock-edit-err", children: editErr })
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "ss-dock-action", onClick: cancelEdit, "aria-label": t.editCancel, children: "\u2715" }),
+        editErr !== null && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "ss-dock-edit-err", children: editErr })
       ] }, item.id);
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("li", { className: "ss-dock-row", "data-ss-dock-row": item.id, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "ss-dock-preview", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "ss-dock-row-line", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "ss-dock-row-time", children: formatHhmm(epoch, detectTimeZone()) }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: `ss-dock-row-countdown${state === "overdue" ? " ss-due" : ""}`, children: state === "overdue" ? t.dueAnyMoment : `${t.countdownLeft} ${formatCountdown(epoch - now)}` }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "ss-dock-row-prompt", title: item.prompt, children: item.prompt })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(MultiBar, { item, now, firstSeen: firstSeenRef.current, t }),
-        steerErr.get(item.id) !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "ss-dock-steer-err", children: steerErr.get(item.id) })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "ss-dock-actions", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-          "button",
-          {
-            type: "button",
-            className: "ss-dock-action",
-            title: t.editTask,
-            "aria-label": t.editTask,
-            onClick: () => startEdit(item),
-            children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(QueueEditIcon, {})
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-          "button",
-          {
-            type: "button",
-            className: "ss-dock-action",
-            title: t.deleteTask,
-            "aria-label": t.deleteTask,
-            onClick: () => handleCancel(item.id),
-            children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(QueueDeleteIcon, {})
-          }
-        ),
-        item.kind !== "every" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-          "button",
-          {
-            type: "button",
-            className: `ss-dock-action ss-dock-action-steer${steering.has(item.id) ? " ss-pending" : ""}${steerDone.has(item.id) ? " ss-done" : ""}`,
-            title: steerDone.has(item.id) ? t.steerAlreadySent : t.steerTask,
-            "aria-label": steerDone.has(item.id) ? t.steerAlreadySent : t.steerTask,
-            disabled: steering.has(item.id) || steerDone.has(item.id),
-            onClick: () => handleSteer(item),
-            children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(QueueSendIcon, {})
-          }
-        )
-      ] })
-    ] }, item.id);
+    const isPaused = item.status === "paused";
+    const frozenLeft = isPaused ? (item.remaining_seconds ?? 0) * 1e3 : epoch - now;
+    const countdownText = isPaused ? t.pausedLabel : state === "overdue" ? t.dueAnyMoment : `${t.countdownLeft} ${formatCountdown(Math.max(0, frozenLeft))}`;
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+      "li",
+      {
+        className: `ss-dock-row${isPaused ? " ss-paused" : ""}`,
+        "data-ss-dock-row": item.id,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "ss-dock-preview", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "ss-dock-row-line", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "ss-dock-row-time", children: formatHhmm(epoch, detectTimeZone()) }),
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: `ss-dock-row-countdown${!isPaused && state === "overdue" ? " ss-due" : ""}${isPaused ? " ss-paused-label" : ""}`, children: countdownText }),
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "ss-dock-row-prompt", title: item.prompt, children: item.prompt })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(MultiBar, { item, now: wallClock, firstSeen: firstSeenRef.current, t, frozen: isPaused, frozenLeftMs: frozenLeft, renderedAt: lastActiveAtRef.current.get(item.id) ?? wallClock }),
+            (steerErr.get(item.id) ?? pauseErr.get(item.id)) !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "ss-dock-steer-err", children: steerErr.get(item.id) ?? pauseErr.get(item.id) }),
+            steerUnconfirmed.has(item.id) && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "ss-dock-steer-warn", role: "status", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: t.steerUnconfirmed }),
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "ss-dock-steer-retry", onClick: () => handleSteerRetry(item), children: t.steerRetry })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "ss-dock-actions", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              "button",
+              {
+                type: "button",
+                className: "ss-dock-action",
+                title: t.editTask,
+                "aria-label": t.editTask,
+                onClick: () => startEdit(item),
+                children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(QueueEditIcon, {})
+              }
+            ),
+            isPaused ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              "button",
+              {
+                type: "button",
+                className: `ss-dock-action ss-paused-active${resuming.has(item.id) ? " ss-pending" : ""}`,
+                title: t.resumeTask,
+                "aria-label": t.resumeTask,
+                disabled: resuming.has(item.id),
+                onClick: () => handleResume(item),
+                children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(QueueResumeIcon, {})
+              }
+            ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              "button",
+              {
+                type: "button",
+                className: `ss-dock-action${pausing.has(item.id) ? " ss-pending" : ""}`,
+                title: canPause(item, now) ? t.pauseTask : t.pauseUnsupportedKind,
+                "aria-label": canPause(item, now) ? t.pauseTask : t.pauseUnsupportedKind,
+                disabled: !canPause(item, now) || pausing.has(item.id),
+                onClick: () => handlePause(item),
+                children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(QueuePauseIcon, {})
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              "button",
+              {
+                type: "button",
+                className: "ss-dock-action",
+                title: t.deleteTask,
+                "aria-label": t.deleteTask,
+                onClick: () => handleCancel(item.id, isPaused ? "paused" : "active"),
+                children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(QueueDeleteIcon, {})
+              }
+            ),
+            item.kind !== "every" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              "button",
+              {
+                type: "button",
+                className: `ss-dock-action ss-dock-action-steer${steering.has(item.id) ? " ss-pending" : ""}${steerDone.has(item.id) ? " ss-done" : ""}`,
+                title: steerDone.has(item.id) ? t.steerAlreadySent : t.steerTask,
+                "aria-label": steerDone.has(item.id) ? t.steerAlreadySent : t.steerTask,
+                disabled: steering.has(item.id) || steerDone.has(item.id),
+                onClick: () => handleSteer(item),
+                children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(QueueSendIcon, {})
+              }
+            )
+          ] })
+        ]
+      },
+      item.id
+    );
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "ss-dock-root", "data-ss-dock": "", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "ss-dock-body", children: [
-    schedules.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "ss-dock-root", "data-ss-dock": "", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "ss-dock-body", children: [
+    schedules.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
       "button",
       {
         type: "button",
@@ -1766,23 +2171,48 @@ function ScheduleDock({ callCommand, sessionId, useProjection, locale }) {
         "aria-expanded": !collapsed,
         onClick: () => setCollapsed((value) => !value),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "ss-dock-lead", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(QueueClockIcon, {}) }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "ss-dock-count", children: format(t.panelCount, { n: schedules.length }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: expanded ? "ss-dock-chevron ss-open" : "ss-dock-chevron", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(QueueChevronIcon, {}) })
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "ss-dock-lead", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(QueueClockIcon, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "ss-dock-count", children: format(t.panelCount, { n: schedules.length }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: expanded ? "ss-dock-chevron ss-open" : "ss-dock-chevron", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(QueueChevronIcon, {}) })
         ]
       }
     ),
-    expanded && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("ul", { className: "ss-dock-list", children: schedules.map(renderRow) })
+    expanded && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ul", { className: "ss-dock-list", children: schedules.map(renderRow) })
   ] }) });
 }
 function MultiBar({
   item,
   now,
   firstSeen,
-  t
+  t,
+  frozen = false,
+  frozenLeftMs,
+  renderedAt
 }) {
-  const { totalRatio, count } = barSegments(item, now, firstSeen);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  const frozenSeg = frozen ? frozenBarSegments(item, frozenLeftMs ?? 0, firstSeen, renderedAt) : void 0;
+  const activeSeg = frozen ? void 0 : barSegments(item, now, firstSeen);
+  const { totalRatio, count } = frozenSeg ?? activeSeg ?? { totalRatio: 0, count: 1 };
+  const phaseAtRef = (0, import_react7.useRef)(null);
+  if (frozen || prefersReducedMotion()) {
+    phaseAtRef.current = null;
+  } else if (phaseAtRef.current === null) {
+    phaseAtRef.current = now;
+  }
+  const anim = frozen || prefersReducedMotion() ? void 0 : planBarAnimationFor(item, phaseAtRef.current ?? now, firstSeen);
+  const fillStyle = anim === void 0 ? { width: `${totalRatio * 100}%` } : {
+    /**
+     * 只注入**参数**（CSS 变量），动画的组装交给 CSS（见 styles.ts）。
+     *
+     * 这样做的原因：动画声明留在 CSS 里，JS 不碰 `animationName` 等简写属性
+     * ——否则会整条覆盖 CSS 的声明。当前只有进度推进一个动画，但保持这个
+     * 分工，将来若再加纹理/状态动效不必回头改 JS。
+     */
+    ["--ss-bar-duration"]: `${anim.durationMs}ms`,
+    // 负 delay 把播放头定位到挂载时刻的绝对相位；此后恒定不变
+    // （重算会让动画多跳——见上方 phaseAtRef 注释）。
+    ["--ss-bar-delay"]: `${anim.delayMs}ms`
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     "div",
     {
       className: `ss-dock-bars${count > 4 ? " ss-dock-bars-compact" : ""}`,
@@ -1791,8 +2221,8 @@ function MultiBar({
       "aria-valuemax": 100,
       "aria-valuenow": Math.round(totalRatio * 100),
       "aria-label": t.panelTitle,
-      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "ss-dock-bar", children: [
-        count > 1 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "ss-dock-bar", children: [
+        count > 1 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           "div",
           {
             className: "ss-dock-bar-divider",
@@ -1801,55 +2231,120 @@ function MultiBar({
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "ss-dock-bar-fill", style: { width: `${totalRatio * 100}%` } })
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "ss-dock-bar-fill", style: fillStyle })
       ] })
     }
   );
 }
 function QueueClockIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M7.00049 0.199829C3.24488 0.199829 0.199952 3.24408 0.199707 6.99963C0.199707 8.0414 0.434087 9.03061 0.854004 9.91467L1.11279 10.4576L2.19775 9.94202L1.94092 9.39905L1.81787 9.12268C1.5498 8.46885 1.40186 7.75171 1.40186 6.99963C1.4021 3.90808 3.90888 1.40198 7.00049 1.40198C10.0919 1.40219 12.5979 3.90821 12.5981 6.99963C12.5981 10.0913 10.0921 12.5981 7.00049 12.5983C6.36734 12.5983 5.90348 12.5535 5.49268 12.4401C5.08803 12.3283 4.7041 12.1414 4.24463 11.8209C3.57111 11.3511 2.60588 11.1855 1.81006 11.6881L1.79736 11.6959L1.78467 11.7047L1.25537 12.0778L1.65381 13.2672L2.46045 12.6989C2.75029 12.5214 3.18004 12.5442 3.55615 12.8063C4.10063 13.1861 4.60863 13.4423 5.17334 13.5983C5.73194 13.7525 6.31665 13.8004 7.00049 13.8004C10.7561 13.8002 13.8003 10.7553 13.8003 6.99963C13.8 3.24421 10.7559 0.200041 7.00049 0.199829ZM3.81201 7.47327V8.67542H7.11572V7.47327H3.81201ZM3.81201 6.34924H10.2173V5.14709H3.81201V6.34924Z", fill: "currentColor" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M7.00049 0.199829C3.24488 0.199829 0.199952 3.24408 0.199707 6.99963C0.199707 8.0414 0.434087 9.03061 0.854004 9.91467L1.11279 10.4576L2.19775 9.94202L1.94092 9.39905L1.81787 9.12268C1.5498 8.46885 1.40186 7.75171 1.40186 6.99963C1.4021 3.90808 3.90888 1.40198 7.00049 1.40198C10.0919 1.40219 12.5979 3.90821 12.5981 6.99963C12.5981 10.0913 10.0921 12.5981 7.00049 12.5983C6.36734 12.5983 5.90348 12.5535 5.49268 12.4401C5.08803 12.3283 4.7041 12.1414 4.24463 11.8209C3.57111 11.3511 2.60588 11.1855 1.81006 11.6881L1.79736 11.6959L1.78467 11.7047L1.25537 12.0778L1.65381 13.2672L2.46045 12.6989C2.75029 12.5214 3.18004 12.5442 3.55615 12.8063C4.10063 13.1861 4.60863 13.4423 5.17334 13.5983C5.73194 13.7525 6.31665 13.8004 7.00049 13.8004C10.7561 13.8002 13.8003 10.7553 13.8003 6.99963C13.8 3.24421 10.7559 0.200041 7.00049 0.199829ZM3.81201 7.47327V8.67542H7.11572V7.47327H3.81201ZM3.81201 6.34924H10.2173V5.14709H3.81201V6.34924Z", fill: "currentColor" }) });
 }
 function QueueChevronIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M11.8486 5.5L11.4238 5.92383L8.69727 8.65137C8.44157 8.90706 8.21562 9.13382 8.01172 9.29785C7.79912 9.46883 7.55595 9.61756 7.25 9.66602C7.08435 9.69222 6.91565 9.69222 6.75 9.66602C6.44405 9.61756 6.20088 9.46883 5.98828 9.29785C5.78438 9.13382 5.55843 8.90706 5.30273 8.65137L2.57617 5.92383L2.15137 5.5L3 4.65137L3.42383 5.07617L6.15137 7.80273C6.42595 8.07732 6.59876 8.24849 6.74023 8.3623C6.87291 8.46904 6.92272 8.47813 6.9375 8.48047C6.97895 8.48703 7.02105 8.48703 7.0625 8.48047C7.07728 8.47813 7.12709 8.46904 7.25977 8.3623C7.40124 8.24849 7.57405 8.07732 7.84863 7.80273L10.5762 5.07617L11 4.65137L11.8486 5.5Z", fill: "currentColor" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M11.8486 5.5L11.4238 5.92383L8.69727 8.65137C8.44157 8.90706 8.21562 9.13382 8.01172 9.29785C7.79912 9.46883 7.55595 9.61756 7.25 9.66602C7.08435 9.69222 6.91565 9.69222 6.75 9.66602C6.44405 9.61756 6.20088 9.46883 5.98828 9.29785C5.78438 9.13382 5.55843 8.90706 5.30273 8.65137L2.57617 5.92383L2.15137 5.5L3 4.65137L3.42383 5.07617L6.15137 7.80273C6.42595 8.07732 6.59876 8.24849 6.74023 8.3623C6.87291 8.46904 6.92272 8.47813 6.9375 8.48047C6.97895 8.48703 7.02105 8.48703 7.0625 8.48047C7.07728 8.47813 7.12709 8.46904 7.25977 8.3623C7.40124 8.24849 7.57405 8.07732 7.84863 7.80273L10.5762 5.07617L11 4.65137L11.8486 5.5Z", fill: "currentColor" }) });
 }
 function QueueEditIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M9.94076 1.34942C10.7047 0.90231 11.6503 0.902415 12.4143 1.34942C12.7061 1.52015 12.9688 1.79118 13.3104 2.13284C13.6521 2.47448 13.9231 2.73721 14.0939 3.02894C14.5408 3.79294 14.5409 4.73856 14.0939 5.50251C13.9231 5.79415 13.652 6.05704 13.3104 6.39861L6.65932 13.0497C6.28068 13.4284 6.00695 13.7108 5.66543 13.9097C5.32391 14.1085 4.94315 14.2074 4.42705 14.3498L3.24394 14.6761C2.77527 14.8054 2.34538 14.9262 2.00131 14.9684C1.65196 15.0112 1.17964 15.0013 0.810764 14.6325C0.441921 14.2637 0.432107 13.7913 0.47486 13.442C0.517035 13.0979 0.6379 12.668 0.767181 12.1993L1.09352 11.0162C1.23588 10.5001 1.33481 10.1193 1.5336 9.77784C1.7325 9.43632 2.0149 9.1626 2.39355 8.78395L9.04466 2.13284C9.38625 1.79126 9.64911 1.52016 9.94076 1.34942ZM15.5427 14.8398H7.55223L8.96707 13.425H15.5427V14.8398ZM3.39382 9.78422C2.965 10.213 2.84244 10.3436 2.75709 10.49C2.67183 10.6366 2.61862 10.8079 2.45733 11.3925L2.13099 12.5756C2.00183 13.0439 1.92194 13.3419 1.88863 13.5536C2.10041 13.5204 2.39872 13.4416 2.86764 13.3123L4.05075 12.9859C4.63544 12.8246 4.80669 12.7715 4.95323 12.6862C5.09968 12.6008 5.23022 12.4783 5.65905 12.0494L10.721 6.98644L8.45577 4.72121L3.39382 9.78422ZM11.7 2.57079C11.3774 2.38198 10.9777 2.38198 10.6551 2.57079C10.5602 2.62647 10.4487 2.72931 10.0449 3.13311L9.45604 3.72094L11.7213 5.98617L12.3102 5.39833C12.7139 4.99457 12.8168 4.88307 12.8725 4.78818C13.0613 4.46561 13.0612 4.06585 12.8725 3.74326C12.8169 3.64827 12.7146 3.53752 12.3102 3.13311C11.9057 2.72863 11.795 2.6264 11.7 2.57079Z", fill: "currentColor" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M9.94076 1.34942C10.7047 0.90231 11.6503 0.902415 12.4143 1.34942C12.7061 1.52015 12.9688 1.79118 13.3104 2.13284C13.6521 2.47448 13.9231 2.73721 14.0939 3.02894C14.5408 3.79294 14.5409 4.73856 14.0939 5.50251C13.9231 5.79415 13.652 6.05704 13.3104 6.39861L6.65932 13.0497C6.28068 13.4284 6.00695 13.7108 5.66543 13.9097C5.32391 14.1085 4.94315 14.2074 4.42705 14.3498L3.24394 14.6761C2.77527 14.8054 2.34538 14.9262 2.00131 14.9684C1.65196 15.0112 1.17964 15.0013 0.810764 14.6325C0.441921 14.2637 0.432107 13.7913 0.47486 13.442C0.517035 13.0979 0.6379 12.668 0.767181 12.1993L1.09352 11.0162C1.23588 10.5001 1.33481 10.1193 1.5336 9.77784C1.7325 9.43632 2.0149 9.1626 2.39355 8.78395L9.04466 2.13284C9.38625 1.79126 9.64911 1.52016 9.94076 1.34942ZM15.5427 14.8398H7.55223L8.96707 13.425H15.5427V14.8398ZM3.39382 9.78422C2.965 10.213 2.84244 10.3436 2.75709 10.49C2.67183 10.6366 2.61862 10.8079 2.45733 11.3925L2.13099 12.5756C2.00183 13.0439 1.92194 13.3419 1.88863 13.5536C2.10041 13.5204 2.39872 13.4416 2.86764 13.3123L4.05075 12.9859C4.63544 12.8246 4.80669 12.7715 4.95323 12.6862C5.09968 12.6008 5.23022 12.4783 5.65905 12.0494L10.721 6.98644L8.45577 4.72121L3.39382 9.78422ZM11.7 2.57079C11.3774 2.38198 10.9777 2.38198 10.6551 2.57079C10.5602 2.62647 10.4487 2.72931 10.0449 3.13311L9.45604 3.72094L11.7213 5.98617L12.3102 5.39833C12.7139 4.99457 12.8168 4.88307 12.8725 4.78818C13.0613 4.46561 13.0612 4.06585 12.8725 3.74326C12.8169 3.64827 12.7146 3.53752 12.3102 3.13311C11.9057 2.72863 11.795 2.6264 11.7 2.57079Z", fill: "currentColor" }) });
 }
 function QueueDeleteIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M14.4782 4.84067L14.2138 10.1152C14.1102 12.1872 14.067 13.0115 13.3866 13.9607C13.1044 14.3546 12.7498 14.6912 12.3424 14.9535C11.8239 15.2872 11.2415 15.4316 10.5585 15.4998C9.88727 15.5668 9.04946 15.5656 7.99998 15.5656C6.95051 15.5656 6.1127 15.5668 5.44142 15.4998C4.75851 15.4316 4.17602 15.2872 3.65753 14.9535C3.25012 14.6912 2.89559 14.3546 2.61332 13.9607C1.93296 13.0115 1.88979 12.1872 1.78619 10.1152L1.52179 4.84067L2.89006 4.77277L3.15343 10.0463C3.26221 12.2218 3.32452 12.6015 3.72646 13.1624C3.90825 13.4161 4.13686 13.6334 4.39927 13.8023C4.66204 13.9714 5.00263 14.0792 5.57825 14.1367C6.16562 14.1953 6.92298 14.1963 7.99998 14.1963C9.07699 14.1963 9.83434 14.1953 10.4217 14.1367C10.9973 14.0792 11.3379 13.9714 11.6007 13.8023C11.8631 13.6334 12.0917 13.4161 12.2735 13.1624C12.6755 12.6015 12.7378 12.2218 12.8465 10.0463L13.1099 4.77277L14.4782 4.84067ZM5.43011 6.22849H6.7994V11.3909H5.43011V6.22849ZM9.20056 6.22849H10.5699V11.3909H9.20056V6.22849ZM8.53597 0.434431C9.17976 0.434431 9.6522 0.426926 10.0966 0.571258C10.2357 0.616451 10.3717 0.672554 10.502 0.738948C10.9182 0.951107 11.2464 1.29099 11.7015 1.74612L12.4978 2.54136H15.3742V3.91169H0.625732V2.54136H3.50218L4.29845 1.74612C4.75358 1.29099 5.08174 0.951107 5.49801 0.738948C5.62831 0.672554 5.76425 0.616451 5.90334 0.571258C6.34776 0.426926 6.82021 0.434431 7.46399 0.434431H8.53597ZM7.46399 1.80476C6.73208 1.80476 6.51641 1.81187 6.32617 1.87369C6.25545 1.89667 6.18668 1.92533 6.12041 1.95907C5.96398 2.03878 5.82348 2.16253 5.44142 2.54136H10.5585C10.1765 2.16253 10.036 2.03878 9.87955 1.95907C9.81329 1.92533 9.74452 1.89667 9.6738 1.87369C9.48356 1.81187 9.26789 1.80476 8.53597 1.80476H7.46399Z", fill: "currentColor" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M14.4782 4.84067L14.2138 10.1152C14.1102 12.1872 14.067 13.0115 13.3866 13.9607C13.1044 14.3546 12.7498 14.6912 12.3424 14.9535C11.8239 15.2872 11.2415 15.4316 10.5585 15.4998C9.88727 15.5668 9.04946 15.5656 7.99998 15.5656C6.95051 15.5656 6.1127 15.5668 5.44142 15.4998C4.75851 15.4316 4.17602 15.2872 3.65753 14.9535C3.25012 14.6912 2.89559 14.3546 2.61332 13.9607C1.93296 13.0115 1.88979 12.1872 1.78619 10.1152L1.52179 4.84067L2.89006 4.77277L3.15343 10.0463C3.26221 12.2218 3.32452 12.6015 3.72646 13.1624C3.90825 13.4161 4.13686 13.6334 4.39927 13.8023C4.66204 13.9714 5.00263 14.0792 5.57825 14.1367C6.16562 14.1953 6.92298 14.1963 7.99998 14.1963C9.07699 14.1963 9.83434 14.1953 10.4217 14.1367C10.9973 14.0792 11.3379 13.9714 11.6007 13.8023C11.8631 13.6334 12.0917 13.4161 12.2735 13.1624C12.6755 12.6015 12.7378 12.2218 12.8465 10.0463L13.1099 4.77277L14.4782 4.84067ZM5.43011 6.22849H6.7994V11.3909H5.43011V6.22849ZM9.20056 6.22849H10.5699V11.3909H9.20056V6.22849ZM8.53597 0.434431C9.17976 0.434431 9.6522 0.426926 10.0966 0.571258C10.2357 0.616451 10.3717 0.672554 10.502 0.738948C10.9182 0.951107 11.2464 1.29099 11.7015 1.74612L12.4978 2.54136H15.3742V3.91169H0.625732V2.54136H3.50218L4.29845 1.74612C4.75358 1.29099 5.08174 0.951107 5.49801 0.738948C5.62831 0.672554 5.76425 0.616451 5.90334 0.571258C6.34776 0.426926 6.82021 0.434431 7.46399 0.434431H8.53597ZM7.46399 1.80476C6.73208 1.80476 6.51641 1.81187 6.32617 1.87369C6.25545 1.89667 6.18668 1.92533 6.12041 1.95907C5.96398 2.03878 5.82348 2.16253 5.44142 2.54136H10.5585C10.1765 2.16253 10.036 2.03878 9.87955 1.95907C9.81329 1.92533 9.74452 1.89667 9.6738 1.87369C9.48356 1.81187 9.26789 1.80476 8.53597 1.80476H7.46399Z", fill: "currentColor" }) });
 }
 function QueueSendIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M7.24707 1.01771C7.52897 1.07653 7.77619 1.19694 8.00391 1.38001C8.19202 1.53136 8.39884 1.73784 8.61914 1.95814L12.6396 5.9806L11.6299 6.99134L7.71484 3.0763V13.0001H6.28516V3.0763L2.36914 6.99134L1.35938 5.9806L5.38086 1.95814C5.60116 1.73784 5.80798 1.53136 5.99609 1.38001C6.19476 1.22027 6.4385 1.06739 6.75195 1.01771C6.91296 0.992304 7.07471 0.997504 7.24707 1.01771Z", fill: "currentColor" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M7.24707 1.01771C7.52897 1.07653 7.77619 1.19694 8.00391 1.38001C8.19202 1.53136 8.39884 1.73784 8.61914 1.95814L12.6396 5.9806L11.6299 6.99134L7.71484 3.0763V13.0001H6.28516V3.0763L2.36914 6.99134L1.35938 5.9806L5.38086 1.95814C5.60116 1.73784 5.80798 1.53136 5.99609 1.38001C6.19476 1.22027 6.4385 1.06739 6.75195 1.01771C6.91296 0.992304 7.07471 0.997504 7.24707 1.01771Z", fill: "currentColor" }) });
+}
+function QueuePauseIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("rect", { x: "3.6", y: "2.6", width: "3.2", height: "10.8", rx: "1.1", fill: "currentColor" }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("rect", { x: "9.2", y: "2.6", width: "3.2", height: "10.8", rx: "1.1", fill: "currentColor" })
+  ] });
+}
+function QueueResumeIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M4.4 2.9c0-.6.66-1 1.18-.68l7.1 4.1c.52.3.52 1.06 0 1.36l-7.1 4.1A.8.8 0 0 1 4.4 11.1V2.9Z", fill: "currentColor" }) });
 }
 
 // src/client/components/SchedulerSettingsCard.tsx
-var import_react9 = require("react");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var FIELDS = [
-  { kind: "boolean", key: "showButton", labelKey: "showButtonLabel", hintKey: "showButtonHint", defaultValue: true },
-  { kind: "number", key: "maxSchedules", labelKey: "maxSchedulesLabel", hintKey: "maxSchedulesHint", defaultValue: 100 },
-  { kind: "time", key: "workStart", labelKey: "workStartLabel", hintKey: "smartWindowHint" },
-  { kind: "time", key: "workEnd", labelKey: "workEndLabel" },
-  { kind: "time", key: "lunchStart", labelKey: "lunchStartLabel" },
-  { kind: "time", key: "lunchEnd", labelKey: "lunchEndLabel" },
-  { kind: "time", key: "eveningEnd", labelKey: "eveningEndLabel" }
+var import_react8 = require("react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var SECTIONS = [
+  {
+    id: "display",
+    titleKey: "sectionDisplay",
+    layout: "stack",
+    fields: [
+      {
+        kind: "boolean",
+        key: "showButton",
+        labelKey: "showButtonLabel",
+        hintKey: "showButtonHint",
+        defaultValue: true
+      },
+      {
+        kind: "enum",
+        key: "clockIconStyle",
+        labelKey: "clockIconStyleLabel",
+        hintKey: "clockIconStyleHint",
+        options: ["auto", "modern", "classic"],
+        defaultValue: "auto"
+      },
+      { kind: "number", key: "maxSchedules", labelKey: "maxSchedulesLabel", hintKey: "maxSchedulesHint", defaultValue: 100 }
+    ]
+  },
+  {
+    id: "time",
+    titleKey: "sectionTime",
+    layout: "grid",
+    fields: [
+      { kind: "time", key: "workStart", labelKey: "workStartLabel", hintKey: "smartWindowHint" },
+      { kind: "time", key: "workEnd", labelKey: "workEndLabel" },
+      { kind: "time", key: "lunchStart", labelKey: "lunchStartLabel" },
+      { kind: "time", key: "lunchEnd", labelKey: "lunchEndLabel" },
+      { kind: "time", key: "eveningEnd", labelKey: "eveningEndLabel" }
+    ]
+  },
+  {
+    id: "delivery",
+    titleKey: "sectionDelivery",
+    layout: "stack",
+    fields: [
+      {
+        kind: "enum",
+        key: "steerDelivery",
+        labelKey: "steerDeliveryLabel",
+        hintKey: "steerDeliveryHint",
+        options: ["followup", "steer"],
+        defaultValue: "followup"
+      },
+      {
+        kind: "boolean",
+        key: "confirmDelivery",
+        labelKey: "confirmDeliveryLabel",
+        hintKey: "confirmDeliveryHint",
+        defaultValue: true
+      },
+      {
+        kind: "enum",
+        key: "onUnconfirmed",
+        labelKey: "onUnconfirmedLabel",
+        hintKey: "onUnconfirmedHint",
+        options: ["keep", "discard"],
+        defaultValue: "keep"
+      }
+    ]
+  }
 ];
-function ChevronDown({ className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", className, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M3.5 5.25 7 8.75l3.5-3.5", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }) });
-}
+var FIELDS = SECTIONS.flatMap((s) => s.fields);
 function SchedulerSettingsCard({ scope, t }) {
-  const [snapshot, setSnapshot] = (0, import_react9.useState)(() => scope.getSnapshot());
-  const [pending, setPending] = (0, import_react9.useState)({});
-  const [saving, setSaving] = (0, import_react9.useState)(false);
-  const [failed, setFailed] = (0, import_react9.useState)(false);
-  const [open, setOpen] = (0, import_react9.useState)(false);
-  (0, import_react9.useEffect)(() => {
+  const [snapshot, setSnapshot] = (0, import_react8.useState)(() => scope.getSnapshot());
+  const [pending, setPending] = (0, import_react8.useState)({});
+  const [saving, setSaving] = (0, import_react8.useState)(false);
+  const [failed, setFailed] = (0, import_react8.useState)(false);
+  const [helpOpen, setHelpOpen] = (0, import_react8.useState)({});
+  (0, import_react8.useEffect)(() => {
     const initial = scope.getSnapshot();
     setSnapshot(initial);
     setPending({});
     if (initial.status === "ready") setFailed(false);
   }, [scope]);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     return scope.subscribe(() => {
       const snap = scope.getSnapshot();
       setSnapshot(snap);
@@ -1858,10 +2353,10 @@ function SchedulerSettingsCard({ scope, t }) {
       }
     });
   }, [scope]);
-  if (snapshot.status === "unavailable") return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, {});
+  if (snapshot.status === "unavailable") return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, {});
   if (snapshot.status !== "ready") {
-    if (snapshot.status === "loading") return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "ss-hint", children: t("loading") });
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "ss-hint", children: t("unavailable") });
+    if (snapshot.status === "loading") return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "ss-hint", children: t("loading") });
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "ss-hint", children: t("unavailable") });
   }
   const value = snapshot.value ?? {};
   const base = snapshot.base ?? {};
@@ -1879,6 +2374,10 @@ function SchedulerSettingsCard({ scope, t }) {
       const v2 = value[field.key];
       return v2 === false ? "false" : "true";
     }
+    if (field.kind === "enum") {
+      const v2 = value[field.key];
+      return typeof v2 === "string" ? v2 : field.defaultValue;
+    }
     const v = value[field.key];
     return v ?? "";
   };
@@ -1891,6 +2390,10 @@ function SchedulerSettingsCard({ scope, t }) {
       const v2 = base[field.key];
       return v2 === false ? "false" : "true";
     }
+    if (field.kind === "enum") {
+      const v2 = base[field.key];
+      return typeof v2 === "string" ? v2 : field.defaultValue;
+    }
     const v = base[field.key];
     return v ?? "";
   };
@@ -1903,6 +2406,7 @@ function SchedulerSettingsCard({ scope, t }) {
       return null;
     }
     if (field.kind === "boolean") return null;
+    if (field.kind === "enum") return field.options.includes(raw) ? null : t("invalidLabel");
     if (raw.trim().length === 0) return null;
     if (!isValidHhmm(raw)) return t("invalidTimeLabel");
     return null;
@@ -1918,11 +2422,11 @@ function SchedulerSettingsCard({ scope, t }) {
     setFieldPending(field.key, baselineValue(field), true);
     setFailed(false);
   };
-  const handleDiscard = (0, import_react9.useCallback)(() => {
+  const handleDiscard = (0, import_react8.useCallback)(() => {
     setPending({});
     setFailed(false);
   }, []);
-  const handleSave = (0, import_react9.useCallback)(async () => {
+  const handleSave = (0, import_react8.useCallback)(async () => {
     if (!dirty || saving || !writable) return;
     setSaving(true);
     setFailed(false);
@@ -1955,66 +2459,91 @@ function SchedulerSettingsCard({ scope, t }) {
   };
   const anyInvalid = FIELDS.some((field) => invalidField(field) !== null);
   const saveDisabled = !dirty || saving || !writable || anyInvalid;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("li", { className: open ? "ss-card ss-cardOpen" : "ss-card", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
-      "button",
-      {
-        type: "button",
-        className: "ss-card-header",
-        "aria-expanded": open,
-        "aria-label": `${t(open ? "collapse" : "expand")}: ${t("title")}`,
-        onClick: () => setOpen(!open),
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "ss-card-headText", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "ss-card-name", children: t("title") }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "ss-card-description", children: t("description") })
-          ] }),
-          dirty && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "ss-card-pending", children: t("pendingBadge") }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChevronDown, { className: open ? "ss-card-chevron ss-card-chevronOpen" : "ss-card-chevron" })
-        ]
-      }
-    ),
-    open ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "ss-card-body", children: [
-      !writable && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "ss-card-readOnly", role: "status", children: t("readOnly") }),
-      FIELDS.map((field) => {
+  const confirmEnabled = (pending.confirmDelivery?.value ?? (value.confirmDelivery === false ? "false" : "true")) !== "false";
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "ss-settings-form", children: [
+    !writable && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "ss-hint", role: "status", children: t("readOnly") }),
+    SECTIONS.map((section) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("section", { className: "ss-section", "aria-labelledby": `ss-section-${section.id}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h3", { className: "ss-section-heading", id: `ss-section-${section.id}`, children: t(section.titleKey) }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: section.layout === "grid" ? "ss-section-fields ss-section-fieldsGrid" : "ss-section-fields", children: section.fields.map((field) => {
         const invalid = invalidField(field);
         const isTime = field.kind === "time";
         const labelKey = field.labelKey;
         const hintKey = field.hintKey;
         const userHas = isUserOverridden(field.key);
         const fieldId = `ss-${field.key}`;
-        return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "ss-field", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "ss-card-fieldHead", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("label", { htmlFor: fieldId, className: "ss-card-label", children: t(labelKey) }),
-            userHas && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "ss-card-badges", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "ss-card-badge", children: t("overriddenLabel") }),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        const helpHint = hintKey !== void 0 && t(hintKey).length > 0;
+        const badges = userHas ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "ss-card-badges", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "ss-card-badge", children: t("overriddenLabel") }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            "button",
+            {
+              type: "button",
+              className: "ss-card-reset",
+              disabled: !writable || saving,
+              onClick: () => handleResetField(field),
+              children: t("resetLabel")
+            }
+          )
+        ] }) : null;
+        if (field.kind === "boolean") {
+          const checked = displayValue(field) !== "false";
+          return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "ss-field ss-fieldToggle", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "ss-toggle-row", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "ss-label-group", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("label", { htmlFor: fieldId, className: "ss-toggle-label", children: t(labelKey) }) }),
+              badges,
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                 "button",
                 {
                   type: "button",
-                  className: "ss-card-reset",
+                  id: fieldId,
+                  role: "switch",
+                  "aria-checked": checked,
+                  "aria-label": t(labelKey),
+                  className: "ss-toggle-switch",
                   disabled: !writable || saving,
-                  onClick: () => handleResetField(field),
-                  children: t("resetLabel")
+                  onClick: () => handleFieldEdit(field, checked ? "false" : "true")
                 }
               )
-            ] })
+            ] }),
+            helpHint ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "ss-toggle-description", children: t(hintKey) }) : null,
+            invalid !== null ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "ss-card-invalid", role: "status", children: invalid }) : null
+          ] }, field.key);
+        }
+        return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "ss-field", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "ss-card-fieldHead", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "ss-label-group", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("label", { htmlFor: fieldId, className: "ss-card-label", children: t(labelKey) }),
+              helpHint && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                "button",
+                {
+                  type: "button",
+                  className: helpOpen[field.key] === true ? "ss-help-btn ss-help-btnOpen" : "ss-help-btn",
+                  "aria-label": `${t(labelKey)}\u8BF4\u660E`,
+                  "aria-expanded": helpOpen[field.key] === true,
+                  "aria-controls": `ss-help-${field.key}`,
+                  onClick: () => setHelpOpen((prev) => ({ ...prev, [field.key]: !prev[field.key] })),
+                  children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("svg", { width: "12", height: "12", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", strokeWidth: "1", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M12.5757 7.00012C12.5757 3.92085 10.0794 1.42463 7.00012 1.42456C3.9208 1.42456 1.42456 3.9208 1.42456 7.00012C1.42463 10.0794 3.92085 12.5757 7.00012 12.5757C10.0793 12.5756 12.5756 10.0793 12.5757 7.00012ZM13.8002 7.00012C13.8001 10.7559 10.7559 13.8001 7.00012 13.8002C3.2443 13.8002 0.199291 10.7559 0.199219 7.00012C0.199219 3.24426 3.24426 0.199219 7.00012 0.199219C10.7559 0.199291 13.8002 3.2443 13.8002 7.00012Z", fill: "currentColor" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M7.6127 3.18921V4.55986H6.38735V3.18921H7.6127Z", fill: "currentColor" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M7.6127 5.68921V10.8109H6.38735V5.68921H7.6127Z", fill: "currentColor" })
+                  ] })
+                }
+              )
+            ] }),
+            badges
           ] }),
-          field.kind === "boolean" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+          field.kind === "enum" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
             "select",
             {
               id: fieldId,
               className: invalid !== null ? "ss-input ss-inputInvalid" : "ss-input",
               "aria-invalid": invalid !== null || void 0,
-              value: displayValue(field) === "false" ? "false" : "true",
+              value: displayValue(field),
               disabled: !writable || saving,
               onChange: (event) => handleFieldEdit(field, event.target.value),
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("option", { value: "true", children: t("optionOn") }),
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("option", { value: "false", children: t("optionOff") })
-              ]
+              children: field.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: option, children: t(`${field.key}Option_${option}`) }, option))
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
             "input",
             {
               id: fieldId,
@@ -2028,33 +2557,36 @@ function SchedulerSettingsCard({ scope, t }) {
               onChange: (event) => handleFieldEdit(field, event.target.value)
             }
           ),
-          invalid !== null || hintKey !== void 0 && t(hintKey).length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: invalid !== null ? "ss-card-invalid" : "ss-hint", children: invalid !== null ? invalid : t(hintKey) }) : null
+          invalid !== null ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "ss-card-invalid", role: "status", children: invalid }) : null,
+          helpOpen[field.key] === true && hintKey !== void 0 && t(hintKey).length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { id: `ss-help-${field.key}`, role: "region", "aria-label": `${t(labelKey)}\u8BF4\u660E`, className: "ss-help", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { children: t(hintKey) }) }) : null,
+          field.key === "steerDelivery" && displayValue(field) === "steer" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "ss-card-risk", role: "status", children: confirmEnabled ? t("steerRiskGuarded") : t("steerRiskUnguarded") }) : null,
+          field.key === "onUnconfirmed" && displayValue(field) === "discard" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "ss-card-risk", role: "status", children: t("discardRisk") }) : null
         ] }, field.key);
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "ss-card-footer", children: [
-        failed && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "ss-card-failed", role: "status", children: t("saveFailed") }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          "button",
-          {
-            type: "button",
-            className: "ss-card-discard",
-            disabled: !dirty || saving,
-            onClick: handleDiscard,
-            children: t("discard")
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          "button",
-          {
-            type: "button",
-            className: "ss-card-save",
-            disabled: saveDisabled,
-            onClick: () => void handleSave(),
-            children: saving ? t("saving") : t("save")
-          }
-        )
-      ] })
-    ] }) : null
+      }) })
+    ] }, section.id)),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "ss-card-footer", children: [
+      failed && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "ss-card-failed", role: "status", children: t("saveFailed") }),
+      dirty && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        "button",
+        {
+          type: "button",
+          className: "ss-card-discard",
+          disabled: saving,
+          onClick: handleDiscard,
+          children: t("discard")
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        "button",
+        {
+          type: "button",
+          className: "ss-card-save",
+          disabled: saveDisabled,
+          onClick: () => void handleSave(),
+          children: saving ? t("saving") : t("save")
+        }
+      )
+    ] })
   ] });
 }
 
@@ -2063,15 +2595,21 @@ var PRESENCE_URGENT_WINDOW_MS = 5 * 6e4;
 function summarizeSchedules(schedules) {
   let nextAt;
   let count = 0;
+  let pausedCount = 0;
   for (const item of schedules ?? []) {
     const raw = item.scheduled_at ?? item.scheduledAt;
     if (raw === void 0) continue;
     const epoch = Date.parse(raw);
     if (!Number.isFinite(epoch)) continue;
     count += 1;
+    if (item.status === "paused") {
+      pausedCount += 1;
+      continue;
+    }
     if (nextAt === void 0 || epoch < nextAt) nextAt = epoch;
   }
-  return nextAt === void 0 ? { count: 0 } : { count, nextAt };
+  if (count === 0) return { count: 0, pausedCount: 0 };
+  return nextAt === void 0 ? { count, pausedCount } : { count, nextAt, pausedCount };
 }
 function badgeStateFor(nextAt, now) {
   if (nextAt === void 0) return "scheduled";
@@ -2080,6 +2618,24 @@ function badgeStateFor(nextAt, now) {
   if (diff <= PRESENCE_URGENT_WINDOW_MS) return "urgent";
   return "scheduled";
 }
+function hoverScheduleStatus(entry, now, labels, strings, formatHhmm3, formatDate2) {
+  const tone = badgeStateFor(entry.nextAt, now);
+  if (entry.nextAt === void 0 && entry.pausedCount > 0) {
+    const paused = strings.hoverSchedulePaused ?? strings.hoverScheduleOverdue;
+    return { label: formatTemplate(paused, { n: entry.count }), tone };
+  }
+  if (tone === "overdue" || entry.nextAt === void 0) {
+    return { label: formatTemplate(strings.hoverScheduleOverdue, { n: entry.count }), tone };
+  }
+  const time = relativeFireLabel(entry.nextAt, now, labels, formatHhmm3, formatDate2);
+  return { label: formatTemplate(strings.hoverScheduleStatus, { n: entry.count, time }), tone };
+}
+function formatTemplate(template, params) {
+  return template.replace(
+    /\{(\w+)\}/g,
+    (match, key) => key in params ? String(params[key]) : match
+  );
+}
 function startOfDay(epoch) {
   const d = new Date(epoch);
   d.setHours(0, 0, 0, 0);
@@ -2099,17 +2655,25 @@ function relativeFireLabel(nextAt, now, labels, formatHhmm3, formatDate2) {
 
 // src/client/session-presence.ts
 var BADGE_CLASS = "ss-presence";
+var HOVER_ROW_CLASS = "ss-hover-status";
 var FIBER_MAX_DEPTH = 8;
 var SCAN_DEBOUNCE_MS = 60;
 var STATE_TICK_MS = 3e4;
 var REFRESH_INTERVAL_MS = 6e4;
-var CLOCK_SVG = '<svg width="10" height="10" viewBox="0 0 10 10" shape-rendering="crispEdges" aria-hidden="true"><g class="ss-presence-ring"><rect x="0" y="0" width="2" height="2"/><rect x="4" y="0" width="2" height="2"/><rect x="8" y="0" width="2" height="2"/><rect x="8" y="4" width="2" height="2"/><rect x="8" y="8" width="2" height="2"/><rect x="4" y="8" width="2" height="2"/><rect x="0" y="8" width="2" height="2"/><rect x="0" y="4" width="2" height="2"/></g><g class="ss-presence-hand"><rect x="4" y="2" width="2" height="2"/><rect x="6" y="4" width="2" height="2"/></g></svg>';
+var CLOCK_SVG_CLASSIC = '<svg width="10" height="10" viewBox="0 0 10 10" shape-rendering="crispEdges" aria-hidden="true"><g class="ss-presence-ring"><rect x="0" y="0" width="2" height="2"/><rect x="4" y="0" width="2" height="2"/><rect x="8" y="0" width="2" height="2"/><rect x="8" y="4" width="2" height="2"/><rect x="8" y="8" width="2" height="2"/><rect x="4" y="8" width="2" height="2"/><rect x="0" y="8" width="2" height="2"/><rect x="0" y="4" width="2" height="2"/></g><g class="ss-presence-hand"><rect x="4" y="2" width="2" height="2"/><rect x="6" y="4" width="2" height="2"/></g></svg>';
+var CLOCK_SVG_MODERN = '<svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true"><circle class="ss-clock-face" cx="12" cy="12" r="9.5"/><g class="ss-clock-hand"><line class="ss-clock-hand-h" x1="12" y1="12" x2="12" y2="6.5"/><line class="ss-clock-hand-m" x1="12" y1="12" x2="17" y2="12"/></g></svg>';
 var hhmmFormatter = new Intl.DateTimeFormat(void 0, { hour: "2-digit", minute: "2-digit", hour12: false });
 var dateFormatter = new Intl.DateTimeFormat(void 0, { month: "short", day: "numeric" });
 var formatHhmm2 = (epoch) => hhmmFormatter.format(epoch);
 var formatDate = (epoch) => dateFormatter.format(epoch);
 function sessionIdOfRow(row) {
-  const host = row;
+  return sessionIdOfNode(row);
+}
+function sessionIdOfHoverCard(card) {
+  return sessionIdOfNode(card);
+}
+function sessionIdOfNode(element) {
+  const host = element;
   const fiberKey = Object.keys(host).find((key) => key.startsWith("__reactFiber$"));
   if (fiberKey === void 0) return void 0;
   let fiber = host[fiberKey];
@@ -2148,10 +2712,14 @@ function labelsFor(dict) {
   };
 }
 function mountSessionPresence(options) {
-  const { sessions, locale } = options;
+  const { sessions, locale, getClockIconStyle } = options;
   if (typeof document === "undefined" || typeof MutationObserver === "undefined") {
     return () => void 0;
   }
+  const getClockSvg = () => {
+    const style = getClockIconStyle?.() ?? "auto";
+    return style === "classic" ? CLOCK_SVG_CLASSIC : CLOCK_SVG_MODERN;
+  };
   let index = /* @__PURE__ */ new Map();
   let scanTimer;
   let disposed = false;
@@ -2165,6 +2733,7 @@ function mountSessionPresence(options) {
       if (row.hasAttribute("aria-expanded")) continue;
       applyBadge(row, now, dict);
     }
+    applyHoverCard(now, dict);
   };
   const scheduleScan = () => {
     if (disposed || scanTimer !== void 0) return;
@@ -2184,8 +2753,9 @@ function mountSessionPresence(options) {
     }
     const state = badgeStateFor(entry.nextAt, now);
     const time = entry.nextAt === void 0 ? "" : relativeFireLabel(entry.nextAt, now, labelsFor(dict), formatHhmm2, formatDate);
-    const aria = state === "overdue" ? format(dict.presenceOverdueAria, { n: entry.count }) : format(dict.presenceBadgeAria, { n: entry.count, time });
-    const tooltip = state === "overdue" ? format(dict.presenceOverdueTooltip, { n: entry.count }) : format(dict.presenceTooltip, { n: entry.count, time });
+    const allPaused = entry.nextAt === void 0 && entry.pausedCount > 0;
+    const aria = allPaused ? format(dict.presencePausedAria, { n: entry.count }) : state === "overdue" ? format(dict.presenceOverdueAria, { n: entry.count }) : format(dict.presenceBadgeAria, { n: entry.count, time });
+    const tooltip = allPaused ? format(dict.presencePausedTooltip, { n: entry.count }) : state === "overdue" ? format(dict.presenceOverdueTooltip, { n: entry.count }) : format(dict.presenceTooltip, { n: entry.count, time });
     if (existing !== null) {
       if (existing.dataset.state !== state) existing.dataset.state = state;
       if (existing.getAttribute("aria-label") !== aria) existing.setAttribute("aria-label", aria);
@@ -2201,10 +2771,55 @@ function mountSessionPresence(options) {
     badge.setAttribute("role", "img");
     badge.setAttribute("aria-label", aria);
     badge.setAttribute("title", tooltip);
-    badge.innerHTML = CLOCK_SVG;
+    badge.innerHTML = getClockSvg();
     if (beside) slot.after(badge);
     else slot.append(badge);
   }
+  function findHoverCard() {
+    for (const card of Array.from(document.body.children)) {
+      if (!(card instanceof HTMLElement)) continue;
+      const statusHost = card.firstElementChild;
+      if (!(statusHost instanceof HTMLElement)) continue;
+      const hasStatusRow = Array.from(statusHost.children).some((child) => {
+        const dot = child.firstElementChild;
+        return child.children.length >= 2 && dot !== null && dot.tagName === "SPAN" && dot.getAttribute("aria-hidden") === "true";
+      });
+      if (!hasStatusRow) continue;
+      const sessionId = sessionIdOfHoverCard(card);
+      if (sessionId === void 0) continue;
+      return { card, statusHost, sessionId };
+    }
+    return null;
+  }
+  function applyHoverCard(now, dict) {
+    const found = findHoverCard();
+    if (found === null) return;
+    const { statusHost, sessionId } = found;
+    const existing = statusHost.querySelector(`:scope > .${HOVER_ROW_CLASS}`);
+    const entry = index.get(sessionId);
+    if (entry === void 0) {
+      existing?.remove();
+      return;
+    }
+    const { label } = hoverScheduleStatus(entry, now, labelsFor(dict), dict, formatHhmm2, formatDate);
+    const state = badgeStateFor(entry.nextAt, now);
+    if (existing !== null) {
+      const text2 = existing.lastElementChild;
+      if (text2 !== null && text2.textContent !== label) text2.textContent = label;
+      if (existing.dataset.state !== state) existing.dataset.state = state;
+      return;
+    }
+    const row = document.createElement("div");
+    row.className = HOVER_ROW_CLASS;
+    row.dataset.state = state;
+    const dot = document.createElement("span");
+    dot.setAttribute("aria-hidden", "true");
+    dot.className = "ss-hover-status-dot";
+    const text = document.createElement("span");
+    text.textContent = label;
+    row.append(dot, text);
+    statusHost.append(row);
+  }
   const unsubscribeList = sessions.list.subscribe(scheduleScan);
   const unsubscribeLocale = locale?.subscribe(scheduleScan);
   const observer = new MutationObserver(scheduleScan);
@@ -2241,26 +2856,33 @@ function mountSessionPresence(options) {
     document.removeEventListener("visibilitychange", onVisible);
     window.removeEventListener("online", onVisible);
     for (const badge of Array.from(document.querySelectorAll(`.${BADGE_CLASS}`))) badge.remove();
+    for (const row of Array.from(document.querySelectorAll(`.${HOVER_ROW_CLASS}`))) row.remove();
   };
 }
 
 // src/client/index.tsx
 var INPUT_RIGHT_SLOT = "conversation.input.right";
-var inject = ["slots", "sessions", "conversation", "settingsScope", "locale"];
+var inject = ["slots", "sessions", "conversation", "locale"];
 var NS = "settings.plugins.later";
 var SETTINGS_NS = "dsh-later";
+var ENTRY_ID = "later";
 function apply(ctx) {
   const slots = ctx.get("slots");
   const sessions = ctx.get("sessions");
-  const settingsScope = ctx.get("settingsScope");
   const locale = ctx.get("locale");
   if (slots === void 0 || sessions === void 0) return;
   ctx.effect(() => injectStyles(), "dsh-later: styles");
-  ctx.effect(() => mountReminderToastHost(), "dsh-later: toast host");
+  let detectedVersion = "classic";
+  let getClockIconStyle = () => "auto";
   ctx.effect(
     () => mountSessionPresence({
       sessions,
-      ...locale === void 0 ? {} : { locale }
+      ...locale === void 0 ? {} : { locale },
+      getClockIconStyle: () => {
+        const style = getClockIconStyle();
+        if (style === "auto") return detectedVersion;
+        return style;
+      }
     }),
     "dsh-later: presence"
   );
@@ -2273,10 +2895,11 @@ function apply(ctx) {
         expand: "\u5C55\u5F00\u8BBE\u7F6E",
         collapse: "\u6536\u8D77\u8BBE\u7F6E",
         readOnly: "\u672C\u90E8\u7F72\u7684\u8BBE\u7F6E\u4E3A\u53EA\u8BFB\u3002",
+        sectionDisplay: "\u663E\u793A\u8BBE\u7F6E",
+        sectionTime: "\u65F6\u95F4\u8BBE\u7F6E",
+        sectionDelivery: "\u6295\u9012\u8BBE\u7F6E",
         showButtonLabel: "\u663E\u793A\u5B9A\u65F6\u6309\u94AE",
         showButtonHint: "\u5173\u95ED\u540E\u8F93\u5165\u6846\u53F3\u4FA7\u4E0D\u518D\u663E\u793A\u65F6\u949F\u6309\u94AE\uFF1B\u5DF2\u521B\u5EFA\u7684\u63D0\u9192\u4ECD\u4F1A\u7167\u5E38\u89E6\u53D1\uFF0C\u5E76\u5728\u8F93\u5165\u6846\u4E0B\u65B9\u7684\u5F85\u53D1\u9001\u5217\u8868\u4E2D\u663E\u793A\u3002",
-        optionOn: "\u663E\u793A",
-        optionOff: "\u9690\u85CF",
         maxSchedulesLabel: "\u5355\u4F1A\u8BDD\u4EFB\u52A1\u4E0A\u9650",
         maxSchedulesHint: "\u5355\u4E2A\u4F1A\u8BDD\u5185\u5141\u8BB8\u521B\u5EFA\u7684\u6700\u5927\u5B9A\u65F6\u4EFB\u52A1\u6570\u91CF\u3002",
         smartWindowHint: "\u7528\u4E8E\u300C\u5DE5\u4F5C\u65F6\u95F4\u300D\u82AF\u7247\u4E0E\u667A\u80FD\u6A21\u5F0F\u81EA\u52A8\u6392\u671F\u3002",
@@ -2285,6 +2908,24 @@ function apply(ctx) {
         lunchStartLabel: "\u5348\u4F11\u5F00\u59CB",
         lunchEndLabel: "\u5348\u4F11\u7ED3\u675F",
         eveningEndLabel: "\u591C\u95F4\u9759\u9ED8\u8D77\u70B9",
+        steerDeliveryLabel: "\u63D2\u8BDD\u6295\u9012\u65B9\u5F0F",
+        steerDeliveryHint: "\u300C\u63D2\u8BDD\u53D1\u9001\u300D\u628A\u63D0\u9192\u5185\u5BB9\u63A8\u7ED9\u4F1A\u8BDD\u65F6\u8FDB\u5165\u7684\u961F\u5217\u3002",
+        steerDeliveryOption_followup: "\u72EC\u7ACB\u6210\u4E00\u8F6E\uFF08\u63A8\u8350\uFF09",
+        steerDeliveryOption_steer: "\u63D2\u5165\u5F53\u524D\u56DE\u5408\uFF08\u66F4\u5FEB\uFF09",
+        confirmDeliveryLabel: "\u6295\u9012\u786E\u8BA4",
+        confirmDeliveryHint: "\u6295\u9012\u540E\u6838\u5BF9\u4F1A\u8BDD\u65E5\u5FD7\uFF0C\u786E\u8BA4\u6D88\u606F\u771F\u6B63\u8FDB\u5165\u8BF7\u6C42\u3002\u5173\u95ED\u5219\u4E0D\u518D\u6838\u5BF9\uFF0C\u4E5F\u4E0D\u4FDD\u8BC1\u9001\u8FBE\u3002",
+        onUnconfirmedLabel: "\u672A\u786E\u8BA4\u65F6",
+        onUnconfirmedHint: "\u6295\u9012\u672A\u80FD\u786E\u8BA4\u65F6\u7684\u5904\u7406\u65B9\u5F0F\u3002",
+        onUnconfirmedOption_keep: "\u4FDD\u7559\u6761\u76EE\u53EF\u91CD\u8BD5\uFF08\u63A8\u8350\uFF09",
+        onUnconfirmedOption_discard: "\u4E22\u5F03",
+        clockIconStyleLabel: "\u65F6\u949F\u56FE\u6807\u98CE\u683C",
+        clockIconStyleHint: "\u4FA7\u680F\u4F1A\u8BDD\u884C\u5B9A\u65F6\u72B6\u6001\u56FE\u6807\u7684\u663E\u793A\u98CE\u683C\u3002",
+        clockIconStyleOption_auto: "\u81EA\u52A8\uFF08\u63A8\u8350\uFF09",
+        clockIconStyleOption_modern: "\u65B0\u7248\u63CF\u8FB9\u98CE\u683C",
+        clockIconStyleOption_classic: "\u65E7\u7248\u70B9\u9635\u98CE\u683C",
+        steerRiskGuarded: "\u26A0 \u649E\u4E0A\u56DE\u5408\u542F\u52A8\u65F6\u53EF\u80FD\u88AB\u541E\u6389\uFF1B\u5DF2\u5F00\u542F\u6295\u9012\u786E\u8BA4\uFF0C\u672A\u9001\u8FBE\u4F1A\u4FDD\u7559\u6761\u76EE\u5E76\u53EF\u91CD\u8BD5\u3002",
+        steerRiskUnguarded: "\u26A0 \u649E\u4E0A\u56DE\u5408\u542F\u52A8\u65F6\u53EF\u80FD\u88AB\u541E\u6389\uFF0C\u4E14\u4E0D\u4F1A\u4FDD\u7559\u6761\u76EE\uFF08\u6295\u9012\u786E\u8BA4\u5DF2\u5173\u95ED\uFF09\u3002",
+        discardRisk: "\u26A0 \u672A\u786E\u8BA4\u7684\u63D0\u9192\u4F1A\u88AB\u79FB\u51FA\u5217\u8868 \u2014\u2014 \u9759\u9ED8\u4E22\u5931\u5C06\u91CD\u65B0\u53D8\u5F97\u53EF\u80FD\u3002",
         overriddenLabel: "\u5DF2\u8986\u76D6",
         resetLabel: "\u91CD\u7F6E",
         invalidLabel: "\u8BF7\u8F93\u5165\u6709\u6548\u7684\u6570\u5B57\u3002",
@@ -2303,10 +2944,11 @@ function apply(ctx) {
         expand: "Show settings",
         collapse: "Hide settings",
         readOnly: "Settings for this deployment are read-only.",
+        sectionDisplay: "Display",
+        sectionTime: "Time windows",
+        sectionDelivery: "Delivery",
         showButtonLabel: "Show schedule button",
         showButtonHint: "Hide the clock button on the input bar. Existing reminders keep firing and stay visible in the dock below the composer.",
-        optionOn: "Show",
-        optionOff: "Hide",
         maxSchedulesLabel: "Max schedules per session",
         maxSchedulesHint: "Maximum number of scheduled reminders allowed per session.",
         smartWindowHint: "Used by the Work-hours chip and smart auto-scheduling.",
@@ -2315,6 +2957,24 @@ function apply(ctx) {
         lunchStartLabel: "Lunch break start",
         lunchEndLabel: "Lunch break end",
         eveningEndLabel: "Night quiet starts at",
+        steerDeliveryLabel: "Interject delivery",
+        steerDeliveryHint: 'Which queue the reminder content enters when you press "Send interjection".',
+        steerDeliveryOption_followup: "Own turn (recommended)",
+        steerDeliveryOption_steer: "Current turn (faster)",
+        confirmDeliveryLabel: "Confirm delivery",
+        confirmDeliveryHint: "After sending, check the session log to confirm the message actually entered a request. Turning this off skips the check and no longer guarantees delivery.",
+        onUnconfirmedLabel: "When unconfirmed",
+        onUnconfirmedHint: "What to do when delivery cannot be confirmed.",
+        onUnconfirmedOption_keep: "Keep for retry (recommended)",
+        onUnconfirmedOption_discard: "Discard",
+        clockIconStyleLabel: "Clock icon style",
+        clockIconStyleHint: "Display style of the schedule status icon in the sidebar.",
+        clockIconStyleOption_auto: "Auto (recommended)",
+        clockIconStyleOption_modern: "Modern stroke style",
+        clockIconStyleOption_classic: "Classic dot-matrix style",
+        steerRiskGuarded: "\u26A0 May be swallowed when it collides with turn start; delivery confirmation is on, so an undelivered reminder is kept and can be retried.",
+        steerRiskUnguarded: "\u26A0 May be swallowed when it collides with turn start, and the reminder will NOT be kept (delivery confirmation is off).",
+        discardRisk: "\u26A0 Unconfirmed reminders are removed from the list \u2014 silent loss becomes possible again.",
         overriddenLabel: "Overridden",
         resetLabel: "Reset",
         invalidLabel: "Please enter a valid number.",
@@ -2331,27 +2991,14 @@ function apply(ctx) {
   const callCommand = async (sessionId, line) => {
     const actx = sessions.scope(sessionId);
     const face = actx === void 0 ? void 0 : sessions.sessionOf(actx);
-    if (face === void 0) return false;
+    if (face === void 0) return { matched: false };
     try {
       const result = await face.command(line);
-      return result?.ok === true && result.value?.matched === true;
+      return { matched: result?.ok === true && result.value?.matched === true };
     } catch {
-      return false;
+      return { matched: false };
     }
   };
-  const schedulerScope = settingsScope === void 0 ? void 0 : settingsScope.bind({ namespace: SETTINGS_NS });
-  ctx.slots.inject(
-    INPUT_RIGHT_SLOT,
-    () => ctx.slots.register(
-      {
-        name: INPUT_RIGHT_SLOT,
-        id: "later",
-        order: 50,
-        inject: () => ({ callCommand, locale, schedulerScope })
-      },
-      SchedButton
-    )
-  );
   ctx.slots.inject(
     "conversation.input.dock",
     () => ctx.slots.register(
@@ -2364,19 +3011,74 @@ function apply(ctx) {
       ScheduleDock
     )
   );
-  if (settingsScope !== void 0 && locale !== void 0) {
-    ctx.slots.inject("settings.plugin.item", function* () {
-      yield ctx.slots.register({
-        name: "settings.plugin.item",
-        key: SETTINGS_NS,
-        locale: NS,
-        inject: () => ({
-          scope: settingsScope.bind({ namespace: SETTINGS_NS }),
-          t: locale.bind(NS)
-        })
-      }, SchedulerSettingsCard);
-    });
-  }
+  let composerMounted = false;
+  const mountComposer = (scope) => {
+    if (composerMounted) return;
+    composerMounted = true;
+    ctx.slots.inject(
+      INPUT_RIGHT_SLOT,
+      () => ctx.slots.register(
+        {
+          name: INPUT_RIGHT_SLOT,
+          id: "later",
+          order: 50,
+          inject: () => ({ callCommand, locale, schedulerScope: scope })
+        },
+        SchedButton
+      )
+    );
+  };
+  const cardT = locale === void 0 ? void 0 : locale.bind(NS);
+  const cardDeclaration = (slot, scope) => ({
+    name: slot,
+    key: SETTINGS_NS,
+    locale: NS,
+    inject: () => ({ scope, t: cardT })
+  });
+  ctx.inject(["settingsScope"], () => {
+    const binder = ctx.get("settingsScope");
+    if (binder === void 0) return;
+    detectedVersion = "classic";
+    const scope = binder.bind({ namespace: SETTINGS_NS });
+    getClockIconStyle = () => {
+      const snap = scope.getSnapshot();
+      if (snap.status !== "ready") return "auto";
+      const value = snap.value ?? {};
+      const style = value["clockIconStyle"];
+      return style === "modern" || style === "classic" ? style : "auto";
+    };
+    mountComposer(scope);
+    if (cardT === void 0) return;
+    ctx.slots.inject(
+      "settings.plugin.item",
+      () => ctx.slots.register(cardDeclaration("settings.plugin.item", scope), SchedulerSettingsCard)
+    );
+  });
+  ctx.inject(["configForms"], () => {
+    const forms = ctx.get("configForms");
+    if (forms === void 0 || typeof forms.get !== "function" || typeof forms.whileServed !== "function") return;
+    detectedVersion = "modern";
+    const scope = forms.get(ENTRY_ID);
+    getClockIconStyle = () => {
+      const snap = scope.getSnapshot();
+      if (snap.status !== "ready") return "auto";
+      const value = snap.value ?? {};
+      const style = value["clockIconStyle"];
+      return style === "modern" || style === "classic" ? style : "auto";
+    };
+    mountComposer(scope);
+    if (cardT === void 0) return;
+    ctx.effect(
+      () => forms.whileServed(
+        [ENTRY_ID],
+        () => ctx.slots.inject(
+          "plugins.bundle.config",
+          () => ctx.slots.register(cardDeclaration("plugins.bundle.config", scope), SchedulerSettingsCard)
+        )
+      ),
+      "dsh-later: plugins-page card"
+    );
+  });
 }
 
 		return module.exports;